@charset "utf-8";
body{ background: #f5f5f5;}
::-webkit-scrollbar{ width: 6px; height: 1px;}
::-webkit-scrollbar-thumb { border-radius: 3px; background: #232323;}
::-webkit-scrollbar-track { border-radius: 3px; background: #fff;}
.clear:after{ content: ''; display: block; clear: both;}

.container{ width: 100%; height: auto;}

.header{ position: relative; width: 100%; height: 81px; border-bottom: 1px solid #a5b7ea; background: #1f4ccb; z-index: 9;}

.head{ width: 1200px; height: 100%; margin: auto;}
.head .logo{ float: left; width: 200px; height: 100%;}
.head .logo a,
.head .logo a img{ display: block; width: 100%; height: 100%;}
.head .nav{ float: right; width: 770px; height: 100%;}
.head .hotline{ float: right; width: 170px; height: 30px; border: 1px solid rgba(255,255,255,.29); border-radius: 15px; margin: 25px 0; background: url('../img/hotline.png') 4px center no-repeat, linear-gradient(-33deg, #1cb81c , #3e67dc); font-size: 16px; font-weight: bold; line-height: 28px; text-indent: 35px; color: #fff;}


.nav-list{ width: 100%; height: 100%;}
.nav-list li{ position: relative; float: left; width: 14%; height: 100%;}
.nav-list li>a{ display: block; width: 100%; height: 100%; font-size: 14px; line-height: 80px; color: #fff; text-align: center;}
.nav-list .sub{ position: absolute; top: 80px; left: 0; min-width: 100%; display: none;}
.nav-list .sub dd a{ display: block; padding: 1em 1em; font-size: 14px; line-height: 2; color: #fff; text-align: center; white-space: nowrap; background: #2762b0;}
.nav-list .sub dd:nth-child(odd) a{background: #1f4ccb;}

.nav-list .sub dd a:hover{ background: #FFB10C;}

.slide{ position: relative; width: 100%; height: 817px; min-width: 1200px; background: #fafafa;}

.slide .bd{ position: relative; z-index: 0; overflow:hidden;}
.slide .bd ul{ width:100% !important; }
.slide .bd li{ width:100% !important; height: 817px; overflow:hidden; text-align:center;  }

.slide .hd{ position:absolute; right: 0; bottom: 190px; left: 0; width: 1200px; height: 10px; margin: auto; z-index:1;}
.slide .hd ul{ font-size: 0;}
.slide .hd ul li{ display: inline-block; width: 10px; height: 10px; margin-left: 8px; border-radius: 100%; background: #b5b5b5; cursor: pointer;}
.slide .hd ul li.on{ background: #5a82f4; }

.wrapper{ width: 100%; height: auto;}

.section{ width: 100%;  min-width: 1200px; height: auto;}
.section:after{ content: ''; display: block; clear: both;}


.about{ background: url('../img/about-bg.png');}
.product{ padding: 40px 0;}
.service{ padding: 60px 0; background: #fff;}
.case{ padding: 60px 0 110px 0; background: url('../img/case-bg.png') center top no-repeat #9dcc84;}
.news{ padding:60px 0 330px;}

.about-box{ position: relative; top: -135px; width: 1200px; height: 275px; margin: auto; border: 1px solid #f0f0f0; border-radius: 10px; background: #fff; overflow: hidden;}

.about-box .background{ float: left; width: 178px; height: 100%;}

.about-box .content{ float: left; width: 440px; height: 100%; padding: 34px 20px 44px}
.about-box .content .caption{ overflow: hidden;}
.about-box .content .caption .cn{ position: relative; float: left; font-size: 24px; line-height: 2; font-weight: bold;}
.about-box .content .caption .cn:after{ content: ''; position: absolute; bottom: .35em; left: 0; width: 100%; height: 4px; background: #5fbe4c;}
.about-box .content .caption .en{ float: left; font-size: 48px; line-height: 1; text-transform: uppercase; color: rgba(188, 188, 188, .35); font-family: AgencyFB;}
.about-box .content .synopsis{ padding: 10px 0 20px; font-size: 14px; line-height: 2; color: #333;}
.about-box .content .button{ overflow: hidden;}
.about-box .content .button a{ float: left; width: 85px; height: 32px; margin-right: 10px; border: 1px solid #bfbfbf; border-radius: 4px; font-size: 14px; line-height: 30px; text-align: center; color: #101010;}
.about-box .content .button a.on,
.about-box .content .button a:hover{ border: 1px solid #5fbe4c; background: #5fbe4c; color: #fff;}

.about-box .number{ float: right; width: 580px; padding-top: 70px; padding-right: 10px; overflow: hidden;}
.about-box .number li{ float: left; width: 190px; text-align: center;}
.about-box .number li i{ display: block; width: 75px; height: 75px; margin: auto;}
.about-box .number li span{ display: block; font-size: 30px; line-height: 40px; color: #2762b0;}
.about-box .number li span:after{ content: '+'}
.about-box .number li b{ display: block; font-size: 14px; line-height: 30px; color: #666;}

.leader-box{ position: relative; width: 1200px; padding: 0 30px 135px; margin: -10px auto 0; overflow: hidden;}
.leader-box .info{ float: left; width: 370px; padding-top: 50px; margin-right: 45px;}
.leader-box .info .name{ width: 100%; height: 57px;}
.leader-box .info .name img{ display: block; width: auto; height: 57px;}
.leader-box .info .desc{ padding: 15px 0 30px 0; font-size: 14px; line-height: 30px; color: #fff;}
.leader-box .info a.more{ display: block; width: 75px; height: 30px; border: 1px solid #4e91ff; border-radius: 4px; font-size: 12px; line-height: 28px; text-align: center; color: #4e91ff;}
.leader-box .thumb{ float: left; width: 260px; height: 260px; border-radius: 100%; overflow: hidden;}
.leader-box .content{ float: right; width: 420px; padding-top: 50px; font-size: 14px; line-height: 30px; color: #fff;}

.product-box{ width: 1200px; height: auto; margin: auto; overflow: hidden;}
.product-box .title{ position: relative; float: left; width: 120px; height: 200px;}
.product-box .title .cn{ position: relative; font-size: 24px; line-height: 1.5; font-weight: bold; z-index: 1;}
.product-box .title:after{ content: ''; position: absolute; top: 1.1em; left: 0; width: 4em; height: 4px; background: #5fbe4c; font-size: 24px;}
.product-box .title .en{ font-size: 30px; line-height: 1; text-transform: uppercase; color: rgba(188, 188, 188, .35); font-family: AgencyFB;}
.product-box .title a.more{ position: absolute; bottom: 20px; left: 0; display: block; width: 100px; height: 30px; border: 1px solid #dcdcdc; border-radius: 4px; font-size: 12px; line-height: 28px; text-align: center; text-transform: uppercase; color: #333;;}
.product-box .content{ float: left; width: 1080px;}
.product-list{ width: 100%; overflow: hidden;}
.product-list li{ float: left; width: 25%;}
.product-list li a{ display: block; width: 100%; padding: 0 20px; text-align: center;}
.product-list li a .thumb{ width: 100%; height: 150px;}
.product-list li a .tit{ width: 100%; font-size: 16px; line-height: 50px; color: #333;}
.product-box .accordion{ float: left; width: 100%;}
.product-box .accordion .items-tit{ position: relative; width: 100%; height: 52px; margin-top: 4px; font-size: 16px; line-height: 52px; background: #fff; cursor: pointer; text-indent: 40px;}
.product-box .accordion .items-tit a{ color: #222; font-weight: bold;}
.product-box .accordion .items-tit:before{ content: ''; position: absolute; top: 0; bottom: 0; left: 20px; display: block; width:0; height:0; margin: auto; border-width: 5px 0 5px 5px; border-style:solid; border-color:transparent transparent transparent #b1d7ff;}
.product-box .accordion .items-tit.on{ background: #77baff;}
.product-box .accordion .items-con{ width: 100%; height: 48px; background: #9eceff; font-size: 0; display: none;}
.product-box .accordion .items-con a{ display: inline-block; margin: 0 30px; font-size: 14px; line-height: 48px; color: #000;}


.service .caption{ position: relative; text-align: center; }
.service .caption .cn{ font-size: 24px; line-height: 1; font-weight: bold; }
.service .caption .en{ padding-top: 10px; font-size: 30px; line-height: 1; font-family: AgencyFB; text-transform: uppercase; color: rgba(193, 193, 193, .35);}
.service .caption:before,
.service .caption:after{ content: ''; position: absolute; top: 12px; display: block; width: 485px; height: 1px; margin: auto; background: #ebebeb;}
.service .caption:before{ left: 50%; margin-left: -570px;}
.service .caption:after{ right: 50%; margin-right: -570px;}

.service-list{ width: 1200px; height: auto; padding-top: 50px; margin: auto; overflow: hidden;}
.service-list li{ float: left; width: 20%; text-align: center;}
.service-list li a{ display: block;}
.service-list li a i{ display: block; width: 95px; height: 95px; margin: auto;}
.service-list li a span{ display: block; font-size: 16px; line-height: 30px; color: #000;}

.case .caption{ position: relative; text-align: center; }
.case .caption .cn{ font-size: 24px; line-height: 1; font-weight: bold; color: #fff;}
.case .caption .en{ padding-top: 10px; font-size: 30px; line-height: 1; font-family: AgencyFB; text-transform: uppercase; color: rgba(215, 255, 193, .35);}
.case .caption:before,
.case .caption:after{ content: ''; position: absolute; top: 12px; display: block; width: 485px; height: 1px; margin: auto; background: #ebebeb;}
.case .caption:before{ left: 50%; margin-left: -570px;}
.case .caption:after{ right: 50%; margin-right: -570px;}
.case .content{ padding-top: 60px;}

.case-tab{ position: relative; width: 1160px; height: 435px; border-radius: 4px; margin: auto; background: url('../img/case-tab-bg.png') left top no-repeat #fff; overflow: hidden;}

.case-tab .hd{ position: absolute; top: 0; left: 215px; z-index: 1; height: 100%; padding: 60px 0;}
.case-tab .hd ul li a{ position: relative; display: block; width: 110px; height: 40px; margin-bottom: 20px; border-radius: 4px; font-size: 16px; line-height: 40px; text-align: center; color: #333; background: #e7e7e7;}
.case-tab .hd ul li.on a{ color: #fff; background: #3e67dc;}
.case-tab .hd ul li.on a:after{ content: ''; position: absolute; top: 0; right: -5px; bottom: 0; display: block; width:0; height:0; margin: auto; border-width: 5px 0 5px 5px; border-style:solid; border-color:transparent transparent transparent #3e67dc;}
.case-tab .hd a.more{ position: absolute; bottom: 20px; display: block; width: 110px; height: 40px; margin-bottom: 20px; border-radius: 4px; font-size: 16px; line-height: 40px; text-align: center; color: #fff; background: #07a509;}

.case-tab .bd{ float: right; width: 890px; height: 100%;}
.case-list{ width: 100%; height: 100%; padding: 45px 480px 45px 130px}
.case-list li a{ position: relative; display: block; font-size: 14px; line-height: 38px; text-indent: 1em; color: #333;}
.case-list li a:before{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; display: block; width: 4px; height: 4px; margin: auto; background: #8bb773;}


.news .caption{ position: relative; width: 1200px; margin: auto; text-align: center; }
.news .caption .cn{ font-size: 24px; line-height: 1; font-weight: bold; }
.news .caption .en{ padding-top: 10px; font-size: 30px; line-height: 1; font-family: AgencyFB; text-transform: uppercase; color: rgba(51, 51, 51, .35);}
.news .caption:before,
.news .caption:after{ content: ''; position: absolute; top: 12px; display: block; width: 485px; height: 1px; margin: auto; background: #ebebeb;}
.news .caption:before{ left: 50%; margin-left: -570px;}
.news .caption:after{ right: 50%; margin-right: -570px;}
.news .caption .category{ position: absolute; top: 0; right: 20px; z-index: 1; font-size: 0;}
.news .caption .category a{ display: inline-block; padding: 0 1em; margin-left: 1em; border: 1px solid #bfbfbf; border-radius: 4px; font-size: 14px; line-height: 2; color: #333; background: #fff;}
.news .caption .category a.on{ border-color: #5fbe4c; color: #fff; background: #5fbe4c;}

.news-list{ width: 100%; padding-top: 50px;}
.news-list li{ width: 100%;}
.news-list li:nth-child(even){ background: #fff;}
.news-list li a{ position: relative; display: block; width: 1200px; padding: 40px 20px; margin: auto; overflow: hidden;}
.news-list li a:before{ content: ''; position: absolute; top: 48px; left: 2px; width: 8px; height: 8px; transform: rotate(45deg); background: #77b953;}
.news-list li a .info{ float: left; width: 860px;}
.news-list li a .info .tit{ font-size: 20px; line-height: 1; color: #000;}
.news-list li a .info .desc{ padding: 10px 0; font-size: 14px; line-height: 30px; color: #333;}
.news-list li a .info .more{ width: 80px; height: 35px; border: 1px solid #c4c4c4; border-radius: 4px; font-size: 12px; text-align: center; line-height: 33px; text-transform: uppercase; color: #999;}
.news-list li a .date{ float: right; width: 140px;}
.news-list li a .date .year{ font-size: 18px; line-height: 1.25; color: #b9b9b9;}
.news-list li a .date .month{ font-size: 48px; line-height: 1.25; color: #849dcc;}

.support{ position: relative; width: 1200px; padding: 45px 45px 35px; margin: auto; margin-top: -270px; border-radius: 4px; background: url('../img/support-bg.png') center bottom no-repeat; overflow: hidden; z-index: 1;}

.support .left{ float: left; width: 350px;}
.support .left .caption{ position: relative; padding-bottom: 19px;}
.support .left .caption .cn{ position: relative; font-size: 24px; line-height: 1.5; font-weight: bold; z-index: 1;}
.support .left .caption:after{ content: ''; position: absolute; top: 1.1em; left: 0; width: 4em; height: 4px; background: #5fbe4c; font-size: 24px;}
.support .left .caption .en{ font-size: 30px; line-height: 1; text-transform: uppercase; color: rgba(188, 188, 188, .35); font-family: AgencyFB;}

.download-box{ width: 100%;}
.download-box .title{ height: 40px; background: url('../img/download-tit.png') left center no-repeat;}
.download-box .title span{ float: left; font-size: 18px; line-height: 40px; text-indent: 40px;}
.download-box .title a.more{ float: right; font-size: 12px; line-height: 40px; text-decoration: underline; color: #5fbe4c; text-transform: uppercase; }

.download-list{ width: 100%;}
.download-list li{ width: 100%; padding-top: 15px;}
.download-list li a{  display: block; height: 50px; border-radius: 4px; background: #bdd1f2; overflow: hidden;}
.download-list li a span{ position: relative; float: left; font-size: 14px; line-height: 50px; text-indent: 2em; color: #253d6d;}
.download-list li a span:before{ content: ''; position: absolute; top: 0; bottom: 0; left: 1em; display: block; width: 4px; height: 4px; margin: auto; background: #1f4ccb;}
.download-list li a i{ float: right; width: 40px; height: 50px; background: url('../img/download-ico.png') center center no-repeat #f2f2f2;}

.support .right{ float: right; width: 420px;}

.question-box{ padding-top: 20px;}
.question-box .title{ padding-bottom:15px; font-size: 0;}
.question-box .title a{ display: inline-block; padding: 0 1.5em; margin-right: 2em; border: 1px solid #dcdcdc; border-radius: 1.25em; font-size: 16px; line-height: 2; color: #333;}
.question-box .title a.on{ border-color: #1cb81c; background: #1cb81c; color: #fff;}

.question-list{}
.question-list li{ padding-top: 25px;}
.question-list li a{ position: relative; display: block; padding-left: 15px;}
.question-list li a:before{ content: ''; position: absolute; top: 10px; left: 0; display: block; width: 5px; height: 5px; background: #1cb81c;}
.question-list li a .tit{ font-size: 16px; line-height: 1.5; color: #111;}
.question-list li a .desc{ padding-top: 5px; font-size: 14px; line-height: 24px; color: #666;}

.footer{ position: relative; width: 100%; padding-top: 235px; margin-top: -195px; background: #3d3d3d; z-index: 0;}
.foot{ width: 1200px; height: auto; margin: auto; overflow: hidden; background: url('../img/banner.png') right 30px no-repeat;}

.contact-list{ padding-bottom: 20px;}
.contact-list li{ position: relative; width: 600px; padding: 5px 0 5px 50px; font-size: 14px; line-height: 30px; background: url('../img/contact-i-2.png') left 0 no-repeat;}
.contact-list li:first-child{ background: url('../img/contact-i-1.png') left 0 no-repeat;}
.contact-list li:last-child{ background: url('../img/contact-i-3.png') left 0 no-repeat;}
/* .contact-list li:first-child:before{ content: ''; position: absolute; bottom: -2px; left: 0; display: block; width: 5px; height: 5px; border-radius: 50%; background: #686868;} */
/* .contact-list li:first-child:after{ content: ''; position: absolute; bottom: 0; left: 10px; display: block; width: 100%; height: 1px; background: #686868;} */
.contact-list li span{ display: block; color: #999;}
.contact-list li b{ display: block; color: #fff;}

.copyright{ width: 100%; height: 90px; border-top: 1px solid #434343;}
.copyright .content{ width: 1200px; height: 89px; margin: auto; font-size: 14px; line-height: 89px; text-align: center; color: #999;}
.copyright .icp{ float: left;}
.copyright .cpy{ float: right;}

/* sub */
.banner{ width: 100%; height: 585px; background: #fafafa;}
.footer.sub{ padding-top: 20px; margin-top: 0;}

.location{ width: 100%; height: 55px; border-bottom: 1px solid #dcdcdc;}
.location .content{ width: 1200px; height: 100%; margin: auto;}
.location .content .caption{ float: left; font-size: 0;}
.location .content .caption a{ position: relative; display: inline-block; margin-right: 4em; font-size: 16px; line-height: 54px; color: #333;}
.location .content .caption a.on{ color: #3e67dc;}
.location .content .caption a.on:after{ content: ''; position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 3px; background: #3e67dc;}
.location .content .bread{ float: right; font-size: 0;}
.location .content .bread span,
.location .content .bread a,
.location .content .bread b{ font-size: 14px; line-height: 54px; color: #666;}
.location .content .bread b{ color: #3e67dc;}
.location .content .bread a:after{ content: '>'; padding: 0 .25em}

.article{ width: 1200px; height: auto; padding: 30px 0; margin: auto; overflow: hidden;}
.article-title{ border-bottom: 1px solid #e5e5e5; text-align: center;}
.article-title h1{ padding-bottom: 15px; font-size: 20px; line-height: 1.5; font-weight: normal; color: #333;}
.article-title h5{ padding-bottom: 30px; font-size: 14px; line-height: 1.5; font-weight: normal; color: #666;}
.article-content{ padding: 40px 0; font-size: 14px; line-height: 30px;}
.article-content strong{ font-weight: bold;}
.article-content img{ max-width: 100%;}

.article-around{ width: 100%; height: 75px; background: #fff;}
.article-around .content{ width: 1200px; height: 75px; margin: auto;}
.article-around .content a{ position: relative; float: left; width: 50%; font-size: 14px; line-height: 75px; text-indent: 1.5em; color: #000;}
.article-around .content a:after{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; display: block; width: 8px; height: 8px; margin: auto; background: #77b953; transform: rotate(45deg); }
.article-around .content a:before{ color: #666;}
.article-around .content a.prev:before{ content: '上一篇：';}
.article-around .content a.next:before{ content: '下一篇：';}

.list-news{ width: 100%;}
.list-news li{ width: 100%;}
.list-news li:nth-child(even){ background: #fff;}
.list-news li a{ position: relative; display: block; width: 1200px; padding: 40px 20px; margin: auto; overflow: hidden;}
.list-news li a:before{ content: ''; position: absolute; top: 48px; left: 2px; width: 8px; height: 8px; transform: rotate(45deg); background: #77b953;}
.list-news li a .info{ float: left; width: 860px;}
.list-news li a .info .tit{ font-size: 20px; line-height: 1; color: #000;}
.list-news li a .info .desc{ padding: 10px 0; font-size: 14px; line-height: 30px; color: #333;}
.list-news li a .info .more{ width: 80px; height: 35px; border: 1px solid #c4c4c4; border-radius: 4px; font-size: 12px; text-align: center; line-height: 33px; text-transform: uppercase; color: #999;}
.list-news li a .date{ float: right; width: 140px;}
.list-news li a .date .year{ font-size: 18px; line-height: 1.25; color: #b9b9b9;}
.list-news li a .date .month{ font-size: 48px; line-height: 1.25; color: #849dcc;}

.page-box{ padding: 35px 0; text-align: center; font-size: 0;}
.page-box a{ display: inline-block; width: 35px; height: 35px; margin: 0 5px; border: 2px solid #414141; border-radius: 100%; font-size: 18px; line-height: 31px; color: #414141;}
.page-box span{ padding: 0 .5em; font-size: 20px; font-weight: bold; line-height: 35px; color: #696969;}
.page-box a.on,
.page-box a:hover{ border-color: #3e67dc; color: #3e67dc;}
.page-box b{ font-size: 16px; line-height: 35px;}
.page-box input{ display: inline-block; width: 50px; height: 35px; margin: 0 .5em; border: 2px solid #414141; border-radius: 4px; background: none;}

.list-download{ width: 1200px; margin: auto; overflow: hidden;}
.list-download li{ float: left; width: 50%; padding-top: 30px;}
.list-download li:nth-child(odd){ padding-right: 25px;}
.list-download li:nth-child(even){ padding-left: 25px;}
.list-download li a{ display: block; height: 50px; border-radius: 4px; background: #bdd1f2; overflow: hidden;}
.list-download li a span{ position: relative; float: left; font-size: 14px; line-height: 50px; text-indent: 2em; color: #253d6d;}
.list-download li a span:before{ content: ''; position: absolute; top: 0; bottom: 0; left: 1em; display: block; width: 4px; height: 4px; margin: auto; background: #1f4ccb;}
.list-download li a i{ float: right; width: 40px; height: 50px; background: url('../img/download-ico.png') center center no-repeat #e2e2e2;}

.nk-accordion{ width: 1200px; margin: 20px auto;}
.nk-accordion .items-tit{ position: relative; width: 100%; height: 52px; margin-top: 4px; font-size: 16px; line-height: 52px; background: #fff; cursor: pointer; text-indent: 40px;}
.nk-accordion .items-tit:before{ content: ''; position: absolute; top: 0; bottom: 0; left: 20px; display: block; width:0; height:0; margin: auto; border-width: 5px 0 5px 5px; border-style:solid; border-color:transparent transparent transparent #b1d7ff;}
.nk-accordion .items-tit.on{ background: #77baff;}
.nk-accordion .items-con{ width: 100%; height: 48px; background: #9eceff; font-size: 0; display: none;}
.nk-accordion .items-con a{ display: inline-block; margin: 0 30px; font-size: 14px; line-height: 48px; color: #000;}

.list-product{ width: 1200px; margin: auto; overflow: hidden;}
.list-product li{ float: left; width: 270px; margin-top: 20px; margin-right: 40px;}
.list-product li:nth-child(4n){ margin-right: 0;}
.list-product li a{ display: block; width: 100%; text-align: center;}
.list-product li a .thumb{ width: 100%; height: 175px; border-radius: 4px; background: #fff; overflow: hidden;}
.list-product li a .tit{ width: 100%; font-size: 16px; line-height: 50px; color: #333;}

.list-support{ width: 1200px; margin: 20px auto;}
.list-support dt{ position: relative; width: 100%; height: 50px; margin-top: 4px; border-radius: 4px; font-size: 16px; line-height: 50px; background: #bdd1f2; cursor: pointer;}
.list-support dt:before{ content: ''; position: absolute; top: 0; bottom: 0; left: 18px; display: block; width: 4px; height: 4px; margin: auto; background: #1f4ccb;}
.list-support dt a{ float: left; font-size: 14px; line-height: 50px; color: #253d6d; text-indent: 30px;}
.list-support dt i{ float: right; width: 40px; height: 50px; font-size: 14px; text-align: center; line-height: 50px; color: #253d6d; background: #e2e2e2; }
.list-support dt i:before{ content: '-';}
.list-support dt.on i:before{ content: '+';}
.list-support dd{ width: 100%; padding: 20px; background: #fff; font-size: 14px; line-height: 30px; color: #253d6d; display: none;}

.about-section{ width: 100%; padding: 50px 0; overflow: hidden;}
.about-section .caption{ font-size: 0; text-align: center;}
.about-section .caption .cn{ position: relative; display: inline-block; font-size: 24px; line-height: 48px; vertical-align: middle; font-weight: bold; color: #333;}
.about-section .caption .cn:after{ content: ''; position: absolute; right: 0; bottom: .4em; display: block; width: 100%; height: 4px; background: #5fbe4c; z-index: -1;}
.about-section .caption .en{ position: relative; display: inline-block; font-size: 48px; line-height: 48px; vertical-align: middle; font-family: AgencyFB; text-transform: uppercase; color: rgba(188, 188, 188, .35);}

.survey .content{ width: 1200px; padding: 20px 70px 0; margin: auto; font-size: 14px; line-height: 30px; }
.survey a.more{ display: block; width: 90px; height: 35px; margin: 10px auto 0; border: 1px solid #c4c4c4; border-radius: 4px; font-size: 12px; text-align: center; line-height: 33px; color: #999; text-transform: uppercase; }

.culture .content{ position: relative; width: 1200px; padding: 20px 35px 0; margin: auto;}
.culture .content:after{ content: ''; display: block; clear: both; }
.culture .content .thumb{ float: left; width: 345px; height: 230px; border-radius: 4px; background: #fff; overflow: hidden;}
.culture .content .info{ float: right; width: 730px;}
.culture .content .info h1{ font-size: 24px; line-height: 1.5; color: #5cbb49;}
.culture .content .info h1 b{ color: #4068d0; font-weight: bold;}
.culture .content .info h5{ padding-top: 20px; font-size: 14px; line-height: 30px; font-weight: normal; color: #333;}
.culture .content a.more{position: absolute; right: 35px; top: -43px; display: block; width: 90px; height: 35px; border: 1px solid #c4c4c4; border-radius: 4px; font-size: 12px; text-align: center; line-height: 33px; color: #999; text-transform: uppercase; }

.honor{ background: #fff;}
.honor .content{ position: relative; width: 1200px; padding: 20px 60px; margin: auto;}
.honor .content a.prev{ position: absolute; top: 0; left: 0; width: 60px; height: 280px; background: url('../img/left.png') center center no-repeat; cursor: pointer;}
.honor .content a.next{ position: absolute; top: 0; right: 0; width: 60px; height: 280px; background: url('../img/right.png') center center no-repeat; cursor: pointer;}
.honor-list li{ float: left; width: 360px; }
.honor-list li a{ display: block; padding: 0 20px;}
.honor-list li a .thumb{ width: 100%; height: 240px; overflow: hidden; background: #000;}
.honor-list li a .tit{ padding: 15px 0; font-size: 16px; line-height: 30px; text-align: center; color: #333;}

.patent .content{ position: relative; width: 1200px; padding: 20px 60px; margin: auto;}
.patent .content a.prev{ position: absolute; top: 0; left: 0; width: 60px; height: 280px; background: url('../img/left.png') center center no-repeat; cursor: pointer;}
.patent .content a.next{ position: absolute; top: 0; right: 0; width: 60px; height: 280px; background: url('../img/right.png') center center no-repeat; cursor: pointer;}


.leader{ background: #fff;}
.leader .content{ position: relative; width: 1200px; padding: 0 35px; margin: auto; overflow: hidden;}
.leader .content .thumb{ float: left; width: 225px; height: 225px; border-radius: 100%; overflow: hidden; background: #000;}
.leader .content .info{ float: right; width: 850px; }
.leader .content .info .tit{ padding-bottom: 19px; border-bottom: 1px solid #ccc;}
.leader .content .info .tit h1{ font-size: 24px; line-height: 1.5; color: #333;}
.leader .content .info .tit h5{ padding-top: 10px; font-size: 14px; line-height: 1.5; font-weight: normal; color: #333;}
.leader .content .info .desc{ padding-top: 10px; font-size: 14px; line-height: 30px; color: #333;}
.leader .content a.more{position: absolute; right: 35px; top: 0; display: block; width: 90px; height: 35px; border: 1px solid #c4c4c4; border-radius: 4px; font-size: 12px; text-align: center; line-height: 33px; color: #999; text-transform: uppercase; }

.about-number{ position: relative; z-index: 1; width: 1200px; height: 126px; padding: 0 35px; margin: -63px auto 0; border: 1px solid #e3e3e3; border-radius: 8px; background: #fff; }
.about-number .items{ float: left; width: 33.33333%; height: 124px; line-height: 124px; text-align: center; font-size: 0;}
.about-number .items i{ display: inline-block; width: 75px; height: 75px; vertical-align: middle;}
.about-number .items i img{ display: block; width: 100%; height: 100%;}
.about-number .items .info{ display: inline-block; vertical-align: middle; text-align: left;}
.about-number .items .info span{ display: block; font-size: 30px; line-height: 40px; color: #2762b0;}
.about-number .items .info span:after{ content: '+'}
.about-number .items .info b{ display: block; font-size: 14px; line-height: 30px; color: #666;}

.about-fixed{ position: fixed; top: 20%; right: 100px; display: none; }
.about-fixed a{ position: relative; display: block; padding-left: 1em; font-size: 14px; line-height: 3; color: #333; }
.about-fixed a:before{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; display: block; width: 7px; height: 7px; margin: auto; border-radius: 100%; background: #b0b0b0; z-index: 1;}
.about-fixed a:after{ content: ''; position: absolute; top: 0; left: 3px; display: block; width: 1px; height: 3em; background: #e5e5e5; z-index: 0;}
.about-fixed a.on,
.about-fixed a:hover{ color: #1f4ccb;}
.about-fixed a.on:before,
.about-fixed a:hover:before{ background: #1f4ccb;}
.about-fixed .go-top{ display: block; padding: 15px 0; cursor: pointer;}
.about-fixed .go-top i{ display: block; width: 20px; height: 21px; margin: auto; border-bottom: 1px solid #999; background: url('../img/up.png') center center no-repeat;}
.about-fixed .go-top span{ display: block; font-size: 12px; line-height: 1.5; text-align: center; color: #1f4ccb;}

.nk-menu,
.nk-close{ display: none;}