@charset "utf-8";
/*默认*/
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;word-wrap:break-word;word-break:break-all;font-family:"OpenSans-Regular",Arial,"Microsoft YaHei","微软雅黑",sans-serif}
:after, :before {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
input,textarea, select {margin:0;padding:0;border:0}

/*内页*/
.subbanner{height:140px}

/*内页导航*/
.subnav{height:61px;border-bottom:1px solid #e5e5e5;margin-bottom:1px}
.subnav li{width:12.5%;line-height:60px;font-size:16px;color:#666b85}
.subnav li:hover{color:#0284dc}
.subnav li.on{border-bottom:1px solid #0284dc;color:#0284dc}
/*面包屑*/
.breadcrumb{height:50px;line-height:50px;color:#666b85;margin-bottom:10px}
.breadcrumb a{color:#0366c1}
.breadcrumb label{margin:0 10px}

/*公司简介*/
.about-page1{background:#f6f7fa;padding-bottom:52px}
.about-page1-title{font-size:24px;color:#000;line-height:1}
.about-page1-title:after{content:'';display:block;width:30px;height:3px;background:#0284dc;position:absolute;left:50%;margin-left:-15px;top:35px}
.about-page1 .p{font-size:14px;color:#666b85;line-height:2.5;margin:40px 0 50px}
.about-page1 ul li{height:111px;width:280px;margin-right:26px;padding-top:12px}
.about-page1 ul li:after{content:"";display:block;width:1px;height:24px;background:#e0e0e0;position:absolute;right:0;top:50px}
.about-page1 ul p{font-size:14px;color:#666b85;margin-top:8px}
.about-page1 ul h1 span{font-size:56px;margin-right:10px}
.about-page1 ul h1{font-size:24px;line-height:1}
.about-page1 .item1{background:url(../images/about-bg1.png) no-repeat center}
.about-page1 .item1 h1{color:#308efe;background:url(../images/about-ico1.png) no-repeat left bottom 8px}
.about-page1 .item2{background:url(../images/about-bg2.png) no-repeat center}
.about-page1 .item2 h1{color:#9658bd;background:url(../images/about-ico2.png) no-repeat left bottom 8px}
.about-page1 .item3{background:url(../images/about-bg3.png) no-repeat center}
.about-page1 .item3 h1{color:#f86a5f;background:url(../images/about-ico3.png) no-repeat left bottom 8px}
.about-page1 .item4{background:url(../images/about-bg4.png) no-repeat center;margin:0}
.about-page1 .item4 h1{color:#39ba77;background:url(../images/about-ico4.png) no-repeat left bottom 8px}
.about-page1 .no-need-after:after{display:none}

.about-page2{padding:68px 0 50px}
.about-page2-title{font-size:24px;color:#0284dc;line-height:1}
.about-page2-p{font-size:14px;color:#666b85;line-height:2.4;margin:10px 0 40px}
.about-item{padding:0 5px}
.about-item li{width:230px;height:90px;line-height:88px;border:1px solid #b9ddf6;font-size:18px;color:#0366c1;margin-bottom:10px;top:0px;}
.about-item li p{/*vertical-align:middle;*/margin-left:12px}
.about-item li a{height:100%}
.about-item .item1{height:190px;line-height:1}
.about-item .item1 p{margin:16px 0 0}
.about-item .item1 a{padding-top:50px}
.about-item2{width:478px}
.about-item .item2{width:468px}
.about-item li:hover{top:-6px;box-shadow:0px 5px 10px rgba(0,0,0,.1)}

/*大事记*/
.timeline{padding:36px 0 20px;margin-bottom:60px}
.timeline:before{content:"";display:block;width:1px;height:100%;background:#e0e0e0;position:absolute;top:0;left:50%;margin-left:.5px}
.timeline:after{content:"";display:block;width:17px;height:17px;border:1px solid #e0e0e0;border-radius:100%;position:absolute;left:50%;bottom:0;margin-left:-7px;background:#fff}
.timeline li{margin-bottom:60px}
.timeline .dian{width:17px;height:17px;background:url(../images/timedian.png) no-repeat center;top:8px;left:50%;margin-left:-8px;z-index:1}
.timeline img{max-width:543px;opacity:0;transition: all 1s}
.timeline .cont{width:543px;opacity:0;transition: all 1s}
.timeline .cont .year{font-size:40px;color:#0284dc;line-height:.8;margin-bottom:20px}
.timeline .cont .month{margin-right:18px}
.timeline .cont .sp{overflow: auto;white-space:pre-line;width:80%;}
.timeline .cont .p{font-size:14px;color:#666b85;line-height:1.8;margin-top:12px}
.timeline li.on img,.timeline li.on .cont{opacity:1}
.timeline li:nth-child(even) img{float:right;left:20px}
.timeline li:nth-child(even) .cont{float:left;text-align:right;right:20px}
.timeline li:nth-child(even) .month{float:right;margin:0 0 0 18px}
.timeline li:nth-child(even) .sp{float:right}
.timeline li:nth-child(even).on img{left:0}
.timeline li:nth-child(even).on .cont{right:0}
.timeline li:nth-child(odd) img{right:20px}
.timeline li:nth-child(odd) .cont{left:20px}
.timeline li:nth-child(odd).on img{right:0}
.timeline li:nth-child(odd).on .cont{left:0}

/*企业文化*/
.about-culture{height:360px;background:#f6f7fa}
.about-culture .video{width:640px;height:100%}
.about-culture .cont{width:560px;height:100%;padding:55px 48px 30px}
.about-culture .cont h1{font-size:24px;color:#000;margin-bottom:24px}
.about-culture .cont p{font-size:14px;color:#666b85;line-height:1.8}

.about-culture-list{margin:50px 0 60px}
.about-culture-list li{width:592px;height:136px;color:#fff;padding:30px 0 0 48px;background:url(../images/bg1.png) no-repeat center}
.about-culture-list li.l2{background:url(../images/bg2.png) no-repeat center}
.about-culture-list h1{font-size:24px}
.about-culture-list p{font-size:18px;margin-top:18px}

/*企业愿景*/
.about-vision{background:#f6f7fa;padding:60px 0 55px}
.about-vision ul{margin-top:75px}
.about-vision li{width:322px;margin-right:117px}
.about-vision li.end{margin:0}
.about-vision li h1{font-size:18px;color:#000;padding-left:60px;line-height:2;background:url(../images/vision-ico1.png) no-repeat left center}
.about-vision li p{font-size:14px;color:#666b85;line-height:1.8;margin-top:40px}
.about-vision li .i2{background:url(../images/vision-ico2.png) no-repeat left center}
.about-vision li .i3{background:url(../images/vision-ico3.png) no-repeat left center}

.about-lunbo{padding:60px 0}
.about-lunbo .item{width:384px;height:333px;background:#f6f7fa;margin-right:24px}
.about-lunbo .item.end{margin:0}
.about-lunbo .lunbo-box{height:216px}
.about-lunbo img{width:384px;height:216px}
.about-lunbo .small-box{width:100%;height:8px;bottom:12px;z-index:1}
.about-lunbo .small-box ul{height:100%;font-size:0}
.about-lunbo .small-box li{cursor: pointer;display:inline-block;width:8px;height:8px;line-height:99px;margin:0 3px;background:#fff;opacity:.5;border-radius:100%;border:2px solid #fff}
.about-lunbo .small-box li.on{border:2px solid #0284dc;opacity:1;background:none}
.about-lunbo .cont{padding:20px 24px 15px}
.about-lunbo .cont h1{font-size:18px;color:#000}
.about-lunbo .cont p{font-size:14px;color:#666b85;margin-top:8px;line-height:1.8}

/*荣誉资质*/
.about-honor{margin-bottom:40px}
.about-honor li{width:288px;border:1px solid #e0e0e0;padding:19px 19px 12px 19px;margin-bottom:20px}
.about-honor li:hover{border:1px solid #0284dc}
.about-honor img{width:100%}
.about-honor p{font-size:14px;color:#000;line-height:1.8;margin-top:12px}

/*合作伙伴*/
.about-partners{margin-bottom:36px}
.about-partners li{width:190px;height:90px;border:1px solid #f0f0f0;margin:0 12px 24px 0;transition:all .3s}
.about-partners li:hover{border:1px solid #0284dc}
.about-partners li:nth-child(6n){margin-right:0}
.about-partners li.end{margin-right:0}
.about-partners .imgbox{width:188px;height:88px}
.about-partners img{max-width:188px;max-height:88px}

/*联系我们*/
.about-contact{height:404px;background:#f6f7fa;margin-bottom:60px}
.about-contact .cont{width:480px;height:100%;padding:0 48px}
.about-contact .tt{font-size:14px;color:#666b85;border-bottom:1px solid #e0e0e0;height:136px;padding-top:55px}
.about-contact .tt h1{font-size:24px;color:#000;margin-bottom:5px}
.about-contact .h1{font-size:18px;color:#000;margin:25px 0 10px}
.about-contact .p1{font-size:14px;color:#666b85;line-height:2}
.about-contact .map{width:720px;height:100%}
.about-contact .map img{max-width:none;}

/*投资者关系*/
.about-box{padding-bottom:60px}
.about-left{width:200px}
.about-right{width:960px}
/*左侧导航*/
.leftnav{margin-bottom:36px}
.leftnav li{border-bottom:1px solid #d4d7df}
.leftnav li a{height:47px;line-height:47px;font-size:14px;color:#000;padding-left:17px;transition:all .5s}
.leftnav li:after{content:'';width:3px;height:12px;background:#0366c1;position:absolute;left:0;top:18px;opacity:0;transition:all .5s}
.leftnav li.on a{color:#0366c1}
.leftnav li.on:after{opacity:1}
.leftnav li:hover a{color:#0284dc;padding-left:29px}
.leftnav li:hover:after{background:#0284dc;left:12px;opacity:1}

.about-left .item{height:96px;margin-top:14px}
.about-left .item .box{color:#fff;line-height:1;top:30px;left:24px}
.about-left .item .box h1,.about-left .item2 .tt h1{font-size:18px;margin-bottom:8px}
.about-left .item img{width:100%;height:100%}
.about-left .item2{padding:28px 14px 24px 24px;background:#0284dc;margin-top:14px;color:#fff}
.about-left .item2 .tt{line-height:1;margin-bottom:29px}
.about-left .item2 .tt:after{content:"";display:block;width:72px;height:1px;background:#fff;position:absolute;left:0;bottom:-17px}
.about-left .item2 .p{line-height:1.8}
.about-left .item2 .p span{margin-left:8px;width:118px;vertical-align:top}
/*右侧内容*/
.about-news li{height:58px;line-height:58px;font-size:14px;color:#000;background:#f5f7fa;margin-bottom:10px}
.about-news li a{padding:0 22px}
.about-news li span{margin-right:30px;color:#666b85}
.about-news li,.about-news li a,.about-news li p,.about-news li span{transition:all .5s}
.about-news li:hover{background:#0284dc}
.about-news li:hover a{padding-left:38px}
.about-news li:hover span,.about-news li:hover p{color:#fff}

/*分页*/
.page{margin-top:22px;font-size:0}
.page a{width:35px;height:35px;line-height:34px;border:1px solid #d4d7df;font-size:13px;color:#000;margin:0 5px}
.page a:hover{border:1px solid #0284dc;color:#0284dc}
.page a.btn{width:68px}
.page a.on{border:0;line-height:35px;color:#0366c1}
.page a.omit{border:0;color:#000}

/*友情链接*/
.about-link{background:#f6f7fa}
.about-link-left{width:700px}
.about-link-left .copy-link{line-height:1;font-size:16px}
.about-link-left .copy-btn{color:#0366c1}
.about-link-left .copy-box{width:100%;height:87px;font-size:14px;line-height:1.8;border:1px solid #e0e0e0;background:#fff;margin-top:20px;padding:16px 22px}
.about-link-left .copy-btn:hover{color:#0284dc}
.about-link-right{width:452px;height:292px;border:1px dashed #0284dc;background:#eaf1f8;padding:28px;font-size:14px;color:#666b85;line-height:1.8}
.about-link-right h1{font-size:18px;color:#000;line-height:1;margin-bottom:8px}
.about-link-list{padding:25px 0 60px}
.about-link-list li{font-size:14px;color:#666b85;line-height:1;padding-right:38px;margin-right:38px;margin:35px 38px 0 0;border-right:1px solid #e0e0e0}

/*互动平台*/
.quiz-search{}
.quiz-form{width:1016px;height:50px;border:1px solid #0284dc;border-radius:5px}
.quiz-form .keyword{width:879px;height:100%;line-height:48px;font-size:14px;background:none;padding:0 20px}
.quiz-form .range{width:134px;height:100%;line-height:48px;font-size:18px;color:#0284dc;background:url(../images/range.png) no-repeat left 36px center;text-indent:26px}
.quiz-form:after{content:"";display:block;width:1px;height:24px;background:#cfd3d8;position:absolute;right:134px;top:12px}
.quiz-search .abtn{width:164px;height:50px;line-height:48px;font-size:18px;color:#fff;background:#0366c1;border:1px solid #3b87ee;border-radius:5px;transition:all .5s}
.quiz-search .abtn:hover{background:#0284dc}

.quiz-search-result{font-size:16px;line-height:1;margin:20px 0}
em{color:#f60}

.quiz-list{}
.quiz-list li{border:1px solid #dce3ec;padding:23px 35px;margin-top:20px;font-size:13px;line-height:1.8}
.quiz-list .question{color:#69c;line-height:1;margin-bottom:15px}
.quiz-list .answer{padding:16px;background:#f2f4f9;margin-top:12px}
.quiz-list .answer span{color:#69c}
.quiz-list .recommend{width:62px;height:26px;line-height:26px;right:-1px;top:11px;background:#e5004f;color:#f6f7fb;font-style:normal;border-top-left-radius:20px;border-bottom-left-radius:20px}
.quiz-list li.on .recommend{display:block}

.quiz-search-empty{font-size:14px;color:#666b85;background:url(../images/search-empty.png) no-repeat top center;padding-top:105px;margin-top:100px}

/*弹窗*/
.popup-layer{background:rgba(0,0,0,.75);width:100%;height:100%;position:fixed;left:0;top:0;z-index:99;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000)}
.popup-layer .close{width:14px;height:14px;background:url(../images/close.png) no-repeat center;right:14px;top:13px}
.question-popup{width:604px;height:406px;padding:0 36px 40px;background:#fff;left:50%;top:50%;margin:-203px 0 0 -302px;z-index:100}
.question-popup h1{font-size:20px;line-height:1;margin:30px 0 14px}
.question-popup p{font-size:14px;color:#000;line-height:2.2}
.question-popup p span{color:#0366c1;margin-left:22px}
.question-popup .tex{width:100%;height:173px;border:1px solid #0366c1;margin-top:4px;font-size:14px;padding:15px 18px;line-height:1.6}
.question-popup .sub{width:264px;height:44px;line-height:44px;font-size:16px;color:#fff;background:#0366c1;margin-top:21px;transition:all .5s}
.question-popup .sub:hover{background:#0284dc}
.results-popup{width:373px;height:230px;padding:40px 20px;background:#fff;left:50%;top:50%;margin:-115px 0 0 -186.5px;z-index:100;border:1px solid #0366c1
}
.results-popup h1{font-size:15px;color:#000;line-height:1.6;padding-top:70px}
.results-popup .timing{font-size:13px;color:#666;line-height:1;margin-top:32px}
.results-popup.success h1{background:url(../images/success.png) no-repeat top center}
.results-popup.fail h1{background:url(../images/fail.png) no-repeat top center}
.results-popup .abtn{width:140px;height:40px;line-height:38px;border:1px solid #ccc;font-size:15px;color:#000;margin-top:16px}
.results-popup.limit{height:254px;margin-top:-127px}
.results-popup.limit h1{background:url(../images/limit.png) no-repeat top center}