@charset "utf-8";

html {font-size:62.5%;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img,figure{margin:0;padding:0;}
body {line-height:1;font-size:1.6rem;color:#333;}
ul,ol,li{list-style-type:none;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
img {-ms-interpolation-mode:bicubic;border:none;vertical-align:top;max-width:100%;}
a {text-decoration:none;color:#333;}
a:link,a:visited,a:hover,a:active{text-decoration:none;}
a:hover {color:#000;}
.container {position: relative;}
.clear { clear:both; height:0; font-size:0;}


/*header*/
.header {position: fixed;top: 0;left: 0;width:100%;height:12rem;z-index:99;transition:all 0.3s;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;}
.header .navbar {padding:0;}
.header .navbar-brand {margin:0;padding:0;display: block;width: 26.7rem;height: 8.9rem;background:url(/skin/css/../images/logo.png) no-repeat;text-indent: -9999px;background-size: contain;transition:all 0.5s;}
.header .navbar-nav .nav-item {margin-left: 7rem;}
.header .navbar-nav .nav-link {font-size: 1.8rem;height: 6rem;;line-height: 6rem;padding:0 0.3rem;color: #000;position: relative;}
.header .dropdown-menu {font-size: 1.6rem;margin: 0;}
.header .dropdown-menu .dropdown-item {color: #666;padding: 1rem;}
.header .navbar-nav .nav-link::before {content:'';position: absolute;left: 0;bottom: 0;width:0;height: 0.4rem;background-color: #0e7ab7;transition:all 0.3s;}
.header .navbar-nav .nav-link:hover,.header .navbar-nav .nav-item.active .nav-link,.header .navbar-nav .nav-item.show .nav-link {color: #0e7ab7;}
.header .navbar-nav .nav-link:hover::before,.header .navbar-nav .nav-item.active .nav-link::before,.header .navbar-nav .nav-item.show .nav-link::before {width: 100%;}
.h_tel {position: absolute;top:-0.3rem;right: 0.3rem;color: #000;}
.h_tel::before {content:"\f095";font-family: FontAwesome;display: block;position: absolute;left: -2rem;top: -0.3rem;font-size:2.4rem;}
.header.h_bg {background-color: #fff;height: 8rem;border-bottom:0.1rem solid #ccc;box-shadow:0 0 0.3rem rgba(0,0,0,0.2);-ms-flex-align: end;align-items: flex-end;}
.header.h_bg .navbar-brand {width: 18rem;height: 6rem;position: relative;top:-1rem;}
.header.h_bg .h_tel {top: -1rem;}

/*index*/
.banner {position: relative;border-bottom:5px solid #0e7ab7;}
.banner .swiper-slide {position:relative;z-index:1;}
.banner .swiper-pagination {bottom:2rem;}
.banner .swiper-pagination-bullet {width:1.5rem;height:1.5rem;transition:all 0.3s;background:#0e7ab7;opacity:0.3;border-radius:1.5rem;margin:0 0.8rem !important;}
.banner .swiper-pagination-bullet-active {opacity:1;width: 3rem;}
.banner .swiper-button-white {outline:none;}
.banner .swiper-button-prev, .banner .swiper-button-next {width:6rem;height:8rem;background-color:#666;outline:none;transition:all 0.3s;margin-top:-4rem;opacity:0.3;}
.banner .swiper-button-prev {left: 0;border-radius:0 1rem 1rem 0;}
.banner .swiper-button-next {right: 0;border-radius:1rem 0 0 1rem;}
.banner .swiper-button-next:hover, .banner .swiper-button-prev:hover {opacity:1;}
.ban_bg {position:relative;z-index:1;}
.ban_bg img {width:100%;}
.ban_txt {position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;}
.ban_txt1 {position:absolute;top:0;left:0;width:100%;height: 100%;z-index:3;display:-ms-flexbox;display:flex;-ms-flex-align: center;align-items:center;color:#fff;}
.ban_txt1 h6 {font-size:2.6rem;display: inline-block;background-color: #0e7ab7;padding:1rem;}
.ban_txt1 p {font-size:6rem;color:#032e4c;font-weight: bold;line-height: 1.1;margin:2.5rem 0 3rem;}
.ban_txt1 .container div {font-size:2.2rem;line-height: 1.1;color: #4c4c4c;}
.ban_txt2 {position:absolute;top:0;left:0;width:100%;height: 100%;z-index:3;display:-ms-flexbox;display:flex;-ms-flex-align: center;align-items:center;color:#fff;text-align: right;}
.ban_txt2 h6 {display: inline-block;font-size:2.4rem;padding:1rem 2rem;position: relative;}
.ban_txt2 h6::before {content: '';position: absolute;top: 0; right: 0; bottom: 0; left: 0;z-index: -1;background: #0e7ab7;transform: skew(-30deg);}
.ban_txt2 p {font-size:6rem;color:#032e4c;font-weight: bold;line-height: 1.1;margin:4rem 0 6rem;}
.ban_txt2 p span {display: block;}
.ban_txt2 .container div {display: inline-block;font-size:1.8rem;line-height: 1.1;padding:1rem 2rem;position: relative;}
.ban_txt2 .container div::before {content: '';position: absolute;top: 0; right: 0; bottom: 0; left: 0;z-index: -1;background: #0e7ab7;transform: skew(30deg);}
.ban_txt3 {position:absolute;top:0;left:0;width:100%;height: 100%;z-index:3;display:-ms-flexbox;display:flex;-ms-flex-align: center;align-items:center;color:#fff;}
.ban_txt3 h6 {font-size:3rem;line-height: 1.1;}
.ban_txt3 p {font-size:6rem;color:#ffc305;font-weight: bold;line-height: 1.1;margin:4rem 0 5rem;}
.ban_txt3 .container div {font-size:2.2rem;line-height: 1.1;color: #efeeef;}


.padd {padding:5rem 0;}
.grey {background-color: #f7f7f7;}
.i_title {text-align: center;margin-bottom: 3rem;border-bottom:2px solid #eee;position: relative;padding-bottom: 2rem;}
.i_title h3 {font-size:4.5rem;font-weight: bold;color: #0e7ab7;line-height: 1.1;}
.i_title p {font-size: 2rem;margin-top:1rem;line-height: 1.2;color: #666;}
.i_title::after {content:'';position: absolute;left: 50%;bottom: -0.2rem;width: 21.5rem;height: 0.2rem;background-color: #165e93;margin-left:-10.75rem;}

#pro_tab {-ms-flex-pack: center;justify-content: center;}
#pro_tab a {font-size: 1.8rem;border-right:1px solid #999;padding:0 2.5rem;}
#pro_tab a:last-child {border:none;}
#pro_tab .active {color:#0e7ab7;}
#pro_tabcon {margin-top: 2rem;}
#pro_tabcon ul {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#pro_tabcon li {width: 33.33%;padding:0 1.5rem 1.5rem;}
#pro_tabcon li a {display: block;transition:all 0.2s;}
#pro_tabcon li span {display: block;overflow: hidden;position: relative;padding-bottom: 75%;}
#pro_tabcon li span img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
#pro_tabcon li h6 {height: 4rem;line-height: 4rem;padding:0 1rem;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;text-align: center;font-size: 1.8rem;transition:all 0.2s;}
#pro_tabcon li a:hover {box-shadow:0 0 1rem rgba(0, 0, 0, 0.3);}
#pro_tabcon li a:hover h6 {background-color: #0e7ab7;color: #fff;}
.pro_more {text-align: center;margin-top: 3rem;font-size: 1.8rem;}
.pro_more a {text-decoration: underline;}
.pro_more a:hover {text-decoration: none;}

.honor_con {position: relative;}
.honor_con a {display: block;position: relative;}
.honor_con a img {width: 100%;}
.honor_con a span {display: flex;position: absolute;left: 0;bottom: 0;width: 100%;height: 4rem;line-height: 4rem;padding:0 1rem;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;font-size: 1.8rem;transition:all 0.5s;background-color: rgba(0,0,0,0.7);color: #fff;-ms-flex-pack: center;justify-content: center;}
.honor_con a:hover span {height: 100%;line-height: 1.5;align-items: center;font-size: 2.4rem;color: #0e7ab7;background-color:rgba(255,255,255,0.2);}
.honor_con .swiper-button-prev,.honor_con .swiper-button-next {background:#0e7ab7;text-align: center;font-size: 0;outline:none;}
.honor_con .swiper-button-prev i,.honor_con .swiper-button-next i {color:#fff;font-size: 2rem;line-height: 44px;}
.honor_con .swiper-button-prev {left: -4rem;}
.honor_con .swiper-button-next {right: -4rem;}
.honor_con .swiper-pagination-bullet {margin:0 0.4rem;}
.honor_con .swiper-pagination-bullet-active {background: #0e7ab7;}


.about {background-color: #0e7ab7;padding-top: 5rem;}
.about .i_title h3 {color: #fff;}
.about .i_title p {color: #fff;}
.about .i_title::after {background-color: #e52a31;}
.about_con {background-color: #eee;border-top:18rem solid #0e7ab7;}
.about_box {background-color: #fff;border:2rem solid rgba(0,0,0,0.1);background-clip:padding-box;border-bottom:none;padding:5rem 4rem 4rem 4rem;display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: space-between;margin-top: -15rem;}
.about_txt {width: 48%;}
.about_txt h5 {font-size: 3.4rem;color: #2a2a2a;font-weight: bold;line-height: 1.1;margin-bottom: 3rem;}
.about_txt h5::after {content:'';display: block;width: 14rem;height: 0.4rem;background-color: #0e7ab7;margin-top: 3rem;}
.about_txt p {color: #666;line-height: 1.6;}
.about_txt h6 {font-size: 2.4rem;margin-top: 3rem;}
.about_more {margin-top: 3.3rem;}
.about_more a {display: inline-block;height: 4.8rem;line-height: 4.8rem;padding:0 4rem;background-color: #0e7ab7;color:#fff;transition:all 0.3s;}
.about_more a:last-child {margin-left: 1.5rem;background-color: #e52129;}
.about_more a:hover {border-radius:4.8rem;}
.about_v {width: 48%;}
.about_v a {display: block;position: relative;overflow: hidden;}
.about_v a img {width: 100%;transition:all 0.3s;}
.about_v a i {color: #e52129;font-size: 6rem;position: absolute;top: 50%;left: 50%;margin-left: -3rem;margin-top: -3rem;}
.about_v a i::before {position: relative;z-index:3;}
.about_v a i::after {content:'';position: absolute;top: 50%;left: 50%;z-index:2;margin-left: -1.2rem;margin-top: -1.2rem;width: 2.4rem;height: 2.4rem;background-color: #fff;}
.about_v a:hover img {transform:scale(1.1);}

.strength {padding:3rem 0 2.5rem;}
.strength ul {display: -ms-flexbox;display: flex;align-items:flex-end;padding:0 10rem;}
.strength li {text-align: center;width: 25%;}
.strength li img {transition:all 0.5s;}
.strength li span {color:#fff;display: block;font-size: 2rem;margin-top: 0.5rem;transition:all 0.3s;}
.strength li:hover img {transform:scale(0.95);}
.strength li:hover span {transform:scale(1.05);}

.workshop {background-color: #fff;padding-bottom: 5rem;border-top:0.5rem solid #a7a7a7;}
.workshop h4 {padding:4rem 0;text-align: center;font-size: 3.5rem;font-weight: bold;color: #000;}
.gallery-top {position: relative;padding:0 4rem 6rem;}
.gallery-top .swiper-button-prev,.gallery-top .swiper-button-next {background:none;width: auto;height: auto;font-size: 4rem;outline:none;color: #0e7ab7;margin: 0;top: auto;bottom: 0;}
.gallery-top .swiper-button-prev {left:5rem;}
.gallery-top .swiper-button-next {right:5rem;}
.gallery-top .swiper-pagination {position: static;margin-top: 1.5rem;display: none;}
.gallery-top .swiper-pagination-bullet-active {background: #0e7ab7;}
.gallery-top .swiper-pagination-bullet {margin:0 0.4rem;}
.gallery-top .swiper-slide img {width: 100%;}
.gallery-thumbs {margin-top: 2rem;}
.gallery-thumbs .swiper-slide {position: relative;overflow: hidden;}
.gallery-thumbs .swiper-slide::after {content:'';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);}
.gallery-thumbs .swiper-slide img {width: 100%;}
.gallery-thumbs .swiper-slide span {display: none;position: absolute;left: 0;bottom: 0;width: 100%;font-size: 1.4rem;font-weight: bold;color:#fff;padding:1rem;text-align: center;}
.gallery-thumbs .swiper-slide:hover::after {display: none;}
.gallery-thumbs .swiper-slide:hover span,.gallery-thumbs .swiper-slide-thumb-active span {display: block;}
.gallery-thumbs .swiper-slide-thumb-active::after {display: none;}


.video .i_title {margin-bottom: 0;}
#v_tab {background-color: #fff;padding:3rem;-ms-flex-direction: column;flex-direction: column;}
#v_tab a {display: block;height: 7rem;line-height: 7rem;text-align: center;background-color: #eee;font-size: 1.8rem;width: 30rem;margin-bottom: 2rem;padding: 0;position: relative;z-index:2;}
#v_tab a:last-child {margin-bottom: 0;}
#v_tab a.active {background-color: #0e7ab7;color:#fff;}
#v_tabcon {margin-top: -37rem;position: relative;z-index: 1;}
#v_tabcon ul {display: -ms-flexbox;display: flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
#v_tabcon ul li {width: 25%;padding:0 0.5rem;}
#v_tabcon ul li a {display: block;position: relative;overflow: hidden;}
#v_tabcon ul li img {width: 100%;transition:all 0.3s;}
#v_tabcon ul li h6 {position: absolute;left: 0;bottom: 0;width: 100%;height: 3rem;line-height: 3rem;background-color:rgba(0,0,0,0.5);color:#fff;font-size: 1.4rem;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;padding:0 1rem;}
#v_tabcon ul li i {position: absolute;left: 50%;top: 50%;font-size: 5rem;margin-left: -2.5rem;margin-top: -4rem;color:#333;transition:all 0.2s;}
#v_tabcon ul li i::before {position: relative;z-index:3;}
#v_tabcon ul li i::after {content:'';position: absolute;top: 50%;left: 50%;z-index:2;margin-left: -1rem;margin-top: -1rem;width: 2rem;height: 2rem;background-color: #fff;}
#v_tabcon ul li a:hover img {transform:scale(1.1);}
#v_tabcon ul li a:hover i {color: #e52129;}
#v_tabcon ul li:first-child {width: 100%;text-align: right;margin-right: 3rem;margin-bottom: 6rem;}
#v_tabcon ul li:first-child a {display: inline-block;width: 72%;}
#v_tabcon ul li:first-child h6 {height: 4rem;line-height: 4rem;font-size: 2.2rem;text-align: left;padding:0 2rem;}
#v_tabcon ul li:first-child i {font-size: 8rem;margin-top: -6rem;}
#v_tabcon ul li:first-child i::after {width: 3rem;height: 3rem;margin-left: -1.5rem;margin-top: -1.5rem;}


.news {padding:10rem 0;}
.news_title {position: absolute;top: -4rem;left: 1.5rem;}
.news_title h3 {font-size:4rem;font-weight: bold;color: #0e7ab7;line-height: 1.1;}
.news_title p {font-size: 1.6rem;margin-top:1rem;line-height: 1.2;color: #666;}
#news_tab {-ms-flex-pack: end;justify-content:flex-end;}
#news_tab a {background-color: #b5b5b5;color: #fff;margin-left: 2.5rem;padding:0 2.5rem;height: 3.2rem;line-height: 3.2rem;}
#news_tab a.active {background-color: #0e7ab7;position: relative;}
#news_tab a.active::after {content: "";border-top: 1rem solid #0e7ab7;border-right: 1rem solid transparent;border-bottom: 0;border-left: 1rem solid transparent;position: absolute;left: 50%;bottom: -1rem;margin-left: -1rem;}
#news_tabcon {margin-top: 5rem;}
.news_box {display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: space-between;}
.news_first {width: 52%;}
.news_first a {display: block;background-color: #fff;box-shadow:0 0 0.5rem rgba(0,0,0,0.3);}
.news_first a span {display: block;overflow: hidden;}
.news_first a span img {width: 100%;transition:all 0.3s;}
.news_first a h6 {height: 8.8rem;line-height: 8.8rem;font-size: 1.8rem;font-weight: bold;padding:0 14rem 0 2.5rem;position: relative;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;}
.news_first a h6 b {font-weight: normal;font-size: 1.4rem;color: #666;position: absolute;top: 0.1rem;right: 3rem;}
.news_first a:hover span img {transform:scale(1.05);}
.news_first a:hover h6 {color: #0e7ab7;}
.news_list {width: 44%;}
.news_list li {padding:1.1rem 0.5rem;border-bottom:1px solid #eaeaea;}
.news_list li:first-child {padding-top: 0;}
.news_list li a {display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-align: center;align-items: center;}
.news_date {display: block;width: 10.5rem;height: 10.5rem;background-color: #f7f7f7;text-align: center;padding-top: 1rem;transition:all 0.2s;}
.news_date b {font-size: 3rem;display: block;line-height: 1.8;}
.news_des {display: block;width: 43rem;}
.news_des h6 {line-height: 1.1;}
.news_des p {font-size: 1.4rem;color:#888;line-height: 1.2;margin-top: 1rem;}
.news_list li a:hover .news_date {background-color: #0e7ab7;color:#fff;}


/*footer*/
.footer {color: #b7b7b7;background-color: #222629;}
.footer a {color: #b7b7b7;}
.footer a:hover {text-decoration:underline;color: #fff;}
.f_brand {padding: 3rem;display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-align: start;align-items:flex-start;}
.f_ewm {display: -ms-flexbox;display: flex;text-align: center;}
.f_ewm div {margin-left: 1.5rem;}
.f_ewm span {display: block;font-size: 1.4rem;margin-top: 1rem;} 
.f_fastbox {display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: space-between;border-top:2px solid #87898a;border-bottom:2px solid #87898a;padding:6rem 1rem;}
.f_fastbox h6 {font-size: 2.4rem;color: #fff;;margin-bottom: 1.5rem;}
.f_contact p {margin-bottom: 1.2rem;}
.f_fastnav {display: -ms-flexbox;display: flex;}
.f_nav {margin-left: 10rem;text-align: center;}
.f_nav li {margin-bottom: 1.2rem;}
.f_copyright {padding:2rem 0;text-align: center;}
.f_copyright span {margin-left: 2rem;}
.backToTop {display:none;width:5rem;height:5rem;line-height:1;text-align:center;position:fixed;right:2rem;bottom:5rem;z-index:99;background-color:#000;color:#fff !important;opacity:0.6;}
.backToTop i {display:block;font-size:2.2rem;margin-top: 0.3rem;}
.backToTop:hover {opacity:1;border-radius:0.6rem 0.6rem 0 0;}

.fixed_nav {display: none;position: fixed;bottom:0;left: 0;z-index:999;width: 100%;background-color: #333;}
.fixed_nav ul {overflow: hidden;display: -ms-flexbox;display: flex;}
.fixed_nav li {width: 25%;border-right:0.1rem solid #666;}
.fixed_nav li:last-child {border-right:none;}
.fixed_nav li a {display: block;color:#fff;height:6rem;text-align: center;font-size: 1.4rem;padding-top:0.6rem;line-height: 1.2;}
.fixed_nav li a i {display: block;font-size:2.5rem;}


/* product */
.nheight {height: 13rem;}
.npadd {padding:8rem 0;}
.nban {height: 16rem;background-color: #0e7ab7;color: #fff;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items:center;}
.nban h2 {font-size: 4rem;font-weight: bold;text-align: center;}

.nnav {margin-top: 5rem;}
.nnav ul {display: -ms-flexbox;display: flex;justify-content:center;}
.nnav li {margin:0 1rem;}
.nnav li a {display: block;height: 6rem;line-height: 6rem;background-color: #eee;font-size: 1.8rem;padding:0 3rem;border-radius:0.5rem;transition:all 0.2s;}
.nnav li a:hover {background-color: #ccc;}
.nnav li.active a {background-color: #0e7ab7;color: #fff;}

.np_list ul {display:-ms-flexbox;display: flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.np_list li {width: 33.33%;padding:0 1.4rem 2rem;}
.np_list li a {display: block;border:1px solid #eee;transition:all 0.3s;}
.np_list li span {display: block;position: relative;overflow: hidden;padding-bottom:75%;}
.np_list li span img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.np_list li h6 {height: 4rem;line-height: 3.9rem;text-align: center;padding:0 1rem;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;font-size:1.8rem;border-top:0.1rem solid #eee;}
.np_list li a:hover {box-shadow:0 0 1rem rgba(0,0,0,0.3);transform:translateY(-0.3rem);}
.np_list li a:hover h6 {color: #0e7ab7;}

#pages {margin-top:5rem;text-align:center;clear:both;color: #999;}
#pages a {color:#333;margin:0 0.2rem 0.3rem;display:inline-block;vertical-align:top;padding:0 1.3rem;height:4rem;line-height:3.8rem;border:0.1rem solid #d5d5d5;color: #999;transition:all 0.2s;font-size: 2rem;}
#pages a:hover {border-color:#0e7ab7;color:#0e7ab7;}
#pages a.page-num-current {border-color:#0e7ab7;color:#fff;background-color: #0e7ab7;}

.nps_title {font-size: 4.5rem;line-height: 1.2;text-align: center;color:#0e7ab7;font-weight: bold;}
.nps_des {display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-align: center;align-items: center;margin-top: 4rem;}
.nps_pics {width: 50%;border:0.1rem solid #eee;position: relative;text-align: center;padding:1rem 3rem 2rem}
.nps_pics .swiper-pagination {position: static;margin-top: 1.5rem;}
.nps_pics .swiper-pagination-bullet {margin:0 0.4rem;}
.nps_pics .swiper-pagination-bullet-active {background: #0e7ab7;}
.nps_pics .swiper-button-prev {left:0;}
.nps_pics .swiper-button-next {right:0;}
.nps_des_con {width: 46%;line-height: 1.5;color: #666;}
.nps_price {display: inline-block;color:#fff !important;background-color: #0e7ab7;padding:1rem 3rem;transition:all 0.3s;margin-top:3rem;font-size: 1.5rem;}
.nps_price:hover {border-radius:1rem;}
.nps_con {margin-top:4rem;border: 0.1rem solid #e5e5e5;}
.nps_con_tit {border-bottom: 0.1rem solid #e5e5e5;background-color: #eee;padding:1rem;border-left:5px solid #0e7ab7;}
.nps_detail {font-size: 1.8rem;line-height: 1.6;color: #666;overflow: auto;padding:3rem 3rem 6rem;}
.nps_detail img {max-width:100%;height:auto !important;}
.nps_detail iframe {display: block;width: 80rem;height: 60rem;margin:1rem auto;}
.nps_detail table {width: 100% !important;}


/* video */
.nv_list ul {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.nv_list li {width: 25%;padding:0 0.6rem 2rem;}
.nv_list li a {display: block;transition:all 0.2s;}
.nv_list li span {display: block;overflow: hidden;position: relative;padding-bottom: 68%;}
.nv_list li span img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.nv_list li h6 {height: 4rem;line-height: 4rem;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;padding:0 1rem;}
.nv_list li h6 i {font-size: 3rem;margin-right:1rem;position: relative;top:0.5rem;color:#0e7ab7;}
.nv_list li a:hover span img {opacity:0.8;}
.nv_list li a:hover h6 i {color:#e52129;}

.nvs_title {font-size:3rem;color:#000;text-align: center;}
.nvs_con {margin-top:5rem;font-size: 1.6rem;line-height: 1.5;color: #666;}
.nvs_con img {max-width:100%;height:auto !important;}
.nvs_con iframe {display: block;width: 80rem;height: 60rem;margin:1rem auto;}
.nvs_page {margin-top: 5rem;background-color: #f2f2f2;padding:1rem 2rem;}
.nvs_page li {margin:2rem 0;color:#999;}
.nvs_page li a {color:#999;}
.nvs_page li a:hover {color:#000;}


/* service */
.nservice1 h3 {font-size: 4rem;font-weight: bold;text-align: center;margin-bottom: 8rem;}
.nservice1 h3::after {content:'';display: block;width: 11.2rem;height: 0.4rem;background-color: #0e7ab7;margin:3rem auto 0;}
.nservice1 ul {display: -ms-flexbox;display: flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack: justify;justify-content: space-between;}
.nservice1 li {width: 44%;font-size: 1.8rem;line-height: 1.6;padding-left: 5.5rem;}
.nservice1 li:first-child {background:url(/skin/css/../images/ns1_1.png) no-repeat 0 50%;margin-bottom: 7rem;}
.nservice1 li:nth-child(2) {background:url(/skin/css/../images/ns1_2.png) no-repeat 0 50%;margin-bottom: 7rem;}
.nservice1 li:nth-child(3) {background:url(/skin/css/../images/ns1_3.png) no-repeat 0 50%;}
.nservice1 li:last-child {background:url(/skin/css/../images/ns1_4.png) no-repeat 0 50%;}

.nservice2 {position: relative;}
.ns2_pic {width: 100%;}
.ns2_con {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);color:#fff;}
.ns2_con .container {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;height: 100%;-ms-flex-pack: justify;justify-content: space-between;}
.ns2_con h3 {font-size: 2.4rem;line-height: 1.3;width: 34rem;}
.ns2_con h3::before {content:'';display: block;width: 5.6rem;height: 0.4rem;background-color: #0e7ab7;margin-bottom:2rem;}
.ns2_des {line-height: 1.7;width: 70rem;}
.ns2_des p {margin-bottom: 3rem;}
.ns2_des p:last-child {margin-bottom: 0;}

.nservice3 h3 {font-size: 4rem;font-weight: bold;text-align: center;margin-bottom: 3.5rem;}
.nservice3 h3::after {content:'';display: block;width: 11.2rem;height: 0.4rem;background-color: #0e7ab7;margin:3rem auto 0;}
.nservice3 p {text-align: center;font-size: 1.8rem;line-height: 1.2;}


/* about */
.nbanner {position: relative;}
.nban_pic {width: 100%;}
.nban_txt {position: absolute;left: 0;top: 0;width: 100%;height: 100%;color: #fff;text-align: center;padding-top: 8%;}
.nban_txt h2 {font-size: 4rem;font-weight: bold;}
.nban_txt p {font-size: 1.8rem;margin-top: 1.5rem;line-height: 1.2;}

.nabout1 {background:#fafafa url(../images/nabout1_bg.jpg) no-repeat center bottom;}
.nabout1 .container {height: 74rem;}
.na1_pic {padding-top: 5rem;}
.na1_txt {position: absolute;top: 3%;right: 0;width: 56%;height:94%;background-color:rgba(255,255,255,0.7);box-shadow:0 0 2rem rgba(0,0,0,0.2);padding: 2rem 2rem 2rem 4rem;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;-ms-flex-pack: center;justify-content: center;}
.na1_tit {font-size: 1.8rem;color: #0b5080;line-height: 1.2;}
.na1_tit strong {color: #0c5c94;font-size: 4rem;display: block;margin:1.5rem 0;}
.na1_tit span {font-size: 2.4rem;color: #737373;display: block;}
.na1_line {width: 0.2rem;height: 6rem;background-color: #0c5c94;margin:5rem 0 4rem 1rem;}
.na1_des {font-size: 2.3rem;font-weight: bold;color: #0c5c94;line-height: 1.1;}
.na1_con {font-size: 1.8rem;color: #000;line-height: 1.3;margin-top: 3rem;}

.nabout_v {background-color: #f5f5f5;padding:3rem 0;}
.nabout_v a {display: block;position: relative;overflow: hidden;}
.nabout_v a img {width: 100%;transition:all 0.3s;}
.nabout_v a i {color: #e52129;font-size: 8rem;position: absolute;top: 50%;left: 50%;margin-left: -4rem;margin-top: -4rem;transition:all 0.5s;}
.nabout_v a i::before {position: relative;z-index:3;}
.nabout_v a i::after {content:'';position: absolute;top: 50%;left: 50%;z-index:2;margin-left: -1.5rem;margin-top: -1.5rem;width: 3rem;height: 3rem;background-color: #fff;}
.nabout_v a:hover i {transform:scale(1.2);}


.nabout2 {background-color: #f9f9f9;padding:4rem 0;}
.na_tit {font-size: 6rem;color: #0c5c94;font-weight: bold;margin-bottom: 3rem;}
.na_tit span {display: block;}
.na2_con {width: 66rem;background-color: #dedede;padding:3rem 11rem 3rem 6rem;}
.na2_item {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items:center;padding:2.5rem 0;border-bottom:0.2rem solid #bdbdbd;}
.na2_item:last-child {border:none;}
.na2_item_tit {font-size: 3.6rem;font-weight: bold;color: #1f92d1;width: 34%;}
.na2_item_con {font-size: 1.8rem;color: #000;line-height: 1.2;width: 66%;}
.na2_pic {position: absolute;right: 0;top: 50%;margin-top: -16rem;}

.nabout3 {background-color: #f6f6f6;padding:4rem 0;}
.na3_con {position: relative;}
.na3_con .swiper-slide a {display: block;position: relative;}
.na3_con .swiper-slide img {width: 100%;}
.na3_con .swiper-slide span {display: block;height: 4.4rem;line-height: 4rem;text-align: center;background-color: #fff;border-bottom:4px solid #0c5c94;visibility: hidden;font-size: 1.8rem;color: #0c5c94;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;}
.na3_con .swiper-slide a:hover img {opacity:0.8;}
.na3_con .swiper-slide a:hover span {visibility: visible;}
.na3_con .swiper-button-white {background-color: #0c5c94;background-size:1.8rem auto;outline:none;}
.na3_con .swiper-button-prev {left: -4rem;}
.na3_con .swiper-button-next {right: -4rem;}

.nabout4 {padding:4rem 0;}
.na4_con {position: relative;}
.na4_con .swiper-slide a {display: block;position: relative;}
.na4_con .swiper-slide img {width: 100%;}
.na4_con .swiper-slide a::after {content:'';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);transition:all 0.2s;}
.na4_con .swiper-slide span {display: none;position: absolute;left: 50%;top: 50%;width: 12.4rem;height: 3.2rem;line-height: 3rem;border:1px solid #fff;margin-left: -6.2rem;margin-top: -1.6rem;text-align: center;color: #fff;background-color: rgba(0,0,0,0.6);}
.na4_con .swiper-slide a:hover::after {background-color: rgba(0,0,0,0);}
.na4_con .swiper-slide a:hover span {display: block;}
.na4_con .swiper-button-white {background-color: #0c5c94;background-size:1.8rem auto;outline:none;}
.na4_con .swiper-button-prev {left: -4rem;}
.na4_con .swiper-button-next {right: -4rem;}


/* news */
.nn_list ul {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.nn_list li {width: 33.33%;padding:0 1rem 2rem;}
.nn_list li a {display: block;transition:all 0.2s;height: 100%;background-color: #f3f3f3;}
.nnl_pic {display: block;position: relative;padding-bottom:61%;z-index:1;color: #fff;overflow: hidden;}
.nnl_pic img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index:2;transition:all 0.3s;}
.nnl_txt {display: block;padding:2rem;}
.nnl_txt span {display: block;font-size: 1.4rem;}
.nnl_txt h6 {font-size:1.8rem;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;margin-top: 0.5rem;}
.nn_list li a:hover {box-shadow:0 0 0.6rem rgba(0,0,0,0.3);}
.nn_list li a:hover .nnl_pic img {transform:scale(1.1);}

.nns_des {font-size: 2rem;color:#555;}
.nns_title {font-size:2.6rem;line-height: 1.2;color: #000;margin-top: 1rem;}
.nns_con {color:#666;line-height:1.6;margin:5rem 0;}
.nns_con div,.nns_con p {margin-bottom:1.5rem;}
.nns_con img {max-width:100%;height:auto !important;}
.nns_con iframe {display: block;margin:0 auto;width:80rem;height: 60rem;}
.nns_page {font-size: 3rem;padding:2rem;border-top:1px solid #ccc;}
.nns_page ul {display: -ms-flexbox;display: flex;}
.nns_page li {color:#999;width: 50%;}
.nns_page li:last-child {text-align: right;}
.nns_page li a {color:#999;}
.nns_page li a:hover {color:#000;}


/* contact */
.nc_con {display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: space-between;}
.nc_main {width: 48%;}
.nc_main .card-header {padding:1.5rem;font-size: 2rem;color:#666;}
.nc_main .card-body {padding:3rem 2rem;line-height: 1.6;}
.nc_msg {width: 48%;}
.nc_title {margin-bottom: 3rem;}
.nc_title h3 {font-size: 2.5rem;}
.nc_title p {margin-top: 1rem;}
.nc_field {margin-bottom:2rem;padding: 0;border:0.1rem solid #eee;}
.nc_field legend {margin-left:2rem;padding:0 1rem;font-size:1.8rem;font-weight: 300;width: auto;}
.nc_field_box {padding:1rem;}
.nc_field_box .input-group-text {background: none;border:none;font-size: 2rem;}
.nc_field_box input {border:none;height: 3.6rem;line-height: 3.6rem;font-size: 1.6rem;outline:none;}
.nc_field_box textarea {border:none;height:8rem;line-height:1.5;font-size: 1.6rem;outline:none;resize:none;}
.nc_btn button {padding:1.5rem 3rem;background-color: #0e7ab7;color:#fff;border:none;transition:all 0.2s;}
.nc_btn button:hover {background-color: #e52129;border-radius:0.5rem;}
.nc_msg .invalid-feedback {margin-top: 0.5rem;padding-left:1rem;}



@media (min-width: 1400px) {
	.container {max-width:1320px;}
}
@media (max-width: 1399px) {
	.container {max-width:1140px;}
	.header .navbar-nav .nav-item {margin-left:5rem;}
	.banner .swiper-button-prev, .banner .swiper-button-next {width: 4rem;}
	.banner .swiper-pagination {bottom: 1.5rem;}
	.ban_txt1 h6 {font-size: 2.2rem;}
	.ban_txt1 p {font-size: 5rem;margin: 2rem 0 2.5rem;}
	.ban_txt2 h6 {font-size: 2.2rem;}
	.ban_txt2 p {font-size: 5rem;margin: 2rem 0 2.5rem;}
	.ban_txt3 h6 {font-size: 2.2rem;}
	.ban_txt3 p {font-size: 5rem;margin: 2rem 0 2.5rem;}
	.i_title h3 {font-size: 4rem;}
	#pro_tabcon li {padding: 0 1rem 1rem;}
	.about_txt h5 {font-size: 3rem;}
	.about_txt p {line-height: 1.4;}
	.about_txt h5::after {margin-top:2rem;}
	.about_txt h6 {font-size: 2rem;margin-top: 2rem;}
	.gallery-top {padding: 0 0 6rem;}
	#v_tab {padding:3rem 2rem;}
	#v_tab a {width: 25rem;height:6rem;line-height: 6rem;}
	#v_tabcon {margin-top:-33rem;}
	#v_tabcon ul li:first-child {margin-right: 2rem;}
	.news_first {width: 56%;}
	.news_list {width: 42%;}
	.news_date {width: 9rem;height: 11rem;}
	.news_des {width: 35rem;}
	.f_nav {margin-left: 8rem;}
	.f_fastbox h6 {font-size: 2.2rem;}
	.npadd {padding:7rem 0;}
	.np_list li {padding: 0 1rem 2rem;}
	.nps_title {font-size: 4rem;}
	.nps_detail {font-size: 1.7rem;}
	.nservice1 h3 {font-size: 3.5rem;margin-bottom: 6rem;}
	.nservice3 h3 {font-size: 3.5rem;}
	.nabout1 .container {height: 65rem;}
	.na1_pic img {width: 50rem;}
	.na1_tit strong {font-size: 3.3rem;margin: 1rem 0;}
	.na1_line {margin: 3rem 0 2rem 1rem;}
	.na1_des {font-size: 2rem;}
	.na1_con {font-size: 1.6rem;}
	.na_tit {font-size: 4rem;}
	.na2_con {width: 60rem;padding: 3rem 8rem 3rem 3rem;}
	.na2_item_tit {font-size: 3rem;}
	.na2_item_con {font-size: 1.6rem;}
	.na2_pic {margin-top:-15rem;}
	.na2_pic img {width: 56rem;}
	.nn_list li {padding: 0 0.6rem 1.2rem;}
	.nnl_txt h6 {font-size: 1.7rem;}
}
@media (max-width: 1199px) {
	.container {max-width:960px;}
	.header .navbar-nav .nav-item {margin-left: 3rem;}
	.banner .swiper-button-prev, .banner .swiper-button-next {width: 4rem;}
	.banner .swiper-pagination {bottom: 1.2rem;}
	.banner .swiper-pagination-bullet {width: 1.2rem;height: 1.2rem;margin:0 0.5rem !important;}
	.banner .swiper-pagination-bullet-active {width: 2.5rem;}
	.ban_txt1 .container {padding-left:4rem;padding-top: 10%;}
	.ban_txt1 h6 {font-size:1.6rem;}
	.ban_txt1 p {font-size: 4rem;margin: 1.5rem 0 2rem;}
	.ban_txt1 .container div {font-size: 1.6rem;}
	.ban_txt2 .container {padding-right:4rem;padding-top: 10%;}
	.ban_txt2 h6 {font-size:1.6rem;}
	.ban_txt2 p {font-size: 4rem;margin: 1.5rem 0 2rem;}
	.ban_txt2 .container div {font-size: 1.6rem;}
	.ban_txt3 .container {padding-left:4rem;padding-top: 10%;}
	.ban_txt3 h6 {font-size:1.6rem;}
	.ban_txt3 p {font-size: 4rem;margin: 1.5rem 0 2rem;}
	.ban_txt3 .container div {font-size: 1.6rem;}
	.i_title h3 {font-size: 3.5rem;}
	.i_title p {font-size: 1.6rem;}
	.i_title::after {width:10rem;margin-left:-5rem;}
	#pro_tabcon li {padding: 0 0.5rem 0.8rem;}
	.honor_con {padding:0 2rem;}
	.honor_con .swiper-button-prev {left: -2rem;}
	.honor_con .swiper-button-next {right: -2rem;}
	.about_txt h5 {font-size: 2.5rem;margin-bottom: 2rem;}
	.about_txt h5::after {width: 8rem;}
	.about_more a {padding:0 3rem;}
	.strength ul {padding: 0;}
	#v_tab a {width: 20rem;margin-bottom: 1rem;height: 5.5rem;line-height: 5.5rem;}
	#v_tabcon {margin-top: -28rem;}
	#v_tabcon ul li:first-child a {width: 74%;}
	#v_tabcon ul li:first-child h6 {font-size: 1.8rem;}
	.news {padding: 10rem 0 5rem;}
	.news_title h3 {font-size: 3.5rem;}
	.news_first {width: 54%;}
	.news_list {width: 44%;}
	.news_date {width: 7.8rem;}
	.news_des {width: 30rem;}
	.f_nav {margin-left: 5rem;}
	.f_fastbox h6 {font-size: 2rem;}
	.nnav li a {height: 5rem;line-height: 5rem;font-size: 1.6rem;padding:0 2rem;}
	.npadd {padding:6rem 0;}
	.np_list li {padding:0 0.6rem 1.2rem;}
	.np_list li h6 {font-size: 1.6rem;}
	.nps_title {font-size: 3.5rem;}
	.nps_des {display: block;}
	.nps_pics {width:auto;}
	.nps_des_con {margin-top:2rem;background-color: #f2f2f2;width: auto;padding:2rem;}
	.nps_detail {font-size: 1.6rem;line-height: 1.5;}
	.nv_list li {padding:0 1rem 1rem;width: 33.33%;}
	.nvs_title {font-size: 2.8rem;}
	.nservice1 li {width: 46%;font-size: 1.6rem;}
	.nservice1 li:first-child,.nservice1 li:nth-child(2) {margin-bottom: 4rem;}
	.ns2_con .container {display: block;padding-top: 4rem;height: auto;}
	.ns2_con h3 {width: auto;}
	.ns2_con h3::before {margin-bottom: 1rem;}
	.ns2_des {width: auto;line-height: 1.5;margin-top: 3rem;}
	.ns2_des p {margin-bottom: 0;}
	.na_tit {font-size: 3.5rem;}
	.na2_item_tit {font-size: 2rem;width: 20%;}
	.na2_item_con {width: 80%;}
	.na2_pic {margin-top: -10rem;}
	.na2_pic img {width: 40rem;}
	.na3_con,.na4_con {padding:0 1rem;}
	.na3_con .swiper-button-prev,.na4_con .swiper-button-prev {left: -2.5rem;}
	.na3_con .swiper-button-next,.na4_con .swiper-button-next {right: -2.5rem;}
	.nn_list li {width: 50%;padding: 0 1rem 2rem;}
	.nns_con {line-height: 1.5;}
}
@media (max-width: 991px) {
	.container {max-width:720px;}
	.header {position: fixed;left: 0;top: 0;width: 100%;height:6rem;background-color:#fff !important;border-bottom:0.1rem solid #ccc;box-shadow:0 0 3px rgba(0,0,0,0.2);}
	.header .navbar {height: 100%;}
	.header .navbar-brand {width: 12rem;height: 4rem;}
	.header .navbar-toggler {padding:0.5rem 1rem;}
	#navbarContent {width:100%;background-color: #eee;position:fixed;left: 0;top:6rem;max-height:340px;overflow: auto;margin: 0;}
	#navbarContent .navbar-nav {width: 69rem;margin:0 auto;}
	.header .navbar-nav .nav-item {margin-left: 0;border-bottom:0.1rem solid #ddd;}
	.header .navbar-nav .nav-link {border-radius:0;position: relative;font-size: 1.7rem;color:#333;height: 5rem;line-height: 5rem;}
	.header .navbar-nav .nav-link::before {display: none;}
	.header .dropdown-toggle::after {position: absolute;right:1.5rem;top:2.2rem;}
	.header .dropdown-menu {font-size: 1.5rem;}
	.header .navbar-nav .nav-item.active .nav-link {color: #0e7ab7;}
	.h_tel {display: none;}
	.banner {margin-top: 6rem;border-bottom-width:3px;}
	.banner .swiper-button-prev, .banner .swiper-button-next {width: 3.6rem;}
	.banner .swiper-pagination {bottom: 1rem;}
	.banner .swiper-pagination-bullet {width: 1rem;height: 1rem;margin: 0 0.4rem !important;}
	.banner .swiper-pagination-bullet-active {width: 2rem;}
	.ban_txt1 .container {padding-top: 0;padding-left: 3rem;}
	.ban_txt1 p {font-size: 3.5rem;}
	.ban_txt2 .container {padding-top: 0;padding-right: 3rem;}
	.ban_txt2 h6,.ban_txt2 .container div {padding:0.6rem 1.2rem;}
	.ban_txt2 p {font-size: 3.5rem;}
	.ban_txt3 .container {padding-top: 0;padding-left: 3rem;}
	.ban_txt3 p {font-size: 3.5rem;}
	#pro_tabcon li {width: 50%;}
	#pro_tabcon li {padding: 0 1rem 1rem;}
	.honor_con a span {font-size: 1.6rem;}
	.honor_con a:hover span {font-size: 2rem;}
	.about .i_title {margin-bottom: 0;}
	.about_con {border: none;padding:2rem 0;}
	.about_box {margin-top:0;border:none;display: block;}
	.about_txt {width: auto;}
	.about_v {width: auto;margin-top: 3rem;}
	.gallery-thumbs {display: none;}
	.gallery-top {padding: 0 0 5rem;}
	.gallery-top .swiper-pagination {display: block;}
	#v_tab {background-color:transparent;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack: center;justify-content: center;padding: 0;margin-top: 3rem;}
	#v_tab a {width: auto;padding:0 2rem;background-color: #ccc;font-size: 1.6rem;height: 5rem;line-height: 5rem;border-left:2px solid #fff;margin-bottom:0;}
	#v_tab a:first-child {border:none;}
	#v_tab a:last-child {display: none;}
	#v_tabcon {margin-top: 0;}
	#v_tabcon ul li:first-child {margin:0;}
	#v_tabcon ul li:first-child a {display: block;width: auto;}
	#v_tabcon ul li:first-child i {font-size: 7rem;margin-left:-3.5rem;margin-top: -3.5rem;}
	#v_tabcon ul li:first-child h6 {font-size: 1.6rem;}
	#v_tabcon ul li {width: 50%;padding:2rem 1rem 0;}
	.news {padding: 5rem 0;}
	.news_title {position: static;text-align: center;padding-bottom: 2rem;border-bottom:2px solid #eee;}
	.news_title p {position: relative;}
	.news_title p::after {content: '';position: absolute;left: 50%;bottom: -2.2rem;width: 10rem;height: 0.2rem;background-color: #165e93;margin-left: -5rem;}
	#news_tabcon {margin-top: 3rem;}
	.news_con {margin-top: 3rem;}
	#news_tab {-ms-flex-pack: center;justify-content:center;}
	.news_box {display: block;}
	.news_first {width: auto;}
	.news_first a h6 {height: 6rem;line-height: 6rem;}
	.news_list {width: auto;}
	.news_list li a {display: block;position: relative;padding-left:10rem;min-height:9rem;}
	.news_date {position: absolute;left: 0;top: 0;width: 8rem;height:9rem;padding-top: 0;}
	.news_des {width: auto;padding-top: 1rem;}
	.news_list li {padding: 1.5rem 0;}
	.news_list li:first-child {padding-top: 2rem;}
	.f_brand {padding:3rem 1rem;-ms-flex-align: center;align-items:center;}
	.f_fastbox {display: block;padding:2rem 1rem;border-width:0.1rem;}
	.f_fastnav {display: none;}
	.f_copyright {font-size: 1.4rem;}
	.nheight {height: 6rem;}
	.nban {height: 12rem;}
	.nban h2 {font-size:3.5rem;}
	.nnav {display: none;}
	.np_list li {width: 50%;padding: 0 1rem 2rem;}
	#pages {margin-top: 3rem;}
	#pages a {padding: 0 1rem;height: 3.6rem;line-height: 3.4rem;margin: 0 0.1rem 0.2rem;}
	.nps_title {font-size: 3rem;}
	.nps_con {margin-top: 3rem;}
	.nps_detail {padding: 3rem 2rem 5rem;}
	.nps_detail iframe,.nvs_con iframe,.nns_con iframe {width: 100% !important;height: 45rem !important;}
	.nv_list li {padding:0 0.5rem 1rem;}
	.nvs_title {font-size: 2.5rem;}
	.nservice1 h3 {font-size: 3rem;margin-bottom: 4rem;}
	.nservice1 h3::after,.nservice3 h3::after {width: 8rem;margin:1.5rem auto 0;}
	.nservice1 ul {display: block;}
	.nservice1 li {width: auto;min-height:5rem;margin-bottom: 3rem;}
	.nservice1 li:first-child, .nservice1 li:nth-child(2) {margin-bottom: 3rem;}
	.nservice2 {background:url(/skin/css/../images/nservice2.jpg) no-repeat 50% 50%;background-size: cover;height: 30rem;}
	.ns2_pic {display: none;}
	.ns2_con .container {padding-top: 0;}
	.ns2_con {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;}
	.nservice3 h3 {font-size: 3rem;}
	.nservice3 p {font-size: 1.6rem;}
	.nban_txt {background-color: rgba(0,0,0,0.3);padding: 0;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items:center;}
	.nabout1 {padding:3rem 0;}
	.nabout1 .container {height: auto;}
	.na1_pic {display: none;}
	.na1_txt {position: static;width: auto;height: auto;padding:3rem 2rem;}
	.na1_line {height: 4rem;}
	.na_tit {font-size: 3rem;}
	.na_tit span {display: inline;}
	.na2_pic {display: none;}
	.na2_con {width: auto;padding:3rem;}
	.nn_list li {padding: 0 0.8rem 1.6rem;}
	.nns_title {font-size: 2.2rem;}
	.nns_page {font-size: 2rem;}
	.nc_con {display: block;}
	.nc_main {width: auto;}
	.nc_msg {width: auto;margin-top: 3rem;}
	.nc_map iframe {height: 40rem;}
}
@media (max-width: 767px) {
	.container {max-width:540px;}
	#navbarContent .navbar-nav {width: 51rem;}
	.banner .swiper-button-next, .banner .swiper-button-prev {display: none;}
	.banner .swiper-pagination-bullet {width: 1rem;height: 1rem;border-radius:50%;}
	.ban_txt1 p,.ban_txt2 p,.ban_txt3 p {font-size: 3rem;margin:1rem 0;}
	.ban_txt1 .container,.ban_txt3 .container {padding-left: 1.5rem;}
	.ban_txt2 .container {padding-right: 1.5rem;}
	.i_title h3,.news_title h3 {font-size: 3rem;}
	.i_title p,.news_title p {font-size: 1.5rem;}
	#pro_tab a {font-size: 1.6rem;padding:0 2rem;}
	#pro_tabcon li {padding: 0 0.5rem 0.8rem;}
	.strength li img {height: 6rem;}
	.strength li span {font-size: 1.6rem;}
	.workshop h4 {font-size: 3rem;padding:3rem 0;}
	.gallery-top {padding: 0;}
	.gallery-top .swiper-button-prev, .gallery-top .swiper-button-next {display: none;}
	#v_tabcon ul li:first-child i {font-size: 6rem;margin-left: -3rem;margin-top: -3rem;}
	.news_first a h6 {padding: 0 13rem 0 1.5rem;}
	.footer {padding:3rem 0 9rem;}
	.f_brand {display: block;padding: 0;text-align: center;}
	.f_ewm {-ms-flex-pack: center;justify-content:center;padding-top:3rem;border-top:1px solid #87898a;margin-top: 3rem;}
	.f_ewm div {margin:0 1rem;}
	.f_fastbox {display: none;}
	.f_copyright {line-height: 1.3;padding:2rem 0 0 0;}
	.f_copyright span {display: block;}
	.fixed_nav {display: block;}
	.npadd {padding: 5rem 0;}
	.np_list li {padding: 0 0.6rem 1.2rem;}
	#pages a {padding: 0 0.8rem;height: 3.2rem;line-height: 3rem;}
	.nps_title {font-size: 2.5rem;}
	.nps_detail iframe,.nvs_con iframe,.nns_con iframe {height: 40rem !important;}
	.nv_list li {width: 50%;padding:0 0.5rem 0.8rem;}
	.nvs_page li {margin:1rem 0;}
	.nban_txt h2 {font-size: 3.5rem;}
	.nban_txt p {font-size: 1.6rem;margin-top: 1rem;}
	.na1_tit strong {font-size: 3rem;}
	.nabout_v a i {font-size: 6rem;margin-left:-3rem;margin-top:-3rem;}
	.na3_con .swiper-slide span {visibility:visible;background-color:transparent;height: auto;line-height:1;border:none;font-size: 1.6rem;margin-top: 1rem;}
	.nn_list li {padding: 0 0.5rem 1rem;}
	.nnl_txt {padding:1.5rem;}
	.nnl_txt h6 {font-size: 1.6rem;}
}
@media (max-width: 575px) {
	.container {max-width:100%;}
	.header .navbar-nav .nav-link {font-size: 1.6rem;padding:0 3rem 0 1.5rem;height: 4.5rem;line-height:4.5rem;}
	.header .dropdown-menu {font-size: 1.4rem;}
	.header .dropdown-menu .dropdown-item {padding:1rem 1.5rem;}
	#navbarContent .navbar-nav {width:auto;}
	.banner {border:none;}
	.banner .swiper-pagination {bottom: 0.5rem;}
	.banner .swiper-pagination-bullet {width: 0.8rem;height: 0.8rem;margin: 0 0.3rem !important;background: #fff;}
	.ban_txt1,.ban_txt2,.ban_txt3{text-align: center;background-color:rgba(0,0,0,0.5);}
	.ban_txt1 h6, .ban_txt1 .container div,.ban_txt2 h6, .ban_txt2 .container div,.ban_txt3 h6, .ban_txt3 .container div {font-size: 1.4rem;}
	.ban_txt1 p,.ban_txt2 p,.ban_txt3 p{font-size: 2.5rem;color: #fff;margin:0.6rem 0 1rem;}
	.ban_txt1 .container div {color: #fff;}
	.ban_txt2 p span {display: inline;}
	.padd {padding:4rem 0;}
	.i_title h3, .news_title h3 {font-size: 2.6rem;}
	.i_title p, .news_title p {font-size: 1.4rem;}
	#pro_tab a {padding:0;font-size: 1.4rem;width: 33.33%;text-align: center;}
	#pro_tabcon li h6 {font-size: 1.4rem;height:3rem;line-height: 3rem;}
	.pro_more {font-size: 1.6rem;}
	.honor_con {padding:0 3rem;}
	.honor_con .swiper-button-prev {left: -1rem;}
	.honor_con .swiper-button-next {right: -1rem;}
	.about {padding-top: 4rem;}
	.about_box {padding:3rem 2rem;}
	.about_txt h5 {font-size: 2rem;}
	.about_more a {padding:0 2rem;}
	.about_more a:last-child {margin-left:0.8rem;}
	.strength ul {-ms-flex-wrap:wrap;flex-wrap:wrap;}
	.strength li {width: 50%;margin:1rem 0;}
	.workshop {padding-bottom: 3rem;}
	.workshop h4 {font-size: 2.5rem;padding:2rem 0;}
	#v_tab {margin-top: 2rem;}
	#v_tab a {width: 33.33%;padding: 0;font-size: 1.4rem;height: 4rem;line-height: 4rem;}
	#v_tabcon ul li {padding: 1rem 0.5rem 0;}
	#v_tabcon ul li h6 {position: static;text-align: center;font-size: 1.3rem;}
	#v_tabcon ul li i {font-size: 4rem;margin-left:-2rem;margin-top: -3rem;}
	#v_tabcon ul li:first-child h6 {text-align: center;}
	#v_tabcon ul li:first-child i {font-size: 5rem;margin-left: -2.5rem;margin-top: -4rem;}
	.news {padding:4rem 0;}
	#news_tab a {width: 33.33%;margin: 0;padding: 0;text-align: center;font-size: 1.5rem;border-right:2px solid #fff;}
	#news_tab a:last-child {border:none;}
	.news_con {margin-top: 2rem;}
	.news_first a h6 {height: auto;line-height: 1.2;padding:1.5rem;font-size: 1.6rem;white-space:normal;}
	.news_first a h6 b {position: static;display: block;margin-top: 1rem;}
	.f_logo {width: 60%;}
	.nban {height: 10rem;}
	.nban h2 {font-size: 3rem;}
	.npadd {padding:4rem 0;}
	.np_list ul {display: block;}
	.np_list li {width: auto;padding: 0;margin-bottom: 2rem;}
	.np_list li h6 {white-space:normal;height: auto;line-height: 1.2;padding:1rem;}
	.np_list li span {padding: 0;text-align: center;}
	.np_list li span img {position: static;width: auto;height: auto;}
	#pages .page_pn {display: none;}
	#pages a {font-size: 1.6rem;}
	.nps_title {font-size: 2.2rem;}
	.nps_des {margin-top: 3.5rem;}
	.nps_pics {padding: 1rem 1rem 1.5rem;}
	.nps_pics .swiper-button-prev,.nps_pics .swiper-button-next {display: none;}
	.nps_des_con {font-size: 1.4rem;line-height: 1.4;}
	.nps_price {margin-top: 2rem;padding: 1rem 2rem;}
	.nps_detail {padding: 2rem 1.5rem 4rem;}
	.nps_detail iframe,.nvs_con iframe,.nns_con iframe {height: 30rem !important;}
	.nv_list li {padding: 0 0.4rem 0.6rem;}
	.nv_list li h6 {padding: 0 0.5rem;font-size: 1.4rem;height: 3.6rem;line-height: 3.6rem;}
	.nv_list li h6 i {font-size: 2.2rem;margin-right: 0.5rem;top:0.3rem;}
	.nvs_title {font-size: 2.2rem;}
	.nvs_con {margin-top: 4rem;}
	.nvs_page {margin-top: 4rem;font-size: 1.4rem;}
	.nservice1 h3 {font-size: 2.5rem;}
	.nservice1 h3::after, .nservice3 h3::after {width: 5rem;}
	.nservice1 li {line-height: 1.4;}
	.nservice2 {height: 33rem;}
	.ns2_con h3 {font-size: 2rem;}
	.ns2_des {font-size: 1.5rem;}
	.nservice3 h3 {font-size: 2.5rem;margin-bottom: 3rem;}
	.nban_txt h2 {font-size: 2.8rem;}
	.nban_txt p {font-size: 1.4rem;margin-top: 0.6rem;}
	.na1_tit {font-size: 1.6rem;}
	.na1_tit strong {font-size: 2.5rem;}
	.na1_tit span {font-size: 2rem;}
	.na1_des {font-size: 1.6rem;}
	.na1_con {font-size: 1.5rem;}
	.na_tit {font-size: 2.5rem;}
	.na2_con {padding:2rem;}
	.na2_item {padding: 2rem 0;border-bottom-width:0.1rem;display: block;}
	.na2_item_tit {width: auto;margin-bottom: 1rem;}
	.na2_item_con {width: auto;}
	.na3_con .swiper-slide span {font-size: 1.5rem;}
	.na3_con,.na4_con {padding:0 2rem;}
	.na3_con .swiper-button-prev,.na4_con .swiper-button-prev {left:-1rem;}
	.na3_con .swiper-button-next,.na4_con .swiper-button-next {right:-1rem;}
	.nn_list ul {display: block;padding:0 3%;}
	.nn_list li {padding:0;width: auto;margin-bottom: 2rem;}
	.nnl_txt {padding:2rem;}
	.nnl_txt h6 {white-space:normal;}
	.nns_des {font-size: 1.8rem;}
	.nns_title {font-size: 2rem;}
	.nns_con {line-height: 1.5;margin:4rem 0;}
	.nns_page {padding:1.5rem;font-size:1.8rem;}
	.nc_main .card-header {font-size: 1.6rem;padding:1.5rem 1rem;}
	.nc_main .card-body {padding: 1.5rem;}
	.nc_title h3 {font-size: 2.2rem;}
	.nc_title p {font-size: 1.4rem;}
	.nc_field legend {font-size: 1.6rem;}
	.nc_field_box {padding:0.6rem;}
	.nc_field_box input {height: 3rem;line-height: 3rem;font-size: 1.5rem;}
	.nc_field_box textarea {height: 6rem;font-size: 1.5rem;line-height: 1.4;}
	.nc_btn button {width: 100%;border-radius:3rem;}
	.nc_btn button:hover {border-radius:3rem;}
	.nc_map iframe {height: 33rem;}
}