@charset "utf-8";
/* CSS Document */

.m2banner{ position:relative;}
.m2banner .bannerImg{ position:relative;  width: 100%;min-height:650px;}
.m2banner .bannerImg img {display: block !important; width: 100%; height: 100%;object-fit: cover;position: absolute;left: 0%; top: 0%;z-index: 0;}
.m2banner .bannerImg:before{content:'';position:absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(0, 0, 0, 0.2);z-index: 1;}

.m2banTxt{position:absolute;left:0;width:100%;top: 50%;transform:translateY(-50%);color:#fff;z-index: 2;}
.about-n-tit {font-size: 24px;font-weight:bold;line-height: 1.5;color:#fff;margin-bottom:30px;background: none;width: 55%;}
.tabs_wenhua{ overflow:hidden; width:45%; display: -webkit-flex;display: flex;justify-content: space-between;flex-wrap: wrap;}
.tabs_wenhua li {width: 100%;position: relative;float: left;text-align: right;cursor: default;overflow: hidden;margin: 10px 0px;}
.tabs_wenhua li:last-child{ border-right:none;}
.tabs_wenhua li .con-name{color: #0068b7;font-weight: bold;font-size: 18px;display: inline-block;background: #fff;padding: 10px 20px;border-radius: 24px;line-height: 1;}
.tabs_wenhua li .con-title{font-size: 15px;color:#ffffff;margin-top: 10px;}

@media (max-width: 767px){
.m2banner .bannerImg{ min-height:550px;}
.about-n-tit {font-size: 20px;width:100%; line-height:1.2;}	
.tabs_wenhua{  width:100%;}
.tabs_wenhua li {width: 49.5%;}
.tabs_wenhua li .con-title {font-size: 13px;}

}



.common{position: relative;z-index: 2;text-align: center;}
.common .hm_t {font-size: 22px;font-weight: bold;line-height: 1.8;color: rgb(22, 97, 167);}
.common .hm_des {font-size: 14px;line-height: 1;color: #808080;}

/******关于铭赛*******/
.n_about_bg {position: relative;padding: 50px 0px; background: #f7f7f7;}
.n_about_info{ width:100%; margin-top:30px;}
.n_about_info p{ font-size: 14px; line-height:1.8;color: #57585A; text-indent:2em;}
 
.zz_box{ margin-left:-1%; margin-top:2%;}
.zz_box li{ float:left; width:32.33%; margin-left:1%;color: #0166c3; border:1px solid #ddd; border-radius:30px; text-align:center; padding:10px 0px; margin-bottom:10px; font-size:15px;}

@media (max-width: 767px){
.zz_box li { width: 49%;font-size: 13px;}
}

/************产品banner******************/
.product-body-banner {position: relative;}
.product-body-banner .bannerImg{ position:relative;  width: 100%;min-height:30vw;}
.product-body-banner .bannerImg img {display: block !important; width: 100%; height: 100%;object-fit: cover;position: absolute;left: 0%; top: 0%;z-index: 0;}
.product-body-banner .bannerImg video {display: block !important; width: 100%; height: 100%;object-fit: cover;position: absolute;left: 0%; top: 0%;z-index: 0;}
.product-body-banner .bannerImg:before{content:'';position:absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(0, 0, 0, 0.2);z-index: 1;}



.hero-section-box{ position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%); color:#fff;z-index: 2; }
.hero-section-inner {text-align:left;background: rgba(0, 104, 183, 0.3); display: inline-block;padding:4% 5%;}
.hero-section-inner h2 {font-size: 24px;font-weight:bold;line-height: 2; color:#fff;}
.hero-section-inner p {font-size: 16px;line-height: 1.8; color:#fff;}

@media only screen and (max-width:768px ) {
.product-body-banner .bannerImg{min-height:45vw;}		
.hero-section-inner h2 {font-size:18px;}
.hero-section-inner p {font-size: 14px;}
}



.pc{ display:block;}
.mc{ display:none;}

@media only screen and (max-width:768px ) {	
 .pc{ display:none;}
 .mc{ display:block;}
}

/**********产品自动产线**************/
.n_pro_dzbg{ position:relative;padding:30px 0px 40px;background: #efefef;}
.pro-mains { padding-top: 2rem; justify-content: flex-start;}
.dzpro-item  {position: relative; display:inline-block; width:49.2%;background:#fff;margin-right: 1.6%;margin-bottom: 20px;transition-duration: .5s; }
.dzpro-item:nth-child(2n) { margin-right: 0; }
.dzpro-item:hover {box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

.dzpro-item .img-wrap { overflow: hidden;}
.dzpro-item .img-wrap .img100 {width: 100%; margin: 0 auto;transition: all 1s ease;}
.dzpro-item:hover .img-wrap .img100 {transform: scale3D(1.1, 1.1, 1.1); }

.dzpro-item:last-child {width:100%; margin-right: 0; }

.dzpro-item .txts-wrap { width: 100%; top: 0; left: 0; position: absolute;  padding: 22px 30px 0; font-size: 14px;   line-height: 20px; }
.dzpro-item .txts-wrap .pro-en { font-size: 18px; color: #333; line-height:1.5;transition-duration: .5s }
.dzpro-item .txts-wrap .pro-cn { font-size: 14px; color: #666; line-height:1.5;  }
.dzpro-item:hover .pro-en, .dzpro-item:hover .pro-cn { color:rgba(0, 104, 183, 1); }

@media only screen and (max-width:768px ) {	
.dzpro-item  {width:100%;margin-right: 0%; }
}


/**********左侧导航**************/
.fixed_nav{position:fixed;top:70%;left:5%;transform:translateY(-70%);z-index: 9;}
.fixed_nav li{max-width:195px;background: #fff;position: relative;/* height: 55px; */line-height: 1.5;font-size:15px;border-top: 1px solid #ddd;padding: 10px 0px;}
.fixed_nav li a{cursor:pointer;padding: 0px 10px;font-weight: bold;display:block;}

.fixed_nav li.active{background: #005aac; color:#fff;}
.fixed_nav li.active a{color:#fff;}

@media (max-width:1600px){
.fixed_nav{left:1%;}
}
@media (max-width:1300px){
.fixed_nav{left: 0px;}
}
@media (max-width: 768px){
.fixed_nav {position:relative;top:0%;left:0%;transform:translateY(0%);width:100%;overflow: hidden;display: flex;flex-wrap: wrap;}
.fixed_nav li{max-width:50%;width:50%; float:left;border-right: 1px solid #ddd;}
}


/**********主机设备**************/
.n_pro_zjbg{ position:relative;padding:30px 0px 40px;background: #efefef;}

.pro_icon{ margin-bottom:30px;}
.pro_icon h3{font-size: 17px; color: #005aac; font-weight:bold; line-height:30px; transition-duration: .5s; position:relative; padding-left:15px;}
.pro_icon h3:after { content: ""; display: block;width: 5px;height: 30px;line-height: 1px;background-color: #005aac;position: absolute;left: 0;top: 0;}
.pro_icon h3 span{ color:#ff7600; margin-right:5px;font-size:20px;}


.n_pro_zjbg .pro-mains {justify-content: flex-start;}
.zjpro-item  {position: relative; display:inline-block; width:23.8%;background:#fff;margin-right: 1.6%;margin-bottom: 20px;transition-duration: .5s; }
.zjpro-item:nth-child(4n) { margin-right: 0; }
.zjpro-item:hover {box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

.zjpro-item .img-wrap { overflow: hidden;}
.zjpro-item .img-wrap .img100 {width: 100%; margin: 0 auto;transition: all 1s ease;}
.zjpro-item:hover .img-wrap .img100 {transform: scale3D(1.1, 1.1, 1.1); }


.zjpro-item .txts-wrap { width: 100%; top: 0; left: 0; position: absolute;  padding: 22px 30px 0; font-size: 14px;   line-height: 20px; }
.zjpro-item .txts-wrap .pro-en { font-size: 18px; color: #333; line-height:1.5;transition-duration: .5s }
.zjpro-item .txts-wrap .pro-cn { font-size: 14px; color: #666; line-height:1.5;  }
.zjpro-item:hover .pro-en, .zjpro-item:hover .pro-cn { color:rgba(0, 104, 183, 1); }

.n_pro_fsbox{}
.n_pro_fsbox .zjpro-item:nth-child(1) { width: 49.2%;}
.n_pro_fsbox .zjpro-item:nth-child(3) {margin-right: 0;}

.pd_kuang1{ width: 49.2%;}
.pd_kuang1 .zjpro-item{width: 48.4%;margin-right: 3.2%;}
.pd_kuang1 .zjpro-item:nth-child(2){margin-right: 0;}
.pd_kuang2{ width: 23.8%;}
.pd_kuang2 .zjpro-item{width: 100%;margin-right: 0;}
.pd_kuang3{ width: 23.8%;}
.pd_kuang3 .zjpro-item{width: 100%;margin-right: 0;}


@media only screen and (max-width:768px ) {	
.zjpro-item  {width:100%;margin-right: 0%; }
.n_pro_fsbox .zjpro-item:nth-child(1) { width: 100%;}

.pd_kuang1{ width: 100%;}
.pd_kuang1 .zjpro-item{width: 100%;margin-right: 0%;}
.pd_kuang1 .zjpro-item:nth-child(2){margin-right: 0;}
.pd_kuang2{ width: 100%;}
.pd_kuang2 .zjpro-item{width: 100%;margin-right: 0;}
.pd_kuang3{ width: 100%;}
.pd_kuang3 .zjpro-item{width: 100%;margin-right: 0;}

}





/***********产品详情页*****************/
.n_pro_box{ width:100%;overflow: hidden;padding-top:60px;}

.n_pro_wrap {align-items:center; width:100%; margin-bottom:40px;}
.n_pro_img { width:50%; order:1; overflow:hidden; border-radius:5px; }
.n_pro_text {width:45%;order:2;}
.n_pro_text .n_pro_tit{ color:#005aac;font-size:24px;font-weight:600;}
.n_pro_text .n_pro_tit span{ margin-left:10px;font-size:28px; color:#ff7600;}
.n_pro_text .n_pro_des{font-size: 16px;line-height: 1.6;color:#313133;margin: 10px 0px 15px;}
.n_pro_text .n_pro_p{font-size: 16px;line-height: 1.8;}

.prof{ margin-top:20px;}
.pro_zl{border:2px solid #005aac;padding:8px 20px;border-radius:10px;font-size: 18px;font-weight: bold;color: #005aac; margin-right:20px;display: flex; align-items: center;width: 160px;}
.pro_zl img{ margin-right:5px;}



a.blueMore{display: inline-block;height:46px;line-height: 46px;padding: 0 45px;overflow: hidden;border: 1px solid #1662b7;background:#1662b7;position: relative;transition:  .5s all ease;-webkit-transition: .5s all ease;color: #fff;border-radius: 10px; margin-top:20px;}
a.blueMore span{position: relative;z-index: 2;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;display: inline-block;font-size:16px;line-height: 1;}
a.blueMore::before {content: ""; display: inline-block;position: absolute;z-index: 1; background: #fff; left: -100%;  top: 0; width: 100%;  height: 100%; transition: 0.5s all ease;-webkit-transition: 0.5s all ease;}
a.blueMore:hover::before{left:0;}
a.blueMore:hover span{color:#005aac;}

/*****大标题*********/
.npro_xq_box{ margin-bottom:30px;overflow: hidden;}
.n_xq_tit{display: flex;align-items: center; font-size:18px;color:#005aac; line-height:2; border-bottom:1px solid #005aac; margin-bottom:20px;}
.n_xq_tit img{ margin-right:5px;}

.npro_xq_box p {font-size:14px;line-height:1.8;color: #3a3a3a;margin-bottom: 5px;}

/*****特性优点 /i/images/texingyoudian.png*********/
.jy_tx{}
.jy_tx p {position: relative;margin: 5px 0;color: #333333;padding-left: 20px;font-size: 14px;}
.jy_tx p::before { content: "◆";position: absolute;left: 0;top: 0px;font-size: 16px; line-height: inherit;color: #005aac;}

/*****特性优点带标题*********/
.txyd{}
.txyd h3 {position: relative; margin-top:13px;color: #005aac;padding-left: 20px;font-size: 15px;}
.txyd h3::before { content: "◆";position: absolute;left: 0;top: 0px;font-size:16px; line-height: inherit;color: #005aac;}
.txyd p {position: relative;margin:0px;color: #333333;padding-left: 20px;font-size: 14px;}


/*****应用领域/i/images/yingyonglingyu.png  系统构成 /i/images/xitonggoucheng.png*********/
.xtgc_box{}
.xtgc_box li{ display:inline-block; margin-bottom:5px;}
.xtgc_box li span{ display:inline-block; padding:5px 20px; text-align:center; line-height:2; font-size:14px;border-radius:5px;}
.xtgc_box li:nth-child(odd) span{ background:#E5E7F2; color:#14459A;}
.xtgc_box li:nth-child(even) span{ background:#F2F2F2; color:#595757;}

/*****作业流程 /i/images/zuoyeliucheng.png*********/
.lic_tu{}
.lic_tu ul{ display:flex;}
.lic_tu ul li{ width:25%; padding:10px;}
.lic_tu ul li h3{font-size: 18px;color: #005aac;}
.lic_tu ul li .k_k{ padding:25px 10px; text-align:center;font-size: 16px;color: #333;}
.lic_tu ul li .k_blue{ background:url(../images/kuang_blue.png) center center no-repeat;background-size: 100%; }
.lic_tu ul li .k_grey{ background:url(../images/kuang_grey.png) center center no-repeat; background-size: 100%;}
.lic_tu ul:nth-child(2) li .k_blue{ background:url(../images/kuang_blue1.png) center center no-repeat;background-size: 100%; }
.lic_tu ul:nth-child(2) li .k_grey{ background:url(../images/kuang_grey1.png) center center no-repeat; background-size: 100%;}



/*******核心模块 /upload/2022-11/01/gongyimokuai.png 特殊工艺**********/
.dbtc_tx{display: flex;flex-wrap: wrap}
.dbtc_tx li{ float:left; width:25%; padding:2px; box-sizing:border-box;}
.dbtc_tx li p.tit{font-size: 14px; line-height:2; font-weight:bold;color: #005aac;}
.dbtc_tx li p{font-size: 14px;line-height: 1.6;margin-bottom:0px;}



.npro_xq_box table{margin: 5px 0;width: 100%;}
.npro_xq_box table tr td{border: 1px solid #dbdbdb;padding: 15px 10px;text-align: center;background:  #fff;color: #333;font-size:14px;}
.npro_xq_box table tr:nth-child(n+1) td{background:  #fff;}
.npro_xq_box table tr:nth-child(2n+1) td{background:#f2f3f3;}
.npro_xq_box table tr:nth-child(3n+1) td{background: #f7fcff;}
.npro_xq_box table tr:first-child td{color:#005aac; font-weight:bold;border-bottom: 1px solid #005aac;text-transform: capitalize; font-size:16px;}


@media only screen and (max-width:768px ) {	
.n_pro_box{ width:100%;overflow: hidden;padding-top:30px;}

.n_pro_img { width:100%; order:1; overflow:hidden; border-radius:5px; }
.n_pro_text {width:100%;order:2;}

.n_pro_text { padding-left: 0%; order: 2; margin-top:20px;}
.n_pro_text .n_pro_tit { color: #005aac;font-size: 20px;font-weight: 600;}
.n_pro_text .n_pro_tit span {font-size: 22px;}
.dbtc_tx li {  width: 50%;}


/*****作业流程 /i/images/zuoyeliucheng.png*********/
.lic_tu{}
.lic_tu ul{display:flex;flex-wrap: wrap;}
.lic_tu ul li{width: 50%;padding:10px;}
.lic_tu ul li h3{font-size: 14px;color: #005aac;}
.lic_tu ul li .k_k{ padding:15px 10px; text-align:center;font-size: 14px;color: #333;}


}



/*******行业应用*********/
.tit_pro_bg { position:relative;width: 100%;padding: 60px 0px 40px;overflow: hidden;}
.contact_tit {position:relative; font-size: 18px; color: #005aac; font-weight: bold;line-height:1.5;padding-left: 15px; margin-bottom:20px;}
.contact_tit:after {content: "";display: block;width: 5px;height: 100%;line-height: 1px;background-color: #005aac;position: absolute;left: 0;top: 0;}
.tit_pro_bg p {font-size: 16px;line-height: 1.8;}

/***********合作客户***************/
.n_hezuo_bg{ width:100%; position:relative;overflow: hidden;}
.n_hezuo_box {padding:0px 0 40px; display:flex;align-items:center;}
.n_hezuo_img {width: 50%; }
.n_hezuo_img img{ max-width: 90%;margin: 0 auto;display: block;}

.n_hezuo_text {width: 50%;}
.contact_tit1 {position:relative; font-size: 18px; color: #005aac; font-weight: bold;line-height:1.5;margin-bottom:20px;}
.huo_box{}
.huo_box .scaleImg{ overflow:hidden; background:#f9f9f9;}
.huo_box .scaleImg img{ max-width:100%;}

@media only screen and (max-width:768px ) {	
.n_hezuo_img {width: 100%; margin-bottom:15px;}
.n_hezuo_img img{ max-width: 100%;margin: 0 auto;display: block;}
.n_hezuo_text {width: 100%;}
}


/**********推荐产品***************/
.xg_pro_bg{ position:relative;width:100%;padding:60px 0px 40px;overflow:hidden;background: #efefef;}

.xg_pro_sw{ position:relative; margin-top:40px;}
.xg_pro_sw .xg_pro_box{ width:calc(100% - 70px);}
.xg_pro_box .swiper-slide {position: relative;background:#fff;margin-bottom: 20px;transition-duration: .5s;}

.xg_pro_box .can-hover .img-wrap { overflow: hidden;}
.xg_pro_box .can-hover .img-wrap .img100 { width: 100%; margin: 0 auto;transition: all 1s ease;}
.xg_pro_box .can-hover:hover .img-wrap .img100 { transform: scale3D(1.1, 1.1, 1.1);}

.xg_pro_box .pro-item .txts-wrap { width: 100%; top: 0; left: 0; position: absolute;  padding: 22px 30px 0; font-size: 14px;  line-height:1.3; }
.xg_pro_box .pro-en { font-size: 18px; color: #333;line-height:1.3;transition-duration: .5s; margin-bottom: 10px; }
.xg_pro_box .pro-cn { color: #666;line-height:1.5;font-size: 14px; }
.xg_pro_box .pro-item:hover .pro-en, .xg_pro_box  .pro-item:hover .pro-cn { color:rgba(0, 104, 183, 1); }

.xg_pro_sw .swiper-button-prev{width: 34px; background:url(../images/xg_pro_lf.png) center center no-repeat; left:0px; right: auto;background-size: contain;}
.xg_pro_sw .swiper-button-next{width: 34px; background:url(../images/xg_pro_rf.png) center center no-repeat;background-size: contain;left:auto; right:0px ;}




/********新闻***************/ 
.news_bg{ position:relative; width:100%; padding: 60px 0px 40px;}
.news_box{ overflow:hidden;}
.news_box li { float: left;width: 33.333333%;}
.news_box li a {  display: block;padding: 25px 25px 35px;}
.news_box li:not(:last-child) { border-right: 1px solid #e5e5e5;}

.news_date {font-size: 16px;color:rgb(22, 97, 167);line-height: 20px;margin-bottom: 15px;}
.news_date i{font-size: 18px;line-height: 20px;}
.news_txt {font-size: 18px;line-height: 34px;color: #000000;height:34px;overflow: hidden; margin-bottom:10px;}
.news_info {font-size:14px;line-height:1.8;color: #666;overflow: hidden; margin-bottom:20px; height:75px;}

.news_morebtn {position: relative;z-index: 1;display: inline-block;vertical-align: top;padding: 0 30px;line-height: 44px;font-size: 14px;font-weight: bold;color:#fff;}
.news_morebtn::before {content: "";position: absolute;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;background: #fff;transition: all .36s;transform: scale(1) !important;border-radius:25px;background:rgb(22, 97, 167); color:#fff;}
.news_morebtn::after {content: "";position: absolute;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;opacity: 0;transform: scale(1);transition: all .36s;color:rgb(22, 97, 167);border: 1px solidrgb(22, 97, 167);border-radius: 25px;}

.news_imgbox { position: relative;margin-top:25px; overflow: visible;}
.news_imgbox::before { content: ""; position: absolute; left: 0; bottom: -30px; z-index: 1; width: 100%; height: 1px;background:rgb(22, 97, 167); }
.news_imgbox::after { content: "";position: absolute; left: 0; bottom: -30px; z-index: 2; width: 0; height: 1px; background:rgb(22, 97, 167); transition: all .5s;}
.mc_list_png { width: 100%; position: relative; z-index: 1;top: 0;left: 0;}
.mc_list_img { width: 100%; height: 100%; position: absolute; z-index: 2; top: 0;left: 0;}

.news_box li a:hover { box-shadow: 10px 9px 10px 2px rgba(110, 117, 129, .18);}
.news_box li a:hover .news_imgbox::after {width: 100%;}
.news_box li a:hover .news_morebtn::before { transform: scale(.5); opacity: 0;}
.news_box li a:hover .news_morebtn::after { transform: scale(1); opacity: 1; }
.news_box li a:hover .news_morebtn { color: rgb(22, 97, 167); }

.news_btn a{position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: top;
    padding: 0 30px;
    line-height: 44px;
    font-size: 14px; border-radius:20px;
    color: #fff;background: rgb(22, 97, 167);}

@media only screen and (max-width:768px ) {	
.about-n-banner{ background:url(../images/about1.jpg) center center no-repeat; background-size:cover !important ;}
.about-n-banner img{ display:none;}
.about-n-inner { width:100%; margin-top:30px;background: rgba(0, 104, 183, 0);}
.about-n-inner .about-n-tit {font-size: 20px;}
.tabs_wenhua{ flex-wrap:wrap;}
.tabs_wenhua li {width: 50%;border-bottom: 1px solid rgba(255, 255, 255, 0.25);border-right:none;padding: 10px 9px;}
.con-name{ color:#ffffff;font-size: 20px;}
.about-n-box{ position:relative;}
.zz_box li{ float:left; width:49%; font-size:13px;}

.m2banTxt {top: 50%; }
}

@media only screen and (max-width:767px ) {	.news_box li{ width:100%;}}





/********联系我们***************/
.contact_bg{ position:relative;overflow:hidden;width: 100%;padding:60px 0px;}
.contact_title{display:flex;align-items: center;margin-bottom:25px;}

.con_title{width: 220px;}
.con_title h2{font-size: 30px;color: #005AAC;line-height: 1.5;font-weight:bold;}
.con_title p{font-size: 15px;color: #787f88;line-height:1.5;text-transform: uppercase;}
.con_p { width: calc(100% - 250px);max-width: 100%; margin-bottom: 0px;}




.contact_box {position: absolute;left: 40%;bottom:10%;top:auto;z-index: 2;}
.con_n{width:100%;max-width: 450px;}
.con_n dl{margin-bottom:10px;border:1px solid #005aac;position:relative;border-radius:10px;display: inline-block;font-size: 16px;min-width: 100%;padding: 10px 20px;line-height: 35px;margin-bottom: 30px;}
.con_n dl:after {color: #005aac;content: "﹀";font-size: 30px;position: absolute;left: 16%;bottom: -38px;animation: run1 2s linear infinite;}
@keyframes run1{
	0%{transform: translateY(-6px);}
	50%{transform: translateY(6px);}
	100%{transform: translateY(-6px);}
}
.con_n dl:last-child:after{ display:none;}
.con_n dl dt{float:left;position:relative;padding-right: 20px;}
.con_n dl dt:after {content: "";display: block; width: 1px;height: 35px;line-height: 1px; background-color: #005aac; position: absolute;right: 0;top: 0;}
.con_n dl dd{float:left;padding-left: 20px;}





.svg_map{ position:relative; width:100%;}
.svg_map .map { width: 100%;margin: 0 auto;position: relative;}
.svg_map .map img.bg{display: block; width: 100%;}


/*svg-map*/
.svg_map .map .map-lines{position: absolute;top: 0;right: 0;width: 100%;height: 100%;stroke: #F08350;fill: none;stroke-width: 0.25px;}

.svg_map .map-dot {position:absolute;margin:-1px 0 0 -1px;z-index: 9;width:6px;height:6px;border-radius:50%;background: #F08350;opacity:0;animation:animation-dot 5.04s cubic-bezier(.25,.74,.22,.99);animation-fill-mode:both;animation-iteration-count:infinite;}
.svg_map .map-dot--0 {left: 36.4%;top: 44%;animation:fade-in 1.8s cubic-bezier(.25,.74,.22,.99);animation-delay:.5s;animation-fill-mode:both;animation-iteration-count:1;}
.svg_map .map-dot--1{left: 37.4%;top: 45%;}
.svg_map .map-dot--2{left: 35%;top: 49.5%;}
.svg_map .map-dot--3{left: 39.4%;top: 41.5%;}
.svg_map .map-dot--4{left: 42.3%;top: 41.5%;}
.svg_map .map-dot--5{left: 33.1%;top: 51%;}
.svg_map .map-dot--6{left: 31.8%;top: 55.1%;}
.svg_map .map-dot--7{left: 32.1%;top: 60.8%;}
.svg_map .map-dot--8{left: 32.6%;top: 62.5%;}
.svg_map .map-dot--9{left: 25.3%;top: 55.4%;}
.svg_map .map-dot--10{left: 10%;top: 30%;}
.svg_map .map-dot--11{left: 8.7%;top: 32.2%;}
.svg_map .map-dot--12{left: 74%;top: 40%;}
.svg_map .map-dot--13{left: 75%;top: 51%;}





.svg_map .map-line {stroke-dashoffset:160px;stroke-dasharray:160px;animation:animation-line 5.2s linear;animation-fill-mode:both;animation-iteration-count:infinite}
.svg_map .map-line--1 {animation-delay:.4s}
.svg_map .map-dot--1 {animation-delay:1.04s}
.svg_map .map-line--2 {animation-delay:1.22s}
.svg_map .map-dot--2 {animation-delay:1.4s}
.svg_map .map-line--3 {animation-delay:1.58s}
.svg_map .map-dot--3 {animation-delay:1.76s}
.svg_map .map-line--4 {animation-delay:1.94s}
.svg_map .map-dot--4 {animation-delay:2.12s}
.svg_map .map-line--5 {animation-delay:2.3s}
.svg_map .map-dot--5 {animation-delay:2.48s}
.svg_map .map-line--6 {animation-delay:2.66s}
.svg_map .map-dot--6 {animation-delay:2.84s}
.svg_map .map-line--7 {animation-delay:3.02s}
.svg_map .map-dot--7 {animation-delay:3.2s}
.svg_map .map-line--8 {animation-delay:3.38s}
.svg_map .map-dot--8 {animation-delay:3.56s}
.svg_map .map-line--9 {animation-delay:3.74s}
.svg_map .map-dot--9 {animation-delay:3.92s;}
.svg_map .map-line--10 {animation-delay:4.1s}
.svg_map .map-dot--10 {animation-delay:4.28s}
.svg_map .map-line--11 {animation-delay:4.46s}
.svg_map .map-dot--11 {animation-delay:4.64s;}
.svg_map .map-line--12 {animation-delay:4.86s}
.svg_map .map-dot--12 {animation-delay:5s;}
.svg_map .map-line--13 {animation-delay:5.1s}
.svg_map .map-dot--13 {animation-delay:5.2s;}
@-webkit-keyframes fade-in {
	0% {opacity:0}
	to {opacity:1}
}
@keyframes fade-in {
	0% {opacity:0}
	to {opacity:1}
}
@-webkit-keyframes animation-line {
	0% {stroke-dashoffset:160px}
	14.28571% {stroke-dashoffset:0px}
	21.42857% {stroke-dashoffset:0px}
	35.71429% {stroke-dashoffset:-160px}
	to {stroke-dashoffset:-160px}
}
@keyframes animation-line {
	0% {stroke-dashoffset:160px}
	14.28571% {stroke-dashoffset:0px}
	21.42857% {stroke-dashoffset:0px}
	35.71429% {stroke-dashoffset:-160px}
	to {stroke-dashoffset:-160px}
}
@-webkit-keyframes animation-dot {
	0% {opacity:0}
	20% {opacity:1}
	80% {opacity:1}
	to {opacity:0}
}
@keyframes animation-dot {
	0% {opacity:0}
	20% {opacity:1}
	80% {opacity:1}
	to {opacity:0}
}





.dotBox .list {
  position: absolute;
  width: 5px;
  height: 5px;
  background: #F08350;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -webkit-transform: translate(-1px, -2px);
  -ms-transform: translate(-1px, -2px);
  transform: translate(-1px, -2px);
  z-index: 5;
}
.dotBox .list::before {
  -webkit-animation: amplify 2.8s infinite 0.2s;
  animation: amplify 2.8s infinite 0.2s;
  content: '';
  width: 10px;
  height: 10px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: rgba(240, 131, 80, 0.3);
  opacity: 0.3;
  z-index: 2;
}
 .dotBox .list::after {
  -webkit-animation: amplify 2.8s infinite 0.3s;
  animation: amplify 2.8s infinite 0.3s;
  content: '';
  width: 16px;
  height: 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: rgba(240, 131, 80, 0.3);
  opacity: 0.3;
  z-index: 1;
}

.dotBox .list p {position: absolute;left: 12px;bottom: -6px;font-size: 12px;white-space: nowrap;
}


.dotBox .list.dot1{left: 74%;top: 40%;}
.dotBox .list.dot2{left: 75%;top: 51%;}
.dotBox .list.dot3{left: 10%;top: 30%;}
.dotBox .list.dot4{left: 8.7%;top: 32.2%;}
.dotBox .list.dot5{left: 39.4%;top: 41.5%;}
.dotBox .list.dot6{left: 42.3%;top: 41.5%;}
.dotBox .list.dot7{left: 33.1%;top: 51%;}
.dotBox .list.dot8{left: 31.8%;top: 55.1%;}
.dotBox .list.dot9{left: 32.1%;top: 60.8%;}
.dotBox .list.dot10{left: 32.6%;top: 62.5%;}
.dotBox .list.dot11{left: 25.3%;top: 55.4%;}
.dotBox .list.dot12{left: 37.4%;top: 45%;}
.dotBox .list.dot13{left: 35%;top: 49.5%;}


.dotBox .list.dot14{left: 36.4%;top: 44%;background: url(../images/sigedian.png) center center no-repeat;background-size: cover; width: 10px;height: 9px;}
.dotBox .list.dot14 p {left: -60px; color:#F08350;}


@-webkit-keyframes amplify {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.4);
    transform: translate(-50%, -50%) scale(0.4);
    opacity: 0;
  }

  20% {
    opacity: 1;
  }

  75% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-moz-keyframes amplify {
  0% {
    -moz-transform: translate(-50%, -50%) scale(0.4);
    transform: translate(-50%, -50%) scale(0.4);
    opacity: 0;
  }

  20% {
    opacity: 1;
  }

  75% {
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes amplify {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.4);
    -moz-transform: translate(-50%, -50%) scale(0.4);
    transform: translate(-50%, -50%) scale(0.4);
    opacity: 0;
  }

  20% {
    opacity: 1;
  }

  75% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}






@media only screen and (max-width:767px ) {	

.con_title{width: 100%;}
.con_p { width: 100%; margin-top:10px;}
.contact_box {
    position: relative;
    left: 0%;
    bottom: auto;
    top: 0;
    z-index: 2;
}
}

/************联系我们*****************/
.n_contact_bg{background:#f8f8f8; position:relative; width:100%; padding:60px 0px 40px;}
.n-use-box ul{margin-top:4%; margin-left:-1%;display: flex;}
.n-use-box li{ float:left; width:49%; margin-left:1%; margin-bottom:20px;border-radius:5px;padding:40px calc(100vw * 0.015) 40px; background:rgba(255, 255, 255, 1);-webkit-transition:.5s;transition:.5s;}
.n-use-box li h4{ font-size:20px; text-align:center;color: #005aac;line-height:1.8;}
.n-use-box li p{ font-size:16px; margin-top:10px; line-height:2;}
.n-use-box li:hover{ background: rgb(0, 104, 183);}
.n-use-box li:hover h4,.n-use-box li:hover p{ color:#fff;}
.n-use-box li:hover .icons{background:#fff;border-color:#0d4fbb;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
.n-use-box li:hover .icons .icon1{display:none}
.n-use-box li:hover .desc,.n-use-box li:hover .icons .icon2{display:block}

.n-fendz-bg{background:#f8f8f8; padding-bottom:40px; overflow:hidden;}
.n-fendz-box{margin-left: -1%;}
.column_attr{background:#fff;min-height:180px;padding:20px;box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;border-radius: 0.4rem !important;width: 32.333%;margin-left: 1%;margin-bottom: 15px;}
.column_attr h4{ margin-bottom:10px;font-size: 18px;}
.column_attr h4 img{ margin-right:5px;}
.column_attr p{ margin-bottom:10px;font-size: 16px;}

.pcbr{ display:block;}
@media only screen and (max-width:767px ) {	
.pcbr{ display:inline-block;}
.n-use-box ul { flex-wrap:wrap;}
.n-use-box li { width: 100%;padding:40px 20px 40px;}

.contact_bg{overflow:hidden;width: 100%;padding:30px 0px;}
.column_attr{width: 99%;margin-left: 1%;margin-bottom: 15px;}
}