/*banner*/ .banner { width: 100%; height: 500px;} .banner .icon { position: relative;} .banner .icon ul { position: absolute; left: 0; top:365px; z-index: 1; } .banner .icon ul li { background: rgba(0,0,0,0.5);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000, endcolorstr=#7f000000); border: 1px solid #ccc; width: 102px; height: 102px; border-radius: 10px; margin-right: 10px; } .banner .icon ul li i { width: 50px; height: 50px; margin: 13px auto 8px; display: block; } .banner .icon ul .icon1 i { background: url("../images/icon1.png") no-repeat center; } .banner .icon ul .icon2 i { background: url("../images/icon2.png") no-repeat center; } .banner .icon ul .icon3 i { background: url("../images/icon3.png") no-repeat center; } .banner .icon ul .icon4 i { background: url("../images/icon_ckzg.png") no-repeat center; } .banner .icon ul li p { color: #fff; text-align: center; } .banner .icon ul li:hover { background: #851561; } .banner .slideBox { width: 100%; position: relative;height:500px; overflow: hidden; z-index: 0;} .banner .slideBox span { display: block; position: absolute; top: 50%; margin-top: -46px; z-index: 1; width: 46px; height: 92px; cursor: pointer;} .banner .slideBox .prev { left: 12%; background: url("../images/arrow1.png") no-repeat ; } .banner .slideBox .next { right: 12%; background: url("../images/arrow2.png") no-repeat ; } .banner .slideBox .bd { width: 100%; z-index: 0; } .banner .slideBox .bd li { zoom: 1;} .banner .slideBox .bd li a { display: block; width: 100%; height: 500px;} /*title*/ .main .title { margin: 40px auto 30px; border-bottom: 5px solid #f2f2f2; box-sizing: border-box; height: 46px; } .main .title h3 { background-color: #851561; width: 142px; height: 46px; text-align: center; line-height: 46px;} .main .title h3 a { font-size: 18px; color: #fff; } .main .title .more { transition: all .5s; color: #737373; line-height: 46px; } .main .title .more:hover { color: #851561; padding-top:10px; } /*news*/ .news .list ul { overflow: hidden; width: 1250px;} .news .list ul li { float: left; margin-right:15px; text-align: center; position: relative; } .news .list ul li .pic { width: 390px; height:290px; overflow: hidden; } .news .list ul li .pic img { width: 100%; height: 100%; display: block; transition: all .3s;} .news .list ul li .head { position: absolute; left: 0; bottom:0;background: url("../images/hei.png"); height: 40px; line-height: 40px; width: 100%; } .news .list ul li .head a { display:block; color:#fff; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .news .list ul li:hover .pic img { transform: scale(1.1); } /*learn*/ .learn .list ul { overflow: hidden; width: 1250px;} .learn .list ul li { float: left; margin-right:15px; width: 390px; height: 50px; line-height: 50px; background: url("../images/icon4.png") no-repeat 20px center #f2f2f2; } .learn .list ul li a { display: block; width: 330px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-left: 40px; } .learn .list ul li:hover { background-color: #851561; background-image: url("../images/icon4-h.png"); } .learn .list ul li:hover a { color: #fff; } /*xs_tz*/ .xs_tz { padding-top: 40px;} .xs_tz .tit { width: 194px; height: 154px; background-color: #f2f2f2; border: 2px solid #e5e5e5; text-align: center; box-sizing: border-box; margin-right: 2px;} .xs_tz .tit i { display: block; width: 60px; height: 45px; margin: 37px auto 10px;} .xs_tz .tit h3 { font-size: 18px; font-weight: bold; color: #851561;} .xs_tz .xs .tit i { background: url("../images/icon5.png") no-repeat center;} .xs_tz .xs ul li { float: left; margin-right:2px; text-align: center; position: relative; border: 2px solid #e5e5e5; } .xs_tz .xs ul li .pic { width: 190px; height:150px; overflow: hidden; } .xs_tz .xs ul li .pic img { width: 100%; height: 100%; display: block; transition: all .3s;} .xs_tz .xs ul li .head { position: absolute; left: 0; bottom:0;background: url("../images/hei.png"); height: 36px; line-height: 36px; width: 100%; } .xs_tz .xs ul li .head a { display:block; color:#fff; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .xs_tz .xs ul li:hover .pic img { transform: scale(1.1); } .xs_tz .tz .tit i { background: url("../images/icon6.png") no-repeat center;} .tempWrap { height: 154px!important;} .xs_tz .tz ul li { width: 390px; height: 50px!important; background-color: #f2f2f2; border: 2px solid #e5e5e5; box-sizing: border-box; margin: 0 0 2px 2px;} .xs_tz .tz ul li .date { width: 40px; height: 40px; background-color: #fff; border: 1px solid #e5e5e5; border-radius: 4px; text-align: center; margin: 2px 10px 0 2px;} .xs_tz .tz ul li .date i { font-size: 20px; height: 22px; display: block; line-height: 22px;} .xs_tz .tz ul li .date p { font-size: 12px; background-color: #851561; color: #fff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .xs_tz .tz ul li .word { width: 310px; margin-top: 3px; } .xs_tz .tz ul li:hover { background-color: #851561; } .xs_tz .tz ul li:hover .word a { color: #fff; } /*link*/ .link { padding: 40px 0;} .link .link_box { width: 1250px;} .link .link_box ul { overflow: hidden;} .link .link_box li { float: left; margin-right:17px; text-align: center; border-bottom: 2px solid #cccccc; } .link .link_box li:hover { border-bottom: 2px solid #851561; } .link .link_box li .pic { width: 182px; height:125px; overflow: hidden; border: 2px solid #851561; } .link .link_box li .pic img { width: 100%; height: 100%; display: block; transition: all .3s;} .link .link_box li .head a { display:block; color:#707070; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 46px; } .link .link_box li:hover .pic img { transform: scale(1.1); } /*child*/ /*pic*/ .m_box .m_right .pic { margin-top: 26px; } .m_box .m_right .pic ul { width:1200px; } .m_box .m_right .pic ul li { float: left; margin: 0 25px 25px 0; text-align: center; position: relative; } .m_box .m_right .pic ul li .mpic_box { width:300px; height: 214px; overflow: hidden; } .m_box .m_right .pic ul li .mpic_box img { width:100%; height: 100%; display: block; transition: all .3s; } .m_box .m_right .pic ul li .mpic_box2 { width:218px; height: 270px; overflow: hidden; } .m_box .m_right .pic ul li .mpic_box2 img { width:100%; height: 100%; display: block; transition: all .3s; } .m_box .m_right .pic ul li .tit { text-align: center; line-height: 40px; height: 40px; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: absolute; left: 0; bottom:0; background: url("../images/hei.png");color:#fff; } .m_box .m_right .pic ul li .tit a { color: #fff;} .m_box .m_right .pic ul li:hover img {transform: scale(1.1);} /*list*/ .m_box .m_below .list ul li { line-height: 46px; background: url("../images/icon9.png") no-repeat 20px center #ededed; overflow: hidden; margin-bottom: 8px;} .m_box .m_below .list ul li a { padding-left: 40px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #4c4c4c; width: 1040px; font-size:16px; } .m_box .m_below .list ul li span { margin-right: 20px; color: #8f8f8f;} .m_box .m_below .list ul li:hover { background: url("../images/icon9_h.png") no-repeat 20px center #851561;} .m_box .m_below .list ul li:hover a { color: #fff;} .m_box .m_below .list ul li:hover span { color: #fff;} /*word*/ .m_box .m_right .word { margin-top: 26px;} .m_box .m_right .word h2 { text-align: center; font-size: 18px; color: #851561; font-weight: bold;} .m_box .m_right .word .message { height: 50px; line-height: 50px; background-color: #e8e8e8; margin: 20px 0; padding: 0 15px; box-sizing: border-box;} .m_box .m_right .word .message span { color: #adadad; } .m_box .m_right .word .message .size span { float: left; } .m_box .m_right .word .message .size i { width: 18px; height: 50px; cursor: pointer; display: block; float: left; } .m_box .m_right .word .message .size .da { background: url("../images/icon10.png") no-repeat center; margin-right: 5px; } .m_box .m_right .word .message .size .xiao { background: url("../images/icon11.png") no-repeat center; } .m_box .m_right .word .message .dy { background: url("../images/icon12.png") no-repeat left center; padding-left: 20px; margin: 0 40px; } .m_box .m_right .word .message .share .bshare-custom { margin-top: 15px; } .m_box .m_right .main p { color: #707070; line-height: 30px; line-height: 32px!important; font-size: 16px!important;text-indent: 2em;} .m_box .m_right .main .vsbcontent_img{text-align:center;} /*list2*/ .m_box .m_right .list2 { margin-top: 10px;} .m_box .m_right .list2 ul li { float: left; margin-right:6px; width: 310px; height: 50px; line-height: 50px; background: url("../images/icon13.png") no-repeat left center; } .m_box .m_right .list2 ul li a { padding-left: 14px; } .m_box .m_right .list2 ul li:hover a { border-bottom: 1px solid #851561; color: #851561; } /*list3*/ .m_box .m_right .list3 { margin-top: 20px;} .m_box .m_right .list3 ul li { line-height: 46px; background: url("../images/icon9.png") no-repeat 20px center #ededed; overflow: hidden; margin-bottom: 8px; } .m_box .m_right .list3 ul li a { padding-left: 40px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #4c4c4c; width: 80%; font-size:16px; } .m_box .m_right .list3 ul li span {margin-right: 20px; color: #8f8f8f; } .m_box .m_right .list3 ul li:hover { background: url("../images/icon9_h.png") no-repeat 20px center #851561;} .m_box .m_right .list3 ul li:hover a { color: #fff;} .m_box .m_right .list3 ul li:hover span { color: #fff;} /*box*/ .box { padding: 20px 0; border-bottom: 1px solid #d9d9d9;} .ny_left { width: 446px; margin-right: 58px;} .ny_right { width: 446px; } /*title*/ .content .title { overflow: hidden; margin-bottom: 10px;} .content .title h3 { float: left; background: url("../images/icon14.png") no-repeat left center; padding-left: 15px; font-size: 16px; font-weight: bold; } .content .title a { float: right; line-height: 24px; color: #808080; } .content .title a:hover { color: #851561; } /*list*/ .content ul {overflow: hidden; width: 110%; } .content .list ul li { background: url("../images/icon15.png") no-repeat left center; padding-left: 15px; line-height: 32px;} .content .list ul li a { color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 437px; display: block; border-bottom: 1px solid #f5f5f5; } .content .list ul li:hover a { color: #851561; border-bottom: 1px solid #851561; } /*list_line*/ .content .list_line ul li { float: left; width: 431px; margin-right: 58px; } /*pic_list1*/ .content .pic_list1 ul { margin-top: 20px;} .content .pic_list1 ul li { float: left; margin-right: 35px;} .content .pic_list1 ul li img { width: 205px; height: 150px; display: block; padding-bottom: 11px;} .content .pic_list1 ul li p { width: 205px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: center; border-bottom: 1px solid #f5f5f5; } .content .pic_list1 ul li:hover p { color: #851561; border-bottom: 1px solid #851561; } /*pic_list2*/ .content .pic_list2 ul { margin-top: 20px; padding-bottom: 10px;} .content .pic_list2 ul li { float: left; margin-right: 58px; width: 446px;} .content .pic_list2 ul li .photo { float: left; width: 190px; } .content .pic_list2 ul li .photo img { width: 190px; height: 270px; display: block; } .content .pic_list2 ul li .txt { float: left; width: 216px; background-color: #fff; height: 230px; padding: 20px;} .content .pic_list2 ul li .txt h4 { font-size: 18px; color: #851561;} .content .pic_list2 ul li .txt h5 { font-size: 14px; color: #851561; border-bottom: 1px solid #c8c8c8; padding:4px 0 10px 0; margin-bottom: 10px;} .content .pic_list2 ul li .txt p { color: #707070; line-height: 26px;} .content .pic_list2 ul li .txt:hover { background-color: #851561;} .content .pic_list2 ul li .txt:hover h4 { color: #fff;} .content .pic_list2 ul li .txt:hover h5 { color: #fff; border-bottom: 1px solid #fff;} .content .pic_list2 ul li .txt:hover p { color: #fff; } /*pic_list3*/ .content .pic_list1.pic_list3 ul li { margin-right: 10px;} .content .pic_list1.pic_list3 ul li img { width: 230px; height: 160px;} .content .pic_list1.pic_list3 ul li p { width: 230px; } /*pic_list4*/ .content .pic_list4 ul { padding-bottom: 10px;} .content .pic_list4 ul li { float: left; margin-right: 10px; width: 230px; height: 105px;} .content .pic_list4 ul li img { width: 100%; height: 100%;} /*jiagou*/ .jiagou { margin-top: 30px;} .jiagou .list { margin-top: 20px;} .jiagou .list h3 { background: url("../images/icon16.png") no-repeat left center; height: 46px; line-height: 46px; padding-left: 60px; font-size: 14px; font-weight: bold; color: #851561;} .jiagou .list .jg_word { margin: 20px 0 0 60px;font-size: 15px;line-height: 30px;} .jiagou .list .jg_word .main { margin-top: 10px;} .jiagou .list .jg_word .main span { font-weight: bold;} .jiagou .list .jg_word .main i { color: #8f8f8f; padding-left: 10px;}