@charset "utf-8";


/* 设置字库 */
@font-face {
  font-family: "SourceHanSansCN-Regular";
  src: url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"),
       url("../fonts/SourceHanSansCN-Regular.woff") format("woff"),
       url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"),
       url("../fonts/SourceHanSansCN-Regular.eot") format("embedded-opentype"),
       url("../fonts/SourceHanSansCN-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}


/*全局初始化样式*/
*{box-sizing: border-box; margin:0; padding:0;}
body{position: relative; padding:0; margin:0 auto; font-size:14px; line-height:1.42857143; font-family:'SourceHanSansCN-Regular'; color: #333; min-width: 320px; width: 100%; zoom:1;background: #fff;
/*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none;

/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight:rgba(0,0,0,0);

/*控制文本可选性*/
/*
-webkit-user-select: none;
    -ms-user-select: none;
   -moz-user-select: none;
 -khtml-user-select: none;
        user-select: none;
*/

/*设置字体的抗锯齿或者说光滑度*/
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}
*{-moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; /*word-break: break-all;*/word-wrap: break-word;}
/*默认去除ul、li的默认样式*/
.p,.h1,.h2,.h3,.h4,.h5,.h6{ margin: 0; padding: 0;}
.ul,.ul li{ list-style:none; margin: 0; padding: 0;}
p,h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0;}
ul,ul li,dl,dl dd{ list-style:none; margin: 0; padding: 0;}
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#333;}
/*表单元素获得焦点时不显示虚线框*/
input:focus { outline: none;}
input,button,select,textarea{ outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
/*不允许多行输入文本框有滚动条*/
textarea{ resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
/*初始化表单元素样式*/
textarea,input,select { background:none; border:none; margin:0; padding:0;}
/*初始化HTML5标签样式*/
audio,canvas,progress,video { display: inline-block; vertical-align:baseline;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display:block;}
/*去除figure边距*/
figure,figcaption{ margin:0px; padding:0px;}

/*初始化图片样式*/
img{ border:none; border:0; max-width:100%; vertical-align:middle;}

/*初始化a的样式和字体样式*/
a{ color:#333; text-decoration:none!important; -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:hover{color: #1684fc;}


/*清除浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}

.clearfix:after{ content:"."; display: block; height: 0; visibility: hidden; clear: both;font-size: 0px;}
.clearfix { zoom: 1;}
.fl{float: left;}
.fr{float: right;}

/* 单行隐藏 */
.dot {white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
/* 多行隐藏 */
.dot2 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
/* 多行隐藏 */
.dot3 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.dot4 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}

.w1280{max-width:1280px;margin: 0 auto;}

/*top*/
.top {background:#fff}
.top .logo{float: left;line-height:100px; width: 50%; max-width: 520px;}
.top .logo img{max-width:48%;margin-right:3%}
.top .logo img:last-child{margin-right:0%}
.top .searBox{float: right;position: relative;text-align: right;margin-top: 38px;}
.top .searBox .searIcon{display: inline-block;vertical-align: middle;width: 18px;height: 18px;background:url(../images/sear.png) no-repeat;}
.top .searBox .subSear{position: absolute;right:0;text-align: left;display: none;z-index: 99;}
.top .searBox .subSear input{width: 180px;height: 40px;line-height:40px;border:1px solid #ddd;padding-left:5px;padding-right: 25px;background:#fff;}
.top .searBox .subSear .searBtn{display: block;width: 18px;height: 18px;background:url(../images/sear.png) no-repeat;position: absolute;top: 50%;margin-top: -9px;right:5px;z-index: 9;}
.top .nav{float: right;}
.top .nav li{float: left;padding: 0 20px;line-height:100px;position: relative;}
.top .nav li >a{font-size:18px;position: relative;display: block;}
.Hbox_bg .top .nav li:not(.on) >a{ color:#333;}
.top .nav li .nav_sub{position: absolute;width: 100%;top: 100%;left: 0;background:#fff;padding: 10px 0;display: none;z-index: 9;}
.top .nav li .nav_sub dd{margin: 0;}
.top .nav li .nav_sub a{display: block;line-height:30px;text-align: center;}
.top .nav li .nav_sub a:hover{background: #eef4fc;color: #2276df;}
.top .nav li.on >a{color: #1684fc;}
.top .nav li.on >a:before{width: 100%;height: 2px;content: '';background:#1684fc;position: absolute;bottom:2px;left: 0;}

/*banner*/
.banner{position: relative;}
.banner .slick-dots{position: absolute;width: 100%;text-align: center;left: 0;bottom:3%;}
.banner .slick-dots li{display: inline-block;vertical-align: middle;width: 15px;height: 15px;border-radius:50%;border:1px dashed #fff;margin: 0 15px;}
.banner .slick-dots li button{display: none;}
.banner .slick-dots li.slick-active{background:#fff;}

/*newFeed*/
.newFeed .w1280{padding: 20px 0;border-bottom: 1px solid #ececec;}
.newFeed .FeedBox{float: left;width: 80%;}
.newFeed .FeedBox .feedtit{display: inline-block;vertical-align: middle;padding-left: 30px;position: relative;font-size:18px;color:#1684fc;}
.newFeed .FeedBox .feedtit:before{background:url(../images/i1.png) no-repeat;width: 18px;height: 16px;content: '';position: absolute;left: 0;top: 50%;margin-top:-8px;}
.newFeed .FeedBox .tempWrap{display: inline-block;vertical-align: middle;width: 78%;}
.newFeed .FeedBox .tempWrap li{position: relative;line-height:40px;font-size:18px;}
.newFeed .FeedBox .tempWrap li p{color:#666;max-width:80%}
.newFeed .FeedBox .tempWrap li span{color:#999999;position: absolute;right:0;top: 0;}
.newFeed .FeedBox .tempWrap li:hover p,
.newFeed .FeedBox .tempWrap li:hover span{color:#1684fc;}
.newFeed .FeedBox .feedbtn{display: inline-block;vertical-align: middle;margin-left: 5%;}
.newFeed .FeedBox .feedbtn div{display: block;width: 9px;height: 6px;background:url(../images/Aicon.png) no-repeat;margin: 7px 0;cursor: pointer;}
.newFeed .FeedBox .feedbtn div.tpn{transform: rotate(180deg);}
.newFeed .FeedBox .feedbtn div:hover{background:url(../images/Aicon_a.png) no-repeat;}
.newFeed .more{float: right;}
.newFeed .more a{display: block;line-height:40px;font-size:18px;color:#1684fc;}

@media(min-width: 1024px){
  .newFeed .FeedBox .tempWrap li a{display: flex;justify-content: space-between;align-items: center;}
  .newFeed .FeedBox .tempWrap li p{width: 80%;line-height:30px;overflow: hidden;}
  .newFeed .FeedBox .tempWrap li span{position: static;display: block;}
}

.idxTit{padding: 25px 0 45px;}
.idxTit h5{text-align: center;font-size:36px;margin-bottom: 25px;}
.idxTit .des{text-align: center;line-height:36px;font-size:18px;margin-bottom:15px;}
.idxTit .idxSlide{text-align: center;}
.idxTit .idxSlide .item{display: inline-block;vertical-align: middle;}
.idxTit .idxSlide .item span{font-size:18px;color:#666666;cursor: pointer;padding: 0 15px;border-left: 1px solid #bfbfbf;}
.idxTit .idxSlide .item.slick-current span,
.idxTit .idxSlide .item.aon span{color:#1684fc;}
.idxTit .idxSlide .item:first-child span{border-left:none;}


/*Foor1*/
.Foor1{margin-bottom:3%;}
.Foor1 .idxTit .idxSlide{max-width:640px;margin: 0 auto;}
.Foor1 .bdBox .itemBox .leftBox{float: left;width: 38%;overflow: hidden;border-radius:8px;background:#fafafa;position: relative;}
.Foor1 .bdBox .itemBox .leftBox .imgBox{overflow: hidden;}
.Foor1 .bdBox .itemBox .leftBox .imgBox figure{padding-bottom: 57.5%;background-repeat: no-repeat;background-size: cover;background-position: center;transition:.3s;}
.Foor1 .bdBox .itemBox .leftBox .txtBox{padding: 20px 20px 25px;}
.Foor1 .bdBox .itemBox .leftBox .txtBox h5{font-size:24px;font-weight: normal;}
.Foor1 .bdBox .itemBox .leftBox .txtBox p{font-size:16px;color:#666666;line-height:28px;margin: 10px 0;}
.Foor1 .bdBox .itemBox .leftBox .txtBox time{font-size:18px;color:#999;}
.Foor1 .bdBox .itemBox .leftBox li:hover .imgBox figure{transform: scale(1.1, 1.1);}
.Foor1 .bdBox .itemBox .leftBox .slick-dots{position: absolute;padding-left:20px;left: 0;width: 100%;top: 50%;}
.Foor1 .bdBox .itemBox .leftBox .slick-dots li{width: 10px;height: 10px;background:#fff;border-radius:50%;display: inline-block;margin-right: 20px;}
.Foor1 .bdBox .itemBox .leftBox .slick-dots li button{display: none;}
.Foor1 .bdBox .itemBox .leftBox .slick-dots li.slick-active{background:#003c75;}
.Foor1 .bdBox .itemBox .rightBox{float: right;width: 58%;}
.Foor1 .bdBox .itemBox .rightBox li{padding:10px 0 20px;margin-bottom:25px;border-bottom:1px solid #ebebeb;position: relative;}
.Foor1 .bdBox .itemBox .rightBox li .txtBox{max-width:80%;}
.Foor1 .bdBox .itemBox .rightBox li .txtBox h5{font-size:20px;font-weight:normal;margin-bottom:10px;}
.Foor1 .bdBox .itemBox .rightBox li .txtBox p{font-size:18px;color:#666666;line-height:28px;}
.Foor1 .bdBox .itemBox .rightBox li .timeBox{position: absolute;right:0;top: 0;text-align: center;font-family:'Arial';}
.Foor1 .bdBox .itemBox .rightBox li .timeBox span{font-size:48px;color:#1684fc;}
.Foor1 .bdBox .itemBox .rightBox li .timeBox p{font-size:18px;color:#999999;}

/*Foor2*/
.Foor2{background-repeat:no-repeat;background-size: cover;background-position: center;padding-bottom:4%;}
.Foor2 .idxTit{color:#fff;}
.Foor2 .F2List{text-align: center;}
.Foor2 .F2List li{text-align: left;display: inline-block;vertical-align: middle;width: 20%;margin: 0 2.4%;position: relative;border-radius:10px;border:1px solid #fff;margin-bottom:5%;padding: 25px 15px 40px 28px;color:#fff;}
.Foor2 .F2List li:before{width: 100%;height: 100%;content: '';border-radius:10px;border-right: 1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15);top: 10px;left: 10px;position: absolute;}
.Foor2 .F2List li .topBox{}
.Foor2 .F2List li .topBox .numBox{display: inline-block;vertical-align: middle;width: 74%;}
.Foor2 .F2List li .topBox .numBox .counter{display: inline-block;font-size:60px;font-weight:bold;vertical-align: middle;}
.Foor2 .F2List li .topBox .numBox .unit{display: inline-block;vertical-align: middle;text-align: center;margin-left:8px;}
.Foor2 .F2List li .topBox .numBox .unit .add{font-size:36px;font-weight:bold;line-height:1;}
.Foor2 .F2List li .topBox .iconBox{display: inline-block;vertical-align: middle;}

/*Foor3*/
.Foor3{background:url(../images/F3BG.png) no-repeat left top;margin-bottom:3%;}
.Foor3 .F3slide{}
.Foor3 .F3slide .hd{text-align: center;position: relative;margin-bottom:50px;}
.Foor3 .F3slide .hd:before{width: 100%;height: 1px;content: '';background:#e5e5e5;left: 0;position: absolute;top: 90px;z-index: -1;}
.Foor3 .F3slide .hd li{display: inline-block;vertical-align: middle;margin: 0 3.5%;cursor: pointer;border-radius:10px;}
.Foor3 .F3slide .hd li .iconB{padding: 20px 25px 20px;border-bottom: 1px solid #e5e5e5;position: relative;}
.Foor3 .F3slide .hd li .iconB .afIcon{opacity: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.Foor3 .F3slide .hd li p{padding: 20px 25px 30px;font-size:18px;}
.Foor3 .F3slide .hd li.on{background: linear-gradient(to bottom, #1684fc 0%,#2a63d6 100%);}
.Foor3 .F3slide .hd li.on .iconB{border-color: rgba(255,255,255,.1);}
.Foor3 .F3slide .hd li.on .iconB .afIcon{opacity: 1;}
.Foor3 .F3slide .hd li.on p{color:#fff;}
.Foor3 .F3slide .bd{}
.Foor3 .F3slide .bd .txtBox{float: left;width: 46%;}
.Foor3 .F3slide .bd .txtBox h5{font-size:28px;font-weight:normal;color:#1980f7;padding-bottom:30px;border-bottom:1px solid rgba(22,132,252,.3);margin-bottom:25px;}
.Foor3 .F3slide .bd .txtBox .des{font-size:18px;line-height:32px;color:#666666;}
.Foor3 .F3slide .bd .txtBox .btnBox{margin-top:8%;}
.Foor3 .F3slide .bd .txtBox .btnBox .item{float: left;width: 41%;margin-right:9%;margin-bottom:4%;padding:15px 30px;background:#f4f5f9;border-radius:35px;transition:.3s;}
.Foor3 .F3slide .bd .txtBox .btnBox .item .iconB{display: inline-block;vertical-align: middle;position: relative;}
.Foor3 .F3slide .bd .txtBox .btnBox .item .iconB .afIcon{opacity: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.Foor3 .F3slide .bd .txtBox .btnBox .item p{width: calc(100% - 42px);line-height:30px;display: inline-block;vertical-align: middle;font-size:18px;margin-left:8px;}
.Foor3 .F3slide .bd .txtBox .btnBox .item:hover{cursor: pointer;background: linear-gradient(to bottom, #1684fc 0%,#2a63d6 100%);box-shadow: 0 0 15px rgba(22,132,252,.3);}
.Foor3 .F3slide .bd .txtBox .btnBox .item:hover .iconB .afIcon{opacity: 1;}
.Foor3 .F3slide .bd .txtBox .btnBox .item:hover p{color:#fff;}
.Foor3 .F3slide .bd .imgBox{float: right;width: 50%;border-radius:15px;overflow: hidden;}

/*Foor4*/
.Foor4{padding-bottom:4%;background:url(../images/F4BG.jpg) no-repeat center;background-size: cover;}
.ytable{display: table;width: 100%;}
.ytable-cell{display: table-cell;vertical-align: middle;}
.Foor4 .slider .slick-slide{padding-right: 1px;}
.Foor4 .slider .slick-slide > div{float: left; margin: 1% 0;}
.Foor4 .slider li{display: block!important;}
.Foor4 .slider li .ytable{height: 127px;btext-align: center;border-radius:8px;border: 1px solid #efefef;background:#fff;}
.Foor4 .slider li img{max-height: 100px;max-width: 86%;margin: 0 auto;}
.Foor4 .slider .slick-dots{text-align: center;margin-top:3%;}
.Foor4 .slider .slick-dots li{display: inline-block!important;vertical-align: middle;width: 15px;height: 15px;border-radius:50%;margin: 0 15px;background:#bfbfbf;}
.Foor4 .slider .slick-dots li button{display: none;}
.Foor4 .slider .slick-dots li.slick-active{background:#1684fc;}
@media (min-width:1025px) {
.Foor4 .slider .slick-slide > div{width: 18.4%;}
.Foor4 .slider .slick-slide > div:not(:nth-child(5n)){margin-right: 2%;}
}
@media (max-width:1440px) {
.Foor4 .slider li .ytable{height: 8.82vw;}
.Foor4 .slider li img{max-height: 6vw;}
}
@media (min-width:641px) and (max-width:1024px) {
.Foor4 .slider .slick-slide > div{width: 32%;}
.Foor4 .slider .slick-slide > div:not(:nth-child(3n)){margin-right: 2%;}
}
@media (max-width:1024px) {
.Foor4 .slider{padding: 0 5vw;}
.Foor4 .slider li .ytable{height:12vw;}
.Foor4 .slider li img{max-height: 9vw;}
}
@media (max-width:640px) {
.Foor4 .slider .slick-slide > div{width: 49%;}
.Foor4 .slider .slick-slide > div:not(:nth-child(2n)){margin-right: 2%;}
}

/*bottom*/
.bottom{background:#333;color:#c5c5c5;}
.bottom .bomTop{border-bottom:1px solid rgba(255,255,255,.1);padding: 3% 0 2%;}
.bottom .bomTop .relevant{margin-bottom:3%;}
.bottom .bomTop .relevant .itemBox{width: 16.5%;float: left;margin-left:4.375%;position: relative;}
.bottom .bomTop .relevant .itemBox:first-child{margin-left:0;}
.bottom .bomTop .relevant .itemBox .tit{line-height:40px;padding: 0 20px;font-size:15px;color:#fff;position: relative;border:1px solid rgba(255,255,255,.2);border-radius:5px;cursor: pointer;}
.bottom .bomTop .relevant .itemBox .tit:before{width: 9px;height: 6px;content: '';background:url(../images/Aicon_w.png) no-repeat;position: absolute;right:20px;top: 50%;margin-top:-3px;}
.bottom .bomTop .relevant .itemBox .sld{padding: 5px 10px;position: absolute;top: 100%;left: 0;width: 100%;z-index: 9;background:#333;display: none;}
.bottom .bomTop .relevant .itemBox .sld a{display: block;line-height:26px;color:#c5c5c5;}
.bottom .bomTop .relevant .itemBox .sld a:hover{color:#fff;}
.bottom .bomTop .bomMid .bomNav{float: left;width: 74%;}
.bottom .bomTop .bomMid .bomNav dl{float: left;width: 20%;}
.bottom .bomTop .bomMid .bomNav dl dt{font-size:18px;color:#fff;padding-bottom:15px;position: relative;margin-bottom:8px;}
.bottom .bomTop .bomMid .bomNav dl dt:before{width: 30px;height: 1px;content: '';background:#999;position: absolute;left: 0;bottom:0;}
.bottom .bomTop .bomMid .bomNav dl dd a{font-size:18px;color:#c5c5c5;line-height:32px;display: block;}
.bottom .bomTop .bomMid .bomNav dl dd a:hover{color:#fff;}
.bottom .bomTop .bomMid .bomCat{float: right;width: 26%;}
.bottom .bomTop .bomMid .bomCat span{display: block;font-size:18px;color:#ffffff;}
.bottom .bomTop .bomMid .bomCat h5{font-weight:normal;font-size:30px;color:#fff;margin-bottom:10px;}
.bottom .bomTop .bomMid .bomCat p{font-size:15px;line-height: 32px;}
.bottom .bomBom{padding: 25px 0 40px;}
.bottom .bomBom ul{float: right;}
.bottom .bomBom li{float: left;line-height:24px;padding: 0 10px;position: relative;}
.bottom .bomBom li:before{width: 4px;height: 4px;content: '';background:#c5c5c5;border-radius:50%;position: absolute;top: 50%;margin-top:-2px;left: 0;}
.bottom .bomBom li:first-child:before{display: none;}
.bottom .bomBom li a{float: left;color: #c5c5c5;}
.bottom .bomBom li a:hover{color: #fff;}
.bottom .bomBom .copy{float: left;line-height:24px;}
.bottom .bomBom .copy a{color: #c5c5c5;background: url(../images/baim.png) no-repeat left center;padding-left: 24px;display: inline-block;margin-left:8px;}
.bottom .bomBom .copy a:hover{color: #fff;}
/*bottom*/

/*innerBan*/
.innerBan{position: relative;}
.innerBan .Banbox{padding-bottom:500px;background-repeat:no-repeat;background-size: cover;background-position:center center;}
.innerBan .txtBox{position: absolute;width: 100%;top: 30%;left: 0;}
.innerBan .txtBox h5{font-size:40px;color:#fff;font-weight:normal;padding-bottom:20px;position: relative;}
.innerBan .txtBox h5:before{width: 50px;height: 2px;content: '';background:#fff;position: absolute;left: 0;bottom:0;}

/*menulact*/
.menulact{border-bottom:1px solid #ededed;}
.menulact .menu{float: left;}
.menulact .menu li{float: left;margin-right:60px;padding: 25px 0;position: relative;}
.menulact .menu li:before{width: 100%;height: 1px;bottom:-1px;left: 0;content: '';position: absolute;}
.menulact .menu li a{display: block;line-height:30px;font-size:18px;}
.menulact .menu li.on a{color:#1684fc;}
.menulact .menu li.on:before{background-color:#1684fc;}
.menulact .locatBox{float: right;line-height:30px;padding: 25px 0;}
.menulact .locatBox p{padding-left:35px;position: relative;font-size:18px;color:#999999;}
.menulact .locatBox p:before{width: 19px;height: 17px;content: '';background:url(../images/home.png) no-repeat;position: absolute;left: 0;top: 50%;margin-top:-8.5px;}
.menulact .locatBox p a{color:#999;}
.menulact .locatBox p a:hover,
.menulact .locatBox p span{color:#1684fc;}
.partyWarp .menu li.on a,
.partyWarp .menu li:hover a{color:#cd0401;}
.partyWarp .menulact .menu li.on:before{background-color:#cd0401;}
.partyWarp .menulact .locatBox p a:hover,
.partyWarp .menulact .locatBox p span{color:#cd0401;}

/*中心简介*/
.comProfile{padding: 4% 0;background: url(../images/cpBG.png) no-repeat right center;}
.comProfile .div{padding: 3% 0 4%;}
.comProfile h5{font-size:36px;font-weight:normal;margin-bottom:20px;}
.comProfile .des{font-size:18px;line-height:32px;color:#666;}
.comProfile .clearfix{margin-top:4%;}
.comProfile .imgBox{float: left;width: 58%;}
.comProfile .imgBox video{width: 100%;}
.comProfile .txtBox{float: right;width: 38%;}
.comMId{padding: 4% 0;background:url(../images/misBG.jpg) no-repeat center;background-size: cover;}
.comMId .item{width: 25%;float: left;text-align: center;position: relative;}
.comMId .item:before{width: 1px;height: 50%;content: '';background:rgba(255,255,255,.3);position: absolute;left:0;top: 50%;transform: translateY(-50%);}
.comMId .item:first-child:before{display: none;}
.comMId .item .iconB{margin-bottom:15px;}
.comMId .item h5{font-size:24px;font-weight:normal;color:#fff;padding-bottom:15px;position: relative;margin-bottom:20px;}
.comMId .item h5:before{width: 50px;height: 1px;content: '';background:rgba(255,255,255,.3);position: absolute;bottom:0;left: 50%;margin-left:-25px;}
.comMId .item p{font-size:18px;color:rgba(255,255,255,.7);line-height:30px;}
.comYear{padding: 4% 0;}
.comYear .yearSlider{position: relative;}
.comYear .yearSlider:before{width: 100%;height: 1px;content: '';background:#dfdfdf;position: absolute;left: 0;top: 49.5%;}
.comYear .yearSlider li{padding:0 15px;}
.comYear .yearSlider li .imgBox{margin-bottom:40px;}
.comYear .yearSlider li .txtBox{padding:40px 25px 15px 15px;border-left:1px solid #dfdfdf;position: relative;min-height: 196px;}
.comYear .yearSlider li .txtBox i{width: 10px;height: 10px;background:#bfbfbf;border-radius:50%;position: absolute;top: -5px;left: -5px;}
.comYear .yearSlider li .txtBox i:before{width: 180%;height: 180%;background:#bfbfbf;opacity: .4;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);content: '';border-radius:50%;}
.comYear .yearSlider li .txtBox i:after{width: 250%;height: 250%;background:#bfbfbf;opacity: .2;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);content: '';border-radius:50%;}
.comYear .yearSlider li .txtBox span{font-size:36px;font-weight:bold;color:#666666;margin-bottom:10px;}
.comYear .yearSlider li .txtBox p{font-size:18px;line-height:30px;color:#555555;}
.comYear .yearSlider li.slick-current .txtBox{border-color:#1684fc;}
.comYear .yearSlider li.slick-current .txtBox span{color:#1684fc;}
.comYear .yearSlider li.slick-current .txtBox i,
.comYear .yearSlider li.slick-current .txtBox i:before,
.comYear .yearSlider li.slick-current .txtBox i:after{background:#1684fc;}
.comYear .yearSlider .slick-arrow{width: 50px;height: 50px;background:url(../images/aL.png) no-repeat;border-radius:50%;position: absolute;top: 50%;margin-top:-25px;border:none;font-size:0;transition:.3s;cursor: pointer;}
.comYear .yearSlider .slick-arrow.slick-prev{left: -100px;}
.comYear .yearSlider .slick-arrow.slick-next{right:-100px;transform: rotate(180deg);}
.comYear .yearSlider .slick-arrow:hover{background:url(../images/aL_a.png) no-repeat;}
.comYear .yearSlider .slick-arrow.slick-prev:hover{transform: rotate(-180deg);}
.comYear .yearSlider .slick-arrow.slick-next:hover{transform: rotate(0);}
.comHistory{margin-bottom:4%;background:#f9f9f9;}
.comHistory .timeSlider{float: left;width: 16%;background:#1684fc;padding: 50px 0;border-top-left-radius: 35px;border-bottom-right-radius: 35px;}
.comHistory .timeSlider .slick-arrow{display: block;width: 14px;height: 8px;background:url(../images/aL2.png) no-repeat;font-size:0;border:none;margin:0 auto;cursor: pointer;margin-bottom:25px;}
.comHistory .timeSlider .slick-arrow.slick-next{transform: rotate(180deg);margin-bottom:0;margin-top:25px;}
.comHistory .timeSlider .item{line-height: 60px;color:#fff;text-align: center;font-size:24px;border-radius:50px;}
.comHistory .timeSlider .item.slick-current{background:#fff;color:#1684fc;}

.comHistory .thinSlider{float: right;width: 80%;padding-top: 40px;}
.comHistory .thinSlider h5{font-size:48px;color:#1684fc;padding-bottom:15px;border-bottom:1px solid #dedede;margin-bottom:20px;}
.comHistory .thinSlider .thList{max-height:580px;overflow-y: auto;padding-right:25px;}
.comHistory .thinSlider .thList::-webkit-scrollbar {width: 2px;    /*height: 4px;*/}
.comHistory .thinSlider .thList::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(22,132,252,0.2);background: #1684fc;}
.comHistory .thinSlider .thList::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background: #d6d6d6;}
.comHistory .thinSlider .thList li{float: left;width: 31%;margin-right:3.5%;padding: 15px;background:#fff;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,.2);margin-bottom:2%;}
.comHistory .thinSlider .thList li:nth-child(3n){margin-right:0;}
.comHistory .thinSlider .thList li .imgBox{overflow: hidden;}
.comHistory .thinSlider .thList li .imgBox figure{background-repeat:no-repeat;background-size: contain;background-position:center;padding-bottom:67%;}
.comHistory .thinSlider .thList li p{font-size:18px;text-align: center;line-height:25px;height: 50px;margin-top:10px;}

/*组织架构*/
.characterList{padding:5% 0 2%;}
.characterList li{width:48%;float: left;margin-right:4%;margin-bottom:4%;cursor: pointer; background:#f7f7f7; padding: 3%; border-radius:20px; position: relative;}
.characterList li:before{width: 60px;height: 60px;content: '';background:url(../images/more.png) no-repeat;position: absolute;top:0;right:0;transition:.3s; margin-top: -30px; margin-right: -30px;}
.characterList li:hover:before{transform: rotate(90deg);}
.characterList li:nth-child(2n){margin-right:0;}
.characterList li .imgBox{overflow: hidden;border-radius:8px;margin-bottom:20px;}
.characterList li .imgBox img{display: none;}
.characterList li .imgBox figure{background-repeat:no-repeat;background-size: cover;background-position:center;padding-bottom:135%;}
.characterList li .txtBox{position: relative;}
.characterList li .txtBox h5{font-size:24px; line-height: 24px; border-left:4px solid #1684fc; padding-left: 14px;}
.characterList li .txtBox p{font-size:17px;color:#555; margin:16px 0 10px;}
.characterList li .txt{font-size:14px;color:#aaa; line-height: 24px;}
.characterList li:hover .txtBox h5{color:#1684fc;}
.EducationList{padding:3% 0;}
.EducationList .characterList{float: right;width: 78%;padding:0;}
.partyWarp .EducationList .characterList li .txtBox:before{width: 40px;height: 40px;background-size: contain;top: -40px;right:-20px;}
.charFix{position: fixed;background:rgba(0,0,0,.6);top: 0;left: 0;width: 100%;height: 100%;z-index: 10;display: none;}
.charFix .charWarp{position: absolute;top: 30%;left: 0;width: 100%;}
.charFix .charWarp .w1280{background:#fff;padding: 40px;border-radius:10px;position: relative;overflow: hidden;}
.charFix .charWarp .cloBtn{width: 69px;height: 69px;background:url(../images/clo.png) no-repeat;position: absolute;top: 0;right:0;}

.charFix .charWarp .imgBox{float: left;width: 22%;}
.charFix .charWarp .txtBox{float: left;width: 78%;}

.charFix .charWarp .txtBox h5{padding-left: 4%;font-size:30px;font-weight:normal;}
.charFix .charWarp .txtBox .pos{padding-left: 4%;line-height:60px;font-size:18px;color:#555555;background:#eaf4ff;margin: 10px 0;}
.charFix .charWarp .txtBox .des{padding-left: 4%;font-size:18px;line-height:30px;color:#555;max-height:235px;overflow-y: auto;padding-right:25px;}
.charFix .charWarp .txtBox .des::-webkit-scrollbar {width: 2px;    /*height: 4px;*/}
.charFix .charWarp .txtBox .des::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(22,132,252,0.2);background: #1684fc;}
.charFix .charWarp .txtBox .des::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background: #d6d6d6;}
.charFix .charWarp .txtBox .des span{display: block;color:#1684fc;}

.partyWarp .characterList li .txtBox:before{background:url(../images/more2.png) no-repeat;}
.partyWarp .characterList li:hover .txtBox h5{color:#cd0401;}
.partyWarp .charFix .charWarp .cloBtn{background:url(../images/clo2.png) no-repeat;}
.partyWarp .charFix .charWarp .txtBox .pos{background: #fff5f5;}
.partyWarp .charFix .charWarp .txtBox .des::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(22,132,252,0.2);background: #cd0401;}

.orWarp{padding: 3% 0 5%;background:url(../images/orBG.jpg) no-repeat;background-size: cover;background-position:center;text-align: center;}

/*人才梯队*/
.talentWarp{}
.talentWarp .itemBox{padding: 3% 0 4%;}
.talentWarp .itemBox .tit{font-size:30px;font-weight:normal;margin-bottom:15px;}
.talentWarp .itemBox .des{font-size:18px;line-height:32px;color:#666;margin-bottom:20px;}
.talentWarp .itemBox .sliderOne{padding: 15px 15px 0;background:#fafafa;}

.talentWarp .itemBox .sliderOne .slick-slide >div{float: left;width:24.25%;margin-right: 1%;margin-bottom:1%;}
.talentWarp .itemBox .sliderOne .slick-slide >div li{background:#fff;padding: 25px 10px 0 35px;}
.talentWarp .itemBox .sliderOne .slick-slide >div:nth-child(4n){margin-right:0;}
.talentWarp .itemBox .sliderOne .slick-slide >div .txtBox{float: left;width: 33%;color:#999;}
.talentWarp .itemBox .sliderOne .slick-slide >div .txtBox h5{font-size:18px;font-weight:normal;margin-bottom:5px;color:#333;}
.talentWarp .itemBox .sliderOne .slick-slide >div .imgBox{float: left;width: 67%;}
.talentWarp .itemBox .sliderOne .slick-dots{background:#fff;margin: 0 -15px;text-align: center;padding-top:3%;}
.talentWarp .itemBox .sliderOne .slick-dots li{display: inline-block!important;vertical-align: middle;width: 15px;height: 15px;border-radius:50%;margin: 0 5px;background:#bfbfbf;}
.talentWarp .itemBox .sliderOne .slick-dots li button{display: none;}
.talentWarp .itemBox .sliderOne .slick-dots li.slick-active{background:#1684fc;}
.talentWarp .itemBox .sliderTwo .slick-slide >div{float: left;width:20%;}
.talentWarp .itemBox .sliderTwo .slick-slide >div li{position: relative;display: block!important;overflow: hidden;cursor: pointer;}
.talentWarp .itemBox .sliderTwo .slick-slide >div li:before{width: 0;height: 100%;content: '';background:rgba(22,132,252,.8);position: absolute;top: 0;right: 0;transition:.3s;}
.talentWarp .itemBox .sliderTwo .slick-slide >div li .imgBox figure{background-repeat:no-repeat;background-size: cover;background-position:center;padding-bottom:86%;}
.talentWarp .itemBox .sliderTwo .slick-slide >div li .txtBox{position: absolute;top: 50%;left: 50%;transform: translate(-300%, -50%);text-align: center;color:#fff;transition:.3s;}
.talentWarp .itemBox .sliderTwo .slick-slide >div li .txtBox h5{font-size:18px;margin-bottom:10px;font-weight:normal;}
.talentWarp .itemBox .sliderTwo .slick-slide >div li:hover:before{width: 100%;}
.talentWarp .itemBox .sliderTwo .slick-slide >div li:hover .txtBox{transform: translate(-50%, -50%);}
.talentWarp .itemBox .sliderTwo .slick-dots{text-align: center;padding-top:3%;}
.talentWarp .itemBox .sliderTwo .slick-dots li{display: inline-block!important;vertical-align: middle;width: 15px;height: 15px;border-radius:50%;margin: 0 5px;background:#bfbfbf;}
.talentWarp .itemBox .sliderTwo .slick-dots li button{display: none;}
.talentWarp .itemBox .sliderTwo .slick-dots li.slick-active{background:#1684fc;}

/*人才招募*/
.jobList{padding: 3% 0 4%;}
.jobList .list_ul,
.jobList .job_ol{ overflow:hidden; clear:both;margin: 0;padding: 0;}
.jobList .job_ol li,
.jobList .list_ul li{ list-style:none; float:left; width:20%; text-align:center;}
.jobList .job_ol li{ background-color:#2078da; color:#fff; line-height:3em;font-size:18px;}
.jobList .list{ border-bottom:1px solid #ebebeb;}
.jobList .job_info{ display:none;}
.jobList .list_ul{ cursor:pointer;font-size:14px;}
.jobList .list_ul li{ padding:1em 0;font-size:18px;color:#666;}
.jobList .job_info{padding:2% 5% 4%;background:#f7f7f7;}
.jobList .moreBtn{padding-top: 30px;font-size: 16px;}
.jobList .moreBtn span{color: #1684fc;}
.jobList .job_info .send{width: 200px;text-align: center;display: block;line-height:50px;background: linear-gradient(to bottom, #1684fc 0%,#2a63d6 100%);color:#fff;border-radius:35px;box-shadow:0 0 15px rgba(22,132,252,.7);font-size:18px;margin-top:20px;}
.jobList .list.show .list_ul li{background:#a0a0a0;color:#fff;}
@media(max-width:640px){
.jobList .job_ol li,
.jobList .list_ul li{width:25%;}
.jobList .job_ol li:nth-child(4),
.jobList .list_ul li:nth-child(4){ display:none;}
}

/*页码*/
.PageBox{padding:20px 0;}
.PageBox .Pages{text-align:center;}
.PageBox .Pages a{color:#999;font-size:18px;margin:0 3px;transition:all .5s;width: 30px;line-height:30px;border-radius:50%;display:inline-block;vertical-align: middle;}
.PageBox .Pages a:hover,
.PageBox .Pages a.a_cur{background:#1684fc;color:#fff;}
.PageBox .Pages .num{font-style:normal;}
.PageBox .Pages .num a{display:none;}
.PageBox .Pages a.a_prev{position: relative;font-size: 0;background:url(../images/arrow2.png) no-repeat;background-size: contain;}
.PageBox .Pages a.a_prev:hover{background:url(../images/arrow2_a.png) no-repeat;transform: rotate(180deg);}
.PageBox .Pages a.a_next{position: relative;font-size: 0;transform: rotate(180deg);background:url(../images/arrow2.png) no-repeat;background-size: contain;}
.PageBox .Pages a.a_next:hover{background:url(../images/arrow2_a.png) no-repeat;transform: rotate(0);}
@media screen and (min-width:768px){
  .PageBox{padding: 60px 0 0;}
  .PageBox .Pages a{margin: 0 10px;width: 50px;text-align: center;line-height:50px;}
  .PageBox .Pages .num a{display:inline-block;width: 50px;text-align: center;line-height:50px;}
}
/*页码*/

/*人工智能*/
.technicalWarp{}
.technicalWarp .itemBox{padding: 3% 0 4%;}
.technicalWarp .itemBox:nth-child(even){background: #f7f9fb;}
.technicalWarp .itemBox .Listtit{text-align: center;font-size:30px;font-weight:normal;margin-bottom:3%;}
.technicalWarp .itemBox .titBox{padding: 3% 0;}
.technicalWarp .itemBox .titBox h5{font-size:30px;font-weight:normal;position: relative;margin-bottom:20px;}
.technicalWarp .itemBox .titBox h5 span{font-family: 'DINmedi';font-weight:bold;position: absolute;left: 0;bottom:0;font-size:80px;color:#1684fc;opacity: .1;line-height:1;}
.technicalWarp .itemBox .titBox p{font-size:18px;line-height:32px;color:#666666;}
.technicalWarp .itemBox .serviceList{padding-top: 6%;}
.technicalWarp .itemBox .serviceList li{float: left;width: 32%;margin-right:2%;margin-bottom:2%;}
.technicalWarp .itemBox .serviceList li:nth-child(3n){margin-right:0;}
.technicalWarp .itemBox .serviceList li a{display: block;text-align: center;line-height:70px;background:#f0f4f8;font-size:16px;color:#666666;transition:.3s;padding: 0 10px;}
.technicalWarp .itemBox:nth-child(even) .serviceList li a{background: #fff;}
.technicalWarp .itemBox .serviceList li a:hover{background: #1684fc;color:#fff;}
.technicalWarp .itemBox .evaluation{padding: 3% 3%;background: #ebf0f5;margin-bottom:6%;}
.technicalWarp .itemBox .evaluation li{float: left;width: 49%;margin-right:2%;margin-bottom:2%;}
.technicalWarp .itemBox .evaluation li:nth-child(2n){margin-right:0;}
.technicalWarp .itemBox .evaluation li a{display: block;text-align: center;line-height:70px;background:#fff;font-size:16px;color:#666666;transition:.3s;padding: 0 10px;}
.technicalWarp .itemBox .evaluation li a:hover{background: #1684fc;color:#fff;}
.technicalWarp .itemBox .businessList{padding-top: 8%;}
.technicalWarp .itemBox .businessList li{float: left;width: 26%;margin-right:11%;margin-bottom:2%;text-align: center;}
.technicalWarp .itemBox .businessList li:nth-child(3n){margin-right:0;}
.technicalWarp .itemBox .businessList li .iconB{margin-top:3%;}
.technicalWarp .itemBox .businessList li h5{font-size:18px;font-weight:normal;margin: 15px 0;}
.technicalWarp .itemBox .businessList li p{font-size:18px;line-height:32px;color:#999999;}

/*软件质量*/
.softwareWarp{padding: 5% 0;}
.softwareWarp .w1280{position: relative;z-index: 101;overflow-y: hidden;}
.softwareWarp .leftList{float: left;width: 23.5%;}
.softwareWarp .leftList li .tit{position: relative;line-height:70px;padding: 0 30px;background: #eff2f5;font-size:18px;color:#666666;border-bottom:1px solid #fff;cursor: pointer;z-index: 102;transition:.5s;}
.softwareWarp .leftList li .tit span{z-index: 102;position: relative;}
.softwareWarp .leftList li .tit:after{width: 0;height: calc(100% + 1px);content: '';background: #2d97de;position: absolute;top: 0;left: 0;z-index: 101;transition:.5s;}
.softwareWarp .leftList li .imgBox{position: absolute;right: 0;top: 0;height: 100%;width: 76.5%;opacity: 0;transition: 0.5s;background-repeat:no-repeat;background-size: cover;background-position:center;}
.softwareWarp .leftList li .imgBox .textBox{position: absolute;width: 100%;padding: 0 8%;left: 0;bottom:5%;}
.softwareWarp .leftList li .imgBox .textBox h5{font-size:24px;font-weight:normal;color:#fff;position: relative;}
.softwareWarp .leftList li .imgBox .textBox h5 span{font-family: 'DINmedi';font-weight:bold;position: absolute;left: 0;bottom:0;font-size:100px;color:#fff;opacity: .1;line-height:1;}
.softwareWarp .leftList li .imgBox .textBox p{font-size:18px;line-height:32px;color:rgba(255,255,255,.5);margin-top:15px;}
.softwareWarp .leftList li.active .imgBox{opacity: 1;}
.softwareWarp .leftList li.active .tit{color:#fff;}
.softwareWarp .leftList li.active .tit:after{width: 110%;}

/*新闻资讯*/
.newsWarp{padding: 3% 0 4%;}
.newsWarp .newsTop{position: relative;}
.newsWarp .newsTop li{background: #f7f7f7;}
.newsWarp .newsTop li .imgBox{width: 50%;display: inline-block;vertical-align: middle;overflow: hidden;border-radius:10px;}
.newsWarp .newsTop li .imgBox figure{padding-bottom:63%;background-repeat:no-repeat;background-size: cover;background-position:center;transition:.3s;}
.newsWarp .newsTop li:hover .imgBox figure{transform: scale(1.1, 1.1);}
.newsWarp .newsTop li .txtBox{display: inline-block;vertical-align: middle;width: 49%;padding: 0 4%;}
.newsWarp .newsTop li .txtBox time{font-size:18px;color:#999999;}
.newsWarp .newsTop li .txtBox h5{font-size:30px;font-weight:normal;margin: 15px 0;}
.newsWarp .newsTop li .txtBox p{font-size:18px;line-height:30px;color:#666666;}
.newsWarp .newsTop li .txtBox span{display: inline-block;font-size:18px;color:#999999;line-height:38px;border-bottom:1px solid #999999;margin-top:6%;}
.newsWarp .newsTop .slick-dots{position: absolute;width: 50%;left: 0;text-align: right;bottom:5%;}
.newsWarp .newsTop .slick-dots li{display: inline-block;vertical-align: middle;width: 15px;height: 15px;border-radius:50%;border:1px dashed #fff;margin-right: 20px;background: none;}
.newsWarp .newsTop .slick-dots li button{display: none;}
.newsWarp .newsTop .slick-dots li.slick-active{background:#fff;}
.newsWarp .newsList{margin-top:6%;}
.newsWarp .newsList li{margin-bottom:35px;}
.newsWarp .newsList li .imgBox{float: left;width: 28%;overflow: hidden;border-radius:10px;}
.newsWarp .newsList li .imgBox figure{padding-bottom:61.5%;background-repeat:no-repeat;background-size: contain;background-position:center;transition:.3s;}
.newsWarp .newsList li:hover .imgBox figure{transform: scale(1.1, 1.1);}
.newsWarp .newsList li .txtBox{float: right;width: 68%;}
.newsWarp .newsList li .txtBox time{font-size:18px;color:#999999;}
.newsWarp .newsList li .txtBox h5{font-size:24px;font-weight:normal;margin: 20px 0 10px;}
.newsWarp .newsList li .txtBox p{font-size:18px;line-height:30px;color:#666666;}
.newsWarp .newsList li .txtBox span{display: inline-block;font-size:18px;color:#999999;line-height:38px;border-bottom:1px solid #999999;margin-top:20px;}

/*科研基地*/
.baseList{padding: 3% 0;}
.baseList .item{margin-bottom: 8%;position: relative;}
.baseList .item .imgBox{position: absolute;left: 0;top: 50px;width: 42.2%;}
.baseList .item .txtBox{float: right;width: 60%;background: url(../images/gBG.jpg) no-repeat right center;background-size: cover;padding:50px 30px 50px 60px;}
.baseList .item .txtBox h5{font-size:28px;font-weight:normal;margin-bottom:20px;}
.baseList .item .txtBox p{font-size:18px;color:#666666;line-height:32px;height: 128px;}
.baseList .item .txtBox .more{display: block;margin-top: 20px;width: 200px;line-height:50px;border-radius:35px;text-align: center;border:1px solid #1684fc;font-size:18px;color:#1684fc;transition:.3s;}
.baseList .item .txtBox .more:hover{background: #1684fc;color:#fff;}

/*科研奖项*/
.honorTit{text-align: center;font-size:30px;padding-bottom:15px;position: relative;margin-bottom:40px;}
.honorTit:before{width: 50px;height: 2px;content: '';background: #a0a0a0;position: absolute;left: 50%;margin-left:-25px;bottom:0;}
.honorLoad a{width: 200px;text-align: center;display: block;line-height:50px;background: linear-gradient(to bottom, #1684fc 0%,#2a63d6 100%);color:#fff;border-radius:35px;font-size:18px;margin: 2% auto 0;}
.citationList{padding: 3% 0 4%;overflow: hidden;}
.citationList .list{padding: 0 3.4375vw; overflow: hidden;}
.citationList .list ul{margin: 0 -2vw;}
.citationList li{float: left; text-align: center;position: relative;background: url("../images/PicList002925_taibg.png") repeat-x top 70% left;margin-bottom:2%;}
.citationList li a{display: block;position: relative; z-index: 3;}
.citationList li .pic{padding-bottom: 1.98vw;}
.citationList li .Ispic{padding-bottom: 55%;background-size: contain;background-repeat: no-repeat;background-position: center center;}
.citationList li .tit{margin-top: 1.303vw; margin-bottom: 2.08vw; padding: 0 15px;}
.citationList li .tit aside{font-size: 18px; line-height: 1.5em;height: 3em;}
@media(min-width:769px){
.citationList li{width:25%;}
.citationList li:first-child:before,
.citationList li:nth-child(4n+1):before{position: absolute; top:0;content: ''; height: 100%;background: url("../images/PicList002925_taibg_l.png") no-repeat left top 70% #fff; width:7.4375vw;left: -2vw;}
.citationList li:last-child:before,
.citationList li:nth-child(4n):before{position: absolute; top:0;content: ''; height: 100%;background: url("../images/PicList002925_taibg_r.png") no-repeat right top 70% #fff; width:7.4375vw;right: -2vw;}
}
@media(max-width:768px){
.citationList .list{padding: 0 6vw;}
.citationList li{width:50%;}
.citationList li .pic{padding-bottom: 7vw;}
.citationList li .tit{margin-bottom: 5vw;}
.citationList li:first-child:before,
.citationList li:nth-child(2n+1):before{position: absolute; top:0;content: ''; height: 100%;background: url("../images/PicList002925_taibg_l.png") no-repeat left top 70% #fff; width:7.4375vw;left: -3vw;}
.citationList li:last-child:before,
.citationList li:nth-child(2n):before{position: absolute; top:0;content: ''; height: 100%;background: url("../images/PicList002925_taibg_r.png") no-repeat right top 70% #fff; width:7.4375vw;right: -3vw;}
.citationList li .tit aside{font-size: 3vw;}
}
.quaList{padding: 4% 0;background: #f9f9f9;}
.quaList .list { overflow: hidden;}
.quaList li{float: left;width: 23.5%;padding: 15px;background: #fff;margin-right:2%;margin-bottom:2%;}
.quaList li:nth-child(4n){margin-right: 0;}
.quaList li .imgBox{overflow-y: hidden;}
.quaList li .imgBox figure{padding-bottom:140%;background-size: contain;background-repeat:no-repeat;background-position:center;}
.quaList li p{font-size: 15px;text-align: center;margin-top:20px;}
.quaList.newHonor li p{ height: 64px;}

/*重大课题*/
.topicList{padding: 3% 0 4%;}
.topicList .item{margin-bottom:5%;}
.topicList .item .imgBox{float: left; width: 42.2%;box-sizing: border-box;}
.topicList .item .imgBox div{ display: table; width: 100%; height: 100%; padding: 3%;}
.topicList .item .imgBox figure{ display: table-cell;vertical-align: middle; background-repeat:no-repeat;background-size: contain;background-position:center;}
.topicList .item .txtBox{float: right;width: 57.8%;background: url(../images/jBG.jpg) no-repeat right center;background-size: cover;padding:50px 30px 50px;}
.topicList .item .txtBox h5{font-size:28px;font-weight:normal;margin-bottom:20px;}
.topicList .item .txtBox p{font-size:18px;color:#666666;line-height:32px;height: 128px;overflow-y: hidden;}
.topicList .item .txtBox .more{display: block;margin-top: 20px;width: 200px;line-height:50px;border-radius:35px;text-align: center;border:1px solid #1684fc;font-size:18px;color:#1684fc;transition:.3s;}
.topicList .item .txtBox .more:hover{background: #1684fc;color:#fff;}
.topicList .item:nth-child(even) .imgBox{float: right;}
.topicList .item:nth-child(even) .txtBox{float: left;}
/*详情*/
.topicInfor{padding: 4% 0 6%;}
.topicInfor .titBox{}
.topicInfor .titBox h1{font-size:28px;font-weight:normal;margin-bottom:10px; text-align: center;}
.topicInfor .titBox .des{font-size:18px;color:#666666;line-height:32px;}
.topicInfor .imgBox{margin: 2% 0 4%;}
.topicInfor ul,
.topicInfor ul li { list-style:inside;}

/*科技成果*/
.standard{padding: 3% 0 4%;}
.standard .standardBox{border-radius:8px;border:1px solid rgba(22,132,252,.5);padding:20px;}
.standard .standardBox h5{font-size:28px;text-align: center;font-weight:normal;margin: 2% 0 4%;}
.standard .standardBox .standTab{padding-right:40px;max-height:614px;overflow-y: auto;}
.standard .standardBox .standTab::-webkit-scrollbar {width: 2px;    /*height: 4px;*/}
.standard .standardBox .standTab::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(22,132,252,0.2);background: #1684fc;}
.standard .standardBox .standTab::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background: #d6d6d6;}
.standard .standardBox .standTab table{border-collapse:collapse;border:1px solid #d2d2d2;width: 100%;}
.standard .standardBox .standTab table th{border:1px solid #d2d2d2;line-height:60px;font-size:18px;font-weight:normal;}
.standard .standardBox .standTab table td{border:1px solid #d2d2d2;text-align: center;font-size:15px;line-height:25px;padding: 10px 0;}
.standard .box{max-height: 80vh; overflow-y: auto; width: 100%;padding-right: 6px;}

.standard .box::-webkit-scrollbar {/*滚动条整体样式 高宽分别对应横竖滚动条的尺寸*/
width: 5px; height: 1px;
}
.standard .box::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background:#1684fc;
}
.standard .box::-webkit-scrollbar-track {/*滚动条里面轨道*/
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 10px;background: #EDEDED;
}

.standard .box table{ width: 100%;}
.workList{padding: 4% 0;}
.workList li{float: left;width: 23.5%;padding: 15px;background: #fff;margin-right:2%;margin-bottom:2%;}
.workList li:nth-child(4n){margin-right: 0;}
.workList li p{font-size: 15px;text-align: center;margin-top:20px;}

/*科技成果*/
.parLoad{width: 200px;text-align: center;display: block;line-height:50px;background: linear-gradient(to bottom, #eb1b2e 0%,#ce0503 100%);color:#fff;border-radius:35px;font-size:18px;margin: 3% auto 0;}
.parLoad:hover{color:#fff;}

/*员工风采*/
.staffList{background: url(../images/qBG.jpg) repeat-y center;padding: 5% 0;}
.staffList .w1280{background: url(../images/qAF.png) no-repeat;background-position:center bottom -30px;}
.staffList .item{position: relative;padding: 30px 0;}
.staffList .item .imgBox{float: left;width: 48.5%;}
.staffList .item .txtBox{position: absolute;top: 50%;transform: translateY(-50%);width: 51.5%;text-align: center;right:0;color:#d12527;}
.staffList .item .txtBox .inBock{display: inline-block;position: relative;padding: 5px 40px 0 60px;}
.staffList .item .txtBox .inBock:before{content: '“';font-size:66px;color:#d12527;font-weight:bold;position: absolute;top: 0;left: -30px;font-family: '微软雅黑';line-height:1;}
.staffList .item .txtBox .inBock:after{content: '”';font-size:66px;color:#d12527;font-weight:bold;position: absolute;top: 100px;right: -30px;font-family: '微软雅黑';line-height:1;}
.staffList .item .txtBox time{display: block;font-family: 'DINmedi';font-weight:bold;text-align: right;font-size:24px;margin-bottom:10px;}
.staffList .item .txtBox h5{font-size:44px;padding: 0 10px 25px 20px;position: relative;line-height:1;}
.staffList .item .txtBox h5:before{width: 100%;height: 40px;content: '';background: linear-gradient(to right, rgba(213,58,59,.2) 0%,rgba(252,240,241,.2) 100%);position: absolute;bottom:0;left: 0;border-radius:35px;}
.staffList .item:nth-child(even){background: url(../images/qBE.png) no-repeat;}
.staffList .item:nth-child(even) .txtBox{left: 0;right:auto;}
.staffList .item:nth-child(even) .txtBox time{text-align: left;}
.staffList .item:nth-child(even) .imgBox{float: right;}








/**/
.nav_btn {float:right; width:30px; height:27px; margin:25px 0 0 20px; position:relative; cursor:pointer; display:none;  transition:margin 0.3s ease 0s;z-index: 999;}
.nav_btn span,.nav_btn span:before,.nav_btn span:after {content:''; display:block; width:100%; height:2px; background-color:#333; position:absolute; left:0;border-radius:3px;}
.nav_btn span {top:50%; margin-top:-1px;}
.nav_btn span:before {top:-10px; transition:all 0.3s ease 0s;}
.nav_btn span:after {bottom:-10px; transition:all 0.3s ease 0s;}
.nav_btn.open span {height:0;}
.nav_btn.open span:before {transform:rotate(45deg); top:0;background-color:#1684fc;}
.nav_btn.open span:after {transform:rotate(-45deg); bottom:-2px;background-color:#1684fc;}
@media(min-width:1025px){
.comProfile .imgBox video{ height: 560px;}
}
@media(max-width:1366px){
  .w1280{padding: 0 2%;}
  .newFeed .w1280{padding: 20px 2%;}
  .top .nav li{padding: 0 30px;}
  .Foor3 .F3slide .hd li{margin: 0 1.5%;}
  .Foor3 .F3slide .bd .txtBox .btnBox .item{padding: 10px 15px;}
  .Foor2 .F2List li{width: 26%;}
  .softwareWarp .leftList li .tit{padding: 0 15px;}
  .softwareWarp .leftList li .imgBox{right:2%;}
  .staffList .item .txtBox h5{font-size:36px;}
  .characterList li{width:47%; margin-right:3%;}
  .characterList li:nth-child(2n){margin-right:3%;}
}

@media(max-width:1024px){
  .nav_btn{display: block;}
  .top{position: relative;}
  .top .nav{float: none;position: absolute;top: 100%;right:0;width: 50%;background: #fff;padding: 10px;z-index: 99;box-shadow:0 5px 10px rgba(0,0,0,.3);display: none;}
  .top .nav li{float: none;line-height:40px;padding: 0 10px;}
  .top .nav li .nav_sub{position: static;background: #f7f7f7;padding: 15px 10px;}
  .top .nav li .nav_sub a{text-align: left;}
  .top .logo{width:65%;line-height:60px; padding: 10px 0;}
  .top .searBox{margin-top:30px;}
  .banner .slick-dots li{width: 8px;height: 8px;margin: 0 8px;}
  .newFeed .w1280{padding: 10px 2%;}
  .newFeed .FeedBox{width: 85%;}
  .newFeed .FeedBox .feedbtn{margin-left:10px;}
  .newFeed .FeedBox .feedtit{padding-left:22px;font-size:14px;}
  .newFeed .FeedBox .tempWrap li{font-size:14px;}
  .newFeed .more a{font-size:14px;}
  .idxTit{padding: 35px 0 25px;}
  .idxTit h5{font-size:24px;margin-bottom:15px;}
  .idxTit .idxSlide .item span{font-size:15px;padding: 0 8px;}
  .Foor1 .idxTit .idxSlide{max-width:320px;}
  .Foor1 .bdBox .itemBox .leftBox .slick-dots{top: 48%;}
  .Foor1 .bdBox .itemBox .leftBox .slick-dots li{margin-right:10px;}
  .Foor1 .bdBox .itemBox .leftBox .txtBox{padding: 10px 10px 15px;}
  .Foor1 .bdBox .itemBox .leftBox .txtBox h5{font-size:18px;}
  .Foor1 .bdBox .itemBox .leftBox .txtBox p{font-size:14px;line-height:22px;margin: 5px 0;}
  .Foor1 .bdBox .itemBox .leftBox .txtBox time{font-size:14px;}
  .Foor1 .bdBox .itemBox .rightBox li .txtBox h5{font-size:18px;margin-bottom:5px;}
  .Foor1 .bdBox .itemBox .rightBox li .txtBox p{font-size:14px;line-height:22px;}
  .Foor1 .bdBox .itemBox .rightBox li{padding: 8px 0 10px;margin-bottom:15px;}
  .Foor1 .bdBox .itemBox .rightBox li .timeBox span{font-size:32px;}
  .idxTit .des{font-size:14px;line-height:24px;}
  .Foor2 .F2List li{width: 28%;padding: 10px 15px;}
  .Foor2 .F2List li .topBox .numBox .counter{font-size:36px;}
  .Foor2 .F2List li .topBox .numBox .unit .add{font-size:22px;}
  .Foor2 .F2List li .topBox .numBox{width: 68%;}
  .Foor2 .F2List li .topBox .iconBox{max-width:40px;}
  .Foor3 .F3slide .hd li .iconB{padding: 20px 15px 20px}
  .Foor3 .F3slide .hd li p{padding: 20px 15px 30px;font-size:18px;}
  .Foor3 .F3slide .bd .txtBox h5{font-size:22px;padding-bottom:15px;margin-bottom:10px;}
  .Foor3 .F3slide .bd .txtBox .des{font-size:14px;line-height:26px;}
  .Foor3 .F3slide .bd .txtBox .btnBox .item p{font-size:14px;}
  .Foor3 .F3slide .bd .txtBox .btnBox .item{width: 47%;margin-right:3%;}
  .Foor4 .slider .slick-dots li{width: 8px;height: 8px;margin: 0 8px;}
  .bottom .bomTop .bomMid .bomNav{display: none;}
  .bottom .bomTop .bomMid .bomCat{width: 100%;float: none;}
  .bottom .bomTop .relevant .itemBox{width: 18%;margin-left:2.2%;}
  .bottom .bomTop .relevant .itemBox .tit{padding: 0 10px;font-size:14px;}
  .bottom .bomTop .relevant .itemBox .tit:before{right:7px;}
  .bottom .bomBom{padding: 15px 0 20px;}
  .bottom .bomBom .copy{float: none;text-align: center;}
  .bottom .bomBom ul{max-width:228px;margin: 0 auto;float: none;}
  .menulact .menu li{margin-right:12px;padding: 15px 0;}
  .menulact .locatBox{padding: 15px 0;}
  .innerBan .Banbox{padding-bottom:300px;}
  .innerBan .txtBox h5{font-size:30px;padding-bottom:10px;}
  .baseList .item .txtBox{padding: 25px 15px 25px 40px}
  .baseList .item .txtBox h5,.topicList .item .txtBox h5{font-size:22px;margin-bottom:10px;}
  .baseList .item .txtBox p,.topicList .item .txtBox p{font-size:14px;line-height:24px;height: 96px;}
  .baseList .item .txtBox .more,.topicList .item .txtBox .more,.jobList .job_info .send,.parLoad{width: 120px;line-height:36px;font-size:14px;}
  .menulact .locatBox p{padding-left:25px;}
  .honorLoad a{width: 120px;line-height:36px;font-size:14px;}
  .topicList .item .txtBox{padding: 25px 15px;}
  .honorTit{font-size:24px;margin-bottom:20px;padding-bottom:8px;}
  .standard .standardBox h5{font-size:20px;}
  .standard .standardBox .standTab{padding-right:10px;max-height: 476px;}
  .standard .standardBox .standTab table th{font-size:18px;}
  .standard .standardBox .standTab table td{font-size:16px;}
  .technicalWarp .itemBox .titBox{padding: 30px 0 3%;}
  .technicalWarp .itemBox .titBox h5{font-size:22px;margin-bottom:10px;}
  .technicalWarp .itemBox .titBox h5 span{font-size:60px;}
  .technicalWarp .itemBox .titBox p{font-size:14px;line-height:24px;}
  .technicalWarp .itemBox .Listtit{font-size:22px;}
  .technicalWarp .itemBox .serviceList li a,
  .technicalWarp .itemBox .evaluation li a{font-size:16px;line-height:50px;}
  .softwareWarp .leftList{width: 29.5%;}
  .softwareWarp .leftList li .imgBox{width: 70.5%;}
  .softwareWarp .leftList li .tit{line-height:50px;font-size: 13px;}
  .newsWarp .newsTop li .txtBox h5{font-size:24px;margin: 8px 0;}
  .newsWarp .newsTop li .txtBox p,.newsWarp .newsList li .txtBox p{font-size:16px;line-height:24px;}
  .newsWarp .newsTop .slick-dots li{width: 8px;height: 8px;margin-right:8px;}
  .newsWarp .newsList li .txtBox h5{font-size:20px;margin: 10px 0 5px;}
  .newsWarp .newsList li .txtBox span{margin-top: 10px;}
  .comProfile h5{font-size:28px;margin-bottom:10px;}
  .comProfile .des{line-height:24px;font-size:16px;}
  .comProfile .imgBox{float: none;width: 100%;text-align: center;margin-bottom:10px;}
  .comProfile .txtBox{float: none;width: 100%;}
  .comMId .item{width: 50%;margin-bottom:10px;}
  .comHistory .thinSlider .thList{max-height: 390px;padding-right:10px;}
  .characterList li .txtBox:before,
  .partyWarp .EducationList .characterList li .txtBox:before{width: 30px;height: 30px;right:-15px;top: -35px;background-size: contain;}
  .partyWarp .characterList li .txtBox:before{background-size: contain;}
  .talentWarp .itemBox .sliderOne .slick-slide >div{width: 32.66%;}
  .talentWarp .itemBox .sliderOne .slick-slide >div li{padding: 15px 10px 0 20px;}
  .talentWarp .itemBox .sliderOne .slick-slide >div:nth-child(4n){margin-right:1%;}
  .talentWarp .itemBox .sliderOne .slick-slide >div:nth-child(3n){margin-right:0;}
  .talentWarp .itemBox .sliderOne .slick-dots li,.talentWarp .itemBox .sliderTwo .slick-dots li{width: 8px;height: 8px;}
  .talentWarp .itemBox .sliderTwo .slick-slide >div{width: 33.33%;}
}

@media(max-width:768px){
  .newFeed .FeedBox{width: 100%;float: none;}
  .newFeed .FeedBox .tempWrap li span{display: none;}
  .newFeed .FeedBox .tempWrap li p{max-width:100%;}
  .newFeed .FeedBox .tempWrap{width: 60%;}
  .newFeed .more{float: none;text-align: right;}
  .newFeed .more a{line-height:28px;}
  .Foor1 .bdBox .itemBox .leftBox{float: none;width: 100%;}
  .Foor1 .bdBox .itemBox .rightBox{float: none;width: 100%;}
  .Foor2 .F2List li{width: 47.5%;margin: 0 1%;margin-bottom:5%;}
  .Foor2 .F2List li .topBox .numBox .counter{font-size:28px;}
  .Foor2 .F2List li .topBox .iconBox{max-width:32px;}
  .Foor3 .F3slide .hd:before{display: none;}
  .Foor3 .F3slide .hd li{width: 29.5%;}
  .Foor3 .F3slide .hd li p{font-size:14px;}
  .Foor3 .F3slide .bd .txtBox{float: none;width: 100%;}
  .Foor3 .F3slide .bd .imgBox{float: none;width: 100%;text-align: center;}
  .Foor3 .F3slide .bd .txtBox .btnBox .item{padding: 5px 8px;}
  .Foor3 .F3slide .bd .txtBox .btnBox .item .iconB{max-width:18px;}
  .bottom .bomTop .relevant .itemBox{width: 49%;margin-left:0;margin-right:2%;margin-bottom:2%;}
  .bottom .bomTop .relevant .itemBox:nth-child(2n){margin-right:0;}
  .menulact .menu{float: none;}
  .menulact .locatBox{float: none;}
  .menulact .locatBox p{font-size:14px;}
  .innerBan .Banbox{padding-bottom:220px;}
  .innerBan .txtBox h5{font-size:24px;}
  .baseList .item .imgBox{position: static;width: 100%;text-align: center;}
  .baseList .item .txtBox{width: 100%;float: none;padding: 15px 2%;}
  .baseList .item .txtBox h5,.topicList .item .txtBox h5{font-size:20px;}
  .quaList li,.workList li{width: 49%;padding: 8px;}
  .quaList li:nth-child(2n),.workList li:nth-child(2n){margin-right:0;}
  .quaList li p{font-size:14px;margin-top:10px;}
  .topicList .item .imgBox{float: none;width: 100%;}
  .topicList .item .imgBox div{ padding:0;}
    .topicList .item .imgBox figure{ padding-bottom:66.5%;}
  .topicList .item .txtBox{float: none;width: 100%;padding: 15px 10px;}
  .menulact .menu li a{font-size:14px;}
  .technicalWarp .itemBox .businessList li{width: 100%;margin-right:0;}
  .technicalWarp .itemBox .serviceList li{width: 49%;}
  .technicalWarp .itemBox .serviceList li:nth-child(3n){margin-right:2%;}
  .technicalWarp .itemBox .serviceList li:nth-child(2n){margin-right:0;}
  .technicalWarp .itemBox .Listtit{font-size:20px;}
  .technicalWarp .itemBox .businessList li h5{font-size:18px;margin: 8px 0;}
  .technicalWarp .itemBox .businessList li p{font-size:16px;line-height:24px;}
  .softwareWarp .leftList li .tit{line-height:24px;padding: 10px;}
  .softwareWarp .leftList li .imgBox .textBox h5{font-size:18px;}
  .softwareWarp .leftList li .imgBox .textBox h5 span{font-size:50px;}
  .softwareWarp .leftList li .imgBox .textBox p{font-size:16px;line-height:24px;}
  .newsWarp .newsTop li .imgBox{display: block;width: 100%;margin-bottom: 10px;}
  .newsWarp .newsTop li .txtBox{display: block;width: 100%;padding-bottom:15px;}
  .newsWarp .newsTop li .txtBox h5{font-size:20px;}
  .newsWarp .newsList li .txtBox h5{font-size:18px;}
  .newsWarp .newsTop li .txtBox span,.newsWarp .newsList li .txtBox span{margin-top:10px;line-height:24px;}
  .newsWarp .newsList li .imgBox{float: none;width: 100%;margin-bottom:10px;}
  .newsWarp .newsList li .txtBox{float: none;width: 100%;}
  .comMId .item{width: 100%;}
  .comMId .item:before{display: none;}
  .comHistory .thinSlider .thList li{width: 49%;margin-right:2%;padding: 8px;}
  .comHistory .thinSlider .thList li:nth-child(3n){margin-right:2%;}
  .comHistory .thinSlider .thList li:nth-child(2n){margin-right:0;}
  .comHistory .timeSlider .item{font-size:18px;line-height:36px;}
  .comHistory .thinSlider h5{font-size:28px;padding-bottom:8px;margin-bottom:10px;}
  .comHistory .thinSlider .thList li p{font-size:16px;line-height:22px;height: auto;}
  .comYear .yearSlider li .txtBox{padding: 20px 15px 8px 8px;}
  .comYear .yearSlider li .txtBox span{font-size:22px;}
  .comYear .yearSlider li .txtBox p{font-size:16px;line-height:24px;}
  .comMId .item h5{font-size:20px;margin-bottom:10px;padding-bottom:8px;}
  .comMId .item p{font-size:14px;line-height:24px;}
  .characterList li{width:100%;margin-bottom:10px; float: none;}
  .characterList li:before{display: none;}
  .characterList li .txtBox h5{font-size:18px; line-height: 18px;}
  .characterList li .txtBox p{font-size:16px;}
  .charFix .charWarp .w1280{padding: 40px 15px;}
  .charFix .charWarp .imgBox{width: 100%;float: none;display: none;}
  .charFix .charWarp .txtBox{float: none;width: 100%;}
  .charFix .charWarp .txtBox h5{font-size:22px;}
  .charFix .charWarp .txtBox .pos{line-height:40px;font-size:18px;}
  .charFix .charWarp .txtBox .des{font-size:16px;line-height:24px;}
  .talentWarp .itemBox .sliderOne .slick-slide >div{width: 49.5%;}
  .talentWarp .itemBox .sliderOne .slick-slide >div:nth-child(3n){margin-right:1%;}
  .talentWarp .itemBox .sliderOne .slick-slide >div:nth-child(2n){margin-right:0;}
  .talentWarp .itemBox .tit{font-size:24px;margin-bottom:10px;}
  .talentWarp .itemBox .des{font-size:14px;line-height:24px;margin-bottom:10px;}
  .talentWarp .itemBox .sliderOne .slick-slide >div .txtBox h5,.talentWarp .itemBox .sliderTwo .slick-slide >div li .txtBox h5{font-size:18px;}
  .talentWarp .itemBox .sliderTwo .slick-slide >div{width: 50%;}
  .characterList{padding: 20px 0;}
  .staffList .item .imgBox{float: none;width: 100%;text-align: center;margin-bottom:20px;}
  .staffList .item .txtBox{position: static;transform: translateY(0);width: 100%;}
  .staffList .item .txtBox h5{font-size:22px;padding-bottom:10px;}
  .staffList .item .txtBox .inBock:before{font-size:30px;left: -10px;}
  .staffList .item .txtBox .inBock:after{font-size:30px;right:-10px;top: 70px;}
  .staffList .item .txtBox .inBock{padding: 5px 20px 0 30px;}
  .staffList .item .txtBox time{font-size:18px;}
  .staffList .item .txtBox h5:before{height: 20px;}
  .topicInfor .titBox h1{font-size:22px;}
  .topicInfor .titBox .des{font-size:16px;line-height:24px;}

}


/*Menu002306*/
.Menu002306{margin-bottom: 5%;float: left;width:20%;}
.Menu002306 .side-title{ line-height:86px; background-image: linear-gradient(to right, #ef0000 , #990909); font-size:25px; font-weight:bold; color:#fff; padding:0 70px 0 32px;  position: relative; }
.Menu002306 .side-title::after,
.Menu002306 .side-title::before{content:'';}
.Menu002306 .side-title::before{ position: absolute; bottom: 0; left: -20px; width: 0; height: 0; display: none;
border-style: dashed dashed solid dashed; border-width:0 15px 60px 20px; border-color: transparent transparent #114369 transparent;}
.Menu002306 .side-title::after{ display:inline-block; vertical-align:middle; width: 40px; height: 1px; background: #fff; margin-left:10px;}
.Menu002306 .side-menu{background-color:#f9f9f9;padding-bottom: 50px; overflow:hidden;}
.Menu002306 .side-menu li a{ display:block;line-height:32px;}
.Menu002306 .side-menu > ul > li{ border-bottom:1px solid #e7f0f4;}
.Menu002306 .side-menu > ul > li >a{ padding:0 32px;font-weight:bold; color:#2f2f2f; line-height:62px; position:relative; font-size: 18px;}
.Menu002306 .side-menu > ul > li >a::after{ position:absolute; content:'>'; width:20px; height:20px; border-radius:50%; background:#333; color:#fff; text-align:center; line-height:21px; font-family:宋体; font-size:12px; right:16px; top:50%; margin-top:-8px;}
.Menu002306 .side-menu > ul > li ul{ display:none; padding:10px 15px;}
.Menu002306 .side-menu > ul > li > ul{ padding-left:32px; padding-right:32px;}
.Menu002306 .side-menu > ul > li > ul > li {border-bottom: 1px dashed #d8d8d8;}
.Menu002306 .side-menu > ul > li > ul > li:last-child{
  border: none;
}
.Menu002306 .side-menu > ul > li > ul > li > a{ background:url(../images/Menu002306-a_off.png) no-repeat left center; padding-left:15px;}
.Menu002306 .side-menu ul li ul li ul li a::before{ display:inline-block; content:''; vertical-align:middle;width: 3px;height: 3px;background: #555; margin-right:10px;}
.Menu002306 .side-menu li.select > a,
.Menu002306 .side-menu li:hover > a{ background-color:#1684fc;color: #fff}
.EducationList .Menu002306 .side-menu li.select > a,
.EducationList .Menu002306 .side-menu li:hover > a{ background-color:#cd0401;color: #fff}
.Menu002306 .side-menu li.select > a::after{ transform:rotate(90deg);}
.Menu002306 .side-menu ul li ul li.select > a{ background-color:transparent; background-image:url(../images/Menu002306-a_on.png); font-weight:bold; color:#002870;}
.Menu002306 .side-other dd{ background-position:left center; background-repeat:no-repeat; background-color:#e7f0f4; margin-top:20px; border-radius:5px; position:relative;}
.Menu002306 .side-other dd.dd_1{ background-image:url(../images/Menu002306-picbg1.png);}
.Menu002306 .side-other dd.dd_2{ background-image:url(../images/Menu002306-picbg2.png);}
.Menu002306 .side-other dd a{ position:relative;display:block; height:80px;line-height:80px; font-weight:bold; color:#555; padding-left:100px;}
.Menu002306 .side-other dd a::after{ position:absolute; content:'>'; width:16px; height:16px; border-radius:50%; background:#114369; color:#fff; text-align:center; line-height:18px; font-family:宋体; font-size:12px; right:15px; top:50%; margin-top:-8px;}
.Menu002306 .open{ display:none;}
@media(min-width:1025px){
.Menu002306 .side-menu{ display:block !important;}
}
@media(max-width:1024px){
.Menu002306{padding-top:20px;float: none;width: 100%;}
.Menu002306 .side-title{ font-size:20px;line-height: 70px}
.Menu002306 .side-other{ display:none;}
.Menu002306 .open{ display:block; border:1px solid #ddd; padding:15px 20px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;font-size: 18px;color:#2f2f2f;position:relative;}
.Menu002306 .open::after{ position:absolute; content:''; border:6px solid transparent; border-top-color:#2f2f2f; right:10px; top:50%; margin-top:-3px;}
.Menu002306 .side-menu{ display:none; padding-bottom:20px;}
}



/*TextList002148 */
.TextList002148 {padding-bottom: 4%;float: right;width: 78%}
.TextList002148 li {overflow: hidden;padding-left: 170px;padding-right: 48px;position: relative;margin-bottom: 2%;}
.TextList002148 li:after {position: absolute;content: '';right: 0;top: 0;width: 48px;height: 100%;background: url(../images/TextList002148-more.gif) no-repeat center center #b5e5fb;transition: 0.2s;}
.TextList002148 li:hover::after {background-color: #1684fc;}
.TextList002148 li div {border-left: 1px solid #e9e9e9;background-color: #f8f8f8;padding: 2% 3%;}
.TextList002148 li time {position: absolute;left: 0;top: 0;width: 155px;height: 100%;background-color: #f8f8f8;border-right: 1px solid #e9e9e9;}
.TextList002148 li time:after {position: absolute;content: '';background: url(../images/TextList002148-time.gif) no-repeat;width: 11px;height: 19px;top: 50%;right: -11px;margin-top: -9px;}
.TextList002148 li time span {position: absolute;width: 100%;text-align: center;top: 50%;-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);color: #2F2F2F;font-size: 18px;}
.TextList002148 li time i {font-weight: 600;font-style: normal;font-size: 50px;color: #2F2F2F;display: block;line-height: 40px;}
.TextList002148 li time i:after {display: block;content: '';margin: 5px auto;height: 1px;width: 66px;background: #dfdfdf;}
.TextList002148 li h3 {margin: 0;font-size: 18px;}
.TextList002148 li p {line-height: 26px;overflow: hidden;color: #999;height: 52px;margin: 2% 0 0 0;}

@media(max-width:1000px) {
    .TextList002148 {float: none;width: 100%}
  .EducationList .characterList{float: none;width: 100%}
  .TextList002148 li {padding-left: 120px;padding-right: 30px;}
  .TextList002148 li:after {width: 30px;background-size: 35% auto;}
  .TextList002148 li time {width: 105px;}
  .TextList002148 li time span {font-size: 14px;}
  .TextList002148 li time i {font-size: 40px;line-height: 30px;}
}

@media(max-width:768px) {
  .TextList002148 li h3 {font-size: 18px;}
}

@media(max-width:480px) {
  .TextList002148 li {padding-left: 100px;padding-right: 0;}
  .TextList002148 li:after {display: none;}
  .TextList002148 li time {width: 85px;}
  .TextList002148 li time span {font-size: 12px;}
  .TextList002148 li time i {font-size: 30px;}
  .TextList002148 li h3 {font-size: 14px;}
  .TextList002148 li p {font-size: 12px;line-height: 20px;overflow: hidden;height: 40px;}
}


.news-details {max-width: 1226px;padding: 3% 10%;margin:0 auto;border: 1px solid #d2d2d2;}
.news-details .title {text-align: center;}
.news-details .title h1 {font-size: 30px;margin: 0 0 20px 0;}
.news-details .title aside span {display: inline-block;vertical-align: middle;margin: 0 15px 5px;line-height: 16px;}
.news-details .title .bshare-custom {display: inline-block;}
.news-details .edit-info {line-height: 1.875em;border-bottom: 1px solid #d2d2d2;padding: 2% 0;margin-bottom: 2%;}
.news-details .pn-page aside {padding: 10px 0;}
.news-details .pn-page aside a {color: #666;}
.news-details .pn-page aside a b {color: #333;}
.news-details .operating a:hover{color: #fff;background-color: #b78d66;}
.news-details .pn-page aside a:hover {color: #b78d66;}
.news-details .operating a {float: left;display: block;width: 130px;height: 50px;background: #2f2f2f;color: #fff;text-align: center;line-height: 50px;}
.news-details .pn-page.fileBox{}
@media(min-width:1025px) {
  .news-details .pn-page.fileBox{padding-top:50px;}
  .news-details .pn-page {min-height: 24px;position: relative;padding-right: 230px;}
  .news-details .pn-page .operating {position: absolute;right: 0;top: 50%;transform: translateY(-50%);}

}

@media(max-width:1024px) {
    .news-details .news-details {padding: 3%;}
  .news-details .operating {text-align: right;padding-bottom: 20px;}
  .news-details .operating a {display: inline-block;}
}

@media(max-width:640px) {
  .news-details .title h1 {font-size: 6vw;}
  .news-details {font-size: 14px;}
}

/*党史上的今天*/
.partyList{padding: 3% 0 4%;}
.partyList .head-box{position: relative;}
.partyList .head-box .main-box{position: relative;display: table;width: calc(100% - 20px);background-color: #fff;box-shadow: 10px 10px 10px rgba(1, 1, 1, .12);z-index: 3}
.partyList .head-box:before{display: block;content: '';position: absolute;left: 0;top: 10px;right: 0px;width: calc(100% - 20px);height: 100%;background-color: #fff;box-shadow: 10px 10px 10px rgba(1, 1, 1, .12);z-index: 2;}
.partyList .head-box:after{display: block;content: '';position: absolute;left: 0;top: 20px;right: 0px;width: calc(100% - 10px);height: 100%;background-color: #fff;box-shadow: 10px 10px 10px rgba(1, 1, 1, .12);z-index: 1;}
.partyList .head-box .left-box{position: relative;display: table-cell;width: 50%;vertical-align: top;}
.partyList .head-box .right-box{position: relative;display: table-cell;width: 50%;padding: 50px 20px 50px 50px;box-sizing: border-box;vertical-align: top;}
.partyList .head-box .left-box .img img{width: 100%;}
.partyList .head-box .left-box .box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 3}
.partyList .head-box .left-box .time{position: relative;display: block;width: 259px;height: 217px;margin: 32% auto 0 auto;background-image: url('../images/partyList-time.png');}
.partyList .head-box .left-box .time .n{padding-top: 35px;font-size: 24px;color: #cd0401;text-align: center;}
.partyList .head-box .left-box .time .yr{margin-top: 30px;font-size: 54px;color: #cd0401;text-align: center;}
.partyList .head-box .left-box .text{margin-top: 15%;padding: 0 50px;font-size: 24px;color: #bb0300;line-height: 2;font-weight: bold;}
.partyList .head-box .right-box .title{font-size: 24px;color: #cd0401;text-align: center;}
.partyList .head-box .right-box .box{padding-bottom: 80px;height: 770px;box-sizing: border-box;}
.partyList .head-box .right-box .name{font-size: 16px;color: #cd0401;font-weight: bold;}
.partyList .head-box .right-box h4{padding: 0;margin: 24px 0;font-size: 16px;color: #333;font-weight: bold;}
.partyList .head-box .right-box p{font-size: 16px;color: #666;line-height: 2;}
.partyList .head-box .right-box .swiper{width: 100%;height: 100%;}
.partyList .head-box .right-box .swiper .swiper-slide{padding-right: 30px;height: auto;box-sizing: border-box;}
.partyList .head-box .selection{position: absolute;left: 0;bottom: 50px;width: 100%;z-index: 3}
.partyList .head-box .selection ul{text-align: center;font-size: 0;}
.partyList .head-box .selection ul li{display: inline-block;width: 120px;margin-right: 20px;}
.partyList .head-box .selection ul li:last-child{margin-right: 0;}
.partyList .head-box .selection ul li select{display: block;width: 100%;height: 40px;padding: 0 10px;font-size: 16px;color: #555555;background-color: #eeeeee;border-radius: 40px;box-sizing: border-box;}
.partyList .head-box .selection ul li .btn{display: block;width: 100%;height: 40px;font-size: 16px;color: #fff;background-color: #cd0401;border-radius: 40px;cursor:pointer}
.partyList .head-box .right-box .swiper .swiper-scrollbar-drag{background-color: #cd0401;}
.partyList .list{margin-top: 6.25%;}
.partyList .list ul{font-size: 0;}
.partyList .list ul li{display: inline-block;width: 22%;margin-right: 4%;margin-bottom: 3%;}
.partyList .list ul li:nth-of-type(4n){margin-right: 0;}
.partyList .list ul li .title{height: 60px;width: 100%;font-size: 16px;color: #555555;line-height: 60px;text-align: center;background-color: #f8f8f8;border-radius: 60px}
.partyList .list ul li a{display: block;width: 100%;}
.partyList .list ul li:hover .title{background-color: #cd0401;color: #fff;}
.partyDetails{padding: 3% 0 4%;}
.partyDetails .box .left-box{display: inline-block;width: 67%;vertical-align: top;}
.partyDetails .box .right-box{display: inline-block;width: 28%;margin-left: 5%;}
.partyDetails .box .left-box .title{font-size: 36px;color: #333333}
.partyDetails .box .left-box .time{margin-top: 35px;font-size: 16px;color: #999999}
.partyDetails .box .left-box .text{margin: 35px 0;padding: 35px 0;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
.partyDetails .box .left-box .text p{font-size: 16px;color: #333;line-height: 1.8;}
.partyDetails .box .left-box .prew div{margin-bottom: 20px;font-size: 16px;color: #333}
.partyDetails .box .left-box .prew div:last-child{margin-bottom: 0px;}
.partyDetails .box .left-box .prew a{color: #666666}
.partyDetails .box .right-box .name{font-size: 20px;color: #cd0401;}
.partyDetails .box .right-box .list{margin-top: 25px;}
.partyDetails .box .right-box .list ul li{margin-bottom: 35px;}
.partyDetails .box .right-box .list ul li:last-child{margin-bottom: 0px;}
.partyDetails .box .right-box .list ul li .img img{width: 100%}
.partyDetails .box .right-box .list ul li .title{margin-top: 20px;}
.partyDetails .box .right-box .list ul li .title a{font-size: 18px;color: #333333;}


@media(max-width:1024px){
  .partyList .head-box .left-box{display: block;width: 100%}
  .partyList .head-box .right-box{display: block;width: 100%;}
}
@media(max-width:640px){
  .partyList .list{margin-top: 20px;}
  .partyList .head-box .left-box .time {width: 150px;height: 125px;margin: 30% auto 0 auto;background-size: 100%;}
  .partyList .head-box .left-box .time .n{font-size: 16px;padding-top: 15px;}
  .partyList .head-box .left-box .time .yr{font-size: 25px;}
  .partyList .head-box .left-box .text {margin-top: 5%;padding: 0 20px;font-size: 16px;line-height: 1.7;}
  .partyList .head-box .right-box{padding: 30px 10px 30px 20px;}
  .partyList .head-box .right-box .swiper .swiper-slide{padding-right: 10px;}
  .partyList .head-box .selection{margin-bottom: 30px;}
  .partyList .head-box .selection ul li .btn{margin-top: 10px;}
  .partyList .list ul li{display: block;width: 100%;margin-right: 0;}
  .partyList .list ul li .title{height: 35px;line-height: 35px;border-radius: 35px}
  .partyList .head-box .main-box{width: 100%;box-shadow: none;}
  .partyList .head-box{box-shadow: 10px 10px 10px rgba(1, 1, 1, .12);}
  .partyList .head-box:after{display: none;}
  .partyList .head-box:before{display: none;}
  .partyList .head-box .selection{position: unset;margin-top: 20px;}
  .partyList .head-box .right-box .box{padding-bottom: 0;height: 500px;}
  .partyDetails .box .left-box{display: block;width: 100%;}
  .partyDetails .box .right-box{display: block;width: 100%;margin-left: 0;margin-top: 30px;}
  .partyDetails .box .left-box .title{font-size: 28px;}
}







/*.Map002788 */
.Map002788{ padding: 4% 0}
/*slick Basic*/
.Map002788 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent}
.Map002788 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;}
.Map002788 .slick-list:focus {outline: none}
.Map002788 .slick-list.dragging {cursor: pointer;cursor: hand;}
.Map002788 .slick-slider .slick-track,
.Map002788 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
.Map002788 .slick-track {position: relative; top: 0; left: 0; display: block;}
.Map002788 .slick-track:before,
.Map002788 .slick-track:after{display: table; content: '';}
.Map002788 .slick-track:after{ clear: both;}
.Map002788 .slick-loading .slick-track { visibility: hidden;}
.Map002788 .slick-slide{ display: none; float: left;min-height: 1px;}
[dir = 'rtl'] .slick-slide {float: right;}
.Map002788 .slick-slide .slick-loading img { display: none;}
.Map002788 .slick-slide .dragging img { pointer-events: none;}
.Map002788 .slick-initialized .slick-slide { display: block;}
.Map002788 .slick-loading .slick-slide { visibility: hidden;}
.Map002788 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;}
.Map002788 .slick-arrow .slick-hidden { display: none;}
/*slick Basic End*/
.Map002788{ width:100%;  position:relative;  }
.Map002788 .hd{padding-bottom:30px; margin: 0 auto;}
.Map002788 .hd  li span{display: block;padding:15px 20px; line-height:14px;text-align:center;  cursor:pointer; background: #f5f5f5;   }
.Map002788 .hd  li.slick-current span{ background:#2078da; color:#fff; }
.Map002788 .mapImg{margin-bottom:6%;text-align: center;}
.Map002788 .bd .map{height:300px; border-radius: 5px;}
.Map002788 .bd .map img{ max-width: none }
.Map002788 .bd li{background:#f7f7f7;padding:3%; border-radius: 5px;margin-bottom:20px;}
.Map002788 .tit_s{font-size: 18px;color: #1684fc;padding-left: 15px;position: relative;margin-bottom: 20px;font-weight: bold}
.Map002788 .tit_s:before{display: inline-block;content: '';width: 5px;height: 26px;background: #1684fc;position: absolute;left:0;top:50%;transform: translateY(-50%);}
.Map002788 .bd .text .p{font-size: 18px;color:#666;line-height:24px; margin:0; padding: 0;position: relative;padding-left: 30px;}
.Map002788 .bd .text .p+.p{margin-top:7px;}
.Map002788 .bd .text .p:before{display: inline-block;content: '';width: 18px;height:24px;position: absolute;left:0;top:0; background-position: center;background-repeat:no-repeat; }
.Map002788 .bd .text .address:before{background-image: url(../images/icon-1.png);}
.Map002788 .bd .text .tell:before{background-image: url(../images/icon-2.png);}
.Map002788 .bd .text .fax:before{background-image: url(../images/icon-3.png);}
.Map002788 .bd .text .email:before{background-image: url(../images/icon-4.png);}

.Map002788 .bd .text .code{margin-top: 30px;}
.Map002788 .bd .text .code span{display: block; color: #999;}
.Map002788 .bd .text .code img{max-width:140px;border: 1px solid #eaeaea;margin-top:10px;}

@media(min-width:769px){
.Map002788 .bd .map{width:55%; float: left; height: 440px;}
.Map002788 .bd li{width:48%; margin-right: 4%; float: left;min-height:440px;}
// .Map002788 .bd .text{ width:44%; margin-right: 12%; float: left;min-height:440px; }
.Map002788 .bd li:nth-child(2n){margin-right:0;}
.Map002788 .hd  li:first-child span{border-radius: 5px 0 0 5px;}
.Map002788 .hd  li:last-child span{border-radius: 0 5px 5px 0;}
}

@media(max-width:640px){
.Map002788 .hd,
.Map002788 .hd .slick-track{width: 100% !important;}
.Map002788 .hd .slick-slide{float: none !important; width: 100%;}
.Map002788 .bd .text .p{font-size: 15px;}

}
.Hbox_bg{background-image: linear-gradient(180deg,rgb(245 0 11),rgb(255 0 10 / 63%),rgb(239 52 59 / 0%));}
/*.Hpic{ margin-bottom: 3px;  }*/
.Hpic img{ width:100%; }
.Hvideo{ margin-bottom: 4% ; position: relative;  padding-top: calc(450 / 1280 * 100%)}
.Hvideo video{ height: 100% ; width: 100%; object-fit: cover;position: absolute; left:0; top: 0;}
.newFeed .w1280,
.Foor1 .w1280{ background:#fff; padding-left: 1% ; padding-right: 1%;}