* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html{font-family:"Microsoft YaHei","微软雅黑","Open Sans",Arial,"STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%;}
body{margin:0;font-size:14px;color:#444;line-height:1.42857143;background:#fff;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}.hide{display:none;}
audio:not([controls]){display:none;height:0}.clear{clear:both;}
[hidden],template{display:none}
a{cursor:pointer;color:#333333;background-color:transparent;text-decoration:none;border:0;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:all 0.2s ease;}
a:active,a:hover{outline:0;color:#f7cd2b;}
img,form,td,th,dl,dt{border:0px;margin:0px;padding:0px;line-height: 28px;font-size:14px}
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default;background:#f2f2f2;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
textarea{overflow:auto}
table{border-spacing:0;border-collapse:collapse}
td,th{padding:0}
dl,dt,dd{padding:0;margin:0;}
thead{display:table-header-group}
img,tr{page-break-inside:avoid}
h2,h3,p{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
ul,li {list-style-type:none;padding:0;margin:0}
.clearfix:before, .clearfix:after{content:"";display:table;}
.clearfix:after{clear:both; }
.business-list::before, .business-list:after{display:table;content:"";clear:both;}
.btn{border:2px solid #f5c505;border-radius:20px;padding:5px 26px;display:inline-block;text-align:center;color:#515151}
.btn:hover{background:#f5c505;color:#515151;}
.btn-list{text-align:center}
.box-l{float: left;}
.box-r{float: right;}
.margin-b-30{margin-bottom:30px;}
.center{text-align:center !important;}

.main{width:1000px;margin:0 auto;}
.top-header .main{overflow:inherit}
.nav-bar{background:#fff;height:100px;line-height:100px;}
.nav-bar > .box-l > li{float:left;position:relative;}
.nav-bar > .box-l li.logo a{height:100px;display:flex;align-items:center;justify-content:center;}
.nav-bar > .box-l li.logo img{width:210px;display:block;}
.nav-bar > .box-l > li > a{font-size:16px;display:block;padding:0 15px;color:#434343;}
.nav-bar > .box-l > li > a i{font-size:14px;}
.nav-bar > .box-l > li.on::after{content:'';display:block;width:20px;height:3px;background-color:#f7cd2b;position:absolute;left:0;right:0;bottom:25px;margin:0 auto;}
.nav-bar > .box-l > li .sub-box{width:100%;position:absolute;top:100px;left:0%;padding:10px;background:rgba(255,255,255,0.98);box-shadow:0 1px 2px rgba(0,0,0,0.2);-webkit-transform-origin:top center;-moz-transform-origin:top center;-ms-transform-origin:top center;-o-transform-origin:top center;transform-origin:top center;text-transform:uppercase;z-index:3;}
.nav-bar > .box-l > li .sub-box.animated{-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s}
.nav-bar > .box-l > li .sub-box li{padding:10px 0;text-align:center;line-height:20px;}
.nav-bar > .box-l > li .sub-box li a{color:#686868}
.animated{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes slideDown{0%{-webkit-transform:translateY(-70px)}to{-webkit-transform:translateY(0)}}
@keyframes slideDown{0%{transform:translateY(-70px)}to{transform:translateY(0)}}
.animated.slideDown{-webkit-animation-name:slideDown;animation-name:slideDown}
@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(0)}to{-webkit-transform:translateY(-70px)}}
@keyframes slideUp{0%{transform:translateY(0)}to{transform:translateY(-70px)}}
.animated.slideUp{-webkit-animation-name:slideUp;animation-name:slideUp}
@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
.zoomIn{animation-name:zoomIn}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDown {-webkit-animation-name:fadeInDown;animation-name: fadeInDown}
.nav-bar .change-lg{float:left;background:url(/head/images/ch-en-bg.png) no-repeat;width:82px;height:40px;line-height:30px;text-align:center;margin-top:34px;font-size:13px;}
.nav-bar .change-lg a{color:#444;}
.nav-bar .change-lg a:hover{color:#fff;}
.nav-bar .change-lg a:first-child::after{content:"|";padding:0 3px 0 6px;line-height:20px;color:#999}
.nav-bar .mobile-menu-btn{display:none;float:left;}
.nav-bar .mobile-menu-btn i{font-size:24px;}

.banner{width:100%;height:577px;background-size:cover;background-repeat:no-repeat;background-position:top center;background-color:#fbf7ee;position:relative;}
.top-banner{width:100%;height:121px;background-size:cover;background-repeat:no-repeat;background-position:top center;background-color:#fbf7ee}
.banner .square-box{width:630px;height:150px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);border:2px solid #fff;margin:0 auto;padding:15px 30px}
.banner .square-box h1{color:#fff;position:relative;margin:0;font-size:37px;letter-spacing:2px;font-weight:600;}
.banner .square-box h1::after{content:'';width:40px;height:3px;background:#f7cd2b;position:absolute;bottom:-10px;left:0}
.banner .square-box p{color:#FFF;overflow:hidden;line-height:30px;padding-top:15px;}
.banner .square-box p a{color:#fff;}
.banner .square-box p span{font-size:22px;float:right;}

h3.caption{text-align:center;font-size:28px;letter-spacing:1px;margin:0 0 30px 0;color:#434343;}
h3.caption span{display:block;padding:20px 0 0;position:relative;font-size:12px;color:#434343;font-weight:normal;}
h3.caption span::after{content:"";display:block;width:30px;height:3px;background:#f5c505;position:absolute;top:7px;left:0;right:0;margin:0 auto;}
h3.long span::after{width:60px;}
h3.l-caption{height:36px;text-align:left;font-size:24px;overflow:hidden;}
h3.l-caption span{padding:0;margin-top:-28px;padding-left:125px;}
h3.l-caption span::after{top:inherit;bottom:-7px;left:125px;margin:0;}
h3.l-caption b{float:left;}
.box-tabs .box-r{width:480px;border-bottom:2px solid #d9d9d9;}
.tab-nav,.tab-nav ul{overflow:hidden;}
.tab-nav{position:relative;float:right;}
.tab-nav li{float:left;cursor:pointer;font-size:16px;font-weight:normal;padding:0 20px;line-height:34px;border-top-left-radius:6px;border-top-right-radius:6px;}
.tab-nav li.on,.tab-nav li.on a{background:#d9d9d9;}

.contain{min-height:600px;}
.box{padding:40px 0;}
.box-p{padding-top:0;}
.box-desc{font-size:16px;}
.box-desc p{line-height:30px;text-align:justify;color:#434343;text-indent:2em;}

.news-list li{padding:30px 0;border-bottom:2px solid #f2f2f2;}
.news-list li a{display:block;overflow:hidden;}
.news-list li a:hover{background:#fff;box-shadow:0 0 20px rgba(0,0,0,.2)}
.news-list li .date{width:100px;height:100px;background:#f2f2f2;padding:10px 0 0 8px;text-align:left;float:left;margin-right:20px;}
.news-list li .date span{display:block;font-size:16px;color:#333;line-height:20px;}
.news-list li .date span.day{font-size:34px;line-height:34px;color:#f5c505;font-weight:bold;margin-bottom:5px;}
.news-list li h3.title{font-size:18px;margin:5px 0 10px 0;}
.news-list li p{line-height:24px;font-size:15px;margin:0;color:#888;}

.news-swiper{width:100%;height:200px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1)}
.news-swiper .swiper-slide{padding:0 40px}
.news-swiper .swiper-slide h3{text-align:center;font-size:22px;margin:25px 0 20px;color:#f5c505;}
.news-swiper .swiper-slide .info{text-align:center;}
.news-swiper .swiper-slide .info span{margin:0 10px;color:#888;}
.news-swiper .swiper-slide .desc{margin:15px 0 10px;font-size:15px;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.swiper-pagination-bullet-active{background:#f5c505 !important;}
.news-swiper .swiper-pagination{display:none;}

.news-show .news-title{text-align:center;font-size:28px;line-height:42px;color:#111;}
.news-show .info{text-align:center;color:#888;font-size:14px;}
.news-show .info span{margin:0 10px;}
.news-show .news-content, .news-show .news-content div{font-size:16px;line-height:30px;color:#111;text-align:justify;}
.news-show .news-content img{max-width:680px;}

.box-team .top-one{background:#f3f3f3}
.team-item{background:#f3f3f3;overflow:hidden;position:relative;height:242px;color:#838383;}
.team-item::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:0px;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:all 0.2s ease}
.team-item:hover:after{height:3px;background:#f5c505}
.team-item .info{float:left;padding:130px 0 0 36px;display:none;}
.team-item .info h3{font-size:28px;margin:0 0 10px 0;}
.team-item .info h3 a{color:#838383;}
.team-item .img{position:absolute;right:0;bottom:0;}
.team-item .img img{display:block;}
.top-one .team-item{height:320px;}
.top-one .team-item .info{padding:180px 0 0 280px;display:none;}
.top-one .team-item .img{right:180px;}
.other-team{overflow:hidden;}
.other-team .team-item{width:48%;margin:2% 1% 0 1%;float:left;}
.team-show-page .team-item:hover:after{height:0px;}
.team-show{padding-top:30px;}
.team-show, .team-show div, .team-show p{font-size:15px;line-height:30px;text-align:justify;color:#434343}

.business-list{padding:30px 0 50px;}
.business-list ul{margin-left:-0.8%;margin-right:-0.8%;}
.business-list li{width:25%;padding:0 0.8%;float:left;}
.business-list li:nth-child(2), .business-list li:nth-child(4){margin-top:34px;}
.business-list li .business-item{box-shadow:0 0 20px rgba(0,0,0,.1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;padding-bottom:10px;background:#fff;}
.business-list li .business-item:hover{box-shadow:0 0 20px rgba(0,0,0,.2);transform:translateY(-10px)}
.business-list li .business-item img{max-width:100%;}
.business-list li .business-item .txt{padding:0;}
.business-list li .business-item h3{margin:0;padding:10px 0 0;position:relative;font-size:18px;line-height:24px;}
.business-list li .business-item h3 b{display:block;padding:0 12px}
.business-list li .business-item h3 span{font-size:15px;font-weight:normal;color:#888;border-bottom:3px solid #f5c505;line-height:30px;padding-bottom:7px;padding-left:12px;}
.business-list li .business-item h3 .more{position:absolute;top:22px;right:0px;font-size:14px;font-weight:normal;font-style:normal;}
.business-list li .business-item p{line-height:24px;font-size:13px;text-align:justify;padding:0 12px}

.box-products{background:#e7eaec url(/head/images/products-bg.jpg) no-repeat bottom center;background-size:contain;padding:60px 0;}
.products-list ul{text-align:center;}
.products-list li{width:140px;height:140px;line-height:140px;border-radius:50%;overflow:hidden;background:#fff;text-align:center;display:inline-block;margin:0 40px}
.products-list li a{width:140px;height:140px;display:flex;align-items:center;justify-content:center;}

.logo-list{background:#efefef;}
.logo-list ul{margin:0 -1%;overflow:hidden;padding-bottom:40px;}
.logo-list li{width:18%;height:80px;overflow:hidden;background:#fff;margin:1%;display:inline-block;vertical-align:middle;float:left;text-align:center;border-radius:4px;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;border:2px solid #efefef;}
.logo-list li a{width:187px;height:86px;display:table-cell;vertical-align:middle}
.logo-list li a img{max-height:86px;vertical-align:middle;max-width:187px;}
.logo-list li:hover{-webkit-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px);border-color:#f5c505}

.box-contact{text-align:center;padding-bottom:140px;margin-bottom:-30px;}
.box-contact .img{margin:40px auto;}
.box-contact .img img{max-width:500px;height:auto;}
.box-contact .txt{width:450px;margin:0 auto;text-align:left;line-height:30px;padding-top:10px;font-size:16px;color:#666;}
.box-contact .txt p{margin:0;;}

/*服务范畴*/
.category-list ul{margin-left:-2%;margin-right:-2%;overflow: hidden;}
.category-list li{width:96%;margin:1% 2%;height:190px;padding:40px 30px 30px 30px;float:left;background-color:#fff;box-shadow:0 0 20px rgba(0,0,0,.1);transition:.3s;border-radius:4px;}
.category-list li .img{float:left;width:110px;height:110px;overflow:hidden;background-image:url(../images/category-bg.png);background-repeat:no-repeat;margin-top:0px;}
.category-list li .txt{padding-left:150px;}
.category-list li .txt h3{font-size:18px;margin:0 0 15px 0;color:#f5c505;}
.category-list li .txt p{margin:0;line-height:26px;font-size:16px;text-align:justify}
.category-list li:hover{background:#e7e7e7;}
.category-list li:hover .txt h3{color:#333;}
.category-list li.cl-1 .img{background-position:0px -0;}
.category-list li.cl-2 .img{background-position:0px -110px;}
.category-list li.cl-3 .img{background-position:0px -220px;}

/*研究产品*/
.r-product{background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);margin-left:270px;margin-right:60px;padding:40px 40px 0 160px;position:relative;}
.r-product .computer{position:absolute;top:40px;left:-180px;width:330px;height:190px;line-height:180px;background:url(/head/images/computer.png) no-repeat;text-align:center;}
.r-product .computer p{margin:0;font-size:22px;color:#434343;font-weight:bold;position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.r-product .computer p img{display:block;}
.r-product .txt{float:left;width:60%;font-size:15px;line-height:25px;}
.r-product .txt p{margin:5px 0;color:#434343;}
.r-product .txt .btn{margin:20px auto 30px;}
.r-product .txt a:hover{background:#f5c505;color:#fff;}
.r-product .code{float:left;width:40%;padding-left:10px;text-align:center}
.r-product .code img{display:block;margin:0 auto;max-width:150px;}
.r-product .code p{margin:10px 0;}

/*培训服务*/
.box-bg, .box-sqdx, .box-tzxy, .box-smt, .box-sqdx-p{background:#f4f4f4;}
.box-mode{overflow:hidden;}
.box-mode .btn-list{text-align:center;margin-top:40px;}
.box-mode .img{width:50%;float:left;}
.box-mode .img img{max-width:100%;display:block;}
.box-mode .img p{text-align:center;font-size:16px;color:#f5c505;font-weight:500;}
.box-mode .txt{width:50%;float:left;font-size:16px;line-height:30px;padding:50px 0 0 30px;text-align:justify;}
.box-mode .txt p{text-indent:2em;}
.box-mode .txt h3{font-size:24px;position:relative;display:inline-block;margin:20px 0 0 0;line-height:40px;padding-bottom:5px;}
.box-mode .txt h3::after{content:'';display:block;width:40px;height:3px;background:#f5c505;position:absolute;left:0;right:0;bottom:0;margin:0 auto;}
.box-mode .txt ul{padding-left:20px;}
.box-mode .txt ul li{list-style:outside;}
.box-mode.img-r .img{float:right;text-align:right;}
.box-mode.img-r .img img{float:right;}
.box-mode.img-r .txt{padding-left:0;padding-right:30px;}
.box-sqxy .txt, .box-dzpx .txt{padding-top:10px}
.box-xmgc{padding-bottom:60px;}
.box-dzpx, .box-xxzx{padding:60px 0 40px;}

/*清科产品*/
.box-smt .img, .box-tzj .img{width:350px;}
.box-smt .txt, .box-tzj .txt{width:650px;padding:0 0 0 50px;}
.box-tzj .img-r .txt{padding:0 50px 0 0;}
.box-smt .btn-list{margin-top:40px}
.box-tzj .btn-list{text-align:right;}
.box-sqdx-p .img, .box-xmgc .img{width:410px;}
.box-sqdx-p .txt, .box-xmgc .txt{width:590px;padding:20px 0 0 50px}
.box-sqdx-p .img-r .txt{padding:20px 50px 0 0px;}
.box-tzj{padding:50px 0;}


/*活动品牌*/
.box-brand{background:#f9f9f9;overflow:hidden;}
.brand-list ul{margin-left:-1.5%;margin-right:-1.5%;overflow:hidden;padding-bottom:30px;}
.brand-list ul li{width:30.33333%;margin:0 1.5% 30px;background:#fff;padding:20px 15px;border:4px solid #fff;float:left;transition:.3s;}
.brand-list ul li .img{width:112px;height:112px;margin:0 auto;text-align:center;background:#f6f6f6;border-radius:50%;overflow:hidden;}
.brand-list ul li .img img{width:112px;height:112px;display:block;margin:0 auto;}
.brand-list ul li .txt{font-size:15px;line-height:28px;text-align:justify;height:185px;overflow:hidden;}
.brand-list ul li:hover{border-color:#f5c505}

/*招聘*/
.joinH3{font-size:18px;font-weight:700;color:#373d41;background:#f5c505;line-height:40px;padding-left:30px;}
.joinH4{font-weight:normal;padding:0 270px 0 25px;margin:0;line-height:40px;position:relative;font-size:14px;color:#373d41;cursor:pointer;margin-bottom:5px;overflow:hidden;transition:all .3s ease-out 0s}
.joinH4:after{position:absolute;left:-10px;top:18px;display:block;content:"";width:7px;height:7px;border-radius:50%;background:#6e6e6e;transition:all .3s ease .1s}
.joinH4 .joinBrief{position:absolute;right:20px;top:0;font-size:14px;color:#666}
.joinBrief i{font-style:normal;padding:0 15px}
.joinBrief b{font-weight:400}
.joinText{border:1px solid #ebebeb;background:#fff;padding:20px 30px 30px;font-size:14px;color:#373d41;line-height:30px;display:none}
.joinText span{font-weight:bold;font-size:15px;}
.joinText p{margin:3px 0;}
.joinText p strong{font-size:16px}
.joinText a,.joinText a:focus,.joinText a:hover{color:#FFF;background:#f5c505;display:inline-block;height:40px;line-height:40px;padding:0 25px;border-radius:20px;margin-top:30px;}
.joinItem li.active .joinH4,.joinItem li:hover .joinH4{background:#ebebeb}
.joinItem li.active .joinH4:after{left:10px}

/*投资者关系*/
.list{overflow:hidden;}
.list li{line-height:1.3;padding:15px;border-bottom:1px dotted #cacaca;position:relative;}
.list li a{font-size:16px;color:#434343;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient:vertical;position:relative;z-index:1;}
.list li::before{content:'';height:42px;width:3px;background:#f5c505;position:absolute;top:15px;left:0;z-index:1;}
.list li::after{content:'';-o-transition: all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease;background:#f4f4f4;display:block;height:100%;position:absolute;right:0;top:0;width:0;z-index:0;}
.list li:hover::after{width:100%;}
.notice-list{padding:15px 7px;}
.notice-list .list{margin:0 -1.5%;}
.notice-list .list li{width:47%;float:left;margin:0 1.5%;}
.notice-list .list li a{-webkit-line-clamp:2;}
.notice-list .list li span.date{font-size:13px;color:#888;display:block;margin-bottom:6px;position:relative;z-index:1;}
.box-bg .list li::after{background:#fff;}
.box-reports{background:#fbfbfb;}
.box-reports .notice-list{background:#fff;box-shadow: 1px 2px 5px rgba(0,0,0,0.1);}
.box-reports .list li{border-bottom:none;}
.note{color:#434343;margin:50px 30px 60px;}

.page-list,.page{text-align:center;display:none;}
.page-list .pagenum{display:inline-block;text-align:center;clear:both;margin:30px auto;overflow:hidden;font-size:16px;}
.page-list .pagenum span a{color:#787878;}
.page-list .pagenum span ,.page-list .pagenum a{text-align:center;margin: 0px 4px;display:inline-block;padding: 0;height: 38px;width: 38px;line-height: 38px;color: #999;border: 1px solid #ededed;border-radius: 4px;}
.page-list .pagenum span,.page-list  .pagenum a:hover{border-bottom: 1px solid #ededed;background: #ededed;}
.page-list .pagenum span:hover a{color:#fff;}
.page-list .pagenum span.on{background:#f5c505;border:1px solid #f5c505;color:#fff}
.page-list .pagenum .all{width:90px;}

.loadmore{background:#f2f2f2;font-size:16px;text-align:center;display:block;padding:4px 0;border:1px solid #eee;border-radius:5px;}
.loadmore i{font-size:30px;color:#f5c505}
.loadmore:hover{background:#f5c505;color:#fff;}
.loadmore:hover i{color:#fff;}

.footer{background:#bfbec3;width:100%;font-size:14px;color:#333;padding:30px 0 20px;line-height:24px;}
.footer .main{position:relative;}
.footer .main::before{content:'';display:block;width:360px;height:7px;background:#f5c505;position:absolute;top:-37px;right:0;border-radius:2px;}
.footer dl{overflow:hidden;margin:0;}
.footer dl dt{float:left;margin:0;}
.footer dl dt.f-logo{width:30%;}
.footer dl dt.f-logo img{width:122px;margin-top:30px;}
.footer dl dt.f-social{width:40%;text-align:right;padding-right:80px;}
.footer dl dt.f-social span{display:block;font-size:16px;margin-bottom:20px;}
.footer dl dt.f-social a{margin:0 8px;}
.footer dl dt.f-social a:hover{color:#f5c505}
.footer dl dt.f-social i{font-size:26px;}
.footer dl dt.f-contact{width:36%;float:right;}
.footer dl dt.f-contact p{overflow:hidden;margin:0;}
.footer dl dt.f-contact i{color:#333;float:left;width:10%;}
.footer dl dt.f-contact b{font-weight:normal;float:left;width:90%;}
.copyright{background-color:#bfbec3;}
.copyright .main{padding:20px 0;overflow:hidden;}
.copyright .main .links{float:right;text-align:right;}
.copyright .main .links .split{padding:0 15px;}
.copyright .main .links .company{padding-right:11px;}
.copyright div{font-size:13px;overflow:hidden;}
.copyright .c span{padding:0 6px;display:block;float:left;}
.copyright .c span img{float:left;display:none;height:18px;}
.copyright .c span:first-child{padding-left:0px;}
.copyright a:hover{color:#967171;}

@media screen and (max-width:640px){
.main{width:100%;padding:0 10px;}
.box{padding:30px 0;}
h3.caption{font-size:20px;margin-bottom:10px;}
h3.caption span{font-size:11px;}
h3.l-caption{height:auto;padding-bottom:10px;}
h3.l-caption span{margin-top:3px;padding-left:0;}
h3.l-caption span::after{bottom:-8px;left:0}
.banner{height:150px;}
.top-banner{height:40px;background-size:cover;}
.top-header{box-shadow:0 0 10px rgba(80,80,80,.2)}
.nav-bar{height:60px;line-height:60px;}
.nav-bar .mobile-logo{display:block;float:left;height:60px;}
.nav-bar .mobile-logo img{display:block;height:32px;margin-top:16px;}
.nav-bar > .box-l li.logo img{height:40px;width:auto;}
.nav-bar .dropdown, .nav-bar .change-lg{display:none;}
.nav-bar .mobile-menu-btn{display:block;}
.nav-bar .box-l{color:#fff;width:80%;padding:20px;z-index:2000;position:fixed;top:0;left:0;right:0;bottom:0;height:100%;opacity:1;background:rgba(0,0,0,0.2);-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);-o-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;-webkit-font-smoothing:antialiased;}
.mobile-menu-dowm .nav-bar .box-l{background:rgba(0,0,0,0.9);-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);}
.nav-bar .box-l{text-align:left;}
.nav-bar .box-l > li{float:none;display:block;}
.nav-bar .box-l > li > a{color:#fff;height:46px;line-height:46px;}
.nav-bar > .box-l > li.on::after{left:20px;bottom:0;right:initial;}
.nav-bar .box-l > li .sub-box{display:block !important;position:initial;background:none;margin-left:60px;width:auto;padding:0;}
.nav-bar .box-l > li .sub-box li{text-align:left}
.nav-bar .box-l > li .sub-box li a{color:#888;display:block;}
.mobile-menu-dowm .mobile-cover{overflow:hidden;position:fixed;top:0;left:0;display:block;width:100%;height:100%;z-index:102;-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);opacity: .5;background-color: #000;}

.business-list{padding:20px 0 10px;}
.business-list ul{margin:0;}
.business-list li{width:98%;padding:0;float:none;margin:0 auto 20px;}
.business-list li .business-item{padding-bottom:5px;}
.business-list li .business-item img{width:100%;}

.products-list li{width:100px;height:100px;line-height:100px;margin:0 20px 20px;}
.products-list li a{width:100px;height:100px;}
.products-list li a img{max-width:90%;}


.team-item{height:auto;}
.team-item .info{padding:140px 0 0 10px;float:none;}
.team-item .info h3{font-size:20px;margin-bottom:0px;}
.team-item .info p{margin-top:5px;}
.team-item .img{top:0;bottom:initial;left:0;right:0;text-align:center;}
.team-item .img img{width:70%;margin:0 auto;}
.top-one .team-item{height:auto;}
.top-one .team-item .info{padding:130px 0 0 10px;}
.top-one .team-item .img{right:0px;bottom:0;top:initial;}
.top-one .team-item .img img{width:40%;float:right;}
.box-mode .img{float:none;width:100% !important;;margin:0;}
.box-mode .img img{max-width:100%;}
.box-mode .txt{float:none;width:100% !important;padding:0 !important;}
.box-mode .txt, .box-sqcyzx .box-mode .txt, .box-sqcyzx .box-mode .txt{padding-top:0;}
.box-mode .btn-list{text-align:center;}


.in-list ul li{width:100%;float:none;padding:0;margin-bottom:30px}
.in-list ul li:last-child{margin-bottom:0;}
.brand-list ul{margin:0;}
.brand-list ul li{width:100%;margin:0 0 30px 0;}
.brand-list ul li .txt{height:auto;}

.category-list ul{margin-left:0;margin-right:0;}
.category-list li{width:100%;margin:0 0 30px 0;height:auto;padding:20px;}
.category-list li .img{margin:0 auto 15px;float:none;}
.category-list li .txt{padding-left:0;}
.category-list li .txt h3{text-align:center;}

.box-two-app{margin-top:-30px;}
.box-two-app::before{content:none;}
.box-two-app ul li{width:100%;float:none;margin-bottom:30px;overflow:hidden;}
.box-two-app ul li .txt{padding-top:0;padding-right:0;text-align:justify;margin-left:210px;}

.r-product{margin:0;padding:0;}
.r-product .computer{position:initial;margin:20px auto 20px;}
.r-product .computer p{position:initial;transform:translate(0,0)}
.r-product .computer p img{margin:0 auto;padding-top:60px;}
.r-product .txt{width:100%;padding:0 10px;float:none;}
.r-product .code{width:100%;padding-left:0;}
.logo-list ul{text-align:center}
.logo-list li{margin:1%;width:48%;position:relative;}
.logo-list li a{width:100%;height:100%;}
.logo-list li a img{position:absolute;left:0;right:0;top:50%;max-width:100%;max-height:100%;transform:translateY(-50%);}

.news-swiper .swiper-slide{padding:0 20px;}
.news-swiper .swiper-slide h3{font-size:18px;margin:15px 0 10px}
.news-swiper .swiper-slide .info{font-size:13px;}

.news-list li a{padding:0;}
.news-list li a:hover{background:none;box-shadow:initial}
.news-list li .date{width:80px;height:80px;}
.news-list li .date span.day{font-size:24px;line-height:24px;}
.news-list li .date span{font-size:12px;line-height:16px;}
.news-list li h3.title{font-size:17px;margin-top:-2px;}

.box-join{margin-top:-50px;}
.joinH4{padding:0 0 0 25px;position:initial;}
.joinItem li{position:relative;overflow: hidden;}
.joinH4 .joinBrief{top:62px;}

.box-contact .img img{max-width:100%}
.box-contact .txt{width:100%;padding-bottom:80px;}

.investor-banner{height:250px;}
.banner .square-box{width:75%;height:160px;padding:15px 20px;}
.banner .square-box h1{font-size:24px}
.banner .square-box p span{float:none;display:none;font-size:18px}
.notice-list{padding:0;}
.notice-list .list{margin:0 0 0 0;}
.notice-list .list li{width:100%;margin:0;float:none;}
.notice-list .list li::before{top:14px;}
.box-reports .notice-list{box-shadow:inherit;background:inherit;}
.box-tabs .box-r{width:100%;margin-top:20px;}
.tab-nav li{line-height:31px;}
.box-reports .list li{border-bottom:1px dotted #cacaca}

.footer{display:none;}
.copyright .main .links a, .copyright .main .links .split{display:none;}
.copyright .main .links{float:none;text-align:center;}
.copyright div{text-align:center;}
.copyright .c span{display:inline-block;float:none;}
}

@media screen and (max-width:320px){
.logo-list li{margin:5px 2px;width:140px;}
.logo-list li a{width:140px;}
.logo-list li a img{max-width:120px;max-height:40px;}
}