@charset "utf-8";

@font-face {
    font-family: 'OpenSansLight';
    src: url('../fonts/OpenSansLight.eot');
    src: url('../fonts/OpenSansLight.eot') format('embedded-opentype'),
         url('../fonts/OpenSansLight.woff') format('woff'),
         url('../fonts/OpenSansLight.ttf') format('truetype'),
         url('../fonts/OpenSansLight.svg#OpenSansLight') format('svg');
}

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;font-family:'OpenSansLight', Arial, Helvetica, sans-serif;font-weight:300;word-break:keep-all;}
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 {height:12rem;z-index:999;transition:all 0.3s;display: -ms-flexbox;display: flex;}
.header .navbar {padding:0;height: 100%;}
.header .navbar-brand {margin:0;padding:0;display: block;width: 48rem;height: 8rem;background:url(../images/logo.png) no-repeat;text-indent: -9999px;background-size: contain;transition:all 0.5s;}
.header .navbar-nav > li {margin-left:1.3rem;text-transform: uppercase;}
.header .navbar-nav > li > a {display:block;font-size: 1.8rem;height:12rem;line-height:12rem;padding:0 0.3rem;color: #494949;position: relative;font-weight:600;}
.header .navbar-nav > li > a::before {content:'';position: absolute;left: 0;bottom: 0;width:0;height: 0.3rem;background-color: #2ea3f2;transition:all 0.3s;}
.header .navbar-nav > li > a:hover,.header .navbar-nav > li.current-menu-item > a,.header .navbar-nav > li.current-menu-parent > a,.header .navbar-nav > li.show > a {color: #2ea3f2;}
.header .navbar-nav > li > a:hover::before,.header .navbar-nav > li.show > a::before {width: 100%;}
.header .sub-menu {font-size: 1.6rem;margin:0;min-width: 10rem;}
.header .sub-menu li a {display: block;color: #555;padding:1.2rem 1.5rem;white-space: nowrap;}
.header .sub-menu li a:hover {background-color: #e9ecef;}


.header.h_bg {position: fixed;top: 0;left: 0;width:100%;height:8rem !important;background-color: #fff;border-bottom:0.1rem solid #ccc;box-shadow:0 0 0.3rem rgba(0,0,0,0.2);}
.header.h_bg .navbar-brand {width: 48rem;height: 6rem;background:url(../images/logo2.png) no-repeat;}
.header.h_bg .navbar-nav > li > a {height: 8rem;;line-height: 8rem;}
.certified {margin-left: 1rem;}


/*index*/
.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:#fff;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:#333;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;background-color: rgba(0,0,0,0.1);}
.ban_txt1 p {font-size:4rem;line-height: 1.2;font-weight: bold;text-align: center;text-shadow: 0 0.1rem 0.3rem rgba(0,0,0,0.3);padding:0 10rem;}


.padd {padding:6rem 0 3rem;}
.grey {background-color: #eae9e9;}
.i_title {text-align: center;font-size:3.2rem;font-weight: 700;line-height: 1.1;margin-bottom:4rem;position: relative;padding-bottom: 2rem;}
.i_title::after {content:'';position: absolute;left: 50%;bottom: 0;width: 12rem;height: 0.2rem;background-color: #ce290f;margin-left: -6rem;}

.about_con {padding:0 15rem;line-height: 1.6;text-align: center;font-size: 2rem;}

.what_con ul {display: -ms-flexbox;display: flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack: justify;justify-content: space-between;}
.what_con li {width: 33.33%;transition:all 0.3s;text-align: center;padding:0 1rem 2rem;}
.what_con li:nth-child(4),.what_con li:last-child {width: 50%;}
.what_box {padding:2rem 3rem 3rem 3rem; transition:all 0.3s;}
.what_box span {width: 6.4rem;height: 6.4rem;border-radius: 50%;background-color: #a4b4cc;display: table;margin: 0 auto;}
.what_box span i {color: #243670;font-size: 2.4rem;display: table-cell;vertical-align: middle;}
.what_box h6 {font-size: 3rem;line-height: 1.2;margin-bottom: 1rem;font-weight: 500;margin-top: 1rem;text-align: left;}
.what_box p {line-height: 1.6;font-size: 2rem;font-weight: 300;text-align: left;}
.what_box:hover {background-color: #243670;color:#fff;}

.fast_nav {background-color: #eae9e9;padding:4rem 0 2rem;}
.fast_box {display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: space-between;}
.fast_box h6 {color: #6d7888;font-size: 1.8rem;font-weight: 700;margin-bottom: 2.5rem;text-transform: uppercase;}
.fast_links li {margin-bottom:2rem;text-transform: uppercase;}
.fast_brand {width: 70%;}
.fast_brand p {line-height: 1.5;}


/*footer*/
.footer {background-color: #ccc;text-align: center;padding:2rem 0;}
.footer a {color: #333;}
.footer a:hover {color:#000;}
.f_share {margin-top: 2rem;}
.f_share a {display: inline-block;background-color: #999;color:#333;width: 2.2rem;height: 2.2rem;line-height: 2.2rem;border-radius:50%;text-align: center;font-size: 1.4rem;margin:0 0.5rem;transition:all 0.2s;}
.f_share a:hover {transform:scale(1.3);color:#333;}
.f_certified {margin-top: 2rem;padding:0 1rem;}
.backToTop {display:none;width:5rem;height:5rem;line-height:1;text-align:center;position:fixed;right:1%;bottom:0;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;}
.fixed_nav li {float: left;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.8rem;line-height: 1.2;text-transform: uppercase;}
.fixed_nav li a i {display: block;font-size:2.5rem;}

/*ncommon*/
.breadnav {padding:2rem 0;background-color: #eee;color: #999;font-size: 1.5rem;overflow: hidden;}
.breadnav i {color:#999;margin-right:0.8rem;font-size: 1.8rem;}
.breadnav a {color: #999;}
.breadnav a:hover {color: #000;}
.npadd {padding:8rem 0;}
.npadd2 {padding:6rem 0;}


/*about*/
.na1_swiper {position: relative;}
.na1_swiper .swiper-button-prev {left: -4rem;}
.na1_swiper .swiper-button-next {right: -4rem;}
.na1_swiper .swiper-pagination {display: none;position: static;text-align: center;margin-top: 1.5rem;}
.na1_swiper .swiper-pagination-bullet {margin: 0 0.3rem;}

.na1_con ul {margin-top: 3rem;}
.na1_con ul li {width: 31%;}
.na1_con ul li h6 {border-bottom: 0.2rem solid #d70808;font-size: 2rem;text-transform: uppercase;font-weight: 700;padding-bottom: 1rem;margin-bottom: 2rem;}
.na1_con ul li h6 span {color:#d70808;}
.na1_con ul li p {color: #484848;line-height: 1.4;font-size: 2rem;}

.na2_tit {margin-bottom: 3rem;}
.na2_tit h3 {font-size: 2rem;font-weight: bold;}
.na2_tit p {margin-top: 1.5rem;color: #484848;line-height: 1.2;font-size: 2rem;}
.na2_con {position: relative;}
.na2_con .swiper-button-prev {left: -4rem;}
.na2_con .swiper-button-next {right: -4rem;}
.na2_con .swiper-pagination {display: none;position: static;text-align: center;margin-top: 1.5rem;}
.na2_con .swiper-pagination-bullet {margin: 0 0.3rem;}


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

#pages {margin-top:4rem;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:#243670;color:#243670;}
#pages a.page-current {border-color:#243670;color:#fff;background-color: #243670;}

.nps_title {font-size:4rem;font-weight: bold;color:#000;text-align: center;text-transform: uppercase;}
.nps_pics {margin-top: 5rem;}
.nps_pics ul {display:-ms-flexbox;display: flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.nps_pics li {width: 25%;padding:0 1.5rem 3rem;}
.nps_pics li a {display: block;box-shadow:0 0 0.3rem rgba(0,0,0,0.5);position: relative;overflow: hidden;padding-bottom:66%;}
.nps_pics li a img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.nps_pics li a:hover {box-shadow:0 0 0.5rem rgba(0,0,0,0.8);}
.nps_con {margin-top:5rem;font-size: 2rem;line-height: 1.3;color: #666;}
.nps_con div,.nps_con p {margin-bottom: 1.5rem;}
.nps_con img {max-width:100%;height:auto !important;}
.nps_con iframe {display: block;width: 80rem;height: 60rem;margin:1rem auto;}


/* service */
.ns_tit {margin-bottom: 3rem;}
.ns_tit h3 {font-size: 3rem;font-weight: bold;}
.ns_tit p {margin-top: 1.5rem;color: #484848;line-height: 1.2;font-size: 2rem;}
.ns_con {position: relative;}
.ns_con .swiper-slide {text-align: center;}
.ns_con .swiper-button-prev {left: -4rem;}
.ns_con .swiper-button-next {right: -4rem;}
.ns_con .swiper-pagination {display: none;position: static;text-align: center;margin-top: 1.5rem;}
.ns_con .swiper-pagination-bullet {margin: 0 0.3rem;}


/* contact */
.nc_tit {margin-bottom: 4rem;}
.nc_tit h3 {font-size: 3rem;font-weight: bold;}
.nc_tit p {margin-top: 1.5rem;color: #484848;line-height: 1.2;font-size: 2rem;}
.nc_item {width: 48%;border:1px solid #ddd;}
.nc_item_tit {background-color: #eee;padding:0 1.5rem;font-size: 2rem;font-weight: bold;height: 5rem;line-height: 5rem;}
.nc_item_con {padding:1.5rem;background-color: #fff;position: relative;}
.nc_item_con h6 {font-weight: bold;font-size: 2rem;margin:2rem 0 1rem;}
.nc_item_con p {line-height: 1.2;margin-bottom: 1rem;font-size: 1.8rem;}
.nc_icon {padding-left: 4rem;position: relative;margin-top: 2rem;}
.nc_icon::before {font-family: FontAwesome;display: block;position: absolute;font-size:2.5rem;}
.nc1-1::before {content:"\f095";left:1.5rem;top: 0;}
.nc1-2::before {content:"\f003";left:1rem;top: -0.3rem;}
.nc2-1::before {content:"\f095";left:1.5rem;top: 0;}
.nc2-2::before {content:"\f1ac";left:1rem;top: -0.3rem;}
.nc2-3::before {content:"\f10b";left:1.5rem;top:-1.3rem;font-size: 4rem;}
.nc2-4::before {content:"\f003";left:1rem;top:0;}
.nc2-4 {line-height: 1.6 !important;}
.nc_link {position: absolute;top: 8rem;right: 0;width: 28rem;}



@media (min-width: 1400px) {
	.container {max-width:1320px;}
}
@media (max-width: 1399px) {
	.container {max-width:1140px;}
	.header .navbar-nav > li {margin-left: 1rem;}
	.certified {width: 23rem;}
	.banner .swiper-button-prev, .banner .swiper-button-next {width: 4rem;}
	.banner .swiper-pagination {bottom: 1.5rem;}
	.ban_txt1 p {font-size: 3.5rem;}
	.about_con {padding: 0;}
	.what_con li {padding: 0 0.5rem 1rem;}
	.what_box {padding:2rem;}
	.np_list li {padding:0 1rem 1rem;}
	.nps_pics li {padding:0 1rem 2rem;}
	.nc_link {width: 25rem;top:8rem;}


}
@media (max-width: 1199px) {
	.container {max-width:960px;}
	.header .navbar-nav > li {margin-left:0.8rem;}
	.certified {display: none;}
	.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 p {padding: 0;}
	.about_con {font-size: 1.8rem;}
	.what_box {padding: 1rem;}
	.what_box h6 {font-size: 2.5rem;line-height: 1.1;}
	.what_box p {text-align: left;line-height: 1.3;font-size: 1.8rem;}
	.na1_con ul li p {line-height: 1.5;font-size: 1.8rem;}
	.na2_tit p,.ns_tit p,.ns_tit p,.nc_tit p {font-size: 1.8rem;}
	.na2_con,.ns_con {padding:0 1rem;}
	.na2_con .swiper-button-prev,.ns_con .swiper-button-prev {left: -2.5rem;}
	.na2_con .swiper-button-next,.ns_con .swiper-button-next {right: -2.5rem;}
	.np_list li {padding:0 0.5rem 1rem;}
	.nps_title {font-size: 3rem;}
	.nps_pics li {width: 33.33%;}
	.nps_con {font-size: 1.8rem;}
	.nc_link {position: static;width: 30rem;}
}
@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: 24rem;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;}
	#navbarContent .navbar-nav {width: 69rem;margin:0 auto;}
	.header .navbar-nav > li {margin-left: 0;border-bottom:0.1rem solid #ddd;}
	.header .navbar-nav > li > a {border-radius:0;position: relative;font-size: 1.7rem;color:#333;height: 5rem;line-height: 5rem;}
	.header .navbar-nav > li > a::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 > li.active .nav-link {color: #243670;}
	.banner {margin-top: 6rem;}
	.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 p {font-size: 3rem;}
	.i_title {font-size: 3rem;margin-bottom:3rem;}
	.about_con {line-height: 1.5;}
	.what_box h6 {font-size: 2rem;font-weight: bold;}
	.fast_brand {width:60%;}
	.breadnav {margin-top: 6rem;}
	.na1_con ul {display: block !important;margin-top: 0;}
	.na1_con ul li {width: auto;margin-top: 3rem;}
	.ns_tit h3 {font-size: 2.5rem;}
	.npadd {padding: 6rem 0;}
	.np_list li {width: 50%;padding:0 1rem 1rem;}
	.nps_title {font-size: 2.5rem;}
	.nps_pics li {padding:0 0.7rem 1.4rem;}
	.nc_con {display: block !important;}
	.nc_item {width: auto;margin-bottom: 2rem;}

}
@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 {font-size: 2.5rem;}
	.about_con {text-align: left;}
	.what_con li {width: 50%;}
	.what_con li:last-child {width: 100%;}
	.fast_nav {display: none;}
	.footer {padding: 2rem 0 8rem;}
	.fixed_nav {display: block;}
	.npadd2 {padding:5rem 0;}
	.na2_con {padding: 0;}
	.na1_swiper .swiper-button-prev,.na1_swiper .swiper-button-next,.na2_con .swiper-button-prev,.na2_con .swiper-button-next {display: none;}
	.na1_swiper .swiper-pagination,.na2_con .swiper-pagination {display: block;}
	.np_list li {padding:0 0.5rem 1rem;}
	.np_list li h6 {height: 4rem;line-height: 4rem;font-size: 1.6rem;}
	.nps_pics li {width: 50%;padding:0 1rem 2rem;}
	#pages a {height: 3.2rem;line-height:3rem;padding:0 1rem;font-size: 1.6rem;margin: 0 0.1rem 0.2rem;}


}
@media (max-width: 575px) {
	.container {max-width:100%;}
	.header .navbar-nav > li > a {font-size: 1.6rem;padding:0 3rem 0 1.5rem;height: 4.5rem;line-height:4.5rem;}
	.header .dropdown-menu {font-size: 1.4rem;}
	#navbarContent .navbar-nav {width:auto;}
	.banner .swiper-pagination {bottom: 0.6rem;}
	.banner .swiper-pagination-bullet {width: 0.8rem;height: 0.8rem;margin: 0 0.3rem !important;}
	.padd {padding:4rem 0 2rem;}
	.ban_txt1 p {font-size: 1.5rem;}
	.i_title {font-size: 2.5rem;margin-bottom: 2rem;padding-bottom: 1.5rem;}
	.i_title::after {width: 8rem;margin-left: -4rem;}
	.what_con ul {display: block;}
	.what_con li {width: auto;padding: 0;margin-bottom: 2rem;}
	.what_con li:nth-child(4) {width: auto;}
	.f_share {margin-top: 1.5rem;}
	.f_copyright {font-size: 1.4rem;}
	.npadd2 {padding:4rem 0;}
	.breadnav {font-size: 1.4rem;}
	.na1_con ul li h6 {font-size: 1.8rem;margin-bottom: 1rem;}
	.na1_con ul li p {line-height: 1.4;font-size: 1.6rem;}
	.ns_tit h3 {font-size: 2.2rem;}
	.na2_tit p,.ns_tit p,.nc_tit p {font-size: 1.6rem;}
	.na2_con .swiper-pagination,.ns_con .swiper-pagination {margin-top: 1rem;}
	.npadd {padding:4rem 0;}
	.np_list ul {display: block;}
	.np_list li {padding:0;width: auto;margin-bottom: 1rem;}
	.np_list li h6 {height: 4rem;line-height: 4rem;font-size: 1.6rem;}
	#pages a {height: 3.2rem;line-height:3rem;padding:0 1rem;font-size: 1.6rem;margin: 0 0.1rem 0.2rem;}
	.nps_title {font-size: 2.2rem;}
	.nps_pics {margin-top: 3rem;}
	.nps_pics li {padding:0 0.6rem 1.2rem;}
	.nps_con {margin-top: 3rem;}
	.ns_con .swiper-button-prev,.ns_con .swiper-button-next {display: none;}
	.ns_con .swiper-pagination {display: block;}
	.nc_item_tit {font-size: 1.6rem;}
	.nc_item_con p {font-size: 1.6rem;}
	.nc_item_con h6 {font-size: 1.8rem;}
	.nc1-1::before {content:"\f095";top: -0.3rem;}
	.nc1-2::before {content:"\f003";top: -0.5rem;}
	.nc2-1::before {content:"\f095";top: -0.3rem;}
	.nc2-2::before {content:"\f1ac";top: -0.5rem;}
	.nc2-3::before {content:"\f10b";top:-1.5rem;}
	.nps_con {font-size: 1.6rem;}
}