header{position: fixed;width: 100%; z-index: 9999}
.pcNav{padding-top: 40px}
.pcNav_w{width:1770px;max-width: 100%;margin: 0 auto}
.pcNav .pcNav_con{display: flex;justify-content: space-between;align-items: center}
.pcNav_con .con_r{display: flex;align-items: center}
.pcNav_list{display: flex;align-items: center;}
.pcNav_list li{margin-right: 53px}
.pcNav_list li a{display: inline-block; color: #fff;font-size: 17px;transition: .4s all ease}
.pcNav_list li a:hover{transform: translateY(-3px)}
.pcNav_con .search{position: relative}
.pcNav_con .search i{color: #fff;font-size: 24px;cursor: pointer}
.pcNav_con .search .input{position: absolute;right: 100%;top: 50%;transform: translateY(-30%);padding-right: 10px;opacity: 0;pointer-events: none;transition: .4s transform,opacity ease}
.pcNav_con .search input{width: 180px;height: 36px;border-radius: 4px; border: 1px solid #fff;background: rgb(255,255,255);color: #333;padding: 0 10px}
.pcNav_con .search:hover .input{opacity: 1;pointer-events: auto;transform: translateY(-50%)}
.pcNav_con .lang{display: block; height: 24px;margin-left: 28px; padding: 0 4px;background: #fff;font-size: 14px;color: #222222;text-align: center;line-height: 24px;border-radius: 4px;transition: .4s all ease}
.pcNav_con .lang:hover{background: #dfdfdf}
.n_pcNav {padding:30px 0; background: #222222}

.i_body{position: relative;z-index: 9;}
.i_page_view{position: absolute;left: 0;top: 0;z-index: 1;width: 100vw;height: 100vh;background: #222325}
.i_page_view .g_bg{position: absolute;left: 0;top: 0;  width: 100vw;height: 100vh; opacity: 0;transition: .6s all ease}
.i_page_view .g_bg.active{opacity: 1}
.i_swiper{}
.i_swiper > .swiper-wrapper{height: 100vh}
.i_swiper > .swiper-wrapper > .swiper-slide{}
.i_swiper_pagination{}
.i_swiper_pagination .swiper-pagination-bullet{margin:20px 0 !important; display: block; width: 16px; height: 16px;background: rgba(255,255,255,.28);opacity: 1;
    position: relative;transition: .4s all ease}
.i_swiper_pagination .swiper-pagination-bullet:before{content: '';position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%); width: 100%;height: 100%;
    border-radius: 50%;background: #fff;opacity: 0;transition: .4s all ease}
.i_swiper_pagination .swiper-pagination-bullet:after{content: '';position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%); width: 100%;height: 100%; border-radius: 50%;
    border: 1px solid #fff;border-color: rgba(255,255,255,1);opacity: 0;transition: .4s all ease}
.i_swiper_pagination .swiper-pagination-bullet-active:after{opacity: 1;width: 24px;height: 24px;}
.i_swiper_pagination .swiper-pagination-bullet-active:before{opacity: 1;width: 8px;height: 8px;}
.i_swiper_pagination .swiper-pagination-bullet-active{background: none}


.swiper-button-next,.swiper-button-prev{background: none}
/**/
.i_page{height: 100vh}
.i_banner_img{height: 100vh;background-position: center;background-size: cover}
.i_banner .mobile{display: none!important;}
.i_banner_text{position: absolute;top: 18%;left: 12.5%;width: 41%}
.i_banner_text .more{position: relative; margin-top: 90px; display: flex; align-items: center;justify-content: center; width: 224px;height: 64px;background: #0054f9;color: #fff;font-size: 16px;overflow: hidden}
.i_banner_text .more:before{content: '';position: absolute;width: 100%;height: 100%; background: #6c28ad;transform: translateX(-100%); transition: .4s all ease;z-index: 1}
.i_banner_text .more i{transition: .4s all ease;z-index: 2 }
.i_banner_text .more em{position: relative;font-style: normal; z-index: 2 }
.i_banner_text .more:hover i{transform: translateX(6px)}
.i_banner_text .more:hover:before{transform: translateX(0)}
.i_banner .swiper-button{position: absolute;bottom: 8%;left: 12.5%; display: flex;align-items: center}
.i_banner .swiper-button .swiper-pagination{position: relative;bottom: auto; width: 70px;text-align: center; color: #fff;}
.i_banner .swiper-button .swiper-pagination span{font-family: 'Candara';font-size: 20px}
.i_banner .swiper-button-prev,.i_banner .swiper-button-next{position: relative;transform: translate(0);margin: 0;width: auto;height: auto;left: 0;right: 0;top: 0;bottom: 0;color: #fff;opacity: .24}
.i_banner .swiper-button-prev i{display: inline-block; transform: rotate(180deg)}
.i_banner .swiper-button-prev:hover,.i_banner .swiper-button-next:hover{opacity: 1}

.i_title{}
.i_title span{display: block;margin-bottom: 26px;font-size:54px;color: #fff; font-weight: 500}
.i_title img{height: 68px;}
.i_title p{margin-top: 40px; color: #fff;opacity: .4;font-size: 17px;line-height: 26px}

.more{width: 140px;height: 40px; display: flex;align-items: center;justify-content: center;color: #fff;background: #0054f9;overflow: hidden;position: relative  }
.more i{z-index: 9;transition: .4s all ease}
.more em{font-style: normal;margin-right: 18px;position: relative;z-index: 9}
.more:before{content: '';position: absolute;width: 100%;height: 100%; background: #6c28ad;transform: translateX(-100%); transition: .4s all ease;z-index: 1}
.more:hover i{transform: translateX(6px)}
.more:hover:before{transform: translateX(0)}

.i_pro{display: flex;align-items: center;}
.i_pro_w{width: 1600px;max-width: 100%;margin: 0 auto}
.i_pro_con{display: flex}
.i_pro_con .con_l{width: 160px;opacity: 0;transform: translateY(-40px);transition: 1s all ease }
.i_pro .i_title span{display: inline-block;width: 54px;line-height: 1.2}
.i_pro .i_title img{vertical-align: top;margin-top: 106px;height: auto;width: 86px}
.i_pro_con .con_r{width:calc(100% -  160px);padding-left: 94px;opacity: 0; transform: translateY(40px);transition: 1s all ease}
.i_pro_swiper{ padding-top: 118px; padding-bottom: 80px;}
.i_pro_con .list{display: flex;justify-content: space-between;}
/* 22.7  width: 17.56%*/
.i_pro_con .item{position: relative;;padding: 0 9px 0 2px; width: 100% !important; background: -webkit-linear-gradient(bottom, #2255e2 , #7436ac);transition: .4s all ease}
.i_pro_con .item a{display: block;position: relative}
.i_pro_con .item a .item_after{position: absolute;left: 50%;top: 0;transform: translate(-50%,-50%);font-size: 72px;color: #fff;transition: .4s all ease}
.i_pro_con .item .item_img{position: relative;;padding-top:148.1%;overflow: hidden}
.i_pro_con .item .item_img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 100%;max-height: 100%;transition: .4s all ease}
.i_pro_con .item .item_img .item_before{position: absolute;left: 50%;top: 0;transform: translate(-50%,-50%);z-index: 9;font-size: 72px;color: #0054f9}
.i_pro_con .item .item_img .item_before2{position: absolute;left: 50%;top: 30px;transform: translate(-50%,0);z-index: 9;font-size: 40px;color: #0054f9}
.i_pro_con .item .more{position: absolute;left: 50%;bottom: 0;transform: translate(-50%,50%); display: flex;align-items: center;justify-content: center;
   width: 140px;height: 40px; color: #fff;background: #0054f9;overflow: hidden}
.i_pro_con .item .more i{z-index: 9;transition: .4s all ease}
.i_pro_con .item .more em{font-style: normal;margin-right: 18px;position: relative;z-index: 9}
.i_pro_con .item .more:before{content: '';position: absolute;width: 100%;height: 100%; background: #6c28ad;transform: translateX(-100%); transition: .4s all ease;z-index: 1}
.i_pro_con .more:hover i{transform: translateX(6px)}
.i_pro_con .more:hover:before{transform: translateX(0)}
.i_pro_con .item:hover a .item_after{color: #0054f9}
.i_pro_con .item:hover .item_img img{transform: translate(-50%,-50%) scale(1.06);}
.i_pro_con .item:hover {background: -webkit-linear-gradient(bottom, #7436ac , #2255e2);}
.i_pro.active .i_pro_con .con_l{opacity: 1;transform: translateY(0)}
.i_pro.active .i_pro_con .con_r{opacity: 1;transform: translateY(0)}

.i_video{position: relative; width: 100%;height: 100%;overflow: hidden;}
.i_video video{width: 100%;position: absolute;top: 50%;transform: translateY(-50%)}


.i_app{}
.i_app .item{transform: rotateY(90deg);transition: .6s all ease}
.i_app .item a{display: block;height: 100vh;position: relative}
.i_app .item a:before{content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);
   max-width: 100%; width: 100%;height: 100%;background: rgba(0,0,0,.62);transition: .6s all ease}
.i_app .item a .text{position: absolute;left: 0;bottom: 0;max-width: 100%; padding: 24px 40px;color: #fff;transition: .6s all ease}
.i_app .item a .text i{font-size: 26px;}
.i_app .item a .text b{display: block; margin-top: 10px; font-size: 30px;line-height: 1;font-weight: 500}
.i_app .item a .text span{display: block; margin-top: 10px; font-size: 16px; opacity: .47}
.i_app .item:hover a .text{left: 50%;bottom: 50%; transform: translate(-50%,50%); text-align: center;width: 300px;}
.i_app .item:hover a:before{width: 300px; height: 220px;background: rgba(0,0,0,.7); }
.i_app .swiper-pagination{top: auto;bottom: 0}
.i_app.active .item{transform: rotateY(0)}


.i_client{}
.i_client_con{height: 100vh;display: flex;align-items: center;justify-content: center}
.i_client_con .con_l{opacity: 0;transform: translateX(-40px);transition: .6s all ease}
.i_client_con .con_l p{width: 360px;}
.i_client_con .con_r{padding-left: 88px;opacity: 0;transform: translateX(40px);transition: .6s all ease}
.i_client .list{display: flex;flex-wrap: wrap; width: 872px}
.i_client .list .item{width: 25%; position: relative; border-top:2px solid #424446;border-left:2px solid #424446;}
.i_client .list .item .item_img{padding-top: 63.42%;position: relative;z-index: 99;  transition: .4s all ease }
.i_client .list .item .item_img img{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);max-height: 100%;max-width: 100%; transition: .4s all ease }
.i_client .list .item .item_img img:nth-child(1){opacity: 0}
.i_client .list .item:hover .item_img img:nth-child(1){opacity: 1}
.i_client .list .item:hover .item_img img:nth-child(2){opacity: 0}
.i_client .list .item:hover .item_img {background: #fff;transform: scale(1.06)}
.i_client .list .item:hover{z-index: 99}
.i_client .list .item:nth-child(4n){border-right: 2px solid #424446 }
.i_client .list .item:nth-last-child(-n+4){border-bottom: 2px solid #424446}
.i_client .list .item:nth-last-child(1){border-bottom: 0;border-right: 0}
.i_client .more{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);max-width: 90%}
.i_client.active .con_l{opacity: 1;transform: translate(0)}
.i_client.active .con_r{opacity: 1;transform: translate(0)}


.i_news{}
.i_news .i_news_swiper .item{height: 100vh; display: flex;align-items: center;border-right: 2px solid #3f3f3f;background: #282a2c; opacity: 0;transform: translateY(40px); transition: .4s all ease}
/*.i_news .i_news_swiper .item:nth-last-child(1){border-right: 0;}*/
.i_news .i_news_swiper .item a{display: block;padding: 0 40px;width: 100%}
.i_news .i_news_swiper .item .item_num{display: block; height: 90px; font-size: 110px;font-family: 'SEMIBOLD';color: #0054f9;line-height: 1}
.i_news .i_news_swiper .item .item_title{display: block; margin-top: 100px; color: #fff;font-size:20px;line-height: 28px; height: 56px;overflow: hidden}
.i_news .i_news_swiper .item .item_dsc{display: block; margin-top: 15px; color: #888888;font-size:15px;line-height: 1; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: .2s all ease}
.i_news .i_news_swiper .item .item_img{margin-top: 40px}
.i_news .i_news_swiper .item .g_bg{padding-top: 68.96%}
.i_news .i_news_swiper .item .item_time{display: block; margin-top: 40px;font-size: 16px;color: #999999;transition: .2s all ease}
.i_news .i_news_swiper .item:hover{background: -webkit-linear-gradient(right bottom,#2255e2,#7436ac);}
.i_news .i_news_swiper .item:hover .item_dsc{color: #fff}
.i_news .i_news_swiper .item:hover .item_time{color: #fff}
.i_news .i_news_swiper .item:nth-child(2){transition: .4s all ease .2s}
.i_news .i_news_swiper .item:nth-child(3){transition: .4s all ease .4s}
.i_news .i_news_swiper .item:nth-child(4){transition: .4s all ease .6s}
.i_news .i_news_swiper .item:nth-child(5){transition: .4s all ease .8s}
.i_news.active .i_news_swiper .item{opacity: 1;transform: translateY(0)}


.i_contact{display: flex;align-items: center}
.i_contact_w{width: 1120px;max-width: 100%;margin: 0 auto}
.i_contact .con{width: 100%;}
.i_contact .con_bottom{display: flex;margin-top: 46px;}
.i_contact .con_l{width: 45%}
.i_contact .con_r{width: 55%}
.i_contact .con_l ul {}
.i_contact .con_l ul li{display: flex;align-items: center;margin-top: 26px;}
.i_contact .con_l ul li:nth-child(1){margin-top: 0}
.i_contact .con_l ul li i{width: 52px;height: 52px;line-height: 52px;text-align: center;border-radius: 50%;background: #fff;color: #0054f9;font-size: 24px;}
.i_contact .con_l ul li div{padding-left: 22px;}
.i_contact .con_l ul li div b{display: block;color: #fff;font-size: 20px;font-weight: 500;}
.i_contact .con_l ul li div span{display: block;color: #999999;font-size: 17px;}
.form_row{margin-top:22px;display: flex;justify-content: space-between}
.form_row:nth-child(1){margin-top:0}
.form_item{width: 100%}
.form input{width: 100%; height: 50px;padding: 0 16px; background: rgba(255,255,255,.53);border: 1px solid #505050;color: #fff;font-size: 15px;transition: .4s all ease}
.form input::-webkit-input-placeholder{color: #fff;}
.form input:-moz-placeholder{color: #fff;}
.form input::-moz-placeholder{color: #fff;}
.form input:-ms-input-placeholder{ color: #fff;}
.form input:hover{border-color: #fff}
.form textarea{display: block;width: 100%; height:216px; padding:16px; background: rgba(255,255,255,.53);border: 1px solid #505050;color: #fff;font-size: 15px;transition: .4s all ease}
.form textarea::-webkit-input-placeholder{color: #fff;}
.form textarea:-moz-placeholder{color: #fff;}
.form textarea::-moz-placeholder{color: #fff;}
.form textarea:-ms-input-placeholder{ color: #fff;}
.form textarea:hover{border-color: #fff}
.form button{margin-top:10px; width:140px;height:46px;line-height:46px;text-align:center;color:#0054f9;background: #fff;font-size: 17px;border: 0;transition: .4s all ease}
.form button i{font-size:20px;vertical-align: bottom}
.form button:hover{background: #6c28ad;color: #fff}
.w49{ width: 49%;}
.i_contact footer{position: absolute;left: 0;bottom:0;width: 100%;}


footer .f_top{padding: 80px 0 68px 0;background: #030303}
footer .f_top .f_w{margin: 0 auto; width: 1280px; max-width: 100%; display: flex;justify-content: space-between}
footer .f_title{display: block;font-size: 18px;color: #fff;font-weight: 500}
footer .f_text{display: block;font-size: 15px;color: #75767a;}
footer .f_text p{margin-top: 16px;transition: .4s all ease}
footer .f_link{display: flex}
footer .f_link .item{margin-right: 100px}
footer .f_link .item:nth-last-child(1){margin: 0}
footer .f_link a{display: block;margin-top: 16px; color: #75767a;transition: .4s all ease}
footer .f_link a:hover{color: #fff}
footer .f_text p:hover{color: #fff}
footer .f_code img{margin-top: 16px;}
footer .f_code span{margin-top: 10px;display:block }
footer .f_tel p{font-size: 30px;color: #75767a;transition: .4s all ease}
footer .f_tel p i{font-size: 38px;}
footer .f_tel p:hover{color: #fff}
footer .f_bottom{padding: 22px 0; color: #75767a;font-size: 15px;text-align: center;background: #282a2c}
footer .f_bottom span{}
footer .f_bottom a{color: #75767a;}
footer .f_bottom a:hover{color: #fff}

.n_body{padding-top: 97px;}
.n_title{color: #fff}
.n_title span{display: block;font-size: 60px;line-height: 1;margin-bottom: 20px;}

.n_about{}
.n_about .con1{position: relative;font-size: 0}
.n_about .con1 i{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); z-index: 99; cursor: pointer;
    width: 60px;height: 60px;line-height: 60px;text-align: center;background: #fff;border-radius: 50%;color: #333;font-size: 24px;box-shadow: 0 0 6px #333}
.n_about .con1 i:before{transform: translateX(2px);display: inline-block}
.n_about .con1 video{width: 100%}

.n_about .con2{padding: 170px 0;display: flex;justify-content: center;
    background: url("../images/n_about2.jpg") no-repeat; background-size: cover;background-position: center}
.n_about .con2 .con_r{width:524px;margin-left: 90px;}
.n_about .con2 .text{margin-top: 108px;font-size: 15px;color: #cccccc;line-height: 28px;text-align: justify}
.n_about .con2 .text img{margin-bottom: 16px;}
.n_about .con2 .text p{}

.n_about .con3{padding: 100px 0 168px 0;background: url("../images/n_about3.jpg") no-repeat;background-size: cover;background-position: center}
.n_about .con3_w{display: flex;justify-content: center}
.n_about .con3 .con_r{margin-left: 155px; width: 590px;color: #fff}
.n_about .con3 .con_r .text{padding-top: 50px;color: #fff}
.n_about .con3 .con_r .text b{font-size: 24px;font-weight: 500;}
.n_about .con3 .con_r .text p{margin-top: 20px; font-size: 15px;line-height: 28px;text-align: justify}

.n_about .con4{height: 940px;padding-top: 117px; background: #222325}
.n_about .con4 .n_title{text-align: center}
.n_about .con4 .view{margin: 58px auto 0 auto;display: flex;justify-content: center}
.n_about .con4 .item{position: relative;width: auto}
.n_about .con4 .item .item_top{width: 300px;height: 300px;display: flex;align-items: center;justify-content: center;text-align: center;
    border: 1px solid #4b4c4d; border-radius: 50%;background: rgba(255,255,255,.08)}
.n_about .con4 .item .item_top span{display: block;font-size: 16px;color: #a4a4a4}
.n_about .con4 .item .item_top b{display: block;font-size: 22px;color: #fff;line-height: 1;margin-top: 30px;}
.n_about .con4 .item .item_bottom{position: absolute;transform: translateY(-34px);  width: 100%; text-align: center;color: #fff;}
.n_about .con4 .item .item_text{margin: 26px auto 0 auto;width: 70%; font-size: 15px;line-height: 26px;opacity: 0;transform: translateY(30px); }
.n_about .con4 .item .item_text i{font-size: 32px;}
.n_about .con4 .item .item_text p{margin: 20px auto 0 auto;}
.n_about .con4 .item .item_line{position: relative; width: 1px;height: 68px;background: #707070;margin: 0 auto;transform: scaleY(0);  }
.n_about .con4 .item .item_line:before{content: '';width: 5px;height: 5px;border-radius: 50%;background: #fff;display: block;position: absolute;left: 50%;top: 0;transform: translate(-50%,-50%)}
.n_about .con4 .item .item_line:after{content: '';width: 5px;height: 5px;border-radius: 50%;background: #fff;display: block;position: absolute;left: 50%;bottom: 0;transform: translate(-50%,50%)}
/*.n_about .con4 .item:nth-child(1){transform: translateX(10%)}*/
/*.n_about .con4 .item:nth-child(3){transform: translateX(-10%)}*/
/*.n_about .con4 .item:hover .item_line{transform: scaleY(1) }*/
/*.n_about .con4 .item:hover .item_text{transform: translate(0);opacity: 1 }*/

.n_about .con5{display: flex}
.n_about .con5 .con_l{width: 50%;background-position: center;background-size:  100% 100%;transition: .6s all ease}
.n_about .con5 .view{position: relative;padding-top: 76%;color: #fff}
.n_about .con5 .view .text{position: absolute;top: 16.85%;width: 100%;display: flex;justify-content: center;}
.n_about .con5 .view .before{max-width: 400px;margin-left: 24px}
.n_about .con5 .view .before b{font-size: 36px;font-weight: 500;line-height: 1}
.n_about .con5 .view .before p{margin-top: 16px; text-align: justify;font-size: 16px;line-height: 26px;}
.n_about .con5 .con_l:hover{background-size: 106% 106%}

.n_about .con6{padding: 118px 0 126px 0;background: #222325;display: flex;justify-content: center}
.n_about .con6 .n_title{display: flex}
.n_about .con6 .n_title span{width: 56px;line-height: 1.1}
.n_about .con6 .n_title img{margin-left: 26px;height: auto}
.n_about .con6 .con_r{width: 600px;margin-left: 160px;}
.n_about .con6 ul{position: relative}
.n_about .con6 ul:before{content: '';position: absolute;top: 8px; left: 93px;width: 1px;height: 100%;background: #46494d}
.n_about .con6 ul li{display: flex;position: relative;margin-top: 24px}
.n_about .con6 ul li:before{content: '';position: absolute;left: 90px;top: 8px;width: 7px;height: 7px;display: block;border-radius: 50%;background: #fff}
.n_about .con6 ul li .year{width: 90px;padding-right: 10px;font-size: 24px;color: #fff}
.n_about .con6 ul li .text{width: calc(100% - 90px);padding-left: 40px;transition: .4s all ease}
.n_about .con6 ul li .title{font-size: 24px; color: #fff}
.n_about .con6 ul li .text p{margin-top: 16px; font-size: 16px; line-height: 26px; color: #cccccc;transition: .4s all ease}
.n_about .con6 ul li:hover .text p{color: #fff;transform: translateY(-6px)}

.n_about .con7{padding: 100px 0 140px 0; background: -webkit-linear-gradient(right bottom,#2255e2,#7436ac);}
.n_about .con7 .n_title{text-align: center}
.n_about .con7 .con7_img{margin-top: 60px; text-align: center}

.n_about .con8{padding: 135px 0;background: #222325}
.n_about .con8 .g_w{display: flex;align-items: center; justify-content: space-between;}
.n_about .con8 .con8_img{ width: calc(100% - 506px);;padding-left: 60px;}
.n_about .con8_img_top{display: flex}
.n_about .con8_img_top .img{ flex-shrink: 1;}
.n_about .con8_img_top .img:nth-child(2){margin: 0 10px;}
.n_about .con8_img_bottom{margin-top: 36px;}
.n_about .con8 .n_title{flex-shrink: 0; flex-grow: 0}


@-webkit-keyframes lineFadeIn {
    0% { transform: scaleY(0)}
    100% { transform: scaleY(1)}
}
@keyframes lineFadeIn {
    0% { transform: scaleY(0)}
    100% { transform: scaleY(1)}
}
.lineFadeIn {
    -webkit-animation-name: lineFadeIn;
    animation-name: lineFadeIn;
}

@-webkit-keyframes textFadeIn {
    0% { opacity: 0; transform: translateY(30px)}
    100% {opacity: 1;transform: translate(0);}
}
@keyframes textFadeIn {
    0% { opacity: 0; transform: translateY(30px)}
    100% {opacity: 1;transform: translate(0);}
}
.textFadeIn {
    -webkit-animation-name: textFadeIn;
    animation-name: textFadeIn;
}



@-webkit-keyframes fadeInTranslateL {
    0% { opacity: 0; transform: translateX(100%)}
    100% { opacity: 1;transform: translateX(10%)}
}
@keyframes fadeInTranslateL {
    0% { opacity: 0; transform: translateX(100%)}
    100% { opacity: 1;transform: translateX(10%)}
}
.fadeInTranslateL {
    -webkit-animation-name: fadeInTranslateL;
    animation-name: fadeInTranslateL;

}

@-webkit-keyframes fadeInTranslateR {
    0% {opacity: 0; transform: translateX(-100%)}
    100% {opacity: 1; transform: translateX(-10%)}
}
@keyframes fadeInTranslateR {
    0% {opacity: 0; transform: translateX(-100%)}
    100% {opacity: 1; transform: translateX(-10%)}
}
.fadeInTranslateR {
    -webkit-animation-name: fadeInTranslateR;
    animation-name: fadeInTranslateR;

}

.n_pro{background: #222325}
.n_pro_tab{display: flex}
.n_pro_tab .item{width: 20%;background: -webkit-linear-gradient(right bottom,#2255e2,#7436ac);}
.n_pro_tab .item a{display: block;position: relative;transition:.4s all ease}
.n_pro_tab .item a:before{content: '';position: absolute;left: 0;top: 0;display: block; width: 100%;height: 100%;background: rgba(0,0,0,.34);transition:.4s all ease}
.n_pro_tab .item .g_bg{padding-top: 98.9%;transition: .4s all ease}
.n_pro_tab .item .item_title{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 30px;
  max-width: 80%; width: 200px;height:50px;line-height: 50px;text-align: center;color: #fff;font-size: 22px;z-index: 9;transition: .4s all ease}
.n_pro_tab .item{width: 20%;background: -webkit-linear-gradient(right bottom,#2255e2,#7436ac);}
.n_pro_tab .item:hover .g_bg{transform: scale(.9)}
.n_pro_tab .item:hover a:before{background: rgba(0,0,0,0)}
.n_pro_tab .item:hover .item_title{top: 85%;background: #fff;color: #0054f9}
.n_pro_tab .item.active .g_bg{transform: scale(.9)}
.n_pro_tab .item.active a:before{background: rgba(0,0,0,0)}
.n_pro_tab .item.active .item_title{top: 85%;background: #fff;color: #0054f9}

.n_pro .con2{padding-bottom: 60px;}
.n_pro .con2_top{margin-top: 50px; display: flex;justify-content: space-between}
.n_pro .con2_top b{color: #fff;font-size: 30px;font-weight: 500}
.n_pro .con2_top .con2_search{display: flex;align-items: center;background: #fff;border-radius: 30px;padding: 4px}
.n_pro .con2_top .con2_search input{border: 0;background: none;padding: 0 10px;}
.n_pro .con2_top .con2_search i{width: 44px;height: 44px;line-height: 44px; text-align: center;color: #fff;border-radius: 50%;background: #2255e2;cursor: pointer}
.n_pro .tag{display: flex;}
.n_pro .tag a{font-size: 18px;color: #fff;margin-right: 20px;padding: 10px 16px; line-height: 1; border-radius: 30px;border: 1px solid #fff;transition: .4s all ease;}
.n_pro .tag a:hover{background: #fff;color: #0054f9;}
.n_pro .tag a.active{background: #fff;color: #0054f9;}
.n_pro .pro_list{display: flex;flex-wrap: wrap;padding-top: 16px;}
.n_pro .pro_list .item{margin-top: 20px; padding: 6px; background: #fff;position: relative;transition: .4s all ease}
.n_pro .pro_list .item a{display: none}
.n_pro .pro_list .item a.active{display: block}
.n_pro .pro_list .item_type{position: absolute;left: 26px;top: 34px; z-index: 9}
.n_pro .pro_list .item_type span{display: block;position: relative;border-radius: 50%;margin: 12px 0;width: 12px;height: 12px;cursor: pointer}
.n_pro .pro_list .item_type span .before{display: block; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);
    width: 22px;height: 22px;border-radius: 50%;border: 1px solid #fff;opacity: 0;transition: .4s all ease}
.n_pro .pro_list .item_type span.active .before{opacity: 1}
.n_pro .pro_list .item_img{padding-top:92.4%;position: relative;background: #fff;transition: .4s all ease}
.n_pro .pro_list .item_img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 100%;max-height: 100%}
.n_pro .pro_list .item_text{padding: 24px 15px;transition: .4s all ease}
.n_pro .pro_list .item_title{color: #222222;font-size: 22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
.n_pro .pro_list .item_more{margin-top: 4px; font-size: 14px;color: #0054f9;font-style: normal;display: block}
.n_pro .pro_list .item:hover{background: #0054f9}
.n_pro .pro_list .item:hover .item_text{text-align: center}
.n_pro .pro_list .item:hover .item_title{color: #fff}
.n_pro .pro_list .item:hover .item_more{color: #fff}

.pagination{margin-top:60px; display: flex; justify-content: center}
.pagination a{display: block;margin: 0 6px; width: 44px;height: 44px;line-height: 44px;text-align: center;border-radius: 50%;background: #fff;font-size: 16px;color: #888888;
transition: .4s all ease}
.pagination a:hover{background: #2255e2;color: #fff}
.pagination a.active{background: #2255e2;color: #fff}

.n_pro_d{background: #222222}
.n_pro_d .con1{padding: 70px 0 100px 0}
.n_pro_d .con1 .view{padding: 8px;background: -webkit-linear-gradient(right bottom,#2255e2,#7436ac);}
.pro_d_img{position: relative;}
.pro_d_img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 90%;max-height: 90%}

.n_pro_con{padding:70px 76px 100px 50px; display: flex; background: #f1f1f1}
.n_pro_con .con_l{width:31.5%}
.n_pro_con .con_l .pro_d_img{padding-top: 111%}
.n_pro_con .con_r{width:68.5%;padding-left:7.8%;padding-right: 2px; }
.pro_d_top{display: flex;justify-content: space-between}
.pro_d_title{width: calc(100% - 140px);padding-right: 20px; font-size: 36px;color: #222}
.pro_d_a{display: block; width: 140px;height: 40px;line-height: 40px;text-align: center;color: #fff;background: #0054f9;transition: .4s all ease}
.pro_d_a i{margin-right: 8px}
.pro_d_a:hover{background: #7436ac}
.n_pro_con .pro_d_swiper{margin-top: 44px;}
.n_pro_con .pro_d_swiper .swiper-container{}
.n_pro_con .pro_d_swiper .pro_d_img{padding-top: 83.33%;background: #e9eaee;border: 1px solid #dadada;transition: .4s all ease}
.n_pro_con .swiper-slide-thumb-active .pro_d_img{border: 3px solid #0054f9}
.pro_d_bottom{margin-top: 50px;display: flex;justify-content: space-between;align-items: center}
.pro_d_bottom a{display:none}
.pro_d_btn{color: #0054f9;font-size: 18px;display: flex;align-items: center}
.pro_d_btn i{font-size: 32px;vertical-align: top;}
.pro_d_btn span{display: inline-block;vertical-align: top; border-bottom: 2px solid #0054f9;cursor: pointer}

.dialog{position: fixed;left: 0;top: 0; width: 100%;height: 100%;z-index: 999999;display: none}
.dialog .after{width: 100%;height: 100%;background: rgba(0,0,0,.8)}
.dialog .con{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); }
.dialog .con .close{position: absolute;right: 0;top: 0;transform: translate(20px ,-30px);z-index: 9; color: #fff;font-size: 20px; opacity: 1;font-style: normal}
.dialog .con .view{width: 1200px;min-height: 200px;max-width: 90vw; max-height: 700px; background: #fff;overflow: auto}

.n_news{background: #222325}
.n_news .n_banner{padding-top: 23.4%;background: url("../images/n_news1.jpg") no-repeat;background-size: cover;background-position: center;}
.n_news .con2{padding-bottom: 60px;}
.n_news .con2_top{padding-top: 60px;}
.n_news .con2_top b{font-size: 30px;color: #fff;font-weight: 500}
.n_news .item{margin-top: 70px;}
.n_news .item a{display: flex}
.n_news .item a .item_img{position: relative;width: 48.2%;}
.n_news .item a .item_img span{position: absolute;left: 0;top: 0;width: 84px;height: 96px; transition: .4s all ease;
   font-size: 70px; color: #0054f9; text-align: center;line-height: 96px;background: #fff;font-family: 'SEMIBOLD'}
.n_news .item a .g_bg{padding-top: 68.9%}
.n_news .item a .item_text{width: 51.8%;padding: 100px 60px 0 60px;position: relative;transition: .4s all ease}
.n_news .item a .item_text:before{content: '';position: absolute;right: 0;top: 0;display: block; width: calc(100% - 60px);height: 1px;background: #3f3f41}
.n_news .item .item_title{display: block; font-size: 26px;line-height: 30px;color: #fff}
.n_news .item .item_date{display: block;margin-top: 20px; font-size: 16px;color: #fff}
.n_news .item .item_date i{font-size: 18px;}
.n_news .item p{margin-top: 26px; font-size: 15px;color: #999999;line-height: 26px;max-height: 78px;overflow: hidden;transition: .4s all ease}
.n_news .item .more{margin-top: 46px;}
.n_news .item:hover .item_img span{background: #0054f9;color: #fff}
.n_news .item:hover .item_text{background:-webkit-linear-gradient(right bottom,#2255e2,#7436ac)}
.n_news .item:hover p{color: #fff}

.n_news_d{}
.n_news_d .con1{padding: 80px 0}
.n_news_top{padding-bottom: 16px;border-bottom: 1px solid #e4e4e4}
.n_news_title{display: block;color: #222222;font-size: 32px;}
.n_news_date{display: block;margin-top: 16px; color: #0054f9;font-size: 16px;}
.n_news_date i{font-size: 18px;margin-right: 6px}
.n_news_text{padding: 30px 0;font-size: 15px;line-height: 34px;color: #777777}

.n_contact{}
.n_contact .con1{padding: 130px 0; background: url("../images/i_pageBg6.jpg") no-repeat;background-size: cover;background-position: center}

.my-map { margin: 0 auto; width: 100%; height: 580px; }
.my-map .icon { background: url(//a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-red { background-position: -11px -5px; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}
.myinfowindow{width: 240px;min-height: 50px;}
.myinfowindow h5{ height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; font-weight: bold; width: 220px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; }
.myinfowindow div{ margin-top: 10px; min-height: 40px; line-height: 20px; font-size: 13px; color: #6f6f6f; }

@media  (max-width:1800px){
    .pcNav_w{padding:0 50px;width: 100%}
}
@media  (max-width:1680px){}
@media  (max-width:1440px){
    /*.g_w{width: 100%;padding: 0 50px}*/
    .i_banner_text .more{margin-top: 40px; width: 140px;height: 40px;font-size: 14px}
    .i_pro_w{width: 100%;padding: 0 50px}
    .i_title span{font-size: 44px;line-height: 1}
    .i_title img{height: 50px}
    .i_pro .i_title img{width: 70px;}
    .i_pro_con .item a .item_after{font-size: 60px}
    .i_pro_con .item .item_img .item_before{font-size: 60px}
    .i_pro_con .item .item_img .item_before2{font-size: 30px;}
    .i_pro_con .con_r{padding-left: 60px;}
    .i_pro_swiper{padding-top: 70px;}
    .i_app .item a .text b{font-size: 24px;}
    .i_client_w{padding: 0 50px}
    .i_client_con .con_l p{font-size: 16px;margin-top: 20px}
    .i_client_con .con_r{width: calc(100% - 360px)}
    .i_client .list{width: 100%}
    .i_news .i_news_swiper .item .item_num{font-size: 90px;}
    .i_news .i_news_swiper .item .item_title{margin-top: 60px;font-size: 16px;line-height: 24px;height: 48px}
    .i_news .i_news_swiper .item .item_dsc{font-size: 14px;}
    .i_news .i_news_swiper .item .item_img{margin-top: 30px}
    .i_news .i_news_swiper .item a{padding: 0 30px}
    .i_news .i_news_swiper .item .item_time{font-size: 14px;margin-top: 20px}
    .i_contact .con_l ul li div b{font-size: 18px;}
    .i_contact .con_l ul li div span{font-size: 15px;}
    .i_contact .con_l ul li i{width: 40px;height: 40px;line-height: 40px;font-size: 20px;}
    .form input{height: 46px;}
    .form textarea{height: 180px;}
    .form button{height: 40px;line-height: 40px;}

    .n_about .con2 .con_r .title img{width: 380px}
    .n_about .con3 .con_r{margin-left: 120px;}
    .n_about .con5 .view .num{width: 100px;}
    .n_about .con5 .view .before b{font-size: 30px;}
    .n_title span{font-size: 40px;}
    .n_about .con6 .n_title span{width: 40px;}
    .n_about .con6 .n_title img{width: 30px}
    .n_about .con6 .con_r{margin-left: 120px;}
    .n_about .con6 ul li .title{font-size: 20px;}
    .n_about .con8 .n_title img{height: 70px}
    .n_about .con8_img_bottom{margin-top: 20px;}
    .n_about .con8 .con8_img{width: calc(100% - 377px);}

    .n_pro .tag a{font-size: 16px;}
}

@media  (max-width:1400px){
    .g_w{width: 100%;max-width: 100%;padding: 0 50px}
}
@media  (max-width:1350px){
    .n_about .con2 .con_r .title img{width: 340px;}
    .pro_d_title{font-size: 30px;}
    .pro_d_btn{font-size: 16px;}

    .n_news .item a .item_text{padding-top: 60px;}
    .n_news .item .item_title{font-size: 22px;}
}
@media  (max-width:1280px){
    footer .f_top .f_w{width: 100%;padding: 0 50px}
    footer .f_link .item{margin-right: 60px}
    .n_about .con4{height: 800px;padding-top: 80px}
    .n_about .con4 .item .item_top{width: 260px;height: 260px}
}
@media  (max-width:1240px){
    .i_title span{font-size: 40px}
    .i_title img{height: 40px;}
    .i_pro .i_title span{font-size: 40px;}
    .i_pro .i_title img{width: 60px;}
    .i_pro_con .item a .item_after,
    .i_pro_con .item .item_img .item_before{font-size: 50px;}
    .i_pro_con .item .item_img .item_before2{font-size: 20px;}
    .i_app .item a .text b{font-size: 20px;}
    .i_news .i_news_swiper .item .item_num{font-size: 70px;height: 60px;}
    .i_news .i_news_swiper .item .item_title{margin-top: 30px}
    .i_news .i_news_swiper .item a{padding:  0 20px}
    .i_contact_w{padding: 0 50px;width: 100%}
    .i_swiper_pagination .swiper-pagination-bullet{width: 10px;height:10px;}
    .i_swiper_pagination .swiper-pagination-bullet-active:after{width: 20px;height:20px;}
    .form button{font-size: 16px;}
    footer .f_bottom{font-size: 14px;}

    .n_title span{font-size: 30px}
    .n_title img{height: 26px;}
    .n_about .con2{width: 100%;padding:100px 5%}
    .n_about .con2 .con_r .title img{width: 300px}
    .n_about .con2 .text{margin-top: 60px}
    .n_about .con3 .con_r{margin-left: 80px;}
    .n_about .con5 .view .num{width: 80px;}
    .n_about .con5 .view .before b{font-size: 24px}
    .n_about .con5 .view .before p{font-size: 14px;}
    .n_about .con6 .n_title span{width: 30px}
    .n_about .con6 .n_title img{width: 20px;margin-left: 10px}
    .n_about .con6 .con_r{margin-left: 80px;}
    .n_about .con6 ul li .year{font-size: 20px}
    .n_about .con6 ul li .title{font-size: 18px;}
    .n_about .con6 ul li .text p{font-size: 14px}

    .n_pro .con2_top b{font-size: 24px;}
    .n_pro_tab .item .item_title{height: 40px;line-height: 40px; font-size: 18px}
    .n_pro .con2_top .con2_search i{width: 30px;height: 30px;line-height: 30px}
    .n_pro .pro_list .item_title{font-size: 18px;}

    .pagination a{width: 36px;line-height: 36px;height: 36px;font-size: 14px}

    .pro_d_title{font-size: 24px;}
    .pro_d_btn{font-size: 16px;}
    .pro_d_btn i{font-size: 24px}

    .n_news .item a .item_text{padding-top: 30px;padding-right: 10px}
    .n_news .item .item_title{font-size: 20px;}
    .n_news .item a .item_img span{width: 70px;height: 70px;line-height: 70px;font-size: 50px;}
    .n_news .item p{margin-top: 10px;font-size: 14px}
    .n_news .item .more{margin-top: 20px;}

    .n_news_title{font-size: 24px;}
    .n_news_date{font-size: 14px;}
    .n_news_date i{font-size: 16px;}
    .n_news_d .con1{padding: 40px 0}
    .n_news_text{padding: 20px 0;font-size: 14px;line-height: 24px;}
}
@media  (max-width:1024px){
    .pcNav{display: none}
    .webNav{display: block}
    .i_title span{font-size: 30px;margin-bottom: 20px;}
    .i_title img{height: 30px}
    .i_pro .i_title span{font-size: 30px;width: 30px}
    .i_pro .i_title img{width: 50px}
    .i_pro_con .item .more{max-width: 100%;}
    .i_pro_con .con_r{padding: 0 0 0 30px}
    .i_pro_swiper{padding-top: 30px;}
    .i_pro_con .item a .item_after,
    .i_pro_con .item .item_img .item_before{font-size: 20px;top: 10px;transform: translate(-50%,0)}
    .i_pro_con .item .item_img .item_before2{font-size: 14px;}
    .i_pro_con .list{flex-wrap: wrap}
    .i_pro_con .item{width: 49%;margin-top: 20px}
    .i_pro_con .item .item_img{padding-top:60%;}
    .i_client_con .con_r{padding-left: 40px}
    .i_client_con .con_l p{font-size: 14px}
    .i_news .i_news_swiper .item .item_num{font-size: 60px;height: 50px}
    .i_contact .con_l ul li div b{font-size: 16px}
    .i_contact .con_l ul li div span{font-size: 14px;}
    .i_contact .con_l ul li i{width: 30px;height: 30px;line-height: 30px;font-size: 16px}
    .form textarea,.form input{font-size: 14px;}
    .form button{font-size: 14px;}
    footer .f_bottom{padding: 16px 0}
    footer .f_link{display: none}
    footer .f_info{display: none}
    footer .f_code{display: none}
    footer .f_tel{width: 100%;text-align: center}
    footer .f_top{padding: 40px 0}
    footer .f_tel p{font-size: 20px}
    footer .f_tel p i{font-size: 30px}

    .n_body{padding-top: 60px}
    .n_about .con2 .con_r{margin-left: 40px;}
    .n_about .con2 .con_r .title img{width: 200px}
    .n_about .con2 .text{margin-top: 40px;font-size: 14px;line-height: 24px;}
    .n_about .con2 .text img{width: 250px;}
    .n_about .con3 .con_r{margin-left: 40px;}
    .n_about .con3{padding: 80px 0}
    .n_about .con3_w{padding: 0 5%}
    .n_about .con5 .view .before{width: 240px;}
    .n_about .con5 .view .before b{font-size: 20px;}
    .n_about .con6{padding: 80px 0}
    .n_about .con7{padding: 80px 0}
    .n_about .con7 .con7_img{margin-top: 40px}
    .n_about .con8{padding: 80px 0}
    .n_about .con8 .n_title{margin-top: -60px}
    .n_about .con8 .n_title img{height: 50px;}
    .n_about .con8_img_bottom{margin-top:10px;}
    .n_about .con8 .con8_img{width: calc(100% - 270px);}
 

    .g_w{padding: 0 5%}

    .n_pro_tab .item .item_title{font-size: 14px;height: 36px;line-height: 36px;}

    .pro_d_title{font-size: 20px;}
    .pro_d_top a{width: 120px;}

    .n_news .item{margin-top: 40px;}
    .n_news .item a .item_text{padding-left: 20px;}
    .n_news .item .item_title{font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
    .n_news .item a .item_text:before{width: calc(100% - 20px)}
    .n_news .item .item_date{margin-top: 10px;font-size: 14px;}
    .n_news .item p{line-height: 24px;max-height: 72px;}
}
@media  (max-width:768px){
    .i_title span{font-size: 20px;margin-bottom: 10px}
    .i_title img{height: 20px}
    .i_pro_w,
    .i_client_w,
    .i_contact_w{padding: 0 5%}
    .i_banner_text{display: none!important;}
    .i_banner_img{display: none!important;}
    .i_banner .mobile .i_banner_img{display: block!important;}
    .i_banner .mobile{display: block!important;}
    .i_app .item a:before{width: 300px;height: 220px;background: rgba(0,0,0,.7);}
    .i_app .item a .text{left: 50%;bottom: 50%; transform: translate(-50%,50%); text-align: center;width: 300px;}
    .i_pro.active .i_pro_con .con_l{width: 50px}
    .i_pro .i_title span{font-size: 20px;width: 20px;}
    .i_pro .i_title img{width: 20px;margin-top: 20px}
    .i_pro_con .con_r{padding: 0 0 0 30px;width: calc(100% - 50px) }
    .i_pro_con .item .item_img{padding-top: 120%}
    .i_pro_con .item .more{width: 120px; height: 30px;font-size: 12px;}
    /*.i_pro_con .item{width: 100%}*/
    .i_client_w{display: flex;align-items: center; height: 100vh;}
    .i_client_con{display: block;height: auto}
    .i_client_con .con_r{width: 100%;padding: 30px 0 0 0}
    .i_client .more{font-size: 12px}
    .more em{margin-right: 4px;}
    .i_client_con .con_l p{margin-top: 10px;line-height: 20px;}
    .i_news .i_news_swiper .item .item_title{margin-top: 20px}
    .i_news .i_news_swiper .item .item_num{font-size: 50px;height: 40px;}
    .i_contact .con_bottom{display: block;margin-top: 20px;}
    .i_contact .con_l{width: 100%;}
    .i_contact .con_l ul{display: flex;justify-content: space-between;flex-wrap: wrap}
    .i_contact .con_l ul li{width: 49%;margin-top: 10px;}
    .i_contact .con_l ul li i{flex-shrink: 1}
    .i_contact .con_l ul li div{padding-left: 10px;width: calc(100% - 30px)}
    .i_contact .con_l ul li div b{font-size: 14px;}
    .i_contact .con_l ul li div span{font-size: 12px;}
    .i_contact .con_r{width: 100%;margin-top: 20px}
    .form_row{display: block;margin-top: 0;}
    .form input{height: 30px;font-size: 14px;margin-top: 10px;padding: 0 10px}
    .form textarea{height: 80px;margin-top: 10px;padding: 10px}
    .w49{width: 100%}
    footer .f_bottom span{display: block;}
    footer .f_bottom a{display: block;margin-top: 4px}

    .n_title span{font-size: 20px;margin-bottom: 10px;}
    .n_title img{height: 20px}

    .n_about .con2{display: block;padding: 5%}
    .n_about .con2 .con_r{margin-left: 0;margin-top: 20px;width: 100%}
    .n_about .con2 .text{margin-top: 20px;}
    .n_about .con3{padding: 30px 0}
    .n_about .con3_w{display: block}
    .n_about .con3 .con_r{margin-left: 0;width: 100%}
    .n_about .con3 .con_r .text{margin-top: 20px;padding: 0}
    .n_about .con3 .con_r .text p{margin-top: 10px;}
    .n_about .con3 .con_r .text b{font-size: 18px;}
    .n_about .con4{padding: 30px 5%;height: auto}
    .n_about .con4 .view{display: block;margin-top: 20px;}
    .n_about .con4 .item{animation: none!important;border: 1px solid #fff;padding: 10px}
    .n_about .con4 .item .item_top{width: 100%;height: auto;background: none;border: 0}
    .n_about .con4 .item .item_top b{margin-top: 10px;}
    .n_about .con4 .item .item_bottom{position: relative;transform: translate(0);opacity: 1}
    .n_about .con4 .item .item_line{display: none}
    .n_about .con4 .item .item_text{width: 100%;opacity: 1;transform: translate(0)}
    .n_about .con4 .item .item_text p{margin-top: 10px}
    .n_about .con5{display: block}
    .n_about .con5 .con_l{width: 100%}
    .n_about .con5 .view .text{top: 10%}
    .n_about .con6{padding: 30px 5%}
    .n_about .con6 .con_r{margin-left: 30px}
    .n_about .con6 ul li .year{font-size: 16px;width: 60px;}
    .n_about .con6 ul li .text{padding-left: 20px;width: calc(100% - 60px);}
    .n_about .con6 ul:before{left: 60px;}
    .n_about .con6 ul li:before{left: 57px;}
    .n_about .con7{padding: 30px 0}
    .n_about .con7 .con7_img{margin-top: 20px;}
    .n_about .con8{position: relative;padding: 100px 0 30px 0;}
    .n_about .con8 .g_w{display: block;} 
    .n_about .con8 .con8_img{width: 100%;padding-left: 0;margin-top: 20px;}
    .n_about .con8_img .img{width: 100%;margin-bottom: 10px;text-align: center}
    .n_about .con8 .n_title{text-align: center;width: 100%; margin: 0}
    .n_about .con8 .n_title img{height: 20px;}
    
    

    .n_pro_tab{margin-top: 40px; flex-wrap: wrap;justify-content: center;padding: 0 5%}
    .n_pro_tab .item{width: 31.33%;margin: 1%}
    .n_pro_tab .item .g_bg{display: none}
    .n_pro_tab .item .item_title{position: relative;left: auto;top: auto; transform: translate(0);display: block; font-size: 14px;max-width: 100%; width: 100%; height: 36px;line-height: 36px;border-radius: 0}
    .n_pro .con2_top b{font-size: 20px}
    .n_pro .con2{padding-bottom: 30px;}
    .n_pro .tag a{font-size: 14px;}
    .pagination{margin-top: 30px}


    .n_pro_con{padding: 60px 10px 10px 10px;display: block;position: relative}
    .n_pro_con .con_l,
    .n_pro_con .con_r{width: 100%;padding: 0}
    .pro_d_top{position: absolute;top: 10px;left: 0; padding: 0 10px; width: 100%; display: block}
    .pro_d_title{width: 100%;padding: 0}
    .pro_d_top .pro_d_a{display: none}
    .n_pro_con .pro_d_swiper{margin-top: 10px;}
    .pro_d_bottom{margin-top: 20px;font-size: 14px;}
    .pro_d_bottom .pro_d_a{width: 100px;display: block}

    .n_news .con2_top{padding-top: 30px}
    .n_news .con2_top b{font-size: 20px}
    .n_news .item{margin-top: 20px;}
    .n_news .item a{display: block}
    .n_news .item a .item_img{width: 100%}
    .n_news .item a .item_text{padding: 20px;width: 100%}

    .n_news_top{padding-bottom: 10px;}
    .n_news_title{font-size: 18px;}
    .n_news_date{margin-top: 10px;}
    .n_news_date i{font-size: 16px;}
    .n_news_d .con1{padding: 30px 0}
    .n_news_text{padding: 10px 0;}
}
@media  (max-width:640px){}
@media  (max-width:500px){}