@charset "utf-8";



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:16px;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:180px;z-index:99;transition:all 0.3s;}

.h_top {background-color: #fff;text-align: center;padding:10px 0;}

.h_nav {height: 60px;background-color:#222;}

.header .navbar {padding:0;height:60px;-ms-flex-pack: center;justify-content: center;}

.header .navbar-brand {margin:0;padding:0;display: none;background:url(../images/mlogo.png) no-repeat;text-indent: -9999px;background-size: contain;transition:all 0.5s;width: 134px;height: 40px;}

#navbarContent { -ms-flex-positive: 0;flex-grow: 0;}

.header .navbar-nav .nav-item {margin:0 35px;}

.header .navbar-nav .nav-link {font-size:18px;height:60px;line-height: 60px;padding:0 5px;color: #fff;position: relative;text-transform: uppercase;}

.header .dropdown-menu {font-size: 16px;margin: 0;}

.header .dropdown-menu .dropdown-item {color: #666;padding: 10px;text-transform: uppercase;}

.header .navbar-nav .nav-link::before {content:'';position: absolute;left: 0;bottom: 0;width:0;height: 2px;background-color: #fd0215;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: #fff;}

.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_height {height: 180px;}

.header.h_bg {background-color: #fff;height: 60px;box-shadow:0 0 3px rgba(0,0,0,0.2);}

.header.h_bg .h_top {display: none;}

.header.h_bg .h_nav {height: 60px;}

.header.h_bg .navbar {height: 60px;}

.header.h_bg .navbar-nav .nav-link {height: 60px;line-height: 60px;}



/*index*/

.mbanner {display: none;}

.banner {position: relative;}

.banner .swiper-slide {position:relative;z-index:1;}

.banner .swiper-pagination {bottom:20px;}

.banner .swiper-pagination-bullet {width:15px;height:15px;transition:all 0.3s;background:#fff;opacity:0.3;border-radius:15px;margin:0 8px !important;}

.banner .swiper-pagination-bullet-active {opacity:1;width: 30px;}

.banner .swiper-button-white {outline:none;}

.banner .swiper-button-prev, .banner .swiper-button-next {width:60px;height:80px;background-color:#666;outline:none;transition:all 0.3s;margin-top:-40px;opacity:0.6;}

.banner .swiper-button-prev {left: 0;border-radius:0 10px 10px 0;}

.banner .swiper-button-next {right: 0;border-radius:10px 0 0 10px;}

.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%;}

.ban1_txt {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;height: 100%;width: 100%;background-color: rgba(0,0,0,0.5);color: #fff;}

.ban1_txt h6 {font-size:30px;font-weight: bold;}

.ban1_txt p {font-size: 16px;line-height: 1.4;margin:50px 0;}

.ban1_txt a {display: inline-block;font-size: 14px;color: #fff;padding:15px 40px;border-radius:5px;transition:all 0.2s;border:1px solid #fff;}

.ban1_txt a:hover {background-color: #fff;color: #000;}

.ban2_txt {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;height: 100%;width: 100%;color: #fff;text-align: center;}
.ban2_txt h6 {font-size:20px;}
.ban2_txt p {font-size: 38px;font-weight: bold;line-height: 1.2;margin:20px 0 40px;}
.ban2_txt .container div {font-size: 18px;line-height: 1.2;}

.ban3_txt {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;height: 100%;width: 100%;color: #fff;text-align: right;}
.ban3_txt h6 {font-size:45px;font-weight: bold;line-height: 1.1;}
.ban3_txt p {font-size: 18px;line-height: 1.3;margin-top:60px;}

.product {margin:2px 0 100px;}

.pro_title {text-align: center;color: #fff;font-size: 30px;background-color: #222;padding:25px 0;}

.pro_con {margin-top: 50px;}

.pro_pic {width: 50%;text-align: center;padding:5px;}

.pro_pic a img {transition:all 0.3s;}

.pro_txt {width: 50%;}

.pro_txt h6 {font-size: 24px;}

.pro_txt h6 a {color: #000;}

.pro_txt h6 span {display: block;color: #1a1a1a;text-transform: uppercase;font-size: 20px;margin-top: 5px;}

.pro_txt p {margin-top: 20px;font-size: 16px;color: #424242;line-height: 1.3;}

.pro_txt i {display: block;margin-top: 20px;padding-right: 50px;text-align: right;}

.pro_txt i a {display: inline-block;width: 47px;height: 47px;background:url(../images/more.png) no-repeat;transition:all 0.2s;}

.pro_txt i a:hover {background:url(../images/moreh.png) no-repeat;transform:translateX(5px);}

.pro_item1 .pro_pic,.pro_item3 .pro_pic {box-shadow:-10px 10px 10px rgba(0,0,0,0.3);}

.pro_item2 .pro_pic,.pro_item4 .pro_pic {box-shadow:10px 10px 10px rgba(0,0,0,0.3);}

.pro_item1 .pro_pic a:hover img,.pro_item3 .pro_pic a:hover img {transform:translateX(10px);}

.pro_item2 .pro_pic a:hover img {transform:translateX(-10px);}

.pro_item3 .pro_pic {padding: 0;}

.pro_item3 .pro_pic {text-align: right;}

.pro_item3 .pro_pic a:hover img {opacity:0.8;}

.pro_item1 .pro_txt,.pro_item3 .pro_txt {padding:0 15% 0 30px;}

.pro_item2 .pro_txt,.pro_item4 .pro_txt {padding:0 30px 0 15%;}

.pro_more {margin-top:50px;text-align: center;}

.pro_more a {display: -ms-inline-flexbox;display: inline-flex;-ms-flex-pack: center;justify-content: center;-ms-flex-align: center;align-items: center;width: 128px;height: 128px;color: #fff;border:3px solid #ff0000;font-size: 20px;border-radius:50%;background-color: #05088d;text-align: center;position: relative;line-height: 1.2;transition:all 0.5s linear 0s;}

.pro_more a::after {content:'';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;border:5px solid #fff;border-radius:50%;}

.pro_more a:hover {background-color: #fd0215;color:#fff; -moz-transform:rotateY(360deg) perspective(200px);-ms-transform:rotateY(360deg) perspective(200px);-o-transform:rotateY(360deg) perspective(200px);-webkit-transform:rotateY(360deg) perspective(200px);transform:rotateY(360deg) perspective(200px);}

.mpro_more {display: none;}



.about {background:url(../images/about_bg.jpg) no-repeat 50% 50%;background-size: cover;height: 490px;position: relative;z-index:1;}

.about::after {content:'';display: block;background-color: rgba(0,0,0,0.74);position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index:2;}

.about .container {position: relative;z-index:3;}

.about_txt {width: 50%;color:#fff;}

.about_txt h5 {font-size: 25px;}

.about_txt p {font-size: 16px;line-height: 1.5;margin-top: 30px;}

.about_txt a {display: inline-block;font-size: 14px;color: #fff;background-color: #fd0215;padding:8px 20px;transition:all 0.2s;margin-top: 50px;position: relative;}

.about_txt a:hover {background-color: #da0212;}



.about_v {width: 50%;padding-left: 50px;}

.about_v a {display: block;position: relative;}

.about_v a img {transition:all 0.3s;}

.about_v a:hover img {transform:scale(1.03);}

.about_v a i {position: absolute;left: 50%;top: 50%;display: block;width: 85px;height: 59px;background:url(../images/play.png) no-repeat;background-size: contain;margin-left: -41px;margin-top: -28px;}



.why {background:url(../images/why_bg.jpg) no-repeat 50% 50%;background-size: cover;position: relative;padding:60px 0;margin:15px 0;z-index:1;}

.why::after {content:'';display: block;background-color: rgba(0,0,0,0.58);position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index:2;}

.why .container {position: relative;z-index:3;}

.why_title {text-align: center;color: #fff;font-size: 30px;font-weight: bold;}

.why_con {margin-top: 40px;}

.why_con li {width: 20%;color: #fff;padding:50px 10px;border-right:1px solid #70716e;text-align: center;}

.why_con li:last-child {border-right:0;}

.why_con li i {display: block;height: 80px;font-size: 50px;font-style: normal;font-weight: bold;}

.why_con li h6 {font-size: 22px;transition:all 0.3s;}

.why_con li:hover h6 {transform:scale(1.1);}

.why_con li p {font-size:16px;line-height: 1.5;margin-top: 20px;}



.env {width: 49.5%;background: url(../images/env.jpg) no-repeat 50% 50%;background-size: cover;height: 450px;color: #fff;padding: 0 20px 0 5%;position: relative;z-index:1;}

.env::after {content:'';position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index:2;background-color: rgba(0,0,0,0.2);}

.rd {width: 49.5%;background: url(../images/rd.jpg) no-repeat 50% 50%;background-size: cover;height: 450px;color: #fff;padding: 0 5% 0 20px;text-align: right;position: relative;z-index:1;}

.rd::after {content:'';position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index:2;background-color: rgba(0,0,0,0.43);}

.env div,.rd div {position: relative;z-index:3;}

.env h6,.rd h6 {font-size: 30px;}

.env h6 span,.rd h6 span {display: block;font-size: 16px;margin-bottom: 15px;}

.env p,.rd p {font-size: 16px;line-height: 1.5;margin-top: 20px;}

.env a,.rd a {display: inline-block;font-size: 14px;padding:8px 10px;color:#fff;background-color: #fd0215;margin-top: 50px;transition:all 0.2s;}

.env a:hover,.rd a:hover {background-color: #da0212;}



.supplier {background:url(../images/supplier_bg.jpg) no-repeat 50% 50%;background-size: cover;padding:160px 0 100px;margin:15px 0;}

.supplier_title {width: 25%;}

.supplier_title h3 {font-size: 30px;font-weight: bold;}

.supplier_title p {font-size: 16px;margin-top: 10px;}

.supplier_con {width: 75%;position: relative;padding:0 40px;}

.supplier_con .swiper-button-next {right: 0;}

.supplier_con .swiper-button-prev {left: 0;}

.s_more {text-align: right;margin-top: 70px;}

.s_more a {display: inline-block;padding:8px 20px;background-color: #fd0215;color: #fff;font-size: 14px;transition:all 0.2s;}

.s_more a:hover {background-color: #da0212;}



.news {background:url(../images/news_bg.jpg) no-repeat 50% 50%;background-size: cover;position: relative;padding:140px 0 100px;margin-bottom:15px;z-index:1;}

.news::after {content:'';display: block;background-color: rgba(255,255,255,0.55);position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index:2;}

.news .container {position: relative;z-index:3;text-align: center;color: #000;}

.news h3 {font-size: 16px;}

.news h3 span {display: block;font-size: 35px;margin-top:15px;}

.news p {font-size: 16px;margin-top:25px;}

.news a {display: inline-block;padding:8px 35px;background-color: #fd0215;color: #fff;font-size: 14px;transition:all 0.2s;margin-top: 80px;}

.news a:hover {background-color: #da0212;}





/*footer*/

.footer {background-color: #242424;color:#fff;position: relative;}

.footer a {color:#fff;transition:all 0.2s;}

.footer a:hover {color: #fd0215;}

.f_fastbox {padding:80px 0 60px;}

.f_fastbox h6 {font-size:22px;margin-bottom:25px;font-weight: bold;}

.f_logo {width: 15%;text-align: center;padding-top: 20px;}

.f_contact {width: 30%;padding-left: 30px;padding-right: 20px;}

.f_contact p {line-height: 1.2;margin-bottom: 15px;font-size: 15px;}

.f_nav {width: 18%;}

.f_nav li {margin-bottom: 15px;font-size: 15px;line-height: 1.2;}

.f_msg {width: 22%;padding-left: 30px;}

.f_input {width: 49%;}

.f_input input,.f_input2 input {width: 100%;background:none;border:1px solid #fff;height: 30px;line-height: 28px;padding:0 5px;color:#fff;font-size: 15px;}

.f_input2 {margin:5px 0;}

.f_textarea textarea {width: 100%;background:none;border:1px solid #fff;height: 80px;line-height:1.3;padding:5px;resize: none;color:#fff;font-size: 15px;}

.f_btn {margin-top:5px;}

.f_btn button {width: 100%;height: 30px;line-height: 30px;background-color: #fd0215;color:#fff;border:none;transition:all 0.2s;text-align: center;font-size: 15px;}

.f_btn button:hover {background-color: #da0212;}

.f_copyright {text-align: center;padding:25px 0;border-top:1px solid #adadad;}

.f_copyright p span {margin-left: 10px;}

.kf{ position:fixed; right:0; top:50%; margin-top:-150px;  width:75px; height:303px;  z-index:999;}
.kf1{ background:url(../images/kf1.png) no-repeat center center; width:75px; height:75px; display:block; border-bottom:1px solid rgba(255,255,255,0.2); position:relative;background-color:rgba(30,171,56,0.9);}
.kf2{ background:url(../images/kf2.png) no-repeat center center; width:75px; height:75px; display:block; border-bottom:1px solid rgba(255,255,255,0.2);background-color:rgba(2,110,183,0.9); position:relative; color:#fff;}
.kf3{ background:url(../images/kf3.png) no-repeat center center; width:75px; height:75px; display:block; border-bottom:1px solid rgba(255,255,255,0.2);background-color:rgba(247,181,44,0.9); overflow:hidden;position:relative;}
.kf3 a{ display:block; width:100%; height:100%; top:0; left:0;}
.kf4{ background:url(../images/kf4.png) no-repeat center center; width:75px; height:75px; display:block; border-bottom:1px solid rgba(255,255,255,0.2);background-color:rgba(84,84,84,0.9); overflow:hidden;position:relative;}
.kf4 a{ display:block; width:100%; height:100%; top:0; left:0;}

.kf1 img{ position:absolute; right:75px;; top:-75px; z-index:999; width:160px; height:160px; display:none; border:2px solid #fff;max-width:none;}
.kf1:hover img{ display:block;}
.kf2 div{ position:absolute; right:75px;; top:0; z-index:999; width:160px; height:75px; padding:15px; line-height:45px;font-size:18px; color:#fff; text-align:left; background-color:rgba(2,110,183,0.9); border-right:1px solid rgba(255,255,255,0.2); display:none;}
.kf2 div a{color:#fff;}
.kf2:hover div{ display:block;}


.fixed_nav {display: none;position: fixed;bottom:0;left: 0;z-index:99;width: 100%;background-color: #424242;box-shadow:0 -1px 2px rgba(255,255,255,0.3);}

.fixed_nav li {width: 25%;border-right:1px solid #555;}

.fixed_nav li:last-child {border-right:none;}

.fixed_nav li a {display: -ms-flexbox;display: flex;-ms-flex-pack: center;justify-content: center;-ms-flex-direction: column;flex-direction: column;color:#fff;height:60px;text-align: center;font-size: 14px;line-height: 1.2;text-transform: uppercase;}

.fixed_nav li a i {display: block;font-size:26px;}





/* product */

.nbanner {background-position:center center;background-repeat: no-repeat;background-size: cover;height: 400px;position: relative;}

.ban_mask {background-color: rgba(0,0,0,0.47);position: absolute;left: 0;top: 0;width: 100%;height: 100%;color: #fff;text-transform: uppercase;}

.nbanner h2 {font-size: 40px;font-weight: bold;}

.nbanner p {color: #fff;margin-top: 25px;font-weight: 300;}

.nbanner p a {color: #fff;}

.nbanner p a:hover {color:#fd0215;}

.nban_pb {padding-bottom: 100px;}

.nbanner .nban_pb p a:last-child {color:#fd0215;}



.np_subnav {position: absolute;left: 0;bottom: 0;width: 100%;background-color:rgba(0,0,0,0.3);padding:10px 0;}

.np_subnav li {margin:10px 40px 10px 0;}

.np_subnav li a {color: #fff;transition:all 0.2s;}

.np_subnav li a:hover,.np_subnav li.active a {color:#fd0215;}



.npadd {padding:70px 0;}

.np_list li {width:33.33%;padding:0 5px 10px;}

.np_list li a {display: block;position: relative;}

.npl_pic {display: block;position: relative;overflow: hidden;padding-bottom:66%;}

.npl_pic img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition:all 0.3s;}

.npl_txt {opacity:0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition:all 0.3s;background-color: rgba(5,8,141,0.9);text-align: center;padding: 10px 15px;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;-ms-flex-pack: center;justify-content: center;transition:all 0.2s;overflow-x: hidden;overflow-y: auto;}

.npl_txt h6 {font-size: 18px;color: #fff;position: relative;}

.npl_txt h6::after {content: '';display: block;height: 12px;width: 1px;background-color: #fff;margin:10px auto;}

.npl_txt p {font-size: 14px;line-height: 1.2;color: #9494be;}

.npl_txt i {width:92px;height:28px;line-height:26px;color: #fff;font-style: normal;border:1px solid #9494be;transition:all 0.2s;margin:20px auto 0;}

.npl_txt i:hover {background-color: #9494be;color:#000;}

.np_list li a:hover .npl_txt {opacity:1;}



#pages {margin-top:50px;text-align:center;clear:both;color: #a8a8a8;font-size: 0;overflow: hidden;}

#pages a {color:#a8a8a8;margin:0 3px;display:inline-block;vertical-align:top;height:40px;line-height:38px;color: #a8a8a8;transition:all 0.2s;font-size: 22px;padding:0 5px;}

#pages a:last-child {border-right:1px solid #d5d5d5;}

#pages a:hover {color:#05088d;}

#pages a.page-num-current {color:#05088d;}

#pages .page_pn {background-color: #b1b1b1;color: #fff;padding:0 12px;margin:0 10px;}

#pages .page_pn:hover {background-color: #999;}



.nps_pic {width: 50%;}

.nps_tit {width: 50%;padding-left: 30px;}

.nps_tit h2 {font-size: 26px;font-weight: bold;}

.nps_tit h2 i {display: block;width: 2px;height: 20px;background-color: #fb0002;padding-bottom: 40px;margin:20px 0 20px 15px;}

.nps_tit h2 i::after {content:'';display: block;width: 2px;height: 20px;background-color: #07078c;}

.nps_tit p {font-size: 16px;color: #686868;line-height: 1.5;}

.nps_con_tit {background-color: #efefef;padding:20px 0;color: #07078c;font-size: 16px;font-weight: bold;margin-top: 30px;}

.nps_con {font-size: 16px;line-height: 1.8;color: #3d3d3d;overflow: auto;padding:50px 0 60px;}

.nps_con img {max-width:100%;height:auto !important;}

.nps_con iframe {display: block;max-width:100%;width:1000px;height:563px;margin:15px auto;}

.nps_con table {width: 100% !important;border:1px solid #ddd;}

.nps_con table th,.nps_con table td {border:1px solid #ddd;padding:5px;}



.ns_page {position: relative;padding-top: 40px;}

.ns_page::before {content:'';display: block;background-color: #07078c;width: 150px;height: 2px;position: absolute;left: 0;top: 0;}

.ns_page::after {content:'';display: block;background-color: #fd0215;width: 150px;height: 2px;position: absolute;left: 150px;top: 0;}

.ns_page li {margin-bottom:10px;padding-left: 90px;position: relative;}

.ns_page li span {color: #fff;background-color: #c5c5c5;height: 34px;line-height: 34px;display: block;position: absolute;left: 10px;top: 0;padding:0 10px;border-radius:4px;}

.ns_page li a {display: block;line-height: 34px;}

.ns_page li a:hover {color:#fd0215;}





/* about */

.nabout1 {background-color: #f5f5f5;}

.na1_tit {text-align: center;font-size: 20px;color: #313131;}

.na1_tit span {display: block;font-size: 30px;color: #1e1e1e;margin-top: 20px;}

.na1_con {margin-top: 40px;line-height: 1.8;}

.nabout_v {margin-top: 50px;}
.nabout_v video {width: 100%;height: 400px;background: #000;}

.na_tit {text-align: center;}

.na_tit h3 {font-size: 30px;color: #1e1e1e;}

.na_tit p {margin-top: 20px;}

.na_honor {position:relative;margin-top: 50px;padding-bottom: 80px;}

.na_honor .swiper-container {padding-left: 1px;}

.na_honor .swiper-slide a {display: block;border:1px solid #a4a4a4;text-align: center;}

.na_honor .swiper-slide a img {height: 270px;}

.na_honor .swiper-slide a:hover {border-color:#07078b;}

.na_honor .swiper-button-prev,.na_honor .swiper-button-next {outline:none;text-align: center;background:none;margin:0;width: 50px;height: 24px;font-size: 24px;color: #fff;top: auto;bottom: 0;left: 50%;}

.na_honor .swiper-button-prev {background-color: #07078b;margin-left: -50px;}

.na_honor .swiper-button-next {background-color: #fd0215;}



.na2_con {border:2px solid #d2d2d2;border-radius:30px;padding:30px 10px;margin-top: 80px;}

.na2_con li {width: 33.33%;padding:20px 15px 20px 100px;position: relative;min-height:70px;}

.na2_con li::before {content:'';display: block;width: 70px;height: 70px;position: absolute;left: 15px;top: 20px;transition:all 0.3s;}

.na2_con li:nth-child(1)::before {background: url(../images/na2-1.png) no-repeat;}

.na2_con li:nth-child(2)::before {background: url(../images/na2-2.png) no-repeat;}

.na2_con li:nth-child(3)::before {background: url(../images/na2-3.png) no-repeat;}

.na2_con li:nth-child(4)::before {background: url(../images/na2-4.png) no-repeat;}

.na2_con li:nth-child(5)::before {background: url(../images/na2-5.png) no-repeat;}

.na2_con li:nth-child(6)::before {background: url(../images/na2-6.png) no-repeat;}

.na2_con li:hover::before {left: 20px;}

.na2_con li h6{font-size: 22px;color: #373737;font-weight: bold;}

.na2_con li p{font-size: 16px;color: #313131;margin-top: 10px;line-height: 1.2;}



.nabout3 {background:#f2f8fd url(../images/nabout3_bg.jpg) no-repeat 50% 50%;background-size: cover;}

.na3_con {padding:0 60px;margin-top: 50px;position: relative;}

.na3_con .swiper-slide p {color: #282828;line-height: 1.3;padding:55px 0 50px 70px;position: relative;}

.na3_con .swiper-slide p::before {content:'';display: block;width: 61px;height: 52px;background:url(../images/na3-1.png) no-repeat;position: absolute;left: 0;top: 0;}

.na3_con .swiper-slide h6 {font-size: 18px;color: #07078b;font-weight: bold;position: relative;min-height:29px;line-height: 29px;padding-left: 90px;}

.na3_con .swiper-slide h6::before {content:'';display: block;width: 33px;height: 29px;background:url(../images/na3-2.png) no-repeat;position: absolute;left: 50px;top: 0;}

.na3_con .swiper-button-prev,.na3_con .swiper-button-next {outline:none;text-align: center;background:#07078b;width: 55px;height: 55px;color: #fff;border-radius:50%;font-size: 0;padding-top: 5px;line-height: 55px;}

.na3_con .swiper-button-prev i,.na3_con .swiper-button-next i {font-size: 40px;}

.na3_con .swiper-button-prev {left: 0;}

.na3_con .swiper-button-next {right: 0;}





/* R & D */

.nrd1 {background:url(../images/nrd1_bg.jpg) no-repeat 50% 50%;background-size: cover;position: relative;padding:150px 0;margin-top: 15px;z-index:1;}

.nrd1::after {content:'';display: block;background-color: rgba(0,0,0,0.62);position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index:2;}

.nrd1 .container {position: relative;z-index:3;}

.nrd1_tit {text-align: center;color: #fff;font-size: 30px;}

.nrd1_con {text-align: center;color: #fff;font-size: 16px;margin-top: 30px;line-height: 1.5;}



.nrd3_pic {width: 50%;text-align: right;}

.nrd3_item1 .nrd3_pic {text-align: left;}

.nrd3_txt {width: 50%;max-width:960px;padding: 0 5% 0 80px;}

.nrd3_item1 .nrd3_txt {padding: 0 80px 0 5%;}

.nrd3_txt h5 {color: #373737;font-size: 30px;}

.nrd3_txt h5::after {content:'';display: block;width: 44px;height: 4px;background-color: #07078b;margin:20px 0 40px;}

.nrd3_txt p {color: #666;line-height: 1.5;}



.nrd4 {background:url(../images/nrd4_bg.jpg) no-repeat 50% 50%;background-size: cover;position: relative;margin-top: 15px;z-index:1;}

.nrd4::after {content:'';display: block;background-color: rgba(0,0,0,0.9);position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index:2;}

.nrd4 .container {position: relative;z-index:3;}

.nrd4_tit {width: 50%;color: #fff;}

.nrd4_tit h3 {font-size: 30px;}

.nrd4_tit p {line-height: 1.3;margin-top: 20px;}

.nrd4_con {width: 50%;padding:0 60px;}

.nrd4_con .swiper-pagination {margin-top: 50px;text-align: center;position: static;}

.nrd4_con .swiper-pagination-bullet {border-radius:0;background:#fff;width: 30px;height: 15px;}



.nrd5_tit {text-align: center;font-size: 30px;}

.nrd5_con {margin-top: 50px;padding:0 45px;position: relative;}

.nrd5_con .swiper-button-prev,.nrd5_con .swiper-button-next {background-color: #07078b;width: 30px;height: 70px;margin-top: -35px;background-size: 20px auto;}

.nrd5_con .swiper-button-prev {left: 0;}

.nrd5_con .swiper-button-next {right: 0;}

.nrd5_con .swiper-slide a {display: block;position: relative;padding-bottom: 133%;}

.nrd5_con .swiper-slide a:hover::after {content:'';display: block;background-color: rgba(0,0,0,0.2);position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index:2;}

.nrd5_con .swiper-slide a img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.nrd5_con .swiper-slide a i {display: block;}

.nrd5_con .swiper-slide a i {position: absolute;left: 50%;top: 50%;display: block;width: 48px;height: 48px;background:url(../images/add.png) no-repeat;background-size: contain;margin-left: -24px;margin-top: -24px;transition:all 0.5s;opacity:0;}

.nrd5_con .swiper-slide a:hover i {opacity:1;}





/* honor */

.nh_tit {padding:30px 0 20px;}

.nh_tit span {display: block;text-transform: uppercase;font-size: 60px;color: #fff;text-shadow:-1px -1px 0 #ccc, 1px -1px 0 #ccc,-1px 1px 0 #ccc,1px 1px 0 #ccc,0px 2px 2px rgba(0,0,0,0.6);opacity:0.5;position: relative;z-index:1;}

.nh_tit h3 {color: #222;font-size: 30px;font-weight: bold;margin-top: -45px;position: relative;z-index:2;}

.nh_tit h3::after {content:'';display: block;width: 34px;height: 2px;background-color: #05088d;margin-top: 15px;}

.nh_tit p {text-align: right;}



.nh1_con {position:relative;padding:0 30px 80px;margin:20px 0 60px;}

.nh1_con .swiper-container {padding-left: 1px;}

.nh1_con .swiper-slide a {display: block;border:1px solid #eee;text-align: center;}

.nh1_con .swiper-slide a img {height: 380px;}

.nh1_con .swiper-slide a:hover {border-color:#07078b;}

.nh1_con .swiper-button-prev,.nh1_con .swiper-button-next {outline:none;text-align: center;background:none;margin:0;font-size: 40px;color: #494a8d;top: auto;bottom: 0;left: 50%;}

.nh1_con .swiper-button-prev {margin-left: -50px;}

.nh1_con .swiper-button-next {margin-left: 10px;}



.nhonor2 {background-color: #222;}

.nh2_l {width: 50%;}

.nh2_tit span {display: block;text-transform: uppercase;font-size: 80px;color: #222;text-shadow:-1px -1px 0 #333, 1px -1px 0 #333,-1px 1px 0 #333,1px 1px 0 #333,0px 2px 2px rgba(0,0,0,0.6);position: relative;z-index:1;}

.nh2_tit h3 {color: #fd0215;margin-top: -60px;position: relative;z-index:2;}

.nh2_tit p {color: #fff;font-size: 24px;font-weight: bold;margin-top:10px;position: relative;z-index:2;}

.nh2_des {line-height: 1.8;color:#fff;padding-right: 200px;margin:80px 0 50px;}

.nh2_tab_txt li {background-color: #fff;margin-bottom: 30px;color: #adadad;border-radius:10px;width: 300px;padding:30px 10px 30px 80px;position: relative;}

.nh2_tab_txt li.on {color:#ad0306;}

.nh2_tab_txt li i {position: absolute;left: 0;top: 0;width:80px;height: 100%;background-repeat: no-repeat;background-position:50% 50%;}

.nh2-icon1 {background-image:url(../images/nh2-icon1.png);}

.nh2-icon2 {background-image:url(../images/nh2-icon2.png);}

.nh2-icon3 {background-image:url(../images/nh2-icon3.png);}

.nh2_tab_txt li.on .nh2-icon1 {background-image:url(../images/nh2-icon1h.png);}

.nh2_tab_txt li.on .nh2-icon2 {background-image:url(../images/nh2-icon2h.png);}

.nh2_tab_txt li.on .nh2-icon3 {background-image:url(../images/nh2-icon3h.png);}

.nh2_tab_txt li::after {content:"\f105";font-family: FontAwesome;font-size: 20px;position: absolute;right: 20px;}

.nh2_r {width: 50%;}

.nh2_tab_pic li {display: none;text-align: right;}

.nh2_tab_pic li:first-child {display: block;}



.nhonor3 {margin-bottom: 20px;}

.nh3_con {background:url(../images/nh3_bg.jpg) no-repeat 50% 50%;background-size: cover;position: relative;z-index:1;}

.nh3_con::after {content:'';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);z-index:2;}

.nh3_con .container {position: relative;z-index:3;padding:20px 15px;}

.nh3_con li {padding:30px 0;border-bottom:1px solid #545556;color:#fff;}

.nh3_con li:last-child {border: none;}

.nh3_con li h6 {font-size: 26px;margin-bottom: 25px;}

.nh3_con li p {padding:0 300px 0 50px;line-height: 1.8;}





/* news */

.nn_list li {width: 50%;padding:0 10px 30px;}

.nn_list li a {display: block;display: -ms-flexbox;display: flex;}

.nnl_pic {display: block;width: 40%;overflow: hidden;}

.nnl_pic img {border-radius:20px;}

.nnl_pic img:hover {opacity:0.8;}

.nnl_txt {display: block;width: 60%;padding:20px 20px 20px 30px;}

.nnl_txt span {display: block;color: #3d3d3d;font-size: 18px;}

.nnl_txt span i {margin-right: 3px;color: #05088d;}

.nnl_txt h6 {font-size: 20px;color: #090909;line-height: 1.2;margin-top: 15px;transition:all 0.2s;}

.nnl_txt h6:hover {color: #fd0215;}

.nnl_txt p {font-size: 14px;color: #3d3d3d;line-height: 1.3;margin-top: 20px;}

.nnl_txt b {display: inline-block;font-size: 16px;color: #fff;background-color: #4e4e4e;padding:10px 40px;font-weight: normal;border-radius:15px;margin-top: 40px;transition:all 0.2s;}

.nnl_txt b:hover {background-color: #fd0215;}



.nns_title {font-size:25px;line-height: 1.2;color: #000;}

.nns_des {font-size: 18px;margin-top: 20px;position: relative;padding-bottom: 20px;}

.nns_des::before {content:'';display: block;background-color: #07078c;width: 150px;height: 2px;position: absolute;left: 0;bottom: 0;}

.nns_des::after {content:'';display: block;background-color: #fd0215;width: 150px;height: 2px;position: absolute;left: 150px;bottom: 0;}

.nns_con {color:#666;font-size: 16px;line-height:1.6;padding:50px 0;}

.nns_con div,.nns_con p {margin-bottom:15px;}

.nns_con img {max-width:100%;height:auto !important;}

.nns_con iframe {display: block;max-width:100%;width:1000px;height:563px;margin:15px auto;}





/* contact */

.nc_tit {border-left:1px solid #05088d;padding-left: 20px;margin-bottom: 40px;}

.nc_tit p {font-size: 22px;font-weight: 200;color: #05088d;}

.nc_tit h3 {font-size: 28px;color: #424d58;font-weight: bold;line-height: 1.6;}



.nc1_item {background-color: #f8f9fb;border-radius:15px;padding:25px 20px;margin-top: 25px;transition:all 0.2s;}

.nc1_item:hover {background-color: #f0f4fb;}

.nc1_name {width: 35%;}

.nc1_name i{display: inline-block;vertical-align:middle;width: 55px;height: 49px;background-repeat:no-repeat;}

.nc-icon1 {background-image:url(../images/nc-icon1.png);}

.nc-icon2 {background-image:url(../images/nc-icon2.png);}

.nc-icon3 {background-image:url(../images/nc-icon3.png);}

.nc1_name h6 {display: inline-block;vertical-align:middle;color: #090c8f;font-size: 20px;}

.nc1_name h6 span {display: block;font-size: 15px;margin-bottom: 10px;}

.nc1_name h6 span::before {content:'';display: inline-block;vertical-align:middle;width: 60px;height: 2px;background-color: #b0c9e9;margin-right: 10px;}

.nc1_can {width: 65%;}

.nc1_tel span {display: block;font-size: 18px;color: #6b7178;}

.nc1_tel p {font-size: 26px;color: #424d58;font-weight: bold;margin-top: 15px;font-family: Helvetica;}

.nc1_tel p i {color: #05088d;font-size: 30px;margin-right: 10px;}

.nc1_email {color: #05088d;font-size: 18px;padding:12px 30px;border:1px solid #9193cc;border-radius:30px;}

.nc1_email i {font-size: 26px;margin-right: 15px;}

.nc1_add {width: 65%;font-size: 20px;color: #3b444c;}

.nc1_add i {display: inline-block;vertical-align:middle;width: 50px;height: 38px;background:url(../images/nc-icon4.png) no-repeat;}



.ncontact2 {background-color: #fcfcfc;padding:50px 0;}

.nc2_con {width: 50%;padding-right: 30px;}

.nc_input {width: 49%;}

.nc_input2 {margin-top: 15px;}

.nc_input input,.nc_input2 input {width: 100%;height: 50px;line-height: 48px;border:1px solid #979797;padding:0 10px;}

.nc_textarea {margin-top: 15px;}

.nc_textarea textarea{width: 100%;height: 200px;resize: none;border:1px solid #979797;padding:10px;line-height: 1.3;}

.nc_btn {margin-top: 15px;text-align: right;}

.nc_btn button {background-color: #fd0215;color: #fff;font-size: 18px;padding:10px 40px;border-radius:5px;border:none;transition:all 0.2s;}

.nc_btn button:hover {background-color: #da0212;}

.nc_map {width: 50%;}







@media (max-width: 1800px) {

	.nh1_con .swiper-slide a img {height: 330px;}

}

@media (max-width: 1600px) {

	.nh1_con .swiper-slide a img {height: 300px;}

}

@media (max-width: 1399px) {

	.pro_item1 .pro_txt, .pro_item3 .pro_txt {padding: 0 30px;}

	.pro_item2 .pro_txt, .pro_item4 .pro_txt {padding: 0 30px;}

	.nh1_con .swiper-slide a img {height: 260px;}

}

@media (max-width: 1199px) {

	.header .navbar-nav .nav-item {margin:0 25px;}

	.banner .swiper-button-prev, .banner .swiper-button-next {width: 40px;}

	.banner .swiper-pagination {bottom:10px;}

	.banner .swiper-pagination-bullet {width: 12px;height: 12px;margin:0 5px !important;}

	.banner .swiper-pagination-bullet-active {width: 25px;}
	.ban1_txt h6 {font-size: 25px;}
	.ban1_txt p {margin:30px 0;}
	.ban1_txt h6,.ban2_txt p,.ban3_txt h6 {font-size: 26px;}
	.ban2_txt p {margin:15px 0 30px;}
	.ban3_txt p {margin-top: 40px;}
	.pro_title {font-size: 30px;}

	.pro_con {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}

	.pro_item1,.pro_item2,.pro_item3,.pro_item4 {width: 50%;padding:0 20px 10px;}

	.pro_pic {width: auto;padding: 10px !important;box-shadow:none !important;border:1px solid #ddd;}

	.pro_item4 .pro_pic {text-align: center;}

	.pro_pic img {height: 200px;}

	.pro_txt {width: auto;text-align: left;padding: 10px !important;}

	.pro_txt h6 {font-size: 18px;text-align: center;}

	.pro_txt h6 span {display: inline;margin: 0;font-size:inherit;}

	.pro_txt p,.pro_txt i {display: none;}

	.pro_more {display: none;}

	.mpro_more {display: block;margin-top: 10px;text-align: center;}

	.mpro_more a {display: inline-block;font-size: 16px;border:1px solid #f00;padding:10px 30px;border-radius:5px;background-color: #05088d;color:#fff;}

	.product {margin:2px 0 60px;}

	.about {height: auto;}

	.about_txt {width: 60%;}

	.about_txt p {margin-top: 15px;}

	.about_txt a {margin-top: 20px;}

	.about_v {width: 40%;}

	.about_v a i {width: 58px;height: 40px;margin-left: -29px;margin-top: -20px;}

	.why_con li {padding:20px 10px;}

	.why_con li p {line-height: 1.3;}

	.env, .rd {height: 400px;}

	.env h6, .rd h6 {font-size: 26px;}

	.env h6 span, .rd h6 span {font-size: 16px;margin-bottom: 10px;}

	.env p, .rd p {font-size: 16px;margin-top: 20px;}

	.env a, .rd a {margin-top: 30px;}

	.supplier {padding:90px 0;}

	.supplier_title {width: auto;text-align: center;}

	.supplier_con {width: auto;margin-top: 50px;}

	.s_more {text-align: center;}

	.news {padding:100px 0 80px;}

	.news h3 span {font-size: 33px;}

	.f_fastbox {padding:60px 0 40px;}

	.f_logo {width: 20%;}

	.f_contact {width: 40%;padding-left: 50px;padding-right: 50px;}

	.f_nav {width: 20%;}

	.f_msg {display: none;}

	.f_copyright {padding:15px 0;}
	.kf {display: none;}
	.nbanner {height: 400px;}

	.nbanner h2 {font-size: 35px;}

	.np_list li {width: 50%;padding:0 10px 20px;}

	#pages {margin-top:40px;}

	.nps_tit h2 {font-size: 24px;}

	.nps_tit h2 i {display: none;}

	.nps_tit p {margin-top: 20px;}

	.nps_con {font-size: 16px;line-height: 1.5;}

	.nps_con iframe,.nns_con iframe {width:100%;height: 500px !important;}

	.ns_page li {font-size: 16px;}

	.na1_tit span {margin-top: 10px;}

	.na1_con {line-height: 1.5;}

	.na_tit p {margin-top: 10px;}

	.na_honor .swiper-slide a img {height: 230px;}

	.nrd1 {padding:120px 0;}

	.nrd3_txt h5 {font-size: 30px;}

	.nrd3_txt p {font-size: 16px;}

	.nrd3_txt,.nrd3_item1 .nrd3_txt {padding:0 50px;}

	.nrd4_tit {width: auto;text-align: center;}

	.nrd4_tit h3 {font-size: 30px;}

	.nrd4_tit p {font-size: 16px;margin-top: 10px;}

	.nrd4_con {padding: 0 30px;width: auto;margin-top: 40px;}

	.nrd4_con .swiper-pagination-bullet {width: 20px;height: 5px;}

	.nrd5_tit {font-size: 30px;}

	.nh2_des {padding-right: 50px;}

	.nh2_tab_txt li {margin-bottom: 20px;}

	.nh3_con li p {padding: 0 0 0 50px;}

	.nnl_pic img {border-radius:10px;}

	.nnl_txt {padding:15px;}

	.nnl_txt h6 {font-size: 18px;}

	.nnl_txt p {font-size: 14px;}

	.nnl_txt b {font-size: 15px;padding: 10px 30px;border-radius:10px;margin-top: 20px;}

	.nns_title {font-size: 24px;}

	.nns_con {font-size: 16px;}

	.nc1_name {width: 30%;}

	.nc1_can {width: 70%;}

	.nc1_add {width: 70%;font-size: 18px;}

}

@media (max-width: 991px) {

	.header {position: fixed;left: 0;top: 0;width: 100%;height: 60px;background-color:#fff !important;box-shadow:0 1px 2px rgba(0,0,0,0.2);}

	.h_top {display: none;}

	.h_nav {height: 60px;background: #fff;}

	.header .navbar {height: 60px;-ms-flex-pack: justify;justify-content: space-between;}

	.header .navbar-brand {display: block;}

	.header .navbar-toggler {padding:5px 10px;border:none;}

	.header .navbar-toggler-icon {display: none;}

	.header .navbar-toggler::after {content: "\f0c9";font-size: 22px;font-family: FontAwesome;background:none;color:#333;}

	.header .ntoggler::after {content: "\f00d";}

	#navbarContent {width:100%;background-color: #f8f8f8;position:fixed;left: 0;top:60px;z-index:999;max-height:360px;overflow: auto;margin: 0;}

	#navbarContent .navbar-nav {width: 690px;margin:0 auto;}

	.header .navbar-nav .nav-item {margin-left: 0;border-bottom:1px solid #ddd;}

	.header .navbar-nav .nav-link {border-radius:0;position: relative;font-size: 18px;color:#333;height: 50px;line-height: 50px;}

	.header .navbar-nav .nav-link::before {display: none;}

	.header .dropdown-toggle::after {position: absolute;right:15px;top:22px;}

	.header .dropdown-menu {font-size: 16px;}

	.header .navbar-nav .nav-link:hover, .header .navbar-nav .nav-item.active .nav-link, .header .navbar-nav .nav-item.show .nav-link {color:#fd0215;}

	.h_height {height: 60px;}

	.banner {display: none;}

	.mbanner {display: block;position: relative;}

	.mbanner .swiper-slide img {width: 100%;}

	.mbanner .swiper-pagination-bullet-active {background-color: #fff;}

	.pro_title {font-size: 25px;padding: 20px 0;}

	.pro_con {margin-top: 30px;padding:0 15px;}

	.pro_item1, .pro_item2, .pro_item3, .pro_item4 {padding:0 10px 10px;}

	.pro_txt h6 {font-size: 16px;}

	.mpro_more {margin-top: 15px;}

	.about {padding:50px 0;}

	.about_v {padding-left: 30px;}

	.why_title {font-size: 26px;}

	.why_con li {width: 33.33%;}

	.why_con li h6 {font-size: 20px;}

	.why_con li p {font-size: 14px;margin-top: 10px;}

	.env h6, .rd h6 {font-size: 24px;}

	.supplier_title h3 {font-size: 25px;}

	.supplier_title p {font-size: 14px;}

	.news h3 span {font-size: 30px;}

	.f_logo {width: 40%;}

	.f_nav {display: none;}

	.f_contact {width: 60%;padding-right: 0;padding-left: 50px;}

	.nbanner {height: 400px;}

	.nbanner h2 {font-size: 33px;}

	.np_subnav {display: none;}

	.nban_pb {padding-bottom: 0;}

	.np_list li {padding:0 5px 10px;}

	.npl_txt {opacity:1;padding: 0;display: block;height: auto;position: static;}

	.npl_txt p,.npl_txt i {display: none;}

	.npl_txt h6::after {display: none;}

	.npl_txt h6 {height: 40px;line-height: 40px;font-size: 16px;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;padding:0 10px;}

	.nps_pic {width: auto;}

	.nps_tit {width: auto;padding:20px;}

	.nps_tit p {margin-top: 15px;}

	.nps_con iframe,.nns_con iframe {height: 400px !important;}

	.na1_tit {font-size: 16px;}

	.na1_tit span {font-size: 25px;}
	.nabout_v video {height: 300px;}
	.na_honor .swiper-slide a img {height: 255px;}

	.na_tit h3 {font-size: 26px;}

	.na2_con li {width: 50%;}

	.nrd1 {padding:100px 0;}

	.nrd1_tit {font-size: 26px;}

	.nrd1_con {text-align: left;}

	.nrd3_txt, .nrd3_item1 .nrd3_txt {padding:0 30px;}

	.nrd3_txt h5 {font-size: 25px;}

	.nrd3_txt h5::after {margin:10px 0 20px;}

	.nrd4_tit h3 {font-size: 26px;}

	.nrd4_tit p {font-size: 14px;}

	.nrd4_con {padding: 0;}

	.nrd5_tit {font-size: 26px;}

	.nh_tit span {display: none;}

	.nh_tit h3 {margin-top: 0;}

	.nh_tit p {text-align: left;margin-top: 20px;}

	.nh2_l {width: auto;}

	.nh2_tit span {display: none;}

	.nh2_tit h3 {margin-top: 0;}

	.nh2_des {padding: 0;margin:10px 0 30px;}

	.nh2_tab_txt {display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: space-between;}

	.nh2_tab_txt li {margin: 0;width: 32%;padding: 20px 10px 20px 80px;}

	.nh2_tab_txt li::after {display: none;}

	.nh2_r {width: auto;margin-top: 20px;}

	.nh2_tab_pic li {text-align: center;}

	.nn_list li {padding: 0 6px 20px;}

	.nnl_txt h6 {font-size: 18px;}

	.nnl_txt p {display: none;}

	.nnl_txt b {font-size: 15px;}

	.nns_title {font-size: 22px;}

	.nns_des {color: #999;}

	.nns_con {padding:30px 0;line-height: 1.5;}

	.nc1_name {width: auto;}

	.nc1_tel {margin-top: 30px;}

	.nc1_tel p {margin-top: 5px;}

	.nc1_email {padding: 0;border: none;}

	.nc1_email i {margin-right: 10px;}

	.nc1_can {width: auto;}

	.nc1_add {width: auto;margin-top: 5px;}

	.nc2_con {width: auto;padding: 0;}

	.nc_textarea textarea {height: 130px;}

	.nc_map {width: auto;margin-top: 30px;}

	.nc_map iframe {height: 400px;}

}

@media (max-width: 767px) {

	#navbarContent .navbar-nav {width: 510px;}

	.pro_pic {padding: 5px !important;}

	.pro_pic img {height: 150px;}

	.about_txt h5 {font-size: 20px;font-weight: bold;}

	.env, .rd {width: auto;height: auto;padding: 100px 30px;}

	.rd {text-align: left;-ms-flex-pack: start !important;justify-content:flex-start !important;margin-top: 15px;}

	.footer {padding:30px 0;margin-bottom:60px;}

	.f_logo {display: none;}

	.f_fastbox {display: none;}

	.f_copyright {padding:0;line-height: 1.6;border:none;}

	.f_copyright p span {display: block;}

	.fixed_nav {display: block;}

	.nbanner {height: 360px;}

	.npadd {padding:50px 0;}

	#pages {margin-top:30px;}

	#pages a {height: 36px;line-height: 34px;font-size: 20px;}

	#pages .page_pn {padding:0 10px;}

	.nps_tit h2 {font-size: 22px;}

	.nps_detail iframe,.nss_con iframe,.nas_con iframe,.nns_con iframe {height: 350px !important;}

	.ns_page li {padding-left: 88px;}

	.na1_tit span {font-size: 24px;}

	.nabout_v a img {border-radius:15px;}

	.nabout_v a i {width: 58px;height: 40px;margin-left: -29px;margin-top: -20px;}

	.na_honor .swiper-slide a img {height: 189px;}

	.na2_con li h6 {font-size: 20px;}

	.na2_con li p {font-size: 14px;}

	.nrd3_item1,.nrd3_item2 {padding:0 15px;}

	.nrd3_pic {width: auto;text-align: left;}

	.nrd3_txt {width: auto;}

	.nrd3_txt, .nrd3_item1 .nrd3_txt {padding:20px 15px;}

	.nrd4_con .swiper-pagination {margin-top: 30px;}

	.nrd4_con .swiper-pagination-bullet {width: 10px;}

	.nrd5_con {margin-top: 40px;}

	.nh2_tab_txt li {padding: 20px 10px 20px 70px;}

	.nh3_con li p {padding: 0 0 0 30px;}

	.nn_list li {width: auto;padding: 0;margin-bottom: 20px;}

	.nnl_txt {padding:20px 0 0 20px;}

	.nnl_txt h6 {font-size: 20px;}

	.nnl_txt p {display: block;}

	.nc_input {width: auto;margin-bottom: 10px;}

	.nc_input2 {margin-top: 0;}

	.nc_textarea {margin-top: 10px;}

	.nc_btn {text-align: left;}

}

@media (max-width: 575px) {

	.header .navbar-nav .nav-link {font-size: 16px;padding:0 30px 0 15px;height: 45px;line-height:45px;}

	.header .dropdown-menu {font-size: 14px;}

	.header .dropdown-menu .dropdown-item {padding:10px 15px;}

	#navbarContent .navbar-nav {width:auto;}

	.mbanner .swiper-pagination {bottom: 5px;}

	.mbanner .swiper-pagination-bullet {margin: 0 3px !important;}

	.pro_title {font-size: 22px;padding:10px 0;}

	.pro_con {margin-top: 10px;display: block;}

	.pro_item1, .pro_item2, .pro_item3, .pro_item4 {width: auto;padding: 0;margin-bottom: 10px;}

	.pro_pic img {height: auto;max-height:150px;}

	.mpro_more a {font-size: 16px;}

	.product {margin:2px 0 40px;}

	.about_txt {width: auto;}

	.about_txt p {font-size: 15px;}

	.about_v {width: auto;padding: 0;margin-top: 30px;}

	.why_title {font-size: 24px;}

	.why_con li {width: 50%;}

	.why_con li:last-child {border-right:1px solid #70716e;}

	.env, .rd {padding:60px 20px;}

	.env p, .rd p {font-size: 14px;}

	.supplier {padding:50px 0;}

	.supplier_title h3 {font-size: 24px;}

	.supplier_title p {font-size: 14px;}

	.supplier_con {margin-top: 40px;padding:0 33px;}

	.s_more {margin-top: 30px;}

	.news {padding:60px 0;}

	.news h3 span {font-size: 28px;margin-top: 10px;}

	.news a {margin-top: 30px;}

	.f_copyright {font-size: 14px;line-height: 1.5;}

	.nbanner {height: 300px;}

	.nbanner h2 {font-size: 30px;}

	.nbanner p {font-size: 14px;}

	.npadd {padding:40px 0;}

	.np_list li {width: auto;padding: 0 5%;margin-bottom: 15px;}

	#pages a {height: 32px;line-height: 30px;padding:0 3px;margin:0 3px;}

	#pages .page_pn {padding:0 8px;}

	.nps_tit {padding:20px 0;}

	.nps_tit p {font-size: 15px;}

	.nps_con {padding: 30px 0 40px;}

	.nps_con iframe,.nns_con iframe {height: 300px !important;}

	.ns_page::before {width: 50%;}

	.ns_page::after {width: 50%;left: 50%;}

	.ns_page li {font-size: 15px;padding-left: 80px;}

	.na1_tit span {font-size: 22px;}

	.na1_con {margin-top: 30px;}

	.nabout_v {margin-top: 30px;}

	.nabout_v a img {border-radius:10px;}

	.nabout_v a i {width: 43px;height: 30px;margin-left: -21px;margin-top: -15px;}
	.nabout_v video {height: 260px;}
	.na_tit h3 {font-size: 24px;}

	.na_tit p {font-size: 14px;line-height: 1.3;margin-top: 8px;}

	.na_honor {margin-top: 30px;padding-bottom: 50px;}

	.na_honor .swiper-slide a img {height: 160px;}

	.na2_con {margin-top: 40px;border-width:1px;border-radius:15px;padding: 20px 15px;}

	.na2_con li {width: auto;padding: 15px 0 15px 80px;}

	.na2_con li::before {left: 0;top: 12px;}

	.na2_con li h6 {font-size: 20px;}

	.na3_con {margin-top: 40px;}

	.na3_con .swiper-slide p {padding: 0;}

	.na3_con .swiper-slide p::before {display: none;}

	.na3_con .swiper-slide h6 {margin-top: 20px;padding-left: 50px;}

	.na3_con .swiper-slide h6::before {left: 15px;}

	.nrd1 {padding:80px 0;}

	.nrd1_tit,.nrd4_tit h3,.nrd5_tit {font-size: 24px;}

	.nrd3_txt, .nrd3_item1 .nrd3_txt {padding:15px 0;}

	.nrd3_txt h5 {font-size: 22px;}

	.nrd3_txt h5::after {margin:10px 0;}

	.nrd3_txt p {line-height: 1.3;}

	.nrd4_tit p {margin-top: 8px;}

	.nrd4_con {margin-top: 30px;}

	.nrd4_con .swiper-slide {text-align: center;}

	.nrd4_con .swiper-pagination {margin-top: 20px;}

	.nrd5_con {margin-top: 30px;}

	.nh_tit h3 {font-size: 24px;}

	.nh_tit h3::after {margin-top: 10px;}

	.nh_tit p {font-size: 15px;margin-top: 10px;}

	.nh1_con .swiper-slide a img {height: 200px;}

	.nh2_des {font-size: 15px;line-height: 1.4;margin-top: 20px;}

	.nh2_tab_txt li {padding:0;text-align: center;height: 30px;line-height: 30px;border-radius:5px;}

	.nh2_tab_txt li i {display: none;}

	.nh3_con li h6 {font-size: 22px;margin-bottom: 15px;}

	.nh3_con li p {padding: 0;line-height: 1.5;}

	.nnl_txt {padding:10px 0 0 10px;}

	.nnl_txt h6 {font-size: 18px;}

	.nnl_txt p {display: none;}

	.nns_title {font-size: 20px;}

	.nns_des::before {width: 50%;}

	.nns_des::after {width: 50%;left: 50%;}

	.nc_tit {padding-left: 15px;margin-bottom: 30px;}

	.nc_tit h3 {font-size: 22px;}

	.nc1_item {margin-top: 15px;}

	.nc1_name h6 {font-size: 16px;}

	.nc1_name h6 span {font-size: 14px;margin-bottom: 5px;}

	.nc1_name h6 span::before {width: 30px;}

	.nc1_tel span {font-size: 16px;}

	.nc1_add {font-size: 16px;line-height: 1.3;}

	.nc1_add i {display: none;}

	.nc_input input, .nc_input2 input {height: 40px;line-height: 38px;}

	.nc_textarea textarea {height: 100px;}

	.nc_btn button {font-size: 16px;}

	.nc_map iframe {height: 360px;}

}