@charset "utf-8";
/*全局样式*/
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;}
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；}
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;}
/*清除浮动*/
.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: #b80e00;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;}
/*底部按钮通用样式*/
.btns-area{font-size: 0;text-align: center;}
.btns-area .btn{display: inline-block;padding: 0 2em;margin: 0 10px;background-color: #fff;border: 1px solid #ddd;border-radius: 4px;font-size: 16px;line-height: 34px;color: #000;cursor: pointer;}
.btns-area .btn img{display: inline-block;vertical-align: middle;margin: -3px 6px 0 0;}
.btns-area .btn:hover{opacity: .9;}
/*按钮hover动效1*/
.hover-btn{z-index: 1;position: relative;display: inline-block;padding: 0 2em;background-color: transparent;border: 1px solid #ccc;border-radius: 0;font-size: 16px;line-height: 34px;color: #000;cursor: pointer;}
.hover-btn:after{content: "";z-index: -1;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #3da7ea;transform: scaleX(0);transition: 0.3s;}
.hover-btn:hover{color: #fff;}
.hover-btn:hover:after{transform: scaleX(1);}
/*自定义单选框input[type="radio"]样式*/
.custom-input label{display: inline-block;cursor: pointer;}
.custom-input input[type="radio"]{width: 1px;height: 1px;margin: 0;opacity: 0;}
.custom-input input[type="radio"] + em{position: relative;display: inline-block;width: 12px;height: 12px;margin: -2px 8px 0 0;;border: 1px solid #fff;border-radius: 50%;vertical-align: middle;cursor: pointer;}
.custom-input input[type="radio"] + em:before{content: '';position: absolute;left: 50%;top: 50%;width: 6px;height: 6px;border-radius: 50%;transform: translate(-50%,-50%);}
.custom-input input[type="radio"]:checked + em{background-color: #009adc;border-color: #009adc;}
.custom-input input[type="radio"]:checked + em:before{background-color: #fff;}
.custom-input input[type="radio"] + em:hover{border-color: #009adc;}
/*自定义多选框input[type="checkbox"]样式*/
.custom-input input[type="checkbox"]{width: 1px;height: 1px;margin: 0;opacity: 0;}
.custom-input input[type="checkbox"] + em{position: relative;display: inline-block;width: 16px;height: 16px;margin: -2px 8px 0 0;background-color: #fff;border: 1px solid #ccc;vertical-align: middle;cursor: pointer;}
.custom-input input[type="checkbox"] + em:before{content: '';position: absolute;left: 50%;top: 50%;width: 10px;height: 10px;background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTBwdCIgaGVpZ2h0PSIxMHB0IiB2aWV3Qm94PSIwIDAgMTAgMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgb3BhY2l0eT0iLjg1IiBkPSJNNC4zMSA2Ljc2QzUuNjEgNC4xNCA3LjE3IDEuNTkgOS43Mi4wMUwxMCAzLjN2LjMxQzcuNzcgNS40NSA1Ljk4IDcuNzIgNC4yMyAxMGgtLjE2QzIuODkgOC44MiAxLjg1IDYuOTMgMCA2Ljgydi0uNTNjLjU5LS40MSAxLjc4LTEuMjMgMi4zNy0xLjY0LjY1LjcgMS4yOSAxLjQxIDEuOTQgMi4xMXoiLz48L3N2Zz4=");background-size: 100% 100%;transform: translate(-50%,-50%);}
.custom-input input[type="checkbox"]:checked + em{background-color: #009adc;border-color: #009adc;}
.custom-input input[type="checkbox"]:checked + em:before{background-color: #009adc;}
.custom-input input[type="checkbox"] + em:hover{border-color: #009adc;}
/*自定义表单通用样式*/
.custom-form{font-size: 0;}
.custom-form .title{margin-bottom: 30px;font-size: 18px;line-height: 20px;}
.custom-form .title span{display: inline-block;padding-left: 10px;border-left: 3px solid #ca0000;color: #ca0000;}
.custom-form .row{display: inline-block;width: 100%;margin-bottom: 20px;font-size: 14px;}
.custom-form .row.w50{width: 50%;}
.custom-form .row.w33{width: 33%;}
.custom-form .row .name{float: left;width: 5em;padding: 10px 1em 10px 0;line-height: 16px;text-align: right;}
.custom-form .row .info-content{margin-left: 5em;}
.custom-form input[type="text"]{width: 100%;height: 36px;padding-left: 10px;border: 1px solid #ddd;border-radius: 4px;}
.custom-form input[type="text"]:focus{border-color: #009adc;}
.custom-form textarea{width: 100%;height: 200px;border: 1px solid #ddd;padding: 10px;border-radius: 4px;resize: none;}
.custom-form textarea:focus{border-color: #009adc;}
.custom-form select{width: 100%;height: 36px;padding-left: 5px;border: 1px solid #ddd;outline: none;}
.custom-form select:focus{border-color: #009adc;}
.custom-form .upload-avatar{position: relative;display: block;width: 80px;height: 80px;border-radius: 50%;cursor: pointer;overflow: hidden;}
.custom-form .upload-avatar input[type="file"]{display: none;}
.custom-form .upload-avatar .avatar{height: 100%;}
.custom-form .upload-avatar .avatar img{width: 100%;height: 100%;}
.custom-form .upload-avatar .tips{position: absolute;left: 50%;top: 50%;width: 4em;height: 20px;background-color: rgba(0,0,0,.3);text-align: center;line-height: 20px;color: #fff;transform: translate(-50%,-50%);}
.custom-form .choice-area{padding: 10px 0;line-height: 16px;}
.custom-form .choice-area label{display: inline-block;margin: 0 10px 5px 0;cursor: pointer;}
.custom-form .choice-area label span{margin-left: 3px;}
.custom-form .yzm-area{position: relative;width: 300px;}
.custom-form .yzm-area input[type="text"]{width: 200px;}
.custom-form .yzm-area .btn{position: absolute;right: 0;top: 0;width: 100px;height: 100%;}
.custom-form .yzm-area .btn img{width: 100%;height: 100%;}
.custom-form *::-webkit-input-placeholder{color: #ccc;}
/*公用*/
.w1220{max-width: 1220px; width: 96%; margin: 0 auto;}
html,body{ background: #f8f8f8;}
.indexPage{ background: #fff;}
/*header*/
.header{ height: 150px; background: url(../images/headerBg.jpg) no-repeat center center; background-size: cover;}
.header .headerBox{ height: 100%;}
.header .logo{ display: inline-block; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.searchbox{ float: right; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); background: #fff;}
.searchbox input{ height: 40px; line-height: 40px; width: 150px; padding: 0 10px; box-sizing: border-box;}
.searchbox .btn{ width: 60px; background: #bd0f00; height: 40px; line-height: 40px; color: #fff; outline: none;}

.navBox .searchbox{display: none; top: auto; transform: translate(0); -webkit-transform: translate(0); background: #eee; padding:0 20px; width: 100%; box-sizing: border-box;}
.navBox .searchbox input{ width: calc(100% - 70px);}

.inpageTop{ background: linear-gradient(90deg,#770808 40%,#b32908,#800803); height: 40px; line-height: 40px; color: #fff; }
.inpageTop .fl{opacity: 0.6; font-size: 13px; float: left; }
.inpageTop .fr{position: relative; background: rgba(113,4,3,0.66); padding-left: 10px; float: right; width: 220px;}
.inpageTop .fr input{ background: none; color: #fff; padding: 0 10px; width:calc(100% - 44px); box-sizing: border-box; font-size: 13px;line-height: 40px;} 
.inpageTop .fr input[type=text]::-webkit-input-placeholder {
     /* placeholder颜色  */
        color: #fff;
    }
.inpageTop .fr .btn{position: absolute; top: 0; right: 0; height: 40px; width: 40px; background: #750704 url(../images/sear.png) no-repeat 6px 6px; background-size: 26px; outline: none;}
/*导航*/
.navBox{position: relative; height: 54px; line-height: 54px;  z-index: 2;}
.nav{height: 54px;margin: 0 auto;}
.nav li{position: relative;float: left; transition: 0.3s; -webkit-transition: 0.3s;}
.nav .last:before{ width: 0;}
.nav li > a{position: relative;display: block;line-height: 54px; color: #2d2d2d;padding: 0 50px; font-size: 17px;}
.nav li > a span{font-size: 12px;}
.nav li:hover{  background: #9d0e02;}
.nav li:hover a{color: #ffffff;}
.nav li.on{ background: #9d0e02;}
.nav li.on a{color: #ffffff;}
.nav li .sub_nav{display: none;z-index: 10;position: absolute;left: 0;top: 54px;width: 100%;background: rgba(0,0,0,0.6); }
.nav li .sub_nav dd{position: relative; width: 100%;line-height: 36px;text-align: center;}
.nav li .sub_nav dd::after{content: "";position: absolute;left: 0;top: 50%;width: 3px;height: 0;background-color: #fff;transition: 0.3s;}
.nav li .sub_nav dd a{display: block;font-weight: normal;color: #fff; font-size: 15px; line-height: 36px;}
.nav li .sub_nav dd:hover{background: #9d0e02;}
.nav li .sub_nav dd:hover::after{ top: 0;height: 100%; }
.nav li em{display: none;}
/*手机端导航图标*/
.navIcon{ display: none; float: right; position: relative; width: 24px;  margin-left: 18px; margin-top: 30px;}
.navIcon span{position: relative; display: block; width: 100%; height: 3px; background: #fff; border-radius: 6px; margin: 5px 0; transition: 0.3s;}
.navIcon span:nth-child(2){width: 16px;}
.navIcon.on{ padding-top: 3px;}
.navIcon.on span:nth-child(2){ display: none;}
.navIcon.on span:first-child{transform: rotate(45deg);-webkit-transform: rotate(45deg); top: 4px;}
.navIcon.on span:last-child{transform: rotate(-45deg);-webkit-transform: rotate(-45deg); top: -4px;}

/*banner*/
.banner{position: relative; width: 100%; overflow: hidden;}
.banner a{ display: block; padding-bottom: 26%; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.banner .btn span{ width: 10px; height: 10px; background: #fff; opacity: 1; transition: 0.3s; -webkit-transition: 0.3s;}
.banner .btn span.swiper-pagination-bullet-active{width: 20px; background: #85100f; border-radius: 10px;}

/*首页公用*/
.indexTitle{ height: 46px; line-height: 46px; border-bottom: 1px #b7b7b7 solid;}
.indexTitle .title{height: 100%;}
.indexTitle .title b{float: left; display: block; position: relative; font-size: 24px; color: #bd0f00; padding-right: 10px; margin-right: 6px;}
.indexTitle .title b::after{ content: ""; position: absolute; left: 0; bottom: -1px; width: calc(100% - 10px); height: 2px; background: #b80e00;}
.indexTitle .title b::before{ content: ""; position: absolute; top: 50%; right: 0; width: 1px; height: 20px; margin-top: -10px; background: #b7b7b7;}
.indexTitle .title em{display: block; position: relative; top: 50%; transform: translateY(-50%) scale(0.9); -webkit-transform: translateY(-50%) scale(0.9); float: left; font-size: 12px; line-height: 14px; color: #8e8e8e; text-transform: uppercase; }
.indexTitle .more{ float: right; font-size: 14px; color: #666666;}
.indexTitle .more:hover{ color: #b80e00;}
/*partOne*/
.partOne{ margin-top: 35px;}
.partOne .left{ width: 68.4%;}
.partOne .left .indexNew{ margin-top: 20px;}
.partOne .left .indexNew .picBox{position: relative; height: 307px; width: 425px; overflow: hidden;}
.partOne .left .indexNew .picBox .pic{ height: 100%; overflow: hidden;}
.partOne .left .indexNew .picBox .pic a{ display: block; height: 100%;}
.partOne .left .indexNew .picBox .pic em{ display: block; height: 100%;}
.partOne .left .indexNew .picBox .pic p{position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; line-height: 50px; padding: 0 80px 0 10px; font-size: 15px; color: #ffffff; background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6)); box-sizing: border-box;}
.partOne .left .indexNew .picBox .btn{ position: absolute; left: auto; right: 10px; bottom: 16px; width: auto;}
.partOne .left .indexNew .picBox .btn span{ width: 8px; height: 8px; background: rgba(255,255,255,0.5); opacity: 1;}
.partOne .left .indexNew .picBox .btn span.swiper-pagination-bullet-active{ background: rgba(255,255,255,1); width: 22px; border-radius: 10px;}
.partOne .left .indexNew .textBox { width: calc(100% - 448px);}
.partOne .left .indexNew .textBox li{ border-bottom: 1px #ebebeb solid; padding-bottom: 12px; margin-bottom: 14px;}
.partOne .left .indexNew .textBox li .tit{ position: relative;}
.partOne .left .indexNew .textBox li .tit i{ position: absolute; top: 0; right: 0; font-size: 13px; color: #666666;}
.partOne .left .indexNew .textBox li .tit h3{position: relative; height: 20px; line-height: 20px; padding-right: 74px; box-sizing: border-box; font-size: 15px; color: #3c3c3c; font-weight: normal; padding-left: 30px;}
.partOne .left .indexNew .textBox li .tit h3::before{ content: ""; position: absolute; top: 1px; left: 0; width: 18px; height: 18px; background: #d3d3d3; transition: 0.3s; -webkit-transition: 0.3s;}
.partOne .left .indexNew .textBox li .tit h3::after{ content: "+"; position: absolute; top: 1px; left: 0; width: 18px; height: 18px; line-height: 14px; text-align: center; color: #fff; font-weight: bold;}
.partOne .left .indexNew .textBox li .txt{ height: 0; font-size: 14px; color: #8e8e8e; line-height: 22px;  margin-top: 8px; padding-left: 30px; box-sizing: border-box;}
.partOne .left .indexNew .textBox li.on .txt{ height: 44px;}
.partOne .left .indexNew .textBox li:last-child{ margin-bottom: 0;}
.partOne .left .indexNew .textBox li.on .tit h3{ color: #b80e00; padding-right: 0;}
.partOne .left .indexNew .textBox li.on .tit h3::before{ background: #b80e00;}
.partOne .left .indexNew .textBox li.on .tit h3::after{content: "-";}
.partOne .left .indexNew .textBox li.on .tit i{opacity: 0;}

.partOne .right{ width: 28.1%;}
.partOne .right .indexNotice{ margin-top: 3px;}
.partOne .right .indexNotice li{ padding: 16px 0; border-bottom: 1px #ebebeb solid;}
.partOne .right .indexNotice li a{ display: block;}
.partOne .right .indexNotice li a .data{ float: left; width: 66px; text-align: center; border-right: 1px #ebebeb solid;}
.partOne .right .indexNotice li a .data b{ display: block; font-size: 27px; color: #666; line-height: 28px;}
.partOne .right .indexNotice li a .data span{ font-size: 12px; color: #3c3c3c;}
.partOne .right .indexNotice li a h3{ float: right; width: calc(100% - 82px); font-size: 15px; color: #3c3c3c; line-height: 24px; font-weight: normal;}
.partOne .right .indexNotice li a:hover .data b{color: #b80e00;}
.partOne .right .indexNotice li a:hover .data span{color: #b80e00;}
.partOne .right .indexNotice li a:hover h3{color: #b80e00;}

/*首页广告*/
.partTwo{ margin-top: 50px; font-size: 0; display: flex; display: -webkit-flex; justify-content: space-between;}
.partTwo a{ display: inline-block; font-size: 14px; width: 19%;}
.partTwo a img{ max-width: 100%;}

/*首页动态*/
.partThree{ margin-top: 36px; display: flex; display: -webkit-flex; justify-content: space-between;}
.partThree .item{width: 31.3%;}
.partThree .item .picText{overflow: hidden; margin-top: 20px; height: 80px; border-bottom: 1px #ebebeb solid; padding-bottom: 18px;}
.partThree .item .picText a{ display: block; height: 100%;}
.partThree .item .picText .pic{ float: left; width: 140px; height: 100%; overflow: hidden;}
.partThree .item .picText .pic em{ display: block; height: 100%;}
.partThree .item .picText .text{position: relative; float: right; width: calc(100% - 160px); height: 100%;}
.partThree .item .picText .text h3{ font-size: 15px; color: #3c3c3c; line-height: 26px; height: 52px; font-weight: normal;}
.partThree .item .picText .text .time{position: absolute; left: 0; bottom: 0; width: 100%; font-size: 13px; color: #666666;}
.partThree .item .picText .text .time i{ float: right; transition: 0.3s; -webkit-transition: 0.3s;}
.partThree .item .picText a:hover .text h3{color: #b80e00;}
.partThree .item .picText a:hover .time i{color: #b80e00;}
.partThree .item .picText a:hover .pic em{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.partThree .item .indexNewBox li a{ display: block; line-height: 54px; height: 54px; overflow: hidden; border-bottom: 1px #ebebeb solid;}
.partThree .item .indexNewBox li a h3{position: relative; height: 54px; line-height: 54px; width: calc(100% - 76px); float: left; font-size: 15px; color: #3c3c3c; font-weight: normal;}
.partThree .item .indexNewBox li a h3::before{  content: ""; position: absolute; top: 50%; left: 0; width: 0; height: 2px; background: #b80e00; transition: 0.3s; -webkit-transition: 0.3s;}
.partThree .item .indexNewBox li a i{ float: right;}
.partThree .item .indexNewBox li a:hover h3{color: #b80e00; text-indent: 1em;}
.partThree .item .indexNewBox li a:hover h3::before{ width: 8px;}

/*首页专题*/
.partFour{ margin-top: 30px; overflow: hidden;}
.partFour .specialBox{ position: relative; margin-top: 20px;}
.partFour .specialBox li{ overflow: hidden;}
.partFour .specialBox a{ display: block; padding-bottom: 55%; background-size: cover; background-position: center; background-repeat: no-repeat;}
.partFour .specialBox a:hover{transform: scale(1.1); -weblit-transform: scale(1.1);}
.partFour .specialBox .btn{ display: none;}
/*尾部*/
.footer{margin-top: 50px; background: url(../images/footBg.jpg) no-repeat center center; background-size: cover; padding: 32px 0; position: relative; z-index: 13;}
.footer .right{position: relative; }
.footer .right .footNav{font-size: 0; border-bottom: 1px #ffffff solid; padding-bottom: 12px;}
.footer .right .footNav a{position: relative; display: inline-block; font-size: 14px; color: #ffffff; padding: 0 27px; transition: 0.3s;}
.footer .right .footNav a::before{ content: ""; position: absolute; top: 50%; left: 0; width: 1px; height: 14px; margin-top: -7px; background: #fff;}
.footer .right .footNav a:last-child::after{ content: ""; position: absolute; top: 50%; right: 0; width: 1px; height: 14px; margin-top: -7px; background: #fff;}
.footer .right .footNav a:hover{ opacity: 0.5;}
.footer .right .p{font-size: 14px; color: #fff; margin-top: 18px;}
.footer .right .p span{ margin-right: 16px;}
.footer .right .p span:last-child{ margin-right: 0;}
.footer .right .selectBox{ position: absolute; bottom: 0; right: 0;font-size: 14px; color: #ffffff;}
.footer .right .selectBox .item{position: relative; display: inline-block; width: 220px; height: 24px; border-bottom: 1px #fff solid; line-height: 38px; margin-left: 24px; }
.footer .right .selectBox .item span{position: relative; display: block; padding: 0 30px 0 10px; height: 24px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #ffffff; cursor: pointer;}
.footer .right .selectBox .item span::after{ content: ""; position: absolute; right: 10px; top: 10px; width: 12px; height: 7px; background: url(../images/down.png) no-repeat 0 0;}
.footer .right .selectBox .item ul{display: none; position: absolute; bottom: 24px; left: -1px; width: calc(100% + 2px); background: #fff; padding: 10px 0; max-height: 160px; overflow-y: auto;}
.footer .right .selectBox .item ul li a{display: block; padding: 6px 4px; line-height: 22px; color: #666; transition: 0.3s; -webkit-transition: 0.3s;}
.footer .right .selectBox .item ul li a:hover{ color: #b80e00;}

/*内页公用*/
.nBan em{ display: block; padding-bottom: 15.625%;}
.inpagecontent{min-height: 300px; padding-top: 30px;}
.inpageBox{ background: #fff; padding: 14px; box-sizing: border-box; }
.inpageBox .meun{position: relative; width: 250px;}
.inpageBox .meun::before{ content: ""; position: absolute; top: 0; right: -24px; width: 24px; height: 463px; background: url(../images/menu-shdow.png) no-repeat 0 0; }
.inpageBox .meun .tit{ background: url(../images/menuBg.jpg) no-repeat center center; background-size: cover; padding-left: 38px; box-sizing: border-box; height: 56px;}
.inpageBox .meun .tit h3{ font-size: 20px; color: #fff; font-weight: bold; padding-top: 6px;}
.inpageBox .meun .tit span{ font-size: 12px; color: rgba(255,255,255,0.35); text-transform: uppercase;}
.inpageBox .meun .menuList li{  border-bottom: 1px #f5f5f5 solid;}
.inpageBox .meun .menuList li a{display: block; box-sizing: border-box; position: relative; font-size: 14px; color: #444444; padding-left: 62px; height: 50px; line-height: 50px; transition: 0.3s; -webkit-transition: 0.3s;}
.inpageBox .meun .menuList li a::before{ content: ""; position: absolute; top: 23px; left: 38px; width: 5px; height: 5px; background: #dcdcdc; border-radius: 50%; transition: 0.3s; -webkit-transition: 0.3s;}
.inpageBox .meun .menuList li a::after{ content: ""; position: absolute; top: 20px; right: 22px; width: 19px; height: 8px; background: url(../images/menu-more.png) right top no-repeat; transition: 0.3s; -webkit-transition: 0.3s;}
.inpageBox .meun .menuList li.on a{color: #b80e00;}
.inpageBox .meun .menuList li.on a::before{background: #b80e00;}
.inpageBox .meun .menuList li.on a::after{background: url(../images/menu-more.png) left top no-repeat;}
.inpageBox .meun .menuList li:hover a{color: #b80e00;}
.inpageBox .meun .menuList li:hover a::before{background: #b80e00;}
.inpageBox .meun .menuList li:hover a::after{background: url(../images/menu-more.png) left top no-repeat;}
.inpageBox .meun .menuNotice{ margin-top: 77px;}
.inpageBox .meun .menuNotice .txt{position: relative; height: 50px; line-height: 50px; background: #f8f8f8; padding-left: 18px; font-size: 20px; color: #b80e00;}
.inpageBox .meun .menuNotice .txt::before{ content: ""; position: absolute; top: 20px; right: 18px; width: 6px; height: 6px; border-top: 1px #b80e00 solid; border-right: 1px #b80e00 solid; transform: rotate(135deg);}
.inpageBox .meun .menuNotice .list{ padding: 0 16px;}
.inpageBox .meun .menuNotice .list li a{position: relative; display: block; height: 46px; line-height: 46px; border-bottom: 1px dashed #dcdcdc; padding-left: 16px; transition: 0.3s; -webkit-transition: 0.3s;}
.inpageBox .meun .menuNotice .list li a::before{ content: ""; position: absolute; top:17px; left: 0; width: 2px; height: 12px; background: #bbbbbb;transition: 0.3s; -webkit-transition: 0.3s;}
.inpageBox .meun .menuNotice .list li a:hover{color: #b80e00;}
.inpageBox .meun .menuNotice .list li a:hover::before{ background: #b80e00;}
.inpageBox .inpageCon{ width: calc(100% - 275px); padding: 0 46px; box-sizing: border-box;}
.inpageBox .inpageCon .clib{ height: 56px; line-height: 56px; border-bottom: 1px #f4f4f4 solid;}
.inpageBox .inpageCon .clib .tit{position: relative; display: inline-block; font-size: 22px; color: #b80e00; font-weight: bold; line-height: 56px;}
.inpageBox .inpageCon .clib .tit::before{ content: ""; position: absolute; bottom: 0; left: 0; width:100%; height: 2px; background: #b80e00;}
.inpageBox .inpageCon .clib .clibLink{color: #999999;}
.inpageBox .inpageCon .clib .clibLink a{ padding-right: 2px; color: #999; transition: 0.3s; -webkit-transition: 0.3s;}
.inpageBox .inpageCon .clib .clibLink a:hover{ color: #b80e00;}
/*页码*/
.pages{ text-align: center; font-size: 0; padding: 50px 0;}
.pages a{ font-size: 16px; display: inline-block; height: 32px; line-height: 32px; border: 1px #e0e0e0 solid; border-radius: 4px; padding: 0 12px; margin: 0 5px; transition: 0.3s; -webkit-transition: 0.3s;}
.pages a.on{background: #b80e00; border-color: #b80e00; color: #fff;}
.pages a:hover{background: #b80e00; border-color: #b80e00; color: #fff;}

/*关于我们*/
.inpageBox .inpageCon .aboutTitle{text-align: center; padding: 66px 0 50px 0;}
.inpageBox .inpageCon .aboutTitle h3{ font-size: 22px; color: #b80e00;}
.inpageBox .inpageCon .aboutTitle h4{ font-weight: normal; color: #b80e00; margin-top: 14px; padding-left: 72px;}
.inpageWord{ font-size: 14px; color: #222222; line-height: 28px; text-align: justify;}
.inpageWord img{ width:600px;/*max-width: 100%;*/ height: auto !important;}

/*现任领导*/
.leaderList ul{ margin-top: 16px;}
.leaderList ul li{margin-bottom: 42px;}
.leaderList ul li a{ display: block; overflow: hidden; background: #f9f9f9; padding: 17px; box-sizing: border-box;}
.leaderList ul li .pic{position: relative; width: 164px; height: 207px; overflow: hidden; background: #eeeeee;}
.leaderList ul li .pic img{ display: block; max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.leaderList ul li .text{ width: calc(100% - 196px);}
.leaderList ul li .text .tit{ border-bottom: 5px #eeeeee solid; padding-bottom: 8px;}
.leaderList ul li .text .tit b{ font-size: 22px; font-weight: bold; color: #b80e00;}
.leaderList ul li .text .tit i{ color: #b80e00;}
.leaderList ul li .text .tit .more{ float: right; font-size: 12px; color: #999999; display: block; margin-top: 10px;}
.leaderList ul li .text .txt{ padding-top: 4px;}
.leaderList ul li .text .txt h4{font-size: 16px; color: #222222; font-weight: normal; margin-top: 6px;}
.leaderList ul li .text .txt p{ font-size: 14px; color: #666666; line-height: 28px; height: 56px; margin-top: 18px;}
.leaderList ul li a:hover{ background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.leaderList ul li a:hover .text .tit .more{ color: #b80e00;}

/*新闻列表*/
.newTop{ margin-top: 23px;}
.newTop a{display: block; overflow: hidden;}
.newTop a .pic{ width: 46.8%; overflow: hidden;}
.newTop a .pic em{display: block; height: 214px;}
.newTop a .text{ width: 50%;}
.newTop a .text h3{font-size: 17px; font-weight: normal; color: #b80e00; height: 48px; line-height: 48px; border-bottom: 2px #bd1b04 solid;}
.newTop a .text p{color: #666666; line-height: 26px; height: 104px; margin-top: 16px; text-align: justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.newTop a .text .time{color: #b80e00; margin-top: 18px; overflow: hidden;}
.newTop a .text .time span{ float: right; font-size: 12px;}
.newTop a:hover .text h3{ text-indent: 0.5em;}
.newList ul{ margin-top: 22px;}
.newList ul li{ padding-top: 24px ; border-bottom: 1px #f0f0f0 solid;}
.newList ul li a{ position: relative; display: block; overflow: hidden; padding-bottom: 24px;}
.newList ul li a::before{ content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background: #b80e00; transition: 0.5s; -webkit-transition: 0.5s;}
.newList ul li .time{ width: 76px; height: 95px; border: 1px #eeeeee solid; text-align: center; padding: 0 8px; box-sizing: border-box;}
.newList ul li .time b{ font-size: 41px; color: #999999; display: block; border-bottom: 1px #eeeeee solid; padding: 2px 0;}
.newList ul li .time span{display: block; font-size: 12px; color: #999999; padding-top: 8px;}
.newList ul li .text{ width: calc(100% - 94px);}
.newList ul li .text h3{font-size: 16px; font-weight: normal; color: #333333; height: 24px; line-height: 24px;}
.newList ul li .text p{color: #666666; line-height: 22px; height: 44px; margin: 4px 0 6px 0;}
.newList ul li .text span{ font-size: 12px; color: #848484;}
.newList ul li a:hover .time{background: #b80e00;}
.newList ul li a:hover .time b{ color: #fff;}
.newList ul li a:hover .time span{ color: #fff;}
.newList ul li a:hover .text h3{ color: #b80e00;}
.newList ul li a:hover .text span{ color: #b80e00;}
.newList ul li a:hover::before{ width: 100%;}
/*新闻详情页*/
.newsTitle{ margin-top: 66px; margin-bottom: 30px; text-align: center;}
.newsTitle h3{ font-size: 22px; color: #b80e00; padding-bottom: 14px; border-bottom: 1px #f4f4f4 solid;}
.newsTitle h4{ font-weight: normal; margin-top: 14px;}
.newsTitle h4 span{display: inline-block; font-size: 12px; color: #999999; margin: 0 10px;}
.newBottom{ margin-top: 22px;}
.newBottom .name{ font-size: 12px; color: #999999;}
.newBottom .name span{ display: inline-block; padding-right: 20px;}
.newBottom .url{ margin-top: 14px;}
.newBottom .url h3{ font-size: 12px; color: #999999; font-weight: normal;}
.newBottom .url h4{ font-size: 12px; color: #666666; font-weight: normal;}
.newBottom .url h4 a{ color: #c75607;}
.inpage{ margin-top: 20px; border-top: 1px #f4f4f4 solid; padding-top: 12px; padding-bottom: 20px;}
.inpage p{ height: 30px; line-height: 30px; font-size: 12px; color: #444444;}
.inpage p a{ color: #444444;}
.inpage p a:hover{ color: #b80e00;}


/*教师名录*/
.teacherTitle{ text-align: center; margin: 46px 0 30px 0;}
.teacherTitle h3{position: relative; font-size: 18px; color: #b80e00; padding-bottom: 16px;}
.teacherTitle h3::before{ content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); -weblit-transform: translateX(-50%);  width: 30px; height: 4px; background: #b80e00;}
.teacherList{ padding-bottom: 1px;}
.teacherList .item{ position: relative; margin-bottom: 30px;}
.teacherList .item .tit{ position: absolute; top: 0; left: 0; width: 178px; height: 100%; background: #b80e00;}
.teacherList .item .tit span{position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size: 18px; color: #fff; left: 0; display: block; width: 100%; text-align: center;}
.teacherList .item .name{ padding-left: 198px; overflow: hidden; font-size: 0; border: 1px #c02306 solid;}
.teacherList .item .name a{position: relative; display: inline-block; width: 4.8em; padding-left: 0.7em; font-size: 16px; color: #333333; height: 42px; line-height: 42px; font-size: 16px; color: #333333; transition: 0.3s; -webkit-transition: 0.3s;}
.teacherList .item .name a::before{content: ""; position: absolute; top: 50%; left: 0; width: 5px; height: 5px; background: #bfbfbf; border-radius: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: 0.3s; -webkit-transition: 0.3s;}
.teacherList .item .name a:hover{ color: #b80e00;}
.teacherList .item .name a:hover::before{background: #b80e00;}

/*专题*/
.specialList{ margin-top: 22px;}
.specialList ul{ overflow: hidden;}
.specialList ul li{ float: left; width: 32%; margin-bottom: 26px; margin-right: 2%;}
.specialList ul li:nth-child(3n){ margin-right: 0;}
.specialList ul li a{ display: block; width: 100%;}
.specialList ul li a .pic{ width: 100%; overflow: hidden;}
.specialList ul li a .pic em{ display: block; padding-bottom: 55%;}
.specialList ul li a p{font-size: 16px; color: #333333; height: 60px; line-height: 60px;}
.specialList ul li a:hover p{ color: #b80e00;}

/*下载*/
.downList ul li{ padding-top: 24px ; border-bottom: 1px #f0f0f0 solid;}
.downList ul li a{ display: block; overflow: hidden; padding-bottom: 24px;}
.downList ul li a .time{ width: 76px; height: 95px; border: 1px #eeeeee solid; text-align: center; padding: 0 8px; box-sizing: border-box;}
.downList ul li a .time b{ font-size: 41px; color: #999999; display: block; border-bottom: 1px #eeeeee solid; padding: 2px 0;}
.downList ul li a .time span{display: block; font-size: 12px; color: #999999; padding-top: 8px;}
.downList ul li a .text{ width: calc(100% - 240px); margin-left: 18px;}
.downList ul li a .text h3{ font-size: 16px; color: #333333; height: 22px; line-height: 22px; font-weight: normal;}
.downList ul li a .text p{ font-size: 14px; color: #666; margin-top: 8px; margin-bottom: 3px; line-height: 22px; height: 44px;}
.downList ul li a .text .come{ color: #666666;}
.downList ul li a .text .come span{ padding-right: 28px;}
.downList ul li a .text .come span:last-child{padding-right: 0;}
.downList ul li a .down{margin-top: 30px;}
.downList ul li a .down span{display: block; width: 112px; height: 40px; text-align: center; line-height: 40px; border: 1px #e5e5e5 solid; box-sizing: border-box; color: #848484;}
.downList ul li a .down span i{ display: inline-block; width: 21px; height: 17px; background: url(../images/down-icon1.png) no-repeat 0 0; background-size: cover; margin-right: 4px; position: relative; top: 2px;}
.downList ul li a .down em{ display: block; text-align: right; color: #999999; margin-top: 8px;}
.downList ul li a:hover .time{background: #b80e00;}
.downList ul li a:hover .time b{ color: #fff;}
.downList ul li a:hover .time span{ color: #fff;}
.downList ul li a:hover .text h3{ color: #b80e00;}
.downList ul li a:hover .down span{ border-color: #b80e00; color: #b80e00;}
.downList ul li a:hover .down span i{ background: url(../images/down-icon2.png) no-repeat 0 0;}
/*列表*/
.pageList{margin-top: 20px;}
.pageList ul li{ border-bottom: 1px #eee solid;}
.pageList ul li a{ display: block; overflow: hidden;  height: 46px; line-height: 46px;}
.pageList ul li a p{position: relative; height: 46px; line-height: 46px; width: calc(100% - 120px); font-size: 15px; color: #333;}
.pageList ul li a p::before{ content: ""; position: absolute; top: 50%; left: 0; width: 0; height: 2px; background: #b80e00; transition: 0.3s; -webkit-transition: 0.3s;}
.pageList ul li a i{ color: #999;}
.pageList ul li a:hover p::before{ width: 8px;}
.pageList ul li a:hover p{color: #b80e00; text-indent: 1em;}


@media screen and (max-width: 1220px){
	.nav li > a{ padding: 0 44px;}
}

@media screen and (max-width: 1200px){
        .inpageTop{position: fixed; top: 0; left: 0; width: 100%; z-index: 14;}
	.header{position: fixed; top: 0; left: 0; width: 100%; z-index: 14; height: 90px;}
	.header .logo img{ height: 50px;}
        .header .searchbox{ display: none;}
	.navBox .searchbox{ display: block;}
	.navIcon{ display: block;}
	.navBox{display: none; position: fixed; top: 130px; left: 0; width: 100%; height: calc(100% - 130px); z-index: 14; background: #fff; overflow-y: auto;}
	.nav li{ display: block; width: 100%; border-bottom: 1px #eee solid;}
	.nav li > a{float: left; color: #333; width: calc(100% - 80px); box-sizing: border-box; font-size: 16px;}
	.nav li em{ display: block; width: 80px; float: right; text-align: center; cursor: pointer;}
	.nav li:hover{background: none;}
	.nav li .sub_nav{ position: inherit;overflow: hidden; top: 0; left: 0; width: 100%; background: #fff; padding-bottom: 12px;}
	.nav li .sub_nav dd{ text-align: left; padding-left: 60px;}
	.nav li .sub_nav dd a{ color: #333;}
	.nav li .on{ background: #fff; color: #40b8f6;}
	.nav li:hover{ color: #333;}
	.banner{ margin-top: 130px;}
	.nav li.on{background: none;}
	.nav li.on a{ color: #333;}
	.nav li:hover a{ color: #333;}
	/*内页公用*/
	.nBan{ margin-top: 90px;}
}

@media screen and (max-width: 1023px){
	.partOne .left{ width: 100%;}
	.partOne .right{ width: 100%; margin-top: 20px;}
	.partTwo{ margin-top: 20px;}
	.partThree{ display: block;}
	.partThree .item{ width: 100%; margin-top: 20px;}
	.footer .right .footNav a{ padding: 0 26px;}
	.footer .right{ margin-top: 20px;}
	/*内页公用*/
	.inpageBox .meun .menuNotice{ display: none;}
	.inpageBox .meun .tit{ display: none;}
	.inpageBox .meun::before{ display: none;}
	.inpageBox .meun{ width: 100%;}
	.inpageBox .meun .menuList{ border-bottom: 1px #f5f5f5 solid; text-align: center;}
	.inpageBox .meun .menuList li{ display: inline-block; margin-right: 10px; border-bottom: none;}
	.inpageBox .meun .menuList li:last-child{ margin-right: 0;}
	.inpageBox .meun .menuList li a::after{ display: none;}
	.inpageBox .meun .menuList li a::before{ display: none;}
	.inpageBox .meun .menuList li a{ padding-left: 0;}
	.inpageBox .inpageCon{ width: 100%; padding: 0;}
	.inpageBox .inpageCon .aboutTitle{ padding: 30px 0;}
	.inpageBox .inpageCon .clib .tit{ font-size: 18px;}
	.inpageBox .inpageCon .clib .clibLink{ display: none;}
	.inpageBox .inpageCon .clib .tit{ line-height: 44px;}
	.inpageBox .inpageCon .clib{ height: 44px; line-height: 44px;}
        .inpageWord img{ width:100%;}
}


@media screen and (max-width: 767px){
        .inpageTop{height: 30px; line-height: 30px;}
	.inpageTop .fl{ font-size: 12px;}
	.inpageTop .fl span{ display: none;}
	.inpageTop .fr{ display: none;}
	.header{ height: 60px;}
	.header .logo img{ height: 30px;}
	.navIcon{ margin-top: 14px;}
	.navBox{ top: 90px; height: calc(100% - 90px);}
	.nav li > a{ font-size: 14px;}
	.banner{ margin-top: 60px;}
	.banner a{ padding-bottom: 42%;}
	.partOne{ margin-top: 10px;}
	.indexTitle .title b{ font-size: 18px;}
	.indexTitle .title em{ line-height: 16px;}
	.indexTitle .more{ font-size: 13px;}
	.partOne .left .indexNew .picBox{ width: 100%; height: 260px;}
	.partOne .left .indexNew .textBox{ width: 100%; margin-top: 10px;}
	.partTwo{ display: block;}
	.partTwo a{ width: 100%; display: block; margin-bottom: 6px;}
	.partThree{ margin-top: 14px;}
	.partThree .item{ margin-top: 10px;}
	.partFour{ padding-bottom: 20px;}
	.partFour .specialBox .btn{ display: block; bottom: -20px;}
	.partFour .specialBox .swiper-pagination-bullet-active{ background: #b80e00;}
	.footer{ margin-top: 20px; padding: 16px 0;}
	.footer .right .footNav{display: none;}
	.footer .left{ width: 100%;}
	.footer .left img{ display: block; margin: 0 auto; height: 60px;}
	.footer .right{ margin-top: 6px;}
	.footer .right .p span{ display: block; margin-right: 0;}
	.footer .right .p{ margin-top: 10px;}
	.footer .right .selectBox{ position: relative; margin-top: 10px;}
	.footer .right .selectBox .item{ }
	/*内页公用*/
	.nBan{ margin-top: 60px;}
	.nBan em{ padding-bottom: 25%;}
	.inpagecontent{ padding-top: 20px;}
	.inpageBox .inpageCon .aboutTitle h3{ font-size: 18px;}
	.inpageBox .inpageCon .aboutTitle h4{ padding-left: 0; margin-top: 10px;}
	.inpageBox .inpageCon .aboutTitle{ padding-bottom: 12px;}
	.inpageWord{ line-height: 26px;}
        .inpageWord img{ width:100%;}
	/*现任领导*/
	.leaderList ul li{ margin-bottom: 20px;}
	.leaderList ul li .pic{ float: initial; margin: 0 auto;}
	.leaderList ul li .text{ width: 100%; margin-top: 14px;}
	.leaderList ul li .text .tit b{ font-size: 18px;}
	.leaderList ul li .text .tit .more{ margin-top: 6px;}
	.leaderList ul li .text .txt h4{ font-size: 14px; margin-top: 4px;}
	.leaderList ul li .text .txt p{ margin-top: 6px; line-height: 24px; height: 48px;}
	/*新闻列表*/
	.newTop a .pic{ width: 100%;}
	.newTop a .pic em{ height: 180px;}
	.newTop a .text{ width: 100%;}
	.newList ul li .time b{ font-size: 34px;}
	.pages{padding: 20px 0;}
	.pages a{display: none; font-size: 14px;}
	.pages a.prev{ display: inline-block;}
	.pages a.next{ display: inline-block;}
	/*新闻详情*/
	.newsTitle{ margin-top: 20px; margin-bottom: 14px;}
	.newsTitle h3{ font-size: 18px;}
        
	/*教师名录*/
	.teacherTitle{ margin: 20px 0;}
	.teacherList .item{ margin-bottom: 20px;}
	.teacherList .item .tit span{ font-size: 14px;  padding: 0 6px; box-sizing: border-box;}
	.teacherList .item .tit{width: 80px;}
	.teacherList .item .name{ padding-left: 90px;}
	.teacherList .item .name a{ font-size: 14px; width: 5em;}
	/*专题*/
	.specialList ul li{ width: 100%; margin-right: 0; margin-bottom: 12px;}
	.specialList ul li a p{ height: 36px; line-height: 36px;}
	/*下载*/
	.downList ul li a .time b{ font-size: 34px;}
	.downList ul li a .down{ width: 100%; margin-top: 14px;}
	.downList ul li a .text{ width: calc(100% - 90px); margin-left: 10px;}
	.downList ul li a .down span{ float: left;}
	.downList ul li a .down em{ float: right;}
	/*列表*/
	.pageList ul li a p{ font-size: 14px; width: calc(100% - 90px);}
	.pageList ul li a i{ font-size: 12px;}
}