/*header*/
.header .top{height:90px;background: url("../image/icon_topbg1.jpg") no-repeat center top;}
.header .top > .wrap{height: 100%;}
.header .top .logo{background: url("../image/icon_logo.png") no-repeat;width: 166px;height: 58px;text-indent: -9999px;margin: 17px 0 0 0;}
.header .nav{margin: 27px 0 0 0;}
.header .nav li{overflow: hidden;float: left;margin-left: 20px;}
.header .nav li a{display: block;font-size: 16px;color:#08e0df;line-height: 40px;width: 140px;height: 40px;background: url("../image/icon_navbg.png") center;text-align: center;}
.header .nav li a:hover{opacity: .8;filter:alpha(opacity=80);}
.header .banner{background: url("../image/icon_topbg2.jpg") no-repeat center top;height: 640px;}
.header .banner > .wrap{position: relative;z-index: 10;height: 100%;}
.header .banner .left{overflow: hidden;}
.header .banner .til1{margin-top: 130px;}
.header .banner .til2{margin-top: 40px;}
.header .banner .downloads{margin-top: 80px;}
.header .banner .downloads a{float: left;width: 200px;height: 70px;margin-right: 35px;text-indent: -9999px;background: url("../image/icon_downbtns.png") no-repeat;}
.header .banner .downloads .sta{background-position: left top;}
.header .banner .downloads .sta:hover{background-position: left bottom;}
.header .banner .downloads .uef{background-position: right top;}
.header .banner .downloads .uef:hover{background-position: right bottom;}
.header .banner .bot-mark{background: url("../image/icon_pic1.png") no-repeat;width: 875px;height: 490px;position: absolute;top: 60px;right: -150px;z-index: -1;}


/*main*/
.list{margin-top: 60px;}
.list ol{width: 115%;height: 1022px;}
.list li{float: left;overflow: hidden;background: url("../image/icon_listbg.png") no-repeat;width: 376px;height: 476px;margin-right: 70px;margin-bottom: 70px;-webkit-transition: all .3s linear;transition: all .3s ease;}
.list li:hover{-webkit-transform: translateY(-6px);transform: translateY(-6px);}
.list li .img{width: 280px;height: 146px;display: block;margin: 50px auto 0 auto;}
.list li .img img{width: 100%;height: 100%;-webkit-transition: all .3s ease;transition: all .3s ease;}
.list li .img img:hover{opacity: .7;filter:alpha(opacity=70);}
.list li h2{width: 280px;margin: 28px auto 0 auto;white-space: nowrap;text-overflow: ellipsis;text-align: center;}
.list li h2 a{color: #333;font-size: 18px;-webkit-transition: all .3s ease;transition: all .3s ease;}
.list li h2 a:hover{opacity: .6;filter:alpha(opacity=60);text-decoration: underline;}
.list li .describe{color: #999;line-height: 24px;height: 72px;margin: 25px auto 0 auto;width: 280px;}
.list li .mores{display: block;background: url("../image/icon_cirbg.png") no-repeat center top;width: 170px;height: 40px;line-height: 40px;text-align: center;color: #fff;font-size:16px;margin: 28px auto 0 auto;}
.list li .mores:hover{background-position: center bottom;}



/*footer*/
.index .footer{margin-top: -70px;*margin-top: 0;}
.footer{padding-bottom: 15px;}
.footer .copy{line-height: 30px;text-align: center;color: #666;}
.footer .copy a{color: #333;}
.footer .copy a:hover{text-decoration: underline;}

/*article*/
.article{margin-top: 60px;width: 1246px;}
.article .tp-bg{background: url("../image/shadow_bg1.png") center top no-repeat;height: 43px;width: 100%;}
.article .md-bg{background: url("../image/shadow_bg2.png") center center repeat-y;width: 100%;padding: 50px 0;}
.article .bt-bg{background: url("../image/shadow_bg3.png") center bottom no-repeat;height: 43px;width: 100%;}
.article .art{padding: 0 55px;width: 800px;border-right:1px solid #f2f2f2;}
.art .title{margin-top: 20px;}
.art .title h3{color: #000;font-size: 34px;text-align: center;}
.art .title .summary{margin-top: 20px;text-align: center;color: #999;}
.art .title .summary .time{margin-right: 25px;}
.art .title .summary .key a{color: #00d9c3;margin-right: 12px;}
.art .context{border-top:1px solid #e6e6e6;margin-top: 45px;text-align: center;padding-bottom: 30px;}
.art .context p{line-height: 34px;color: #333;font-size: 16px;text-align: left;margin-top: 30px;}
.art .context i{font-style: normal;color: #ff0000;display: block;line-height: normal;}
.art .context img{display: inline-block;margin-top:30px;}
.art .context strong{color: #333;font-weight: bold;display: block;line-height: normal;font-size: 20px;}

.article .oth{padding: 0 57px;width: 175px;}
.article .oth h4{font-size: 20px;color: #333;margin-top: 24px;line-height: 36px;overflow: hidden;}
.article .oth-list li{overflow: hidden;width: 100%;margin-top: 26px;}
.article .oth-list li .img{display: block;width: 175px;height: 91px;}
.article .oth-list li .img img{width: 100%;height: 100%;-webkit-transition: all .3s ease;transition: all .3s ease;}
.article .oth-list li .img img:hover{-webkit-transform: scale(1.05);transform: scale(1.05);}
.article .oth-list li .font{display: block;line-height: 20px;color: #333;height: 44px;margin-top: 5px;-webkit-transition: all .3s ease;transition: all .3s ease;}
.article .oth-list li .font:hover{opacity: .6;filter:alpha(opacity=60);text-decoration: underline;}

/*20211114*/
.header .top .logo{background: url("../image/icon_logo_font.png") no-repeat;width: 404px;}
.header .banner .downloads a{background: url("../image/icon_downbtns_new.png") no-repeat;text-indent: 0;}
.header .banner .downloads a .font{display: block;text-align: center;font-size: 22px;color: #fff;margin-top: 6px;}
.header .banner .downloads a .date{display: block;text-align: center;font-size: 12px;}
.header .banner .downloads a.sta .date{color: #024a43;opacity: .5;filter:alpha(opacity=50);}
.header .banner .downloads a.uef .date{color: #0e517e;opacity: .5;filter:alpha(opacity=50);}

.header .banner .bottom-count{position: absolute;bottom: 30px;left: 0;width: 100%;}
.header .banner .bottom-count .down-count{font-size: 0;text-align: center;overflow: hidden;}
.header .banner .bottom-count .down-count span{display: inline-block;vertical-align: middle;font-size: 24px;color: #fff;}
.header .banner .bottom-count .down-count .number{font-size: 0;overflow: hidden;margin: 0 6px;}
.header .banner .bottom-count .down-count .number i{position: relative;width: 30px;height: 34px;font-style: normal;display: inline-block;margin: 0 2px;background: url("../image/count_bg.png") no-repeat center top;font-size: 0;padding: 3px 0;}
.header .banner .bottom-count .down-count .number i em{position: absolute;top: 50%;left: 0;width: 100%;height: 1px;background-color: #0bafce;font-style: normal;}
.header .banner .bottom-count .down-count .number i b{height: 34px;line-height: 34px;color: #0858ba;font-size: 0;font-weight: bold;background: url("../image/count_num.png") no-repeat center top;width: 100%;display: inline-block;}
.header .banner .bottom-count .down-count .number label{display: inline-block;margin: 0 1px;vertical-align: middle;font-size: 24px;color: #0858ba;}