.head-bg{background: url(../images/head-bg.jpg)center top no-repeat;height: 107px;}
.head-bg .center{height: 100%;}
.head-bg .center2::after{ content: ""; display: block;height: 0;clear:both;visibility: hidden;}
.logo{margin-top: 27px;float: left;width: 377px;}
.dianhua{float: right;color: #831f65;font-size: 18px;margin-top: 25px;margin-right: 15px;}
.dianhua img{width: 40px;float: left;margin-right: 5px;}
.dianhua i{line-height: 40px;font-style: italic;font-size: 30px;font-weight: bold;background: url(../images/dianhua.png) left no-repeat;padding-left: 40px;}
/*导航*/

.nav6-bg{background: #851e65;height: 60px;}
.nav6-bg::after{content: ""; display: block;height: 0;clear:both;visibility: hidden;}
.nav6{z-index:100; position:relative }
.nav6 li {float:left; margin: 0 4.5px; width:100px; height:60px; position:relative; line-height: 60px; color: #fff;}
.nav6 a.link-a { position:relative; overflow:hidden; display:block; height:60px; color:#000; text-align:center; font-size:16px;  width:100px; }
.nav6 li .nav-show {  height:60px;  display: block; width:100%;  position:absolute;  top:0; left:0; z-index:97;  -webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear; color: #fff;}
.nav6 li .nav-drop { height:100px;  display:block; background:#fff001; color:#851e65; width:100%; position:absolute; top:100px; left:0; -webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear; }
.nav6 li:hover .nav-show,.nav6 li.on .nav-show { top:-100px; }
.nav6 li:hover .nav-drop,.nav6 li.on .nav-drop { top:0;} 
.nav6 li .lev6 { position:absolute; left:0; top:60px; z-index:1000; width:100px; padding:10px 0; text-align:center;background:rgba(25,25,44,0.85); -webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);filter: scale(0);filter: transform;transition: all 0.3s ease 0s;-webkit-transform: all 0.3s ease 0s;opacity: 0;}
.nav6 li .lev6 a { display:block; color:#fff; line-height:30px; font-size:14px; text-align:left; padding-left:20px; background:url(../images/nav-drow.png) 8px 12px no-repeat;  -webkit-transition: all 0.3s linear; -ms-transition: all 0.2s linear;transition: all 0.2s linear; }
.nav6 li .lev6 a:hover { color:#fdb404; background:url(../images/nav-drow.png) 8px -18px no-repeat;}
.nav6 li:hover .lev6{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);filter: scale(1);filter: transform;transition: all 0.3s ease 0s;-webkit-transform: all 0.3s ease 0s;cursor: pointer;
opacity: 1;}

/*首页banner*/
.sy-banner {width: 100%;height: 750px;}
.sy-banner a{display: block;width: 100%;height: 100%;}
.sy-banner a div{width: 100%; height: 750px;}
.sy-banner .sy-pagination{bottom: 50px !important;}
.sy-banner .sy-pagination .swiper-pagination-bullet{width: 14px !important;height: 14px !important;margin:0 7px  !important;background: #851e65;opacity: .5;}
.sy-banner .sy-pagination .swiper-pagination-bullet-active{opacity: 1;}

.tittle{text-align: center;color: #851e65;font-size: 36px;}
.tittle h1{margin-top:44px;margin-bottom: 20px;line-height: 40px;font-weight: 600;}
.tittle p{font-size: 18px;line-height: 32px;}

.sy-b1{display: flex;justify-content: space-around;margin-top: 50px;}
.sy-b1 .b1-li{height: 377px;overflow: hidden;}
.sy-b1 .b1-li .mimi{height: 377px;width: 205px;float: right;overflow: hidden;;border:3px solid transparent;-webkit-transition: border-color .3s ease;transition: border-color .3s ease}
.sy-b1 .b1-li .mimi:hover{border-color: #fff001;}
.sy-b1 .b1-li .mimi img{height: 377px;width: 205px;transition: all .5s;}
.sy-b1 .b1-li .mimi img:hover{-webkit-transform:scale(1.12); transform:scale(1.12) rotate3d(1, 1, 1, 7deg);}
.sy-b1 .b1-li .yellow{height: 100%;width: 66px;float: left; writing-mode: tb-rl;font-size:30px;color: #851e65;background:url(../images/yellow.png) top no-repeat;font-weight: bold;padding: 37px 5px 0 0;}
.sy-b1 .b1-li .yellow2{background:url(../images/yellow2.png) top  no-repeat}
.more{display: block;width: 195px;height: 47px;border: 1px solid #851e65;line-height: 47px;text-align: center;margin:  44px auto ;font-size: 18px;color: #831f65;position: relative;transition:all .5s ease;}
.more:hover{ transform: translate(-10px,0); }
.more::after{position: absolute;content: ">";left: 2px;opacity: 0; font-size: 18px;line-height: 47px;position: relative;opacity: 0;left: -5px;transition: 0.36s ease;}
.more:hover::after{left: 5px;opacity: 1;}
.sy-b2{height: 888px;background: url(../images/sy-b2-bg.jpg) top center no-repeat;}
.xiangce{width:1150px;margin: 50px auto 0;}
.xc1{display: flex;justify-content: space-around;align-items: flex-end;}
.xc1-1{width: 190px;background: url(../images/xiangce.png) top center no-repeat ;color: #fff001;font-size: 18px;padding: 60px 15px 0;line-height: 32px;height: 414px;}
.xc1-2 a.hj-abtn {display: block;width: 261px;height: 56px;line-height: 56px;color: #fff001;font-size: 18px;text-align: center;background: #851e65;margin: 0 auto 50px;border-radius: 56px; }
.xiangce a.pica { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2;}
.xc1-2 .mimi2{width: 364px;height: 255px;overflow: hidden;position: relative;}
.xc1-2 .mimi2::after{content: "";width: 20px;height: 10px;position: absolute;left:50%; top: 50%;border: 5px solid #fcf51c;opacity: 0;transition: all .5s;}
.xc1-2 .mimi2:hover::after{opacity: 1;width: 344px;height: 235px;left: 10px;top: 10px;}
.xc1-2 .mimi2 img{width: 100%;height: 100%;transition: all .5s;}
.xc1-2 .mimi2:hover img{-webkit-transform:scale(1.12); transform:scale(1.12)}
.xc1-3 .mimi3{height: 397px;width: 566px;overflow: hidden;;position: relative;}
.xc1-3 .mimi3::after{content: "";width: 40px;height: 20px;position: absolute;left: 50%; top: 50%;border: 5px solid #fcf51c;opacity: 0;transition: all .5s;}
.xc1-3 .mimi3:hover::after{opacity: 1;width: 546px;height: 377px;top: 10px; left: 10px;}
.xc1-3 .mimi3 img{width: 100%;height: 100%;transition: all .5s;}
.xc1-3 .mimi3:hover img{-webkit-transform:scale(1.12); transform:scale(1.12) }

.xc2{display: flex; justify-content: space-around;margin-top: 20px;}
.xc2 .mimi4{width: 278px;height: 195px;overflow: hidden;position: relative;}
.xc2 .mimi4 img{transition: all .5s;}
.xc2 .mimi4::after{content: "";display: block;width: 20px;height: 10px;border: 3px solid #fcf51c;;position: absolute;left: 50%;top: 50%;opacity: 0;transition: all .5s;}
.xc2 .mimi4:hover::after{opacity: 1;width: 258px;height: 175px;top: 10px; left: 10px;}
.xc2 .mimi4:hover img{-webkit-transform:scale(1.12); transform:scale(1.12);}

.sy-b3{overflow: hidden;}
.teach-box{margin-top: 80px;border-bottom: 1px solid #831f65;}
.teacher{height: 500px;}
.teacher .swiper-slide a{display: block;width:218px ;height: 341px;overflow: hidden;margin: 0 auto;}
.img-bpx {width: 215px;height: 341px; overflow: hidden;}
.teacher .swiper-slide img{width: 215px;height: 341px;display: block;margin:  0 auto;transition: all .5s;}
.teacher .swiper-slide h1{padding: 0 11px;margin-top: 14px;font-size: 18px;color:#851e65;line-height: 22px;}
.teacher .swiper-slide h1 span{float: right;margin-left: 11px;font-size: 14px;line-height: 22px;}
.teacher .swiper-slide:hover img{-webkit-transform:scale(1.05); transform:scale(1.05)}

.teacher .swiper-button-prev,.teacher .swiper-button-next{position: absolute; top: 95% !important;width: 19px;height: 16px;margin-top: 0;}
.teacher .swiper-button-prev{background: url(../images/pre1.jpg) center no-repeat;left: 540px;}
.teacher .swiper-button-next{background: url(../images/nex1.jpg) center no-repeat;right: 540px;}
.teacher .more2{position: absolute;display: block;width: 70px;height: 19px;left: 0;top: 95%;left: 50%;margin-left: -35px;text-align: center;z-index: 500;color: #831f65;}

.teacher-b{position: relative;display: block;}
.teacher-b::after{position: absolute;content: ""; width: 0;height: 0;display: block;border: 2px solid #fcf51c;left: 50%;top: 50%;transition: all .5s;opacity: 0}
.teacher-b:hover::after{width:195px ;height: 321px;top: 10px;left: 10px;opacity: 1;border-radius: 0;}

.sy-box4{background: url(../images/bo4-bg.jpg) center top no-repeat;height: 1095px;margin-top: 75px;}

.case-top {text-align: center;margin-top: 20px;margin-bottom: 55px;}
.case-top a{display: inline-block ;width: 116px;height: 20px;line-height: 20px; font-size: 16px;color: #831f65;border-right: 2px solid #831f65;}
.case-top a:last-child{border: none;}
.case-top a em{font-weight: 600;}
.on em{display: inline-block;transform: translateY(-5px);transition: all .5s;}
.case-box{width: 1200px; position: relative;height: 700px;}
.case-box .case-li{width: 360px;border-top: 1px solid #831f65;padding-top: 20px;padding-bottom: 100px;position: absolute;transition: all .5s;}
.case-box .case-li a{color: #831f65;display: block;padding-bottom: 60px;}
.case-box .case-li a h1{font-size: 18px;line-height: 40px;transition: all .5s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.case-box .case-li a p{margin-bottom: 15px;line-height: 20px;height: 40px;overflow: hidden;}
.case-box .case-li a h3{text-align: right;font-size: 28px;line-height: 35px;}
.case-box .case-li a h3 i{position: relative;top: 8px;font-size: 18px;transition: all .5s;}
.case-box .case-li img{width: 360px;height: 160px; transition: all 0.36s ease;}
.case-box .case-li:hover img{transform: scale(1.08);}
.case-box .case-li:hover h1{transform: translateX(10px);}
.case-box .case-li:hover h3 i{top: 2px;}
.hea{position: relative;}
.hea::after{content: ">";left: 40px;opacity: 0; font-size: 18px;line-height: 32px;vertical-align: -2px;position: relative;opacity: 0;left: -5px;transition: 0.36s ease;}
.case-box .case-li :hover .hea::after{left: 5px;opacity: 1;}
.mimi6{width: 360px;height: 160px;overflow: hidden;}
.c1{top: 0;left: 0;}
.c2{top: 0;left: 419px;}
.c3{top: 0;left: 829px;}
.c4{top: 302px;left: 0;}
.c5{top: 438px;left: 409px;}
.c6{left: 829px;top: 302px;}


/**/
.zs-box1 { width: 1185px;  margin: 50px auto 0;}
.zs-box1 .tbt { height: 50px; line-height: 50px; font-size: 22px; background: #0166ce; color: #fff; text-align: center; margin-bottom: 2px;}
.zs-box1 .zs-head { font-size: 18px; overflow: hidden; line-height: 50px; position: relative;z-index: 99;}
.zs-box1 span { display: block; float: left; text-align: center; overflow: hidden;}
.zs-head .sps1,.zs-head .sps2{background: #faec20;color: #831f65;}
.sps1 { background: #ececec; width: 11.2%;border: 1px solid #fff;}
.sps2 { background: #e1e1e1; width: 22%;border: 1px solid #fff;}
#marquee2 { height: 520px;width: 100%;overflow: hidden;}
.zs-list13 li { height: 50px; line-height: 50px; margin-top: 2px;font-size: 16px;color: #851e65}

.sy-b5{background: url(../images/sy-b5bg.jpg) center top no-repeat;height: 575px;}
.sy-b5 .tittle{margin-top: 30px;}
.b5-list{overflow: hidden;width: 1128px;margin:0 auto ;padding: 50px 0;}
.b5-list li{float: left; width: 338px;margin: 0 19px;height: 290px;border: 4px solid #831f65;text-align: center;color: #851e65;}
.b5-list li h1{line-height: 85px;font-weight: bold;font-size: 30px;transition: all .5s ease;}
.b5-list li:hover h1{transform: translateY(10px);}

.b5-list li p{font-size: 16px; line-height: 32px ;}
.mf{display: block;width: 175px;height: 42px;line-height: 42px;text-align: center;margin: 0 auto;border-radius: 42px;background: #831f65;color: #fff;margin-top: 20px;transition: all .5s;}
.mf:hover{border-radius: 30px;color: #ebdc0f;transform: translateX(5px);}
/***/
.foot-bg{background: #831f65;}
.foot-body {padding: 0 30px;;}
.yqlj{height: 105px;line-height: 105px; color: #ebdc0f;font-size: 16px;overflow: hidden;border-bottom: 1px solid #ebdc0f;}
.yqlj-list{overflow: hidden;color:  #ebdc0f; }
.yqlj-list li{float: left;width: 100px;;font-size: 16px;text-align: center;position: relative;}
.yqlj-list li a{color: #ebdc0f;}
.yqlj-list li a:hover{text-decoration: underline;}
.yqlj-list li::after{content: "";display: block;height: 20px;width: 2px;position: absolute;top: 43px;right: 0;background: #ebdc0f;}
.yqlj-list li:last-child::after{display: none;}

.foot-b{margin-top: 35px;overflow: hidden;padding-bottom: 50px;}
.nb-xuexiao{width: 310px;overflow: hidden;}
.erweima{width: 133px;text-align: center;color: #ebdc0f;font-size: 16px;line-height: 32px;margin-top: 20px;}
.erweima img{width: 133px;height: 133px;}
.foot-list{overflow: hidden;}
.foot-list li{float: left;min-width: 110px;max-width: 320px;text-align: center;margin:0 21px}
.foot-list li a{display: block;width: 100%;font-size: 16px;line-height: 32px; color: #ebdc0f;}
.foot-list li a:hover{text-decoration: underline}
.foot-list li h1{font-size: 22px;color: #ebdc0f;margin-bottom: 8px;}
.foot-list li:last-child h1{text-align: left;}
.foot-list li:last-child p{text-align: left;}
.foot-list li p{font-size: 16px;color: #ebdc0f;line-height: 32px;}
.div-btn{height: 45px;line-height: 45px;background: #5b1445;text-align: center;color: #ebdc0f;}
.div-btn a{color: #ebdc0f;}
.div-btn a:hover{text-decoration: underline;}


/****右边悬浮*****/
.lrf66 { padding-top: 155px; position:fixed;top:35%;right:-300px;z-index:80000;width:88px;height:367px;margin:-183px 0 0 -249px;  -webkit-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s; transition:all 1s ease 0s;}
.lrf-fix {right:0px;}
.lrf66 a {position:relative;display:block;width:72px;height:24px;z-index:500;text-align:center;font-size:12px;color:#7d0959;font-size: 16px;}

.lrf66 a:hover {color: #851e65;}
.lrf66 li img{display: block;margin:5px auto 0;}
.lrf66 li em{
    text-shadow: 0 0 10px #fff;
}
.lrf66 li {position:absolute;display:block;width:70px;height:70px;right:5px;text-align:center; -webkit-transition:all 0.5s; transition:all 0.5s;}
.lrf66 li:before {content:"";width:0;height:70px;background:rgb(255,241,11,.8);position:absolute;top:0;left:0;transition:all 0.6s;z-index:-1;}
.lrf66 li:hover {background:none;}
.lrf66 li.wx-pic:hover { width:72px;  overflow:visible; }
.lrf-wei { position:absolute; right:80px; top:0px; opacity:0; width:180px; height:180px; z-index:501; -webkit-transition:all .5s ease;transition:all .5s ease; height:0; }
.lrf66 li:hover:before {width:70px;}
.lrf66 li:hover strong {display:none;}
.lrf66 > li:first-child {top:155px;}
.lrf66 > li:nth-child(2) {top:236px;}
.lrf66 > li:nth-child(3) {top:317px;}
.lrf66 > li:nth-child(4) {top:398px;}

/**关于**/

.yellow-inban{background: #fff001;height: 400px;overflow: hidden;}
.inban{text-align: center;color: #851e65;margin-top: 120px;position: relative;height: 280px;}
.inban h1{font-size: 72px;font-weight: bold;vertical-align: middle;line-height: 80px;}
.inban h2{font-size: 30px;}
.nb-nav{position: absolute;width: 1200px;top: 210px;left: 0; border-bottom: 1px solid #851e65;}
.nb-nav-list{overflow: hidden;margin: 0 auto;margin-bottom: 10px;}
.nb-nav-list li{display: inline-block;width: 150px; border-right: 2px solid #851e65}
.nb-nav-list li a{color: #851e65;font-size: 20px;}
.nb-nav-list li:last-child{border: none;}
.nb-nav-list li a{display: block;transition: all .5s ease}
.nb-nav-list li:hover a{text-decoration: underline;transform: translateY(-3px);}

.weizhi{color: #a7a7a7;margin: 25px auto 30px;}
.weizhi img{float: left;margin-right: 15px;}
.weizhi a{color: #4c4c4c;}
.weizhi a:hover{color: #851e65;}
.weizhi a:last-child{color:#851e65;}

.about-body{padding: 10px 30px 85px;overflow: hidden;}
.about-t{color: #851e65;}
.about-t h1{font-size: 30px;font-weight: bold;}
.about-l .xiegang{font-size: 24px;line-height:40px;}
.about-l{width: 642px; float: left;margin-right: 60px;}
.about-l p{text-indent: 2em;color: #851e65;font-size: 16px;line-height: 30px;font-weight: 540;}

.about-r{overflow: hidden;margin-top: 30px;position: relative;height:450px ;width:416px ;}
.about-r li{width: 203px;height: 190px;text-align: center;color: #851e65;;position: absolute;font-style: italic;font-size: 24px;font-style: italic;}
.about-r li h1{font-size: 40px;font-style: italic;font-weight: bold;margin-top: 50px;transition: all .5s;}
.about-r li:nth-child(1){background: url(../images/bb1.jpg) center no-repeat; background-size: 100%;left: 0;top: 0;}
.about-r li:nth-child(2){background: url(../images/bb2.jpg) center no-repeat; background-size: 100%;right: 0;top: 50px;}
.about-r li:nth-child(3){background: url(../images/bb3.jpg) center no-repeat; background-size: 100%;left:0;top: 200px;}
.about-r li:nth-child(4){background: url(../images/bb4.jpg) center no-repeat; background-size: 100%;right: 0;top: 250px}
.about-r li:hover h1{transform: translateX(3px);}

.yellow-bg{background: #f7ec15;height: 150px;color: #851e65;font-style: italic;font-size: 18px;}
.yellow-bg .center{padding-left: 35px;padding-top: 34px;}
.yellow-bg h1{font-size: 36px; font-weight: bold;color: #851e65;font-style: italic;line-height: 55px;}

.jieshao {width: 590px;font-size: 16px;color: #831f65;line-height: 32px;}
.jieshao{margin: 0 30px;}
.xuexiao-img img{width: 547px;height: 406px;}

.shang{margin-bottom: 105px;margin-top: 105px;}
.shang2 .jieshao{margin-top: 50px;}
.shang2 {margin: 105px auto;}

.news-list{padding-bottom: 50px;} 
.news-list li{height: 245px;width: 1200px;position: relative;}
.news-list li::after{content: "";position: absolute;height: 235px;width: 930px;right: 0px;top: 10px;background: #fff001;z-index: -1;border-radius: 10px;opacity: 0;transition: all .5s ease-in-out;}
.news-list li:hover::after{opacity: 1;top: 5px;}
.news-list li a{overflow: hidden;display: block;padding-top: 40px;}
.news-list li a h1{color: #851e65;padding: 15px 20px 0 15px;transition: all .8s;}
.news-list li a h1 span{font-size: 30px;}
.news-list li a:hover h1{transform: translateY(-5px);}
.news-list li a img{width: 360px;height: 160px;position: relative;transition:all .5s;margin-right: 30px;}
.news-list li a:hover img{transform: translateY(-3px);}
.news-list li a h2{line-height: 50px;font-weight: bold;font-size: 18px;color: #851e65;margin-bottom: 5px;transition: all .5s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 550px;}
.news-list li a  p{line-height: 28px;color: #851e65;padding-right: 30px;transition: all .5s ease-out;height: 88px;overflow: hidden;}
.news-list li a:hover p{transform: translateX(-5px);}
.news-list li a:hover h2{margin-top: 5px;}

.teacher-list{overflow: hidden;width: 1222px;}
.teacher-list li{float: left;width: 218px;margin: 0 11px 50px;}
.teacher-list li a{overflow: hidden;display: block;}
.teacher-list li a h1{font-size: 18px;color: #851e65;line-height: 32px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.teacher-list li a h1 span{font-size: 14px;float: right;}
.tea-box{width: 218px;height: 340px;overflow: hidden;position: relative;}
.tea-box::after{    position: absolute;content: ""; width: 0;height: 0;display: block; border: 2px solid #fcf51c;left: 50%;top: 50%; transition: all .5s;opacity: 0;}
.tea-box:hover::after{width:208px ;height: 330px;top: 5px;left: 5px;opacity: 1;}
.teacher-list li img{height: 340px;width: 218px;transition: all .5s;}
.teacher-list li:hover img{transform: scale(1.05);}

.student-box{position: relative;}
.student{width: 100%;}
.student .swiper-slide img{display: block;margin: 0 auto;width: 280px;height: 395px;cursor: pointer;}
.ste-prev,.ste-next{width: 48px !important;height: 48px !important;}
.ste-prev{background: url(../images/prev2.png) center no-repeat !important;left: -15px !important;}
.ste-next{background: url(../images/next2.png) center no-repeat !important;right: -15px !important;}
.ste-next:hover{background: url(../images/next3.png)  !important;}
.ste-prev:hover{background: url(../images/prev3.png)  !important;}

.cj-t{font-size: 36px;line-height: 40px;margin: 90px 0 45px 0;text-align: center; color: #831f65;}
.luqu{margin-bottom: 90px;}
#outerdiv{position:fixed;top:0;left:0;background:rgba(0,0,0,0.7);z-index:2;width:100%;height:100%;display:none;}
#innerdiv{position: absolute;}
#bigimg{border:5px solid #fff;}

/*学校环境*/
.hj-list{overflow: hidden;}
.hj-list li{float: left;margin: 0 10px;margin-bottom: 40px;width: 380px;}
.hj-list li img{width: 380px;height: 260px;transition: all .9s ease;}
.hj-list li .hj-box{width: 380px;height: 260px;overflow: hidden;position: relative;}

.hj-list li .hj-box:hover img{transform: scale(1.08);}
.hj-list li h1{font-size: 18px;color: #424242;line-height: 45px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hj-list li:hover h1{color: #831f65;}

.ab-box{padding: 75px 45px 30px 25px; position: relative;margin-bottom: 130px;}
.ab-box::after{position: absolute;content: "";display: block; height: 2px;width: 900px;bottom: 0;left: 0;background: #831f65;}
.ab-box::before{position: absolute;content: "";display: block;background: url(../images/ditu.png)center no-repeat;right: 0;bottom: 0;height: 60px;width: 105px;z-index: 999;}
.ab-left{width: 483px;margin-right: 45px;color: #851e65;}
.ab-t{color: #831f65;margin-bottom: 30px;}
.ab-left h1{font-size: 18px;margin-bottom: 5px;font-size: 18px;}
.ab-t h1{font-size: 30px ;font-weight: bold;}
.ab-left h2{font-size: 18px;margin-top: 30px;margin-bottom: 10px;}
.ab-left p{font-size: 16px;line-height: 32px;}

.ab-right {width: 600px;height: 420px;}

/*****地图***/
#containermap{width: 100%;height: 420px;margin-bottom: 70px}
.BMap_cpyCtrl{display:none;}
.BMap_bubble_content{height: 150px}
#imgDemo{width: 230px;height: 30px;display: block;margin: 0 auto}
.add{color: #831f65;text-align: center;margin-top: 10px}


.wk-list {overflow: hidden;width: 1230px;}
.wk-list li{float: left;width: 270px;margin: 0 15px 40px;}
.wk-box{width: 270px;height: 385px;overflow: hidden;position: relative;}
.wk-box::after{content: "";display: block;position: absolute;width: 0;height: 0;left: 50%;top: 50%;border: 5px solid #fff001;opacity: 0;transition: all .5s ease;}
.wk-list li:hover .wk-box::after{width: 270px;height: 385px;left: 0;top: 0;opacity: 1;}
.wk-list li img{width: 270px;height: 385px;display: block;margin: 0 auto;transition: all .7s;}
.wk-list li a h1{color: #851e65;font-size: 18px;line-height:40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.wk-list li:hover img{transform: scale(1.1);}

.star-list{overflow: hidden;width: 1230px;margin-bottom: 35px;}
.star-list li{float: left;margin: 0 10px 30px;cursor: pointer;}
.star-list li img{width: 280px;height: 395px;}


.news-box8 { width: 840px; float: left; overflow: hidden; padding-bottom: 70px;}
.con-four2 { overflow: hidden; padding: 0px 0px 60px; margin-top: 60px; border-top: 1px solid #ddd;}
.con-four2 li { width: 266px; margin: 0  10px 0 24px; float: left;padding:50px 0px 0 66px;  color: #4e4e4e; font-size: 14px; line-height: 24px; border-bottom: 1px solid #ddd; height: 150px;; }
.con-four2 li img { position: absolute; right: 210px; top: 0px; }
.con-four2 li h1 { position: relative; color: #2e2e2e; font-size: 16px; margin: 15px 0 10px; width: 200px; text-align: left;  }
.con-four2 li h3 { font-size: 22px;  color:#404040; }

.weixx { position: absolute; left: 130px; top: 50px; background: url(../images/con5.png) 0 no-repeat; padding-left: 40px;}
.weixx img.wxxx { width: 0px; height: 0px; position: absolute; left: 0; top: 20px; opacity: 0; transition: all .3s;}
.weixx:hover img.wxxx{ top: 0px; opacity: 1;  width: 130px; height: 130px;}
/*****************************/
.guide-list { overflow: hidden; margin: 60px 50px 0;  } 
.guide-list .gb-box { width: 440px; height: 420px; background: url(../images/gd-bg.jpg) no-repeat; float: left; position: relative; padding: 36px 0 0 45px;}
.guide-list .gb-box img{ width: 341px; height: 341px; display: block;; }
.guide-list .gb-box em { width: 60px; height: 60px; display: block; position: absolute; text-align: center; line-height: 60px; color: #fff; border-radius: 100%;}
.guide-list .gb-box em.cm1 { left: 50px; top: 62px; background: #ffa000;}
.guide-list .gb-box em.cm2 { right: 42px; bottom: 100px; background: #515151}
.gd-right { width: 633px; float: right;}
.gd-right .tbt { color: #ff9326; font-size: 30px;}
.gd-list li { position: relative; padding: 6px 0 6px 60px; margin-top: 30px; line-height: 30px; color: #545454; }
.gd-list li em { width: 42px; height: 42px; display: block; position: absolute; left: 0; top: 0; text-align: center; line-height: 42px; color: #fff; background: #ff9326; font-size: 18px; font-weight: bold; font-style: italic; border-radius: 100%;}
/********************************/
.gd-pic3  { overflow: hidden; text-align: center; margin-top: 50px;}
.gd-pic3 img { width: 350px; height: 245px; margin: 0 18px;}
.guide-list2 .gb-box { float: none; float: right }
.guide-list2 .gd-right {float: none; float: right}

.news-right { width: 320px; float: right; padding-bottom: 50px; overflow: hidden;padding-top: 35px; }
.tj-title { height: 44px; line-height: 40px;color: #831f65; font-size: 24px;}
.tj-title a{font-size: 14px;color: #3e3e3e;font-weight: 500;}
.tj-title a:hover{color: #831f65}
.tj-list { overflow: hidden;}
.tj-list li  { border-bottom: 1px solid #dfdfdf; line-height: 24px; padding: 0 0 10px 0; margin-top: 15px; }
.tj-list li a { color: #4c4c4c;}
.tj-list li h1 { color: #222; font-size: 18px; margin-bottom: 6px; }
.team-com { text-align: center;}
.team-com img { width: 30%;}
.team-com .info-t {  padding: 20px 0 20px;}
.team-com .tbc { line-height: 36px; font-size: 18px; color: #555;}
/*******************/

.hot-list li { line-height:28px; padding:15px; position:relative; }
.hot-list h1{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hot-list li h1 span{font-size: 36px;font-style: italic;padding-right: 5px;}
.hot-list li h3 { display:none; margin-top:20px; color:#851e65;padding-left: 35px;}
.hot-list li a { color:#831f65;}
.hot-list li:hover img,.hot-list li.on img { display:block;}
.hot-list img{display:none; position:absolute; right:0; width:155px; height:70px;top: 50px;}
.hot-list li:hover h3,.hot-list li.on h3{ display:block}
.hot-list li:hover,.hot-list li.on { padding-right:10px;}
.fenx {  float: right; color: #851e65; margin-top: 20px; }
.fenx span { position: relative; top: -5px; margin-right: 6px; }
.sxpian { border-top:10px solid #fff001; margin:30px 0px 0 0px; padding-top:30px; line-height:30px; color:#666; font-size:14px; position:relative;}
.sxpian div{width: 385px;height: 40px;line-height: 40px;border:  1px solid #851e65;padding: 0 15px;color: #851e65;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sxpian a { margin-left:6px; color:#851e65;line-height: 40px;}
.sxpian a:hover {  color:#851e65; text-decoration:underline;}

.sxpian a.back-btn:hover { color: #851e65; text-decoration: none}
.sxpian .back-btn{ position:absolute; right:0; top:100px; width:100px; height:32px;display:block;background: url(../images/back.jpg)center no-repeat; padding-left: 40px;line-height: 32px;transition: all .5s ease;}
.sxpian .back-btn:hover{transform:translateX(-8px);}
.tj-tit { font-size: 24px; color: #851e65; margin-top: 30px;}
.case-list2 { overflow: hidden; width: 1270px;margin-bottom: 60px; }
.case-list2 li { width: 360px; float: left; margin: 40px 60px 0 0; color: #851e65;}
.case-list2 li img{height: 160px;width: 360px;transition: all .5s;}
.case-list2 li:hover img{transform: scale(1.1);}
.case-list2 li a {color: #851e65;}
.case-list2 li .tb-box { width: 360px; height: 160px; }
.case-list2 li h1 { font-size: 18px; color: #851e65; margin: 10px 0 ;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.case-list2 li p{line-height: 24px;height: 48px;overflow: hidden;}

.bm{display: block;width: 100%;height: 100px;background: #fff001;text-align: center;font-size: 18px;color: #831f65;padding-top: 10px;margin-top: 30px;}
.bm h1{font-size: 36px;font-weight: bold;color: #831f65;}

.no_content{
    text-align: center;
    color: grey;
    font-size: 16px;
    padding-bottom: 100px;
}
.kuan-list1{width: 100%;}
.kuan-list1 li{float: left;margin: 0 15px;}
.kuan-list1 li a{display: block;}
.kuan-list1 li .wx-box2{width: 370px;height: 260px;overflow: hidden;position: relative;}
.kuan-list1 li .wx-box2::after{content: "";display: block;position: absolute;width: 0;height: 0;left: 50%;top: 50%;border: 5px solid #fff001;opacity: 0;transition: all .5s ease;}
.kuan-list1 li:hover .wx-box2::after{width: 370px;height: 260px;left: 0;top: 0;opacity: 1;}
.kuan-list1 li .wx-box2 img{width: 100%;height: 100%;transition: all .3s;}
.kuan-list1 li a h1{color: #851e65;font-size: 18px;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.kuan-list1 li:hover img{transform: scale(1.04);}

/*****************/
.tit {
    margin-top: 45px;
    text-align: center;
    margin-bottom: 25px;
    color: #282828;
}
.tit h3 {
    font-size: 30px;
    /* color: #333; */
}
.tit p{
    font-size: 18px;
    /*color: #666666;*/
    margin-top: 5px;
}
.xinwenz{width:49%;padding-bottom:30px;height: 400px; float: left;}
.xinwenz img{
    height: 400px;
}
.xinwenz:nth-child(2n-1){margin-right: 2%;}
.riqi{float:left;width:120px;height:50px;background:#0308d6}
.riqi h1{font-weight:bold;color:#fff;font-size:18px;padding-top:10px}
.riqi span{text-align:left;display:block;color:#fed404;font-weight:bold;font-size:24px;margin-left:10px;line-height:50px}
.biaoti{float:left;width:460px;text-align:left}
.biaoti h2{margin-left:20px;letter-spacing:2px;color:#000}
.biaoti p{margin-left:20px;letter-spacing:2px;color:#999;font-size:14px;line-height:22px;margin-top:10px}
input { border: none;}
.news{
    width: 524px;
    float: right;
    overflow: hidden;
    margin-right: 42px;
}
.news li{
    overflow: hidden;
    padding-bottom: 18px;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 20px;
}
.news li .l{
    overflow: hidden;
    width: 80px;
    text-align: center;
    color: #b3b3b3;
    transition: all 0.2;
}
.news li .l span:nth-child(1){
    font-weight: bold;
    font-size: 48px;
    line-height: 57px;
}
.news li .l span:nth-child(2){
    font-size: 14px;
}
.news li .r{
    width: 436px;
    overflow: hidden;
}
.news li .r h3{
    font-size: 16px;
    font-weight: normal;
    color: #4d4d4d;
    transition: all 0.2s;
}
.news li .r p{
    margin-top: 10px;
    font-size: 14px;
    color: #999999;
    line-height: 23px;
    transition: all 0.2s;
}
.news li:last-child{
    margin-bottom: 0;
}
.news li:hover .l{
    color: #ff9d0b;
    transition: all 0.2s;
}
.news li:hover h3{
    color: #ff9d0b;
    transition: all 0.2s;
}
.news li:hover p{
    color: #ff9d0b;
    transition: all 0.2s;
}

.r{
    float: right;
}

.l{
    float: left;
}
.ad4,.ad5{
    width: 100%;
    height: 167px;
    background:#851e65;
    overflow: hidden;
    margin-top: 50px;
    margin-bottom: 20px;
}
.ad4 .wp,.ad5 .wp{
    margin-top: 45px;
}
.wp{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.ad4 .l,.ad5 .l{
    margin-left: 44px;
    overflow: hidden;
    color:#fff;
    font-size:18px;
    float:left;
}
.ad4 .l h3,.ad5 .l h3{
    font-size: 34px;
    font-weight: normal;

}
.ad4 .l span,.ad5 .l span{
    color: #fbeddf;
}
.ad4 .l p,.ad5 .l p{
    margin-top: 10px;
}

.r{
    float:right;
}

.ad4 .r,.ad5 .r{
    overflow: hidden;
    margin-top: 25px;
    font-size: 16px;
}

.ad4 label,.ad5 label{
    float:left;
    width: 239px;
    height: 47px;
    line-height: 47px;
    background: #fff;
    border-radius: 8px;
    margin-right: 23px;
    overflow: hidden;
}

.ad4 label span,.ad5 label span{
    float: left;
    color: #999999;
    padding-left: 15px;
}

.ad4 label .ipt1,.ad5 label .ipt1{
    float:left;
    width: 143px;
    height: 47px;
    line-height: 47px;
    font-size: 16px;
    border: none;
}

.ad4 .ipt2,.ad5 .ipt2{
    float:left;
    width: 144px;
    height: 47px;
    border-radius: 8px;
    text-align: center;
    line-height: 47px;
    color:#851e65;
    font-size: 16px;
    background: #faec20;
    font-weight: bold;
    cursor: pointer;
}
	/* 作品鉴赏本例子css */
	.picMarquee-left{ width:1200px;  overflow:hidden; border:1px solid #ccc;  margin: 0 auto; margin-top: 60px; }
	.picMarquee-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;    }
	.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
		cursor:pointer;}
	.picMarquee-left .hd .next{ background-position:0 -50px;  }
	.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
	.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
	.picMarquee-left .bd{width: 1200px; height: 300px; overflow: hidden; }
	.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
	.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
	.picMarquee-left .bd ul li .pic{ text-align:center; }
	.picMarquee-left .bd ul li .pic img{ width:240px; height:300px; display:block; padding:2px; border:1px solid #ccc; }
	.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
	.picMarquee-left .bd ul li .title{ line-height:24px;   }
	.tempWrap{
		width: 1200px !important;
    }
    .cont .con{
        overflow: hidden;
        margin-top: 60px;
	}
	.cont div.l{
		width: 460px;
		margin-left: 88px;
		overflow: hidden;
		color: #282828;
	}
	.cont div.l h4{
		font-weight: normal;
		font-size: 24px;
		line-height: 66px;
	}
	.cont div.l h4 span{
		color: #831f65;
	}
	.cont div.l p{
		font-size: 18px;
		line-height: 37px;
	}
	.cont .d{
		overflow: hidden;
		margin-top: 25px;
	}
	.cont .d div{
		float: left;
		/*overflow: hidden;*/
		text-align: center;
		margin-right: 75px;
	}
	.cont .d img{
		width: 140px;
		height: 130px;
		box-shadow: 2px 2px 4px #dddddd;
	}
	.cont div.d p{
		line-height: 24px;
		font-size: 14px;
	}
	.cont form.r{
		width: 354px;
		padding: 29px 28px;
		background: #e6e6e6;
		padding-top: 0;
        margin-right: 40px;
	}
	.cont form.form2{
		background: #fff;
		margin-bottom: 78px;
	}
	.cont form.r label{
		background: #fff;
		border: none;
		border-radius: 6px;
		color: #666666;
		line-height: 50px;
		margin-bottom: 20px;
		border: 1px solid #d9d9d9;
	}
	.cont form.r .ipt1{
		width: 280px;
		line-height: 44px;
        height: 44px;
        padding-left: 20px;
	}
	.cont form.r .ipt{
		width: 250px;
	}
	.cont form.r .lab{
		height: 108px;
	}
	.cont form.r textarea{
		width: 250px;
		height: 90px;
	}
	.cont form.r .ipt2{
		width: 100%;
		border-radius: 6px;
		height: 50px;
		line-height: 50px;
		background: #831f65;
		color: #ffd100;
	}


	.form1{
		width: 357px;
		float: right;
	}
	.form1 h3{
		text-align: center;
		height: 57px;
		line-height: 57px;
		color: #fff;
		font-size: 18px;
		font-weight: normal;
		background: url(/Public/Hanhome/img/b1.png) 0 0 repeat;
	}
	.form1 div{
		background: url(/Public/Hanhome/img/b2.png) 0 0 repeat;
		padding: 35px 30px 50px;
		overflow: hidden;
	}
	.form1 p{
		font-size: 16px;
		color: #666667;
		text-align: center;
	}
	.form1 p span{
		font-size: 24px;
		color: #ff9d0b;
	}
	.form1 label{
		display: block;
		overflow: hidden;
		border: 1px solid #cccccc;
		line-height: 44px;
		height:44px;
		margin-top: 20px;
		font-size: 16px;
	}
	.form1 label span{
		color: #999999;
		padding-left: 20px;
		float: left;
	}
	.form1 .ipt1{
		width: 192px;
		height: 44px;
		line-height: 44px;
		float: left;
	}
	.form1 .ipt2{
		width: 297px;
		height: 46px;
		text-align: center;
		line-height: 46px;
		color: #282828;
		font-size: 18px;
		background: #ffd100;
		display: block;
		margin-top: 20px;
	}
	.form1 .p2{
		margin-top: 25px;
	}
	.form1 .p2 span{
		font-size: 22px;
		color: #ff6a00;
    }
    .form1 textarea { padding-left: 20px;}

	textarea{
        border: none;
        resize: none;  
	}
    .dada-index-footer-wrap {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 15;
        width: 100%;
        height: 64px;
        background-color: rgba(0, 0, 0, 0.7);
    }

    .dada-index-footer {
        position: relative;
        margin: 0 auto;
        width: 1100px;
        height: 100%;
        font-size: 0;
    }

    .dada-index-footer-img {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 226px;
        height: 70px;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
        background-image: url(../images/1to1.png);
    }

    .dada-index-footer-text {
        display: inline-block;
        margin-right: 38px;
        padding-left: 237px;
        vertical-align: middle;
        height: 100%;
        font-size: 20px;
        color: #fff;
        line-height: 64px;
    }

    .dada-index-footer-form {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        line-height: 40px;
        font-size: 16px;
        background-color: #fff;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-height: 40px;
        -ms-height: 40px;
        height: 40px;
        border-radius: 4px;
    }

    .dada-index-footer-form span {
        position: relative;
        display: inline-block;
        width: 83px;
        text-align: center;
        cursor: pointer;
    }

    .dada-index-footer-form input {
        padding-left: 10px;
        width: 200px;
        border: 0;
        -moz-border-radius: 4px 0 0 4px;
        -webkit-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px;
        height: 40px;
    }

    .btn-red-noshadow, .btn-red {
        text-align: center;
        background-color: #ebdc0f;
        border: 0;
        color: #831f65;
        cursor: pointer;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .dada-index-footer-form button {
        margin-right: -1px;
        width: 156px;
        -moz-border-radius: 0 4px 4px 0;
        -webkit-border-radius: 0 4px 4px 0;
        border-radius: 0 4px 4px 0;
    }

    input, button, select, textarea {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
        outline: none;
    }
    .shade-bg { background:rgba(0,0,0, .5); position:fixed;  width:100%; height:100%; top:0px; left:0px; z-index:990; display:none;  }

.wk-con { position:fixed; left:0;  z-index:999; top:-600px; height:600px; width:100%; background:#ffffff; z-index:999; }

/*.wk-con .hy-td, .wk-con2 .hy-td { line-height:40px;}*/

.ck-close { position:absolute; top:50px; right:50px; width:44px; height:44px; background:url(../images/close.png) no-repeat;  cursor:pointer; transition: all 200ms ease-in 0s; -webkit-transition: all 200ms ease-in 0s; -ms-transition: all 200ms ease-in 0s;}

.ck-close:hover { transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);}
.tanc-boxx { position: relative; height: 600px;}
.tanc-boxx .cont { position: absolute; top: 0; left: 50%; margin-left: -600px; }
.sss .cont { position: fixed;  z-index: 10000;   }
.add-ad2 img{
    margin-top: 50px;
    margin-bottom: 20px;
}

.go-top {
	position: fixed;
	right: -120px;
	bottom: 100px;
	z-index: 99;
	cursor: pointer;
	transition: all 0.3s;
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
    border-radius: 50%;
}
.go-top img{
    display: block;
}

.weixin:hover .weixinImg{
    left: -130px;
}
.weixin .weixinImg{
    position: absolute;
    top: 0;
    left: 130px;
    display: block;
    width: 130px;
    transition: all .3s;
}
.weixin .weixinImg img{
    display: block;
    width: 130px;
    margin: 0;
}