﻿@font-face {
  font-family: 'iconfont';
  src: url('../iconfont/iconfont.eot');
  src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
      url('../iconfont/iconfont.woff2') format('woff2'),
      url('../iconfont/iconfont.woff') format('woff'),
      url('../iconfont/iconfont.ttf') format('truetype'),
      url('../iconfont/iconfont.svg#iconfont') format('svg');
}
@charset "utf-8";
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*全局样式*/
body{padding: 0;margin: 0;font-family: 'Microsoft YaHei';font-size: 14px;color: #333;}
div,img,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding: 0;margin: 0;border: 0; outline: none;}
ul{list-style: none;}
a{text-decoration: none;color: #333;}
i,em{font-style: normal;}
img{display: inline-block;max-width: 100%;height: auto;}
/*去掉 input 默认边框*/
input{padding: 0;border: 0;font-family: 'Microsoft YaHei';font-size: 14px;color: #333; outline:none;}
input[type="submit"]{background-color: transparent;cursor: pointer;}
/*去掉 textarea 默认边框*/
textarea{padding: 0;border: 0;font-family: 'Microsoft YaHei';font-size: 14px;color: #333;}
/*去掉 button 默认边框*/
button{border: 0;padding: 0;background-color: transparent;font-family: 'Microsoft YaHei';font-size: 14px;color: #333;cursor: pointer; outline:none;}
/*清除浮动*/
.clearfix:after{content: '';display: table;clear: both;}
.clearfix{*zoom: 1;/*IE6识别*/}
/*解决chrome浏览器 input,textarea 获得焦点时会有一个边框的问题*/
input,textarea{outline: none;}
/*清除ios端 input,textarea 默认内阴影 默认圆角*/
input[type="text"],input[type="password"],input[type="submit"],input[type="search"],textarea{appearance: none;-webkit-appearance: none;border-radius: 0;}
/*自定义 input,textarea 的placeholder文字样式*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #999;}
/*滚动条*/
body *::-webkit-scrollbar{width: 2px;height: 2px;background: #eee;border-radius: 2px;}
body *::-webkit-scrollbar-thumb{background: #00a0e9;border-radius: 2px;}
/*常用过渡*/
.tran300{-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;transition: 0.3s;}
.tran400{-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;transition: 0.4s;}
.tran500{-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
/*常用缩放*/
.scale105:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.scale110:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.scaleimg:hover em{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.rotateY:hover{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }
.translateX:hover{-webkit-transform:translateX(-6px); -moz-transform: translateX(6px); -ms-transform:translateX(-6px); transform:translateX(-6px);}
/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.TXTovehid-two{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.TXTovehid-three{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
em{background-position: center center; background-size: cover; background-repeat: no-repeat;}
/*常用浮动*/
.fl{float: left;}
.fr{float: right;}
/*常用定位*/
.top50{top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.left50{left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%);}
.topleft50{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}
/*网页限定宽度*/
.w1366{max-width: 1366px; width: 96%; margin: 0 auto;}
.w1420{max-width: 1420px; width: 96%; margin: 0 auto;}
#page{ background: #fff;}

/*header*/
.header{background: url(../images/headerBg.jpg) no-repeat 0 0; height: 140px;}
.header .w1366{ height: 100%; overflow: hidden;}
.header .logo{ position: relative;}
.header .right{ position: relative; }
.header .right .enter{text-align: right;}
.header .right .enter a{ font-size: 16px; color: #686868; transform: 0.3s; -webkit-transform: 0.3s;}
.header .right .enter a.en{position: relative; margin-left: 10px; padding-left: 18px;}
.header .right .enter a.en::before{ content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 2px; height: 14px; background: #dedede;}
.header .right .enter a:hover{ color: #cf000f;}
.header .right .searchBox{position: relative; width: 274px; height: 40px; background: #eeeeee; border-radius: 40px; margin-top: 20px;}
.header .right .searchBox .text{line-height: 40px;background: none; padding: 0 20px; width: calc(100% - 60px); box-sizing: border-box;}
.header .right .searchBox .btn{ position: absolute; right: 0; top: 0; height: 100%; background: #4485c9; border-radius: 40px; width: 60px; font-size: 20px; color: #fff;}

.nav-box{ position: relative; background: linear-gradient(90deg,#1671ce,#2c77c6,#005fc3); z-index: 13;}
.nav-box .nav > li{position: relative;float: left;line-height: 70px; }
.nav-box .nav > li > a{position: relative;display: block;padding: 0 44px;font-size: 18px;color: #fff;}
.nav-box .nav > li > a::before{content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 0; height: 2px; background: #fff; transition: 0.3s; -weblit-transition: 0.3s; opacity: 0;}
.nav-box .nav-2nd{display: none;z-index: 2;position: absolute;left: 50%;top: 70px;width: 100%;min-width: 140px;background-color: rgba(41,119,201,.7);transform: translateX(-50%);}
.nav-box .nav-2nd > li{}
.nav-box .nav-2nd > li > a{position: relative;display: block;padding: 10px;line-height: 16px;text-align: center; font-size: 16px; transition: 0.3s; -weblit-transition: 0.3s; color: #fff;}
.nav-box .nav-2nd > li > a:before{content: "";position: absolute;left: 0;top: 50%;width: 3px;height: 0;background-color: #fff;transition: 0.3s; -weblit-transition: 0.3s;}
.nav-box .nav > li:hover > a::before{ width: 30px; opacity: 1;}
.nav-box .nav > li.on > a::before{width: 30px; opacity: 1;}
.nav-box .nav-2nd > li > a:hover{background: #2d77c7;}
.nav-box .nav-2nd > li > a:hover:before{top: 0;height: 100%;}

.searchIcon{display: none; position: relative; margin-left: 20px; font-size: 24px;}
/*手机导航*/
.menu-btn{display: none; position: relative; top: 50%; float: right; width: 24px;height: 24px;font-size: 0; margin-left: 24px; cursor: pointer; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.menu-btn span{display: block;width: 100%;height: 3px;background-color: #666;transition: 0.5s ease-out;}
.menu-btn span:nth-child(2){margin: 7px 0;}

/*搜索弹窗*/
.searchTan{ display: none; border-radius: 8px; overflow: hidden;}
.searchTan form{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 90%; height: 50px; margin: auto; }
.searchTan form .text-input{ display: block; width: 100%; height: 100%; padding: 0 50px 0 10px; box-sizing: border-box; border: 1px solid #ccc; font-size: 16px; border-radius: 40px;}
.searchTan form .sub-btn{position: absolute; right: 0; top: 0; width: 52px; height: 52px; background:url(../images/searchIcon.png) center no-repeat; background-size: 24px 24px; border: none;  border-radius: 50%; font-size: 26px; color: #666;}
/*layer弹窗自定义皮肤*/
body .custom-skin .layui-layer-setwin .layui-layer-close2{right: -10px;top: -10px;background-image: none;}
body .custom-skin .layui-layer-setwin .layui-layer-close2:after{content: "×";position: absolute;width: 30px;height: 30px;font-size: 30px;text-align: center;line-height: 26px;font-weight: bold; color: #c4c4c4; font-weight: bold;}

/*banner*/
.banner{ position: relative; width: 100%; overflow: hidden; }
.banner .swiper-slide a{ display: block; padding-bottom: 26%; background-size: cover; background-position: center;}
.banner .bannerNext{background: url(../images/bannerRight.png) no-repeat 0 0; width: 38px; height: 38px; right: -60px; transition: 0.3s; -webkit-transition: 0.3s; cursor: pointer; background-size: cover; transition: 0.4s;}
.banner .bannerPrev{background: url(../images/bannerRight.png) no-repeat 0 0; width: 38px; height: 38px; left: -60px; transform: rotate(180deg); -webkit-transform: rotate(180deg); transition: 0.3s; -webkit-transition: 0.3s;cursor: pointer; background-size: cover;}
.banner:hover .bannerNext{ right: 40px;}
.banner:hover .bannerPrev{ left: 40px;}
.banner .btn{ bottom: 34px;}
.banner .btn span{position: relative; width: 12px; height: 12px; background: rgba(255,255,255,0.6); transition: 0.4s; box-sizing: border-box; margin: 0 10px !important; opacity: 1;}
.banner .btn span::before{ content: ""; position: absolute; top: -5px; left: -5px; width: calc(100% + 10px); height: calc(100% + 10px); background: rgba(255,255,255,0); border-radius: 50%;}
.banner .btn span.swiper-pagination-bullet-active{ background: #fff;}
.banner .btn span.swiper-pagination-bullet-active::before{background: rgba(255,255,255,0.3);}

/*公用*/
.indexTitle{ height: 60px; line-height: 60px; border-bottom: 1px #d2d2d2 solid; margin-top: 20px;}
.indexTitle .tit{position: relative; font-size: 22px; color: #0071c0; font-weight: bold;}
.indexTitle .tit::before{ content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 3px; background: #005fc3;}
.indexTitle .more{ font-size: 14px; color: #777;} 
.indexTitle .more:hover{ color: #cf000f;}

/*par1*/
.partOne .left{width: 72.3%;}
.partOne .left .picBox{position: relative; width: 52.3%; margin-top: 18px; overflow: hidden; }
.partOne .left .picBox ul li a{ display: block; box-shadow: 0 0 8px rgba(0,0,0,0.09); margin: 8px;}
.partOne .left .picBox ul li .pic{ overflow: hidden;}
.partOne .left .picBox ul li .pic em{ display: block; height: 328px; transition: 0.4s; -webkit-transition: 0.4s;}
.partOne .left .picBox ul li .text{ height: 66px; line-height: 66px; padding: 0 20px;}
.partOne .left .picBox ul li .text p{ height: 100%; padding-right: 120px; font-size: 18px; color: #111111; transition: 0.4s; -webkit-transition: 0.4s;}
.partOne .left .picBox ul li a:hover .text p{ color: #cf000f;}
.partOne .left .picBox ul li a:hover .pic em{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.partOne .left .picBox .btn{width: auto; left: auto; bottom: 32px; right: 20px;}
.partOne .left .picBox .btn span{ width: 10px; height: 10px; transition: 0.4s; -webkit-transition: 0.4s; background: #adadad; opacity: 0.8;}
.partOne .left .picBox .btn span.swiper-pagination-bullet-active{ width: 30px; border-radius: 10px; opacity: 1;}
.partOne .left .picBox .picBoxNext{ width: 30px; height: 80px; background: url(../images/right.png) no-repeat 0 0; right: 8px; margin-top: -60px;}
.partOne .left .picBox .picBoxPrev{ width: 30px; height: 80px; background: url(../images/right.png) no-repeat 0 0; left: 8px; margin-top: -60px; transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.partOne .left .partList{ width: 46%;}
.part .partList ul li{ border-bottom: 1px #ececec solid;}
.part .partList ul li a{position: relative; display: block; height: 59px; line-height: 59px;}
.part .partList ul li a p{ height: 100%; padding-right: 110px; font-size: 16px; color: #111111;}
.part .partList ul li a p b{ display: inline-block; width: 10px; height: 10px; margin-right: 10px; background: url(../images/list-icon.png) 0 0 no-repeat; transition: 0.4s; -webkit-transition: 0.4s;}
.part .partList ul li a i{ position: absolute; right: 0; font-size: 14px; color: rgba(64,64,64,0.8);}
.part .partList ul li a:hover p{ color: #cf000f;}
.part .partList ul li a:hover p b{background-position: left bottom;}
.partOne .right{width: 25.3%;}
.partOne .right .list ul li a{position: relative; display: block; overflow: hidden; padding: 14px 0 13px 0; border-bottom: 1px #ececec solid;}
.partOne .right .list ul li a .time{ float: left; text-align: center;}
.partOne .right .list ul li a .time b{ font-family: arial; font-size: 32px; color: #878787; font-weight: bold; transition: 0.4s; -webkit-transition: 0.4s;}
.partOne .right .list ul li a .time i{font-family: arial; font-size: 14px; color: #555555; display: block; transition: 0.4s; -webkit-transition: 0.4s;}
.partOne .right .list ul li a .text{position: relative; float: right; width: calc(100% - 68px); padding-left: 16px; box-sizing: border-box; height: 56px;}
.partOne .right .list ul li a .text::before{ content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 44px; background: #f6f6f6;}
.partOne .right .list ul li a .text::after{ content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 0; background: #cf000f; transition: 0.4s; -webkit-transition: 0.4s;}
.partOne .right .list ul li a .text p{position: relative; line-height: 28px; max-height: 56px; font-size: 16px; color: #000000;}
.partOne .right .list ul li a:hover .time b{color: #cf000f;}
.partOne .right .list ul li a:hover .time i{color: #cf000f;}
.partOne .right .list ul li a:hover .text p{color: #cf000f;}
.partOne .right .list ul li a:hover .text::after{ height: 44px;}

/*part2*/
.partTwo{ margin-top: 38px;}
.partTwo .left{position: relative; width: calc(100% - 485px); overflow: hidden;}
.partTwo .left ul li a{ display: block;}
.partTwo .left ul li a em{ display: block; height: 130px;}
.partTwo .left .btn span{background: #fff; opacity: 0.4;}
.partTwo .left .btn span.swiper-pagination-bullet-active{width: 24px; background: #fff; border-radius: 8px; opacity: 1;}
.partTwo .right{ width: 455px; height: 130px; background: url(../images/enterBg.jpg) no-repeat 0 0; background-size: cover;}
.partTwo .right ul{ font-size: 0; padding: 0 10px; padding-top: 20px;}
.partTwo .right ul li{ display: inline-block; width: 25%; text-align: center; font-size: 14px;}
.partTwo .right ul li a{ display: block;}
.partTwo .right ul li .pic{position: relative; display: inline-block; width: 60px; height: 60px; line-height: 60px; text-align: center; background: rgba(255,255,255,0.2); border-radius: 50%; z-index: 0; transition: 0.4s; -webkit-transition: 0.4s;}
.partTwo .right ul li .pic::before{ content: ""; position: absolute; left: 50%; top: 50%; width: 0; height: 0; background: rgba(255,255,255,0.2); border-radius: 50%; transition: 0.4s; -webkit-transition: 0.4s; z-index: -1;}
.partTwo .right ul li .pic i{ color: #fff; font-size: 28px; transition: 0.4s; -webkit-transition: 0.4s;}
.partTwo .right ul li a:hover .pic{ background: rgba(255,255,255,0.7);}
.partTwo .right ul li a:hover .pic i{color: #1e68bc;}
.partTwo .right ul li a:hover .pic::before{top: -5px; left: -5px; width: calc(100% + 10px); height: calc(100% + 10px);}
.partTwo .right ul li .text{ font-size: 16px; color: #fff; margin-top: 6px;}
.partTwo .right ul li:nth-child(2) .pic i{font-size: 36px;}

/*part3*/
.partThree{ overflow: hidden;}
.partThree .left{ width: 48.5%;}
.partThree .itemTop{ margin-top: 28px; padding-bottom: 20px;border-bottom: 1px #ececec solid;}
.partThree .itemTop a{ display: block; overflow: hidden;}
.partThree .itemTop .pic{ width: 47.2%; height: 185px; overflow: hidden;}
.partThree .itemTop .pic em{ display: block; height: 100%;}
.partThree .itemTop .text{ width: 49%;}
.partThree .itemTop .text h3{ font-size: 18px; color: #000000; line-height: 30px; height: 60px;}
.partThree .itemTop .text p{ font-size: 14px; color: #333333; line-height: 24px; height: 72px; margin: 14px 0;}
.partThree .itemTop .text .time{ color: #000000;}
.partThree .itemTop .text .time span{ color: #444; padding-left: 30px;}
.partThree .itemTop a:hover .pic em{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.partThree .itemTop a:hover .text h3{ color: #cf000f;}
.partThree .itemTop a:hover .time span{ color: #cf000f;}

/*par4*/
.partFour{ position: relative; margin-top: 30px; margin-bottom: 34px; background: #f5f5f5; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.2); }
.partFour ul li{ text-align: center;}
.partFour ul li a{ display: block; padding: 26px 0 22px 0; transition: 0.4s; -webkit-transition: 0.4s;}
.partFour ul li a img{ transition: 0.4s; -webkit-transition: 0.4s; filter: grayscale(1); opacity: 0.6;}
.partFour ul li a p{ font-size: 16px; color: #111; margin-top: 10px; transition: 0.4s; -webkit-transition: 0.4s;}
.partFour ul li a:hover{ background: #fff;}
.partFour ul li a:hover img{filter: grayscale(0); opacity: 1; transform: translateY(-8px); -webkit-transform: translateY(-8px);}
.partFour ul li a:hover p{ color: #005fc3; transform: translateY(-8px); -webkit-transform: translateY(-8px);}
.partFour .btn{ display: none;}

/*footer*/
.footer{ background: url(../images/footBg.jpg) no-repeat 0 0; background-size: cover; padding: 24px 0 38px 0; position: relative; z-index: 13;}
.footer .w1366{ position: relative;}
.footer .footNav{ display: inline-block; height: 56px; line-height: 56px; border-bottom: 1px rgba(255,255,255,0.2) solid;}
.footer .footNav a{ position: relative; display: inline-block; font-size: 16px; color: #fff; margin-right: 38px;}
.footer .footNav a:last-child{ margin-right: 0;}
.footer .footNav a::before{ content: ""; position: absolute; left: 50%; bottom: 12px; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 0; height: 2px; background: #fff; transition: 0.4s;}
.footer .footNav a:hover::before{ width: 26px;}
.footer .footText{ margin-top: 16px;}
.footer .footText span{ display: inline-block; color: #fff; margin-right: 16px;}

.footer .selectBox{ position: absolute; top: 0; right: 0;}
.footer .selectBox .item{position: relative; width: 220px; height: 56px; border-bottom: 1px rgba(255,255,255,0.2) solid; line-height: 38px;}
.footer .selectBox .item::before{ content: ""; position: absolute; top: 50%; left: 0; width: 2px; height: 14px; background: #fff; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.footer .selectBox .item span{position: relative; display: block; padding: 0 30px 0 10px; height: 56px; line-height: 56px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #ffffff; cursor: pointer;}
.footer .selectBox .item span::after{ content: ""; position: absolute; right: 10px; top: 50%; width: 15px; height: 7px; background: url(../images/down.png) no-repeat 0 0; margin-top: -4px;}
.footer .selectBox .item ul{display: none; position: absolute; bottom: 56px; left: -1px; width: calc(100% + 2px); background: #fff; padding: 10px 0; max-height: 160px; overflow-y: auto; box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.footer .selectBox .item ul li a{display: block; padding: 6px 4px; line-height: 22px; color: #666; transition: 0.3s;}
.footer .selectBox .item ul li a:hover{ color: #005fc3;}

/*内页公用*/
.containerBox{background: #f8f8f8; padding-bottom: 38px;}
.nBan{position: relative; padding-bottom: 15.6%; background-size: cover; background-position: center; color: #fff; overflow: hidden;}
.nBan .text{ width: 1366px; margin: 0 auto; padding-left: 292px; box-sizing: border-box; }
.nBan h3{ font-size: 40px; }
.nBan p{ font-size: 30px; font-family: arial; margin-top: 4px;}

.container{ overflow: hidden; padding-top: 52px;}
.menuLeft{ float: left; width: 260px; min-height: 550px; background: linear-gradient(#fff 70%,#f8f8f8);}
.menuLeft .title{ background: url(../images/menuBg.jpg) no-repeat center; color: #fff; padding: 30px 0; padding-left: 34px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.menuLeft .title h3{ font-size: 25px;}
.menuLeft .title p{ font-size: 14px;}
.menuLeft .list{ padding: 0 14px;}
.menuLeft .list li a{position: relative; display: block; line-height: 30px; font-size: 18px; color: #000; transition: 0.3s; -webkit-transition: 0.3s; padding: 16px 0; padding-left: 20px;}
.menuLeft .list li a::before{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: linear-gradient(90deg,#fff,#e5e5e5,#e5e5e5,#fff);}
.menuLeft .list li a::after{ content: ""; position: absolute; bottom: 0; left: 50%; width: 0; height: 1px; background: linear-gradient(90deg,#fff,#cf000f,#cf000f,#fff); transition: 0.3s; -webkit-transition: 0.3s;}
.menuLeft .list li a i{position: absolute; top: 50%; margin-top: -1px; left: 14px; display: block; height: 2px; width: 0; background: #e10519; transition: 0.3s; -webkit-transition: 0.3s;}
.menuLeft .list li.on a{ color: #cf000f; padding-left: 48px;}
.menuLeft .list li.on a::after{ left: 0; width: 100%;}
.menuLeft .list li.on a i{ width: 16px;}
.menuLeft .list li:hover a{ color: #cf000f; padding-left: 48px;}
.menuLeft .list li:hover a::after{ left: 0; width: 100%;}
.menuLeft .list li:hover a i{ width: 16px;}
.contanBox{ float: right; width: calc(100% - 292px); background: #fff; min-height: 550px;}
.contanBox .contan{ padding: 0 56px; padding-bottom: 84px;}
/*面包屑*/
.clib{position: relative; height: 76px; line-height: 76px; border-bottom: 4px #f2f2f2 solid;}
.clib h3{ font-size: 20px; font-weight: normal;}
.clib h3 img{ position: relative; top: 2px; margin-right: 12px;}
.clib .clibLink{position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size: 13px; color: #777777;}
.clib .clibLink a{ color: #777; transition: 0.3s;}
.clib .clibLink span{ color: #777;}
.clib .clibLink a:hover{ color: #cf000f;}

/*关于我们*/
.aboutTitle{ font-size: 22px; color: #000000; text-align: center; line-height: 32px; margin: 36px 0 42px;}
.word{ font-size: 16px; color: #222222; line-height: 30px; text-align: justify;}
.word img{ max-width: 100%; height: auto !important;}

/*现任领导*/
.leaderList ul{ padding-top: 7px;}
.leaderList ul li{ margin-top: 34px;}
.leaderList ul li a{ display: block; border: 1px #eeeeee solid; padding: 20px; overflow: hidden;}
.leaderList ul li a .pic{ width: 190px; height: 234px; overflow: hidden;}
.leaderList ul li a .pic img{ width: 100%;}
.leaderList ul li a .text{ width: calc(100% - 216px);}
.leaderList ul li a .text h3{ font-size: 14px; color: #005ca7; font-weight: normal; height: 42px; line-height: 42px; border-bottom: 1px #eee solid; padding-bottom: 4px;}
.leaderList ul li a .text h3 b{ font-size: 22px; padding-right: 4px;}
.leaderList ul li a .text p{ font-size: 16px; color: #222222; line-height: 28px; margin-top: 14px; max-height: 112px; -webkit-line-clamp: 4;}
.leaderList ul li a:hover .text h3{ padding-left: 14px;}

.ldList{margin-top: 40px;}
.ldList table{width: 100%; border-collapse: collapse; text-align: left; border: 1px #d4d4d4 solid;}
.ldList table td{ padding: 18px 30px; font-size: 16px; color: #555555; border-bottom: 1px #d4d4d4 solid; vertical-align: top; width: 25%; box-sizing: border-box;}
.ldList table td a:hover{color: #cf000f;}
.ldList table td:nth-child(2n+1){background: #f8f8f8; font-size: 18px; color: #333333;}
.ldList table td a{ display: inline-block; margin-right: 14px;}
.ldList table td a:last-child{ margin-right: 0;}
.ldList table td .name{ display: block; color: #555; transition: 0.3s; margin-bottom: 18px;}
.ldList table td .name:last-child{ margin-bottom: 0;}

/*学科专业*/
.subjectList{ padding-top: 6px;}
.subjectList .item{ margin-top: 28px;}
.subjectList .item .tit{ height: 44px; line-height: 44px; border-bottom: 1px #185ca3 solid;}
.subjectList .item .tit span{position: relative; display: inline-block; font-size: 18px; color: #185ca3; font-weight: bold;}
.subjectList .item .tit span::before{ content: ""; position: absolute; border-bottom: 0; left: 0; bottom: 0; width: 100%; height: 2px; background: #185ca3;}
.subjectList .item .text{ font-size: 16px; line-height: 36px; padding-top: 10px; color: #000;}
.subjectList .item .text span{ display: inline-block; margin-right: 28px;}
.subjectList .item .text span.b{font-weight: bold;}

/*教师风采*/
.teacher .teacherTab{ display: flex; display: -webkit-flex; justify-content: space-between; font-size: 0; margin-top: 37px;}
.teacher .teacherTab a{position: relative; display: inline-block; height: 60px; line-height: 60px; font-size: 22px; color: #fff; font-weight: bold;  min-width: 176px; text-align: center; z-index: 0;}
.teacher .teacherTab a::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/tabBg1.jpg) no-repeat 0 0; background-size: cover; z-index: -1;}
.teacher .teacherTab a::after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/tabBg.jpg) no-repeat 0 0; background-size: cover; z-index: -1; opacity: 0; transition: 0.4s; -webkit-transition: 0.4s;}
.teacher .teacherTab a:hover::after{ opacity: 1;}
.teacher .teacherTab a.on::after{ opacity: 1;}
.teacher .teacherBox .item{ margin-top: 38px;}
.teacher .teacherBox .item .text{ margin-top: 0;}
.teacher .teacherBox .item a{position: relative; display: inline-block; padding: 0 14px; height: 36px; line-height: 36px; border-radius: 40px; min-width: 74px; transition: 0.3s; -webkit-transition: 0.3s; margin-top: 22px;}
.teacher .teacherBox .item a i{position: relative; top: -3px; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #a5a5a5; margin-right: 6px;transition: 0.3s; -webkit-transition: 0.3s;}
.teacher .teacherBox .item a:hover{ color: #fff; background: #185ca3;}
.teacher .teacherBox .item a:hover i{background: #fff;}

/*党建工作*/
.partyBox .menuLeft .title{background: url(../images/partyMenu.jpg) no-repeat 0 0;}
.partyCon ul li{ margin-top: 42px;}
.partyCon ul li a{ display: block; overflow: hidden;}
.partyCon ul li a .pic{ width: 230px; height: 130px; overflow: hidden;}
.partyCon ul li a .pic em{ display: block; height: 100%;}
.partyCon ul li a .text{ width: calc(100% - 260px);}
.partyCon ul li a .text h3{ height: 24px; line-height: 24px; padding-bottom: 12px; border-bottom: 1px #e5e5e5 solid; font-size: 18px; color: #000; font-weight: normal;}
.partyCon ul li a .text p{ line-height: 24px; font-size: 14px; color: #666666; height: 48px; margin-top: 12px;}
.partyCon ul li a .text .time{ font-size: 13px; color: #111111; margin-top: 14px;}
.partyCon ul li a .text .time span{ color: #777; padding-left: 24px;}
.partyCon ul li a:hover .pic em{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.partyCon ul li a:hover .text h3{ color: #cf000f;}
.partyCon ul li a .text .time span:hover{color: #cf000f;}

/*page*/
.page{ text-align: center; margin-top: 60px; }
.page a{ display: inline-block; height: 38px; line-height: 38px; padding: 0 16px; border: 1px #dddddd solid; box-sizing: border-box; margin: 0 2px; transition: 0.3s;}
.page input{position: relative; top: -1px; width: 50px; border: 1px #dddddd solid; box-sizing: border-box;height: 38px; line-height: 38px; margin: 0 2px; text-align: center;}
.page a.on{background: #cf000f; color: #fff; border-color: #cf000f;}
.page a:hover{background: #cf000f; color: #fff; border-color: #cf000f;}
/* .partyBox .page a.on{background: #cf000f; border-color: #cf000f;}
.partyBox .page a:hover{background: #cf000f; border-color: #cf000f;} */

/*党建详情*/
.partyTitle{ text-align: center; margin-bottom: 50px;}
.partyTitle h3{ font-size: 22px; color: #000000; font-weight: normal; line-height: 32px; padding: 32px 0; border-bottom: 1px #f2f2f2 solid;}
.partyTitle h4{ font-size: 14px; color: #999999; margin-top: 16px; font-weight: normal;}
.partyTitle h4 span{ padding: 0 8px; display: inline-block;}
.inpageLink{ margin-top: 30px; padding-top: 16px; border-top: 1px #f2f2f2 solid;}
.inpageLink .txt{ font-size: 16px; color: #222222; line-height: 26px; height: 26px; margin-top: 14px;}
.inpageLink .txt a{ color: #222222; transition: 0.3s; -webkit-transition: 0.3s;}
.inpageLink .txt a:hover{ color: #cf000f;}

/*产品列表*/
.picList ul li{ float: left; width: 31.6%; margin-top: 40px; margin-right: 2.6%;}
.picList ul li:nth-child(3n){ margin-right: 0;}
.picList ul li .pic{ overflow: hidden;}
.picList ul li .pic em{ display: block; padding-bottom: 61%;}
.picList ul li p{position: relative; height: 60px; line-height: 60px; padding: 0 14px; box-sizing: border-box; font-size: 16px; color: #111111; text-align: center; padding-right: 44px;}
.picList ul li p i{ position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right: 14px; display: block; width: 13px; height: 11px; background: url(../images/nextIcon.png) right top; transition: 0.3s; -webkit-transition: 0.3s;}
.picList ul li a{ display: block;}
.picList ul li a:hover .pic em{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.picList ul li a:hover p{ color: #cf000f; box-shadow: 0 0 6px 6px rgba(0,0,0,0.06);}
.picList ul li a:hover p i{ background-position: left top;}

/*产品详情*/
.picIform{ margin-top: 38px;}
.picIform .pic{position: relative; width: 400px; height: 362px; box-shadow: 0 0 14px rgba(0,0,0,0.14); overflow: hidden;}
.picIform .pic img{max-width: 100%; max-height: 100%;}
.picIform .text{ width: calc(100% - 440px);}
.picIform .text h3{ font-size: 22px; color: #111111; line-height: 24px; padding-bottom: 24px; border-bottom: 2px #f5f5f5 solid; margin-bottom: 28px;}
.picIform .text p{ font-size: 18px; color: #111; line-height: 28px; padding-bottom: 14px;}
.picTextBox .title{ height: 60px; line-height: 60px; background: #f8f8f8; margin-top: 37px;}
.picTextBox .title span{ display: inline-block; padding: 0 24px; font-size: 20px; color: #fff; background: #1b6ec4;}
.picTextBox .title span img{ position: relative; top: 2px; margin-right: 16px;}
.picTextBox .box .tit{position: relative; font-size: 18px; color: #1b6ec4; padding-left: 10px; margin-top: 40px; margin-bottom: 6px;}
.picTextBox .box .tit::before{ content: ""; position: absolute; top: 6px; left: 0; width: 3px; height: 17px; background: #1b6ec4;}

/*新闻列表*/
.newList li{ float: left; width: 48.33%; margin-top: 38px;}
.newList li:nth-child(2n){ float: right;}
.newList li a{ display: block; padding: 0 34px; background: #f9f9f9; padding-top: 24px;}
.newList li a h3{   font-size: 16px; color: #000; line-height: 30px; height: 60px; font-weight: normal;}
.newList li a .time{ height: 56px; line-height: 56px; overflow: hidden; margin-top: 20px; border-top: 1px #e1e1e1 solid;}
.newList li a .time span{ float: right; color: #999; transition: 0.3s;}
.newList li a .time span i{ display: inline-block; width: 13px; height: 11px; background: url(../images/nextIcon.png) top left; filter: brightness(0) invert(0.6); margin-left: 6px; transition: 0.3s; -webkit-transition: 0.3s;}
.newList li a:hover .time span i{ filter: initial;}
.newList li a:hover{ box-shadow: 0 0 14px rgba(0,0,0,0.16); background: #fff;}
.newList li a:hover h3{ color: #d9171f;}
.newList li a:hover .time span{ color: #d9171f;}

/*联系我们*/
.contactBox .item{position: relative; border: 1px #1b6ec4 solid; margin-top: 56px;}
.contactBox .item .tit{ position: absolute; top: 0; left: 0; width: 72px; height: 100%; font-size: 22px; color: #fff; background: #1b6ec4;}
.contactBox .item .tit span{ display: inline-block; width: 22px;}
.contactBox .item table{ width: calc(100% - 72px); text-align: center; margin-left: 72px; border-collapse: collapse; border-spacing: 0;}
.contactBox .item table thead tr{background: #ebebeb;}
.contactBox .item table thead tr td{ font-size: 18px; color: #333;}
.contactBox .item table td{padding: 16px 14px; height: 26px; line-height: 26px; font-size: 16px; color: #555555; border-right: 1px #d4d4d4 solid;}
.contactBox .item table tbody tr:nth-child(2n){ background: #f8f8f8;}
.contactBox .item table td:first-child{ width: 12.3%;}
.contactBox .item table td:nth-child(2){ width: 12.3%;}
.contactBox .item table td:nth-child(3){ text-align: left; padding-left: 28px;}
.contactBox .item table td:nth-child(4){ width: 15.2%;}

/*专题网站*/
.contanBox .websiteCon{ padding-bottom: 38px;}
.websiteBox ul li .tit{ background:url(../images/webBg.png) no-repeat center center; background-size: cover; text-align: center; color: #fff; padding: 10px 0;}
.websiteBox ul li:nth-child(2) .tit{ background:url(../images/webBg2.png) no-repeat center center;}
.websiteBox ul li:nth-child(3) .tit{ background:url(../images/webBg3.png) no-repeat center center;}
.websiteBox ul li:nth-child(4) .tit{ background:url(../images/webBg4.png) no-repeat center center;}
.websiteBox ul li:nth-child(5) .tit{ background:url(../images/webBg5.png) no-repeat center center;}
.websiteBox ul li .tit h3{ font-size: 22px; }
.websiteBox ul li .tit p{ font-size: 16px; color: rgba(255,255,255,0.7);}
.websiteBox ul li .box{background: #f9f9f9; padding: 0 0 0 26px; padding-bottom: 28px;}
.websiteBox ul li .box a{position: relative; padding-left: 14px; font-size: 16px; color: #000000; line-height: 32px; margin-top: 20px; margin-right: 36px; transition: 0.3s; -webkit-transition: 0.3s;}
.websiteBox ul li .box a::before{ content: ""; position: absolute; top: 14px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: #909090; transition: 0.3s; -webkit-transition: 0.3s;}
.websiteBox ul li .box a:hover{ color: #cf000f; text-indent: 0.5em; margin-right: calc(36px - 0.5em);}
.websiteBox ul li .box a:hover::before{ width: 16px; height: 3px; background: #e10519; border-radius: 0;}

/*列表*/
.searchList ul li a{ display: block; height: 50px; line-height: 50px; border-bottom: 1px #eee solid;}
.searchList ul li a p{ float: left; width: calc(100% - 150px); font-size: 16px; }
.searchList ul li a:hover p{ color: #cf000f; text-indent: 0.5em;}


@media screen and (max-width: 1480px){
	.nav-box .nav > li > a{ padding: 0 37px;}
}

@media screen and (max-width: 1365px){
	.nBan .text{ width: 94%; padding-left: 0;}
	
	.nav-box .nav > li > a{ padding: 0 28px;}
	.partTwo .left ul li a em{ height: 100px;}
	.partTwo .right{ height: 100px;}
	.partTwo .right ul{ padding-top: 6px;}
	.footer .footNav a{ margin-right: 15px;}
	/*教师风采*/
	.teacher .teacherTab a{ font-size: 18px; min-width: auto; padding: 0 16px;}
}

@media screen and (max-width: 1200px){
	.nav-box{ display: none;}
	.searchIcon{ display: block;}
	.header .right .searchBox{ display: none;}
	.menu-btn{ display: block;}
	.header{ height: 110px;}
	.header .logo img{ height: 64px;}
	.header .right .searchBox{ margin-top: 6px;}
	/*产品详情*/
	.picIform .text{ width: 100%; margin-top: 20px;}
}

@media screen and (max-width: 1023px){
	.partOne .left{ width: 100%;}
	.partOne .right{ width: 100%;}
	.partTwo .left{ width: 100%;}
	.partTwo .left ul li a em{height: auto; padding-bottom: 14.77%;}
	.partTwo .right{ width: 100%; margin-top: 14px; height: auto; padding: 12px 0;}
	.partThree .left{ width: 100%;}
	.footer .footNav{ display: none;}
	.footer .selectBox{ position: relative;}
	/*内页公用*/
	.nBan{ padding-bottom: 28%;}
	.menuLeft{ display: none;}
	.contanBox{ width: 100%;}
	.contanBox .contan{ padding: 0 30px 30px 30px;}
}

@media screen and (max-width: 767px){
	.header{position: relative; height: 70px;}
	.header .logo img{ height: 36px;}
	.menu-btn{ top: 40%;}
	.searchIcon{ top: 40%;}
	.header .right{position: absolute; right: 2%; top: 80%;}
	.header .right .enter a{ font-size: 13px;}
	.header .right .enter a.en{ margin-left: 0; padding-left: 8px;}
	/*banner*/
	.banner .swiper-slide a{ padding-bottom: 44%;}
	.banner .btn{ bottom: 10px;}
	.banner .btn span{ width: 8px; height: 8px; margin: 0 6px !important;}
	.banner .btn span::before{left: -2px; top: -2px; width: calc(100% + 4px); height: calc(100% + 4px);}
	.banner .bannerNext{ display: none;}
	.banner .bannerPrev{ display: none;}
	/*公用*/
	.indexTitle{ margin-top: 6px; height: 46px; line-height: 46px;}
	.indexTitle .tit{ font-size: 18px;}
	/*part1*/
	.partOne .left .picBox{ width: 100%; margin-top: 10px;}
	.partOne .left .picBox ul li .pic em{ height: auto; padding-bottom: 64.3%;}
	.partOne .left .picBox .picBoxNext{ display: none;}
	.partOne .left .picBox .picBoxPrev{ display: none;}
	.partOne .left .picBox ul li .text{ padding: 0 10px; height: 46px; line-height: 46px;}
	.partOne .left .picBox ul li .text p{ font-size: 14px;}
	.partOne .left .picBox .btn{ bottom: 22px;}
	.partOne .left .picBox .btn span{ width: 8px; height: 8px;}
	.partOne .left .picBox .btn span.swiper-pagination-bullet-active{ width: 20px;}
	.partOne .left .partList{ width: 100%;}
	.part .partList ul li a{ height: 42px; line-height: 42px;}
	.part .partList ul li a p{ font-size: 14px;}
	.part .partList ul li a i{ font-size: 13px;}
	.partOne .right .list ul li a{ padding: 8px 0;}
	.partOne .right .list ul li a .time b{ font-size: 28px;}
	.partOne .right .list ul li a .time i{ font-size: 13px;}
	.partOne .right .list ul li a .text{width: calc(100% - 60px);}
	.partOne .right .list ul li a .text p{ font-size: 14px;}
	/*part2*/
	.partTwo{ margin-top: 14px;}
	.partTwo .left ul li a em{ padding-bottom: 20%;}
	.partTwo .left .btn{ bottom: 6px;}
	.partTwo .left .btn span{ width: 6px; height: 6px;}
	.partTwo .left .btn span.swiper-pagination-bullet-active{ width: 18px;}
	.partTwo .right ul li .text{ font-size: 14px;}
	.partThree .itemTop .pic{ width: 100%;}
	.partThree .itemTop .text{ width: 100%;}
	.partThree .itemTop .text h3{ max-height: 52px; line-height: 26px; height: auto; font-size: 16px; margin-top: 4px;}
	.partThree .itemTop .text p{ margin: 6px 0;}
	.partThree .itemTop{ margin-top: 14px;}
	.partFour{ margin: 16px 0; padding-bottom: 20px;}
	.partFour .btn{ display: block;}
	.footer{ padding: 16px 0;}
	.footer .footText{ margin-top: 0; }
	.footer .footText span{line-height: 26px; font-size: 12px; margin-right: 2px;}
	.footer .selectBox .item{ height: 46px; width: 100%;}
	.footer .selectBox .item span{height: 46px; line-height: 46px;}
	.footer .selectBox .item ul{ bottom: 46px;}
	/*内页公用*/
	.nBan{ padding-bottom: 32%;}
	.nBan h3{ font-size: 20px;}
	.nBan p{ font-size: 16px;}
	.container{ padding-top: 20px;}
	.contanBox{ min-height: initial;}
	.containerBox{ padding-bottom: 16px;}
	.contanBox .contan{ padding:4px 14px 20px 14px;}
	.clib{ height: 52px; line-height: 52px; border-bottom: 2px #f2f2f2 solid;}
	.clib .clibLink{ display: none;}
	.clib h3{ font-size: 18px;}
	.clib h3 img{ display: none;}
	.word{ font-size: 15px; line-height: 28px;}
	/*about*/
	.aboutTitle{ font-size: 18px; margin: 14px 0 8px 0;}
	/*现任领导*/
	.leaderList ul li{ margin-top: 20px;}
	.leaderList ul li a{ padding: 10px;}
	.leaderList ul li a .pic{ width: 120px; height: 147px; margin-bottom: 6px; float: initial; margin: 0 auto;}
	.leaderList ul li a .text{ width: 100%;}
	.leaderList ul li a .text h3{ height: 32px; line-height: 32px;}
	.leaderList ul li a .text h3 b{ font-size: 16px;}
	.leaderList ul li a .text p{ font-size: 14px; line-height: 22px; max-height:none; margin-top: 10px; -webkit-line-clamp: initial;}
	
	.ldList{ margin-top: 20px;}
	.ldList table td{ padding: 10px 4px; font-size: 13px;}
	.ldList table td:nth-child(2n+1){ font-size: 14px;}
	.ldList table td .name{ margin-bottom: 10px;}
	/*学科专业*/
	.subjectList .item{ margin-top: 4px;}
	.subjectList .item .text{ font-size: 14px; line-height: 32px;}
	.subjectList .item .text span{ margin-right: 14px;}
	/*教师风采*/
	.teacher .teacherTab{ margin-top: 16px;}
	.teacher .teacherTab a{ font-size: 15px; padding: 6px; line-height: 24px; margin: 0 2px; height: auto;}
	.teacher .teacherBox .item{ margin-top: 10px;}
	.teacher .teacherBox .item a{ margin-top: 10px;}
	/*党建工作*/
	.partyCon ul li{ margin-top: 16px;}
	.partyCon ul li a .pic{ width: 100%; height: auto;}
	.partyCon ul li a .pic em{height: auto; padding-bottom: 56%;}
	.partyCon ul li a .text{ width: 100%; margin-top: 14px;}
	.partyCon ul li a .text h3{ font-size: 16px; padding-bottom: 8px;}
	.partyCon ul li a .text p{ margin-top: 6px;}
	.partyCon ul li a .text .time{ margin-top: 6px;}
	.page{ margin-top: 20px;}
	.page a, .page span, .page input{ display: none;}
	.page .btn{ display: inline-block;}
	/*党建详情*/
	.partyTitle{ margin-bottom: 20px;}
	.partyTitle h3{ font-size: 18px; padding: 16px 0; line-height: 28px;}
	.inpageLink{ margin-top: 14px; padding-top: 6px;}
	.inpageLink .txt{ font-size: 15px; margin-top: 10px;}
	/*产品列表*/
	.picList ul li{ width: 100%; margin-right: 0; margin-top: 20px;}
	.picList ul li p{ height: 40px; line-height: 40px; font-size: 15px;}
	.picIform{ margin-top: 20px;}
	.picIform .pic{ width: 100%; height: 230px;}
	.picIform .text h3{ font-size: 16px; padding-bottom: 10px; margin-bottom: 10px;}
	.picIform .text p{font-size: 15px; padding-bottom: 8px;}
	.picTextBox .title{ margin-top: 10px; height: 40px; line-height: 40px;}
	.picTextBox .title span{ font-size: 16px; padding: 0 10px;}
	.picTextBox .title span img{ width: 16px; margin-right: 6px;}
	.picTextBox .box .tit{ margin-top: 16px; font-size: 16px;}
	/*新闻列表*/
	.newList li{ width: 100%; margin-top: 16px;}
	.newList li a{ padding: 10px 16px 0 16px;}
	.newList li a h3{ font-size: 15px; line-height: 26px; height: 52px;}
	.newList li a .time{ margin-top: 14px; height: 40px; line-height: 40px;}
	/*联系我们*/
	.contactBox .item{ margin-top: 16px;}
	.contactBox .item .tit{ position: relative; top: 0; left: 0; height: 40px; line-height: 40px; width: 100%;}
	.contactBox .item .tit span{ width: 100%; left: 0; top: 0; padding-left: 14px; font-size: 16px; transform: none;}
	.contactBox .item table{ width: 100%; margin-left: 0;}
	.contactBox .item table td{ padding: 10px 4px; font-size: 14px;}
	.contactBox .item table td:nth-child(3){ padding-left: 8px;}
	.contactBox .item table thead tr td{ font-size: 14px;}
	/*专题网站*/
	.websiteBox ul li .tit{ padding: 6px 0;}
	.websiteBox ul li .tit h3{ font-size: 16px;}
	.websiteBox ul li .tit p{ font-size: 13px;}
	.websiteBox ul li .box{ padding-left: 10px;}
	.websiteBox ul li .box a{ display: block; font-size: 14px; margin-top: 0; padding-top: 12px; line-height: 22px; margin-right: 0;}
	.websiteBox ul li .box a::before{ top: 20px;}
	/*列表*/
	.searchList ul li a{ height: 42px; line-height: 42px;}
	.searchList ul li a p{ font-size: 15px; width: calc(100% - 100px);}
}



