@charset "utf-8";
/* CSS Document */
body{ margin: 0; padding: 0;}
*{ margin: 0; padding: 0; list-style: none; font-family: '微软雅黑';}
a{ text-decoration: none; cursor: pointer; display: block;}
img{ border: 0; display: block; cursor: pointer;}
h1,h2,h3,h4,h5,h6{ font-weight: normal;}
ul,li{ list-style: none; cursor: pointer;}
b{ font-weight: normal;}
i{ font-style: normal;}
em{ font-style: normal;}
input , textarea , select , button{ outline: none;}
ul, li, a{ -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none; cursor: pointer;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content: " ";clear:both;height:0;}
.clearfix{*zoom:1;}
.popUp{ display: none; width: 100%; height: 100%; background: #000; position: fixed; top: 0; left: 0; z-index: 30; opacity: 0.5;}
.w1010{ width: 1010px; margin: auto;}
.header{ width: 100%; position: fixed; top: 0; left: 0; right: 0; background: #fff; z-index: 25;}
.header .hearOne{ padding: 20px 0;}
.header .logo{ float: left;}
.header .logo img{ height: 88px;}
.header .search{ float: right; padding-top: 10px;}
.header .search .input{ float: left; width: 190px; height: 36px; border: 1px solid #999; position: relative; border-radius: 5px; padding: 0 70px 0 15px; margin-right: 48px; transition: all 0.5s;}
.header .search .input:hover{ border-color: #4B72AD;}
.header .search .input input{ display: block; width: 100%; height: 36px; font-size: 16px; border: none;}
.header .search .input button{ display: block; width: 55px; height: 38px; border: none; border-radius: 0 5px 5px 0; position: absolute; top: -1px; right: -1px; background: #4B72AD url(../images/search.png) no-repeat center; background-size: 18px auto; transition: all 0.5s;}
.header .search .input:hover button{ background: #4B72AD url(../images/search.png) no-repeat center; background-size: 20px auto;}
.header .search .more{ float: left;}
.header .search .more a{ float: left; width: 68px; height: 36px; border: 1px solid #4B72AD; border-radius: 5px; font-size: 16px; line-height: 36px; text-align: center; color: #4B72AD; transition: all 0.5s;}
.header .search .more a.lodin{ color: #fff; background: #4B72AD; margin-left: 18px;}
.header .search .more a:hover{ background: #4B72AD; color: #fff; box-shadow: 0 0 10px #4B72AD;}
.header .search .text{ font-size: 14px; line-height: 14px; color: #999; text-align: right; margin-top: 25px;}
.header .hearTwo{ background: #4B72AD url(../images/navBack.png);}
.header .hearTwo .li{ float: left;}
.header .hearTwo .li a{ padding: 0 15px; font-size: 16px; line-height: 50px; color: #fff; transition: all 0.5s;}
.header .hearTwo .li.on a{ background: #7aa0d8;}
.header .hearTwo .li:hover a{ background: #7aa0d8;}

#menu .li,#menu ul{/* 去掉一级菜单和二级菜单的项目符号：即消除maring 和padding */
    margin:0px;
    padding:0px;
    list-style-type: none;
}
#menu .li ul li { /* 二级菜单 */
    font-size:5px;/*通常二级菜单字体要比一级菜单小一些*/
    background: #4B72AD url(../images/navBack.png);
    text-align: center;
    padding:0px;
    display:block;
    width: 210px;
    height: 38px;
}
#menu ul{/* 隐藏二级菜单！！！很核心的一步操作 */
    display: none;/*将二级菜单的disp属性设置为none，使二级菜单隐藏起来，很重要的一步操作！！！*/
    width: 150px;
    position:absolute;  /*脱离标准流，后面的盒子当它不存在，不会将下面的内容挤开*/
}
#menu>.li:hover ul{/*显示二级子菜单  */
    display: block;
}
#menu ul li:hover a{/*显示二级子菜单  */
    background: #884CD1;
}

.filmeBox1{ padding: 6px 0 8px 0;}
.filmeBox1 .cont .li{ padding: 10px 0; border-bottom: 1px solid #DCDCDC; position: relative; transition: all 0.5s;}
.filmeBox1 .cont .li:hover{ background: #F2F8FB;}
.filmeBox1 .cont .li .img{ float: left; width: 120px; height: 90px; overflow: hidden; border-radius: 10px;}
.filmeBox1 .cont .li .img img{ width: 100%; transition: all 0.5s;}
.filmeBox1 .cont .li:hover .img img{ transform: scale(1.03);}
.filmeBox1 .cont .li .textBox{ float: left; margin-left: 20px; width: 800px; padding-top: 6px;}
.filmeBox1 .cont .li .textBox .top p{ font-size: 15px; font-weight: 600; color: #041421; line-height: 20px; float: left;}
.filmeBox1 .cont .li .textBox .top .time{ font-size: 14px; color: #333; line-height: 20px; float: right; margin-right: -170px}
.filmeBox1 .cont{ padding-bottom: 20px;display: inline-block}

.indexNavMin{ padding: 188px 0 30px 0;}
.indexNavMin .li{ float: left; margin: 0 10px; font-size: 14px; line-height: 30px;}
.indexNavMin .li:first-child{ margin: 0 10px 0 0;}
.indexNavMin .li a{ color: #333; transition: all 0.5s;}
.indexNavMin .li a:hover{ color: #4B72AD;}
.indexNavMin .icon{ float: left; font-size: 14px; color: #666; line-height: 30px; transform: rotate(180deg);}
.indexNewsOne{ padding-bottom: 45px;}
.indexNewsOne .top{ position: relative;}
.indexNewsOne .top .em{ display: block; width: 50px; height: 50px; text-align: center; line-height: 50px; color: #fff; background: #FF0000; position: absolute; top: 0; left: 0;}
.indexNewsOne .top .text{ padding: 0 70px; font-size: 36px; font-weight: bold; color: #FF0000; text-align: center; line-height: 50px;}
.indexNewsOne .bot{ padding-top: 22px;}
.indexNewsOne .bot .li{ width: 33.33%; float: left;}
.indexNewsOne .bot .li a{ font-size: 16px; line-height: 30px; color: #666; text-align: center; transition: all 0.5s;}
.indexNewsOne .bot .li:hover a{ color: #ff0000;}
.indexOne .left{ float: left;}
.indexOne .left .mink{ width: 664px; height: 374px; overflow: hidden; position: relative;}
.indexOne .left .mink a{ width: 100%; height: 100%; overflow: hidden;}
.indexOne .left .mink a img{ width: 100%; transition: all 0.5s;}
.indexOne .left .mink:hover a img{ transform: scale(1.02);}
.indexOne .left .mink .text{ font-size: 16px; height: 42px; line-height: 42px; background: hsla(0,0%,0%,0.50); position: absolute; left: 0; bottom: 0; right: 0; color: #fff; padding: 0 20px;}
.indexOne .right{ float: right; width: 320px;}
.indexOne .right .tit{ height: 24px; position: relative;}
.indexOne .right .tit em{ display: block; width: 24px; height: 24px; background: #4B72AD; position: absolute; top: 0; left: 0; z-index: -1;}
.indexOne .right .tit .mk{ font-size: 18px; color: #4B72AD; line-height: 20px; padding: 4px 0 0 4px; letter-spacing: 1px;}
.indexOne .right .tit .mk i{ color: #fff;}
.indexOne .right .list .com a{ font-size: 14px; color: #333; line-height: 20px; margin-top: 15px; transition: all 0.5s;}
.indexOne .right .list .com a:hover{ color: #4B72AD;}
.indexOne .right .list{ margin-top: 35px;}
.indexOne .right .list:first-child{ margin-top: 0;}
.indexTwo{ padding: 30px 0 38px 0;}
.indexTwo .right{ float: right;}
.indexTwo .right a{ width: 192px; height: 48px; text-align: center; line-height: 48px; background: #4B72AD; color: #fff; font-size: 16px; border-radius: 8px; transition: all 0.5s;}
.indexTwo .right a:hover{ box-shadow: 1px 2px 3px #999;}
.indexTwo .left{ float: left; width: 720px; height: 48px; position: relative; display: flex}
.indexTwo .left .mer{ font-size: 18px; color: #4A71AC; line-height: 48px; position: absolute; top: 0; left: 0;}
.indexTwo .left #content{
    width:550px;
    height:22px;
    position:relative;
    overflow:hidden;
    margin-left: 100px;
    margin-top: 15px;
}

.indexTwo .left ul{
    /*width: 6000px;*/
    height:30px;
    position:absolute;
    display: flex;
    align-items: center;
}
.indexTwo .left ul li{
    width:800px;
    height:30px;
}
.indexTwo .left ul li a{
    color: #333333;
}


.indexTwo .left .kome .swiper-container{ height: 30px;}
.indexTwo .left .kome a{ color: #333; transition: all 0.5s;}
.indexTwo .left .kome a:hover{ color: #4A71AC;}
.indexThree .cont .li{ width: 320px; float: left; margin-right: 25px;}
.indexThree .cont .li:nth-child(3n){ margin-right: 0;}
.indexThree .cont .li .tit{ height: 24px; position: relative; float: left;}
.indexThree .cont .li .tit em{ display: block; width: 24px; height: 24px; background: #4B72AD; position: absolute; top: 0; left: 0; z-index: -1;}
.indexThree .cont .li .tit .mk{ font-size: 18px; color: #4B72AD; line-height: 20px; padding: 4px 0 0 4px; letter-spacing: 1px; float: left;}
.indexThree .cont .li .tit .mk i{ color: #fff;}
.indexThree .cont .li .tit a{ width: 20px; height: 14px; background: url(../images/icon1.png) no-repeat center; background-size: 100% 100%; float: left; margin: 9px 0 0 1px;}
.indexThree .cont .li .den{ float: right; height: 24px; line-height: 24px; font-size: 14px; padding: 0 30px 0 15px; border-radius: 5px; background: #f1e5d7;}
.indexThree .cont .li .den img{ float: left; height: 20px; padding: 2px 0;}
.indexThree .cont .li .den a{ margin-left: 6px; color: #333; float: left;}
.indexThree .cont .li .img{ width: 100%; height: 180px; overflow: hidden; margin: 10px 0 15px 0;}
.indexThree .cont .li .img img{ width: 100%; transition: all 0.5s;}
.indexThree .cont .li .img:hover img{ transform: scale(1.03);}
.indexThree .cont .li .list a{ font-size: 14px; color: #333; line-height: 30px; padding: 2px 0; transition: all 0.5s;}
.indexThree .cont .li .list a:hover{ color: #4B72AD;}
.indexThree .cont .li .niker{ padding: 25px 0 35px 0;}
.indexThree .cont .li .niker a{ background: #4B72AD; font-size: 18px; color: #fff; padding: 0 15px; height: 50px; line-height: 50px; text-align: center; transition: all 0.5s;}
.indexThree .cont .li .niker a:hover{ box-shadow: 1px 2px 3px #999;}
.indexThree .cont .two .top{ padding-bottom: 10px;}
.indexThree .cont .two{ margin-bottom: 30px;}
.indexThree .cont .gant{ width: 100%; height: 223px; overflow: hidden; position: relative;}
.indexThree .cont .gant a{ width: 100%; height: 100%; overflow: hidden;}
.indexThree .cont .gant a img{ width: 100%; transition: all 0.5s;}
.indexThree .cont .gant:hover a img{ transform: scale(1.03);}
.indexThree .cont .gant .text{ background: hsla(0,0%,0%,0.50); position: absolute; left: 0; bottom: 0; right: 0; padding: 10px 15px; color: #fff;}
.indexThree .cont .gant .text h1{ font-size: 18px; line-height: 20px;}
.indexThree .cont .gant .text .mr{ font-size: 14px; line-height: 14px; margin-top: 8px; display: flex; justify-content: flex-start; white-space: nowrap;}
.indexThree .cont .gant .text .mr a{ color: #D0EFFF; padding-left: 3px;}
.indexThree .cont .work{ width: 100%; height: 223px; background: #F7FBFE; overflow: hidden; position: relative;}
.indexThree .cont .work .em{ width: 22px; height: 22px; position: absolute; top: 50%; margin-top: -11px; cursor: pointer;}
.indexThree .cont .work .em.em1{ left: 40px; background: url(../images/icon8.png) no-repeat center; background-size: 100% 100%;}
.indexThree .cont .work .em.em2{ right: 40px; background: url(../images/icon6.png) no-repeat center; background-size: 100% 100%;}
.indexThree .cont .work .swiper-button-next, .indexThree .cont .work .swiper-button-prev{ display: none;}
.indexThree .cont .work a{ width: 138px; height: 187px; margin: auto; box-shadow: 0px 6px 12px 0px rgba(0, 42, 67, 0.24);}
.indexThree .cont .work a img{ width: 100%;}
.indexThree .cont .work .swiper-container{ padding: 20px 0; width: 174px; margin: auto;}
.indexFour .titr{ position: relative; height: 55px;}
.indexFour .titr .mk{ width: 412px; height: 55px; position: absolute; top: 0;}
.indexFour .titr .mk.mk1{ background: url(../images/icon5k.png) no-repeat top left; background-size: 100% auto; left: 0;}
.indexFour .titr .mk.mk2{ background: url(../images/icon5m.png) no-repeat top right; background-size: 100% auto; right: 0;}
.indexFour .titr img{ margin: auto; padding-top: 5px;}
.indexFour .lister .swiper-container{ padding: 50px 0 0 0; height: 435px;}
.indexFour .lister .miner{ width: 614px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); overflow: hidden;}
.indexFour .lister .img{ box-shadow: 5px 2px 9px 0px rgba(0, 0, 0, 0.18);}
.indexFour .lister .img a{ width: 100%; height: 276px; overflow: hidden;}
.indexFour .lister .img img{ width: 100%;}
.indexFour .lister .text{ display: none; font-size: 22px; line-height: 30px; color: #333; text-align: center; margin: 35px 15px 0 15px;}
.indexFour .lister .swiper-slide-active{ z-index: 10;}
.indexFour .lister .swiper-slide-active .miner{ width: 756px; margin-top: -25px;}
.indexFour .lister .swiper-slide-active .miner a{ height: 340px;}
.indexFour .lister .swiper-slide-active .text{ display: block;}
.indexFour .lister .swiper-pagination-bullet{ width: 26px; height: 26px; background: url(../images/icon2.png) no-repeat center; background-size: 100% auto; border-radius: 0; opacity: 1;}
.indexFour .lister .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 6px;}
.indexFour .lister .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 0;}
.indexFour .lister .swiper-pagination-bullet-active{ background: url(../images/icon3.png) no-repeat center; background-size: 100% auto;}
.indexFour .lister .swiper-button-next, .indexFour .lister .swiper-button-prev, .indexSix .swiper-button-next, .indexSix .swiper-button-prev{ display: none;}
.indexFour .lister{ position: relative;}
.indexFour .lister .em{ width: 26px; height: 42px; position: absolute; top: 170px; cursor: pointer;}
.indexFour .lister .em.em1{ left: -65px; background: url(../images/icon9.png) no-repeat center; background-size: 100% 100%;}
.indexFour .lister .em.em2{ right: -65px; background: url(../images/icon7.png) no-repeat center; background-size: 100% 100%;}
.indexSix{ padding: 10px 0 80px 0;}
.indexSix .tier{ padding-bottom: 10px; border-bottom: 1px solid #4B72AD; margin-bottom: 46px;}
.indexSix .tier img{ height: 35px;}
.indexSix .list{ position: relative;}
.indexSix .list .swiper-container{ width: 1065px; margin-left: -27px;}
.indexSix .list .img{ height: 175px;}
.indexSix .list .img img{ height: 100%; margin: auto;}
.indexSix .list p{ font-size: 16px; color: #333; line-height: 24px; text-align: center; margin-top: 12px; padding: 0 25px; transition: all 0.5s;}
.indexSix .list .swiper-slide:hover p{ color: #4B72AD;}
.indexSix .list .em{ width: 26px; height: 42px; position: absolute; top: 70px; cursor: pointer;}
.indexSix .list .em.em1{ left: -65px; background: url(../images/icon9.png) no-repeat center; background-size: 100% 100%;}
.indexSix .list .em.em2{ right: -65px; background: url(../images/icon7.png) no-repeat center; background-size: 100% 100%;}
.open{ padding-bottom: 36px;}
.open .tit{ float: left; height: 38px; position: relative;}
.open .tit em{ display: block; width: 38px; height: 38px; background: #4C73AE; position: absolute; top: 0; left: 0; z-index: -1;}
.open .tit .p{ font-size: 20px; line-height: 28px; padding: 10px 0 0 17px; letter-spacing: 1px; color: #4C73AE;}
.open .tit .p i{ color: #fff;}
.open .li{ float: left; margin: 0 30px; position: relative; z-index: 10;}
.open .li .m{ font-size: 18px; color: #333; line-height: 28px; padding-top: 10px; display: flex; justify-content: center; align-items: flex-start; position: relative; transition: all 0.5s;}
.open .li .m i{ display: block; transform: rotate(180deg); margin-left: 7px; color: #999; line-height: 24px;}
.open .li .m:hover{ color: #4B72AD;}
.open .li .list{ display: none; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; padding-bottom: 35px;}
.open .li:hover .list{ display: block;}
.open .li .list a{ font-size: 16px; color: #333; line-height: 30px; white-space: nowrap; transition: all 0.5s;}
.open .li .list a:hover{ color: #4C73AE;}
.open .li .list .mihr{ padding: 10px 15px; box-shadow: 0 0 10px #999; background: #fff; border-radius: 8px;}
.open .li .list img{ margin: auto;}
.footer{ background: url(../images/list8.jpg);}
.footer .top{ padding: 25px 0 15px 0; border-bottom: 1px solid hsla(0,0%,0%,0.30);}
.footer .top .left{ float: left; font-size: 14px; color: #fff; line-height: 20px;}
.footer .top .left p{ padding: 5px 0;}
.footer .top .right{ float: right;}
.footer .top .wearch{ float: left; width: 114px; margin-right: 64px;}
.footer .top .wearch img{ width: 100%;}
.footer .top .wearch p{ font-size: 15px; line-height: 15px; text-align: center; color: #fff; margin-top: 8px;}
.footer .top .right a{ float: left; width: 45px; padding-top: 35px;}
.footer .top .right a img{ width: 100%;}
.footer .boot{ border-top: 1px solid hsla(0,0%,100%,0.30); padding: 20px 0 15px 0; line-height: 26px; font-size: 14px; color: #fff;}
.footer .boot .k{ float: left;}
.footer .boot .k:last-child{ float: right;}
.back1{ background: url(../images/ser1.png) no-repeat top 178px center; background-size: 1920px auto;}
.back2{ background: url(../images/video3.png) no-repeat top 178px center; background-size: 1920px auto;}
.back3{ background: url(../images/wer1.png) no-repeat top 178px center; background-size: 1920px auto;}
.back4{ background: url(../images/cer3.png) no-repeat top 178px center; background-size: 1920px auto;}
.back5{ background: url(../images/cer6.png) no-repeat top 178px center; background-size: 1920px auto;}
.back6{ background: url(../images/m3.png) no-repeat top 178px center; background-size: 1920px auto;}
.back7{ background: url(../images/ser3m.png) no-repeat top 178px center; background-size: 1920px auto;}
.back8{ background: url(../images/mun1.png) no-repeat top 178px center; background-size: 1920px auto;}
.back9{ background: url(../images/cer6.png) no-repeat top 178px center; background-size: 1920px auto;}
.back10{ background: url(../images/dis1.png) no-repeat top 178px center; background-size: 1920px auto;}
.back11{ background: url(../images/xj1.png) no-repeat top 178px center; background-size: 1920px auto;}
.back12{ background: url(../images/mink13.png) no-repeat top 178px center; background-size: 1920px auto;}
.back13{ background: url(../images/mink16.png) no-repeat top 178px center; background-size: 1920px auto;}
.back14{ background: url(../images/miners.png) no-repeat top 178px center; background-size: 1920px auto;}
.mineNav .cont{ font-size: 14px; line-height: 20px; color: #999;}
.mineNav .cont .home{ float: left; width: 25px; height: 20px; background: url(../images/home.png) no-repeat left center; background-size: 16px auto;}
.mineNav .cont .m{ float: left;}
.mineNav .cont i{ float: left; margin: 0 5px;}
.mineNav .cont a{ display: inline;padding-right: 5px; color: #050505; transition: all 0.5s;}
.mineNav .cont a.on{ color: #333;}
.mineNav .cont a:hover{ color: #4B72AD;}
.artMink{ padding: 20px 0;}
.artMink .imgLeft{ float: left; width: 260px; height: 380px; background: url(../images/ser2.png) no-repeat center; background-size: 100% 100%; position: relative;}
.artMink .imgLeft.imgLeftOne{ background: url(../images/video2.png) no-repeat center; background-size: 100% 100%;}
.artMink .imgLeft.imgLeftTwo{ background: url(../images/wer3.png) no-repeat center; background-size: 100% 100%;}
.artMink .imgLeft.imgLeftThree{ background: url(../images/cer2.png) no-repeat center; background-size: 100% 100%;}
.artMink .imgLeft.imgLeft4{ background: url(../images/cer5.png) no-repeat center; background-size: 100% 100%;}
.artMink .imgLeft.imgLeft5{ background: url(../images/m2.png) no-repeat center; background-size: 100% 100%;}
.artMink .imgLeft.imgLeft7{ background: url(../images/ser2m.png) no-repeat center; background-size: 100% 100%;}
.artMink .imgLeft.imgLeft8{ background: url(../images/mun2.png) no-repeat center; background-size: 100% 100%;}
.artMink .imgLeft.imgLeft9{ background: url(../images/cer5.png) no-repeat center; background-size: 100% 100%;}
.artMink .imgLeft.imgLeft10{ background: url(../images/ww2.png) no-repeat center; background-size: 100% 100%;}
.artMink .imgLeft.imgLeft11{ background: url(../images/mink18.png) no-repeat center; background-size: 100% 100%;}
.artMink .imgLeft.imgLeft12{ background: url(../images/miner9.jpg) no-repeat center; background-size: 100% 100%;}
.artMink .imgLeft .img{ width: 188px; position: absolute; left: 50%; margin-left: -94px; top: -8px;}
.artMink .imgLeft .list{ padding: 100px 20px 0 20px;}
.artMink .imgLeft .list .li{ margin-bottom: 30px;}
.artMink .imgLeft .list .li h1{ font-size: 18px; color: #fff; text-align: center; line-height: 20px; margin-bottom: 10px;}
.artMink .imgLeft .list .li a{ float: left; width: 50%; font-size: 16px; color: #fff; line-height: 20px; text-align: center; padding: 8px 0; transition: all 0.5s;}
.artMink .imgLeft .list .li a:hover{ color: #4C73AE;}
.artMink .right{ float: right; width: 720px;}
.artMink .right .nav{ padding-bottom: 10px; border-bottom: 2px solid #eaa244; margin-bottom: 30px; display: flex; justify-content: space-between;}
.artMink .right .nav.nav1{ border-color: #762414;}
.artMink .right .nav.nav2{ border-color: #5BB2F8;}
.artMink .right .nav.nav3{ border-color: #BE8756;}
.artMink .right .nav.nav4{ border-color: #333;}
.artMink .right .nav.nav5{ border-color: #3ab790;}
.artMink .right .nav.nav6{ border-color: #e72323;}
.artMink .right .nav.nav7{ border-color: #e72323;}
.artMink .right .nav.nav8{ border-color: #561a9f;}
.artMink .right .nav a{ float: left; font-size: 14px; color: #333; line-height: 34px; /*margin: 0 33px; width: 16.5%;*/ transition: all 0.5s;}
/*.artMink .right .nav a:first-child{ margin: 0 33px 0 0;}*/
.artMink .right .nav a:hover{ color: #4C73AE;}
.artMink .right .mink{ float: left; width: 428px;}
.artMink .right .mink a{ width: 100%; height: 304px; overflow: hidden;}
.artMink .right .mink a img{ width: 100%; transition: all 0.5s;}
.artMink .right .mink a:hover img{ transform: scale(1.02);}
.artMink .right .mink .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 18px;}
.artMink .right .mink .swiper-pagination-bullet{ border: 1px solid #fff; background: hsla(0,0%,100%,0.00); border-radius: 100%; opacity: 1;}
.artMink .right .mink .swiper-pagination-bullet-active{ background: #fff;}
.artMink .right .text{ float: right; width: 260px;}
.artMink .right .text .titr{ font-size: 18px; line-height: 20px; color: #333;}
.artMink .right .text .titr .kmr{ float: left; position: relative; padding-left: 15px; font-weight: bold;}
.artMink .right .text .titr .kmr i{ display: block; width: 2px; height: 16px; position: absolute; top: 50%; left: 0; margin-top: -8px; background: #4C73AE;}
.artMink .right .text .titr a{ float: right; font-size: 17px; color: #4B72AD;}
.artMink .right .text .min a{ font-size: 14px; line-height: 24px; color: #000; margin-top: 23px; transition: all 0.5s;}
.artMink .right .text .min a:hover{ color: #4C73AE;}
.artKime{ padding: 40px 0 60px 0;}
.artKime .img{ float: left; margin: 20px 0 0 20px; position: relative; width: 342px; height: 264px;}
.artKime .img a{ width: 100%; height: 100%; overflow: hidden;}
.artKime .img a img{ width: 100%; transition: all 0.5s;}
.artKime .img a:hover img{ transform: scale(1.02);}
.artKime .img .icon{ position: absolute; top: -20px; left: -20px; width: 98px; height: 98px; background: url(../images/ser5.png) no-repeat center; background-size: 100% 100%; z-index: 10;}
.artKime .img .icon em{ display: block; font-size: 20px; color: #fff; line-height: 24px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.artKime .text{ float: left; width: 360px; margin-left: 24px; padding-top: 20px;}
.artKime .text h1{ font-size: 18px; font-weight: bold; line-height: 20px; color: #333; margin-bottom: 10px;}
.artKime .text .mer{ font-size: 14px; line-height: 25px; color: #333;}
.rightOnr{ float: right; width: 234px; padding-top: 20px;}
.rightOnr a{ width: 100%; height: 176px; overflow: hidden;}
.rightOnr a img{ width: 100%; transition: all 0.5s;}
.rightOnr a:hover img{ transform: scale(1.02);}
.rightOnr p{ font-size: 14px; color: #333; line-height: 24px; margin-top: 18px; transition: all 0.5s;}
.rightOnr p:hover{ color: #4B72AD;}
.artSmine{ padding-bottom: 55px;}
.artSmine .lefText{ float: left; width: 750px;}
.artSmine .lefText .talen .li{ float: left; width: 360px;}
.artSmine .lefText .talen .li:nth-child(2){ float: right;}
.artSmine .lefText .list, .artSmine .lefText .more{ padding: 20px 0 40px 0;}
.artSmine .lefText .list a{ float: left; font-size: 14px; color: #333; margin-right: 15px; line-height: 20px; padding: 10px 0; transition: all 0.5s;}
.artSmine .lefText .more a{ font-size: 14px; color: #333; line-height: 20px; padding: 10px 0; transition: all 0.5s;}
.artSmine .lefText .list a:hover, .artSmine .lefText .more a:hover{ color: #4B72AD;}
.artSmine .lefText .listOne a{ width: 33.33%; margin-right: 0;}
.artSmine .lefText .ker{ background: #F5F7FB; height: 92px; position: relative; padding-left: 105px;}
.artSmine .lefText .ker .icon{ width: 86px; height: 92px; background: url(../images/ser4.png) no-repeat center; background-size: 100% 100%; position: absolute; left: 0; top: 0;}
.artSmine .lefText .ker .icon em{ display: block; font-size: 20px; line-height: 24px; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.artSmine .lefText .ker .m{ width: 50%; float: left; position: relative;}
.artSmine .lefText .ker .m a{ padding: 5px 15px; line-height: 24px; font-size: 14px; color: #333; transition: all 0.5s;}
.artSmine .lefText .ker .m:hover a{ color: #4B72AD;}
.artSmine .lefText .ker .fer{ padding-top: 12px;}
.artSmine .lefText .ker .m i{ display: block; width: 6px; height: 6px; border-radius: 100%; background: #4B72AC; position: absolute; left: 0; top: 50%; margin-top: -3px;}
.artSmine .tit{ height: 24px; position: relative;}
.artSmine .tit em{ display: block; width: 24px; height: 24px; background: #4B72AD; position: absolute; top: 0; left: 0; z-index: -1;}
.artSmine .tit .mk{ font-size: 18px; color: #4B72AD; line-height: 20px; padding: 4px 0 0 4px; letter-spacing: 1px; float: left;}
.artSmine .tit .mk i{ color: #fff;}
.artSmine .tit a{ width: 20px; height: 14px; background: url(../images/icon1.png) no-repeat center; background-size: 100% 100%; float: left; margin: 9px 0 0 1px;}
.artYmink{ padding: 0 0 70px 0;}
.artYmink .minker{ margin-top: 30px;}
.artYmink .minker a{ float: left; overflow: hidden;}
.artYmink .minker a:nth-child(3), .artYmink .minker a:nth-child(4){ float: right;}
.artYmink .minker a img{ width: 100%; transition: all 0.5s;}
.artYmink .minker a:hover img{ transform: scale(1.02);}
.artYmink .minker a:first-child{ width: 369px; height: 369px; margin-bottom: 24px;}
.artYmink .minker a:nth-child(2){ width: 277px; height: 369px; margin-left: 24px; margin-bottom: 24px;}
.artYmink .minker a:nth-child(3){ width: 316px; height: 238px; margin-bottom: 15px;}
.artYmink .minker a:nth-child(4){ width: 316px; height: 315px;}
.artYmink .minker a:nth-child(5){ width: 154px;}
.artYmink .minker a:nth-child(5) i{ display: block; width: 154px; height: 154px;}
.artYmink .minker a:nth-child(5) em{ display: block; width: 100%; height: 16px; background: #317EDD; margin-top: 5px;}
.artYmink .minkerOne a:nth-child(5) em{ background: #884CD1;}
.artYmink .minker a:nth-child(6), .artYmink .minker a:nth-child(7){ width: 234px; height: 175.5px;}
.artYmink .minker a:nth-child(6){ margin: 0 24px;}
.artYmink .navTop{ padding: 30px 0 0 360px; font-size: 16px; line-height: 16px;}
.artYmink .navTop .left{ float: left;}
.artYmink .navTop .left a{ float: left; margin-right: 40px; color: #3967AC;}
.artYmink .navTop .more{ float: right;}
.artYmink .navTop .more a{ color: #3967AC;}
.artYmink .tits{ position: relative;}
.artYmink .tits .img{ position: absolute; top: 0; left: 0; z-index: 5;}
.artYmink .tits .ber{ font-size: 16px; line-height: 16px; position: relative; padding: 0 0 0 238px; text-align: center;}
.artYmink .tits .ber a{ color: #3967AC; width: 68px; position: relative; z-index: 10;}
.artYmink .tits .ber .img1{ position: absolute; left: 0; top: 0;}
.artYmink .tits .ber .img2{ position: absolute; right: 0; top: 0;}
.workDiv{ padding: 30px 0 70px 0;}
.workDiv .cont{ background: url(../images/work3.png) no-repeat top center; background-size: 100% auto;}
.workDiv .cont h1{ font-size: 30px; color: #000; line-height: 30px; text-align: center; padding: 30px 0 70px 0;}
.workDiv .cont .one a{ width: 430px; height: 84px; line-height: 84px; text-align: center; font-size: 30px; color: #fff; background: url(../images/work5.png) no-repeat center; background-size: 100% 100%; margin: auto;}
.workDiv .cont .img{ margin: auto;}
.workDiv .cont a{ color: #fff;}
.workDiv .cont .listM, .workDiv .cont .listE{ float: left; width: 33%;}
.workDiv .cont .listS{ float: right;}
.workDiv .cont .listM .top, .workDiv .cont .listE .top, .workDiv .cont .listS .top{ width: 250px; height: 88px; text-align: center; line-height: 88px; font-size: 20px; margin-bottom: 30px;}
.workDiv .cont .listE .top{ margin: 0 auto 30px auto;}
.workDiv .cont .listM .top{ background: url(../images/work1.png) no-repeat center; background-size: 100% 100%;}
.workDiv .cont .listE .top{ background: url(../images/work6.png) no-repeat center; background-size: 100% 100%;}
.workDiv .cont .listS .top{ background: url(../images/work4.png) no-repeat center; background-size: 100% 100%;}
.workDiv .cont .listE .bot .li{ margin: 0 auto 10px auto; width: 250px; height: 68px; text-align: center; line-height: 68px; background: #4C73AE; border-radius: 5px; font-size: 16px;}
.workDiv .cont .listM .bot .li{margin: 0 0 10px 0; width: 250px; height: 68px; line-height: 68px; text-align: center; background: #CB9D50; border-radius: 5px; font-size: 16px;}
.workDiv .cont .listM .bot .li.er a{ line-height: 20px; padding-top: 15px;}
.workDiv .cont .listM .bot .li a i{ display: block; font-size: 14px; opacity: 0.6;}
.workDiv .cont .listS .bot .li{ margin: 0 0 10px 0; background: #D35C5C; width: 250px; border-radius: 5px; text-align: center;}
.workDiv .cont .listS .bot .li .tit{ font-size: 16px; line-height: 20px; padding: 25px 0 8px 0;}
.workDiv .cont .listS .bot .li .mik{ padding-bottom: 15px;}
.workDiv .cont .listS .bot .li .mik a{ font-size: 14px; line-height: 26px;}
.federation{ padding: 45px 0 70px 0;}
.federation .ter{ margin-bottom: 30px; text-align: center;}
.federation .ter h1{ font-size: 30px; line-height: 30px;}
.federation .ter p{ font-size: 14px; line-height: 14px; color: #333; margin-top: 15px;}
.federation .list{ display: flex; justify-content: center; flex-wrap: wrap; width: 1030px; margin-left: -10px; padding-bottom: 20px;}
.federation .list .li{ margin: 0 10px 20px 10px; overflow: hidden; border-radius: 5px;}
.federation .list .li a{ width: 186px; height: 280px; position: relative;}
.federation .list .li a img{ width: 100%; transition: all 0.5s;}
.federation .list .li:hover a img{ transform: scale(1.02);}
.federation .list .li .up{ position: absolute; top: 0; left: 0; z-index: 0; background: url(../images/sixer.png) no-repeat center; background-size: 100% 100%; width: 100%; height: 100%;}
.federation .list .li .text{ height: 100%; position: absolute; top: 222px; left: 0; right: 0; color: #fff; z-index: 5; transition: all 0.5s;}
.federation .list .li:hover .text{ background: hsla(216,39%,49%,0.70); top: 0;}
.federation .list .li .text .top{ padding: 20px 15px 10px 15px; line-height: 20px; display: flex; justify-content: flex-start;}
.federation .list .li .text .top .name{ font-size: 14px; margin-right: 10px;}
.federation .list .li .text .top .fer{ font-size: 16px; font-weight: bold;}
.federation .list .li .text .bot{ padding: 0 15px; font-size: 12px; line-height: 20px; opacity: 0; transition: all 0.5s;}
.federation .list .li:hover .text .bot{ opacity: 1;}
.filmeBox{ padding: 30px 0 60px 0;}
.filmeBox .cont .li{ padding: 25px 0; border-bottom: 1px solid #DCDCDC; position: relative; transition: all 0.5s;}
.filmeBox .cont .li:hover{ background: #F2F8FB;}
.filmeBox .cont .li .img{ float: left; width: 120px; height: 90px; overflow: hidden; border-radius: 10px;}
.filmeBox .cont .li .img img{ width: 100%; transition: all 0.5s;}
.filmeBox .cont .li:hover .img img{ transform: scale(1.03);}
.filmeBox .cont .li .textBox{ float: left; margin-left: 20px; width: 800px; padding-top: 10px;}
.filmeBox .cont .li .textBox .top h1{ font-size: 18px; font-weight: bold; color: #466CA4; line-height: 20px; float: left;}
.filmeBox .cont .li .textBox .top .time{ font-size: 14px; color: #333; line-height: 20px; float: right;}
.filmeBox .cont .li .textBox .text{ font-size: 14px; color: #333; line-height: 20px; margin-top: 10px;}
.filmeBox .cont .li .more{ width: 18px; height: 14px; background: url(../images/icon11.png) no-repeat center; background-size: 100% auto; position: absolute; right: 0; top: 50%; margin-top: -7px;}
.filmeBox .cont{ padding-bottom: 20px;}
.padeing{ display: flex; justify-content: center; flex-wrap: wrap;}
.padeing .li{ margin: 0 5px 5px 5px;}
.padeing .li a{ width: 40px; height: 40px; text-align: center; line-height: 40px; font-size: 18px; color: #AFAFAF; border-radius: 4px; border: 1px solid #DCDCDC; position: relative;}
.padeing .li a img{ width: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.padeing .li a.cur{ background: #4C73AE; border-color: #4C73AE; color: #fff;}
.federaInter{ padding: 50px 0 0 0;}
.federaInter .substance .li{ margin-bottom: 150px;}
.federaInter .substance .left{ float: left; position: relative;}
.federaInter .substance .left .img{ width: 236px; height: 302px; overflow: hidden; border-radius: 5px; background: #4c73ae;}
.federaInter .substance .left .img img{ width: 100%;}
.federaInter .substance .left .one{ height: 286px; position: absolute; top: 60px; left: 210px; z-index: -1;}
.federaInter .substance .right{ float: right; width: 555px; font-size: 14px; color: #333; line-height: 22px;}
.federaInter .substance .right p{ margin-top: 20px;}
.federaInter .substance .right p:first-child{ margin-top: 0;}
.federaInter .substance .li:nth-child(2n) .left{ float: right;}
.federaInter .substance .li:nth-child(2n) .right{ float: left;}
.federaInter .substance .li:nth-child(2) .left .one{ left: auto; right: 185px;}
.federaInter .substance .li:nth-child(4) .left .one{ left: auto; right: 220px;}
.federaInter .ter{ margin-bottom: 60px; text-align: center;}
.federaInter .ter h1{ font-size: 30px; line-height: 30px;}
.federaInter .ter p{ font-size: 14px; color: #333; margin: 15px 0 10px 0;}
.federaInter .ter .text{ margin: auto; width: 830px; font-size: 14px; column-rule-color: #333; line-height: 22px;}
.applyDiv{ padding: 50px 0;}
.applyDiv .ter{ text-align: center;}
.applyDiv .ter h1{ font-size: 30px; line-height: 30px;}
.applyDiv .ter .bot{ display: flex; justify-content: center; font-size: 14px; color: #333; line-height: 20px; margin: 15px 0 40px 0;}
.applyDiv .ter .bot p{ margin: 0 10px;}
.applyDiv .list .li{ float: left; width: 320px; margin-right: 25px; margin-bottom: 40px;}
.applyDiv .list .li:nth-child(3n){ margin-right: 0;}
.applyDiv .list .li .img{ width: 100%; height: 200px; border-radius: 4px; overflow: hidden;}
.applyDiv .list .li .img img{ width: 100%; transition: all 0.5s;}
.applyDiv .list .li:hover .img img{ transform: scale(1.03);}
.applyDiv .list .li .textBox{ width: 240px; height: 192px; background: #fff; box-shadow: 0px 0px 16px 2px rgba(4, 0, 0, 0.17); margin: -150px auto 0; position: relative; z-index: 5;}
.applyDiv .list .li .textBox a{ margin: 0 20px; padding: 15px 0;}
.applyDiv .list .li .textBox .top{ padding-bottom: 15px; border-bottom: 1px solid #AAA;}
.applyDiv .list .li .textBox .top h1{ font-size: 16px; color: #333; line-height: 26px; float: left; font-weight: bold; transition: all 0.5s;}
.applyDiv .list .li:hover .textBox .top h1{ color: #4C73AE;}
.applyDiv .list .li .textBox .top .icon{ float: right; width: 20px; height: 26px; background: url(../images/icon11.png) no-repeat center; background-size: 100% auto;}
.applyDiv .list .li .text{ font-size: 14px; color: #333; line-height: 18px; margin: 15px 0 8px 0; opacity: 0.8; height: 72px;}
.applyDiv .list .li .bot{ font-size: 14px; color: #333; line-height: 20px;}
.applyDivDate{ padding: 50px 0 30px 0;}
.applyDivDate .ter{ text-align: center;}
.applyDivDate .ter h1{ font-size: 30px; line-height: 30px;}
.applyDivDate .ter p{ font-size: 14px; color: #333; line-height: 20px; margin: 15px 0 10px 0;}
.applyDivDate .ter .bot{ margin: 0 10px; font-size: 14px; line-height: 22px;}
.applyDivDate .list .li{ margin-top: 25px;}
.applyDivDate .list .li .mik{ font-size: 20px; line-height: 20px; position: relative; font-weight: bold; margin-bottom: 30px;}
.applyDivDate .list .li .mik em{ display: block; width: 300px; height: 20px; background: #a5b9d6; position: absolute; top: 10px; left: 40px; z-index: -1;}
.applyDivDate .list .li .me{ line-height: 48px; font-size: 16px; color: #4C73AE; padding-left: 60px; position: relative; margin: 25px 0 20px 0;}
.applyDivDate .list .li .me em{ display: block; width: 48px; height: 48px; border-radius: 100%; background: #4C73AE; position: absolute; top: 0; left: 0; color: #fff; line-height: 48px; text-align: center; font-size: 20px; font-weight: bold;}
.applyDivDate .list .li .text{ font-size: 14px; color: #333; line-height: 22px; margin-left: 10px;}
.applyDivTwo .classify .li{ width: 100%; height: 90px; margin-top: 20px; background: url(../images/icon12.png) no-repeat center; background-size: 100% 100%; box-shadow: 0 0 20px #eee; position: relative;}
.applyDivTwo .classify .li em{ display: block; font-size: 22px; font-weight: bold; position: absolute; top: 0; left: 20px; line-height: 90px;}
.applyDivTwo .classify .li .right{ padding-left: 180px;}
.applyDivTwo .classify .li .right a{ float: left; font-size: 18px; color: #333; line-height: 90px; margin: 0 20px; transition: all 0.5s;}
.applyDivTwo .classify .li .right a:hover{ color: #4C73AE;}
.applyDivTwo .classify{ padding: 25px 0 65px 0;}
.applyDivTwo .textDiv h1{ font-size: 30px; text-align: center; line-height: 30px;}
.applyDivTwo .textDiv .p{ font-size: 14px; line-height: 20px; color: #333; text-align: center; margin: 15px 0;}
.applyDivTwo .textDiv .text{ font-size: 14px; color: #333; line-height: 22px;}
.applyDivTwo .textDiv .text p{ padding: 10px 0;}
.applyDivTwo .textDiv .text h2{ font-size: 20px; font-weight: bold; line-height: 20px; padding: 10px 0;}
.applyDivTwo{ padding-bottom: 50px;}
.openMaxBox{ padding: 50px 0 80px 0;}
.openMaxBox .textTop{ text-align: center;}
.openMaxBox .textTop h1{ font-size: 30px; line-height: 30px;}
.openMaxBox .textTop .text{ font-size: 14px; color: #333; line-height: 22px; margin: 30px 0 50px 0;}
.openMaxBox .imgDiv{ padding: 60px 0; background: #F6F7F8;}
.openMaxBox .imgDiv .li{ padding: 10px 0; margin-right: 25px; float: left;}
.openMaxBox .imgDiv .li:nth-child(3n){ margin-right: 0;}
.openMaxBox .imgDiv .li a{ width: 320px; height: 420px; border-radius: 4px; overflow: hidden; position: relative;}
.openMaxBox .imgDiv .li a img{ width: 100%; transition: all 0.5s;}
.openMaxBox .imgDiv .li .up{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; background: url(../images/miner1.png) no-repeat top center; background-size: 100% 100%;}
.openMaxBox .imgDiv .li:nth-child(2n) .up{ background: url(../images/miner2.png) no-repeat top center; background-size: 100% 100%;}
.openMaxBox .imgDiv .li:nth-child(3n) .up{ background: url(../images/miner3.png) no-repeat top center; background-size: 100% 100%;}
.openMaxBox .imgDiv .li .text{ font-size: 24px; line-height: 30px; color: #333; text-align: center; position: absolute; top: 35px; left: 0; width: 100%; z-index: 5;}
.writerDater{ padding: 50px 0 80px 0;}
.writerDater .ter{ text-align: center;}
.writerDater .ter h1{ font-size: 30px; line-height: 30px;}
.writerDater .ter p{ font-size: 14px; color: #333; line-height: 20px; padding: 15px 0 35px 0;}
.writerDater .list{ background: #fff; box-shadow: 0px 3px 15px 0px rgba(192, 203, 214, 0.36);}
.writerDater .list .li{ padding: 30px; border-top: 1px solid #ccc;}
.writerDater .list .li:first-child{ border-top: none;}
.writerDater .list .li .img{ float: left; width: 64px; height: 64px; border-radius: 100%; overflow: hidden;}
.writerDater .list .li .img img{ width: 100%; height: 100%;}
.writerDater .list .li .textBox{ float: right; width: 865px;}
.writerDater .list .li .textBox .text{ float: right; font-size: 14px; color: #333; line-height: 22px; width: 755px;}
.writerDater .list .li .textBox .time{ float: left; width: 100px; color: #333;}
.writerDater .list .li .textBox .time .name{ font-size: 18px; font-weight: bold; line-height: 20px;}
.writerDater .list .li .textBox .time .wer{ font-size: 14px; line-height: 20px; margin: 5px 0 10px 0;}
.writerDater .list .li .textBox .time .num{ font-size: 14px; line-height: 20px;}
.synopsis .indexSix{ padding: 0;}
.synopsis{ padding: 50px 0 80px 0;}
.synopsis .derTop h1{ font-size: 30px; line-height: 30px; text-align: center; margin-bottom: 35px;}
.synopsis .sumList{ margin: 50px auto 70px auto; background: #fff; box-shadow: 0px 3px 15px 0px rgba(192, 203, 214, 0.36); height: 880px; position: relative;}
.synopsis .sumList .leftList{ width: 150px; height: 100%; background: #fff; position: absolute; top: 0; left: 0; bottom: 0; box-shadow: 0px 3px 15px 0px rgba(192, 203, 214, 0.36);}
.synopsis .sumList .leftList h1{ font-size: 18px; color: #333; text-align: center; line-height: 70px; font-weight: bold;}
.synopsis .sumList .leftList .div{ font-size: 18px; font-weight: bold; padding-left: 65px; color: #333; line-height: 30px;}
.synopsis .sumList .leftList .li{ transition: all 0.5s;}
.synopsis .sumList .leftList .li.on{ font-size: 24px; color: #4C73AE;}
.synopsis .sumList .right{ width: 840px; position: absolute; top: 75px; right: 0; bottom: 0; overflow-y: auto;}
.synopsis .sumList .right .li{ width: 255px; height: 60px; background: #fff; box-shadow: 0px 3px 15px 0px rgba(192, 203, 214, 0.36); border: 1px solid #EEE; border-radius: 4px; float: left; margin: 0 20px 20px 0; transition: all 0.5s;}
.synopsis .sumList .right .li.on{ background: #4C73AE; border-color: #4C73AE;}
.synopsis .sumList .right::-webkit-scrollbar{ width: 8px;}
.synopsis .sumList .right::-webkit-scrollbar-thumb{ width: 8px; background: #e5e5e5; border-radius: 4px;}
.synopsis .sumList .right::-webkit-scrollbar-track{ background: #fff;}
.synopsis .sumList .right .li a{ padding-left: 30px; font-size: 14px; color: #333; line-height: 60px; position: relative; transition: all 0.5s;}
.synopsis .sumList .right .li.on a{ color: #fff;}
.synopsis .sumList .right .li a i{ display: block; width: 10px; height: 10px; background: #ebeef2; border-radius: 100%; position: absolute; left: 12px; top: 50%; margin-top: -5px;}
.adviseDiv{ padding: 50px 0 80px 0;}
.synopsis .sumList .right .li.on a i{ background: #fff;}
.adviseDiv .ter{ text-align: center;}
.adviseDiv .ter h1{ font-size: 30px; line-height: 30px;}
.adviseDiv .ter p{ font-size: 14px; line-height: 20px; color: #333; margin: 10px 0 35px 0;}
.adviseDiv .add{ box-shadow: 0px 3px 15px 0px rgba(192, 203, 214, 0.36); padding: 30px 0; margin-bottom: 40px;}
.adviseDiv .add .top .img{ height: 45px;}
.adviseDiv .add .top .img img{ margin: auto;}
.adviseDiv .add .top p{ font-size: 18px; text-align: center; color: #333; line-height: 20px; font-weight: bold;}
.adviseDiv .add .list{ padding-top: 10px;}
.adviseDiv .add .list .li{ float: left; width: 25%; text-align: center; margin-top: 30px; font-size: 18px; color: #333; cursor: pointer;}
.adviseDiv .add .list .li h2{ font-size: 18px; font-weight: bold; margin-bottom: 6px; transition: all 0.5s;}
.adviseDiv .add .list .li:hover h2{ color: #4C73AE;}
.adviseDiv .boot .li{ float: left; width: 484px; height: 200px; background: #fff; box-shadow: 0px 3px 15px 0px rgba(192, 203, 214, 0.36); cursor: pointer;}
.adviseDiv .boot .li:nth-child(2){ float: right;}
.adviseDiv .boot .li .img{ padding: 33px 0 0 0; height: 52px;}
.adviseDiv .boot .li .img img{ margin: auto;}
.adviseDiv .boot .li h2{ font-size: 18px; text-align: center; color: #333; font-weight: bold; margin-bottom: 25px; transition: all 0.5s;}
.adviseDiv .boot .li:hover h2{ color: #4C73AE;}
.adviseDiv .boot .li p{ font-size: 18px; text-align: center; color: #333;}
.adviseDiv .boot .li:first-child p{ color: #4C73AE;}
.itemDiv .boxer{ margin-top: 80px;}
.itemDiv .boxer:first-child{ margin-top: 0;}
.itemDiv .boxer .one{ width: 286px; height: 86px; font-size: 24px; font-weight: bold; color: #fff; line-height: 86px; text-align: center; margin: auto;}
.itemDiv .boxer1 .one{ background: url(../images/mw1.png) no-repeat center; background-size: 100% 100%;}
.itemDiv .boxer2 .one{ background: url(../images/mw3.png) no-repeat center; background-size: 100% 100%;}
.itemDiv .boxer3 .one{ background: url(../images/mw2.png) no-repeat center; background-size: 100% 100%;}
.itemDiv .boxer .list{ padding-top: 20px;}
.itemDiv .boxer .list a{ float: left; margin-top: 40px; width: 220px; height: 74px; text-align: center; line-height: 74px; background: #4C73AE; border-radius: 8px; color: #fff; font-size: 18px; margin-right: 43px;}
.itemDiv .boxer .list a:nth-child(4n){ margin-right: 0;}
.itemDiv .boxer2 .list a{ background: #CFA45B;}
.itemDiv .boxer3 .list a{ background: #D35C5C;}
.textSearch{ padding: 40px 0 80px 0;}
.textSearch .textCont{ width: 100%; height: 210px; background: url(../images/mink45.jpg) no-repeat center; background-size: 100% 100%; margin-bottom: 75px;}
.textSearch .textCont h1{ font-size: 30px; font-weight: bold; text-align: center; line-height: 30px; padding: 45px 0 30px 0;}
.textSearch .textCont .nik{ display: flex; justify-content: center;}
.textSearch .textCont .nik .inp{ width: 215px; height: 58px; padding: 0 30px 0 60px; background: #fff; margin-right: 20px; position: relative;}
.textSearch .textCont .nik .inp input{ display: block; width: 100%; height: 58px; border: none; font-size: 18px;}
.textSearch .textCont .nik .inp .icon{ width: 24px; height: 100%; position: absolute; top: 0; left: 20px; background: url(../images/mk1.png) no-repeat center; background-size: 100% auto;}
.textSearch .textCont .nik button{ display: block; width: 118px; height: 58px; background: #181a25; color: #fff; font-size: 20px; border: none; border-radius: 0;}
.textSearch .searcher h1{ font-size: 20px; line-height: 20px; margin-bottom: 35px; font-weight: bold;}
.textSearch .searcher .left{ float: left;}
.textSearch .searcher .left p{ font-size: 14px; color: #333; margin-bottom: 15px;}
.textSearch .searcher .left .list .li{ margin-bottom: 15px;}
.textSearch .searcher .left .list .li input{ display: none;}
.textSearch .searcher .left .list .li label{ display: block; font-size: 14px; color: #333; padding-left: 35px; line-height: 20px; background: url(../images/mk3.png) no-repeat left center; background-size: auto 20px;}
.textSearch .searcher .left .list .li input:checked + label{ background: url(../images/mk2.png) no-repeat left center; background-size: auto 20px;}
.textSearch .searcher .right{ float: right; width: 780px; padding-left: 50px; border-left: 1px solid #EBEBEB;}
.textSearch .searcher .right .list{ margin-bottom: 50px;}
.textSearch .searcher .right .list .li{ padding: 25px 0; border-bottom: 1px solid hsla(0,0%,0%,0.15);}
.textSearch .searcher .right .list .time{ float: left; width: 60px; height: 60px; background: #4b72ad; border-radius: 100%; text-align: center; color: #fff; line-height: 20px;}
.textSearch .searcher .right .list .time p{ font-size: 16px; padding: 12px 0 0 0;}
.textSearch .searcher .right .list .time em{ display: block; font-size: 14px;}
.textSearch .searcher .right .list .text{ float: right; width: 690px;}
.textSearch .searcher .right .list .text h2{ font-size: 20px; font-weight: bold; line-height: 30px; color: #000; margin-bottom: 10px;}
.textSearch .searcher .right .list .text .p{ font-size: 16px; color: #333; line-height: 28px;}
.subDateCont .img{ background: #fff; box-shadow: 0px 3px 8px 1px rgba(192, 203, 214, 0.3); padding: 70px 0 30px 0; position: relative;}
.subDateCont .img img{ margin: auto;}
.subDateCont .img a{ text-align: center; font-size: 16px; line-height: 20px; color: #4C73AE; margin-top: 25px;}
.subDateCont .img em{ display: block; width: 30px; height: 20px; background: url(../images/ico13rser.png) no-repeat top center; position: absolute; bottom: -20px; left: 50%; margin-left: -15px;}
.subDateCont .subText{ padding-top: 30px;}
.subDateCont .subText .li{ padding-top: 35px}
.subDateCont .subText .li .tit{ font-size: 20px; font-weight: bold; line-height: 30px; position: relative;}
.subDateCont .subText .li .tit em{ display: block; width: 150px; height: 20px; background: #a5b9d6; position: absolute; top: 15px; left: 30px; z-index: -1;}
.subDateCont .subText .li .text{ margin-top: 30px; font-size: 14px; color: #333; line-height: 30px;}
.subDateCont .subText .li h2{ font-size: 14px; font-weight: bold; line-height: 30px;}
.letterDiv{ margin-bottom: 60px;}
.letterDiv h1{ font-size: 24px; font-weight: bold; color: #4B72AD; line-height: 30px; margin-bottom: 30px;}
.letterDiv .mine{ float: left; width: 490px; height: 250px; background: #fff; box-shadow: 0px 3px 15px 0px rgba(192, 203, 214, 0.36);}
.letterDiv .mine:nth-child(2n){ float: right;}
.letterDiv .mine .li{ margin: 0 30px; padding: 20px 0; border-top: 1px solid hsla(0,0%,0%,0.30);}
.letterDiv .mine .li:first-child{ border-top: none; padding-top: 30px;}
.letterDiv .mine .li h2{ font-size: 14px; line-height: 20px; color: #4B72AD;}
.letterDiv .mine .li p{ font-size: 16px; color: #333; line-height: 20px; margin: 5px 0 10px 0;}
.letterDiv .mine .li a{ font-size: 18px; line-height: 20px; text-align: right; color: #4B72AD;}
.letterDiv .seat{ position: relative;}
.letterDiv .seat .li{float: left;width: 21%;margin-right: 40px;}
.letterDiv .seat .li a{font-size: 16px;color: #333;line-height: 20px;/* text-align: center; */margin-bottom: 20px;}
.letterDiv .seat .li:first-child a{ text-align: left;}
.letterDiv .seat .li:last-child a{/* text-align: right; */}
.letterDiv .seat .li a:last-child{ margin-bottom: 0;}
.letterDiv .seat em{display: block;width: 1px;height: 100%;background: #DCDCDC;position: absolute;top: 0;}
.letterDiv .seat .li:first-child em{opacity: 0;}
.letterDiv .seat .li:nth-child(2) em{left: 23%;}
.letterDiv .seat .li:nth-child(3) em{left: 48%;}
.letterDiv .seat .li:nth-child(4) em{right: 27%;}
.letterDiv .seat .li:nth-child(5) em{ right: 15%;}
.letterCar .swiper-container{ padding: 60px 0;}
.letterCar .swiper-container .img{ width: 100%; height: 315px; position: relative;}
.letterCar .swiper-container a{ width: 240px; height: 315px; overflow: hidden; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all 0.5s;}
.letterCar .swiper-container a img{ width: 100%;}
.letterCar .swiper-container a .up{ width: 100%; height: 100%; background: #000; position: absolute; top: 0; left: 0; opacity: 0.5;}
.letterCar .swiper-container .swiper-slide-active{ z-index: 10;}
.letterCar .swiper-container .swiper-slide-active a .up{ opacity: 0;}
.letterCar .swiper-container .swiper-slide .img{ transform: scale(0.8);}
.letterCar .swiper-container .swiper-slide-prev .img, .letterCar .swiper-container .swiper-slide-next .img{ transform: scale(0.9);}
.letterCar .swiper-container .swiper-slide-active .img{ transform: scale(1);}
.letterCar .swiper-button-next, .letterCar .swiper-button-prev{ width: 86px; height: 86px; position: absolute; top: 50%; margin-top: -43px;}
.letterCar .swiper-button-next{ right: 45px; background: url(../images/y1.png) no-repeat center; background-size: 100% 100%;}
.letterCar .swiper-button-prev{ left: 45px; background: url(../images/y2.png) no-repeat center; background-size: 100% 100%;}
.artYmink .minkerSer .ml{ float: left; width: 320px; padding-top: 35px; margin-right: 25px;}
.artYmink .minkerSer .ml:nth-child(3n){ margin-right: 0;}
.artYmink .minkerSer .ml a{ width: 100%; height: 240px; overflow: hidden;}
.artYmink .minkerSer .ml a img{ width: 100%; transition: all 0.5s;}
.artYmink .minkerSer .ml a:hover img{ transform: scale(1.03);}
.artYmink .minkerSer .ml p{ font-size: 20px; color: #333; line-height: 20px; margin-top: 15px;}
.discussDiv{ padding-bottom: 60px;}
.discussDiv .tit{ height: 24px; position: relative;}
.discussDiv .tit em{ display: block; width: 24px; height: 24px; background: #4B72AD; position: absolute; top: 0; left: 0; z-index: -1;}
.discussDiv .tit .mk{ font-size: 18px; color: #4B72AD; line-height: 20px; padding: 4px 0 0 4px; letter-spacing: 1px; float: left;}
.discussDiv .tit .mk i{ color: #fff;}
.discussDiv .tit a{ width: 20px; height: 14px; background: url(../images/icon1.png) no-repeat center; background-size: 100% 100%; float: left; margin: 9px 0 0 1px;}
.discussDiv .left{ float: left; width: 500px; padding-top: 20px;}
.discussDiv .left .box{ float: left; width: 49%;}
.discussDiv .left .box:nth-child(2){ float: right;}
.discussDiv .left .box .list{ margin-top: 20px;}
.discussDiv .left .box .list a{ padding: 10px 0; line-height: 30px; font-size: 14px; color: #333;}
.discussDiv .right{ float: right; width: 480px;}
.discussDiv .right .tits{ padding-bottom: 10px; border-bottom: 1px solid #4B72AD; margin-bottom: 45px;}
.discussDiv .right .tits img{ height: 36px;}
.discussDiv .right .li{ width: 120px; float: left; margin-left: 60px;}
.discussDiv .right .li:first-child{ margin-left: 0;}
.discussDiv .right .li a{ width: 100%; height: 175px; overflow: hidden;}
.discussDiv .right .li a img{ height: 100%;}
.discussDiv .right .li p{ font-size: 16px; color: #333; text-align: center; line-height: 24px; margin-top: 10px;}
.dwreList .li{ padding: 30px 0; border-bottom: 1px solid hsla(0,0%,0%,0.15);}
.dwreList .li .time{ float: left; width: 60px; height: 60px; border-radius: 100%; text-align: center; color: #fff; background: #4B72AD;}
.dwreList .li .time p{ font-size: 16px; line-height: 20px; padding: 12px 0 1px 0;}
.dwreList .li .time em{ display: block; font-size: 14px; line-height: 20px;}
.dwreList .li a{ float: right; width: 880px; margin-right: 40px;}
.dwreList .li h1{ font-size: 20px; font-weight: bold; color: #000; line-height: 30px; transition: all 0.5s;}
.dwreList .li:hover h1{ color: #4B72AD;}
.dwreList .li a p{ font-size: 16px; color: #333; line-height: 30px; margin-top: 10px;}
.dwreList{ padding: 20px 0 80px 0;}
.revealOne .img{ width: 100%; height: 410px; position: relative;}
.revealOne .img a{ height: 346px; width: 674px; overflow: hidden; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all 0.5s;}
.revealOne .img img{ width: 100%;}
.revealOne .img .up{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; opacity: 0.5;}
.revealOne .swiper-slide-active .img a{ width: 766px; height: 410px; z-index: 5;}
.revealOne .swiper-slide-active .img .up{ opacity: 0;}
.revealOne .swiper-button-prev, .revealOne .swiper-button-next{ width: 86px; height: 86px;}
.revealOne .swiper-button-prev{ background: url(../images/y2.png) no-repeat center; background-size: 100% 100%; left: 20px; margin-top: -43px;}
.revealOne .swiper-button-next{ background: url(../images/y1.png) no-repeat center; background-size: 100% 100%; right: 20px; margin-top: -43px;}
.revealOne .swiper-container{ padding: 65px 0;}
.revealOne .swiper-pagination-bullet{ background: #4B72AD; width: 12px; height: 12px; border-radius: 100%;}
.revealTwo{ padding: 50px 0 80px 0;}
.revealTwo .topTit{ border-bottom: 1px solid hsla(0,0%,0%,0.10); margin-bottom: 50px;}
.revealTwo .topTit a{ float: left; width: 20%; font-size: 20px; line-height: 30px; color: #000; text-align: center; padding-bottom: 20px; position: relative;}
.revealTwo .topTit a em{ display: block; width: 100%; height: 2px; background: #4B72AD; position: absolute; bottom: -1px; left: 0; opacity: 0;}
.revealTwo .topTit a.on{ color: #4B72AD;}
.revealTwo .topTit a.on em{ opacity: 1;}
.revealTwo .list .img{ width: 320px; height: 310px; float: left; margin-bottom: 25px; margin-right: 25px; position: relative;}
.revealTwo .list .img:nth-child(3n){ margin-right: 0;}
.revealTwo .list .img a{ width: 100%; height: 100%; overflow: hidden;}
.revealTwo .list .img a img{ width: 100%;}
.revealTwo .list .img .text{ font-size: 16px; color: #fff; line-height: 24px; position: absolute; left: 20px; bottom: 15px; right: 20px; z-index: 5;}
.revealTwo .list .img .up{ width: 100%; height: 100%; background: url(../images/ss.png) no-repeat center; background-size: 100% 100%; z-index: 1; position: absolute; top: 0; left: 0;}
.revealTwo .list .li{ display: none;}
.revealTwo .list .li.on{ display: block;}
.revealTwo .more{ padding-top: 35px;}
.revealTwo .more a{ color: #fff; width: 224px; height: 60px; background: #4B72AD; margin: auto; font-size: 20px; line-height: 60px; text-align: center;}
.GuOne{ padding: 45px 0 60px 0;}
.GuOne .img a{ width: 100%; height: 520px; overflow: hidden;}
.GuOne .img a img{ width: 100%;}
.GuOne .img .text{ padding: 40px 250px 50px 60px; position: relative; height: 66px;}
.GuOne .img .text em{ display: block; width: 1px; height: 66px; position: absolute; top: 40px; left: 40px; background: #999;}
.GuOne .img .text h2{ font-size: 24px; font-weight: bold; color: #000; line-height: 30px;}
.GuOne .img .text p{ font-size: 20px; line-height: 20px; margin-top: 15px;}
.GuOne h1{ font-size: 40px; font-weight: bold; color: #4B72AD; font-family: 'PangMenZhengDao'; margin-bottom: 30px;}
.GuOne .swiper-button-next, .GuOne .swiper-button-prev{ width: 58px; height: 58px; bottom: 50px; top: auto; left: auto; margin-top: 0; z-index: 10;}
.GuOne .swiper-button-next{ right: 60px; background: url(../images/g5.png) no-repeat center; background-size: 100% 100%;}
.GuOne .swiper-button-prev{ right: 140px; background: url(../images/g6.png) no-repeat center; background-size: 100% 100%;}
.GuOne .swiper-pagination-bullet{ width: 12px; height: 12px; border-radius: 100%; background: #4B72AD;}
.GuTwo .texter{ padding: 45px 90px 45px 60px; background: #fff; box-shadow: 0px 3px 15px 0px rgba(192, 203, 214, 0.36);}
.GuTwo h1{ font-size: 24px; font-weight: bold; color: #4B72AD; line-height: 30px;}
.GuTwo .texter .text{ padding: 15px 0 15px 30px;}
.GuTwo .texter .text .li{ padding: 25px 0; border-top: 1px solid hsla(0,0%,0%,0.30);}
.GuTwo .texter .text .li:first-child{ border-top: 0;}
.GuTwo .texter .text .li h2{ font-size: 18px; font-weight: bold; line-height: 24px; margin-bottom: 15px; color: #333; transition: all 0.5s;}
.GuTwo .texter .text .li:hover h2{ color: #4B72AD;}
.GuTwo .texter .text .li p{ font-size: 14px; color: #666; line-height: 24px;}
.moreTwo{ width: 204px; height: 46px; text-align: center; line-height: 46px; border: 2px solid #4B72AD; font-size: 20px; color: #4B72AD; margin: auto; transition: all 0.5s;}
.moreTwo:hover{ color: #fff; background: #4B72AD;}
.GuThree{ padding: 80px 0;}
.GuThree .guSmink{ margin: 35px 0 60px 0;}
.GuThree .guSmink .li{ float: left; width: 492px;}
.GuThree .guSmink .li:nth-child(2){ float: right;}
.GuThree .guSmink .li .m{ font-size: 16px; color: #333;}
.GuThree .guSmink .li h2{ font-size: 22px; color: #333; margin: 10px 0 25px 0;}
.GuThree .guSmink .li a{ width: 100%; height: 280px; overflow: hidden;}
.GuThree .guSmink .li a img{ width: 100%;}
.GuThree .icon{ margin-top: 80px;}
.GuThree .icon .li{ float: left; width: 25%; height: 100px; position: relative;}
.GuThree .icon .li em{ display: block; width: 1px; height: 100%; background: hsla(216,40%,49%,0.50); position: absolute; top: 0; left: 0;}
.GuThree .icon .li:first-child em{ opacity: 0;}
.GuThree .icon .li .img{ width: 100%; height: 60px; position: relative;}
.GuThree .icon .li .img img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.GuThree .icon .li p{ font-size: 22px; line-height: 40px; color: #333; text-align: center;}
.GuItem{ margin-bottom: 70px;}
.GuItem .navMine .li{ float: left; margin-left: 50px; position: relative; padding-bottom: 10px;}
.GuItem .navMine .li:first-child{ margin-left: 0;}
.GuItem .navMine .li a{ font-size: 24px; line-height: 30px; color: #4B72AD;}
.GuItem .navMine .li.on a{ font-size: 28px; font-weight: bold;}
.GuItem .navMine .li em{ width: 100%; height: 2px; background: #4B72AD; position: absolute; bottom: 0; left: 0; opacity: 0;}
.GuItem .navMine .li.on em{ opacity: 1;}
.GuItem .mier{ margin: 40px 0 50px 0;}
.GuItem .mier .img{ float: left; width: 236px; margin-left: 22px;}
.GuItem .mier .img:first-child{ margin-left: 0;}
.GuItem .mier .img a{ width: 100%; height: 270px; overflow: hidden;}
.GuItem .mier .img a img{ width: 100%;}
.GuItem .mier .name{ font-size: 24px; line-height: 30px; font-weight: bold; margin: 15px 0 10px 0;}
.GuItem .mier em{ display: block; font-size: 18px; line-height: 20px; color: #333;}
.GuItem .mier p{ font-size: 14px; color: #666; line-height: 20px; margin-top: 10px;}
.GuItem .mier .li{ display: none;}
.GuItem .mier .li.on{ display: block;}
.GuItem2 .mier .img{ width: 320px; margin-left: 25px;}
.GuItem2 .mier .img a{ height: 220px; margin: 10px 0 20px 0;}
.GuItem2 .mier p{ font-size: 22px; color: #333; line-height: 24px;}
.GuItem2 h2{ font-size: 16px; line-height: 20px;}
.GuItem .divnews{ margin: 10px 0 30px 0;}
.GuItem .divnews .mr{ display: none;}
.GuItem .divnews .mr.on{ display: block;}
.GuItem .divnews .li{ padding: 30px 0; border-top: 1px solid hsla(0,0%,0%,0.15);}
.GuItem .divnews .li:first-child{ border-top: none;}
.GuItem .divnews .li .time{ float: left; width: 60px; height: 60px; background: #4B72AD; border-radius: 100%; text-align: center; color: #fff;}
.GuItem .divnews .li .time p{ font-size: 16px; line-height: 20px; padding-top: 12px;}
.GuItem .divnews .li .time em{ display: block; font-size: 14px; line-height: 20px;}
.GuItem .divnews .li a{ float: right; width: 830px; margin-right: 90px;}
.GuItem .divnews .li h1{ font-size: 20px; line-height: 30px; font-weight: bold; color: #000;}
.GuItem .divnews .li a p{ font-size: 16px; line-height: 26px; color: #333; margin-top: 15px;}
.GuTSix{ margin-bottom: 70px;}
.GuTwo .weaFer .li{ float: left; margin-top: 40px; margin-right: 55px;}
.GuTwo .weaFer .li:nth-child(3n){ margin-right: 0;}
.GuTwo .weaFer .li a{ width: 300px; height: 180px; position: relative; overflow: hidden;}
.GuTwo .weaFer .li a img{ width: 100%;}
.GuTwo .weaFer .li .up{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; opacity: 0.5; z-index: 1;}
.GuTwo .weaFer .li .name{ font-size: 32px; font-weight: bold; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 5; white-space: nowrap;}
.GuItem .divwenKmin{ margin-top: 15px;}
.GuItem .divwenKmin .ctr{ display: none; justify-content: center; flex-wrap: wrap;}
.GuItem .divwenKmin .ctr.on{ display: flex;}
.GuItem .divwenKmin .li{ width: 320px; padding: 30px 0; margin: 0 8.25px;}
.GuItem .divwenKmin .li .img{ width: 100%; height: 225px; overflow: hidden; position: relative; margin-bottom: 30px;}
.GuItem .divwenKmin .li .img img{ width: 100%;}
.GuItem .divwenKmin .li .img .up{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/ss.png) no-repeat bottom center; background-size: 100% auto; z-index: 1;}
.GuItem .divwenKmin .li .img .te{ font-size: 38px; font-weight: bold; color: #fff; position: absolute; bottom: 15px; left: 20px; z-index: 5;}
.GuItem .per{ display: none;}
.GuItem .per.on{ display: block;}

.titSix{ height: 24px; position: relative;}
.titSix em{ display: block; width: 24px; height: 24px; background: #4B72AD; position: absolute; top: 0; left: 0; z-index: -1;}
.titSix .mk{ font-size: 18px; color: #4B72AD; line-height: 20px; padding: 4px 0 0 4px; letter-spacing: 1px; float: left;}
.titSix .mk i{ color: #fff;}
.titSix a{ width: 20px; height: 14px; background: url(../images/icon1.png) no-repeat center; background-size: 100% 100%; float: left; margin: 9px 0 0 1px;}
.rightOnr a.s{ margin-top: 20px;}
.artYmink .minkerSer .ml p{ font-weight: bold;}
.tity{ font-size: 18px; line-height: 20px; color: #333; padding-left: 10px; position: relative; font-weight: bold; margin-bottom: 15px;}
.tity em{ display: block; width: 3px; height: 18px; background: #4B72AD; position: absolute; left: 0; top: 50%; margin-top: -8px;}
.rightTwo{ padding: 0;}
.rightTwo p{ line-height: 22px; margin-top: 5px;}
.righThree{ float: right; width: 234px;}
.righThree a{ font-size: 14px; color: #333; line-height: 20px; margin-top: 13px; position: relative; padding-left: 15px; transition: all 0.5s;}
.righThree a:first-child{ margin-top: 0;}
.righThree a:hover{ color: #4B72AD;}
.righThree a em{ display: block; width: 6px; height: 6px; background: #4B72AD; border-radius: 100%; position: absolute; left: 0; top: 50%; margin-top: -3px;}

.indexTwo .left .kome a, .GuItem2 .mier p{ overflow : hidden; white-space : nowrap; text-overflow : ellipsis;}
.t{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.t{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}