*{
    margin: 0;
    padding: 0;
	}
fieldset, img {
    border: 0;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}
a,a:hover{ 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%;
}
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	overflow:visible;
}
:after, :before {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
body{
	position:relative;
	font-family:"微软雅黑",sans-serif;
	font-display:auto;
	font-size:1.6rem;
	background-color:#fff;
	color:#32302d;
	line-height:1.6em;
	}
html{
	font-size:10px;
	}

/*公共代码*/
:root{
	--web-theme-color:#FBC800;
	--web-theme-color-black:#32302d;
	--web-theme-color-gray:#dee1e1;
	--web-theme-color-blue:#2A5AA6
}
section{
	padding:6rem 0;
	}
.wrap-flex{
	 display: -webkit-flex; 
  	display: flex;
}
.wrap-flex-1{
	 display: -webkit-flex; 
  	display: flex;
}
.flex-con{
	flex:1;
}
.grid{
	display: -webkit-grid; 
  display: grid;
}
.grid-1{
	display: -webkit-grid; 
  display: grid;
}	

/*svg*/
svg:not(:root) {
overflow:hidden
}

/*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
}

/*page*/
.pagination {
	display:inline-block;
	padding-left:0;
	margin:20px 0;
	border-radius:4px
}
.pagination>li {
	display:inline
}
.pagination>li>a, .pagination>li>span {
	position:relative;
	float:left;
	padding:6px 12px;
	margin-left:-1px;
	line-height:1.42857143;
	color:#337ab7;
	text-decoration:none;
	background-color:#fff;
	border:1px solid #ddd
}

/*font*/

h1{
	font-size:4rem;
	letter-spacing:2px;
	color:#fff;
	font-weight:bold;
	}	
h2{
	font-size:3rem;
	letter-spacing:2px;
	font-weight:bold;
	text-align:center;
	color:var(--web-theme-color-black); 
	}	
h3{
	font-size:2.4rem;
	font-weight:bold;
	}
h4{
	font-size:1.8rem;
	letter-spacing:2px;
	color:var(--web-theme-color-blue);
}															
p{color:var(--web-theme-color-black);}
.more{ display:inline-block;padding:12px 4rem; margin-top:6rem; border-radius:10px; border:var(--web-theme-color) solid 3px; color:#fff; text-align:center; text-decoration:none;}
.commore{ display:inline-block; padding:12px 4rem; margin-top:6rem; border-radius:10px;  background-color:var(--web-theme-color-blue); color:#fff; text-align:center; text-decoration:none;}
.commore i{ position:relative; left:0; transition: all .3s ease-in-out;}
.commore:hover{color:#333; border:none; border:var(--web-theme-color); border:var(--web-theme-color) solid 3px;background-color:transparent;}
.commore:hover i{ left:15px;}
.more i{ padding-left:2rem;}
.more:hover{ background-color:var(--web-theme-color-blue); color:#fff; border:none;}
.sy-container{
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto;
	width:100%;
	max-width:1800px;
}
.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;}
#count-number{ padding-top:1.5rem;}
.com-line{width:35%; height:2px; margin-top:4rem; margin-bottom:1.6rem;background-color:var(--web-theme-color);}
.combg{ background-color:#F2F5F7;}

/*------------------------------------------------------------------index-page---------------------------------------------------*/
/*-------
common
-------*/
.index-bar-img{ display:none;}
.indexbarimg{ position:relative; z-index:5; background-color:#fff;}
.indexbarimg-2{ position:relative; z-index:5; background-color:#fff;}
.indexbar-img-0{ position:absolute;  left:0; top:0; width:100%;  mix-blend-mode:screen; z-index:6; overflow:hinde;}
.indexbar-img-1{ position:absolute;  left:0; top:0; width:100%; height:100%; mix-blend-mode:lighten; z-index:6; overflow:hinde;}	
.indexbar-img-2-1{ position:absolute;  left:0; top:0; width:100%; height:100%; mix-blend-mode:lighten; z-index:6; overflow:hinde;}	
.indexvideosmall-bar{ display:none;}
.indexcompanybg{ position:absolute;  left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0);}
.index-smallaboutimg{ display:none;}
#play-button-circle,#play-button-triangle{
    fill: none;
    stroke:#fff;
    stroke-width: 10;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}
#play-button-circle{
    -webkit-transform-origin: center center;
    transform-origin: center center;
    /* stroke-dashoffset: 340; */
    stroke-dasharray: 340;
}
#play-button-triangle{
    /* stroke-dashoffset: 180; */
    stroke-dasharray: 180;
}
@keyframes stroke {
    0% {
        stroke-dashoffset: 340;
        /* stroke-dasharray: 340; */
    }
    100% {
        stroke-dashoffset: 0;
        /* stroke-dasharray: 0; */
    }
}

@keyframes stroke2 {
    0% {
        stroke-dashoffset: 180;
        /* stroke-dasharray: 180; */
    }
    100% {
        stroke-dashoffset: 0;
        /* stroke-dasharray: 0; */
    }
}
 .play-btn{
        transform:translate(-50%,calc(-50% + 20px));
        opacity: 1;
        filter: alha(opacity=1);
    }
.play-btn:hover #play-button-circle{
        /* stroke-dashoffset: 340;
        stroke-dasharray: 340; */
        animation: stroke 1s ease-in-out;
    }
 .play-btn:hover #play-button-triangle{
        /* stroke-dashoffset: 340;
        stroke-dasharray: 340; */
        animation: stroke2 1s ease-in-out;
    }
   
 .btns{
        transform:translateY(30px);
        opacity: 0;
        filter: alha(opacity=0);
        
    }		
.index-line{ width:3rem; height:3px; background-color:var(--web-theme-color-blue);}
.com-title{display: -webkit-flex; display: flex; align-items: center;}
.com-title h4{ margin-left:2rem;}
/*indexpage-cont*/
#common-contact{ position:relative; z-index:15; overflow:hidden; padding:0; margin-top:-12rem; }
#common-contact .common-contactcont{
  position:absolute; 
  left:0; 
  top:0; 
  width:100%; 
  height:100%;
  display: -webkit-flex; 
  display: flex;
	justify-content:center;
  align-items: center;
 }
.index-contimg img{width:100%;}
#common-contact .index-contimg-1{ display:none;}
#common-contact  .grid{grid-template-columns:4fr 1fr;  align-items: center;}
#common-contact  h1 a{color:var(--web-theme-color);}
#common-contact  h1 a:hover{color:rgba(255,255,255,.6); white-space:nowrap;}
#common-contact  h2{text-align:left; color:#fff;}
#common-contact  p{ padding-top:2rem;text-align:left; color:rgba(255,255,255,.6);}

.index-comimg img{width:100%;}
.index-com-cont{ 
  position:absolute; 
  left:0; 
  top:0; 
  width:100%; 
  height:100%;
  display: -webkit-flex; 
  display: flex;
justify-content:  center;
  align-items: center;
 }



/*------------------------------------------------------------------ny-page---------------------------------------------------*/
/*-------
nybanner
-------*/
#nycombanner{
	position:relative;
	height:45vh;
	background-size:100% auto;
    background-position:center center;
	background-repeat:no-repeat;
	overflow:hidden; 
	border-radius:20px;
}
#nycombanner .sy-container{
	position:absolute;
	left:0;
	top:45%;
	right:0;
	bottom:0;
	width:100%;
	z-index:5;
}
#nycombanner img{width:100%;}
#nycombanner h1{padding-top:2rem; text-align:center; text-transform:capitalize; font-size:4.5rem;color:#fff;}
#nyabbanner{
	position:relative;
	height:45vh;
	background-size:100% auto;
    background-position:center center;
	background-repeat:no-repeat;
	overflow:hidden; 
	border-radius:20px;
}
#nyabbanner img{width:100%;}
#nyprobanner{
	position:relative;
	background-size:100% auto;
    background-position:center center;
	background-repeat:no-repeat;
	overflow:hidden; 
	border-radius:20px;
}
#nyprobanner .sy-container{
	position:absolute;
	left:0;
	top:45%;
	right:0;
	bottom:0;
	width:100%;
	z-index:5;
}
#nyprobanner img{width:100%; border-radius:20px;}
#nyprobanner h1{text-align:left; text-transform:capitalize; font-size:4rem; color:#fff;}
.nynewsimg{ background:url(../images/nybanner/news-bar.webp);}

/*------------------------------------------------------nypage content--------------------------------------------------------*/

#index-banner .index-contimg-1{ display:none;}
.nypage-contimg .index-contimg-1{ display:none;}
.abouthonorbg .index-contimg-1{ display:none;}
.nypage-contimg img{width:100%;}
.nycomcont{
	position:absolute; 
  left:0; 
  top:0; 
  width:100%; 
  height:100%;
  display: -webkit-flex; 
  display: flex;
  justify-content:  center;
  align-items: center;
  padding-top:0;
  padding-bottom:24rem;
}
.pagination .com-records{ display:inline-block; padding-top:0.5rem;}
/*com-top*/
#com-link{ padding:4rem 0; border-bottom:#C2C7CA solid 1px;}
#com-link .grid{grid-template-columns:repeat(3,auto);}
#com-link .wrap-flex{align-items: center;}
.newsitem-imgblue{ display:none;}
#com-link a:hover .newsitem-imgblue { display:block;}
#com-link  a:hover .newsitem-img{ display:none;}
#com-link  h3{ padding-top:1.2rem; padding-left:2rem;color:#84898B;}
#com-link a:hover h3{color:var(--web-theme-color-blue);}

/*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
}


/*nyproduct*/
.product-titlebg{ background-color:#F2F5F7;}
.pagination .pro-records{ display:inline-block; padding-top:0.8rem;}

/*nydownload*/
.collapse {
	display:none
}
.collapse.in {
	display:block
}
tr.collapse.in {
	display:table-row
}
tbody.collapse.in {
	display:table-row-group
}
.collapsing {
	position:relative;
	height:0;
	overflow:hidden;
	-webkit-transition-timing-function:ease;
	-o-transition-timing-function:ease;
	transition-timing-function:ease;
-webkit-transition-duration:.35s;
-o-transition-duration:.35s;
transition-duration:.35s;
	-webkit-transition-property:height, visibility;
	-o-transition-property:height, visibility;
	transition-property:height, visibility
}


@media screen and (min-width: 768px) and (max-width: 1400px) {	
html{
	font-size:8px;
	}
	
}
@media screen and (max-width: 1023px) {
h1{font-size:4rem;}	
h2{ font-size:3.6rem;}
h3{font-size:1.4em;}
h4{font-size:1.2em;}
.more{border-radius:8px;}
.commore{border-radius:8px;}
#indexcompanyvideo .indexbar-img-1{ position:absolute;  left:0; top:15%; width:100%; height:100%; mix-blend-mode:lighten; z-index:6; overflow:hinde;}
.indexbarimg{ display:none;}
.indexbar-img-1{ display:none;}
.indexbar-img-2{ display:block;}
.indexbarimg-2{ display:none;}
.indexbar-img-2-1{ direction:none;}	
.indexvideosmall-bar{ display:block;}
.index-bar-img{ display:block;}	
.index-smallaboutimg{ display:block;  background-color:var(--web-theme-color); opacity:1;}
#common-contact{ position:relative; z-index:15; overflow:hidden; padding:0; margin-top:0rem; }
#common-contact .index-contimg .index-contimg-0{ display:none;}
#common-contact .index-contimg .index-contimg-1{ display:block;}
#common-contact  .grid{grid-template-columns: 1fr; grid-row-gap:4rem;}
#common-contact  h4{  color:#fff;}
#common-contact  h2{ padding-top:1.6rem;font-size:3rem;text-align:left; color:#fff;}
#common-contact .common-contactcont{padding:2rem 0;}
/*nybanner*/
#nycombanner{
	position:relative;
	height:55vw;
	padding-top:4rem;
	border-radius:0;
	overflow:hidden; 
}
#nyabbanner{
	position:relative;
	height:55vw;
	padding-top:6rem;
	border-radius:0;
	overflow:hidden; 
}
#nyprobanner{	
	position:relative;
	height:60vw;
	border-radius:0;
	padding-top:6rem;
	overflow:hidden; 
}
#nyprobanner .sy-container{
	position:absolute;
	left:2%;
}
#nyprobanner  h1 {  padding-top:2rem;}
#nyprobanner .nyproimg img{ display:none;}
.nypage-contimg .index-contimg-0{ display:none;}
.nypage-contimg .index-contimg-1{ display:block;}
.abouthonorbg .index-contimg-0{ display:none;}
.abouthonorbg .index-contimg-1{ display:block;}	
#com-link  a img{ width:20%;}

}

@media screen and (max-width: 767px) {
	html{
	font-size:6px;
	}
	body{
		font-size:12px;
	}
.navbar-form .form-group {
margin-bottom:5px
}
.navbar-form .form-group:last-child {
margin-bottom:0
}	
}