@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: Aleo;
	src: url(font/Aleo-Bold-webfont.eot);
	src: format("embedded-opentype"), url(font/Aleo-Bold-webfont.woff) format("woff"), url(font/Aleo-bold-webfont.ttf) format("truetype"), url(font/Aleo-Bold-webfont.svg#aleobold) format("svg");
	font-weight: 700;
	font-style: normal
}
@keyframes bouncing{
	0% {
	    bottom: 0;
	}
	50% {
	    bottom: 10px;
	}
	100% {
	    bottom: 0;
	}
}

.top{position: fixed;background: #e8ebf0;height:48px;width: 100%;padding-right: 25px;top: 0;left: 0;z-index: 99;}
.weather{ float: left;width: 140px;overflow: hidden;}
.wea-more i{ display: none !important;}
.topright{ float: right;}
.topright li{ float: right;padding: 5px 0; margin-left:10px;}
.topright li a{ display:block;padding:0 7px; height: 36px; line-height: 36px; background: #002957; color: #fff; font-size: 18px; text-align: center; position: relative;cursor: pointer;}
.topright li a .sheet-title{ font-size: 18px; margin-left: 5px; display: none;}
.topright li a svg{ vertical-align: text-bottom;}
.topright li a img{vertical-align: text-top;margin-top: 1px;}


.container-fluid{ width:100%; position: fixed; top: 48px;background:rgba(0, 0, 0, 0.5);z-index: 10; height: 100%; display: none; }
.jybar{position: relative; background: #fff;margin: 15px;padding:0 1rem; height: 232px;}
.jybar .ht{ height: 55px; line-height: 55px; border-bottom: 1px solid #aaa;}
.jybar .ht .colt{ float: left; font-size: 26px;}
.jybar .ht .colc{ float:right; cursor: pointer;}
.jybar .serachinput{ text-align: center; padding-top: 50px;}
.jybar .serachinput .input-group{ width: 500px; margin:0 auto; border-bottom: 2px solid #000; ;}
.jybar .serachinput .input-group:after{visibility:hidden; display:block; content:""; clear:both}
.jybar .serachinput .input-group .text_input{    display: block;height: calc(1.5em + .75rem + 2px); padding: .375rem .75rem;    font-size:18px;    font-weight: 400;line-height: 1.5;    background: transparent; width:80%; float: left;color: #000;}
.jybar .serachinput .input-group .input-group-append{ float: right; width:15%; padding-top:10px;text-align: right;}
.input-group-append span{ cursor: pointer;}
.input-group-append span.btn-search input{ width:23px; height:24px; background: url(../images/ssico.png) no-repeat;vertical-align: middle;    cursor: pointer;}
.input-group-append span img{ vertical-align:middle; margin:0 3px}

/*日历*/
.hsbg{width:100%; position: fixed; top: 48px;background:rgba(0, 0, 0, 0.1);z-index: 10; height: 100%; display: none; }
.calendar{position: fixed; right: 10px; top:48px; width: 360px; height: 430px;z-index: 10;-moz-box-shadow:0px 1px 5px #cccccc; -webkit-box-shadow:0px 1px 5px #cccccc; box-shadow:0px 1px 5px #cccccc; background: #fff;}




.header{width:100%;height: 80px;position: fixed;top: 48px;left: 0;z-index:7;background: #fff;}
.header.fade{-moz-box-shadow:0 0 10px rgb(0 0 0 / 50%); -webkit-box-shadow:0 0 10px rgb(0 0 0 / 50%);box-shadow:0 0 10px rgb(0 0 0 / 50%);}
.head{ margin:0 auto;padding: 0 25px;}
.logo{ float:left; padding:10px 0;transition: .3s; width: 25%;}
.logo img{ display:inline-block;vertical-align:middle}
.logo span{ display:inline-block; margin-left:15px; padding-left:15px; border-left:1px solid #fff; vertical-align:middle; color:#fff; font-size:28px;}

.search{ float:right; padding-left:20px; position:relative;}
.search img.ssicon{ cursor:pointer;margin-top:8px;margin-right: 6px; float:right}
.search .form{ float:right;border-radius: 15px; overflow:hidden;border: 0px solid #fff; width:0; height:28px; margin-right:5px}
.search .form input{width:113px;height: 28px;line-height: 28px; border:0; outline: 0; background: none;color: #fff;font-size: 12px;padding-left:12px;overflow: hidden;border-radius: 15px;}
.search .form .search-btn{ width:35px; height:26px; float:right;padding-top:2px; cursor:pointer;}
.search .form button{width:35px; height:26px; float:right;cursor:pointer; background:transparent;}

	
.headr{ float:right; }	
.head-links{ position:relative; float: right;}
.head-links a{display:block;font-size: 15px;  color:#002957;border-bottom: 2px solid #f1563f; margin:29px 0; margin-right: 15px; }
.menu-button{ float: right; width:60px; height: 80px; padding:0 10px;cursor: pointer;}
.menu_icon{ width:35px; height: 50px; display: block;position: relative; margin:12px auto; }
.menu_icon span:first-child{ width: 100%; height: 11%; position: absolute; top: 20%;background: #002957;}
.menu_icon span:nth-child(2){width: 100%; height: 11%; position: absolute; top:45%;background: #002957;}
.menu_icon span.short{width: 50%; height: 11%; position: absolute; top:70%;background: #002957;}

/*弹出导航*/
.zk_meun{ width: 100%; top: 48px; background: #fff; position: fixed; left: 0; height: 100%; z-index: 10; display: none;}
.colsebtn{ height: 50px; text-align: right;    padding: 0 30px;padding-top:25px; cursor: pointer;}
.tc_nav{ display: block; padding: 20px;}
.tc_nav li{ float: left; width:12%; font-size: 23px; font-weight: bold; height:75px;line-height:75px;margin: 0 1%; border-bottom: 1px solid #ff4c31; text-align: left; }
.tc_nav li ul li{ float: none; width: 100%;font-size: 22px;font-weight: normal;    margin: 0;}
.tc_nav li a{ color: #002957; display: block; padding-left: 10px; }
.tc_nav li a:hover{ background: #002957; color: #fff;}


/*导航*/
.nav{float:left; height: 80px;     width:1200px; }
.nav li{ float:left; line-height:80px;width: 103px; margin: 0 23px; position:relative;font-size:16px;}
.nav li a{color:#002957; line-height: 45px;display: inline-block;}
.nav li a:hover{border-bottom:2px solid #f1563f; color:#f1563f ;}
.nav li ul{ position: absolute;
    left: 0;
    top: 62px;
    display: none;
    width: 119px;
    /* min-width: 160px; */
    z-index: 999;
    border-top: 2px solid #f1563f;
    -moz-box-shadow: 2px 2px 5px #333333;
    -webkit-box-shadow: 2px 2px 5px #333333;
    box-shadow: 2px 2px 5px #333333;}
.nav li ul li{ float: none;
    background: #fff;
    font-size: 14px;
    text-align: left;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 15px;
    cursor: pointer;
    line-height: 50px;
    width: 119px;
    margin: 0;}
.nav li ul li:last-child{ border-bottom: 0;}
.nav li ul li:hover{background:#f1563f;}
.nav li ul li:hover a{ color: #fff;}


/*banner*/
.bannerbox{width:100%;height:638px;overflow: hidden;position:relative;margin-top: 128px;}
.jbbg{ background:rgba(0, 0, 0, 0.24); position:absolute; top:0; width:100%; height:100%; z-index:5}
.banner{width:100%;height:638px;overflow: hidden; position:relative}
.banner .slick-slide img{ width:100%;height:638px;}
.banner .slick-dots{ position:absolute;right:60px; top:50%; margin-top:-150px;}
.banner .slick-dots li{margin:24px 0;position:relative}
.banner .slick-dots li button{font-size:20px; background:transparent; color:#fff; cursor:pointer;}
.banner .slick-dots li.slick-active button{font-size:28px; font-style:italic; position:relative}
.banner .slick-dots li.slick-active{padding-bottom:75px;}
.banner .slick-dots li.slick-active:after{ position:absolute; top:36px;left:50%; width:1px; height:70px; background:#fff; display:block;content: "";}
.banner button{position:absolute;top:48%;width:60px;height:60px;background: url(../images/sn.png) no-repeat;font-size:0;z-index: 6;cursor:pointer;}
.banner .slick-next{right: 5%; background-position:0px 0px}
.banner .slick-prev{left: 5%; background-position:-68px 0px}
.banner .slick-next:hover{background-position:0px -64px}
.banner .slick-prev:hover{ background-position:-68px -64px}

.textbox{position:absolute;top: 40%;z-index: 5;width: 100%;}
.text_b{width: 80%; margin: 0 auto; }
.text_b h1{font-family:Aleo, serif;font-size:72px;text-align: center; color: #fff; font-weight: 700; text-transform: uppercase;}
.text_b h1 i{ color: #f1563f;}
.text_b p{margin:1% auto 4.5%;text-align: center;font-family: "Lato", sans-serif;color: #FFF;font-size: 1.8rem;font-weight: bold;text-transform: uppercase;}

.jtdh{left: 50%;margin-left: -25px;margin-bottom: 20px;position: absolute; width: 50px; bottom: 25px; z-index: 9;}

img.video-arrow{animation: bouncing 1s infinite ease-in-out;left: 50%;margin-left: -25px;margin-bottom: 20px;position: absolute; width: 50px; bottom: 25px; z-index:5;}

.row_one{ width:100%; background:#e6f2ff; height:393px;}
.rowbox{width:1500px; margin:0 auto;}
.rowbox:after,.titbox:after{visibility:hidden; display:block; content:""; clear:both}


.row_two{ width:100%;}
/*学院新闻*/
.college_news{margin:70px 0 50px 0;}
.tit{ margin-bottom:50px; text-align:center; position:relative}
.tit h1{ font-size:36px;color:#002957; display:inline-block; padding:0 15px 10px 15px;position:relative}
.tit .Subtitle{ text-align:center; color:#828282; line-height:40px;}
.tit .more{ position:absolute; right:0; bottom:0; color:#666; padding-right:10px; background:url(../images/xsj.png) right center no-repeat #fff;}
.picnews{ width: 100%; background: #fff;-moz-box-shadow:0px 2px 8px #dadada; -webkit-box-shadow:0px 2px 8px #dadada; box-shadow:0px 2px 8px #dadada }
.picnews .pic_l{ float: left; width: 906px; height: 500px; overflow: hidden;}
.picnews .pic_l img{ width: 100%;height: 500px;-moz-transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out; cursor: pointer;}
.picnews:hover{-moz-box-shadow:3px 3px 11px #828282; -webkit-box-shadow:3px 3px 11px #828282; box-shadow:3px 3px 11px #828282; }
.picnews:hover img{transform:scale(1.02);}
.picnews .newtext{ float: right; padding: 35px; width: 594px;height: 500px;}
.picnews .newtext span{ font-size: 20px; color: #f1563f; display: block;}
.picnews .newtext h1{ font-size: 32px; color: #002957; margin-top: 15px; }
.picnews .newtext h1 a{color: #002957; cursor: pointer;}
.picnews:hover .newtext h1 a{ color: #0074bc;}
.picnews .newtext span.date{ font-size: 18px; margin: 40px 0; }
.picnews .newtext p{ font-size: 16px; color: #666; line-height: 30px;}
.newlist{margin-top:35px; }
.newlist:after{visibility:hidden; display:block; content:""; clear:both}
.newlist li{ float:left;}
.newlist .tplist{ width:415px; margin-left:27px; margin-bottom:20px}
.newlist .tplist:first-child{margin-left:0}
.newlist .tplist .pic{ width:100%; height:276px; overflow:hidden;}
.newlist .tplist .pic img{ width:100%;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;height:276px;  }
.newlist .tplist .pic img:hover{-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; transform:scale(1.05);}
.newlist .tplist .title{ padding:10px 20px; z-index:9999; position:relative; margin:-34px auto 0 auto;background:#fff; width:370px;-moz-box-shadow:2px 2px 5px #ABABAB; -webkit-box-shadow:2px 2px 5px #ABABAB; box-shadow:2px 2px 5px #ABABAB;}
.newlist .tplist .title p{ font-size:14px; color:#999; line-height:27px;}
.newlist .tplist .title h2{font-size:16px;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;*white-space:nowrap;overflow:hidden;}
.newlist li.btlist{ background:#FFF; font-size:16px; -moz-box-shadow:0px 1px 5px #cccccc; -webkit-box-shadow:0px 1px 5px #cccccc; box-shadow:0px 1px 5px #cccccc;width:476px; margin-left:32px;padding:20px; padding-top: 0;}
.newlist li.btlist:first-child{margin-left:0}
.newlist li.btlist span{ color:#f1563f; line-height: 60px; border-top: 2px solid #f1563f; display: inline-block;}
.newlist li.btlist a{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden; font-size: 18px; line-height: 32px; color: #002957; font-weight: bold; }
.newlist li.btlist:hover{-moz-box-shadow:0px 1px 8px #828282; -webkit-box-shadow:0px 1px 8px #828282; box-shadow:0px 1px 8px #828282; color: #2e79c6;}
.newlist li.btlist:hover a{color:#2e79c6;}
.morebox{ width:100% ; height:140px; background:rgba(40, 109, 180, 0.9);overflow: hidden;}
a.morebtn{ display:block; width: 165px; height:60px; line-height: 60px; font-size: 18px; font-weight: bold; color: #fff; text-align: center ; margin:40px auto ; background:rgba(0, 0, 0, 0.12); position: relative;}
a.morebtn i{ position: absolute; content: ''; width:24px; height: 24px; background: #f1563f; color: #fff; font-size: 16px; text-align: center; line-height: 24px; top:-6px; right: -6px;}
a.morebtn2{ display:block; width: 165px; height:60px; line-height: 60px; font-size: 18px; font-weight: bold; color: #fff; text-align: center ; margin:60px auto ; background:#2e79c6; position: relative;}
a.morebtn2:hover{ background:rgba(46, 121, 198, 0.9) }
a.morebtn2 i{ position: absolute; content: ''; width:24px; height: 24px; background: #f1563f; color: #fff; font-size: 16px; text-align: center; line-height: 24px; top:-6px; right: -6px;}


/*党建动态*/
.row_stu{ background:url(../images/xyxwbg.png) 0px top no-repeat #f1efef; padding:200px 0 223px 0;margin-top: -140px;position: relative;z-index: -1;}
.row_stu .tit{ margin-bottom:60px; text-align:center; position:relative}
.row_stu .tit h1{ font-size:36px; font-weight:bold; color:#002957; display:inline-block; padding:0 15px 10px 15px; position:relative}
.row_stu .tit .Subtitle{ text-align:center; color:#d6aa6d; line-height:40px;}
.activity{ float: right; width: 800px;}
.activity:after{visibility:hidden; display:block; content:""; clear:both}
.activity li{ float:left; display: table; width:364px; height:217px; padding: 30px; margin-bottom: 36px; margin-left:35px; overflow:hidden; position:relative; background: #f1563f; color:#fff;}
.activity li:hover{background:rgba(241, 86, 63, 0.9)}
.activity li a{display: table-cell;vertical-align:middle;color: #fff; font-size: 20px; line-height: 38px;}
.djpic{ width:700px; height:470px; float:left; margin-left:0; overflow: hidden;}
.djpic img{-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;width:700px; height:470px;}
.djpic img:hover{}

.more_y{ display:block; width:123px; height:40px; margin:0 auto; color:#000; background:rgba(214, 170, 109, 0.8); margin-top:30px; text-align:center; line-height:40px;}
.more_y:hover{ background:#d6aa6d}

/*通知公告*/
.row_learn{background:url(../images/cation.png) 0px top repeat; padding:85px 0 57px 0; margin-top: -180px; position: relative; overflow: hidden;}
.row_learn:after{ position: absolute; display: block; content: ''; width:264px ; height: 257px; bottom: 0; left: 0;background:url(../images/ggbg.png) 0px bottom no-repeat;}
.row_learn .tit h1{ color: #002957; font-size: 36px;}
.row_learn .tit p{ color: #efefef;}
.notice{ width:1275px; margin: 0 auto;}
.notice .swiper-container{ width: 100%;padding-bottom: 50px;overflow: visible;}
.notice .swiper-container .swiper-slide { width: 392px !important; height: 316px; background: #fff; margin-right: 40px !important; padding: 20px; position: relative;}
.notice .swiper-container .swiper-slide .date{ font-size:18px; color: #f1563f ; line-height: 60px;}
.notice .swiper-container .swiper-slide h1{ font-size: 18px; color: #002957; line-height: 32px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden; margin-bottom: 25px;}
.notice .swiper-container .swiper-slide p{ font-size: 14px; color: #666; line-height: 24px;display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;overflow: hidden; }
.notice .swiper-container .swiper-slide a.more{ position: absolute; height: 50px; left:19px; bottom:3px; color: #094a8b; font-size: 18px; background:url(../images/morejt.png) right 28px no-repeat; }
.notice .swiper-container .swiper-slide.slide-fade{ opacity: 0.4;} 
.notice .swiper-container .swiper-button-next{ right: -120px; width: 50px; height: 50px; font-size: 0; overflow: hidden;z-index: 3;}
.notice .swiper-container .swiper-button-next i{ width: 100%; height: 50px; display: block; position: absolute; z-index: 5; background-image:url(../images/nextbtn.png); background-position: center;     background-repeat: no-repeat;}
.notice .swiper-container .swiper-button-prev i{ width: 100%; height: 50px; display: block; position: absolute; z-index: 5; background-image:url(../images/prevbtn.png); background-position: center;     background-repeat: no-repeat;}
.notice .swiper-container .swiper-button-prev{ left: -120px; width: 50px; height: 50px;overflow: hidden;}
.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{ opacity: 0;}
.swiper-button-next:before, .swiper-button-next:after, .swiper-button-prev:before, .swiper-button-prev:after{ content: "";background-color: #f1563f;font-size: 0;position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;z-index: -2; }
.swiper-button-next:after{background-color: #2e79c6;z-index: -1;transform: translateX(-100%);transition: transform 0.3s cubic-bezier(0.19,1,0.22,1);}
.swiper-button-prev:after{background-color: #2e79c6;z-index: -1;transform: translateX(100%);transition: transform 0.3s cubic-bezier(0.19,1,0.22,1);}
.swiper-button-next:hover:after, .swiper-button-prev:hover:after{background-color:#2e79c6;transform: translateX(0);}
.notice .swiper-container .swiper-pagination{top: -82px; text-align: right; right: 0; height: 35px;}
.notice .swiper-container .swiper-pagination .swiper-pagination-bullet{ position: relative;width:8px;height:8px;background: #002957;opacity: 1;margin: 0 12px;transition: all 0.3s ease-in-out;}
.notice .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#f1563f ;}
.notice .swiper-container .swiper-pagination .swiper-pagination-bullet:before{ position: absolute;    content: "";display: block; width: 20px;height: 20px;border-radius: 100%;position: absolute;left: -7px;top: -7px;}
.notice .swiper-container .swiper-pagination .swiper-pagination-bullet-active:before{border: 1px solid #f1563f;}


.thbox{ width: 100%; height:340px; background: url(../images/bkbg.jpg) no-repeat left top;}
.comitem{ width: 1500px; margin: 0 auto; padding-left:118px; padding-top: 90px;}
.comitem .wrapper{ position: relative;padding-top: 100%;}
.comimg{ width: 340px; height: 340px; float: left; margin:0 35px; position: relative;}
.comimg .pic{    position: absolute;top: 0;z-index: 1;background-size: cover; background-position: center;background-repeat: no-repeat;width: 100%; height: 100%;transition: background-image 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.comimg .pic .picimg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.comimg .pic .overlay{ opacity: 0;position: absolute; width: 100%;height: 100%; left: 0; top: 0; background-image: linear-gradient(135deg,#5f95cb 0%,#43668c 100%);transition: all 0.3s ease-in-out;}
.comimg .pic.dark:after{content: "";display: block;position: absolute;width: 100%; height: 100%;background: rgba(0,0,0,0.4);left: 0;top: 0;}
.comimg .pic .desc{ position: relative; padding: 20px; height: 100%; text-align: center;z-index: 5;}
.comimg .pic .desc span{ display: inline-block; width: 66px; height: 66px;margin-top: 28%;}
.comimg .pic .desc h1{ font-size: 26px; color: #fff; margin-top: 20px;}
.comimg .square{background-size: cover;background-position: center;transition: all 0.3s ease-in-out;position: absolute; width: 100%;height: 100%;left: -10px; bottom: -10px;background-image: linear-gradient(135deg,#5f95cb 0%,#43668c 100%);}
.comimg .square>div{ width: 100%; height: 100%;opacity: 0;transition: all 0.3s ease-in-out;}
.comimg:hover .pic{transform: translate3d(-10px,10px,0);}
.comimg:hover .pic .overlay{opacity: 1;}
.comimg:hover .square{transform: translate3d(10px,-10px,0); }
.comimg:hover .square>div{ opacity: 1;}
.comimg:hover .pic.dark:after{ opacity: 0;}



/*师资队伍*/
.row_research{background:url(../images/szbg.png) repeat #e1f0ff; padding:150px 0 0px 0; position: relative;z-index: -1; }
.row_research:after{ position: absolute; right:0; top: 0; content: ''; width: 762px; height: 489px; background: url(../images/szdiq.png);z-index: -1;}
.row_research .tit{ margin-bottom: 0;}
.row_research .tit h1{ font-weight: bold;}
.row_research .tit h1:before{ background:#13589c}
.row_research .tit h1:after{ background:#014991}
.row_research .tit p{ color:#5d5d5d}
.relist{ padding-top: 50px;    margin-bottom: 40px;}
.relist:after{visibility:hidden; display:block; content:""; clear:both}
.relist ul{ position: relative;}
.relist li{float:left;text-align: center; margin-left:36px; position: relative; padding-bottom: 30px;}
.relist a:first-child{margin-left:0;}
.relist a span{ width:186px; height:186px; overflow:hidden; display:inline-block;border-radius:50%; border:5px solid #fff}
.relist a span img{width:100%; height:100%;border-radius:50%;object-fit: cover;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.relist a span img:hover{-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; transform:scale(1.05);}
.relist a h1{ margin-bottom: 10px;}
.relist a h1 em{display:inline-block;font-weight: bold;  font-size:20px; line-height: 60px; border-bottom:2px solid #f1563f ; text-align: center; color: #002957;}
.relist a p{ width:70%; margin: 0 auto; line-height:24px; font-size:14px; color:#666; text-align:center;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;}
.relist ul button{ position: absolute; top:50%; width: 45px; height: 45px; margin-top:-22.5px;  font-size: 0; cursor: pointer; background: transparent !important;}
.relist ul button.slick-prev{left:-50px}
.relist ul button.slick-prev:before{position: absolute;left: 21px; content: "";width:4px;height:26px;top:5px;background: #2e79c6; opacity: 0.5; -webkit-transform: rotate(45deg);transform: rotate(45deg);margin: auto;}
.relist ul button.slick-prev:after{position: absolute;left: 21px;content: ""; width:4px;height:26px; background: #2e79c6; opacity: 0.5;-webkit-transform: rotate(-45deg);transform: rotate(-45deg); margin: auto;}
.relist ul button.slick-next{right:-50px}
.relist ul button.slick-next:before{position: absolute; content: "";width:4px;right:21px;height:26px;background: #2e79c6; opacity: 0.5;-webkit-transform: rotate(45deg);transform: rotate(45deg);margin: auto;}
.relist ul button.slick-next:after{position: absolute;top:5px;content: ""; right:21px;width:4px;height:26px; background: #2e79c6; opacity: 0.5;-webkit-transform: rotate(-45deg);transform: rotate(-45deg); margin: auto;}
.relist ul button:hover:before,.relist ul button:hover:after{ opacity: 1;}


/*联系我们*/
.row_contact{ width: 100%; }
.row_contact .tit{ text-align: left; margin-bottom: 50px;}
.mapxx{background: url(../images/map.jpg) no-repeat; width: 100%; height: 460px; padding-top:78px;}
.contact_box{ width: 470px; height: 305px; padding: 20px; padding-left: 35px; background: rgba(255, 255, 255, 0.8); -moz-box-shadow:0px 1px 5px #cccccc; -webkit-box-shadow:0px 1px 5px #cccccc; box-shadow:0px 1px 5px #cccccc;}
.line{ width: 470px; height: 5px; background: #f1563f; -moz-box-shadow:0px 1px 5px #cccccc; -webkit-box-shadow:0px 1px 5px #cccccc; box-shadow:0px 1px 5px #cccccc; position: relative; z-index: 5;}
.contact_box h1{ font-size: 26px; font-weight: bold; margin: 30px 0; color: #002957;}
.contact_box p{ font-size: 15px; color: #333; line-height: 42px; background: url(../images/lxicon.png) no-repeat; padding-left: 35px;}
.contact_box p.adr{ background-position: 0 13px;}
.contact_box p.tel{ background-position: 0 -30px;}
.contact_box p.email{ background-position: 0 -72px;}


.footbg{ width:100%; background:#002957; padding: 10px 20px;}
.f_logo{ float: left; display: table; line-height:29px ; color: #fff; font-family: Times New Roman Regular; font-size: 24px; width:32%;}
.f_logo img{ vertical-align: middle; display: table-cell; vertical-align: middle;width: 66px; margin-right: 15px;}
.f_logo span{ display: table-cell; vertical-align: middle; width:calc(100% - 90px);    font-size: 18px; }
.icon-wrapper{ float: left; margin-left: 20%; padding-top: 13px;}
.icon-wrapper a{ display: inline-block; position: relative; margin-right: 25px; width: 54px; height: 54px; border:1px solid rgba(255, 255, 255, 0.1); border-radius: 50%; text-align: center; line-height: 54px;}
.icon-wrapper a img{ vertical-align: middle;}
.icon-wrapper a.wxicon .ewm{ width:116px; height:116px; background:#fff; position:absolute; top:-50px; right:-140px; padding:8px;z-index: 9; display: none;-moz-box-shadow:0px 1px 5px #cccccc; -webkit-box-shadow:0px 1px 5px #cccccc; box-shadow:0px 1px 5px #cccccc;}
.icon-wrapper a.wxicon .ewm img{ width: 100%; height: 100%;}
.icon-wrapper a.wxicon .ewm:before{ position:absolute;content:'';width:0;height:0;border-right:6px solid #fff; border-top:6px solid transparent;border-bottom:6px solid transparent;bottom:39%;left:-6px;}
.icon-wrapper a.wechat .ewm{ width:116px; height:116px; background:#fff; position:absolute; top:-50px; left:-140px; display: none; padding:8px;z-index: 9; -moz-box-shadow:0px 1px 5px #cccccc; -webkit-box-shadow:0px 1px 5px #cccccc; box-shadow:0px 1px 5px #cccccc;}
.icon-wrapper a.wechat .ewm img{ width: 100%; height: 100%;}
.icon-wrapper a.wechat .ewm:before{ position:absolute;content:'';width:0;height:0;border-left:6px solid #fff; border-top:6px solid transparent;border-bottom:6px solid transparent;bottom:39%;right:-6px;}
.links{ float: right; padding-top: 15px; position: relative;}
.links .select{ width: 260px; height: 44px; line-height: 44px; border:1px solid rgba(255, 255, 255, 0.1);    color: #fff;text-indent: 15px;}
.links .select i{display:block; float: right; width: 40px; height: 40px; line-height:40px; text-align: center; position: relative; cursor: pointer;}
.links .select i:before { position: absolute; content: "";width: 11px; height: 1px;background-color: #fff;top: 0;bottom: 0;left: -10px;right: 0;margin: auto;-webkit-transform: rotate(45deg);transform: rotate(45deg); }
.links .select i:after { position: absolute;content: "";width: 11px;height: 1px;background-color: #fff;margin: auto;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);top: 0;bottom: 0;left: 0;right: -4px; }
.linklist{ position: absolute; bottom:48px; width: 100%; height: 180px; border: 1px solid #E5E5E5; background: #fff; overflow-y: auto; display: none;}
.linklist li{ line-height:30px; padding:0 10px; font-size: 14px ;}
.linklist li:hover{ background: #f0f2f4;}

/*栏目页*/

/*banner*/
.banner_s{width:100%;height:560px;overflow: hidden; position:relative}
.banner_s .slick-slide img{ width:100%;height:450px;}
.banner_s .slick-dots{ position:absolute;right:60px; top:50%; margin-top:-150px;}
.banner_s .slick-dots li{margin:24px 0;position:relative}
.banner_s .slick-dots li button{font-size:20px; background:transparent; color:#fff; cursor:pointer;}
.banner_s .slick-dots li.slick-active button{font-size:28px; font-style:italic; position:relative}
.banner_s .slick-dots li.slick-active{padding-bottom:75px;}
.banner_s .slick-dots li.slick-active:after{ position:absolute; top:36px;left:50%; width:1px; height:70px; background:#fff; display:block;content: "";}
.banner_s button{ position:absolute; top:48%; width:60px;height:60px;background: url(../images/sn.png) no-repeat; font-size:0;z-index:9999; cursor:pointer }
.banner_s .slick-next{right: 5%; background-position:0px 0px}
.banner_s .slick-prev{left: 5%; background-position:-68px 0px}
.banner_s .slick-next:hover{background-position:0px -64px}
.banner_s .slick-prev:hover{ background-position:-68px -64px}

/*内页通知公告*/
.notice_n{ width: 100%; background: #f2f2f2; padding: 57px 0;}
.notice_n .tit{ font-size: 36px; font-weight: bold; color: #002957; text-align: center; line-height: 70px;}
.list_nt{ margin-bottom:80px;}
.list_nt li{ width: 348px; height: 220px; float: left; margin-left:36px; -moz-box-shadow:0px 1px 5px #cccccc; -webkit-box-shadow:0px 1px 5px #cccccc; box-shadow:0px 1px 5px #cccccc; padding: 20px; padding-top: 0; background: #fff;}
.list_nt li:hover{-moz-box-shadow:0px 1px 8px #828282; -webkit-box-shadow:0px 1px 8px #828282; box-shadow:0px 1px 8px #828282;    color: #5ba6f3;}
.list_nt li .title a:hover{color: #2e79c6;}
.list_nt li:first-child,.list_ne li:first-child{margin-left: 0;}
.list_nt li .date{ display: inline-block; width: 70px; height: 76px; background: #002957;font-size:18px; text-align: center ; line-height: 35px;}
.list_nt li .date p{ color: #fff; }
.list_nt li .date .rl{ font-size: 28px;}
.list_nt li .zy{ color: #a3aab7;font-size: 20px; margin:15px 0;}
.list_nt li .title{ font-size: 16px; line-height:28px ;}
.list_nt li .title a{ color:#002957 ;}

/*内页新闻动态*/
.news_n{ width: 100%;}
.news_n .tit{ background: #ddd; padding:50px 0 ; text-align: center;font-size: 36px; font-weight: bold; color: #002957;    margin-bottom: 0;}
.newsbg{ background: url(../images/xwbg.png) center top no-repeat #fff; padding-top: 80px;    padding-bottom: 60px;}
.list_ne li{ float: left; width: 466px; margin-left: 50px;}
.list_ne li .pici{width: 466px; height: 280px; overflow: hidden; }
.list_ne li .pici img{ width: 100%; height: 100%;-moz-transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out; }
.list_ne li .pici img:hover{transform:scale(1.02);}
.list_ne li .date_p{ font-size: 18px; color: #f1563f; padding: 0 20px; margin: 15px 0;font-weight: bold; }
.list_ne li .title_n{ font-size: 18px; font-weight: bold; line-height: 26px; padding: 0 20px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;}
.list_ne li .title_n a{color: #002957; }


.conbox{ padding:40px 0;}
.conbox .position{ font-size: 16px; color: #002957; margin-bottom: 15px;}
.conbox .position a{  cursor: pointer; color: #002957;}
.conbox .position i{ color:#f1563f ;}
.column{ width:282px; float:left;    min-height: 300px;}
.column h2{ width:100%; background:#002957; text-align:left; padding: 0 20px; height:60px; line-height:60px; color:#fff; font-size:20px; font-weight:bold;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */ }
.column .first li{ width:100%; background:#e8ebf0;margin-top: 3px; color: #002957; text-align:left;text-indent: 20px;  line-height:45px; font-size:16px; position:relative;transition: .5s;}
.column .first li a{ display:block}
.column .first li:hover{ text-indent: 30px;}
.column .first li i{ display:block; width:14px; height:8px; background:url(../images/dir-down.png) no-repeat; position:absolute; right:20px; top:30px;}
.column .second li{ font-size:18px; line-height:60px; border-top:1px solid #fff; position:relative;margin-top: 0;text-indent:60px;}
.column .second li:hover{background:url(../images/dir-right.png) no-repeat 84% center #d6aa6d;}
.column .second li .third{ position:absolute; left:282px; width:280px; top:0px}
.column .first li.on{ border-left: 3px solid #f1563f;}
.column .first li.on i{ background:url(../images/dir-down2.png) no-repeat #d6aa6d;}
.column .second,.column .third{ display:none;}
.column .second li.on{background:url(../images/dir-right.png) no-repeat 84% center #d6aa6d}
.column .second li .third li.on{background:#d6aa6d}
.listing{ width:970px;  float:right;}
.location{ padding:10px 15px; border-bottom:1px solid #e5e5e5}
.location:after,.newlist01 li:after{visibility:hidden; display:block; content:""; clear:both}
.location h1{ float:left; font-size:24px; font-weight:bold;}
.location span{ float:right; color:#666; font-size:16px; padding-left:30px; line-height:31px;background:url(../images/wzicon.png) no-repeat 0 center;}
.location span a{color:#666; }
.location span a:hover{color:#014991}

/*图片列表页*/
.piclist{ float: left; width: 1150px;}
.picture{ width:294px; height: 294px; float: left; margin:0 45px 60px 44px; position: relative;}
.picture .pic{    position: absolute;top: 0;z-index: 1;background-size: cover; background-position: center;background-repeat: no-repeat;width: 100%; height: 100%;transition: background-image 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.picture .pic .picimg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.picture .pic .overlay{ opacity: 0;position: absolute; width: 100%;height: 100%; left: 0; top: 0; background-image: linear-gradient(135deg,#5f95cb 0%,#43668c 100%);transition: all 0.3s ease-in-out;}
.picture .pic.dark:after{content: "";display: block;position: absolute;width: 100%; height: 100%;background: rgba(0,0,0,0.4);left: 0;top: 0;}
.picture .pic .desc{ position: relative; padding:60px; width: 100%; height: 100%; text-align: center;z-index: 5; display: table;}
.picture .pic .desc span{ display: inline-block; width: 66px; height: 66px;margin-top: 28%;}
.picture .pic .desc h1{ font-size:22px; color: #fff;display: table-cell;vertical-align: middle; text-align: center; line-height: 31px;}
.picture .square{background-size: cover;background-position: center;transition: all 0.3s ease-in-out;position: absolute; width: 100%;height: 100%;left: -10px; bottom: -10px;background-image: linear-gradient(135deg,#5f95cb 0%,#43668c 100%);}
.picture .square>div{ width: 100%; height: 100%;opacity: 0;transition: all 0.3s ease-in-out;}
.picture:hover .pic{transform: translate3d(-10px,10px,0);}
.picture:hover .pic .overlay{opacity: 1;}
.picture:hover .square{transform: translate3d(10px,-10px,0); }
.picture:hover .square>div{ opacity: 1;overflow: hidden;}
.picture:hover .pic.dark:after{ opacity: 0;}




/*新闻列表*/
.newlist02 { float: right; width: 1150px;}
.newlist02 li{padding-bottom:30px; margin-bottom: 30px; border-bottom:1px dashed #e5e5e5;}
.newlist02 li:after{visibility:hidden; display:block; content:""; clear:both}
.newlist02 li .newpic{ width:140px; height:90px; float: left ;}
.newlist02 li .newpic img{ width: 100%; height: 100%;}
.newlist02 li:last-child{border-bottom:none}
.newlist02 li p.date{line-height:32px;color:#f1563f ; }
.newlist02 li .date .str{ font-size:20px; color:#014991; background:#f9f9f9; font-weight:bold}
.newlist02 li .date p{ color:#d8e3ec; font-size:14px;background: #014991;}
.newlist02 .xwdd{ width:calc(100% - 160px); float:right}
.newlist02 .xwdd h1{ font-size:20px; line-height:32px;  font-weight: bold; width:100%;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;*white-space:nowrap;overflow:hidden;}
.newlist02 .xwdd h1 a{color: #002957;}
.newlist02 .xwdd h1:hover a{ color:#014991}
.newlist02 .xwdd p{font-size:14px; color:#999; line-height:26px;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;*white-space:nowrap;overflow:hidden;}


/*内容页*/
.content{      padding: 0px 100px 0px 100px;  margin-bottom: 50px;}
.content .pr{ color:#999; text-align:center;border-bottom:1px solid #e5e5e5; padding-bottom:15px ;margin-bottom:25px}
.position .pl{}
.position .pl a{color:#666;}
.position .pl a:hover,.location span a:hover{color:#005597}
.content h3{ font-size:24px; color:#333; font-weight:bold; padding:15px 0; text-align:center;}
.content p{ text-indent:2em; line-height:30px; color:#666; font-size:16px;}
.content p img{ max-width:95%; margin:15px auto; display:block;}


#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9999;}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;z-index:-1}
#browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px}
#browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px}
#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px}
#browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px}
#browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px}
#browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto}
#browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;}
#browser-modal .browser-content .browser-item .iconchrome{background: url(../images/bro.png) no-repeat 0 0}
#browser-modal .browser-content .browser-item .iconfirefox{background: url(../images/bro.png) no-repeat 0 -100px}
#browser-modal .browser-content .browser-item .iconopera{background: url(../images/bro.png) no-repeat 0 -200px}
#browser-modal .browser-content .browser-item .iconEdge{background: url(../images/bro.png) no-repeat 0 -300px}
#browser-modal .browser-content .browser-item a{cursor:pointer;display:block}
#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px}
#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}