@charset "utf-8";
/* CSS Document */
.banner{position: relative;height: 45vh;}
.banner .swiper-slide{position: relative;overflow: hidden;}
.banner .swiper-slide img{width: 100%;}
.banner .swiper-slide video{width: 100%; }
.banner .swiper-slide .m{display: none;}
.banner .swiper-pagination-bullets{bottom: .1rem;}
.banner .swiper-pagination .swiper-pagination-bullet{margin:0 6px;}
.banner .swiper-pagination-bullet{width: .06rem;height: .06rem;border-radius: 1rem;transition: all 0.3s;color: #FFF;background: #000;}
.banner .swiper-pagination-bullet-active{opacity: 1;background: #003d97;}
.banner .swiper-button-next,.banner .swiper-button-prev{background: none;width: .3rem;height: .3rem;text-align: center;line-height: .3rem;margin-top: -.15rem;outline: medium;color: #FFF;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size: 0.2rem;color: #FFF;}

.ban_video{width: 100%;padding: 272px 0; position: relative; overflow: hidden;}
.ban_video video {position: absolute; left:50% ;top: 50%; transform: translate(-50%,-50%);}

.gan_zh1{padding: 15px 0; background: #fff;height: 68px;}
.gan_zh1 .zuo_lf{width: 56.5%; float: left;}
.gan_zh1 .zuo_lf .zuowz{text-align: right; font-size: 30px;line-height: 68px; color: #000;}
.gan_zh1 .you_lf{width: 40.5%; float: right; position: relative; }
.gan_zh1 .you_lf .cert_zs{width: 93%; position: absolute;left: 0; top: -70px;  }
.gan_zh1 .you_lf .cert_zs a{display: inline-block; width: 32%;}
.gan_zh1 .you_lf .cert_zs a img{width: 138px; display: block; margin: 0 auto;}

.gan_zh2{padding: 10px 0; background: #00b0f0;height: 34px;}
.gan_zh2 .attest{text-align: center; line-height: 34px; overflow: hidden;}
.gan_zh2 .attest a{display: inline-block; font-size: 16px; color: #fff; font-weight: 400;letter-spacing: .1px; }
.gan_zh2 .attest span{padding: 0 17.5px;color: #fff; font-size: 14px;display: inline-block; vertical-align: top;}


.dyip{background:#fff;text-align: center;overflow: hidden;}
.dyip ul{display: flex;justify-content: space-between;}
.dyip li{width: 33.333%;transition: all .3s;position: relative;top: 0;}
.dyip li figure{width: 100%;overflow: hidden; position: relative;height: 403px;}
.dyip li figure::after{background-color: rgba(0,0,0,.1); position: absolute;left: 0; top:0;width: 100%;height: 100%;content:"";}
.dyip li figure img{display:block;width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;}
.dyip li .remask{position: absolute;  width: 90.5%; left:50% ;top: 50%; transform: translate(-50%,-50%);  align-items: center; display: inline-block;}
.dyip li .remask h2{width: 100%; height: 165px; font-size: 36px; color: #fff;  text-align:left;font-weight:bold;}
.dyip li .remask .lmore{width: 200px; height: 50px; line-height: 50px; border-radius: 50px; border: 1px solid #000; text-align: center; float: right; font-size: 16px;
    background-color: rgba(255,255,255,0.5)}
.dyip li .remask .lmore a{text-decoration: none;color: #000;}
.dyip li .remask .lmore a:hover{text-decoration: none;color: #000;}


.gan_zh3{padding:60.5px 0; height:418px; background:url(../images/Photo_4.JPG) no-repeat 50% 50%;background-size: cover;background-attachment: fixed; position: relative;}
.gan_zh3 .wz_chart{position: absolute; left: 25%; top: 70px; font-size: 55px; color: #fff;font-weight:bold;}
.gan_zh3 .wz_chart span{color: #00b0f0; font-style:italic;}

.derp{background:#fff;text-align: center;overflow: hidden;}
.derp ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.derp li{width: 50%;transition: all .3s;position: relative;top: 0;background: #fff;}
.derp li figure{width: 100%;overflow: hidden; position: relative;height: 485px;}
.derp li figure img{display:block;width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;}
.derp li .remask{position: absolute;  width: 100%; left:50% ;top: 50%; transform: translate(-50%,-50%);  align-items: center; display: inline-block; padding: 0 40px; box-sizing: border-box;}
.derp li .remask h3{width: 100%; font-size: 27px; color: #fff;  text-align:left;margin-bottom: 8px; letter-spacing:-1px;}
.derp li .remask h3 span{font-weight:bold;display:block;font-size: 36px;}
.derp li .remask h3 i{font-weight:bold;font-size: 36px;}
.derp li .remask .lmore{width: 200px; height: 50px; line-height: 50px; border-radius: 50px;  font-size: 16px; text-align: center; float: left;background-color: rgba(255,255,255,0.5)}
.derp li .remask .lmore a{text-decoration: none;color: #000;}
.derp li .remask .lmore a:hover{text-decoration: none;color: #000;}
.derp li:nth-child(1){background: #67c5a1;}
.derp li:nth-child(4){background: #00b0f0;}
.derp li:nth-child(4) .remask h3{font-size: 36px; }
.derp li .remask h3 em{font-weight:bold;font-size: 36px;}


.dsanp{padding: 60px 40px 30px; background:url(../images/Photo_7.jpg) no-repeat 50% 0;background-size: cover;background-attachment: fixed; position: relative;}
.dsanp ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.dsanp li{width: 48.45%;;transition: all .3s;position: relative;margin: 0 .65%; min-height: 409px;position: relative}
.dsanp li .s_box{position: absolute;  width: 100%; left:50% ;top: 50%; transform: translate(-50%,-50%);z-index: 1;  align-items: center; display: inline-block; padding: 0 40px; box-sizing: border-box;}
.dsanp li .s_box h4{width: 100%; line-height: 2.85; font-size: 38px; color: #fff;  text-align:center;margin-bottom: 0;}
.dsanp li .s_box h4 span{display:block; line-height:0.5;margin-bottom: 25px;}
.dsanp li .s_box .smore{width: 200px; height: 50px; line-height: 50px; border-radius: 50px;  font-size: 16px; text-align: center; margin: 0 auto; background-color: rgba(255,255,255,0.5)}
.dsanp li .s_box .smore a{text-decoration: none;color: #000;}
.dsanp li .s_box .smore a:hover{text-decoration: none;color: #000;}
.dsanp li:nth-child(1)::after{background-color: rgba(0,176,240,.67); position: absolute;left: 0; top:0;width: 100%;height: 100%;content:"";}
.dsanp li:nth-child(2)::after{background-color: rgba(0,240,176,.67); position: absolute;left: 0; top:0;width: 100%;height: 100%;content:"";}


.dwup{padding:60px 40px;background: #fff;z-index: 1;}
.dwup ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.dwup li{width: 48.45%;transition: all .3s;position: relative;background: #fff;margin: 0 .65%; display: inline-block; align-items: center;}
.dwup li .w_img{width: 100%;overflow: hidden; vertical-align: middle; height: 414px;}
.dwup li .w_img img{display:block;width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;}
.dwup li .w_box{ width: 100%;  align-items: center; display: inline-block;padding:70px 0;}
.dwup li .w_box h5{width: 100%; font-size: 36px; color: #000; font-weight: bold;  text-align:center;margin: 42px 0 17px;}
.dwup li .w_box .wmore{width: 280px; height: 42px; line-height: 42px; border-radius: 42px;  font-size: 15px; text-align: center; margin: 0 auto; background-color: #00b0f0}
.dwup li .w_box .wmore a{text-decoration: none;color: #fff;}
.dwup li .w_box .wmore a:hover{text-decoration: none;color: #fff;}


.banner_pic{width: 100%;padding: 231px 0; overflow: hidden;}
.banner_pic img{position: absolute; left:50% ;top: 50%; transform: translate(-50%,-50%);}

.bans_pic{width: 100%;padding: 205px 0; overflow: hidden;}
.bans_pic .bans_c{text-align: center; font-size: 23px; font-weight: bold; color: #fff; line-height: 1.75; position: absolute; left:50% ;top: 50%; transform: translate(-50%,-50%);z-index: 1;  align-items: center;}
.bans_pic .bans_c span{color: #fff; text-align: center; font-size: 16px;font-weight: normal;  display: block; padding-top: 12px;}

/* 社会责任 */
.site_content1{padding: 45px 0;color: #000; overflow: hidden;}
.site_content1 h2{font-size: 38px; padding:10px 0 30px; line-height:1.2;}
.site_content1 h2 span{color: #00b0f0;}
.site_content1 h2 i{color: #00b0f0;}
.site_content1 h3{font-size: 20px; padding:0 0 30px;}
.site_content1 .site-txt{font-size: 16px;line-height: 25px; overflow: hidden;}
.site_content1 .site-txt p{padding-bottom: 18px;}
.site_content1 .qua-txt{font-size: 18px;line-height: 2; overflow: hidden;}
.site_content1 .qua_sb{width: 100%;margin: 25px 0 50px; overflow: hidden;}
.site_content1 .qua_sb img{display:block;width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;}


.site_content2{padding: 30px 0 20px;color: #fff;line-height: 1.32; background-color: #00b0f0; overflow: hidden;}
.site_content2 .qi{font-size: 38px;}
.site_content2 .mo{font-size: 48px;}
.site_content2 .operate{font-size: 30px; font-weight: bold; text-align: center; line-height: 1.5; padding: 10px 0;}
.site_content2 .strategy{font-size: 38px; padding:19px 0;}
.site_content2 .example{font-size: 30px; padding: 8px 0;}
.site_content2 .sbenefit{font-size: 30px;text-align: center; font-weight: 200; padding: 8px 0;}

.site_content3{padding: 47px 0;color: #fff;line-height: 1.5;text-align: center; background-color: #00b0f0; overflow: hidden;}
.site_content3 .shehui{font-size: 23px; font-weight: bold;}
.site_content3 .daxue{font-size: 16px; padding-top: 10px;}
.site_content3 .tiaozheng{font-size: 24px; text-align: left;}

.site_content4{padding: 50px 0;color: #000;line-height: 1.5; background-color: #fff; overflow: hidden;}
.site_content4 .first{font-size: 16px; text-align: left;}


.about_pic{width: 100%;padding:500px 0 50px 0;height: 165px;  position: relative; overflow: hidden;}
.about_pic img{position: absolute; left:50% ;top: 20%; transform: translate(-50%,0);}
.about_pic::after{background-color: rgba(0,0,0,.15); position: absolute;left: 0; top:0;width: 100%;height: 100%;content:"";}

.family{padding: 60px 30px 0; overflow: hidden;}
.family .flex{margin-bottom: 70px;}
.family .image_W{width: 50%; display: inline-block;}
.family .image_W img{display:block;width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;}
.family .image_Z{width: 50%;  display: inline-block;}
.family .image_Z .Paragraph{max-width: 515px; margin: 142px 0 8px 79px; font-size: 16px; line-height: 2;}

.family .flex:nth-of-type(odd) .image_W:nth-of-type(odd){order: 0;}
.family .flex:nth-of-type(odd) .image_Z:nth-of-type(even){order: 1;}

.family .flex:nth-of-type(even) .image_W:nth-of-type(odd){order: 1;}
.family .flex:nth-of-type(even) .image_Z:nth-of-type(even){order: 0;}


.navig_image{ padding:107px 48px 100px; overflow: hidden;}
.navig_image ul{margin-left: -1%;font-size: 0px;}
.navig_image ul li{display: inline-block; width: 32.333%;margin-left:1%;  margin-bottom: 0;vertical-align: top; position: relative; overflow: hidden;transition: all .3s ease-out;cursor: pointer;}
.navig_image ul li .pimgs{width: 100%;height: 280px; overflow: hidden;transition: all .3s ease-out}
.navig_image ul li .pimgs img{display:block;width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;transition: all .3s ease-out}
.navig_image ul li:hover .pimgs img{ transform:scale(1.06); -webkit-transform:scale(1.06); -moz-transform:scale(1.06); -o-transform:scale(1.06); -ms-transform:scale(1.06);transition: all .3s ease-out }
.navig_image ul li .title_er{width:100%; height:100%; display:flex; justify-content:center; align-items:center; color:#f2f2f2; font-size:27px; padding:0 15px; position:absolute; top:0; left:0; transition: all .3s ease-out;z-index: 1;} 
.navig_image ul li .title_er .nmore{width: 200px;padding: 13px 5px; border-radius: 70px;  font-size: 18px; font-weight: bold; text-align: center; margin: 0 auto;  border: 1px solid #000; 
    background-color: rgba(255,255,255,0.46);opacity:0;transition: all .3s ease-out}
.navig_image ul li .title_er .nmore a{text-decoration: none;color: #000; line-height: 1.5;}
.navig_image ul li .title_er .nmore a:hover{text-decoration: none;color: #000;}
.navig_image ul li:hover .title_er .nmore{opacity:1;transition: all .3s ease-out}
.navig_image ul li:hover .title_er { background:rgba(255,255,255,0.67); }


/* 理论方法 */
.method{width: 100%; overflow: hidden;}
.method .method_blue{width: 50%; padding:52px 0 30px; display: inline-block;background: #00b0f0; overflow: hidden;}
.method .method_blue .dsanf{max-width: 717px; margin:15px 0 35px 80px;color: #fff; }
.method .method_blue .dsanf h2{font-size: 38px; padding:10px 0 25px;}
.method .method_blue .dsanf h2 span{color: #000;}
.method .method_blue .dsanf .met_text{font-size: 16px;line-height: 25px; overflow: hidden;}
.method .method_blue .dsanf .met_text p{padding-bottom: 18px;}
.method .method_gray{width: 50%; padding:52px 0 30px; display: inline-block;background: #dad7d7; overflow: hidden;}
.method .method_gray .dours{max-width: 728px; margin: 0 auto;color: #000;text-align: center;}
.method .method_gray .dours h3{font-size: 24px; padding:0 0 45px;}
.method .method_gray .dours .our_img{width: 100%; overflow: hidden;}
.method .method_gray .dours .our_img li{width: 277px; float: left;}
.method .method_gray .dours .our_img li img{max-width: 100%;}
.method .method_gray .dours .our_img li p{text-align: center; font-size: 20px; font-weight: bold;padding-top: 32px;}
.method .method_gray .dours .our_img li:last-child{float: right;}

.MONY{padding:112px 0;height: 236px;  background:url(../images/Social_8.JPG) no-repeat 50% 0;background-size: cover;background-attachment: fixed; position: relative;}
.MONY .mn_chart{text-align: center; font-size: 23px; font-weight: bold; color: #fff; line-height: 1.75; position: absolute; left:50% ;top: 50%; transform: translate(-50%,-50%);z-index: 1;  align-items: center;}
.MONY .mn_chart span{color: #fff; text-align: center; font-size: 16px;  display: block; padding-top: 12px;}

.me_Innovator{padding: 40px 0;color: #fff;line-height: 1.5;text-align: center; background-color: #00b0f0; overflow: hidden;}
.me_Innovator .inn_image{width: 50%; display: inline-block; height: 416px; align-items: center;}
.me_Innovator .inn_image img{display:block;width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;}
.me_Innovator .inn_box{width: 50%; display: inline-block;  align-items: center; text-align: center; padding:55px 40px; box-sizing: border-box;}
.me_Innovator .inn_box .wzbt{font-size: 24px; line-height: 1.5; margin-bottom: 25px;}
.me_Innovator .inn_box .wzinfo{font-size: 16px; line-height: 1.5;}
.me_Innovator .inn_box .more_s{width: 280px; height: 43px; line-height: 43px; border-radius: 43px;  font-size: 16px; text-align: center; margin:40px auto 0 auto;cursor: pointer; background: #fff}
.me_Innovator .inn_box .more_s a{text-decoration: none;color: #00b0f0;}
.me_Innovator .inn_box .more_s:hover { background:#75d4f7;transition: all .3s ease-out}
.me_Innovator .inn_box .more_s:hover a{text-decoration: none;color: #fff; }

.me_Frank{padding: 90px 30px; overflow: hidden;}
.me_Frank .image_F{width: 50%; display: inline-block;}
.me_Frank .image_F img{display:block;width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;}
.me_Frank .boxs_Z{width: 50%;  display: inline-block;}
.me_Frank .boxs_Z .boxscha{ margin: 127px 40px 0 0; font-size: 16px; line-height: 2;}
.me_Frank .boxs_Z h4{font-size: 23px; font-weight: bold; padding-bottom: 15px;}


/* 自己的工厂 */
.Framework{padding:0; overflow: hidden;}
.Framework .image_fra{width: 50%; display: inline-block; height: 570px;}
.Framework .image_fra img{display:block;width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;}
.Framework .infos_fra{width: 50%;  display: inline-block; background: #f6f6f6;}
.Framework .infos_fra .wo_infos{ margin: 128px 100px; overflow: hidden;}
.Framework .infos_fra .wo_infos h5{font-size: 38px; padding-bottom: 40px;}
.Framework .infos_fra .wo_infos .info_work{font-size: 16px; line-height: 1.5; color: #000;margin-left: 20px;}
.Framework .infos_fra .wo_infos .info_work p{padding-left: 18px;position: relative;}
.Framework .infos_fra .wo_infos .info_work p::before{position: absolute; left: 0; top: 5px; content: "●"; font-size: 8px;}

.Framework .flex:nth-of-type(odd) .image_fra:nth-of-type(odd){order: 1;}
.Framework .flex:nth-of-type(odd) .infos_fra:nth-of-type(even){order: 0;}

.Framework .flex:nth-of-type(even) .image_fra:nth-of-type(odd){order: 0;}
.Framework .flex:nth-of-type(even) .infos_fra:nth-of-type(even){order: 1;}

.pingdeng{padding: 66px 0; background: #00b0f0; overflow: hidden;}
.pingdeng .dmResp{display: inline-block; width: 30%; line-height: 1.65; color: #fff; vertical-align: top; margin: 0 1.5%;}
.pingdeng .dmResp .ceng_1{font-size: 23px; padding-bottom: 30px;}
.pingdeng .dmResp .ceng_2{font-size: 23px;}
.pingdeng .dmResp .ceng_3{font-size: 16px;font-weight: 300; margin-bottom: 30px;}
.pingdeng .dmResp .ceng_3:last-child{margin-bottom:0}

.balance{padding:100px 0 240px 0;height: 240px;  background:url(../images/Frame_5.JPG) no-repeat 50% 0;background-size: cover;background-attachment: fixed; position: relative;}
.balance .bal_chart{text-align: left; font-size: 16px; color: #000; line-height: 1.65;max-width: 428px; font-weight: 400;z-index: 1;position: absolute;}
.balance .bal_chart h6{text-align: left; font-size: 38px;  line-height: 1.5; display: block; padding-bottom: 20px; color: #000; }
.balance::before{background-color: rgba(255,255,255,.25); position: absolute;left: 0; top:0;width: 100%;height: 100%;content:"";}


.wages{padding: 0; overflow: hidden;}
.wages .wages_W{width: 50%; display: inline-block; height: 447px;}
.wages .wages_W img{display:block;width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;}
.wages .wages_Z{width: 50%;  display: inline-block; background: #00b0f0;}
.wages .wages_Z .wages_infos{ margin: 60px 100px; max-width: 448px; font-size: 16px; line-height: 1.35; color: #fff;}
.wages .wages_Z .wages_infos h5{text-align: left; font-size: 38px;  display: block; padding-bottom: 28px;}
.wages .wages_Z .wages_infos h6{text-align: left; font-size: 30px;  display: block; padding-bottom: 28px;}
.wages .wages_Z .wages_infos cite{margin-bottom: 30px;display: block;}
.wages .wages_Z .wages_infos .wages_1{font-size: 16px; line-height: 1.5; color: #fff;margin-left: 20px;}
.wages .wages_Z .wages_infos .wages_1 p{padding-left: 18px;position: relative;}
.wages .wages_Z .wages_infos .wages_1 p::before{position: absolute; left: 0; top: 5px; content: "●"; font-size: 6px; color: #000;}

.wages .flex:nth-child(2) .wages_W{width: 50%; display: inline-block; height: 390px;position: relative;}
.wages .flex:nth-child(2) .wages_W .bianqian{position: absolute; bottom: 0;right: 180px;width: 244px;}
.wages .flex:nth-child(2) .wages_W .bianqian img{max-width: 100%;}

.wages .flex:nth-of-type(odd) .wages_W:nth-of-type(odd){order: 1;}
.wages .flex:nth-of-type(odd) .wages_Z:nth-of-type(even){order: 0;}

.wages .flex:nth-of-type(even) .wages_W:nth-of-type(odd){order: 0;}
.wages .flex:nth-of-type(even) .wages_Z:nth-of-type(even){order: 1;}

.ourgc_pic{width: 100%;padding: 245px 0; overflow: hidden;}
.ourgc_pic img{position: absolute; left:50% ;top: 50%; transform: translate(-50%,-50%);}


/* 为社区做什么 */
.community{padding: 0; overflow: hidden;}
.community .comm_W{width: 50%; display: inline-block; height: 374px;}
.community .comm_W img{display:block;width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;}
.community .comm_Z{width: 50%;  display: inline-block; background: #00b0f0;}
.community .comm_Z .comm_infos{ margin: 80px 40px; font-size: 16px; line-height: 1.5; color: #fff;}
.community .comm_Z .comm_infos h4{text-align: left; font-size: 38px;  display: block; padding-bottom: 15px;position: relative; letter-spacing:-1px;}
.community .comm_Z .comm_infos cite{display: block;}
.community .flex:nth-child(2) .comm_W{width: 58.333%; display: inline-block; height: 418px;position: relative;}
.community .flex:nth-child(2) .comm_Z{width: 41.667%; display: inline-block; position: relative; padding-top: 28px;}

.community .flex:nth-of-type(odd) .comm_W:nth-of-type(odd){order: 1;}
.community .flex:nth-of-type(odd) .comm_Z:nth-of-type(even){order: 0;}

.community .flex:nth-of-type(even) .comm_W:nth-of-type(odd){order: 0;}
.community .flex:nth-of-type(even) .comm_Z:nth-of-type(even){order: 1;}

.site_content5{padding: 85px 0 55px;color: #000;line-height: 1.5; background-color: #fff; overflow: hidden;}
.site_content5 cite{font-size: 16px; text-align: center;font-weight: 300; display: block; margin-bottom: 30px;}


.prize_behind{padding:0; overflow: hidden;}
.prize_behind li{display: inline-block;width: 20%; height:293px;overflow: hidden; vertical-align: middle;  cursor: pointer;}
.prize_behind li .prz_image{width: 100%; overflow: hidden; transition:all 0.3s ease-in 0s; height: 100%;}
.prize_behind li .prz_image img{display:block;width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;transition:all 0.3s ease-in 0s;}
.prize_behind li .prz_image:hover img{transform:scale(1.1); transition:all 0.3s ease-in 0s; }

.prize_behind li .prz_txt{background: #fff; padding:72px 30px 0; overflow: hidden; transition:all 0.3s ease-in 0s; align-items: center;vertical-align: middle; }
.prize_behind li .prz_txt .htsu{font-size: 40px; color: #000; font-family:"FjallaOne-Regular" !important; font-weight: bold; padding-bottom: 18px; text-align: center;letter-spacing: -0.5px;}
.prize_behind li .prz_txt p{text-align: center;font-size: 14px;line-height: 1.5;}



.left-behind{padding:210px 0;height: 230px;  background:url(../images/do_5.JPG) no-repeat 50% 50%;background-size: cover;position: relative;}
.left-behind .be_chart{text-align: center; font-size: 20px; font-weight: bold; color: #fff; line-height: 1.75; position: absolute; left:50% ;top: 50%; transform: translate(-50%,-50%);z-index: 1;  align-items: center;}
.left-behind .be_chart span{color: #fff; text-align: center; font-size: 16px;  display: block; padding-top: 12px;  font-weight: 200;}

.behind_G{width: 100%; overflow: hidden;}
.behind_G .child_zb{float: left; width: 42%; height: 577px; overflow: hidden;}
.behind_G .child_zb img{display:block;width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;}
.behind_G .child_yb{float: right; width: 58%;overflow: hidden;}
.behind_G .child_yb ul{margin-left: -0.1%; overflow: hidden;}
.behind_G .child_yb ul li{margin-left: 0.1%; float: left; width: 49.9%; margin-bottom: 0.1%; height: 287px;overflow: hidden; cursor: pointer;}
.behind_G .child_yb ul li .small_img{width: 100%; overflow: hidden; transition:all 0.3s ease-in 0s; height: 100%;}
.behind_G .child_yb ul li .small_img img{display:block;width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;transition:all 0.3s ease-in 0s;}
.behind_G .child_yb ul li .small_img:hover img{transform:scale(1.1); transition:all 0.3s ease-in 0s; }

.give_award {padding: 0; overflow: hidden;}
.give_award  .give_W{width: 50%; display: inline-block; height: 535px;}
.give_award  .give_W img{display:block;width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;}
.give_award  .give_Z{width: 50%;  display: inline-block; background: #00b0f0;}
.give_award  .give_Z .give_infos{ margin: 55px 80px; max-width: 100%; font-size: 15px; line-height: 1.45; color: #fff;}
.give_award  .give_Z .give_infos h5{text-align: left; font-size: 34px;  display: block; padding-bottom: 12px; letter-spacing:-1px;}
.give_award  .give_Z .give_infos h6{text-align: left; font-size: 30px;  display: block; padding-bottom: 12px;letter-spacing:-1px;}
.give_award  .give_Z .give_infos cite{margin-bottom: 22px;display: block;}
.give_award  .give_Z .give_infos .wages_1{font-size: 16px; line-height: 1.5; color: #fff;margin-left: 20px;}
.give_award  .give_Z .give_infos .wages_1 p{padding-left: 18px;position: relative;}
.give_award  .give_Z .give_infos .wages_1 p::before{position: absolute; left: 0; top: 5px; content: "●"; font-size: 6px; color: #000;}


.site_content6{padding: 35px 0;color: #000;line-height: 1.5; background-color: #fff; overflow: hidden;}
.site_content6 cite{font-size: 32px; text-align: left;font-weight: 400; display: block; }

.site_conimg{padding: 15px 40px; overflow: hidden;}
.site_conimg img{display:block;width:100%; margin: 0 auto;}

/* 无冲突材料 */
.C_material{padding: 45px 0;color: #fff;line-height: 1.5;text-align: center; background-color: #00b0f0; overflow: hidden;}
.C_material ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.C_material ul li{width: 30%;;transition: all .3s;position: relative;margin: 0 1.55%; position: relative;display: inline-block;}
.C_material ul li .level{font-size: 30px; font-weight: 400;letter-spacing: -1.5px;}
.C_material ul li .gd_more{width: 210px; height: 43px; line-height: 43px; border-radius: 43px;  font-size: 16px; text-align: center; margin:20px auto 0 auto;cursor: pointer; border: 1px solid #000;
    background: #fff}
.C_material ul li .gd_more a{text-decoration: none;color: #000;}
.C_material ul li .gd_more:hover { background:#75d4f7;transition: all .3s ease-out}
.C_material ul li .gd_more:hover a{text-decoration: none;color: #fff; }

.C_finish {padding: 55px 0; background: #fff; overflow: hidden;}
.C_finish .cpin_txt{width: 45%;  padding: 75px 0 0 30px; overflow: hidden;}
.C_finish .cpin_txt h2{text-align: left; font-size: 38px;color: #000; display: block; padding-bottom: 25px;letter-spacing: -1.5px;}
.C_finish .cpin_txt .cpin_info{ font-size: 16px; line-height: 1.5; color: #000;}
.C_finish .cpin_txt .cpin_info p{padding-bottom: 28px;}
.C_finish .cpin_txt .cpin_info span{font-size: 18px; font-weight: bold;}
.C_finish .cpin_txt .cpin_info i{color:#00b0f0;}
.C_finish .cpin_img{width: 49.5%;height: 662px;}
.C_finish .cpin_img img{display:block;width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;}

.C_finish .practice_img{width: 49.5%;height: 628px;}
.C_finish .practice_img img{display:block;width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;}

.C_policy{padding: 47px 0;color: #fff;line-height: 1.5;text-align: center; background-color: #00b0f0; overflow: hidden;}
.C_policy ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.C_policy ul li{width: 48%;;transition: all .3s;position: relative;margin:0; position: relative;display: inline-block;}
.C_policy ul li .devel{font-size: 29px; font-weight: 400;text-align: left; letter-spacing:-1.5px;}
.C_policy ul li .bt_more{width: 272px; height: 43px; line-height: 43px; border-radius: 43px;  font-size: 16px; text-align: center; margin:20px auto 0 auto;cursor: pointer; border: 1px solid #000;
    background: #fff}
.C_policy ul li .bt_more a{text-decoration: none;color: #000;}
.C_policy ul li .bt_more:hover { background:#75d4f7;transition: all .3s ease-out}
.C_policy ul li .bt_more:hover a{text-decoration: none;color: #fff; }

.c_human{padding:100px 0;height: 105px; position: relative;}
.c_human h3{text-align: center; font-size: 30px;  line-height: 1.5; display: block; padding-bottom: 12px; color: #fff; }
.c_human .rq_more{width: 274px; height: 43px; line-height: 43px; border-radius: 43px;  font-size: 16px; text-align: center; margin:0 auto;cursor: pointer; border: 1px solid #000;
    background: #fff}
.c_human .rq_more a{text-decoration: none;color: #000;}
.c_human .rq_more:hover { background:#75d4f7;transition: all .3s ease-out}
.c_human .rq_more:hover a{text-decoration: none;color: #fff; }

.c_decision{padding:50px 0;height:150px; position: relative;}
.c_decision h4{text-align: center; font-size: 30px;  line-height: 1.45; display: block; padding-bottom: 12px; color: #fff;z-index: 2; position: relative;letter-spacing: -1.05px;}
.c_decision::after{background-color: rgba(0,0,0,.36); position: absolute;left: 0; top:0;width: 100%;height: 100%;content:"";z-index: 0; }

/* 新闻 */
.xw_bann{padding:100px 0;height:110px; background-attachment: fixed; position: relative;}
.xw_bann h2{text-align: center; font-size: 45px;  line-height: 1.45; display: block; padding-bottom: 0; color: #fff;z-index: 2; position: relative; letter-spacing: -2px;}
.xw_bann::after{background-color: rgba(0,0,0,.2); position: absolute;left: 0; top:0;width: 100%;height: 100%;content:"";z-index: 0; }
.xw_bann .Search_bar{width: 314px; height: 40px; border: 1px solid #e0e0e0; background-color: #fff; padding: 0 13px 0 23px; border-radius: 40px;z-index: 2; position: relative;
margin:0 auto ;}
.xw_bann .Search_bar input.inp{height: 40px;width: calc(100% - 22px);outline: none;float: left; font-size: 14px; font-weight: 400;}
.xw_bann .Search_bar input.subb{height: 40px;width: 20px;outline: none;cursor: pointer;background: url(../images/icon_s.png) no-repeat center;}
.xw_bann .Search_bar input{border: none; vertical-align: middle;padding: 0;background: none; font-family:"Amiko","微软雅黑";}

.xwshow_ban{padding:240px 0;height:110px; background-attachment: fixed; position: relative;}
.xwshow_ban .be_chart{text-align: center; font-size: 38px; font-weight: normal; color: #fff; line-height: 1.75; position: absolute; left:50% ;top: 50%; 
    transform: translate(-50%,-50%);z-index: 1;  align-items: center; max-width: 750px;z-index: 2; position: relative;}
.xwshow_ban .be_chart span{color: #fff; text-align: center; font-size: 16px;  display: block; padding-top: 12px;  font-weight: 200;z-index: 2; position: relative;}
.xwshow_ban::after{background-color: rgba(0,0,0,.3); position: absolute;left: 0; top:0;width: 100%;height: 100%;content:"";z-index: 0; }

/*新闻资讯*/
.newslistbox{padding:90px 0; overflow: hidden}
.newslistbox ul{margin: -1%;overflow: hidden}
.newslistbox ul li{float: left;width: 31%;background-color: #FFFFFF;margin:1.2% 1%;position: relative;box-shadow: rgba(0,0,0,.25) 0 3px 11px 0;border-radius: 4px;}
.newslistbox ul li .pic{height:190px;overflow: hidden}
.newslistbox ul li .pic img{transition:all 0.3s ease-in 0s;width: 100%;display:block;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;}
.newslistbox ul li:hover .pic img{-webkit-transform: scale(1.11);transform: scale(1.11);transition:all 0.3s ease-in 0s;}
.newslistbox ul li .text p,.newslistbox ul li .text strong{-o-transition: all .1s;-moz-transition: all .1s;-webkit-transition: all .1s;-ms-transition: all .1s;transition: all .1s}
.newslistbox ul li .text{-o-transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s;-ms-transition: all .6s;transition: all .6s;font-size: 14px; padding: 15px;
    line-height: 25px;height: 198px; overflow: hidden;}
.newslistbox ul li .text strong{-o-transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s;-ms-transition: all .6s;transition: all .6s;
    font-size: 18px;font-weight: bold;display: block;padding-bottom: 15px;color: #333333}
 .newslistbox ul li .text .p_description{font-size: 15px; line-height: 1.5; color: #747474;height: 6; display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.newslistbox ul li a{text-decoration: none;}

.newslistbox .jzmore{overflow: hidden;margin:20px 0;text-align: center;}
.newslistbox .jzmore a{display: block;width: 280px; height: 43px; line-height: 43px; border-radius: 43px;  font-size: 16px; color:#000; background:#fff;text-align:center;
 border-radius:43px; border: 1px solid #000; text-decoration: none;}
.newslistbox .jzmore a:hover{text-decoration: none;background: #fff;color: #000;}

.news-mix {width: 100%;padding:55px 0 0;overflow: hidden; }
.news-mix .news_show{line-height: 1.5; overflow: hidden;}
.news-mix .news_show img{max-width: 100%; display: inline-block;}
.news-mix .news_show h3{font-size: 22px;color: #333;}
.news-mix .news_show p{font-size: 16px;color: #4c4646; padding: 3px 0;}


/* 产品 */
.pro-be{padding:155px 0;height:450px;  background:url(../images/pic_cp1.JPG) no-repeat 50% 50%;background-size: cover;position: relative;}
.pro-be::after{background-color: rgba(0,0,0,.22); position: absolute;left: 0; top:0;width: 100%;height: 100%;content:"";z-index: 0; }
.pro-be .left_GSN{float: left; width: 46.5%;}
.pro-be .left_GSN h2{text-align: left; font-size: 38px;  line-height: 1.5; display: block; padding: 12px 0; color: #fff;z-index: 2; position: relative;letter-spacing:-1px;}
.pro-be .left_GSN h2 span{font-weight:bold;color:#00b0f0;}
.pro-be .left_GSN p{font-size: 16px; text-align: left; padding: 15px 0;  line-height: 1.5; color: #fff;z-index: 2; position: relative;}
.pro-be .right_image{float: right; width:50%;}
.pro-be .right_image img{max-width: 100%; display: block;z-index: 2; position: relative;}


.C_strategy {padding: 55px 0; background: #fff; overflow: hidden;}
.C_strategy .stra_txt{width: 45%;  padding: 25px 0 0 30px; overflow: hidden;}
.C_strategy .stra_txt h3{text-align: left; font-size: 38px;color: #000;  display: block; padding-bottom: 25px;}
.C_strategy .stra_txt h3 i{color:#00b0f0;}
.C_strategy .stra_txt .stra_info{ font-size: 16px; line-height: 1.75; color: #000;}
.C_strategy .stra_txt .stra_info p{padding-bottom: 28px;}
.C_strategy .stra_txt .stra_info span{font-size: 18px; font-weight: bold;}
.C_strategy .stra_txt .stra_info p i{color:#00b0f0;}
.C_strategy .stra_txt .aaa_more{width: 280px; height: 41px; line-height: 41px; border-radius: 41px;  font-size: 15px; text-align: center; margin:15px 0 0;cursor: pointer; 
    background: #00b0f0}
.C_strategy .stra_txt .aaa_more a{text-decoration: none;color: #fff; }

.C_strategy .stra_img{width: 49.5%;height: 391px;}
.C_strategy .stra_img img{display:block;width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;}

.P_catalog{ background-attachment: fixed; position: relative;overflow: hidden;}
.P_catalog::after{background-color: rgba(0,176,240,.9); position: absolute;left: 0; top:0;width: 100%;height: 100%;content:"";z-index: 0; }
.P_catalog .cat_image{width: 35%;z-index: 2; position: relative;}
.P_catalog .cat_image img{display:block;width:100%;}
.P_catalog .cat_txt{width: 48%; overflow: hidden;z-index: 2; position: relative; padding-top: 75px;}
.P_catalog .cat_txt h4{text-align: left; font-size: 44px;color: #fff;  display: block; padding-bottom:15px; text-indent: 10px; line-height:1.1;}
.P_catalog .cat_txt .ca_more{width: 222px; height:52px; line-height: 52px; border-radius: 52px;  font-size: 16px; text-align: center; margin:0;cursor: pointer; background: #fff}
.P_catalog .cat_txt .ca_more a{text-decoration: none;color: #3281ff; }
.P_catalog .cat_txt:hover .ca_more{background: #cfedf8;}

.pro-sta{padding:25px 0;height:auto;  background:url(../images/pic_cp2.JPG) no-repeat 50% 0;background-size: cover;position: relative;}
.pro-sta::after{background-color: rgba(0,0,0,.35); position: absolute;left: 0; top:0;width: 100%;height: 100%;content:"";z-index: 0; }
.pro-sta h2{text-align: left; font-size: 36px; font-weight: bold;  line-height: 1.5; display: block; padding:36px 0 12px; color: #fff;z-index: 2; position: relative; text-transform:uppercase;}

.P_Plate{padding:50px 0 25px 0; overflow: hidden;}
.P_Plate .plate_txt{width: 480px; display: inline-block;vertical-align: middle; padding-right:4%}
.P_Plate .plate_txt h3{text-align: left; font-size: 38px;color: #000;  display: block; padding-bottom: 25px;}
.P_Plate .plate_txt .pla_info{width: 100%; overflow: hidden;}
.P_Plate .plate_txt .pla_info p{font-size: 16px; color: #000; line-height: 2;}
.P_Plate .plate_image{width: 480px; display: inline-block; vertical-align: middle;}
.P_Plate .plate_image img{display:block;width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;}


.P_Plate .flex:nth-of-type(odd) .plate_txt:nth-of-type(odd){order: 0;}
.P_Plate .flex:nth-of-type(odd) .plate_image:nth-of-type(even){order: 1;}

.P_Plate .flex:nth-of-type(even) .plate_txt:nth-of-type(odd){order: 1;}
.P_Plate .flex:nth-of-type(even) .plate_image:nth-of-type(even){order: 0;}


.Ps_cable{padding:50px 0 0 0; overflow: hidden;}
.Ps_cable .cable_txt{width: 480px; display: inline-block;vertical-align: middle; padding-right:4%}
.Ps_cable .cable_txt h3{text-align: left; font-size: 38px;color: #000;  display: block; padding-bottom: 25px;}
.Ps_cable .cable_txt .pla_info{width: 100%; overflow: hidden;}
.Ps_cable .cable_txt .pla_info p{font-size: 16px; color: #000; line-height: 2;}
.Ps_cable .cable_image{width: 480px; display: inline-block; vertical-align: middle;}
.Ps_cable .cable_image img{display:block;width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;}
.Ps_cable .layout{margin-bottom: 65px; overflow: hidden;}
.Ps_cable .layout:last-child{margin-bottom: 30px; overflow: hidden;}

.P_improve{padding: 0; overflow: hidden;}
.P_improve .impr_W{width: 50%; display: inline-block; }
.P_improve .impr_W img{display:block;width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;}
.P_improve .impr_Z{width: 50%;  display: inline-block; background: #fff;}
.P_improve .impr_Z .impr_infos{ margin: 80px 60px; font-size: 16px; line-height: 1.55; color: #000;}
.P_improve .impr_Z .impr_infos h4{text-align: left; font-size: 33px;  display: block; padding-bottom: 15px;position: relative;}
.P_improve .impr_Z .impr_infos h4.f38{font-size: 38px; padding-bottom: 26px;}
.P_improve .impr_Z .impr_infos cite{display: block; overflow: hidden;}
.P_improve .impr_Z .impr_infos cite p{ padding-bottom: 20px;}
.P_improve .impr_Z .impr_infos cite span{max-width: 65%; margin: 0 auto; display: block;}
.P_improve .impr_Z .impr_infos .imp_more{width: 280px; height: 41px; line-height: 41px; border-radius: 41px;  font-size: 15px; text-align: center; margin:20px 0 0;cursor: pointer; 
    background: #00b0f0}
.P_improve .impr_Z .impr_infos .imp_more a{text-decoration: none;color: #fff; }
.P_improve .flex{align-items: center;}

.P_improve .flex:nth-of-type(odd) .impr_W:nth-of-type(odd){order: 0;}
.P_improve .flex:nth-of-type(odd) .impr_Z:nth-of-type(even){order: 1;}

.P_improve .flex:nth-of-type(even) .impr_W:nth-of-type(odd){order: 1;}
.P_improve .flex:nth-of-type(even) .impr_Z:nth-of-type(even){order: 0;}

.P_improve .flex:nth-of-type(even) .impr_Z:nth-of-type(even) .impr_infos cite span{margin: 0;padding-bottom: 15px;}

.h510{height: 510px !important;}
.h365{height: 365px !important;}

.Industries{ padding:0; overflow: hidden;}
.Industries ul{font-size: 0px;}
.Industries ul li{display: inline-block; width: 33.333%;margin-bottom: 0;vertical-align: top; position: relative;}
.Industries ul li::after{background-color: rgba(0,0,0,.1); position: absolute;left: 0; top:0;width: 100%;height: 100%;content:"";z-index: 2; }
.Industries ul li .pimgs{width: 100%; height: 377px; overflow: hidden;}
.Industries ul li .pimgs img{display:block;width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;}
.Industries ul li .pimgs img:hover{ transform:scale(1.15); -webkit-transform:scale(1.15); -moz-transform:scale(1.15); -o-transform:scale(1.1); -ms-transform:scale(1.1); }
.Industries ul li .title_er{width:100%; height:100%; display:flex; justify-content:center;  color:#fff; font-size:36px; padding-top: 80px; font-weight: bold;
    position:absolute; top:0; left:0; transition:all 0.5s;z-index: 3;}


.pro-first{padding:48px 0;height:auto;  background:url(../images/pic_cp5.jpg) no-repeat 50% 0;background-size: cover;position: relative;}
.pro-first h2{text-align: left; font-size:60px; font-weight: 400;  line-height: 1; display: block; padding:8px 0; color: #000;z-index: 2; position: relative;}
.pro-first p{ font-size:55px; color: #67c5a1; font-weight: bold; line-height: 1; display: block;color: #67c5a1;z-index: 2; position: relative;padding-bottom: 12px; }

.wai-tech{padding:70px 40px; overflow: hidden;}
.wai-tech ul{overflow: hidden; font-size: 0;}
.wai-tech ul li{display: inline-block; width: 50%; }
.wai-tech ul li .wai_image{width: 100%; height: 343px; overflow: hidden;background: #f1eeee;}

.wai-tech ul li .wai_txt{padding: 40px 70px; overflow: hidden;}
.wai-tech ul li .wai_txt h3{width: 189px;overflow: hidden;}
.wai-tech ul li .wai_txt h3 img{max-width: 100%;display: block;}
.wai-tech ul li .wai_txt p{margin: 29px 0 8px; font-size: 18px; line-height: 1.75;font-weight: 300;}
.wai-tech ul li .wai_txt .wai_more{width: 222px; height: 52px; line-height: 52px;  font-size: 16px; text-align: center; margin:20px 0 0;cursor: pointer; 
    background: #67c5a1;float: right;}
.wai-tech ul li .wai_txt .wai_more a{text-decoration: none;color: #fff; }


.ban_wai{position: relative;width: 340px; margin: 0 auto;overflow: hidden;}
.ban_wai .swiper-slide{position: relative;overflow: hidden;}
.ban_wai .swiper-slide img{display:block;width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;}

.site_content8{padding: 50px 0;color: #fff;line-height: 1.5;text-align: left; background-color: #00b0f0; overflow: hidden;}
.site_content8 .quality_zb{width: 44.5%;}
.site_content8 .quality_zb h3{font-size: 38px; width: 315px; padding-bottom: 12px;letter-spacing:-1px;}
.site_content8 .quality_zb p{padding-bottom: 18px; font-size: 16px;}
.site_content8 .quality_yb{width: 47.5%; margin-top: 55px;}
.site_content8 .quality_yb a{display: inline-block; width: 32%;}
.site_content8 .quality_yb a img{width: 145px; display: block; margin: 0 auto;}


.zl_automation{width: 100%;padding: 190px 0; height: 200px; position: relative; overflow: hidden;}
.zl_automation::after{background-color: rgba(0,0,0,.2); position: absolute;left: 0; top:0;width: 100%;height: 100%;content:"";z-index: 0; }
.zl_automation .automation_c{color: #fff; line-height: 1.75;width:49%; float: right;z-index: 2; position: relative;}
.zl_automation .automation_c p{font-size: 38px;padding-bottom: 20px; }
.zl_automation .automation_c span{color: #fff; text-align: left; font-size: 16px;font-weight: normal;  display: block; padding-bottom:30px;}
.zl_automation .automation_c em{color: #fff; text-align: left; font-size: 16px;font-weight: normal;  display: block; padding-bottom:30px; width: 430px;}


.zl_machine{width: 100%;padding: 70px 0 50px; overflow: hidden;}
.zl_machine ul{margin-left: -2%; overflow: hidden;}
.zl_machine ul li{float: left; width: 31.333%; margin-left:2%;}
.zl_machine ul li .mac_image{width: 100%; height: 320px;overflow: hidden;}
.zl_machine ul li .mac_image img{display:block;width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;}

.Q_sway {padding: 0; overflow: hidden;}
.Q_sway .sway_W{width: 58%; display: inline-block; height: 379px;}
.Q_sway .sway_W img{display:block;width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;}
.Q_sway .sway_Z{width: 42%;  display: inline-block; background: #00b0f0;}
.Q_sway .sway_Z .sway_infos{ margin: 80px 40px; font-size: 16px; line-height: 1.5; color: #fff;}
.Q_sway .sway_Z .sway_infos h4{text-align: left; font-size: 38px;  display: block; padding-bottom: 16px;position: relative;}
.Q_sway .sway_Z .sway_infos cite{display: block;}
.Q_sway .sway_Z .sway_infos cite p{padding-bottom: 20px;}

.Q_framework{padding:55px 0; background: #67c5a1; overflow: hidden;}
.Q_framework ul{margin-left: -3%;overflow: hidden;}
.Q_framework ul li{float: left; width: 22%; margin-left:3%; line-height: 1.55;color: #fff;}
.Q_framework ul li .fw_1{font-size: 18px;font-weight: 700;}
.Q_framework ul li .fw_2{font-size: 16px;}
.Q_framework ul li .fw_2 b{font-weight: 700;}
.Q_framework ul li .fw_3{border: 2px solid #fff; padding:30px 20px 20px; font-size: 22px;font-weight: 700; height: 220px;}



/* 下载 */
.xz_bann{padding:50px 0;height:60px; position: relative;}
.xz_bann h2{text-align: left; font-size: 36px;  line-height: 1.5; display: block; padding-bottom: 12px; color: #fff;z-index: 2; position: relative; letter-spacing: -1px;text-transform: uppercase;}
.xz_bann::after{background-color: rgba(0,176,240,.53); position: absolute;left: 0; top:0;width: 100%;height: 100%;content:"";z-index: 0; }

.D_download{padding: 15px 0; overflow: hidden;}
.D_download ul{margin-left: -1%; overflow: hidden;}
.D_download ul li{margin-left: 1%; display: inline-block; width: 23.5%; vertical-align: top; margin-bottom: 5%; overflow: hidden;}
.D_download ul li img{max-width: 100%;}
.D_download ul li p{font-size: 16px; text-align: left; padding: 15px 0 5px; height:75px; line-height:1.65;}
.D_download ul li .down_more{width: 225px; height: 41px; line-height: 41px; border-radius: 41px;  font-size: 16px; text-align: center; margin:10px auto 0;cursor: pointer; border: 1px solid #000;
    background: #fff}
.D_download ul li .down_more a{text-decoration: none;color: #000; }

.D_download .xz_pics{width: 100%; margin-bottom: 45px; overflow: hidden;}
.D_download .xz_pics dl{margin-left: -1%;padding: 0.5% 0; overflow: hidden;}
.D_download .xz_pics dl dd{width:48.2%; display: inline-block; margin-left: 1%;vertical-align: middle;}
.D_download .xz_pics dl dd img{max-width: 100%; margin: 0 auto; display: block;box-shadow: rgba(0,0,0,0.25) 0 3px 11px 0;}

/* 视频 */
.vd_bann{padding:50px 0;height:60px; position: relative;}
.vd_bann h2{text-align: left; font-size: 36px;  line-height: 1.5; display: block; padding-bottom: 12px; color: #fff;z-index: 2; position: relative;}
.vd_bann::after{background-color: rgba(0,176,240,.27); position: absolute;left: 0; top:0;width: 100%;height: 100%;content:"";z-index: 0; }

.vd_bo{width: 100%; margin-bottom: 20px; overflow: hidden;}
.vd_bo .vd_sps{width:100%;margin: 40px 0 0; overflow: hidden;}
.vd_bo .vd_sps video {width: 65%; border:1px solid #aaa;}
.vd_bo .vd_sps:nth-child(2) video{float: right;}


/* 联系方式 */
.contact_list{padding: 0 0 30px; overflow: hidden;}
.contact_list ul{padding:1% 0;overflow: hidden;}
.contact_list ul li{display: inline-block; width: 31%;box-shadow: rgb(0 0 0 / 25%) 0 3px 11px 0; background: #fff; margin: 0 1%; min-height: 381px; overflow: hidden;}
.contact_list ul li .lx_image{width: 100%; overflow: hidden;}
.contact_list ul li .lx_image img{display:block;width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;}
.contact_list ul li .lx_txt{padding: 20px 10px; text-align: center; overflow: hidden;}
.contact_list ul li .lx_txt h2{font-size: 20px; font-weight: bold;}
.contact_list ul li .lx_txt p{padding:22px 15px 18px; font-size: 16px; color: #000; line-height: 1.5;}
.contact_list ul li .lx_txt .i_icon{width: 27px; height: 27px; margin: 0 auto;}
.contact_list ul li .lx_txt .i_icon i{font-size: 22px;}
.contact_list ul li .lx_txt .i_icon a{text-decoration: none;}
.contact_list ul li  .dt_imgs{box-shadow: rgba(0,0,0,0.25) 0 3px 11px 0;margin:24% auto; vertical-align: middle;width: 226px;}


.contact_feed{padding:28px 0;height: 435px; position: relative;}
.contact_feed::after{background-color: rgba(0,176,240,.26); position: absolute;left: 0; top:0;width: 100%;height: 100%;content:"";z-index: 0; }
.contact_feed .liuyanb{width: 42%; overflow: hidden;  position: relative; z-index: 1;}
.contact_feed .liuyanb h3{font-size: 28px; color: #fff; padding:15px 0 22px 0;}

.form-group{position: relative;display: flex;justify-content:space-between;flex-wrap: wrap;padding-top:30px;}
.form-group .input-group{position: relative;margin-bottom: 20px;}
.form-group .input-group.w50{width: 100%;}
.form-group .input-group.w100{width: 100%;}
.form-group .input-group input,
.form-group .input-group textarea{width: 100% !important;padding:5px 0;font-size: 14px;color: #fff;border:0;border-bottom:1px solid #d5d5d5;outline: none;resize: none;
line-height: 45px; background: transparent;}
.form-group .input-group textarea{min-height: 30px; line-height: 32px;}
.form-group .input-group span{position: absolute;left:0;padding:5px 0;font-size: 14px;color: #fff;transition: 0.3s;pointer-events: none;}
.form-group .input-group input:focus ~ span,
.form-group .input-group textarea:focus ~ span,
.form-group .input-group input:valid ~ span,
.form-group .input-group textarea:valid ~ span{transform:translateY(-20px);font-size: 14px;letter-spacing: 1px;color: #fff;}
.form-group .input-group button{cursor: pointer;background-color: rgba(255,255,255,0.46) ; color: #000;border:1px solid #000; width: 200px; height: 52px; line-height: 52px; font-size: 16px;
border-radius: 52px;}

.contact_feed .information{width: 345px; background: #fff; box-shadow: rgb(0 0 0 / 25%) 0 3px 11px 0; padding: 70px 10px 40px 35px;  position: relative; z-index: 1; overflow: hidden;}

.ct_list{width: 100%; overflow: hidden;}
.ct_list h4{font-size: 16px;font-weight: bold; margin-bottom: 20px;}
.ct_list ul {overflow: hidden;}
.ct_list ul li{width:100%;float:left; padding-bottom: 30px; box-sizing: border-box;font-size: 16px;}
.ct_list ul li span{display:inline-block;width:40px;height:40px; padding-right: 20px; vertical-align: top;}
.ct_list ul li span img{max-width:100%; }
.ct_list ul li p{display:inline-block; width: calc(100% - 85px); font-size:16px;color: #000;; line-height: 30px;}
.ct_list .navigation{margin-top: 15px;width: 166px;overflow: hidden;}
.ct_list .navigation a{display: inline-block; width: 39px;margin-right: 20px;}
.ct_list .navigation a img{max-width:100%; }
.ct_list .navigation a:last-child{margin-right: 0;}

/* 隐私 */
.Y_privacy{padding: 60px 0 102px; background: #fff; overflow: hidden;}
.Y_privacy .ys_infos{font-size: 15px; line-height: 1.5; color: #4c4646; overflow: hidden;}

.Y_version{padding: 40px 0 32px; background: #fff; overflow: hidden;}
.Y_version .ver_infos{font-size: 16px; line-height: 1.65; color: #4c4646; margin-bottom: 15px; overflow: hidden;}
.Y_version .ver_infos h2{font-size: 23px; color: #4c4646; padding-bottom: 8px;}
.Y_version .ver_infos h3{font-size: 23px; color: #000; padding-bottom: 8px; padding-top: 15px;}

.Y_disclaimer{padding: 40px 0 70px; background: #fff; overflow: hidden;}
.Y_disclaimer .dis_infos{font-size: 16px; line-height: 1.5; color: #4c4646; overflow: hidden;}


.products{display: flex;justify-content: space-between;}

.products_r{width: 77%;}
.products_r .title{font-size: .16rem;padding: .1rem 0;border-bottom: 1px solid #DDD;}
.products_dyip{background: #F5F5F5;padding: .2rem;margin-top: .1rem;}
.products_dyip .box{display: flex;justify-content: space-between;}
.products_dyip .left{width: 40%;line-height: 1.6;}
.products_dyip .left h2{color: #003d97;font-size: .1rem;}
.products_dyip .left p{margin-top: .1rem;}
.products_dyip .pic{width: 55%;}
.products_dyip figure{padding-bottom: 30%;}

.products_derp{display: flex;justify-content: space-between;margin-top: .2rem;}
.products_derp .list{width: 48%;}
.products_derp .list h2{color: #003d97;font-size: .1rem;border-bottom: 1px solid #DDD;padding: .1rem 0;}
.products_derp .list li{padding: .05rem 0;border-bottom: 1px solid #DDD;position: relative;}
.products_derp .list li:after{width: 2px;height: 2px;background: #666;content: "";display: block;position: absolute;left: 0;top: .12rem;}
.products_derp .list li a{margin-left: .1rem;}
.products_derp .list li a:hover{text-decoration: none;}

.list_dyip{line-height: 1.6;margin-top: .1rem;}

.list_derp{margin-top: .2rem;}
.list_derp .titleer{font-size: .14rem;padding-left: .07rem;border-left: 2px solid #003d97;}
.list_derp .pic{margin-top: .1rem;}
.list_derp figure{padding-bottom: 20%;}
.list_derp ul{display: flex;justify-content: space-between;flex-flow: wrap;margin-top: .1rem;}
.list_derp li{width: 48%;padding-bottom: .2rem;}
.list_derp li h2{font-size: .1rem;}
.list_derp li p{margin-top: .05rem;color: #999;line-height: 1.6;}
.list_derp li .more{text-align: right;margin-top: .05rem;}
.list_derp li .more a{color: #003d97;}

.products_con{margin-top: .1rem;}
.products_con strong{font-size: .16rem;padding: .1rem 0;display: block;color: #003d97;}
.products_con .products_con_t .left{width: 40%;float: left;}
.products_con .products_con_t .left img{width: 100%;}
.gallery-top_products{box-sizing: border-box;border: 1px solid #CCC;}
.gallery-top_products .swiper-pagination .swiper-pagination-bullet{margin:0 3px;}
.gallery-top_products .swiper-pagination-bullet{width: 6px;height: 6px;background: #333;opacity: 0.1;}
.gallery-top_products .swiper-pagination-bullet-active{background: #333;opacity: 1;}
.gallery-top_products .swiper-button-next,.gallery-top_products .swiper-button-prev{background: none;width: 50px;height: 50px;text-align: center;line-height: 50px;margin-top: -25px;outline: medium;color: #666;}
.gallery-top_products .swiper-button-next:after,.gallery-top_products .swiper-button-prev:after{font-size: 30px;}
.gallery-thumbs_products{margin-top: .1rem;}
.gallery-thumbs_products .swiper-slide {cursor: pointer;border: 1px solid #CCC;box-sizing: border-box;}
.gallery-thumbs_products .swiper-slide-thumb-active {opacity: 1;}
.products_con_t .right{width: 55%;float: right;}
.products_con_t .right .txt{line-height: 2;}

.products_con_b{margin-top: .2rem;}
.products_con_b .titlesi{font-size: .12rem;color: #333;padding: .1rem 0;}
.products_con_b .box{line-height: 2;}


.syt{overflow: hidden;}
.syt ul{display: flex;align-items: center;justify-content: space-between;}
.syt li{line-height: 2;text-align: center;}
.syt li a{display: flex;align-items: center;justify-content: center;padding:15px 0; color: #45abd8; font-size: 16px;}
.syt li a:hover{display: flex;align-items: center;justify-content: center;text-decoration: none;}
.syt ul:after{display: none;}

.xwj_more{margin:20px auto;text-align: center; display: block;overflow: hidden;}
.xwj_more a{display: inline-block;width: 280px; height: 43px; line-height: 43px; border-radius: 43px;  font-size: 16px; color:#000; background:#fff;text-align:center;
 border-radius:43px; border: 1px solid #000; text-decoration: none;}
.xwj_more a:hover{text-decoration: none;background: #fff;color: #000;}

.lnks{max-width: 300px; display: flex; justify-content: space-between; align-items: center; margin: 25px auto 0; }
.lnks li{display: inline-block; margin: 0 8px;transition:all 0.3s ease-in 0s;}
.lnks li img{max-width: 100%;transition:all 0.3s ease-in 0s;}
.lnks li:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);transition:all 0.3s ease-in 0s;}

.liuyan{background: #F5F5F5;}
.liuyan .title{text-align: center;}
.liuyan .txt{text-align: center;margin-top: .08rem;}
.liuyan ul{margin-left: -2%;margin-top: .2rem;}
.liuyan li{ width:48%; margin-bottom: .1rem;float: left;margin-left: 2%;}
.liuyan li p{padding-bottom: 5px;}
.liuyan li .input_txt{ width:100%; border:2px solid #EEE; outline:medium; padding:.05rem 2%; font-family:'Conv_tt1161m_';box-sizing: border-box;}
.liuyan .textarea{  margin:0;}
.liuyan .textarea textarea{ width:100%; height:.7rem; border:2px solid #EEE; outline:medium; padding:1%;box-sizing: border-box;}
.liuyan .textarea p{font-weight: bold;padding-bottom: 10px;}
.liuyan .more{margin-top:.1rem;}
.liuyan .input_btn{border:0 none; color:#FFF; background:#003d97;cursor: pointer;outline: medium;padding: .05rem .2rem;}


.download ul{display: flex;align-items: center;justify-content: space-between;}
.download ul:nth-of-type(1){background: #003d97;color: #FFF;}
.download li{padding: .1rem;}
.download li:nth-of-type(1){width: 50%;}
.download li:nth-of-type(2){width: 10%;text-align: center;}
.download li:nth-of-type(3){width: 10%;text-align: center;}
.download li:nth-of-type(4){width: 10%;text-align: center;}
.download li:nth-of-type(5){width: 10%;text-align: center;}
.download li:nth-of-type(6){width: 10%;text-align: center;}
.download ul:nth-of-type(even){background: #F5F5F5;}
.download li a{display: block;color: #003d97;}
.download li a:hover{display: block;text-decoration: none;}

.con .contact{line-height: 1.6;}
.con .contact ul{display: flex;align-items: center;justify-content: space-between;text-align: center;flex-flow: wrap;}
.con .contact li{width: 25%;display: flex;align-items: center;justify-content: center;flex-flow: column;}
.con .contact li i,.con .contact li em{width: .4rem;height: .4rem;background: #003d97;display: block;line-height: .4rem;text-align: center;color: #FFF;font-size: .18rem;border-radius: 100%;}
.con .contact li strong{margin-top: .1rem;font-size: .1rem;}
.con .contact li .xian{width: .1rem;height: 2px;background: #999;margin-top: .1rem;}
.con .contact li p{margin-top: .1rem;}

#map_container{ height:3rem;margin-top: .5rem;}