@charset "utf-8";
/* CSS Document */
html,body{color:#333;font-family:"思源黑体";font-style:normal;font-size:18px;line-height:30px;}
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,a,img,dl,dt,dd,ol,ul,li,form,label,video,input,textarea,*:after,*:before{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0;border:0;background:transparent;vertical-align:baseline}
ul,ol,li{list-style:none;}
h1,h2,h3,h4,h5,h6,strong{font-weight: 400;}
table,tr,td,p,iframe{margin-top:0;padding:0}
a{text-decoration:none;color:#111;}
a:hover{outline:0;color:#40c9ff;text-decoration:none;}
img{border:0;max-width:100%}
/*top*/
.header_in{width:100%; position: relative;z-index: 9999;height:100px;}
.header_hover{width:100%; position: fixed; top:0; left:0; right:0;}
.header_hover.active{background:rgba(255,255,255,1.0); box-shadow: 0 7px 32px  rgba(0, 0, 0, 0.03);}
.header_wrap{width:90%; margin:0 auto; position: relative;padding-top:17px;}
.header_logo{float:left;width:25%;}
.header_logo  a{display:block;}
.header_logo a img{height:65px; vertical-align: middle;}
.header_right{float:right; position: relative;transition:all .5s ease;-webkit-transition: all .5s ease;width:75%;}
.header_nav{position: relative; display:inline-block;float:right;padding-right:100px;}
.header_nav li{display:inline-block; position: relative; text-align: center;}
.header_nav li a{display:block;margin:8px 15px;line-height: 60px;padding:0 15px;text-transform: uppercase;}
.header_nav li a.active,.header_nav li a:hover{background:rgba(255,255,255,1.00);color:#40c9ff;border-radius: 20px;}
.header_nav li .nav_sub{width:150px;height:auto;position: absolute;top:100%; left:-10px;box-shadow: 0 0 10px rgba(0,0,0,0.1);border-radius: 10px;z-index: 999;background: rgba(0,0,0,0.3);display:none;}
.header_nav li .nav_sub a{display:block;line-height: 45px;margin:0;padding:0;color:#fff;border-bottom:rgba(255,255,255,0.2) 1px solid;font-size:14px;}
.header_nav li .nav_sub a:hover{background:rgba(255,255,255,0);border-radius:0;}
.header_nav li .nav_sub a:last-child{border-bottom:rgba(255,255,255,0.0) 1px solid;}
.header_nav li:hover .nav_sub{}
.header_lang{width:90px;display:inline-block;border:1px solid #40c9ff; text-align: center;border-radius: 20px;position: absolute;right:0;top:20px;}
.header_lang a{display:inline-block;width:44px;float:left;font-size:16px;}
.header_lang a.active{background:#40c9ff;color:#fff;border-radius: 20px;}
/*banner*/
.index_banner{width:100%; position: relative; overflow: hidden;}
.index_banner li a{display:block;position: relative; height:450px;display: flex;align-items: center;}
.index_banner_text{width:60%; float:left; overflow: hidden;padding-left:8%;}
.index_banner_img{width:40%; float:left; overflow: hidden; text-align: center;}
.index_banner li h1{font-size:48px;font-weight: bold;line-height: 1.25;color:#000;}
.index_banner li h3{width:160px;line-height: 45px;display:block;position: relative; border-radius: 50px;padding:0 20px;transition:all .5s ease-in;font-size:18px;z-index: 1;background:#40c9ff;color:#fff;margin-top:10%;box-shadow: 0 0 30px rgba(73,200,250,0.6);}
.index_banner li h3:before{content:"";width:8px;height:8px;background:#fff;border-radius: 100%;position: absolute;top:45%;right:20px;z-index: -1;transition:all .4s ease-in;}
.index_banner img{vertical-align: middle;margin:0 auto;height:400px}
.index_banner .banner-pagination{width:100%;bottom:20%;}
.ban02{display:none;}
/**/
.zb_cp_section{width:100%;position:relative;}
.zb_cp_section li{width:100%; position: relative;overflow: hidden;}
.zb_cp_wrap_image{width:50%;float:left; overflow: hidden;}
.zb_cp_wrap_image img{width:100%; vertical-align: middle;}
.zb_cp_wrap_content{width:50%;float:right; overflow: hidden;padding:5% 5% 0;font-size:24px;line-height: 36px;position: relative;}
.zb_cp_wrap_content:before{content:"";background:url("../images/index@ico1.png") no-repeat center top;width:200px;position: absolute;top:2%;left:0;height:210px;}
.zb_cp_wrap_content h2{font-size:43px;font-weight: 400;color:#000;display:block;line-height: 60px;position: relative;}
.zb_cp_wrap_content h2:after{content:"";height:10px;width:30px;border-radius: 10px;background:#40c9ff; position: absolute;left:0;bottom:-20px;}
.zb_cp_wrap_info{width:100%; padding-top:8%;padding-bottom:8%;}
.zb_cp_wrap_content h3{font-weight:400;display:block;font-size:26px;padding-left:90px;position: relative;padding-bottom:30px;padding-top:30px;}
.zb_cp_wrap_content h3 strong{font-weight:bold;}
.zb_cp_wrap_content h3 img{width:60px;border-radius: 100%;position: absolute;left:0;top:20%;border:1px solid #40c9ff;}
.zb_more{width:190px;line-height: 55px;display:block;position: relative;border:1px #ddd solid; border-radius: 50px;padding:0 20px;transition:all .5s ease-in;font-size:18px;z-index: 1;}
.zb_more:after{content:"";width:8px;height:8px;background:#40c9ff;border-radius: 100%;position: absolute;top:45%;right:20px;z-index: -1;transition:all .4s ease-in;}
.zb_more:before{content:"";width:8px;height:8px;background:#40c9ff;border-radius: 100%;position: absolute;top:45%;right:20px;z-index:-1;transition:all .3s ease-in;}
.zb_more:hover{color:#fff;}
.zb_more:hover:after{top:0;right:0;width:100%;height:55px;border-radius: 50px; }
.zb_more:hover:before{background:#fff;z-index: 1;}
.zb_cp_section li:nth-child(2n),.zb_cp_section li:nth-child(3),.zb_cp_section li:last-child{background:#f2f2ef;}
.zb_cp_section li:nth-child(2n) .zb_cp_wrap_image{float:right;}
.zb_cp_section li:nth-child(2n) .zb_cp_wrap_content{float:left;}
.zb_cp_wrap_content p{margin-bottom:30px;margin-top:30px; padding-left:40px; position: relative;}
.zb_cp_wrap_content p:before{content:"";width:10px;height:10px;background:#40c9ff;border-radius: 100%;position: absolute;top:13px;left:8px;}
.zb_cp_wrap_content p:after{content:"";width:25px;height:25px;border: 1px #40c9ff solid; border-radius: 100%;position: absolute;top:5px;left:0;}
.zb_cp_wrap_content h4{font-weight:400;}
/**/
.zb_cp_img_box{width:100%; background:#fff;position: relative;overflow: hidden;height:880px;}
.zb_img1{position:relative;top:0; left:0;background-size:contain;height:auto;width:100%;padding-top:calc(880 / 1020 * 100%)}
.zb_img2{position:absolute;bottom:8%; right:30px;width:600px;height:460px;}
.zb_img2 h3{position:absolute;bottom:66%;left:87px;font-size:22px;}
.zb_img2 h4{position:absolute;bottom:51%;left:53px;font-size:22px;}
.zb_img1:before{content:"";width:350px;height:300px;border-top:1px #40c9ff solid;border-left:1px #40c9ff solid;background:none;position: absolute;bottom:-56%;left:38%;z-index: 2;transform:rotate(16deg) skew(40deg);display:none}
.zb_img1:after{content:"";width:350px;height:1px;background:#40c9ff;position: absolute;bottom:4%;left:8%;transform: rotate(55deg);z-index: 2;display:none;}
/**/
.zb_news_section{width:100%; overflow: hidden;padding:5% 0;}
.zb_news_wrap{width:90%;margin:0 auto; position: relative;}
.zb_news_title{width:100%; overflow: hidden;position: relative;padding-bottom:5%;}
.zb_news_title h3{font-size:48px;line-height: 60px;display:block;}
.zb_news_title h5{font-size:18px;color:#40c9ff;text-transform: uppercase;position: relative;display:block;padding-top:10px;z-index: 2}
.zb_news_title h5:after{content:"";height:1px;background:#ddd;position: absolute;left:8%;right:0;bottom:10px;}
.zb_news_title h5:before{content:"";border:1px #ddd solid;width:10px;height:10px;border-radius: 100%;left:8%;bottom:6px;position: absolute;background:#fff;z-index: 1;}
.zb_news_content li{width:100%; overflow: hidden;margin-bottom:3%;}
.zb_news_img{width:300px;float:left;overflow: hidden;}
.zb_news_info{width:calc(100% - 350px);float:right; overflow: hidden;border-bottom:1px #ddd solid;}
.zb_news_info h4{font-size:24px;display:block;line-height: 45px;}
.zb_news_name{width:100%;padding:2% 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#666;}
.zb_news_date{width:100%;padding-bottom:3%;}
/*bottom*/
footer{background:#363f49;width:100%; overflow: hidden;padding-top:2%;position: relative;}
.zb_foot_wrap{width:90%;margin:0 auto; overflow: hidden;color:#fff;}
.zb_foot_contact{width:calc(100% - 25%);float:left; overflow: hidden;padding-top:27px;}
.zb_foot_nav{width:40%;float:left; overflow: hidden;display:none;}
.zb_foot_bottom{width:100%; overflow: hidden;padding:30px 0;opacity: 0.8;font-size:16px;}
.zb_foot_bottom span{display:inline-block; margin-right:20px;font-size:16px;}
.zb_foot_bottom span a{display:block;color:#fff;font-size:16px;}
.zb_foot_logo{width:100%; overflow: hidden;padding-bottom:2%;}
.zb_foot_logo img{height:60px;}
.zb_foot_content{width:100%; overflow: hidden;}
.zb_foot_content li{width:50%;float:left;}
.zb_foot_content a{color:#fff;}
.zb_foot_nav ul{width:100%; overflow: hidden;border-bottom:1px #999 solid;padding-bottom:20px;margin-bottom:20px;}
.zb_foot_nav ul li{width:calc(100%/6);float:left; }
.zb_foot_nav ul li a{line-height:45px;color:#fff;display:block;}
.zb_foot_link{width:100%; overflow: hidden;}
.zb_foot_link h6{color:#fff;display:inline-block;font-size:18px;width:150px;float:left;}
.zb_foot_link_content{width:calc(100% - 150px);float:right; overflow: hidden;}
.zb_foot_link_content a{display:inline-block;color:#fff;opacity: 0.8;margin:0 10px;font-size:16px;}
.zb_foot_focus{width:25%;float:right; align-items: center;justify-content: center;overflow: hidden;display: flex;padding-top:0;}
.zb_wx{float:left;width:150px;font-size:16px;}
.zb_wx_text{width:calc(100% - 150px);float:left; overflow: hidden;padding-left:20px;color:#ddd;}
.zb_wx img{width:150px; border:1px #666 solid;padding:5px;}
/**/
.main_container{width:100%; overflow: hidden;border-top:1px #eee solid;padding-top:5%;background:url("../images/main@ico01.png") no-repeat left top;}
.main{width:1400px;margin:0 auto; position: relative;}
.main_about_content{width:100%; overflow: hidden;background:url("../images/main@ico02.png") no-repeat right bottom;padding-bottom:100px;}
/**/
.main_name{width:100%; overflow: hidden;margin-bottom:30px; padding-bottom:30px; text-align: center;}
.main_name h2{display:block; font-size:43px; line-height: 1.25; position: relative;}
.main_name i{background:#41caff;width:8px;height:8px;margin:10px auto; display:block; border-radius: 100%;position: relative;}
.main_name i:before{content:"";width:6px;height:6px;background:#41caff;border-radius: 100%;position: absolute;left:-15px;top:1px; opacity: 0.6;}
.main_name i:after{content:"";width:6px;height:6px;background:#41caff;border-radius: 100%;position: absolute;left:16px;top:1px; opacity: 0.6;}
.main_info{width:90%; padding-top:20px;margin:0 auto;}
/**/
.main_about_text{width:40%;float:left; overflow: hidden; text-align: justify;}
.main_about_env{width:55%;float:right; position: relative;z-index: 1;padding-right:2%;}
.main_about_env:before{content:"ABOUT US";font-size:60px;position: absolute;right:20%;bottom:-7%;z-index: 2;font-weight: bold;opacity: 0.1;}
.main_about_env:after{content:"";background:rgba(64,201,253,0.1);position: absolute;right:-10%;top:10%; bottom:-8%; width:50%;}
.main_about_list{ overflow: hidden;padding-bottom:50px;}
.main_about_env li{width:100%; border-radius: 10px;}
.main_about_env li img{width:100%;border-radius: 10px;}
.main_about_text p{padding-bottom:20px;}
.about-pagination{bottom:-30px;text-align: right;position: absolute;}
/**/
.main_honor_content{width:100%; overflow: hidden;padding:50px 0;}
.main_honor_list{width:85%;margin:0 auto; overflow: hidden;padding-bottom:50px;}
.main_honor_list li {float:left; text-align: center; overflow: hidden;border:3px #eee solid; background:#f9f9f9;border-radius: 2px;box-shadow: 0 0 35px rgba(0,0,0,0.03) inset}
.main_honor_list li a{overflow: hidden; background:#fff;display: block;margin:5px;}
.main_honor_list li img{display:block;padding:2px; vertical-align: middle;margin:0 auto;}
.main_honor_list li:nth-child(2) img,.main_honor_list li:nth-child(3) img,.main_honor_list li:nth-child(4) img,.main_honor_list li:nth-child(5) img{padding:20px;}
.main_honor_list li h3{display:block; font-size:15px;padding:10px 0; text-overflow: ellipsis;white-space: nowrap; overflow: hidden;}
.honor-button-next{background:url("../images/ico_prev.png") no-repeat center; transform: rotate(180deg); border-radius: 100%;right:0;}
.honor-button-prev{background:url("../images/ico_prev.png") no-repeat center;border-radius: 100%;left:0;}
.hor-pagination{width:100%; text-align: center;}
.main_honor_content .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(0.8);
}
.main_honor_content .swiper-slide-active,.swiper-slide-duplicate-active{
    transform: scale(1.1);
    margin-top:30px;
}
.main_honor_content .swiper{padding:0 0 80px 0;}
/**/
.main_recuit_content{width:100%; overflow: hidden;background:#e4f5fc url("../images/main@ico3.jpg") no-repeat top center;padding-top:150px;padding-bottom:50px;}
.recuit_title{width:100%;overflow: hidden;background:#40c9fd;color:#fff; text-align: center;}
.recuit_title li{width:calc(100%/4); float:left;padding:2% 0;font-size:20px;border-right: 1px #fff solid;}
.recuit_title li:nth-child(3),.recuit_title li:last-child{border-right:0;}
.recuit_list_con{width:100%; overflow: hidden;margin-top:30px;}
.recuit_list_con li{width:100%; background:#fff; overflow: hidden;margin-bottom:10px;padding:25px 20px; cursor: pointer;display:block;}
.recuit_list_con li:nth-child(2n){background:#f3f3f3;}
.recuit_name{width:100%; overflow: hidden;}
.recuit_01{width:calc(100%/4);float:left; text-align: center;}
.recuit_01:first-of-type{text-align:left;}
.recuit_done{width:30px;height:30px;border-radius: 100%;background:#cccccc url("../images/main@ico04.png") no-repeat center; float:right;cursor: pointer;}
.recuit_list_con li.active .recuit_done{background:#40c9fd url("../images/main@ico04.png") no-repeat center; transform: rotate(180deg);}
.recuit_details{width:100%;overflow: hidden;padding:25px 0;border-top:2px #eee solid;margin-top:25px; font-size:16px;display:none;}
.recuit_details h3{display:block;padding-bottom:5px;position: relative;font-size:20px;margin-bottom:25px;}
.recuit_details h3:after{content:"";width:90px;height:3px;background:linear-gradient(to right,rgba(64,201,253,1.0),rgba(64,201,253,0.0));position: absolute;left:0;bottom:0;}
.recuit_con_mail{width:100%;overflow: hidden;margin-top:25px;}
.recuit_con_mail a{display:inline-block;font-size:18px;font-weight: bold; color:#fff;padding:8px 20px;background:#40c9fd;border-radius: 30px; letter-spacing: 3px;}
.recuit_details.active{display:block;}
/**/
.zb_ban_container{width:100%; overflow: hidden;height:380px;}
.zb_ban_container h2{padding-top:200px; font-size:36px;}
.zb_ban_container h3{font-size:30px;font-weight: bold;opacity: 0.3; text-transform: uppercase;padding-top:10px;}
.zb_ban_text{width:100%;opacity: 0.6;}
.zb_ban_text1{color:#fff;width:600px; margin: 8% auto;line-height: 1.2; overflow: hidden;}
.zb_ban_text1 h4{font-size:18px; font-weight:200;}
.zb_ban_text1 h5{font-size:70px; text-align: center; position: relative;display:inline-block;padding:20px 0;font-weight:200;}
.zb_ban_text1 h5:after{content:"";width:100%; height:1px;background:#fff; position: absolute;bottom:0px;left:0;}
/**/
.zb_iner_nav{width:100%;background:#25c1fe;overflow: hidden;margin-bottom:100px;}
.zb_iner_nav li{overflow: hidden;float:left;}
.zb_iner_nav li a{display:block; padding:20px 30px; overflow: hidden; position: relative;color:#fff;}
.zb_iner_nav li a:hover,.zb_iner_nav li a.active{color:#000;background:#fff;}
.main_contact_content{width:80%; overflow: hidden;margin:0 auto;}
.contact_con{text-align:center; line-height: 1.2;}
.contact_con h1{display:block; padding-bottom:30px; vertical-align: middle;}
.contact_con h1 img{display:inline-block;vertical-align: middle;margin-right:10px;}
.main_contact_content ul{overflow: hidden;width:100%; margin-top:50px;}
.main_contact_content li{display:inline-block;width:calc(100%/2);float:left; overflow: hidden;padding-left:12%; }
.main_contact_content li p{padding:5px 0 5px 40px; position: relative;}
.main_contact_content li img{ vertical-align: middle;width:35px; position: absolute;left:0;top:0;}
.main_contact_content li:nth-child(2n){}
.main_contact_map{width:100%; overflow: hidden;margin-top:80px;padding-bottom:50px;}
/**/
.main_download_container{width:100%; overflow: hidden;padding-bottom:50px;}
.main_download_container li{width:100%; display:block; border-bottom:1px #eee solid; overflow: hidden;}
.main_download_container li a{display:block; position: relative;width:100%;}
.main_download_container li a:after{content:"";background:url("../images/down@ico.png") no-repeat center; width:45px;height:45px;background-size:contain; position: absolute;right:20px; top:20px; filter: brightness(1)grayscale(1); }
.main_download_container li a h3{display:block;float:left; width:80%; overflow: hidden; text-overflow: ellipsis;white-space:nowrap;padding:30px 0;position: relative;padding-left:40px;}
.main_download_container li a h3:before{content:"";width:10px;height:10px;background:#40c9fd; border-radius: 100%; position: absolute;left:7px;top:46%;}
.main_download_container li a h3:after{content:"";width:25px;height:25px;border:1px solid #40c9fd; border-radius: 100%; position: absolute;left:0;top:38%;}
.main_download_container li a:hover:after{filter: brightness(1)grayscale(0);}
/**/
.main_news_container{width:100%; overflow: hidden;padding-bottom:50px;}
.main_news_container li{width:calc(100%/4);float:left; overflow: hidden;position: relative;}
.main_news_container li a{position: relative;}
.main_news_item:after{content:"";width:30px;height:30px;background:#ccc url("../images/main@ico04.png") no-repeat center; transform: rotate(-90deg); position: absolute;right:20px; top:35px;background-size:20px;border-radius: 100%;}
.main_news_item{margin:15px; overflow: hidden;border:1px #eee solid; padding:30px 20px;position: relative;}
.main_news_date{width:100%; overflow: hidden;margin-bottom:20px;}
.main_news_item_img{width:100%; overflow: hidden;height:170px;}
.main_news_item_img img{width:100%; vertical-align: middle;}
.main_news_text {width:100%; padding-top:20px;}
.main_news_container li h3{display:block; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;font-weight: bold;font-size:18px;padding-bottom:10px;}
.main_news_info{width:100%; overflow: hidden;height:50px; font-size:16px; color:#666; line-height: 24px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.main_news_date h5{font-weight:bold;font-size:20px;display:block;line-height: 22px;}
.main_news_date h6{font-size:16px;line-height: 20px;display:block; opacity: 0.8;}
.main_news_container li a:hover .main_news_item:after{background:#41c9ff url("../images/main@ico04.png") no-repeat center;}
/**/
.zb_news_details{width:100%; overflow: hidden;padding:50px 0;border-top:1px #eee solid;}
.back_to{width:100%; overflow: hidden; margin-bottom:50px; }
.back_to a{display:block; text-transform: uppercase;padding-left:30px; position: relative; padding-bottom:10px;}
.back_to a:before{content:"";background:url("../images/main@ico04.png") no-repeat center left; width:20px;height:20px; transform: rotate(90deg); filter: grayscale(0)brightness(0);position: absolute;left:0; top:5px;}
.mews_content{width:65%;float:left; overflow: hidden;}
.news_title{width:100%; overflow: hidden;}
.news_title h1{font-size:26px; line-height: 1.25;display:block;}
.news_con_other{width:100%;overflow:hidden; padding:30px 0; opacity: 0.5;font-size:16px;}
.news_con_other span{display: inline-block;margin-right:15px;}
.news_con_other span a{display:block;border:1px #ddd solid;padding:5px 10px;text-align: center;}
.news_con_introduce{width:100%; overflow: hidden;text-align: justify;}
.news_con_introduce img{margin:10px auto;}
.mews_recom{width:30%; overflow: hidden;float:right;}
.mews_recom h2{font-size:26px; display:block; line-height: 1;}
.mews_recom h4{padding:20px 0;display:block;font-size:16px;}
.mews_recom li{width:100%; background:#f2f2f2; overflow: hidden;padding:30px;margin:20px 0;}
.mews_recom li a{display:block; transition: .4s;}
.news_recom_date{width:100%; color:#999; font-size:16px;}
.news_recom_date span{display:inline-block;margin-right:5px;}
.news_recom_title{width:100%; overflow: hidden; margin:30px 0;}
.news_recom_info{width:100%; overflow: hidden; font-size:16px;line-height: 1.35;color:#999;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.news_recom_more{width:100%; overflow: hidden; margin-top:30px; font-size:16px;  position: relative;transition: .6s;}
.news_recom_more:after{content:"";background:url("../images/main@ico04.png") no-repeat center right; width:20px;height:20px; filter: brightness(0)grayscale(0);position: absolute; transform: rotate(-90deg);top:5px;}
.mews_recom li a:hover .news_recom_more{padding-left:10px;}
/**/
.content_container{width:100%; overflow: hidden; padding:50px 0;}
.content_container h2{font-size:36px; display: block;line-height: 1;padding-bottom:10px; position: relative;margin:50px 0;}
.content_container h2:after{content:"";width:150px;height:4px;background:linear-gradient(to right,rgba(0,179,240,1.00),rgba(0,179,240,0.00));position: absolute;left:0;bottom:0;}
.content_container h3{font-size:26px; font-weight: bold;color:#41c9ff;display:block;padding:30px 0;}
.content_container h3 a{display:inline-block; font-weight: 400;color:#000;font-size:16px; vertical-align: middle; border:1px #eee solid; border-radius: 50px;padding:3px 30px 3px 15px;margin-left:15px;position: relative;transition:all .4s ease-in;}
.content_container h3 a:before{content:"";width:8px;height:8px;background:#40c9ff;border-radius: 100%;position: absolute;top:40%;right:15px;z-index:-1;transition:all .3s ease-in;}
.content_container h3 a:after{content:"";width:8px;height:8px;background:#40c9ff;border-radius: 100%;position: absolute;top:40%;right:15px;z-index: -1;transition:all .4s ease-in;}
.content_container h3 a:hover{color:#fff;}
.content_container h3 a:hover:after{top:0;right:0;width:100%;border-radius: 50px;height:100%; }
.content_container h3 a:hover:before{background:#fff;z-index: 1;}
.content_container h4{display:block;position: relative;padding-left:40px;padding-bottom:15px;}
.content_container h4:before{content:"";width:10px;height:10px;background:#40c9fd; border-radius: 100%; position: absolute;left:7px;top:10px;}
.content_container h4:after{content:"";width:25px;height:25px;border:1px solid #40c9fd; border-radius: 100%; position: absolute;left:0;top:3px;}
.content_container table{text-align: center;background:#dcf3fc;border:1px #fff solid;line-height: 1.2;margin-bottom:20px;}
.content_container table tr{border:0;}
.content_container table tr td{padding:20px 0;border-right:1px #dcf3fc solid;border-bottom:1px #dcf3fc solid;border-left:0;border-top:0;}
.content_container table tr:first-child td{border-right:1px #fff solid;}
.content_container table tr:nth-child(3) td:first-child{border-left:1px #dcf3fc solid;}
.content_container table tr:nth-child(2),.content_container table tr:nth-child(3){background:#fff;border-right:1px solid #dcf3fc;border-bottom:1px solid #dcf3fc;}
.content_container .div-left{width:45%;display:inline-block; overflow: hidden; vertical-align: top;margin-bottom:30px;position: relative;}
.content_container .div-left img{overflow: hidden;display: block;vertical-align:middle;}
.content_container .div-left h6{ display:inline-block; color:#fff;background:#59aff5;padding:5px;font-size:18px;margin:20px 20px 20px 0;}
.div-left h5{ position: absolute;right:13%; bottom:15%; font-size:18px;color:#fff;}
.in-left{display:inline-block; overflow: hidden;width:40%; text-align: center;border:3px dotted #001f6c;border-radius: 15px 90px 15px 90px;vertical-align: top;margin-top:3%;margin-bottom:3%;}
.div-left:first-of-type,.div-left:nth-of-type(3),.div-left:nth-of-type(5){margin-right:9%;}
.in-left img{width:90%;margin:0 auto;}
.in-left h5{font-weight:bold;font-size:22px;padding:20px 0;border-bottom:3px dotted #001f6c;color:#001f6c;}
.in-left h5 strong{font-weight:bold;color:#41c9ff;}
.in-left h6{font-size:24px; color:#E50404; padding-bottom:20px;}
.in-left:first-of-type{margin-right:10%;}
.in-left:last-of-type h6{color:#000;font-weight:bold;}
.test_content{width:50%;padding-bottom:90px;display:none;}
.test-left{width:85%;display:inline-block;vertical-align: top;}
.text_boxImg{width:580px;height:450px; position: relative;background:url("/uploadFiles/image/lingchuangceshi0509.png") no-repeat left top;background-size:100%;}
.test_con{width:100%;position: absolute;bottom:60px;right:0;}
.test_the{bottom:0;}
.test_con li{width:calc(100%/6);float:left;  overflow: hidden;}
.test_tit{width:140px;float:left; overflow: hidden;}
.test_the li{color:#e30000;font-weight: bold;font-size:20px;}
.test_txt{color:#000;width:140px; float:left; text-align: center; overflow: hidden;}
.test_con ul{width:calc(100% - 140px);float:left;}
.test_boxImg{width:100%;height:auto;padding-top:calc(500 / 1020 * 100%);position: relative; background:url("../images/testClin.png") no-repeat center top;background-size:100%;}
.test_name{position:absolute;overflow: hidden;padding:10px;border-radius: 3px;color:#fff;text-align: center;line-height: 1.25;}
.test_name h6{font-size:18px;position: relative;}
.test_name h6:before{content:"\2022";padding-right:5px;opacity: 0.8;}
.test_color1{background:#25c1ff;}
.test_color2{background:#ed0303;}
.test_color3{background:#14b22e;}
.test_color4{background:#237ae4;}
.test_name1{top:35px;left:20px;}
.test_name2{top:145px;left:180px}
.test_name3{top:38px;left:410px;letter-spacing: 5px;}
.test_name4{top:276px;left:45%;width:130px;}
.test_name5{top:120px;left:53%;width:160px;}
.test_name6{top:270px;right:10%;}
.test_name7{top:25px;right:20px;}
.test_name8{top:380px;left:26%;}
.test_li{float:right;position: relative;top:-170px;}
.test_li1{position:relative; overflow: hidden;padding-left:40px;}
.test_li2{position:relative; overflow: hidden;padding-left:40px;}
.test_li3{position:relative; overflow: hidden;padding-left:40px;}
.test_li1:before{content:"";background:#25c1ff;width:30px;height:15px;position:absolute;left:0;top:8px;}
.test_li2:before{content:"";background:#ed0303;width:30px;height:15px;position:absolute;left:0;top:8px;}
.test_li3:before{content:"";background:#14b22e;width:30px;height:15px;position:absolute;left:0;top:8px;}
/**/
.product_container{width:100%; overflow: hidden; padding-top:50px;}
.product_title{width:100%; overflow: hidden; text-align: center; line-height: 1;padding-bottom:50px;}
.product_title h1{font-size:43px;display:block;}
.product_img{width:35%; float:left; overflow: hidden; text-align: center;}
.product_img img{width:100%; vertical-align: middle;}
.product_step{width:30%; float:left; overflow: hidden;padding-left:3%;padding-right:5%;}
.product_step li{width:100%; position: relative; padding:30px 0; overflow: hidden;}
.product_step li:before{content:"";width:40px;height:2px; background:#00b3f0;position: absolute;left:11%;bottom:0; transform: rotate(45deg);}
.product_step li:after{content:"";width:40px;height:2px; background:#00b3f0;position: absolute;left:11.2%;bottom:0; transform: rotate(-45deg);}
.product_step li:last-child:before,.product_step li:last-child:after{display:none;}
.step_img{width:30%;float:left; overflow: hidden;}
.step_img img{vertical-align: middle;}
.step_text {width:65%; float:right; overflow: hidden;padding-top:15px;}
.con_cp_img_box{width:100%;  position: relative;}
.con_img1{width:100%; height:auto; position: relative; padding-top:calc(980 / 1020 *100%);}
.con_img2{width:350px; height:250px;position: absolute;right:0;bottom:25px;}
.con_img2 h3{position: absolute;left:15%;top:26%;font-size:20px;}
.con_img2 h4{position: absolute;left:9%;top:42%;font-size:20px;}
.con_img1:before{content:"";width:140px;height:180px;position: absolute;left:35%;bottom:-45%;transform:skew(40deg)rotate(35deg);border-top:1px solid #00b3f0;border-left:1px solid #00b3f0;display:none;}

/**/
.product_param{width:35%; position: relative; float:left;height:500px;}
.product_parBox{width:100%;height:500px;position: relative;background:url(../images/param@img.png) no-repeat center;background-size:cover;}
.product_name{font-size:36px; line-height: 1.2;position: absolute;top:48%;z-index: 1;text-align: center;width:100%;}
.par_name{position:absolute;font-size:22px;z-index: 10;}
.par_name01{top:0;left:25%;}
.par_name02{bottom:19%;right:-6%; }
.par_name03{bottom:23%;left:-35px;width:80px; text-align: center;}
.par_text{position:absolute;width:60px; text-align: center;font-size:16px;color:#fff;}
.par_text1{top:24%;left:22%;}
.par_text2{top:16%;left:35%;}
.par_text3{top:16%;left:50%;}
.par_text4{top:24%;left:67%;}
.par_in{position:absolute;text-align: center;width:115px;font-size:16px;color:#fff;}
.par_in1{top:38%;left:74%;width:70px;}
.par_in2{top:53%;left:71%;width:80px;}
.par_in3{bottom:17%;left:53%;width:85px;}
.par_auto{position:absolute;text-align: center;font-size:16px;color:#fff;}
.par_auto1{bottom:20%;left:33%;}
.par_auto2{bottom:30%;left:19%;}
.par_auto3{bottom:46%;left:13%;width:85px;}
.par_text1:after{content:"";width:1px;background:#fff; height:120px; position: absolute; right:0;top:-46px;transform: rotate(-30deg);opacity: 0.6;}
.par_text2:after{content:"";width:1px;background:#fff; height:220px; position: absolute; right:-10px;top:-30px;transform: rotate(-5deg);opacity: 0.6;}
.par_text3:after{content:"";width:1px;background:#fff; height:220px; position: absolute; right:-10px;top:-30px;transform: rotate(20deg);opacity: 0.6;}
.par_in1:after{content:"";width:150px;background:#fff; height:1px; position: absolute; right:-25px;bottom:0;opacity: 0.6;}
.par_in2:after{content:"";width:140px;background:#fff; height:1px; position: absolute; right:-5px;bottom:-5px;opacity: 0.6;transform: rotate(40deg);}
.par_auto1:after{content:"";width:1px;background:#fff; height:220px; position: absolute; left:-20px;top:-90px;transform: rotate(32deg);opacity: 0.6;}
.par_auto2:after{content:"";width:180px;background:#fff; height:1px; position: absolute; left:-35px;top:-33px;opacity: 0.6;transform: rotate(-20deg);}
/**/
.pro_para_com{width:24em;height:24em; border-radius:50%;z-index: 1;background:#25c1fe;position: absolute; overflow: hidden;}
.pro_para{overflow: hidden;position: absolute;top: 50%;left: 50%;width: 58%;height: 58%;transform-origin: 0% 0%;z-index: 1;}
.pro_para_con1{transform: rotate(240deg) skewY(-30deg);background: #25c1fe;}
.pro_para_con2{background: #05439a;transform: rotate(0deg) skewY(-30deg);}
.pro_para_con3{background: #59b1f0;transform: rotate(120deg) skewY(-30deg);}
.pro_para_com h2{display:block; text-align:center;font-size:40px;background:#fff;position: absolute;z-index: 2;border-radius: 50%; top:25%;left:25%;bottom:25%;right:25%;padding-top:21%;}
.para_text{color:#000;z-index: 10;text-align: center;position: absolute;transform: rotate(0deg) skewY(0deg);font-size:16px;}
.para_color1{z-index: 10;}
.para_color2{}
.para_color3{}
.para_01{top: 17%;left:50%;transform: rotate(80deg);}
.para_01:before{content:"";width:1px;height:120px;background:#fff; position: absolute;top:-30px;right:-5px;transform: rotate(18deg);}
.para_02{top: 57%;left: 52%;transform: rotate(130deg);}
.para_02:before{content:"";width:1px;height:150px;background:#fff; position: absolute;top:-35px;right:0;transform: rotate(20deg);}
.para_03{top: 64%;left: 37%;transform: rotate(146deg);}
.para_03:before{content:"";width:1px;height:150px;background:#fff; position: absolute;top:-25px;right:-5px;transform: rotate(20deg);}
.para_04{top: 65%;left: 5%;transform: rotate(190deg);}
.para_05{top:45%;left:220px;width:170px;transform: rotate(95deg);}
.para_06{bottom:-20%;left:63%;width:150px;transform: rotate(145deg);}
.para_07{bottom:-35%;left:25%;width:120px;transform: rotate(-179deg);}
.para_08{bottom:-20%;left:-30%;width:200px;transform: rotate(-495deg);}
.para_09{bottom:20%;left:-55%;width:200px;transform: rotate(-475deg);}
.para_10{bottom:60%;left:-34%;width:120px;transform: rotate(295deg);}
.pro_para_con1 h3{position: absolute;display:block;top:-65%;left:10%}
.pro_para_con2 h3{position: absolute;display:block;right:-60%;bottom:0;transform: rotate(118deg);}
.pro_para_con3 h3{position:absolute;left:-80%; top:30%;transform: rotate(-445deg);}
/**/
.content_video{width:100%; overflow: hidden; position: relative; background:#59aff5 url("../images/video@ico2.png") no-repeat left top;padding:100px 0;color:#fff;z-index: 2;}
.content_video:after{content:"";background:url("../images/video@ico1.png") no-repeat bottom right; position: absolute;right:0;bottom:0;height:400px;width:100%;z-index: -1;}
.content_video .main{width:50%; margin:0 auto;}
.content_video_text{}
.content_video_play{width:73%;margin:0 auto; overflow: hidden;}
.content_video video{width:100%;margin:0 auto;z-index: 99;cursor: pointer;}
.content_video i{background:#fff;}
.content_video i:before{background:#fff;}
.content_video i:after{background:#fff;}
/**/
.main_site_container{width:100%; overflow: hidden; padding:50px 0;border-top:1px #eee solid;}
.main_site_container li{width:100%; display:block; border-bottom:2px rgba(64,201,255,0.2) solid;padding:20px 0; overflow: hidden;}
.main_site_container li h2{display:inline-block;font-size:20px;font-weight: bold;width:200px;float:left;}
.site_sub{width:calc(100% - 200px);float:left;overflow: hidden;}
.site_sub a{display:inline-block;margin:0 5px;opacity: 0.8;}