@charset "utf-8";
*{padding:0;margin:0;font-family: 'Microsoft YaHei';background-repeat: no-repeat;font-size: 16px;color: #333;}
body{background: #fff;}
img{border:none;}
a{text-decoration: none;color: #333;}
h1,h2,h3,h4,h5,h6,b,strong{font-weight: normal;}
em,i{font-style: normal;}
i{display: inline-block;}
ol,ul,li{list-style: none; padding: 0; margin: 0;}
body {overflow: scroll;overflow-x: hidden;}
table { border-collapse: collapse; border-spacing: 0; }
ul{padding: 0; margin: 0;}
td{border: solid;}

.confirm_bg{width: 100%; height: 100%; background: rgba(0,0,0,.5); position: fixed; top: 0; left: 0;z-index: 9999;display: none;}
.confirm{width: 400px; height: auto; background-color: #fff; border-radius: 5px; position: fixed; top: 50%; margin-top: -170px; left: 50%; margin-left: -200px;}
.confirm_title{width: 100%; height: 40px; line-height: 40px;font-size: 14px;color: #222222;text-align: center; margin-top: 10px;font-weight: bold;}
.confirm_msg{width: 100%; line-height: 40px;text-align: center;}
.confirm_btn{width: 100%; height: 50px; border-top: 1px #e5e5e5 solid; margin-top: 10px;cursor:pointer;}
.confirm_btn_n{width: 199.5px; height: 50px; line-height: 50px; text-align: center;float: left;}
.confirm_btn_y{width: 199.5px; height: 50px; line-height: 50px; text-align: center;float: left; border-left:1px #e5e5e5 solid;color: #bd1a2d;}

.window_msg_w{width: 100%; height: 100%; position: fixed; top: 0; left: 0;z-index: 9999;display: none;}
.window_msg{width: auto;max-width: 80%; height: 40px; line-height: 40px;background: rgba(0,0,0,.7);color: #fff; border-radius: 5px; margin: 24% auto auto auto; padding:10px 20px;display: table;}

.loading{width: 100%; height: 100%; position: fixed; top: 0; left: 0;z-index: 99999;background-color: rgba(255, 255, 255, 0.4);display: none;}
.loading img{width: 400px; height: 400px; position: fixed; top: 50%; margin-top: -200px; left: 50%; margin-left: -200px;}

.data_null{display: block;width: 100%;height: auto;overflow: hidden;margin: 80px auto;text-align: center;}
.data_null img{display: block;width: 200px; height: auto;margin: 0 auto;}
.data_null p{display: block;text-align: center;color: #ccc;line-height: 30px;}

.index_cookies{width: 100%;height: 170px;overflow: hidden;}
.index_cookies .txt{width: 1200px; height: 88px;line-height: 22px; overflow: hidden;margin: 20px auto auto auto;}
.index_cookies .btn{width: 1200px; height: 30px; overflow: hidden; margin: 10px auto auto auto;}
.index_cookies .btn a{display: block;width: auto; float: right; margin-left: 20px;padding: 0 20px;font-size: 14px;}
.index_cookies .btn .c0{height: 28px; line-height: 28px;color: #039de3;border: 1px #039de3 solid;}
.index_cookies .btn .c1{height: 30px; line-height: 30px;background: #039de3;color: #fff;}

.header{width: 100%; height: 100px; position: fixed;color:#fff;z-index: 3;left: 0;}
.header .main{width: 100%; height: 100px; margin: 0 auto;}
.header .main .logo{display: block;width: auto; height: 60px;line-height: 60px; float: left; margin: 20px auto auto 20px;color: #fff;font-weight: bold;}
.header .main .logo img{display: block;width: auto; height: 60px;float: left;margin-right: 10px;}
.header .main .lang{width: auto; height: 100px; line-height: 100px;float: right; margin-right: 20px;color: #fff;}
.header .main .lang a{color: #fff;}
.header .main .lang .active{font-weight: bold;}
.header .main .menu{float: right;}
.header .main .menu .data{width: 180px; height: 100px;float: left;position: relative;}
.header .main .menu .data a{display: block;width: 100%;height: 100px; line-height: 100px;color:#fff;text-align: center;font-weight: bold;}
.header .main .menu .data ul{display: none;width: 100%; height: auto; overflow: hidden;background-color: rgba(255, 255, 255, 0.5);}
.header .main .menu .data ul a{height: 50px; line-height: 50px;color: #223b7e;}
.header .main .menu .data:hover ul{display: block;}
.header_js{background: #fff;box-shadow:2px 1px 3px #f0f0f0;left: 0;top: 0!important;}
.header_js .main .logo{color: #223b7e;}
.header_js .main .menu .data a{color:#333;}
.header_js .main .lang{color:#333;}
.header_js .main .lang a{color:#333;}

.footer{width: 100%; height: auto;overflow: hidden;background: #000;}
.footer .main_bg{width: 100%; height: auto;overflow: hidden;background: #0b0b0b;padding-bottom: 20px;}
.footer .main_bg .main{width: 1200px; height: auto;overflow: hidden;margin: 40px auto auto auto;}
.footer .main_bg .main .logo{display: block;width: 220px; height: auto;float: left;}
.footer .main_bg .main .logo img{display: block;width: 220px; height: auto;margin-top: 10px;}
.footer .main_bg .main .logo p{display: block;width: 220px; line-height: 40px;color: #039de3;font-weight: bold;}
.footer .main_bg .main .menu{width: 660px;height: auto;overflow: hidden;float: left;margin-left: 40px;}
.footer .main_bg .main .menu ul{display: block;width: 25%; height: auto;float: left;}
.footer .main_bg .main .menu ul h1{display: block;width: 100%; height: 40px; line-height: 40px;color: #039de3;font-weight: bold;}
.footer .main_bg .main .menu ul a{display: block;width: 100%; height: 40px; line-height: 40px;color: #999;}
.footer .main_bg .main .menu ul a:hover{color: #fff;}
.footer .main_bg .main .form{width: 280px;height: auto;overflow: hidden;float: left;}
.footer .main_bg .main .form h1{display: block;width: 280px; height: 40px; line-height: 40px;color: #039de3;font-weight: bold;}
.footer .main_bg .main .form .text{width: 100%; height: auto;overflow: hidden;}
.footer .main_bg .main .form .text span{display: block;width: 130px; height: 40px; line-height: 40px;float: left;color: #999;}
.footer .main_bg .main .form .text input{display: block;width: 130px; height: 30px; line-height: 30px;float: left;background: #fff;padding: 0 10px;margin: 5px auto auto auto;border: none;font-size: 14px;}
.footer .main_bg .main .form .text textarea{display: block;width: 130px; height: 60px; line-height: 22px;float: left;background: #fff;padding: 8px 10px;margin: 5px auto auto auto;border: none;font-size: 14px;resize:none;}
.footer .main_bg .main .form .btn{display: block;width: 280px; height: 36px;line-height: 36px;text-align: center;background: #039de3;color: #fff;font-size: 14px;margin-top: 10px;cursor: pointer;}
.footer .bottom{width: 100%; height: auto;line-height: 30px; padding: 20px 0;text-align: center;}
.footer .bottom a:hover{color: #fff;}

.index_banner{width: 100%; height: auto; position: relative; margin: 0 auto;overflow: hidden;}
.index_banner .swiper-slide{width: 100%; height: auto;}
.index_banner .swiper-slide img{display: block; width: 100%; height: auto;cursor:pointer;}
.index_banner .swiper-slide h1{display: block;width: 1200px; line-height: 70px;color: #fff;font-size: 32px;text-align: center;position: absolute;top: 25%;left: 50%;margin-left: -600px; opacity:0;transition-duration: 3s;font-weight: bold;text-shadow:#010207 1px 1px 2px;}
.index_banner .swiper-slide h2{display: block;width: 1200px; line-height: 40px;color: #fff;font-size: 16px;text-align: center;position: absolute;top: 25%;left: 50%;margin-left: -600px; opacity:0;transition-duration: 3s;font-weight: normal;text-shadow:#010207 1px 1px 2px;}
.index_banner .swiper-pagination{bottom: 160px;}
.index_banner .swiper-pagination-bullet{border-radius:0;width: 10px; height: 10px;border-radius: 50%; margin: 0 6px!important;background: #fff;opacity:0.5;}
.index_banner .swiper-pagination-bullet-active{opacity:1;}
.index_banner .statistics{width: 100%; height: 140px;position: absolute;bottom: 0;left: 0;z-index: 2;}
.index_banner .statistics .main{width: 1200px; height: 140px; margin: 0 auto;}
.index_banner .statistics .main ul{display: block;width: 400px; height: 140px;float: left;text-align: center;}
.index_banner .statistics .main ul h1{line-height: 40px;font-size: 40px;color: #fff;font-weight: bold;margin-top: 30px;}
.index_banner .statistics .main ul h2{line-height: 40px;font-size: 16px;color: #fff;font-weight: normal;}

.index_title{width: 1200px; height: auto;overflow: hidden; margin: 40px auto auto auto;}
.index_title h1{display: block;width: 100%; line-height: 40px;font-size: 28px;text-align: center;font-weight: bold;}
.index_title h2{display: block;width: 100%; line-height: 40px;font-size: 16px;text-align: center;font-weight: normal;color: #999;}

.index_introduce{width: 1200px; height: auto;overflow: hidden;margin: 30px auto auto auto;}
.index_introduce .logo{display: block;width: 300px; height: auto;margin: 0 auto;}
.index_introduce ul{display: block;width: 1200px;height: auto;line-height: 30px;margin: 20px auto auto auto;white-space:pre-wrap;}

.index_business{width: 100%; height: auto;overflow: hidden;margin: 30px auto auto auto;}
.index_business .data{display: block; width: 33.33%; height: auto;overflow: hidden;float: left;position: relative;}
.index_business .data img{display: block;width: 100%; height: auto;transition-duration: 1.5s;}
.index_business .data .mask{background-color: rgba(0, 0, 0, 0.5);width: 100%; height: 100%; position: absolute;top: 0;left: 0;z-index: 1;display: none;}
.index_business .data .txt{width: 100%; height: auto; position: absolute;bottom: 100px; left: 0;z-index: 2;transition-duration: 1.5s;}
.index_business .data .txt h1{display: block;width: calc(100% - 40px);line-height: 40px;margin: 0 auto;font-size: 28px;font-weight: bold;color: #fff;}
.index_business .data .txt h2{display: -webkit-box;width: calc(100% - 40px);height: 44px; line-height: 22px;margin: 20px auto auto auto;font-size: 16px;font-weight: normal;color: #fff;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;white-space: pre-wrap;}
.index_business .data:hover img{transform: scale(1.2);}
.index_business .data:hover .mask{display: block;}
.index_business .data:hover .txt{bottom: 180px;}
.index_business .data:hover .txt h2{height: auto;-webkit-line-clamp: 20;}

.index_about{width: 100%; height: 680px; overflow: hidden;position: relative;margin: 30px auto auto auto;background: #039de3;}
.index_about .main{width: 1200px; height: 600px;margin: 40px auto auto auto;background: #fff;overflow: hidden;}
.index_about .main .txt{width: 600px; height: 600px;background-color: rgba(255, 255, 255, 0.9);float: left;}
.index_about .main .txt ul{display: block;width: 560px; height: 500px; line-height: 22px;overflow-y: auto;margin: 20px;white-space: pre-wrap;}
.index_about .main .txt ul::-webkit-scrollbar{width: 0;height: 0;opacity: 0;}
.index_about .main .txt .btn{display: block;width: 180px; height: 40px;line-height: 40px;text-align: center;background: #039de3;color: #fff;font-size: 14px;float: left;margin-left: 20px;}
.index_about .main .img{width: 580px; height: 600px;float: right;}
.index_about .main .img img{width: 580px; height: 600px;}

.index_news{width: 100%; height: auto; overflow: hidden;position: relative;margin: 30px auto auto auto;padding-bottom: 30px;}
.index_news .main{width: 1200px; height: auto;margin: 0 auto;overflow: hidden;}
.index_news .main .data{display: block;width: 1200px;height: 170px;background:#f7f7f7;margin-top: 1px;}
.index_news .main .data ul{display: block;width: 1160px; height: 130px; margin: 20px;overflow: hidden;float: left;}
.index_news .main .data ul h1{display: block;width: 100%; height: 40px; line-height: 40px;font-size: 16px;font-weight: bold;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.index_news .main .data ul h2{display: -webkit-box;width: 100%; height: 60px; line-height: 30px;font-size: 14px;font-weight: normal;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;white-space: pre-wrap;}
.index_news .main .data ul h3{display: block;width: 100%; height: 30px; line-height: 30px;font-size: 14px;font-weight: normal;color: #666;}
.index_news .main .data_img img{display: block;width: 220px; height: 130px;float: left;margin: 20px auto auto 20px;}
.index_news .main .data_img ul{width: 920px;}
.index_news .more{display: block;width: 180px; height: 40px; line-height: 40px;border-radius: 40px;text-align: center; margin: 20px auto auto auto;background: #039de3;color: #fff;font-size:14px;}

.index_document{width: 100%; height: auto; overflow: hidden;position: relative;margin: 30px auto auto auto;padding-bottom: 30px;}
.index_document .main{width: 1200px; height: auto;margin: 0 auto;overflow: hidden;}
.index_document .main .data{display: block;width: 1200px;height: auto;background:#f7f7f7;margin-top: 1px;overflow: hidden;}
.index_document .main .data ul{display: block;width: 1160px; height: auto; margin: 20px;overflow: hidden;float: left;}
.index_document .main .data ul h1{display: block;width: 100%; height: auto; line-height: 40px;font-size: 16px;font-weight: bold;overflow: hidden;}
.index_document .main .data ul h2{display: block;width: 100%; height: auto; line-height: 30px;font-size: 14px;font-weight: normal;overflow: hidden;white-space: pre-wrap;}
.index_document .main .data ul a{display: block;width: auto; height: 26px; line-height: 26px;border-radius: 26px; font-size: 14px;font-weight: normal;color: #fff;background: #039de3;float: left;padding: 0 20px;margin-top: 10px;}

.page_banner{width: 100%;height: 280px;overflow: hidden;position: relative;background: linear-gradient(to bottom, #039de3, #8dcce5);}
.page_banner img{display: block; width: auto;height: 280px;position: absolute;z-index: 1;top: 0;left: 50%;margin-left: 200px;}
.page_banner ul{display: block;width: 1200px; height: 70px;line-height: 70px; margin: 180px auto auto auto;color: #fff;font-size: 28px;font-weight: bold;}

.page_num{width: 1200px;height: auto;overflow: hidden;margin: 20px auto auto auto;}
.page_num .page{width: 100%; height: 26px;margin:auto auto 20px auto;clear: both;}
.page_num .page ul{text-align: center;}
.page_num .page ul li{display: inline-block;}
.page_num .page ul li a{display: block;width: auto; height: 24px; line-height: 24px;padding: 0 10px;border: 1px #f5f5f5 solid;border-radius: 5px; margin: auto 5px;}
.page_num .page ul li a:hover{border: 1px #039de3 solid;color: #039de3;}
.page_num .page ul li .current{border: 1px #039de3 solid;color: #fff!important;background: #039de3;}

.article_details{width: 1200px; height: auto; overflow: hidden;margin: 30px auto auto auto;}
.article_details .title{width: 1200px; height: auto; overflow: hidden;}
.article_details .title h1{display: block;width: 1200px; height: auto; line-height: 40px;text-align: center;font-size: 30px;font-weight: bold;}
.article_details .title h2{display: block;width: 1200px; height: auto; line-height: 40px;text-align: center;color: #999;}
.article_details .brief{width: 1160px; height: auto; overflow: hidden;padding: 20px;background: #f0f0f0;line-height: 30px;font-size: 14px;white-space: pre-wrap;}
.article_details .details{width: 1200px; height: auto; overflow: hidden;margin: 20px auto 30px auto;}
.article_details .details img,.article_details .details video{max-width: 100%;}

.project_main{width: 1200px; height: auto;overflow: hidden;margin: 0 auto;padding-bottom: 30px;}
.project_main .data{width: 1200px; height: auto;margin: 30px auto auto auto;overflow: hidden;}
.project_main .data img{display: block;width: 300px; height: 300px;float: left;}
.project_main .data .txt{display: block;width: 880px; height: auto;overflow: hidden;float: right;}
/*.project_main .data .txt::-webkit-scrollbar{width: 0;height: 0;opacity: 0;}*/
.project_main .data .txt h1{display: block;width: 880px; line-height: 40px;font-size: 28px;font-weight: bold;padding: 0 0 15px 0;}
.project_main .data .txt ul{display: block;width: 880px;height: auto; line-height: 30px;overflow: hidden;white-space: pre-wrap;}
.project_main .data:nth-child(even) img{float: right;}
.project_main .data:nth-child(even) .txt{float: left;}

.team_main{width: 1240px; height: auto;overflow: hidden;margin: 10px auto auto auto;padding-bottom: 30px;}
.team_main .data{width: 386.66px;height: auto;float: left;border-radius: 10px;margin: 20px auto auto 20px;box-shadow: 5px 5px 5px #f7f7f7;overflow: hidden;padding-bottom: 10px;cursor:pointer;}
.team_main .data img{display: block;width: 200px; height: 200px;border-radius: 50%;margin: 20px auto auto auto;}
.team_main .data h1{display: block;width: 346px; height: 40px;line-height: 40px;overflow: hidden;font-size: 20px;font-weight: bold;text-align: center;margin: 10px auto auto auto;}
.team_main .data h2{display: block;width: 346px; height: 40px;line-height: 40px;overflow: hidden;font-size: 14px;font-weight: normal;text-align: center;margin: 0 auto;}

.show_team_bg{width: 100%; height: 100%;position: fixed;z-index: 100;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.5);display: none;}
.show_team{width: 1200px;height: 600px;background: #fff;position: fixed;z-index: 101;top: 50%;left: 50%;margin: -300px auto auto -600px;display: none;}
.show_team img{display: block;width: 200px; height: 200px;border-radius: 50%;margin: 20px auto auto auto;}
.show_team h1{display: block;width: 1160px; height: 40px;line-height: 40px;overflow: hidden;font-size: 20px;font-weight: bold;text-align: center;margin: 10px auto auto auto;}
.show_team h2{display: block;width: 1160px; height: 40px;line-height: 40px;overflow: hidden;font-size: 14px;font-weight: normal;text-align: center;margin: 0 auto;}
.show_team ul{display: block;width: 1160px; height: 260px;line-height: 30px;overflow-y: auto;margin: 0 auto;white-space: pre-wrap;}
.show_team ul::-webkit-scrollbar{width: 0;height: 0;opacity: 0;}

.contact_main{width: 1200px; height: auto; overflow: hidden;margin: 30px auto auto auto;padding-bottom: 30px;}
.contact_main .main{width: 1200px; height: auto; overflow: hidden;}
.contact_main .main .data{width: 400px; height: auto; overflow: hidden;float: left;}
.contact_main .main .data img{display: block;width: 140px; height: 140px;border-radius: 50%;margin: 0 auto;}
.contact_main .main .data ul{display: block;width: 360px; height: auto; line-height: 30px;text-align: center;margin: 10px auto auto auto;white-space: pre-wrap;}
.contact_main .details{width: 1200px; height: auto;overflow: hidden;margin: 20px auto auto auto;}
.contact_main .details img,.contact_main .details video{max-width: 100%;}