body,div,dl,dt,h1,h2,h3,ul,ol,li,p,form,input,textarea,cite,span,strong { margin:0; padding:0; }
body { font-family:'Microsoft YaHei','Arial','Helvetica','sans-serif'; font-size:12px; color:#333; }
body { background: #fff; }
li { list-style-type: none; }
ul,ol { list-style:none outside none; }
legend { display:none; }
fieldset,img { border:none; vertical-align:middle;}
input,button,select,textarea { outline:none; font-family:'Microsoft YaHei','Arial','Helvetica','sans-serif'; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
table,tr,th,td,font { font-size: 12px; }
h1 { font-size: 18px; }
h2 { font-size: 24px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }
h5 { font-size: 10px; }
h6 { font-size: 8px; }
input,textarea{ outline:none; }
a{ text-decoration:none!important; font-size:18px; color:#333; }
img { border: medium none;}
.clear:after { visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0; }
.clear {*zoom:1;}
.clear:after { content:".";display:block;height:0;clear:both;visibility:hidden; }
.clear { *height:1%; }


#header {width:100%;height: 172px;background: url(../images/top_nav_bg.png) center;position:absolute;z-index:99999;top:0;left: 0;min-width: 1348px;}
.top-wrap {width:100%;height: 121px;background: #314d7f;min-width: 1348px;}
.top-wrap-box {width:1311px;height: 111px;margin:0 auto;}
.logo {float: left;width:396px;height:74px;margin-top: 21px;}
.top-search {float:right;height:45px;margin-top: 53px;}
.top-search-box {width: 153px;height:30px;position:relative;z-index: 1;}
.top-search-box input.top-keywords {text-indent: 23px;width: 145px;height:30px;border:0;border-radius: 50px;color:#666;font-size: 12px;}
.top-search-box input.top-submit { position: absolute; top: 8px; right: 17px; width:16px; height:16px; cursor: pointer; border:0; background:url(../images/ss.png) no-repeat; }


.nav { width:100%; height:50px; background:url(../images/nav-bg.png); border-top:3px solid #314d7f; }
.nav-box { width:1350px; height:50px; margin: 0 auto;  }
.nav ul { height:50px; }
.nav ul li {float:left;position:relative;width: 133px;height:45px;margin-top: 2px;}
.nav ul li a {font-size: 16px;text-align: center;color: #000;width:120px;height:45px;line-height:45px;display: inline-block;font-weight: bold;}
.nav ul li a.active { background:#314d7f; color:#fff; }
.nav ul li ul { z-index:99999999; width:122px; padding-top: 13px; padding-bottom: 13px; position: absolute; height: auto !important; height: 10px; min-height: 10px; background:#314d7f; top: 46px; left: -1px; display:none; }
.nav ul li ul li { float: left; width:120px; height:30px; }
.nav ul li ul li a { width:120px; height:36px; line-height:36px; text-align: center; font-size: 15px; display: inline-block; color: #fcfdfd;  }
.nav ul li ul li a.active,.nav ul li ul li a:hover { font-size: 15px; width:120px; color: #f3b32a; height:36px; line-height:36px; }



#banner { position: relative; z-index: 1; overflow: hidden; width:100%; height: 574px; margin-top: 149px;}
#banner ul { }
#banner ul li { position: absolute; z-index: 2; }
#banner ul li img { position: relative; height:780px; }

#banner .banner-pageing { width: 100%; position:absolute; z-index: 222; bottom: 35px; text-align: center;  }
#banner .banner-pageing a { cursor: pointer; border-radius: 50px; background: #fefeff; margin-right: 10px; width:16px; height:16px; display:inline-block; }
#banner .banner-pageing a.active,#banner .banner-pageing a:hover { background:#314d7f; width:16px; height:16px; }

.cat-title { width:1200px; height:84px; margin: 47px auto 43px auto; position: relative; }
.cat-title span { float:left; width:1200px; border-bottom: 1px solid #ccc; margin-top: 35px; }
.cat-title strong.cc { position:absolute; top: 0; left: 484px; width:228px; height:84px; display:inline-block;  background: url(../images/news-title.jpg) no-repeat center; }
.cat-title strong.dd { position:absolute; top: 0; left: 484px; width:228px; height:84px; display:inline-block;  background: url(../images/notice-title.png) no-repeat center; }

.college-news { width:1200px; margin: 0 auto; }
.college-news ul li { height: 339px; width: 384px; float: left; margin-right: 24px; background: #f3f3f3; }
.college-news ul li.cc { margin-right:0; float:right; }
.college-news img { width:384px; height: 175px; }
.college-news-l { float: left; width:96px; height: 146px;  margin-top: 18px; }
.college-news-l strong { font-weight: normal; }
.college-news-l em { font-style:normal; }

.coll-news-time { margin-left: 14px; width:65px; height: 65px; display: inline-block; border-radius: 10px; color:#fff; background:#f3b32a; }
.time-color-a { background:#8467f0; }
.time-color-b { background:#19c8e7; }
.coll-news-time strong { font-size: 24px; margin-top: 5px; text-align: center; display: block; }
.coll-news-time em { display: block; text-align: center; }
.coll-news-more { margin-top:39px; }
.coll-news-more a { margin-left: 14px; width:20px; height:20px; display:inline-block;  }
.coll-news-more a:hover { opacity:0.8; }

.college-news-r { float: left; width:264px; height: 146px;  margin-top: 18px; }

.college-art-title { margin-bottom:25px; float: left; position:relative; }
.college-art-title em { position: absolute; top: 29px; left:0; font-style:normal; width: 19px; height: 2px; background:#314d7f; }
.college-art-title a { font-weight: bold; font-size: 16px; color:#333; }
.college-art-title a:hover { color:#314d7f; }

.college-article-intro { color: #888; line-height: 24px; }

.find-nav { width:100%; height:227px; background: #314d7f; background-size:100%; }

.find-nav-box { width:1200px; height:227px; margin: 0 auto; position:relative; z-index:1; }
.find-nav-box .find-nav-icon { top: 0; left:-80px; width:133px; height:84px; position:absolute; z-index:99; background:url(../images/find-nav.png) no-repeat; }

.find-nav-box ul { float: left; margin-left:30px; margin-top: 60px; }
.find-nav-box ul li { float:left; margin-right: 85px; }
.find-nav-box ul li.cc { float: right; margin-right: 0; }
.find-nav-box ul li a { width:63px; }

.find-nav-box ul li a .find-title { margin-top:20px; font-size:14px; color:#fff; display: block; text-align: center; }
.find-nav-box ul li a.active .find-title { color: #f3b32a; font-weight: bold; }
.find-nav-box ul li a .find-icon { width:63px; height: 70px; display: block; }
.find-nav-box ul li a .find-icon-1 { background: url(../images/find/1.png) no-repeat center; }
.find-nav-box ul li a .find-icon-2 { background: url(../images/find/2.png) no-repeat center; }
.find-nav-box ul li a .find-icon-3 { background: url(../images/find/3.png) no-repeat center; }
.find-nav-box ul li a .find-icon-4 { background: url(../images/find/4.png) no-repeat center; }
.find-nav-box ul li a .find-icon-5 { background: url(../images/find/5.png) no-repeat center; }
.find-nav-box ul li a .find-icon-6 { background: url(../images/find/6.png) no-repeat center; }
.find-nav-box ul li a .find-icon-7 { background: url(../images/find/7.png) no-repeat center; }
.find-nav-box ul li a .find-icon-8 { background: url(../images/find/8.png) no-repeat center; }

.find-nav-box ul li a.active .find-icon-1 { background: url(../images/find/1-active.png) no-repeat center; }
.find-nav-box ul li a.active .find-icon-2 { background: url(../images/find/2-active.png) no-repeat center; }
.find-nav-box ul li a.active .find-icon-3 { background: url(../images/find/3-active.png) no-repeat center; }
.find-nav-box ul li a.active .find-icon-4 { background: url(../images/find/4-active.png) no-repeat center; }
.find-nav-box ul li a.active .find-icon-5 { background: url(../images/find/5-active.png) no-repeat center; }
.find-nav-box ul li a.active .find-icon-6 { background: url(../images/find/6-active.png) no-repeat center; }
.find-nav-box ul li a.active .find-icon-7 { background: url(../images/find/7-active.png) no-repeat center; }
.find-nav-box ul li a.active .find-icon-8 { background: url(../images/find/8-active.png) no-repeat center; }

.notice-box { width:1200px; height: auto !important; height: 100px; min-height: 100px; margin: 0 auto; }
.notice-box li { width:600px; height:100px; float:left; margin-bottom: 45px; }
.notice-list { float:left; background: #f8f8f8;  height: 100px; margin-left: 50px;}
.notice-box li em { font-style: normal; }
.notice-box li strong { font-weight: normal; }

.notice-box-l { float:left; margin-right: 14px; }
.notice-box-l span { position: relative; display: inline-block; width: 89px; height: 93px; margin-left: 4px; margin-top: 3px; background-color: #f3b32a}
.notice-box-l span strong {     position: absolute;top: 13px;color: #314d7f;left: 13px;border-bottom: solid 2px #ffff; font-size: 26px; }
.notice-box-l span em { position: absolute; right: 8px; bottom: 16px; color: #fff; }

.notice-box-r { float:left; width:259px; margin-top: 15px; }
.notice-box-r .notice-title { display: block; margin-bottom: 8px; }
.notice-box-r .notice-title a { font-weight: bold; font-size: 16px; color:#757575; }
.notice-box-r .notice-title a:hover { color:#314d7f; }
.notice-box-r .notice-info { line-height: 20px; }
.notice-box-r .notice-info { display: block; color: #888; }
.notice-box .r { }

.elegant-box {      margin: 0px auto 0 auto;
    width: 100%;
    height: auto !important;
   
}

.tzggl{
margin: 0px auto 0 auto;
    width: 1200px;
   
    height:790px;
    min-height: 100px; 

}

.elegant-l,.elegant-m,elegant-r { float: left; position: relative; z-index: 1; }
.elegant-l  { margin-right: 15px; }
.elegant-l-a { margin-bottom:15px; }
.elegant-l-a .ww { margin-right: 15px; float:left; width: 230px; height: 170px; }
.elegant-l-a .www { float:left; width: 230px; height: 170px; }
.elegant-l-a .ww img,.elegant-l-a .www img { width: 230px; height: 170px; }
.elegant-l-a .ee { float: left;  }
.elegant-l-a .ee img { width:475px; height:180px; }
.elegant-m .ff img { width:466px; height:365px; }
.elegant-r { width:230px; float: right; }
.elegant-r .gg img { width:230px; height:170px; }
.elegant-r .hh img { width:230px; height:180px; }
.elegant-r .gg { margin-bottom: 15px; }
.elegant-m { margin-right:13px; }

.elegant-l .ww,
.elegant-l .www,
.elegant-l .ee,
.elegant-m .ff,
.elegant-r .gg,
.elegant-r .hh { position: relative; z-index: 1; }
.elegant-layer { display: none; position: absolute; z-index: 2; width: 100%; height: 100%; background: url(../images/elegant-layer.png) center; }
.elegant-layer a { position: absolute; z-index: 3; display:block; width: 100%; height: 100%; }

.elegant-layer { text-align: center; }
.elegant-title-ll { font-size: 30px; color:#fff; margin-top: 120px; }
.elegant-time { font-size:14px; color:#fff; margin-top: 15px; }
.elegant-line-box { margin-top: 5px; text-align: center; }
.l-line { width:130px; height:1px; display: inline-block; background:#fff; }
.m-spot { margin: 0 3px; width:8px; height: 8px; display: inline-block; background: #fff; border-radius: 5px; position: relative; top: 3px; }
.r-line { width:130px; height: 1px; display: inline-block; background: #fff; }

.elegant-l .ww .elegant-title-ll { font-size: 20px; margin-top: 40px; }
.elegant-l .ww .l-line { width:80px; }
.elegant-l .ww .r-line { width:80px; }

.elegant-l .www .elegant-title-ll { font-size: 20px; margin-top: 40px; }
.elegant-l .www .l-line { width:80px; }
.elegant-l .www .r-line { width:80px; }

.elegant-l .ee .elegant-title-ll { font-size: 20px; margin-top: 40px; }
.elegant-l .ee .l-line { width:120px; }
.elegant-l .ee .r-line { width:120px; }

.elegant-r .gg .elegant-title-ll { font-size: 20px; margin-top: 40px; }
.elegant-r .gg .l-line { width:80px; }
.elegant-r .gg .r-line { width:80px; }

.elegant-r .hh .elegant-title-ll { font-size: 20px; margin-top: 40px; }
.elegant-r .hh .l-line { width:80px; }
.elegant-r .hh .r-line { width:80px; }

#footer {position:relative;overflow: hidden;width:100%;height: 323px;background:#314d7f;margin-top: 30px;}
.footer-icon { height: 65px; border-bottom: 1px solid #971610; }
.footer-icon-box { width:1200px; height: 65px; margin: 0 auto; }
.footer-icon-box a.footer-icon-btn { margin-top: 7px; margin-right: 16px; display: block; width: 42px; height: 42px; float: left; }
.footer-icon-box a:hover { opacity:0.8; }
.footer-icon-1 { background: url(../images/icon/footer-icon-1.png) no-repeat; }
.footer-icon-2 { background: url(../images/icon/footer-icon-2.png) no-repeat; }
.footer-icon-3 { background: url(../images/icon/footer-icon-3.png) no-repeat; }
.footer-icon-4 { background: url(../images/icon/footer-icon-4.png) no-repeat; }
.footer-icon-5 { background: url(../images/icon/footer-icon-5.png) no-repeat; }
.footer-icon-6 { background: url(../images/icon/footer-icon-6.png) no-repeat; }
.footer-icon-7 { background: url(../images/icon/footer-icon-7.png) no-repeat; }

.footer-bg {position:relative;z-index: 1;width:1200px;margin:0 auto;height: 262px;}
.footer-bg span { position: absolute; top: 10px; left: 960px; width: 371px; height:371px; display:block; }
.footer-lay {width: 100%;top: 34px;position: absolute;z-index: 2;}

.footer-menu {width:100%;height: 259px;}
.footer-menu-wrap { width:1200px; height:284px; margin:0 auto; }

.footer-l-menu {float:left;width: 587px;}
.footer-l-menu ul { float:left; width:195px; }
.footer-l-menu ul li { float:left; width:195px; line-height: 30px;  }
.footer-l-menu ul li a { font-size:14px; color:#f3b32a; }
.footer-l-menu ul li a:hover { color: #fff; }

.footer-r-menu {float:left;width: 413px;}
.footer-r-menu .footer-r-o { float:left; width:490px; }
.footer-r-menu .footer-r-o li {float:left;width: 259px;line-height: 30px;}

.footer-r-menu .footer-r-t { float:left; width:195px; }
.footer-r-menu .footer-r-t li { float:left; width:195px; line-height: 30px;  }

.footer-r-menu .footer-r-tt { float:left; width:125px; }
.footer-r-menu .footer-r-tt li { float:left; width:125px; line-height: 30px;  }

.footer-r-menu li a {height: 32px;
    line-height: 34px;
    color: #ffffff;
    font-size: 15px;}
.footer-r-menu li a:hover { color: #fff; }

/*二维码*/
.footer-rr-menu { float:left; width: 200px; }
.footer-rr-menu .footer-r-o { float:left; width:150px; }
.footer-rr-menu .footer-r-o li { float:left; width:180px; line-height: 30px;  }

.footer-rr-menu .footer-r-t { float:left; width:195px; }
.footer-rr-menu .footer-r-t li { float:left; width:195px; line-height: 30px;  }

.footer-rr-menu .footer-r-tt { float:left; width:125px; }
.footer-rr-menu .footer-r-tt li { float:left; width:125px; line-height: 30px;  }

.footer-rr-menu li a {height: 32px;
    line-height: 34px;
    color: #f3b32a;
    font-size: 15px;}
.footer-rr-menu li a:hover { color: #fff; }


.footer-menu-titles { font-size:18px; color: #fff; margin-top: 20px; position: relative; margin-bottom: 30px; }
.footer-menu-titles strong { display: inline; left: 0; top: 28px; position: absolute; font-weight: normal; background: #f3b32a; width: 19px; height: 2px; }

.copyright {height: 32px;
    line-height: 34px;
    color: #ffffff; font-size: 15px;}


/*页面主体部分*/
.mainWrap{ width: 100%; height: auto; min-width: 1200px; }
.main{ height: auto; width:1200px; margin:0 auto;}
.mainL{ width: 790px;}
/**/
.mainTop{ width: 100%; height: auto;}
/*内页banner*/
.list-banner{width:100%; height:460px; text-align:center; overflow:hidden;}
.left{width:260px; margin-top:-60px;  position:relative; z-index:100; float:left;}
.right{width:870px; margin-top:20px; float:right;}
.lmcc{background:#314d7f; height:100px; line-height:100px; color:#fff;text-align:center; width:250px; font-size:28px; letter-spacing:1px;}
.left-list{background:#ededed; padding-bottom:200px; padding-top:15px; padding-left:10px; width:250px;}
.left-list li{width:250px; height:46px; line-height:46px; font-size:16px;}
.left-list li a{display:block; font-size:16px; padding-left:20px; float:left; width:230px; height:46px; margin-bottom:10px; line-height:46px; color:#333; float:left;}
.left-list li a:hover,.left-current{background:#fff!important; color:#f3b32a!important;}
.local{width:100%; height:60px; line-height:60px; border-bottom:1px solid #cecece;}
.local h3{color:#484848; margin:0; font-size:24px; font-weight:bold; float:left;}
.dqwz{float:right; color:#333; font-size:12px; background:url(../images/pic4.png) no-repeat left center; padding-left:16px; font-family:'宋体'}
.dqwz a{color:#333; line-height:70px; padding:0 6px;}

.content,.jj,.list,.pic-list{width:100%; margin:20px 0; min-height:560px;}
.content-title{width:100%; margin:20px 0; text-align:center;}
.content-title h3{width:100%; float:left; display:block; font-size:24px; color:#333; line-height:36px; margin:0;}
.content-title i{margin-top:6px; width:100%; font-style:normal; float:left; display:block; font-size:12px; line-height:24px;color:#666;}
.content-con p,.jj p{display:block; width:100%; line-height:36px; color:#333; font-size:15px; text-indent:2em; margin-bottom:15px;}
.content-sxt{margin-top:30px; border-top:1px solid #e3e3e3; padding-top:15px; line-height:30px; font-size:13px; width:100%;}
.content-sxt a{display:block; width:100%; color:#333; font-size:14px;}
.content-con{font-size: 18px;line-height: 40px;text-indent: 32px;color: #333;}
.list,.pic{width:870px; margin:20px 0;}
.list li a{ width: 718px;  font-size: 15px; color: #000; display: block; float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.list li i{ width:130px; font-style:normal; text-align: right; display: block; float: right; font-size: 12px; color: #666;}
.list li a:hover{color: #314d7f;}
.dqwz a:hover{color: #89211b;}

.pic li{width:260px; margin-right:45px; float:left; margin-bottom:30px; margin-top:10px;}
.img{width:100%; height:170px; overflow:hidden;}
.img img{width:100%; height:100%;}
.pic li .txt{width:100%; height:36px; line-height:36px; margin-top:10px; color:#333; font-size:14px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


/*通知公告*/
.xyText{ width: 372px; height: auto; float: right;}
.textList{  width: 100%; height: auto; overflow: hidden;}
.textList li,.list li{ width: 100%; height: auto; float: left; height: 36px; line-height: 36px;}
.textList li a{ width: 274px; padding-left: 18px;  font-size: 14px; color: #000; display: block; float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.textList li span{ width: 80px; text-align: right; display: block; float: right; font-size: 12px; color: #666;}
.textList li a:hover{  color: #0068b1;}
.title{position: relative; margin-top: 22px; margin-bottom: 30px; padding-left: 62px; border-bottom: 1px solid #0b6fc1; height: 34px; line-height: 34px;}
.title span{ font-size: 22px; color: #333333;}
.title em{ margin-left: 3px; font-size: 14px; color: #999;}
.title i{ position: absolute; left: 0; top: 3px; display: block; width: 153px; height: 35px;}



.container {
    width: 1200px;
    margin: 0px auto !important;
}



/*学院新闻*/
.part-1{
    background-color: #fff;
    padding-top: 50px;
    padding-bottom: 60px;
}
.tit-a{
    
}
.tit-a .big-tit{
    height: 35px;
    line-height: 35px;
    color: #0f1743;
    font-size: 28px;
    font-weight: bold;
}
.tit-a .small-tit{
    height: 26px;
    line-height: 26px;
    font-size: 20px;
    color: #333333;
    font-weight: bold;
}
.tit-a .small-tit i{
    padding: 0 9px;
  
}
.tit-a .link-more-a{
   
    width: 24px;
    height: 24px;
    display: block;
    top: 24px;
    right: 0;
}
.tit-b{
    width: 584px;
}
.tit-b .big-tit{
    height: 35px;
    line-height: 35px;
    color: #0f1743;
    font-size: 28px;
    font-weight: bold;
    text-align: left;
}
.tit-b .small-tit{
    height: 26px;
    line-height: 26px;
    font-size: 20px;
    color: #333333;
    font-weight: bold;
    text-align: left;
}
.tit-b .small-tit i{
   
}
.tit-b .link-more-a{
   
    width: 24px;
    height: 24px;
    display: block;
    top: 24px;
    right: 0;
}

.picScroll-left{ margin-top: 30px;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center; width: 275px; margin-right: 33px;}
.picScroll-left .bd ul li .pic{width: 275px; height: 206px; display: block; margin: 0 auto;}
.picScroll-left .bd ul li .brief{width: 275px;  border: 1px solid #d9d9d9; border-top: none; padding: 20px 15px;height: 300px; }
.picScroll-left .bd ul li a:hover .brief{
    border: none; border-top: 4px solid #df8d23; background-color: #2267a7; 
}
.picScroll-left .bd ul li .brief p{
    padding-top: 3px;
    line-height: 22px;
        height:48px;
    color: #444444;
    font-size: 16px;
    text-align: left;
}
.picScroll-left .bd ul li a:hover .brief p{
    padding-top: 0px;
    color: #ffffff;
}

.picScroll-left .bd ul li a:hover .brief .data{
    color: #ffffff;
}
.container {
    width: 1200px;
    margin: 0px auto !important;
}
.part-1{
    background-color: #fff;
    padding-top: 50px;
    padding-bottom: 60px;
}
.pr {
    position: relative;
}


.picScroll-left{ margin-top: 30px;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center; width: 275px; margin-right: 33px;}
.picScroll-left .bd ul li .pic{width: 275px; height: 206px; display: block; margin: 0 auto;}
.picScroll-left .bd ul li .brief{width: 275px;  border: 1px solid #d9d9d9; border-top: none; padding: 7px 10px;height: 129px; }
.picScroll-left .bd ul li a:hover .brief{
    border: none; border-top: 4px solid #f3b32a; background-color: #314d7f; 
}
.picScroll-left .bd ul li .brief p{
    padding-top: 3px;
    line-height: 22px;
        height:48px;
    color: #444444;
    font-size: 16px;
    text-align: left;
}
.picScroll-left .bd ul li a:hover .brief p{
    padding-top: 0px;
    color: #ffffff;
}

.picScroll-left .bd ul li a:hover .brief .data{
    color: #ffffff;
}

.data{
    width: 120px;
    height: 20px;
    line-height: 20px;
    margin: 20px auto 0;
    display: inline-block;
    font-size: 13px;
    color: #888888;
}
.data i{
    padding: 0px 10px;
  
    margin-right: 10px;
}

.l-line{ display: block; width: 49px; height: 1px; background-color: #d9d9d9; bottom: 28px; left: 20px;}
.r-line{ display: block; width: 49px; height: 1px; background-color: #d9d9d9; bottom: 28px; right: 20px;}
.picScroll-left .next,.picScroll-left .prev{
    position: absolute;
    width: 16px;
    height: 28px;
    display: block;
    top: 155px;
}
.picScroll-left .next{
    
    right: -62px;
}
.picScroll-left .prev{
    left: -62px;
   
}
.picScroll-left .next:hover{
    
}
.picScroll-left .prev:hover{
   
}
* {
    outline: none;
    outline-style: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased !important;
    -moz-font-smoothing: antialiased !important;
    -o-font-smoothing: antialiased !important;
    -ms-font-smoothing: antialiased !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}


.f-link {
    display: inline-block;
    width: 280px;
    vertical-align: middle;
    padding-top: 20px;
    z-index: 999999999;
}
.f-link>div{
    position: relative;
    width: 100%;
    border: 1px solid #8baacc;
    z-index: 9999999;
}

.f-link>div>p{
    font-size: 14px;
    line-height: 38px;
    color: #ffffff;
    position: relative;
    padding-left: 10px;
    padding-right: 35px;
}
.f-link>div>p>img{
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.f-link>div ul {
    position: absolute;
    display: none;
    bottom: 100%;
    left: 0;
    right: 0;
    border: 1px solid #fff;
    border: 1px solid rgba(255, 255, 255, 0.73);
    background: #fff;
    padding: 10px 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    z-index: 999999999999999;
    max-height: 128px;
    overflow-y: auto;
}

.f-link>div ul li a {
    display: block;
    padding: 0 10px;
    font-size: 14px;
    line-height: 32px;
    color: #333;
}

.f-link>div ul li a:hover {
    background: #314d7f;
    color: #fff;
}

.f-link>div:hover ul {
    display: block;
}