﻿@charset "utf-8";

/* reset */
html, body{min-width: 1000px;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, ul, ol, li, dl, dd, input, button, textarea, fieldset, legend, figure, menu, th, td, pre{margin:0;padding:0;}
body{font-size: 12px;font-family: Arial, "Microsoft YaHei";color: #666;padding-top: 85px;}
h1, h2, h3, h4, h5, h6{font-weight: normal;font-size: inherit;}
a{color: #999;text-decoration: none;outline: none;star: expression(this.onFocus=this.blur());}
area{outline: none}
img{border: none;}
ul, ol{list-style: none;}
i, em{font-style: normal;}
input, button, select, textarea, optgroup{font: inherit;color: inherit;outline:none;}
input[type="text"], input[type="password"], button, textarea{border: 1px solid #ccc;}
input[type="button"], input[type="reset"], input[type="submit"], button{border: none;cursor:pointer;}
input[type="radio"], input[type="checkbox"]{border: none;padding:0}
input::-ms-clear, input::-ms-reveal{display: none;}
button[disabled], input[disabled]{cursor:default}
button::-moz-focus-inner, input::-moz-focus-inner{padding:0;border:0}
legend{padding:0;border:0}
textarea{resize: none;}
table{border-collapse: collapse;}
td,th{padding:0}

/* global */
/* .fl{float: left;} */
.fr{float: right;}
.mr0{margin-right: 0 !important;}
.bdn{border: none !important;}
.fff{background: #fff;}
.clearfix:after{content: "";display: block;clear: both;}
.container{position: relative;width: 1000px;margin: 0 auto;}
.container-f{position: relative;margin: 0 auto;}
.container-w{position: relative;width: 1170px;margin: 0 auto;}
.container-h{position: relative;width: 1000px;margin: 0 auto;overflow: hidden;}

/* common */
.header,
.header ul li,
.header ul li a,
.btn-more:before,
.news-information .list a .top img,
.news-information .list a .bottom:before,
.news-information .list a .bottom p,
.main .sidebar a,
.k-line a,
.notice a,
.about-category a,
.about-experts .desc i,
.about-honour .certificate ul li .opacity,
.about-honour .certificate ul li span{-webkit-transition: all .3s;transition: all .3s;}

.btn-more:before,
.banner-index .eb-serial a,
.news-information .list a:after,
.news-information .list .bottom span i,
.footer .top dl dd i,
.about-news .year a.current:before,
.about-news .switch a,
.about-history ul li i,
.about-honour .certificate .es-arrow a,
.main .contact-us ul li i{background-image: url(../img/icon.png);background-repeat: no-repeat;}

.header{position: fixed;top: 0;left: 0;z-index: 20;width: 100%;padding-top: 5px;background: #fff ;}
.header .logo{float: left;width: 165px;height: 55px;margin: 10px 0 15px;background: url(../img/logo.png) no-repeat;}
.header ul li{float: left;margin-left: 70px;}
.header ul li:hover,
.header ul li.current{background-position: 0 0;}
.header ul li > a{display: inline-block;font-size: 14px;color: #000;text-align: center;margin-top: 35px;padding: 0 5px 22px;border-bottom: 3px solid transparent;}
.header ul li:hover > a,
.header ul li.current > a{border-color: #ea5b24;}

.header ul li .subnav{position: absolute;top: 100%;left: 0;height: 0;overflow: hidden;}
.header ul li .subnav .opacity{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #ccc;opacity: .8;filter: alpha(opacity=80);}
.header ul li .subnav .container{height: 0;text-align: center;}
.header ul li .subnav a{display: inline;line-height: 50px;margin-right: 80px;font-weight: bold;font-size: 14px;color: #fff;}
.header ul li .subnav a:last-child{margin-right: 0;}
.header ul li .subnav a:hover,
.header ul li .subnav a.current{color: #42a5f5;}

.header.shadow{box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);margin-top: -5px;}
.header.shadow .logo{margin: 5px 0 10px;}
.header.shadow ul li a{margin-top: 25px;}

.footer .top{padding-top: 45px;background: #f5f5f5;}
.footer .top dl{float: left;margin-right: 70px;}
.footer .top dl dt{margin-bottom: 20px;font-weight: bold;}
.footer .top dl dd a{line-height: 28px;color: #666;}
.footer .top dl dd i{content: "";display: inline-block;width: 20px;height: 20px;margin-right: 10px;vertical-align: -6px;}
.footer .top dl dd.contact-1 i{background-position: -164px -15px;}
.footer .top dl dd.contact-2 i{background-position: -217px -15px;}
.footer .top dl dd.contact-3 i{background-position: -316px -15px;}
.footer .top dl dd.contact-4 i{background-position: -266px -15px;}

.footer .top .qrcode{float: right;margin-bottom: 24px;}
.footer .top .qrcode .box{position: relative;width: 162px;height: 162px;}
.footer .top .qrcode .box i{position: absolute;content: "";width: 25px;height: 25px;border: 2px solid #1e1f92;}
.footer .top .qrcode .box i.tl{top: 0;left: 0;border-right: none;border-bottom: none;}
.footer .top .qrcode .box i.tr{top: 0;right: 0;border-bottom: none;border-left: none;}
.footer .top .qrcode .box i.br{right: 0;bottom: 0;border-top: none;border-left: none;}
.footer .top .qrcode .box i.bl{bottom: 0;left: 0;border-top: none;border-right: none;}
.footer .top .qrcode .box img{display: block;width: 150px;height: 150px;padding: 6px;}
.footer .top .qrcode span{display: block;margin-top: 10px;font-size: 14px;text-align: center;}
.footer .top .qrcode em{display: block;font-size: 28px;}
.footer .bottom{background: #151470;}
.footer .bottom p,
.footer .bottom a{line-height: 50px;color: #fff;}
.footer .bottom .record{float: left;margin-left: 30px;height: 50px;padding-left: 25px;background: url(../img/icon-record.png) no-repeat 0 center;}
.footer .bottom .fl{float: left;}

/* component */
.banner-top img{display: block;max-width: 100%;margin: 0 auto;}

.btn-more{display: inline-block;width: 97px;line-height: 33px;background: url(../img/btn-more.png) no-repeat;color: #fff;text-transform: uppercase;}
.btn-more:before{content: "";display: inline-block;width: 12px;height: 12px;margin: 0 10px 0 25px;vertical-align: -2px;background-position: -420px -19px;}
.btn-more:hover:before{-webkit-transform: rotate(180deg);transform: rotate(180deg);}

.main{margin-top: -170px;margin-bottom: 45px;background: #fff;border-top: 95px solid #e1e9ec;box-shadow: 0 2px 5px rgba(100, 100, 100, .3);}
.main:after{content: "";display: block;clear: both;}
.main .sidebar{position: relative;float: left;width: 240px;margin: -58px 0 0 30px;}
.main .sidebar .title{display: block;height: 76px;margin-bottom: 25px;padding: 20px 0 10px 0;background: #42a5f5;border-radius: 10px 10px 0 0;font-size: 30px;color: #fff;text-align: center;letter-spacing: 4px;}
.main .sidebar .title em{display: block;margin-top: 10px;font-size: 16px;color: #ddd;letter-spacing: 2px;text-transform: uppercase;}
.main .sidebar a{display: block;line-height: 35px;margin-bottom: 12px;padding-right: 40px;border-left: 5px solid transparent;font-size: 14px;text-align: right;}
.main .sidebar a:hover,
.main .sidebar a.current{background: #e9f4f7;border-color: #3fbe72;color: #42a5f5;}

.main .content{float: right;width: 760px;margin-right: 80px;}
.main .content .crumbs{line-height: 60px;text-align: right;}
.main .content .crumbs a{font-size: 14px;color: #666;}
.main .content .crumbs a.active{color: #42a5f5;}
.main .content .crumbs em{margin: 0 8px;}
.main .content h2{line-height: 40px;margin-bottom: 40px;border-bottom: 1px dotted #ccc;font-size: 18px;color: #333;}
.main .content img{max-width: 100%;}

.pagination{margin: 50px 0;text-align: center;}
.pagination .wrapper{display: inline-block;overflow: hidden;}
.pagination a,
.pagination span{float: left;width: 18px;line-height: 18px;margin: 0 2px;border: 1px solid #ccc;color: #42a5f5;text-align: center;}
.pagination a[disabled]{color: #ccc;cursor: default;}
.pagination a.active,
.pagination span.active{background: #42a5f5;border-color: #42a5f5;color: #fff;}

.about-title{position: relative;z-index: 10;width: 230px;margin: 0 auto;padding: 30px 0;font-size: 20px;color: #333;text-align: center;}
.about-title:after{content: "";display: block;width: 24px;margin: 7px auto 0;border-bottom: 3px solid #42a5f5;}
.about-title em{display: block;margin-bottom: 8px;font-size: 12px;font-family: "Helvetica";color: #999;text-transform: uppercase;}

/* 应用展示 - 典型用户 */
.application-show-customer ul li{float: left;margin: 0 8px 25px 0;box-shadow: 0 0 5px 0 rgba(100, 100, 100, .3);width: 135px;height: 110px;padding: 5px;}
.application-show-customer ul li:nth-child(5n){margin-right: 0;}
.application-show-customer ul li img{display: block;max-width: 100%;}

/* 首页 */
.banner-index img{display: block;max-width: 100%;margin: 0 auto;}
.banner-index .eb-serial{bottom: 22px;}
.banner-index .eb-serial a{width: 15px;height: 15px;margin: 0 15px;background-position: -117px -117px;}
.banner-index .eb-serial a.active{background-position: -167px -117px;}

.index-category{height: 400px;margin: 125px auto 115px;}
.index-category:after{content: "";display: block;clear: both;}
.index-category .left{position: absolute;top: 0;left: 0;z-index: 10;width: 620px;opacity: 0;filter: alpha(opacity=0);}
.index-category .left .decorative{padding: 0 0 40px 40px;}
.index-category .right{position: absolute;top: 60px;right: 0;width: 620px;opacity: 0;filter: alpha(opacity=0);}
.index-category .right h2{margin-bottom: 11px;font-size: 30px;color: #999;text-align: right;}
.index-category .right .box{width: 310px;height: 265px;padding: 25px 30px 0 280px;background: #ea5b24;color: #fff;text-align: right;width: 320px;padding-left: 270px;}
.index-category .right .box span{position: relative;display: block;padding-bottom: 10px;font-size: 14px;}
.index-category .right .box span:after{position: absolute;right: 0;bottom: 0;content: "";width: 34px;border-bottom: 2px solid #fff;}
.index-category .right .box em{display: block;margin: 10px 0 20px;color: #fff;}
.index-category .right .box p{line-height: 26px;margin: 16px 0 26px;text-align: left;}
.index-category .right .box a{color: #fff;text-align: left;}
.index-category .right .box.investor{background: #3656c1;}

.news-information{height: 660px;background: url(../img/bg-news-information.png) no-repeat center top;}
.news-information .list{padding: 375px 0 48px;overflow: hidden;}
.news-information .list a{position: relative;float: left;width: 314px;margin-right: 29px;background: #f4f4f4;border-bottom: 3px solid #ea5b24;}
.news-information .list a:after{position: absolute;bottom: 0;left: 0;content: "";width: 8px;height: 8px;background-position: -21px -20px;}
.news-information .list a:last-child{margin-right: 0;}
.news-information .list a .date{position: absolute;top: -28px;left: 50%;width: 104px;height: 107px;line-height: 24px;margin-left: -52px;background: #fff;box-shadow: 2px 2px 10px 0 rgba(100, 100, 100, .3);font-weight: bold;font-size: 20px;font-family: "Courier New";text-align: center;}
.news-information .list a .date em{display: block;line-height: 70px;font-size: 60px;color: #333;}
.news-information .list a .top{position: relative;height: 153px;margin-top: -68px;overflow: hidden;}
.news-information .list a .top img{position: absolute;bottom: -100%;left: 0;}
.news-information .list a .bottom{position: relative;height: 110px;overflow: hidden;text-align: center;}
.news-information .list a .bottom:before{position: absolute;bottom: -100%;left: 0;content: "";width: 100%;height: 100%;background: #ea5b24;}
.news-information .list a .bottom p{position: relative;width: 280px;line-height: 20px;margin: 10px auto 30px;font-size: 14px;}
.news-information .list a .bottom span{position: relative;display: none;line-height: 16px;font-size: 14px;color: #fff;}
.news-information .list a .bottom span i{content: "";display: inline-block;width: 16px;height: 16px;margin-right: 8px;vertical-align: -3px;background-position: -117px -16px;}
.news-information .list a:hover:after{bottom: -3px;width: 12px;height: 12px;background-position: -70px -18px;}
.news-information .list a:hover .top img,
.news-information .list a:hover .bottom:before{bottom: 0;}
.news-information .list a:hover .bottom p{color: #fff;}
.news-information .list a:hover .bottom span{display: inline-block;}
.news-information .btn-more{display: block;margin: 0 auto;background: url(../img/btn-more-color.png) no-repeat;color: #ea5b24;}
.news-information .btn-more:before{background-position: -370px -19px;}

/* 投资者关系 */
.k-line{position: relative;height: 440px;background: url(../img/bg-k-line.png) no-repeat;}
.k-line p{position: absolute;top: 95px;left: 125px;width: 210px;line-height: 24px;font-size: 14px;}
.k-line a{position: absolute;top: 275px;left: 135px;width: 200px;line-height: 38px;background: #61a6e0;border-radius: 10px;box-shadow: 0 -1px 0 0 rgba(0, 0, 0, .5) inset;font-size: 14px;color: #fff;text-align: center;}
.k-line a.small{left: 460px;width: 155px;}
.k-line a:hover{background: #178ef2;}

.notice .title{overflow: hidden;background: #e1e9ec;}
.notice .title strong{line-height: 32px;font-size: 14px;}
.notice .title .fl{margin-left: 110px;}
.notice .title .fr{margin-right: 40px;}
.notice a{display: block;overflow: hidden;border-bottom: 1px dashed #ccc;}
.notice a span{line-height: 54px;font-size: 14px;}
.notice a:hover{border-color: #42a5f5;color: #42a5f5;}

/* 关于我们 */
.banner-about{top: 80px;left: 0;width: 100%;position: fixed;}
.section-intro .fp-tableCell{display: block;}
.section-intro .about-intro{position: relative;margin: -240px auto 45px;padding-bottom: 50px;background: #fff;box-shadow: 0 2px 5px rgba(100, 100, 100, .5);}

.section-intro .header{box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);}
.section-intro .banner-top{height: 490px;}
.about-intro p{width: 840px;line-height: 28px;margin: 0 auto;}

.about-category{position: fixed;width: 145px;border: 1px solid #fff;top: 250px;z-index: 10;}
.about-category a{display: block;line-height: 53px;padding-right: 40px;background: #eef2f5;border-bottom: 2px solid #fff;border-left: 4px solid #eef2f5;font-size: 16px;color: #666;text-align: right;}
.about-category a:hover,
.about-category a.active{background: #bec0cb;border-left-color: #67cc2b;}

.section-experts{background: url(../img/bg-stripe-1.png);}
.about-experts .wrapper{position: relative;width: 747px;margin: -120px auto 0;}
.about-experts ul li{float: left;margin-right: 93px;}
.about-experts ul li:last-child{margin-right: 0;}
.about-experts ul li:hover{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .5);}
.about-experts ul li img{display: block;max-width: 187px;}
.about-experts ul li p{display: none;}
.about-experts .desc{position: absolute;top: 395px;left: 0;line-height: 24px;padding: 15px;border: 1px solid #256997;border-radius: 10px;color: #256997;}
.about-experts .desc i{position: absolute;top: -26px;left: 76px;content: "";border: 12px solid transparent;border-bottom-color: #4e90c8;}
.section-news{background: #fff;}
.about-news{padding-top: 80px;}
.about-news .list{float: left;width: 709px;height: 468px;margin-bottom: 25px;overflow: hidden;}
.about-news .list ul li{padding: 10px 60px 10px 30px;overflow: hidden;background: #eef2f5;width: 635px;}
.about-news .list ul li:nth-child(even){background: #dedede;}
.about-news .list h3{height: 22px;margin-bottom: 8px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.about-news .list h3 a{color: #333;font-weight: bold;font-size: 14px;}
.about-news .list p{display: -webkit-box;height: 44px;line-height: 22px;margin-bottom: 8px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.about-news .list .more{float: right;}
.about-news .list .more:hover{color: #42a5f5;}
.about-news .list .es-arrow{display: none;}

.about-news .year{float: right;width: 191px;padding: 16px 50px 20px;background: #5eb0e6;height: 200px;overflow: hidden;}
.about-news .year a{position: relative;display: block;height: 36px;line-height: 36px;padding: 12px 5px 0 0;border-bottom: 2px solid #aaa;font-size: 24px;color: #ccc;text-align: right;float: none !important;}
.about-news .year a.current{font-size: 18px;color: #fff;}
.about-news .year a.current:before{position: absolute;bottom: 10px;left: 5px;content: "";width: 8px;height: 15px;background-position: -20px -68px;}
.about-news .switch{position: relative;float: right;width: 291px;height: 236px;background: url(../img/news.jpg) no-repeat;}
.about-news .switch a{display: none;position: absolute;top: 155px;width: 44px;height: 38px;background-color: #5eb0e6;}
.about-news .switch a.prev{background-position: -55px -55px;left: 55px;}
.about-news .switch a.next{background-position: -105px -53px;left: 105px;}

.section-history{background: url(../img/section-history.png) repeat-y;}
.about-history{position: relative;height: 520px;background: url(../img/bg-history.png) no-repeat center top;padding-top: 80px;}
.about-history .timer-shaft{position: relative;height: 480px;background: url(../img/bg-timer-shaft.png) no-repeat center top;-webkit-user-select: none;-moz-user-select: none;user-select: none;}
.about-history ul{height: 100%;}
.about-history ul li{position: absolute;width: 20px;height: 20px;cursor: default;}
.about-history ul li i{position: relative;display: block;width: 100%;height: 100%;background-position: -365px -65px;cursor: pointer;}
.about-history ul li.item-1{top: 274px;left: 24px;}
.about-history ul li.item-2{top: 187px;left: 220px;}
.about-history ul li.item-3{top: 295px;left: 344px;}
.about-history ul li.item-4{top: 253px;left: 418px;}
.about-history ul li.item-5{top: 268px;left: 513px;}
.about-history ul li.item-6{top: 208px;left: 670px;}
.about-history ul li.item-7{top: 258px;left: 745px;}
.about-history ul li.item-8{top: 185px;left: 961px;}
.about-history ul li em{position: absolute;top: 30px;left: -4px;}
.about-history ul li.top em{top: -24px;}
.about-history ul li p{position: absolute;bottom: 60px;left: -190px;z-index: 10;display: none;width: 335px;padding: 12px 25px;background: #fff;border: 1px solid #4e90c8;border-radius: 10px;color: #256997;}
.about-history ul li p:after{position: absolute;bottom: -20px;left: 50%;content: "";margin-left: -9px;border: 9px solid transparent;border-top-color: #4e90c8;}
.about-history ul li p:after{position: absolute;bottom: -20px;left: 50%;content: "";margin-left: -9px;border: 9px solid transparent;border-top-color: #4e90c8;}
.about-history ul li:hover i{background-position: -415px -65px;}
.about-history .switch{position: absolute;top: 130px;left: 50%;width: 1000px;margin-left: -500px;}
.about-history .switch a{position: absolute;display: none;width: 32px;height: 32px;cursor: pointer;}
.about-history .switch a.prev{top: 195px;left: 18px;background: url(../img/arrow-prev.png) no-repeat;}
.about-history .switch a.next{top: 100px;right: 10px;background: url(../img/arrow-next.png) no-repeat;}

.section-honour{background: url(../img/bg-stripe-2.png);}
.about-honour{padding-top: 60px;}
.about-honour p{line-height: 36px;margin-bottom: 20px;font-size: 14px;text-align: center;}
.about-honour strong{display: block;width: 276px;line-height: 55px;margin: 0 auto;border: 1px solid #aaa;font-weight: normal;font-size: 22px;text-align: center;}
.about-honour .certificate{width: 668px;margin: 0 auto;padding: 80px 0 100px;}
.about-honour .certificate ul li{position: relative;float: left;width: 196px;height: 138px;margin-right: 40px;cursor: default;}
.about-honour .certificate ul li .opacity{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0;filter: alpha(opacity=0);}
.about-honour .certificate ul li span{position: absolute;top: 35px;left: 50%;width: 146px;line-height: 30px;margin-left: -73px;opacity: 0;font-size: 16px;color: #fff;text-align: center;filter: alpha(opacity=0);}
.about-honour .certificate ul li:hover .opacity{opacity: .75;filter: alpha(opacity=75);}
.about-honour .certificate ul li:hover span{opacity: 1;filter: alpha(opacity=100);}
.about-honour .certificate .es-arrow a{width: 44px;height: 44px;cursor: pointer;}
.about-honour .certificate .es-arrow a.prev{left: -95px;background-position: -3px -103px;}
.about-honour .certificate .es-arrow a.next{right: -95px;background-position: -53px -103px;}

.section-publicity{background: #e3f1f7;}
.section-publicity .fp-tableCell{vertical-align: top;}
.about-publicity{display: table;width: 100%;table-layout: fixed;}
.about-publicity .container{display: table-cell;width: 100%;height: 100%;vertical-align: middle;}
.about-publicity img{display: block;margin: 0 auto;}
.about-publicity .vjs-big-play-button{top: 50% !important;left: 50% !important;margin: -42px 0 0 -63px !important;border-radius: 0 !important;}

/* 关于我们 - 新闻详情页 */
.about-news-detail{position: relative;margin: -125px 0 50px;padding: 0 48px;background: #fff;box-shadow: 0 2px 5px rgba(100, 100, 100, .5);}
.about-news-detail .crumbs{line-height: 34px;padding-top: 16px;}
.about-news-detail .crumbs a{color: #333;}
.about-news-detail .crumbs a[href]:hover{color: #42a5f5;}
.about-news-detail h1{line-height: 45px;border-bottom: 1px solid #ccc;font-weight: bold;font-size: 16px;text-align: center;}
.about-news-detail .date{line-height: 45px;text-align: center;}
.about-news-detail img{max-width: 100%;}
.about-news-detail .to-top{position: absolute;width: 28px;height: 92px;background: url(../img/to-top.png) no-repeat;bottom: 50px;right: -28px;}


/* 联系我们 */
.main .sidebar-contact{position: absolute;top: -57px;left: 30px;margin: 0;}
.main .contact-us{float: none;width: 1000px;margin: 0 auto;padding-bottom: 150px;overflow: hidden;}
.main .contact-us h2{margin-bottom: 60px;}
.main .contact-us iframe{float: left;width: 593px;height: 346px;margin-right: 70px;border: none;}
.main .contact-us ul li{line-height: 32px;margin-bottom: 30px;font-size: 14px;}
.main .contact-us ul li i{content: "";display: inline-block;width: 32px;height: 32px;margin-right: 20px;vertical-align: -11px;}
.main .contact-us ul li:nth-child(1) i{background-position: -159px -59px;}
.main .contact-us ul li:nth-child(2) i{background-position: -210px -59px;}
.main .contact-us ul li:nth-child(3) i{background-position: -260px -59px;}
.main .contact-us ul li:nth-child(4) i{background-position: -312px -58px;}
.main .contact-us ul li:nth-child(5) i{background-position: -312px -58px;}
.main .contact-us ul li:nth-child(6) i{background-position: -312px -58px;}
.main .contact-us ul li:nth-child(7) i{background-position: -312px -58px;}


/* 2023-5-4 purepad隐藏*/
.header ul li:nth-child(2) .subnav a:nth-child(1){display: none;}
.footer .top dl:nth-child(1) dd:nth-child(2) a{display: none;}
.productLayout .main .sidebar div:nth-child(2){display: none;}