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

.public_anchor { position: relative;top: -80px;}
.banner-new { width: 100%; overflow: hidden; position: relative;}
.banner-new img { float: left; width: 100%; height: auto; animation: suofang 20s linear infinite alternate }
.banner-ver { width:100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 5; color: #fff }

.banner-ver .banner-ab{ text-align:center; line-height:1.777; font-size:max(24px,.45rem); font-weight:bold;}
.banner-ver .h3 { width: 100%; overflow: hidden; font-size:max(28px,.70rem);line-height:1; font-weight:bold; color:rgba(255,255,255,0.2); text-transform:uppercase;}
.banner-ver .h4 { width: 100%; overflow: hidden; font-size:max(26px,.55rem); font-weight:bold;}
  
/*******************/
.bread-crumb { width: 100%; overflow: hidden; height:max(46px,.7rem); line-height:max(46px,.7rem); box-shadow: 0px 0px 13px rgba(0,0,0,0.44);position: relative;z-index: 1;}
.bread-center { width: 100%; overflow: hidden; margin: 0px auto; height: 100% }

.bread-crumb ul { float: left;  width: auto; overflow: hidden }
.bread-crumb ul li { float: left; width: auto; overflow: hidden; height: 100%; max-height:max(46px,.7rem); padding: 0px 10px; margin-right: 0.5rem; position: relative }
.bread-crumb ul li:before { width: 0%; content: ""; position: absolute; left: 0px; bottom: 1px; height: 4px; background:  #00adef; }
.bread-crumb ul li a { color: #333; font-size: max(16px,.2rem);}
.bread-crumb ul li.active:before{ width: 100% }
.bread-crumb ul li.active a, .bread-crumb ul li:hover a { color: #00adef; font-weight:bold;}

.bread-left {float: right; width: auto; overflow: hidden; height: 100%;display: flex;}
.bread-left a { display:inline-block; width: auto; height: 100%; overflow: hidden; font-size:max(15px,.16rem); color: #333;  padding: 0px 0.1rem; }
.bread-left a:first-child { background: url("../images/home.png") no-repeat left center;padding: 0px 0.1rem 0px 0.4rem; background-size:0.3rem;}
.bread-left a:hover { color: #00adef }


@media screen and (max-width: 767px) {
.banner-ver .banner-ab{ text-align:center; line-height:1.777; font-size:max(16px,.2rem); font-weight:bold;}
.bread-crumb ul{ display:none;}
}



/******n common************/
.commonbt{}
.commonbt strong{ font-size:max(22px,0.4rem); line-height:1.5;display: block;}
.commonbt p{ font-size:max(16px,0.2rem); line-height:1.5;  color:rgba(51,51 ,51 , 0.5);text-transform: uppercase;}
.commonbt b{ position:relative;height: 0.3rem; width: 100%; display: block;}
.commonbt b:after {content: "";height: 3px;width: 76px;position: absolute;left: 50%;bottom: 0px;transition: all 0.5s ease;transform: translateX(-50%);background: #00adef;}

.menu_ul_nav{ position:relative; overflow:hidden; width:100%;margin:0.5rem 0px; text-align:center;}
.menu_ul_nav a{ display:inline-block;overflow:hidden; position:relative; height:max(42px,0.5rem); padding:0 0.3rem; line-height:max(42px,0.5rem); font-size:max(16px,0.18rem); color:#666; border:1px solid #f4f4f4; margin:0px 0.1rem;}
.menu_ul_nav a span{ display:block; position:relative; top:0;transition: all 0.4s linear;-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;}
.menu_ul_nav a:hover, .menu_ul_nav a.active{ background:#00adef;}
.menu_ul_nav a:hover span, .menu_ul_nav a.active span{ font-weight:bold; color:#fff; top:calc(-100% - 2px);}

/***************/
.more-i {text-align: center; margin-top:0.7rem;}
.more-i a { display:inline-block;padding: 10px 32px ;font-size: 16px;background: #e3e3e3;color:#333333;}
.more-i a:hover {background: #ff0005;color:#fff;}


/*******index-title**********/
.n-title { position: relative;z-index: 1;}
.n-title h2 {position: relative;font-size: max(22px,0.4rem); font-style:italic; font-weight:bold; color: #333333;display: inline-block;padding-left:1.8em;}
.n-title h2::before {content: attr(title);position: absolute;z-index: -1;left:0%;top:50%;transform: translateY(-50%);line-height: 1; text-transform:uppercase; font-size: max(50px,1.2rem);font-family: 'SourceHanSansSC-Bold'; font-style:italic;color: transparent; -webkit-background-clip: text; background-clip: text;-webkit-text-stroke: 1px #ededed;}
.n-title h4 {position: relative;font-size: max(19px,0.34rem); font-style:italic; color: rgba(51, 51, 51,0.2);display:block;font-family: 'SourceHanSansSC-Bold'; margin-top:-0.1rem;}
.n-title h4::first-letter { color: #333;font-weight: bold;}


/****************************/
.n_about_bg{ position:relative; padding:1rem 0px 0.8rem; }
.n_about_box{align-items:top;}
.n_about_box .n_about_lf{ width:32%; height:100%;}
.n_about_ul{display:flex; flex-wrap:wrap;justify-content:space-between; width:90%; max-width:1300px; margin:0 auto;}
.n_about_ul li{ width:50%; margin:0.8rem 0px 0px;}

.n_about_ul li p{ font-size:max(20px,.35rem);line-height:1.5; color:#00adef; }
.n_about_ul li .num{font-family: 'OPPOSans B'; font-weight:bold;font-size:max(36px,.5rem); display:inline-block; margin-right:10px; transition:all 0.5s ease; }
.n_about_ul li .wz{ line-height:1.3; display:inline-block; font-size:max(20px,.35rem);font-family: 'OPPOSans B';}
.n_about_ul li p:nth-child(2){ font-size:max(17px,0.2rem);line-height:1.5; color:#333333;}

.n_about_box .n_about_rf{ width:65%;}
.n_about_box .n_about_rf .n_about_info{max-height: 5.2rem;overflow-y: auto;font-size:16px; line-height:2.3; color:#333; text-indent:2em; margin-top:0.4rem;}
.n_about_box .n_about_rf .n_about_info p{ font-size:16px; line-height:2.3; color:#333; text-indent:2em;}


@media screen and (max-width: 767px) {
.n-title h2::before { font-size: max(40px,0.6rem);}	
.n_about_box .n_about_lf{ width:100%; height:100%; margin-bottom:0.4rem;}
.n_about_box .n_about_rf{ width:100%;}

}

/****************************/
.n_culture_bg{position:relative;padding: 0.8rem 0px;z-index:1;}
.sAbout-culture-list {display: grid; grid-template-columns: repeat(3,minmax(0,1fr));border-radius: 15px;background-image: url(../images/bggy-wh-list.jpg);background-position: 50% 50%;background-size: cover;background-repeat: no-repeat;background-attachment: fixed;background-color: #093a6f;margin: 0 0vw}
.sAbout-culture-list .item {position: relative;z-index: 2;min-width: 0;padding: 0.6rem;text-align: center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.sAbout-culture-list .item .cbox {width: 100%;}
.sAbout-culture-list .item .sdt {position: relative;z-index: 2;text-align: center; color:#fff;margin-bottom: .8rem;}
.sAbout-culture-list .item .sdt .p1 {width: 100%;height: 1em;line-height: 1em;font-size:0.8rem;fill: transparent;stroke: #d7d7d7;stroke-width: 1px;text-transform: uppercase;font-family: Arial,sans-serif;font-weight: 900;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;pointer-events: none;}
.sAbout-culture-list .item .sdt .p1 text {-webkit-mask-image: -webkit-linear-gradient(0deg,rgba(255,255,255,.3),transparent);mask-image: -webkit-linear-gradient(0deg,rgba(255,255,255,.3),transparent);}
.sAbout-culture-list .item .sdt .p2 {position: absolute;left: 0;bottom: 0;width: 100%;margin-top: 0.3rem;font-weight: 500;color: #fff;font-size: 24px;line-height: 1.25;}
.sAbout-culture-list .item .sdd {font-size: 16px;font-weight: 700;color: #fff;line-height: 1.5;letter-spacing: .1em;padding-left: .1em;opacity: .9;-webkit-transition: all 320ms ease-out 0s;transition: all 320ms ease-out 0s;}
.sAbout-culture-list .item.on .sdd,.sAbout-culture-list .item:hover .sdd {opacity: 1;}
.sAbout-culture-list .item:nth-of-type(1):after { content:" "; z-index: -1; pointer-events: none; position: absolute; right: 0; bottom: 0; margin-right: -5px; margin-bottom: -5px; width: 9px; height: 9px; border-radius: 50%; background-color: #fff;}
.sAbout-culture-list .item:nth-of-type(2):after { content:" "; z-index: -1; pointer-events: none; position: absolute; right: 0; bottom: 0; margin-right: -5px; margin-bottom: -5px; width: 9px; height: 9px; border-radius: 50%; background-color: #fff;}
.sAbout-culture-list .item:nth-of-type(2n+2) { border-left: rgba(255,255,255,.2) solid 1px;}
.sAbout-culture-list .item:nth-of-type(2n+3) { border-left: rgba(255,255,255,.2) solid 1px;}

@media screen and (max-width: 750px) {
.sAbout-culture-list { grid-template-columns: repeat(1,minmax(0,1fr));}
.sAbout-culture-list .item { padding: 0.2rem;}
.sAbout-culture-list .item:nth-of-type(1n+2) { border-top: rgba(255,255,255,.2) solid 1px}
}


/****************************/
.n_honor_bg{ position:relative; padding:0.8rem 0px; background:#fff; overflow:hidden;}
.n_honor_box { margin-top:0rem;}
.n_honor_list {grid-template-columns: repeat(4,minmax(0,1fr));grid-gap: 0.4rem 0.3rem;display: grid;}
.n_honor_list .n_honor_item{ position:relative; overflow:hidden; background:#fff; border:1px solid #eeeeee;}
.n_honor_list .n_honor_item a{ display:block; padding:0.2rem;}
.n_honor_list .n_honor_item .overflowHide { padding-bottom:131%;}
.n_honor_list .n_honor_item .overflowHide .bgImg img {display: block!important;width:calc(100% - 0.2rem);height: auto;object-fit: cover;position: absolute;left:0.1rem;top: 50%;transform: translateY(-50%);}
.n_honor_text{ border-top:1px solid #e4e4e4; color:#333333; font-size:16px; padding-top:0.25rem; text-align:center;}
.n_honor_list .n_honor_item:hover .bgImg img { transform: scale(1.05) translateY(-50%);}


/*******n_pro_bg*********/
.n_pro_bg{ position:relative; width:100%; padding:0.8rem 0px; background:#fff;}
.n_pro_box{ }
.n_pro_list {grid-template-columns: repeat(4,minmax(0,1fr));grid-gap: 0.5rem 0.2rem;display: grid;}
.n_pro_list .n_pro_item{ position:relative; overflow:hidden; background:#fff; border-radius:10px;box-shadow: 0px 0px 0.4rem rgba(0 ,0, 0 ,0.14);}
.n_pro_list .n_pro_item a{ position:relative; z-index:2; display:block; padding:0.3rem;}
.n_pro_list .n_pro_item .overflowHide { padding-bottom:75%;}
.n_pro_text h3{color:#333333; font-size:max(16px,0.20rem); margin:0.25rem 0px 0.2rem 0px; text-align:center;}
.n_pro_text p{position:relative;color:#999999; font-size:16px; line-height:2; text-align:center;}
.n_pro_text p:after {content: "";height: 1px;width:0;position: absolute;left: 50%;bottom: 0px;transition: all 0.5s ease;transform: translateX(-50%);background: #999;}

.n_pro_item:hover .n_pro_text h3{color:#00adef;}
.n_pro_item:hover .n_pro_text p:after{width:4em;}
.n_pro_list .n_pro_item::before { content: '';position: absolute;inset: 0;z-index: 0;padding: 0px;border-radius: 10px;background: linear-gradient(90deg, #00adef, #ffddde);-webkit-mask: linear-gradient(#fff, #fff) content-box, /* 内容区域不显示 */
linear-gradient(#fff, #fff);             /* 整体形状 */
-webkit-mask-composite: xor;               /* 挖空内容区域 */
mask-composite: exclude;}
.n_pro_list .n_pro_item:hover::before { padding: 1px;}


/*******n_pro_xq*********/
.n_proxq_box{}

.n_proxq_lf{ width:35%; max-width:5.3rem;}
.probig{ width:100%;}
.probig .pbitem{ width:100%;}
.probig .pbitem .overflowHide { padding-bottom:75%;  border: 1px solid #cccccc;background:#fff;}

.proicon{ width:100%; margin-top:15px;}
.proicon .slick-track {margin: 0;}
.proicon .pbicon {padding: 0 12px 0px 0px;}
.proicon .pbicon .overflowHide { padding-bottom:75%;border:1px solid #fff;background:#fff;}
.proicon .pbicon.slick-current .overflowHide{ border:1px solid #00adef;}


.n_proxq_rf{ width:61%; max-width:12rem;}
.n_proxq_rf .n_proxq_tit{width: 100%; font-size:max(18px,0.25rem); color:#333; line-height:1.5;}

.n_proxq_rf .n_proxq_info{width: 100%; font-size:16px; line-height:1.7;}
.n_proxq_rf .n_proxq_info table  {width: 100%;border: 1px solid #e8e8e8!important; text-align:center; margin-top:0.2rem;}
.n_proxq_rf .n_proxq_info table tr:first-child { background:#00adef;}
.n_proxq_rf .n_proxq_info table tr:first-child td{ background:#00adef; color:#fff; font-size:18px; font-weight:bold;}
.n_proxq_rf .n_proxq_info table tr td{border: 1px solid #e8e8e8;padding:10px 5px;}
.n_proxq_rf .n_proxq_info table tr td:first-child {min-width: 60px;}

.n_proxq_rf .n_proxq_info table tr:nth-child(even){background-color:#f2f2f2;}
.n_proxq_rf .n_proxq_info table tr:nth-child(odd){background-color:#ffffff;}

.n_proxq_rf .n_proxq_info table p{min-height: 50px;display: flex;align-items: center;justify-content: center;  font-size: 16px;}

.n_proxq_kuang{ width:100%; margin-top:0.6rem;}
.n_proxq_kuang .pro_xq_tit{ position:relative;  border-bottom: 1px solid #00adef; color:#333333;margin-bottom:0.3rem;}
.n_proxq_kuang .pro_xq_tit span{ display:inline-block; padding:8px 0.3rem; color:#fff; background:#00adef;font-size:max(16px,0.2rem); font-weight:bold;}

.n_proxq_kuang .pro_xq_title{font-size:18px; line-height:2.3;}
.n_proxq_kuang .pro_xq_title svg{ margin-right:10px;}
.n_proxq_kuang .pro_xq_info{font-size:16px; line-height:2.3;}
.n_proxq_kuang .pro_xq_info p{ font-size:16px; line-height:2.3;}




/*******n_join_bg*********/
.n_join_bg{ position:relative; width:100%; padding:0.8rem 0px;}
.n_huo_list{ width:100%; grid-template-columns: repeat(6,minmax(0,1fr)); grid-gap: 0.25rem 0.25rem; display: grid;}
.n_huo_list .n_huo_item{height:max(100px,1.2rem); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);border-radius: 0.16rem;}
.n_huo_list .n_huo_item img {  margin: auto; max-width: 80%; max-height: 80%;}

/*******n_join_bg*********/
.n_join_bg{ position:relative; width:100%; padding:0.8rem 0px;}
.n_join_box{ }
.n_join_list .item { position: relative;background: #fff;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);border-radius: 0.16rem;padding: 0 0.46rem;}
.n_join_list .item::before {z-index: -1;transition: 0.4s;opacity: 0;content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;border: 2px solid transparent;background-clip: padding-box, border-box;background-origin: padding-box, border-box;-moz-background-origin: padding-box, border-box;background-image: linear-gradient(to right, #fff, #fff), linear-gradient(to right, #00adee, #00adee);border-radius: 0.2rem;}
.n_join_list .item .one {cursor: pointer;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;padding: 0.32rem 0;}
.n_join_list .item .one .text {flex: 0.9;}
.n_join_list .item .one .text .div1 {font-size:max(18px,.24rem);color: #000;}
.n_join_list .item .one .text .div2 {margin-top: 0.1rem;display: flex;flex-wrap: wrap;align-items: center;}
.n_join_list .item .one .text .div2 > div {display: flex;flex-wrap: wrap;align-items: center;font-size: max(16px,.18rem);color: #666;}
.n_join_list .item .one .text .div2 > div img {max-width: 0.26rem;}
.n_join_list .item .one .text .div2 > div span {margin-left: 0.1rem;}
.n_join_list .item .one .text .div2 > div + div {margin-left: 0.4rem;}
.n_join_list .item .one .btn {transition: 0.4s;width: 0.5rem;height: 0.5rem;border: 1px solid #e0e0e0;display: flex;border-radius: 50%;font-size: max(16px,.18rem);}
.n_join_list .item .one .btn i {transition: 0.4s;color: #999;margin: auto;}
.n_join_list .item .two {display: none;padding: 0.32rem 0 0.64rem;}
.n_join_list .item .two .div1 .li {font-size: max(20px,.22rem);}
.n_join_list .item .two .div1 .li .i1 {color: #333;font-family: MiSansMedium;}
.n_join_list .item .two .div1 .li .i2 {margin-top: 0.15rem;font-size: 0.82em;color: #666;line-height: 2;}
.n_join_list .item .two .div1 .li + .li {margin-top: 0.4rem;}.n_join_list .item .two .div2 {margin-top: 0.4rem;}
.n_join_list .item + .item {margin-top: 0.3rem;}.n_join_list .item.active {background: transparent;}
.n_join_list .item.active::before {opacity: 1;}
.n_join_list .item.active .one .btn {background: linear-gradient(to right, #00adee, #8bc53f);border-color: #fff;}
.n_join_list .item.active .one .btn i {transform: rotateX(180deg);color: #fff;}




/****************************/
.n_can_bg{ position:relative; padding:0.8rem 0px; background:#f8f8f8; overflow:hidden;font-size: 17px;line-height:1.8;color: #333;}
.n_can_bg table  {width: 100%;border: 1px solid #e8e8e8!important; text-align:center; margin-top:0.2rem;}
.n_can_bg table tr:first-child { background:#00adef;}
.n_can_bg table tr:first-child td{ background:#00adef; color:#fff; font-size:18px; font-weight:bold;}
.n_can_bg table tr:first-child td p{color:#fff;}
.n_can_bg table tr td{border: 1px solid #e8e8e8;padding:10px 5px;}
.n_can_bg table tr td:first-child {min-width: 60px;}

.n_can_bg table tr:nth-child(even){background-color:#f2f2f2;}
.n_can_bg table tr:nth-child(odd){background-color:#ffffff;}

.n_can_bg p{font-size: 17px;line-height:1.8;color: #333;}

/****************************/
.n_news_bg{ position:relative; padding:0.8rem 0px; background:#f8f8f8; overflow:hidden;}
.news-list { width:100%; grid-template-columns: repeat(4,minmax(0,1fr)); grid-gap: 0.35rem 0.35rem; display: grid;}
.news-item { overflow: hidden; background: #fff; border-radius:10px; border:1px solid #fff;}
.news-item:nth-child(3n) { margin-right: 0px }
.news-item a { width: 100%; height: 100%; padding:0.15rem; display: block; overflow: hidden;}
.news-pic { width: 100%; overflow: hidden; height:max(160px,2rem); border-radius:15px; }
.news-pic img { width: 100%; height: 100%; object-fit: cover;transition:all 0.5s ease-in-out; }
.news-item:hover img { transform: scale(1.1);}

.news-cont { width: 100%; overflow: hidden; box-sizing: border-box; }
.news-cont .news-data{ position: relative;border-bottom:1px solid #eaeaea; padding:0.2rem 0px;}
.news-cont em { font-size: 14px; color: #666666; font-style:normal;}
.news-cont samp {font-size: 14px; color: #666666;}
.news-cont .news-tit {width: 100%; overflow: hidden; font-size:max(18px,.2rem); color: #333; padding:0.2rem 0px;-webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.news-cont p { width: 100%; overflow: hidden; font-size:max(14px,.16rem); color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height:1.7; }
.news-item:hover .news-cont .news-tit { color: #00adef; }
.news-item:hover { box-shadow: 0px 5px 16px 4px rgba(0,0,0,0.15); border:1px solid #00adef; }


/*******xq_connom**********/
.news-art-main{background: #fff;margin:0px auto;padding:5%;}
.art-tit h4{text-align: center;font-size:0.28rem;line-height:1.6;padding-bottom: 20px;color: #333;}
.art-tit h5{text-align: center;font-size: 12px;font-weight: normal;line-height: 38px;color: #888;border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
.art-tit h5 span{display: inline-block;max-width: 300px; width:50%;}
.art-main{padding-top: 30px;padding-bottom: 40px;font-size: 16px;line-height:1.6;color: #333;}
.art-main p{font-size: 16px;line-height:1.6;color: #333; text-indent:2em;}
.art-main p img{ margin-left:-2em;}
.art-main div{font-size: 16px;line-height:1.6;color: #333; text-indent:2em;}
.art-main div img{ margin-left:-2em;}



.art-back li{font-size: 14px;}
.art-footer-last{border-top: 1px solid #e2e2e2;padding-top: 6px;line-height: 30px;}
.art-footer-next{border-bottom: 1px solid #e2e2e2;padding-bottom: 6px;line-height: 30px;}
.art-footer-last a,.art-footer-next a {line-height: 30px;color: #555;}
.art-footer-last a:hover,.art-footer-next a:hover {color:#a59380;}
.art-footer-back{padding-top: 26px;float: right;margin-top: -82px;margin-right: 20px;}
.art-footer-back a{display: block;position: relative;width: 116px;height: 40px;overflow: hidden;border: 2px solid #a59380;line-height:36px;text-align: center;box-sizing: border-box;color: #a59380;}
.art-footer-back a span{display: block;position: relative;top: 0;}
.art-footer-back a:hover span{background: #a59380;color: #fff;top: -100%;line-height:40px;}
.art-footer-back a:hover{border: 0 none;}



/******n common************/
.commonbt{ margin-bottom:0.6rem;}
.commonbt p{ font-size:max(26px,0.7rem); line-height:1;  color:rgba(51,51 ,51 , 0.1); font-weight:bold;text-transform: uppercase;}
.commonbt strong{ font-size:max(22px,0.4rem); line-height:1.5;display: block; margin-top:max(-30px,-0.4rem)}

.commonbt b{ position:relative;height: 0.3rem; width: 100%; display: block;}
.commonbt b:after {content: "";height: 3px;width: 76px;position: absolute;left: 50%;bottom: 0px;transition: all 0.5s ease;transform: translateX(-50%);background: #00adee;}

/***********n_contact_bg******************/
.n_contact_bg{ position:relative; padding:0.8rem 0px; background:#fff; overflow:hidden;}

.contact-nav {position: relative;z-index:2;grid-template-columns: repeat(3,minmax(0,1fr));grid-gap: 0rem 0.3rem;display: grid;}
.contact-item {overflow: hidden;position: relative;background: #fff;border-radius: 10px;box-shadow: 0px 0px 12px 5px rgba(0,0,0,0.07);
display: flex;flex-wrap: wrap;align-content: center;align-items: center;cursor: pointer; padding:0.6rem 0.4rem;color: #333;}
.contact-info{display:flex;align-items: center;}
.contact-info samp {position:relative;width:max(30px,0.4rem);height:max(30px,0.4rem);border:1px solid #00adee;border-radius:50%;margin-right:0.2rem;z-index: 1;-webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-ms-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;transition: all 0.6s ease 0s;display: block;}
.contact-info samp img { width:100%;}
.contact-item span {position: relative;font-size:18px;font-weight: bold;}
.contact-line{ position:relative; width:100%; height:1px; background:#e8e8e8; margin:0.2rem 0px 0.3rem;}
.contact-line:after {width:0.7rem;height:2px;content: "";position: absolute;left: 0px;top: 50%;transform: translateY(-50%);background: #00adee;}
.contact-item em {width: 100%;display: block;position: relative;font-size:20px;font-style: normal; font-weight:bold;}
.contact-item em a{}
.contact-item.active samp img {filter: grayscale(0%);opacity:1;}

.contact-item.active{background: #00adee; color:#fff;}
.contact-item.active .contact-line{ background:#f38890;}
.contact-item.active .contact-line:after {background: #fff;}
.contact-item.active .contact-info samp { background:#fff;}


/***********n_message_bg***************/
.n_message_bg{position: relative;width: 100%; padding:1.2rem 0; background:url(../images/n_message_bg.jpg) center center no-repeat;  background-size:cover;overflow: hidden;}
.n_message_bg .n_message_box{ overflow:hidden;}
.n_message_box .n_message_info{width:50%;max-width:340px;display: flex; justify-content: space-between;flex-wrap: wrap;}
.n_message_tit .n_message_en{position:relative;font-size:1rem;text-transform:uppercase;line-height:1; color: transparent; -webkit-text-stroke: 2px rgba(51,51,51,0.1);  font-family: 'SourceNotosc-SemiBold';}
.n_message_tit .n_message_cn{ font-size:max(22px,0.4rem); font-weight:bold; margin-top:-0.3rem;}
.n_message_tel{font-size:max(18px,0.2rem);color:#333;font-weight: bold;}
.n_message_tel span{display:block;color: #00adee;font-size:max(24px,0.3rem);margin-top: 10px;font-weight: bold;}

.n_message_box .n_message_form{float:right;width:56%;max-width:940px;background:#fff; border-radius:20px;padding:0.6rem; }
.n_message_box .form{}
.n_message_box .form .form-group { width:49%;position: relative;margin-bottom:22px;}
.n_message_box .form .form-group:last-child {margin-bottom:0px;    text-align: right;}
.n_message_box .form .form-group.form-group-text{ width:100%;}
.n_message_box .form .form-name{display:block;width:100%;line-height:24px;color:#666666;font-size:16px;}
.n_message_box .form .item-value{display:block;width:100%;line-height:24px;padding: 12px 0px;color:#333;border-bottom: 1px solid #e9e9e9;outline:none;}
.n_message_box .form textarea.item-value{height: 90px;resize:none;font-family:"SourceHanSansSC";}
.n_message_box .form .item-value::-webkit-input-placeholder{color:#999999;}
.n_message_box .form .item-value:-moz-placeholder{color:#999999;}
.n_message_box .form .item-value::-moz-placeholder{color:#999999;}
.n_message_box .form .item-value:-ms-input-placeholder{color:#999999;}



.n_message_box .form .code{ display:flex;width: 50%; margin-bottom:0px;}
.n_message_box .form .code img{ margin-left:5px; height:50px;}
.n_message_box .form .button{display: inline-block;position: relative;z-index: 3;overflow: hidden;width:100%; max-width:180px;height: 50px;line-height: 50px;border-radius:5px;color: #fff; background: #00adee;font-size: 16px;border: 1px solid #00adee;cursor: pointer;}

.n_message_box .form .button:hover {color:#ffff;}


@media screen and (max-width: 768px) {
.n_pro_list {
    grid-template-columns: repeat(1,minmax(0,1fr));
    grid-gap: 0.5rem 0.2rem;
    display: grid;
}
.n_proxq_lf{ width:100%; max-width:5.3rem; margin-bottom:0.2rem;}

.n_proxq_rf{ width:100%; max-width:12rem;}

.n_can_bg p {
    font-size: 15px;
    line-height: 1.8;
    color: #333;
}
.n_huo_list {
    width: 100%;
    grid-template-columns: repeat(2,minmax(0,1fr));
    grid-gap: 0.25rem 0.25rem;
    display: grid;
}
.art-back li {
    font-size: 14px;
    width: 100%;
}
.n_honor_list {
    grid-template-columns: repeat(1,minmax(0,1fr));
    grid-gap: 0.4rem 0.3rem;
    display: grid;
}
.news-list {
    width: 100%;
    grid-template-columns: repeat(1,minmax(0,1fr));
    grid-gap: 0.35rem 0.35rem;
    display: grid;
}

.contact-nav {
    position: relative;
    z-index: 2;
    grid-template-columns: repeat(1,minmax(0,1fr));
    grid-gap: 0.2rem 0rem;
    display: grid;
}
.n_message_box .n_message_info {
    width: 100%;
    max-width: 340px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.n_message_box .n_message_form {
    float: right;
    width: 100%;
    max-width: 940px;
    background: #fff;
    border-radius: 20px;
    padding: 0.6rem;
}
.n_message_box .form .form-group {
    width:100%;
    position: relative;
    margin-bottom: 22px;
}
}