@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap";
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
	}
fieldset, img {
    border: 0;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}
a{ text-decoration:none;}
address, caption, cite, code, dfn,
em, strong, th, var, optgroup {
    font-style: normal;
    font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
abbr, acronym {
    border: 0;
    font-variant: normal;
}
button {
	overflow:visible
}
button, select {
	text-transform:none
}
button, html input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance:button;
	cursor:pointer
}
button[disabled], html input[disabled] {
	cursor:default
}
button::-moz-focus-inner, input::-moz-focus-inner {
padding:0;
border:0
}
input, button, textarea,
select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}
input {
	line-height:normal
}
input[type=checkbox], input[type=radio] {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:0
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
height:auto
}
input[type=search] {
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	-webkit-appearance:textfield
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}

code, kbd, samp, tt {
    font-size: 100%;
}
ol, ul { list-style: none; }
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {
    font-size: 100%;
}

:after, :before {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
body{
	position:relative;
	font-family:"Roboto", sans-serif;
	font-display:"swap";
	font-size:1.6rem;
	background-color:#fff;
	color:#32302d;
	line-height:1.5em;
	}
html{
	font-size:10px;
	}

/*公共代码*/
:root{
	--web-theme-color:#003f98;
	--web-theme-color-black:#32302d;
	--web-theme-color-gray:#dee1e1;
	--web-theme-color-red:#e84127;
}
section{
	position:relative;
	z-index:5;
	padding:8rem 0;
	}
.wrap-flex{
	 display: -webkit-flex; 
  	display: flex;
}
.wrap-flex-1{
	 display: -webkit-flex; 
  	display: flex;
}
.grid{
	display: -webkit-grid; 
  display: grid;
}
.grid-1{
	display: -webkit-grid; 
  display: grid;
}	

/*form-group*/
/*page-cneter*/
.text-center {
	text-align:center
}

/*clearflot*/
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
	display:table;
	content:" "
}
.btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
	clear:both
}
.form-control::-moz-placeholder {
color:#fff;
opacity:1
}
.form-control:-ms-input-placeholder {
color:#fff;
}
.form-control::-webkit-input-placeholder {
color:#fff;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
	background-color:#fff;
	opacity:1
}
/*input-group-btn */
.input-group-btn {
	position:relative;
	font-size:1em;
	white-space:nowrap
}
.input-group-btn>.btn:active, .input-group-btn>.btn:focus, .input-group-btn>.btn:hover {
	z-index:2
}
.input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group {
	margin-right:1px
}
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
	z-index:2;
	margin-left:-12px
}



/*nycer*/
img {
	vertical-align:middle
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
	display:block;
	max-width:100%;
	height:auto
}
.thumbnail {
	display:block;
	padding:4px;
	margin-bottom:20px;
	line-height:1.42857143;
	background-color:#fff;
	border:1px solid #ddd;
	border-radius:4px;
-webkit-transition:border .2s ease-in-out;
-o-transition:border .2s ease-in-out;
transition:border .2s ease-in-out
}
.thumbnail a>img, .thumbnail>img {
	margin-right:auto;
	margin-left:auto;
}
a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
	border-color:#337ab7
}
.thumbnail .caption {
	padding:9px;
	color:#333
}


/*font*/

h1{
	font-size:6rem;
	color:#fff;
	font-weight:700;
	}	
h2{
	text-transform:capitalize;
	font-size:4.8rem;
	font-weight:700;
	text-align:center;
	line-height:1.2em;
	color:var(--web-theme-color-black); 
	}	
h3{
	font-size:3rem;
	font-weight:600;
	}
h4{
	font-size:1.8rem;
	color:var(--web-theme-color);
}															
p{color:var(--web-theme-color-black); line-height:1.8em;}

/*button*/
.more{ display:inline-block; padding:12px 3rem; border-radius:20px;  background-color:var(--web-theme-color-red); color:#fff; text-align:center; text-decoration:none;}
.more:hover{ background-color:#003f98; color:#fff;}
/*-------
common
-------*/
.sy-container{
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto;
	width:100%;
	max-width:1600px;
}
.sy-img-responsive, .sy-thumbnail a>img, .sy-thumbnail>img {
	display:block;
	max-width:100%;
	height:auto
}
.sy-center-block {
	display:block;
	margin-right:auto;
	margin-left:auto
}
.sy-rounded{ border-radius:20px;}
.combg{ background-color:#F4F4F4;}
.com-line{ width:60px; height:3px; background-color:#e8360d; margin:3rem 0;}
/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */
/*------------------------------------------------------------------index-page---------------------------------------------------*/
/*video*/
.indexabout-video a{
	display:block;
	width:100%;
	position:relative;
}
.indexabout-video img{
	width:100%;
}

#playbox{ 
position:absolute; 
left:0; 
top:0; 
	width:100%;
	 height:100%;
	display: -webkit-flex; 
 display: flex;
 justify-content:center;
align-items:center;
text-align:center;
color:var(--web-theme-color-red);
z-index:2;}
.indexabout-video a:hover #playbox{
background-color:rgba(0,0,0,0.5);	
color:var(--web-theme-color-red);
}
.indexabout-video a:hover .circle{
	display:none;
}
#playbox i{
	font-size:6rem;
}
.indexabout-video .circle{
    width: 7%;
    height: 10%;
    position: absolute;
	left:46.5%;
	top:45%;
    border-radius: 100%;
    opacity: 0;
    background: rgba(255,255,255,0.6) ;
	z-index:-1;
}
.indexabout-video .circle{
    animation: circle-opacity 1s infinite;
}

@keyframes circle-opacity{
    from {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(1.8);
    }
}

/*comseek*/
#comseek{ 	position:relative; z-index:5; background-color:#001736; padding:0 8rem 0 8rem;}
#comseek .grid{ grid-template-columns:repeat(2,auto);justify-content: space-between;  align-items: center; }
#comseek .wrap-flex-1{align-items: center; border:rgba(102, 100, 114, .6) solid 1px;}
#comseek .wrap-flex-1:last-child{ margin-left:2rem;}
#comseek .form-control{ 
background-color:transparent; 
-webkit-box-shadow:inset 0 1px 1px rgba(102, 100, 114, 0);
	box-shadow:inset 0 1px 1px rgba(102, 100, 114, 0);
-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
border:none;
color:#666472 !important;}
#comseek .form-control::-moz-placeholder {
color:rgba(255,255,255,.6);
}
#comseek .form-control:-ms-input-placeholder {
color:rgba(255,255,255,.6);
}
#comseek .form-control::-webkit-input-placeholder {
color:rgba(255,255,255,.6);
}
.fbtn-txt{padding:14px 2rem;}
#comseek .com-seek-cont .wrap-flex i{position:relative; left:0; padding:0 2rem; padding-top:15px; padding-bottom:18px; color:var(--web-theme-color-red);}
.com-seek-cont-send{ background-color:var(--web-theme-color); padding:4rem 6rem;}
.com-seek-cont-send  .btn-default{
	padding-top:1.6rem;
	border:var(--web-theme-color) solid 3px; 
	color:#fff; 
	background-color:transparent;
	text-transform:uppercase;
}
.seek-cont-icon{ width:50px; height:50px; margin-left:2rem; background-color:rgba(51, 101, 173,.8); border-radius:50%;}
#comseek .seek-cont-icon i{ position:relative; left:0; padding:0 2rem; padding-top:15px; padding-bottom:18px; border:none; font-size:3rem; color:#fff; margin-left:-1.2rem; margin-top:-0.4rem; }
.seek-cont-txt{ padding-top:2rem;}
.com-line{ width:30px; height:2px; background-color:var(--web-theme-color); margin:1.4rem 0;}
/*------------------------------------------------------------------ny-page---------------------------------------------------*/
/*-------
nybanner
-------*/
#nycombanner{
	position:relative;
	background-size:100% auto;
    background-position:center center;
	background-repeat:no-repeat;
	overflow:hidden;
}
#nyprobanner{
	position:relative;
	height:33vw;
	background-size:100% auto;
    background-position:center center;
	background-repeat:no-repeat;
	overflow:hidden;
}
.nyprosmallimg{ display:none;}
#nyprobanner .grid{grid-template-columns:45% 48%;  align-items: center;}
#nycombanner img,#nyprobanner img{width:100%;}
.nybanner-conent .sy-container{
	position:absolute;
	right:12%;
	top:47%;
}
.nypro-content .sy-container{
	position:absolute;
	left:2%;
	top:25%;
	right:0; 
	bottom:0;
}
.nycom-content .sy-container{
	position:absolute;
	left:0;
	top:50%;
	right:0;
	bottom:0;
}
.nycommblic-img{ display:none;}
.nyproblic-img{ display:none;}
.nypro-title{ display:none;}
.nybanner-conent h1{ text-align:right; text-transform:uppercase; color:#fff;}
.nypro-content  h1{ padding-bottom:4rem; text-transform:capitalize;  color:var(--web-theme-color); line-height:1.1em;}
.nypro-content  p{ width:min(80%,600px); padding-top:2rem; color:rgba(255,255,255,.8);}
.nycom-content h1{ text-align:center; color:#fff;}
/*------------------------------------------------------nypage content--------------------------------------------------------*/
/*productlist search*/
#productlist-search{ position:relative; z-index:10; background-size:100% auto;}
#productlist-search img{ width:100%;}
.productlist-searchboximg{ display:none;}
#productlist-search .sy-container{position:absolute;right:12%; top:30%;}
#productlist-search .grid{grid-template-columns:1.5fr 1fr; align-items: center; grid-column-gap:6rem;}
#productlist-search .form-control{ background-color:transparent; -webkit-box-shadow:inset 0 1px 1px rgba(102, 100, 114, 0);box-shadow:inset 0 1px 1px rgba(102, 100, 114, 0);-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;border:none;border-radius:10px 0 0 10px;  border-right:none !important; background-color:#f3f4f5;}
#productlist-search .form-control::-moz-placeholder {width:100%;color:#b3b4b5;}
#productlist-search .form-control:-ms-input-placeholder {width:100%;color:#b3b4b5;}
#productlist-search .form-control::-webkit-input-placeholder {width:100%;color:#b3b4b5;}
.productlist-search-content input{ width:max(100%,1000px);overflow:hidden;}
.productlist-search-content .fbtn-txt{padding:15px 4rem; text-align:left;}
.productlist-search-content .btn-default{padding:15px 4rem; border-radius:0 10px 10px 0; border:none; border-left:none !important; padding:1.2rem 2rem; font-size:2rem;color:#333; background-color:#f3f4f5;} 
/*product series*/
.products-group { position:relative;}
.search-conent-list .wrap-flex{ display:inline-block; display: -webkit-flex; display: flex; width:30rem; padding:15px 3rem; color:#fff; background-color:#5e6569; border-radius:10px; align-items: center; }
.search-conent-list  h3{ font-size:2.4rem; line-height:1.1em;}
.search-conent-list  span{ font-size:3rem; margin-left:2rem; }
.search-conent-list  .wrap-flex:hover{ cursor:pointer;}
.search-conent-list  .promenu{ position: absolute; left:0; top:100%; width:30rem;   background-color:#fff; display:none; box-shadow: 0 0 20px rgba(80,80,80,.6);}
.search-conent-list  .promenu li{border-bottom:#ccc dashed 1px;}
.search-conent-list  .promenu li a{ display:block; padding:1.4rem;  text-decoration:none; color:#333; }
.search-conent-list  .promenu li:hover{  cursor:pointer; background-color:var(--web-theme-color);}
.search-conent-list  .promenu li:hover a{ color:#fff;}
.product-overview{ display:none;}
/*product details*/
.productsitem{
	 overflow:hidden;
	  text-decoration:none;
	  border:#e6e6e6 solid 1px;
	  padding-top:2rem;
	  padding-bottom:4rem;
	 
}
.productsitem:hover{
	-webkit-box-shadow:0px 0px 20px #aaaaaa;  
    -moz-box-shadow:0px 0px 20px #aaaaaa;  
     box-shadow:0px 0px 20px #aaaaaa;
}
.productsitem .caption{
	color:#333;
	font-size:2.6rem;
	font-weight:600;
	text-align:center;
	position:relative;
	z-index:5;
	border-top:none;
	text-decoration:none;
}
.productsitem .caption span{ display:block;padding-top:1rem;font-size:1.6rem; color:#bfbfbf;}
.productsimg{ overflow:hidden;}
.productsimg img{ width:auto; transition: all .5s ease-in-out; }
.productsitem:hover img{
	transition:1s linear;
	-webkit-transform: scale3d(1.1, 1.1, 1);
              transform: scale3d(1.1, 1.1, 1);
}
.productsitem:hover .caption{
	color:var(--web-theme-color);
}
.productsitem:hover .caption span{
	color:var(--web-theme-color);
}

/*page*/
.pagination {
	display:inline-block;
	padding-left:0;
	margin:40px 0;
	border-radius:0
}
.pagination>li {
	display:inline;
}
.pagination>li>a, .pagination>li>span {
	position:relative;
	float:left;
	padding:6px 12px;
	margin-top:-0.7rem;
	margin-left:-1px;
	line-height:1.42857143;
	color:#337ab7;
	text-decoration:none;
	background-color:#fff;
	border:1px solid #ddd
}
@media screen and (max-width: 1800px) {#productlist-search .sy-container{position:absolute;right:0; top:30%;} #nyprobanner{height:38vw;} .productlist-search-content input{ width:max(100%,600px);overflow:hidden; }}
@media screen and (min-width: 768px) and (max-width: 1600px) {	html{font-size:8px;}#nyprobanner{height:auto;} .productlist-search-content input{ width:max(100%,600px);overflow:hidden;}}
@media screen and (max-width: 1023px) {
	section{padding:4rem 0;}
	h1{font-size:4rem;}	
	h2{ font-size:3.2rem; line-height:1.4em;}
	h3{font-size:2.2rem; line-height:1.2em;}
	h4{font-size:1.4em;} 
	p{font-size:1.1em;}
#comseek{ padding:2rem 0;}
#comseek .wrap-flex{flex-direction: column; }
#comseek .wrap-flex-1:last-child{ margin-left:0; margin-top:2rem;}
#comseek .wrap-flex-1:last-child i{ margin-left:-0.4rem;}
#comseek  h4{  color:#fff;}
#comseek  h2{ padding-top:1.2rem; font-size:3rem;}
#comseek .common-contactcont{padding:7rem 0;}
.fbtn-txt{padding:14.5px 2.4rem; }
.com-seek-cont-send{ background-color:var(--web-theme-color); padding:2rem 3rem;}
.seek-cont-icon{ width:30px; height:30px;}
#comseek .seek-cont-icon i{ border:none; font-size:1.4em; color:#fff; margin-left:-1.2rem; margin-top:-1rem; }
/*product search*/
#productlist-search{ padding-bottom:0;}
#productlist-search .grid{grid-template-columns:1fr; grid-row-gap:2rem;}
#productlist-search .sy-container{position:absolute;right:0; top:20%;}
.nypro-synopsis:last-child{ width:100%;}
.productlist-searchimg{ display:none;}
.productlist-searchboximg{ display:block;}
.productlist-search-content input{ width:100%;}
/*nybanner*/
#nycombanner{height:30vw;}
.nybanner-conent .sy-container{
	position:absolute;
	right:12%;
	top:65%;
}
.nypro-content .sy-container{
	position:absolute;
	left:2%;
	top:40%;
}
.nycom-content .sy-container{
	position:absolute;
	left:0;
	top:50%;
	right:0;
	bottom:0;
}
/*product series*/
.product-overview{ display:block;}
.product-overview h1{ line-height:1.8em; color:var(--web-theme-color);}
#nyprobanner .grid{ display:none;}
.nyprobarimg{ display:none;}
.nyprosmallimg{ display:block;}
 nyproblic-img{ display:none;}
.nypro-title{ display:block; font-size:4rem; font-weight:600; color:#fff;}
.nyabtitle{ display:none;}
.productsitem .caption{
	font-size:2.2rem;
}
}
@media screen and (max-width: 767px) {
html{font-size:8px;}
body{font-size:12px;}
#productlist-search{ padding-bottom:0;}
#productlist-search .grid{grid-template-columns:1fr; grid-row-gap:2rem;}
#productlist-search .sy-container{position:absolute;right:0; top:12%;}
#productlist-search h3{ font-size:2rem;}
/*nybanner*/
#nycombanner{height:54vw;}
#nyprobanner{height:56vw;}
.nycombarimg{ display:none;}
.nycommblic-img{ display:block;}
.nypro-title{ display:block; font-size:4rem; font-weight:600; color:#fff;}
.nyabtitle{ display:none;}
/*product series*/
.product-overview{ display:block;}
#nyprobanner .grid{grid-template-columns:auto;}
}