﻿/*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;}