/** 动画ani**/
.about{position: relative;height: 570px;}
.about img{position: absolute;top:0;width:100%;}
.abou{position: absolute;top: 100px;right: 15%;font-size: 50px;color: #fff;}
.lineGre {position: absolute;top: 163px;right: 15%;width: 145px;height:2px;background:#fff;}

/**caiptal*/
#capacity{}
.caiptalLe{width:50%;height:360px;margin-top:40px;overflow:hidden;}
.caiptalLe img{width: 90%;float: right;}
.caiptalRi{width:50%;height:360px;margin-top:40px;}
.caiptalRi p{width: 70%;margin-left: 30px;padding-left: 20px;font-size: 24px; line-height: 59px; color: #333; margin-top: 8px;}
.caiptalRi p:hover{background:#eee;}



/* 时间轴 */
#time{ background: #e4e7ea;padding-bottom: 40px;margin-top: 70px;}
.shijianzhou{width:1400px;margin:0 auto;margin-top:40px;}
.cont{position: relative;}
.shijianzhou .left{float:left;left: -10px;top: 10px;}
.shijianzhou .timer,
.shijianzhou .right{float:left;right: -36px;top: 10px;}
.line {display: block; width: 1293px; border-bottom: 3px solid #d8d8d8;position: absolute;top: 50px;left: 50%;margin-left: -636px; z-index: 0;}
.shijianzhou .left, .shijianzhou .right {position: absolute;width: 60px;height: 60px;text-align: center; line-height: 60px;border-radius: 70px; font-weight: bold; font-family: simhei;color: #02408b; font-size: 42px;
top: 23px;cursor:pointer;}
.shijianzhou .timer{width:1350px;height:auto;margin:0 26px;overflow:hidden;background:url(/uiFramework/commonResource/image/2019042411324451399.jpg) no-repeat center 50px;}
.shijianzhou .timer ul{width:9999999999999999px;}
.shijianzhou .timer ul li{width:105px;height:100px;float:left;text-align:center;cursor:pointer;}
.shijianzhou .timer ul li .txt{font-size:16px;color:#333;height:21px;}
.shijianzhou .timer ul li .point{width:20px;height:20px;border-radius:50%;margin:20px auto 0;background:#707070;position: relative;z-index: 2;}
.shijianzhou .timer ul li input{display:none;}
.shijianzhou .timer ul li:hover .txt,
.shijianzhou .timer ul li.on .txt{font-weight:bold;color:#0091db;font-size:20px;}
.shijianzhou .timer ul li:hover .point,
.shijianzhou .timer ul li.on .point{background:#0091db;}
.css3guodu{-o-transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;transition: all 0.5s ease-out 0s;}
.center{width:840px;margin:0 auto;overflow: hidden;}
.center .box{width:390px;height:150px;background:#fff;float:left;margin-left:30px;margin-top:20px;    box-shadow: 0px 6px 10px #eee;}
.find {width: 165px;height: 45px;line-height: 45px; border: 1px solid #e8e8e8; border-radius: 55px;background: #fff; margin: 0 auto; margin-top: 60px;}
.find a { padding-left: 20px; color: #00428e;font-size: 16px;cursor: pointer;}
.find img {padding-left: 14px;}
.center .box {width: 390px; height: 150px;background: #fff; float: left; margin-left: 30px;margin-top: 20px;box-shadow: 0px 6px 10px #eee;}
.date { float: right; width: 110px; height: 68px; margin-top: 21px; padding: 25px 0;}
.date span {display: block;text-align: center; color: #02408b;}
.date .yy {width: 60px; margin: 0 auto;line-height: 36spx; font-size: 24px;border-bottom: 1px solid #999;}
.date .dd {font-size: 18px;margin-top: 5px;}
.nianWz .wenzi {width: 145px;height: 55px;margin-top: 45px; border-left: 1px solid #4d79ae;}
.nianWz .wenzi p a {display:block;font-weight: bold;font-size: 12px;color: #333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.nianWz .wenzi p {height: 30px;line-height: 22px;padding-left: 20px;font-size: 12px;color: #333;width: 165px;}
.nianWz .box .img {margin-top: 109px;cursor: pointer;}

/* 专项专利 */
#tixi {overflow: hidden;}
#tixi .blueBg{
width:100%;
height:135px;
background:#02408b;
position: relative;
margin-top: 430px;
}

#tixi .blueBg .img{    width: 516px;height: 553px;position: absolute;top: -418px;left: 150px;}
#tixi .blueBg .img img{width:100%;height:100%;}
#tixi .posi{position: relative;}
.find1 {margin-top：0;position: absolute;right: 42%; top: -154px;}
#tixi .neirong{width: 48%;position: absolute;right: 7%; top: -243px;z-index: 1;line-height: 30px;font-size: 16px;color: #333;}
#tixi .neirong p{ont-size: 1rem;line-height: 26px;color: #333;}
#tixi .num{ width: 230px; position: absolute;text-align: center;right: 590px;top: 30px;}
#tixi .num1{right: -200px;top: 0px;}
#tixi .num2{right: -200px;top: 0px;}
#tixi .counter{font-size:52px;color:#fff;}
#tixi .num p{font-size: 12px;line-height: 24px;color: #fff;}

/**系统**/
#system .Pic{margin-top:30px;overflow:hidden;}
#system .Pic div{width:24%;height:430px;}
#system .Pic .Pic1{background:url(/uiFramework/commonResource/image/2020080817041879316.png) no-repeat;background-size:100% 100%;}
#system .Pic .Pic2{background:url(/uiFramework/commonResource/image/2020080817042770565.png) no-repeat;background-size:100% 100%;margin-left:0.1%;}
#system .Pic .Pic3{background:url(/uiFramework/commonResource/image/2020080817043565470.png) no-repeat;background-size:100% 100%;margin-left:0.1%;}
#system .Pic .Pic4{background:url(/uiFramework/commonResource/image/2020080817044253386.png) no-repeat;background-size:100% 100%;margin-left:0.1%;}
#system .Pic ul{margin-left:30px;}
#system .Pic ul li{color:#fff;font-size: 24px;line-height: 36px;cursor:pointer;}
#system .Pic .ul1{margin-top:300px;}
#system .Pic .ul2{margin-top:260px;}
#system .Pic .ul3{margin-top:200px;}
#system .Pic .ul4{margin-top:300px;}



/**文章管理**/
#socia{}
#socia  .media {width:32%;margin-left: 1%;margin-top: 30px;}
#socia  .media p img{width:100%;height:300px;}
#socia  .media p a{font-size:18px;line-height:32px;color:#333;}

/*  移动端 */
@media only screen and (max-width:641px){
#time{margin-top:20px !important;}
.find{display:none;}
.abou {top: 15px !important;right: 15% !important;font-size: 20px !important;}
.lineGre {top: 45px !important;width: 60px !important;}
.abou2 {top: 15px !important;right: 15% !important;font-size: 20px !important;}
.lineGre2 {top: 45px !important;width: 60px !important;}
.about {position: relative;height: 120px !important;}

.zongk{width:100% !important;}

#system1{width:100%;}



.caiptalLe { width: 90%;height: 200px;margin: 0 auto;float:none;}
.caiptalLe img {width: 100%; float: none;}
.caiptalRi{float:none;width: 90%;height:160px;margin: 0 auto;}
.caiptalRi p{font-size: 11px;width: 90%;left:0 !important;right:0 !important;margin:0 auto !important;line-height:35px !important;}



/* 科技研发成果*/
#time{padding-bottom: 20px;}
.sjzBox {overflow: hidden;}
.researchs {overflow: hidden;}
.nianWz .box .img {margin-top: 109px;cursor: pointer;}
.nianWz .wenzi p {font-size: 1rem;padding-left:5px;overflow: hidden;height: 26px;width: 185px;}
.nianWz .wenzi p a{font-size: 1rem;}
.center {width: 100%;}
.center .box { width: 90%; margin: 0 auto;height: 150px;background: #fff; float: none;margin-top: 20px;box-shadow: 0px 6px 10px #eee;line-height: 35px !important;}
#time .dabox {width: 100%;margin: 0 auto;overflow: hidden;}
#time .box {float: none;margin: 20px auto;}
#time .hedian{margin:20px auto;}
#time .shihua{margin:20px auto;}
#time .duanya{margin:20px auto;}
.find{margin-top:20px;}
.find1 {display:none;}


/* 专项专利*/
#tixi {width:100%;}
#tixi .blueBg {width: 100%; height: 50px;margin-top: 300px;}
#tixi .blueBg .img{width: 55%;height: 600%;top: -250px;left: 0%;}
#tixi .num {width: 85px;position: absolute;left: 3%;top: 5px;}
#tixi .num1 {left: 155%;top: 0px !important;}
#tixi .num2 {left: 155%;top: 0px !important;}
#tixi .counter {font-size: 1.5rem;color: #fff;}
#tixi .num p {font-size: 0.5rem;line-height: 10px;color: #fff;right: 163px;width:92px;}
.shijianzhou {width: 100%;}
.shijianzhou .timer {width: 100%;margin:0 0px;}
.shijianzhou .timer ul {width: 90%;height: 85px;overflow: hidden;}
.line {    width: 20rem; position: absolute;top: 50px;left: 20px;margin-left: 29px;}
.shijianzhou .left {left: 2px;}
.shijianzhou .right { right: 2px;}


 .neirong {width: 90% !important;position: absolute !important;right: 0% !important;left: 0%;margin: 0 auto;top: -245px !important;z-index: 1;font-size: 1.3rem !important;}
#tixi .neirong p {font-size: 1rem ;line-height: 26px;color: #333;}
#tixi .blueBg .img{display: none;}






#system{overflow-x: scroll;}
#system .Pic { width:280%;margin-top: 0px;overflow: hidden;}
#system .Pic div {width: 24%;}
#system .Pic ul li{font-size:14px;    width: 180px;}
#system .Pic ul {margin-left:0px;padding-left:30px;}



/*  社会 */
#socia{width:100% !important;}
.banxin { width: 100% !important;margin-bottom:20px !important;}
.guanhuai-head{font-size: 20px !important;margin-top: 10px !important;line-height: 24px;}
.guanhuai-botmbor{width: 50px !important;margin-top: 10px !important;margin-bottom: 10px !important;}

#socia .media{ width: 90% !important;margin-left: 0% !important;  margin: 0 auto !important;margin-top: 20px;float: none;margin-bottom: 20px !important;}
#socia .media .img {height: 220px !important;}


}