@charset "utf-8";
html, body {
	margin: 0px;
	padding: 0px;
	background: #fff;
	-webkit-text-size-adjust: none;
}
body,div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,li,pre,form,fieldset,legend,button,input,textarea,th,td,ol{margin:0;padding:0}*,:after,:before{box-sizing:border-box;outline:none}body{font:12px OpenSans,"Arial";color:#000;line-height:1.5;overflow-x:hidden}ol,ul,li{list-style-type:none;vertical-align:middle}img{border:0;max-width:100%;height:auto}input,select,textarea,button{vertical-align:middle}textarea,input{outline:none;resize:none}input[type=submit],input[type=button],button{text-indent:0;text-align:center;cursor:pointer}label,button,a{cursor:pointer}ins,em,b,i{text-decoration:none;font-style:normal}select:focus,textarea:focus,input:focus,button{outline:none}input::-webkit-input-placeholder,input:-moz-placeholder,input::-moz-placeholder,input:-ms-input-placeholder,textarea::-webkit-input-placeholder,textarea:-moz-placeholder,textarea::-moz-placeholder,textarea:-ms-input-placeholder{color:#999}table{border-collapse:collapse;border-spacing:0;font:inherit}a{color:inherit;text-decoration:none}a[href]{cursor:pointer}a:hover{text-decoration:none;cursor:pointer}a:focus{background-color:transparent}h1,h2,h3,h4,h5,h6,em{font-weight:400}a,span,li,b,i,label,p,strong,div,h1,h2,h3,h4,h5,h6,font,small,em,li,pre,form,fieldset,legend,button,input,textarea,th,td{font:inherit;color:inherit}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}body{-webkit-tap-highlight-color:rgba(0,0,0,0)}a:focus,input:focus,p:focus,div:focus{-webkit-tap-highlight-color:rgba(0,0,0,0)}body,html{width:100%!important;padding:0!important;height:100%}*::-webkit-scrollbar{width:3px;border-radius:1.5px}*::-webkit-scrollbar-button{display:none}*::-webkit-scrollbar-track{background-color:#eee}*::-webkit-scrollbar-thumb{background-color:#b82c40}

@font-face{font-family:OpenSans;src:url('../fonts/OpenSans-Regular.ttf')}
@font-face{font-family:OpenSans-Light;src:url('../fonts/OpenSans-Light.ttf')}
@font-face{font-family:OpenSans-SemiBold;src:url('../fonts/OpenSans-SemiBold.ttf')}
@font-face{font-family:OpenSans;src:url('../fonts/OpenSans-Light.ttf');font-weight:300;font-display:swap}
@font-face{font-family:OpenSans;src:url('../fonts/OpenSans-Regular.ttf');font-weight:400;font-display:swap}
@font-face{font-family:OpenSans;src:url('../fonts/OpenSans-SemiBold.ttf');font-weight:600;font-display:swap}
@font-face{font-family:OpenSansLight;src:url('../fonts/OpenSans-Light.ttf');font-display:swap}
@font-face{font-family:OpenSansRegular;src:url('../fonts/OpenSans-Regular.ttf');font-display:swap}
@font-face{font-family:OpenSansSemiBold;src:url('../fonts/OpenSans-SemiBold.ttf');font-display:swap}
@font-face{font-family:OpenSansBold;src:url('../fonts/OpenSans-Bold.ttf');font-weight:600;font-display:swap}
#header.global-header {
	width: 100%;
    border-bottom: 1px solid #EAEAEA;
    background-color: #fff;
    height: 64px;
}
#header.global-header.active {
  position:fixed;
  z-index: 99999;
  background: #fff;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}
.container{
	width: 1600px;
    margin: 0 auto;
    padding: 0 30px;
    box-sizing: border-box;
}
#header.global-header .header-all {
    display: flex;
	flex-wrap: wrap;
}
#header.global-header .header-all .header-logo {
    display: flex;
	flex-wrap: wrap;
    width: 184px;
	height:64px;
    align-items: center;
    float: left;
    position: relative
}
#header.global-header .header-all .header-logo img {
	max-width:100%;
	display:inline-block;
	vertical-align:middle
}
#header.global-header .header-all .header-navbar {
    flex: 1;
    text-align: center;
}
#header.global-header .header-all .header-navbar .navbar-nav-list {
    display: inline-block;
}
#header.global-header .header-all .header-navbar li.nav-item { 
	float: left;
	position:relative;
    list-style: none;
    font-size: 16px;
    color: #333333;
	padding: 0px 30px;
	height: 64px;
    line-height: 64px;
	box-sizing: border-box;
}
#header.global-header .header-all .header-navbar li.nav-item .sub-menu {
    position: absolute;
    z-index: 1;
	opacity: 0;
    left: auto;
    top: 64px;
    transform: scaleY(0);
    transform-origin: 0 0 0;
    transition: all 0.4s ease 0s;
    visibility: hidden;
    width: auto;
	min-width:100%;
	background: #b82c40;
    text-align: left;
    z-index: 101;
    transition: .3s ease;
    box-shadow: 0 0 2px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 2px rgb(0 0 0 / 10%)
}
#header.global-header .header-all .header-navbar li.nav-item:hover .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: scaleY(1);
}
#header.global-header .header-all .header-navbar li.nav-item .sub-menu li {
  transition: 0.2s ease-in;
  -webkit-transition: 0.2s ease-in;
  -moz-transition: 0.2s ease-in;
  -ms-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  line-height: normal;
  width:100%;
  position:relative;
}
#header.global-header .header-all .header-navbar li.nav-item .sub-menu li a {
  font-size: 14px;
  color: #fff;
  display: block;
  padding: 10px 10px 10px 20px;
  white-space:nowrap;
  text-align:left
}
#header.global-header .header-all .header-navbar li.nav-item .sub-menu li:hover {
  background: #222;
}
#header.global-header .header-all .header-navbar li.nav-item .sub-menu-2{
	position: absolute;
    left: 100%;
    top: 0;
    transition: all 0.4s ease 0s;
	display:none;
    width: auto;
	min-width:100%;
	background: #fff;
    text-align: left;
    z-index: 101;
    transition: .3s ease;
    box-shadow: 0 0 2px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 2px rgb(0 0 0 / 10%)
}
#header.global-header .header-all .header-navbar li.nav-item .sub-menu li:hover .sub-menu-2 {
	display:block;
	transition: .3s ease;
}
#header.global-header .header-all .header-navbar li.nav-item .sub-menu-2 li {
  border-bottom: 2px solid #FFF;
  color: #FFF;
  background-color:#FFF
}
#header.global-header .header-all .header-navbar li.nav-item .sub-menu-2 li a {
  font-size: 14px;
  color: #333;
  display: block;
  padding: 10px 10px 10px 20px;
  white-space:nowrap;
  text-align:left
}
#header.global-header .header-all .header-navbar li.nav-item .sub-menu-2 li:hover {
  border-bottom: 2px solid #b82c40;
  color: #b82c40;
  background-color:#FFF
}
#header.global-header .header-all .header-navbar li.nav-item a.fis-title {
	display: inline-block;
    line-height: 64px;
    height: 64px; 
    color:#333;
    cursor: pointer;
    font-size: 20px;
}
#header.global-header .header-all .header-navbar li.nav-item a:hover {
    text-decoration: none;
}
#header.global-header .header-all .header-navbar li.nav-item:hover a.fis-title {
    border-bottom: 3px solid #b82c40;
    color: #b82c40;
}
#header.global-header .header-all .header-navbar li.nav-item a.arrow::after{
	display:inline-block;
	content: "";
    background:url(../images/arrow-down.png) no-repeat center center;
    height: 16px;
    width: 16px;
	margin-left:5px
}
#header.global-header .header-all .header-navbar li.nav-item a.arrow-right::after{
	display:inline-block;
	content: "";
    background:url(../images/arrow-right.png) no-repeat center center;
    height: 16px;
    width: 16px;
	margin-left:5px
}

#header.global-header .header-all .header-rightBar {
    float: right;
	position: relative;
}
#header.global-header .header-all .header-rightBar::before {
    position: absolute;
    content: "";
    background-color: #eaeaea;
    height: 26px;
    width: 1px;
    left: 0px;
    top: 19px;
}
#header.global-header .header-all .header-rightBar .navbar-nav-list.right {
    padding-left: 40px;
    box-sizing: border-box;
}
#header.global-header .header-all .header-rightBar ul li {
	float: left;
    line-height: 64px;
}
#header.global-header .header-all .header-rightBar ul li.nav-item:nth-of-type(2) {
    padding-left: 20px;
    padding-right: 20px;
}
#header.global-header .header-all .header-rightBar ul li.lang {
    position: relative;
}
#header.global-header .header-all .header-rightBar ul li.lang span {
    margin-left: 5px;
	line-height: 14px;
	display:inline-block;
    font-size: 14px
}
#header.global-header .header-all .header-rightBar ul li.lang .sub-menu {
    position: absolute;
    z-index: 1;
	opacity: 0;
    left: auto;
    top: auto;
    transform: scaleY(0);
    transform-origin: 0 0 0;
    transition: all 0.4s ease 0s;
    visibility: hidden;
    width: auto;
	min-width:100%;
	background: #fff;
    text-align: center;
    z-index: 101;
    transition: .3s ease;
    box-shadow: 0 0 2px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 2px rgb(0 0 0 / 10%)
}
#header.global-header .header-all .header-rightBar ul li.lang:hover .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: scaleY(1);
}
#header.global-header .header-all .header-rightBar ul li.lang .sub-menu li {
  transition: 0.2s ease-in;
  -webkit-transition: 0.2s ease-in;
  -moz-transition: 0.2s ease-in;
  -ms-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  line-height: normal;
  width:100%;
}
#header.global-header .header-all .header-rightBar ul li.lang .sub-menu li a {
  font-size: 14px;
  color: #333;
  display: block;
  padding: 10px;
  white-space:nowrap;
  text-align:center
}
#header.global-header .header-all .header-rightBar ul li.lang .sub-menu li:hover a {
  color:#b82c40
}
.attr-nav {
    display: inline-block;
}
.top-search {
    display: block;
    width: 100%;
    max-width: 100%;
    position: fixed;
    right: 0;
    top: 64px;
    display: none;
    z-index: 9999999;
    background: #fafafa;
    border-radius: 0;
    box-shadow: 0px 5px 15px 2px rgb(0 0 0 / 10%);
}
.top-search .input-group {
    max-width: 100%;
    margin: 0 auto;
    padding: 20px;
    padding-right: 50px;
    background: #fff;
    width: 100%;
    border-radius: 0;
	box-sizing:border-box
}
.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}
.top-search h4 {
    font-size: 18px;
    text-align: center;
    color: #333;
    text-transform: capitalize;
	padding-bottom:15px
}
.header_search {
    position: relative;
}
.top-search .form-control {
    box-shadow: none;
    border: none;
    border-radius: 0;
    border: 2px solid #e5e5e5;
    background: #fff;
    color: #808080;
    height: 50px;
    line-height: 50px;
    padding: 0 50px 0 20px;
    text-align: left;
    font-size: 14px;
    border-radius: 0;
	box-sizing:border-box
}
.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell;
}
.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.btn_search1 {
    background: #b82c40 url(../images/ss.png) no-repeat center center;
    top: 2px;
    height: 46px;
    position: absolute;
    right: 2px;
    width: 46px;
    border-radius: 0;
	border:0;
    z-index: 3;
}
.input-group {
    border-collapse: separate;
}
.top-search .input-group-addon.close-search {
    cursor: pointer;
    float: right;
    position: absolute;
    right: 0;
    top: 10px;
    width: 40px;
    height: 50px;
    border-radius: 0;
}
.top-search .input-group-addon.close-search {
    cursor: pointer;
}
.top-search .input-group-addon {
    background-color: transparent;
    border: none;
    color: #666;
    padding-left: 0;
    padding-right: 0;
}
.input-group-addon:last-child {
    border-left: 0;
}
.top-search .input-group-addon i {
    width: 20px;
    height: 20px;
    display: flex;
	flex-wrap: wrap;
    position: absolute;
    right: 20px;
    top: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.top-search .input-group-addon i:before {
    transform: rotate(45deg) translate(4px,0px);
    -webkit-transform: rotate(45deg) translate(4px,0px);
}
.top-search .input-group-addon i:after {
    transform: rotate(-45deg) translate(4px,0px);
    -webkit-transform: rotate(-45deg) translate(4px,0px);
}

.top-search .input-group-addon i:before, .top-search .input-group-addon i:after {
    content: '';
    display: inline-block;
    background: #999;
    width: 20px;
    height: 2px;
    margin: 2px 0;
}
.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.slider{
	position:relative
}
.slider img{
	max-width:100%
}
.swiper-container{
	margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
	height: 100%;
}
.swiper-wrapper img{max-width:100%}
#pagination1 {
	bottom: 10px;
    left: 0;
    width: 100%;
}
.swiper-pagination-banners {
	width: 30px;
    height: 4px;
    display: inline-block;
	background-color:#FFFFFF;
	opacity: 0.5;
	cursor: pointer;
	margin: 0 5px;
}
.swiper-pagination-banners-active {
	opacity: 1;
	background-color:#FFFFFF
}
.application-scope .application-scope-list {
    min-height: 192px;
    display: flex;
	flex-wrap: wrap;
    padding: 0 30px;
	margin-top:50px
}
.application-scope .application-scope-list .application-scope-item {
    flex: 1;
    padding: 0 15px
}
.application-scope .application-scope-list .application-scope-item .application-scope-link {
    display: block;
    padding: 20px;
    width: 100%;
    text-align: center;
	position:relative;
	transition:all .5s;
}
.application-scope .application-scope-list .application-scope-item .application-scope-link .application-scope-img {
	transition:all .5s;
}
.application-scope .application-scope-list .application-scope-item .application-scope-link:before{
	border-bottom:2px solid #b82c40;transform-origin:0 0;-webkit-transform-origin:0 0;transform:scale(0,1);-webkit-transform:scale(0,1);
}
.application-scope .application-scope-list .application-scope-item .application-scope-link:before{
	content:'';
	display:block;
	position:absolute;
	top:-2px;
	left:-2px;
	right:-2px;
	bottom:-2px;
	transition:all .5s;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}
.application-scope .application-scope-list .application-scope-item:hover .application-scope-link:before{
	border-color:#b82c40;
	transform:scale(1);
	-webkit-transform:scale(1);
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.application-scope .application-scope-list .application-scope-item:hover .application-scope-img {
    transform:scale(1.1);
	transition:all .5s;
}
.application-scope .application-scope-list .application-scope-item .application-scope-link h3 {
    font-size: 20px;
    font-weight: 400;
    color: #333;
    line-height: 27px;
}
.init-product{
	padding:70px 0 40px 0
}
.column-title{
	font-family: "OpenSansBold", "Microsoft YaHei", sans-serif;
    line-height: 44px;
	text-align: center;
	font-size: 40px;
    margin: 0 0 15px 0;
}
.init-product .product-list{
	padding: 20px 0 16px 0;
}
.init-product .product-list .product-item{
	padding:13px;
}
.init-product .product-list .product-item .product-item-wrapper {
    padding: 20px;
    background-color: #fff;
    position: relative;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
}
.init-product .product-list .product-item .product-item-wrapper:hover{box-shadow:0 2px 10px rgba(0,0,0,0.2)}
.init-product .product-list .product-item .product-item-wrapper:hover .product-item-img{transform:scale(1.1);}
.init-product .product-list .product-item .product-item-wrapper .product-item-img {
    text-align: center;
	transition:1s linear;
	padding:10px 0;
	overflow: hidden
}
.init-product .product-list .product-item .product-item-wrapper .product-item-info {
    color: #333;
    line-height: 120%;
	padding:15px 0;
    font-size: 16px;
	height:70px;
    font-weight: 600;
	text-align:center;
}
.init-case{
	padding: 70px 0 40px 0;
}
.case-list{
	display: flex;
	flex-wrap: wrap;
	margin:40px auto
}
.case-list-left{
	width:50%;
	display: flex;
	flex-wrap: wrap
}
.case-list-right{
	width:50%;
	display: flex;
	flex-wrap: wrap
}
.case-list-left .case-list-item{
	width:50%;
	padding: 0 12.5px;
	padding-bottom:25px
}
.case-list-left .case-list-item:first-child{
	width:100%;
}
.case-list-right .case-list-item{
	width:50%;
	padding: 0 12.5px;
	padding-bottom:25px;
}
.case-list-right .case-list-item:last-child{
	width:100%;
}
.case-list img{
	max-width:100%
}
.case-list-item a{
	display:block;
	overflow: hidden;
	position:relative;
	z-index:1
}
.case-list-item a img{
	transition:all .2s;
	vertical-align:middle
}
.case-list-item a:hover img{transition:all .2s;transform:scale(1.1)}
.case-split-des{
	position:absolute;
	left:0;
	bottom:0;
	/* background-color: rgba(0,0,0,0.5);*/
	width:100%;
	z-index:2;
	padding:30px;
}
.content-des{
	transform: translate(0, 58%);transition:.6s
}
.case-list-item a:hover .content-des{transform:translate(0,15px);transition:.5s}
.content-des h3{
	font-size: 24px;
    line-height: 36px;
    font-family: "OpensansBold", "Microsoft YaHei", "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif;
    /* font-weight: 700; */
    margin: 0 0 5px 0;
    padding: 0;
    white-space: normal;
    word-break: break-word;
    color: #fff;
	line-height:120%
}
.content-des pre{
	display: block;
    font-family: 'OpenSans', "Microsoft YaHei", "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif;
    white-space: pre;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    overflow: auto;
    word-break: break-word;
    color: #fff;
	font-size:16px;
}
.content-des span{
	display: block;
	color: #fff;
	font-size:16px;
	padding-top:5px
}
.icon{width:20px;height:20px;vertical-align:-5px;fill:currentColor;overflow:hidden}

.subheader{
	width: 100%;
    margin: 0 auto;
	padding:10px 0;
    position: relative;
    z-index: 10;
    -webkit-box-shadow: 0 .25rem .75rem rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 .25rem .75rem rgba(0, 0, 0, 0.1);
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, 0.1);
}
.subtitled{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between
}
.onlytitle{
	font-size: 20px;
    line-height: 24px;
    color: #333;
    text-align: left;
    font-weight: 600;
    word-break: break-word;
}
.location{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	margin-right:30px
}
.location span{
	font-size:14px;
	color:#333
}
.triangle-indicator {
	margin:0 10px;
    background-image: url(../images/icon-dropdown-1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 10px;
    width: 10px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
.about-content{
	padding: 30px 0;
}
.grid-column{
	display: flex;
	flex-wrap: wrap;
    align-items: center;
    text-align: left;
	justify-content: center;
    flex-direction: row;
}
.about-video{
	flex: 0 0 49%;
    width: 49%;
	position: relative;
    min-width: 260px;
}
.description-wrapper{
	padding-left: 92px;
	flex:1;
	box-sizing:border-box
}
.description-wrapper h3{
	font-size: 28px;
    font-weight: 700;
    color: #333;
    margin-bottom: 24px;
    font-family: "OpensansBold", "Opensans";
}
.description-wrapper p{
	font-size: 16px;
    color: #333;
    line-height: 24px;
}
.description-wrapper span{
	font-size: 24px;
    color: #b82c40;
}
.grid-row{
	padding-top: 90px;
    padding-bottom: 20px;
}
.grid-row h3{
	font-size:34px;
	overflow: hidden;
    font-family: "OpensansBold", "Opensans";
    font-weight: 700;
    color: #333;
	text-align:center;
    white-space: pre-wrap;
}
.about-text{
	padding:20px 0;
	font-size:16px;
	color:#666
}
.about-banner{
	position: relative;
    overflow: hidden;
}
.work-environment{
	margin:100px 0 0 0
}
.work-environment h3,.our-team h3{
	text-align:center;
	font-size: 34px;
    line-height: 44px;
	font-weight: 600;
    letter-spacing: normal;
    color: #333;
}
.work-list{
	display:flex;
    flex-wrap:wrap;
	padding-top:50px
}
.work-list img{
	display:block
}
.work-l{
	width:50%
}
.work-l .work-list-item{
	padding-right: 1%;
	padding-bottom: 2%
}
.work-r{
	width:50%
}
.work-r .work-list-item{
	padding-left: 1%;
	padding-bottom: 2%
}
.our-team{
	margin:100px 0 0 0
}
.team-box{
	padding:30px 0;
	text-align:center
}
.gallery {
  --s: 330px; /* control the size */
  --g: 30px;  /* control the gap */
  display: grid;
  margin: calc(var(--s) + var(--g));
}

.gallery > img {
  grid-area: 1/1;
  width: var(--s);
  aspect-ratio: 0.866;
  object-fit: cover;
  clip-path: polygon(0% 25%,0% 75%,50% 100%,100% 75%,100% 25%,50% 0);
  transform: translate(var(--_x,0),var(--_y,0)) scale(var(--_t,1));
  cursor: pointer;
  filter: grayscale(80%);
  transition: .2s linear;
}
.gallery > img:hover {
  filter: grayscale(0);
  z-index: 1;
  --_t: 1.2;
}

.gallery > img:nth-child(1) {--_x: calc(-100% - var(--g))}
.gallery > img:nth-child(7) {--_x: calc( 100% + var(--g))}
.gallery > img:nth-child(3),
.gallery > img:nth-child(5) {--_y: calc(-75% - .87*var(--g))}
.gallery > img:nth-child(4),
.gallery > img:nth-child(6) {--_y: calc( 75% + .87*var(--g))}
.gallery > img:nth-child(3),
.gallery > img:nth-child(4) {--_x: calc(-50% - .5*var(--g))}
.gallery > img:nth-child(5), 
.gallery > img:nth-child(6) {--_x: calc( 50% + .5*var(--g))}

.contact-us-item {
    display: flex;
	flex-wrap:wrap;
    max-width: 1310px;
    padding: 40px 0;
    margin: 0 auto;
    border-bottom: 1px solid rgba(234, 234, 234, 1);
}
.contact-us-item-title {
    width: 30%;
    flex: 0 0 30%;
	font-family: OpenSansBold;
    font-size: 32px;
    color: #333;
    font-weight: 700;
}
.contact-us-item-content {
    flex: 1;
    margin-left: 7%;
}
.item-content-info h3 {
    font-family: OpenSansBold;
    font-size: 20px;
    color: #333;
    font-weight: 700;
    margin-bottom: 12px;
}
.item-content-info p {
    font-family: OpenSans;
    font-size: 16px;
    color: #333;
    line-height: 28px;
    font-weight: 400;
}
.item-content-info .linkArrow {
    display: inline-block;
    font-family: OpenSansSemiBold;
    font-size: 16px;
    color: #094f9c;
    line-height: 24px;
    font-weight: 600;
    padding-top: 8px;
}
.item-content-info a {
    color: #094f9c;
}
.item-content-info .linkArrow a::after {
    display: inline-block;
    content: "";
    background-image: url(../images/icon-right-arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 15px;
    height: 10px;
    margin-left: 8px;
}
.main-map{
	padding-top:40px;
}

.newsroom-archive-list-wrapper {
    display: flex;
	flex-wrap: wrap;
    align-items: center;
	justify-content: center;
	padding-top:30px
}
.newsroom-archive-list-wrapper .newsroom-archive-item {
	width:33.3333%;
    text-decoration: none;
	padding:30px 15px 0 15px
}
.newsroom-archive-list-wrapper .newsroom-archive-img-container {
    overflow: hidden;
}
.newsroom-archive-list-wrapper .newsroom-archive-content {
	padding:30px;
	border-bottom: 1px solid #eaeaea;
	background-color: #F7F7F7;
}
.newsroom-archive-list-wrapper .newsroom-archive-type {
	display: flex;
	justify-content: space-between;
    font-family: 'OpenSansSemiBold';
    font-size: 14px;
    color: #666;
    line-height: 14px;
    font-weight: 600;
    margin-bottom: 16px;
}
.newsroom-archive-list-wrapper .newsroom-archive-title {
    font-family: 'OpenSansBold';
    line-height: 33px;
    font-size: 24px;
    color: #333;
    font-weight: 700;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
	height:66px;
}
.newsroom-archive-list-wrapper .newsroom-archive-desc {
    position: relative;
    font-size: 14px;
    color: #333;
    letter-spacing: 0;
    font-weight: 400;
    line-height: 20px;
    padding-right: 31px;
}

.grid-box{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  margin:0 -15px
}
.grid-box .column{
	flex: 1;
    display: flex;
    flex-direction: column;
	padding:15px
}
.grid-box .column{width:100%;flex:none}
.grid-box.two>.column{width:50%;flex:none}
.grid-box.three>.column{width:33.33333%;flex:none}
.grid-box.four>.column{width:25%;flex:none}
.grid-box.five>.column{width:20%;flex:none}
.grid-box.six>.column{width:16.6666667%;flex:none}
.grid-box .column .list-bg {
	padding: 20px;
    position: relative;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
}
.grid-box .column .list-bg a.img-box {
    display: block;
}
.grid-box .column .list-bg em {
  display: block;
  width:100%;
  font-size: 14px;
  color: #333;
  padding: 10px;
  text-align:center;
  line-height:140%
}
.grid-box .column .list-bg .add-to-basket {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    font-family: OpenSansSemiBold;
}
.grid-box .column .list-bg .add-to-basket input[type="checkbox"] {
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-right: 6px;
    width: 16px;
    height: 16px;
}
.main{
	padding-top:50px;
}
.product-wrap{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items: center;
}
.product-wrap a.img-box {
    display: block;
	width:50%
}
.product-param{
	width:50%;
	padding-left:20px
}
.product-param h4{
	font-size:20px;
	font-weight:900;
	line-height:100%;
	color:#666;
	padding-bottom:15px
}
.product-param span{
	font-size:16px;
	line-height:100%;
	color:#333;
	padding-bottom:15px
}
.product-param p{
	font-size:14px;
	line-height:120%;
	padding-top:5px;
	position:relative;
	padding-left:15px;
}
.product-param p::before {
	position:absolute;
	top:5px;
	left:0px;
    content: "•";
    color: #b82c40;
    font-size: 24px
}
.product-type-list{
	padding-top:10px;
	width:900px
}
.product-type-list a{
	display:inline-block;
	margin-right:15px;
	font-size:14px
}
.product-type-list a:hover{
	color:#b82c40
}
.product-type-list a.active{
	color:#b82c40 !important
}
.product-view{
	text-align:center
}
.product-view p{
	font-size:18px;
	padding-top:10px
}
.jsorder{position: fixed; z-index:99999;bottom: 30px;right: 0px;}
.jsorder .left{float: left;width:19px;background: #545454;font-size:14px;text-align:center;cursor: pointer;color: white;padding: 3px;}
.jsorder .right{padding: 5px;float: right;width: 200px;background: white;border: #545454 5px solid;display: none;min-height: 100px;border-left: #545454 2px solid;}
.jsorder .right li{line-height: 18px;border-bottom: 1px silver dashed;padding: 5px 0px 5px 5px;text-align: left;}
.jsorder .button{width: 100px;height: 27px; line-height:27px; background:#545454; color:#fff; border:1px solid #ccc; text-align:center;display: block;margin: 12px auto 3px;}
.jsorder .right li b{color: #00A0E9}
.jsorder .right li span.add{background: url(../images/cg_add.gif);width: 11px;height: 11px;display: block;cursor: pointer;float: right;margin: 4px 1px;}
.jsorder .right li span.sub{background: url(../images/cg.gif) 0px 22px;width: 11px;height: 11px;display: block;cursor: pointer;float: right;margin: 4px 1px;}
.jsorder .right li span.del{background: url(../images/cg_del.gif) 0px 11px;width: 11px;height: 11px;display: block;cursor: pointer;float: right;margin: 4px 1px;}

#list{border:1px solid #DDD;margin:15px auto}
#list dt{height:26px;background:url(title.gif) repeat-x left bottom;line-height:26px;font-size:0;[;font-size:12px;];*font-size:0;[;letter-spacing:-3px;];*letter-spacing:normal;*word-spacing:-1px;text-align:center}
#list dd{padding-top:5px;padding-bottom:5px;font-size:0;[;font-size:12px;];*font-size:0;[;letter-spacing:-3px;];*letter-spacing:normal;*word-spacing:-1px;text-align:center}
#list dd:nth-child(odd){background-color:#F5F5F5}
#list i{display:inline-block;width:25%;font-size:14px}
#list dd i{text-indent:5px;font-size:14px}
#list b{display:inline-block;font-weight:100;width:50%;font-size:14px}
#list em{display:inline-block;width:20%;font-size:14px}

.order{margin:20px auto}
label{line-height:16px;font-size:14px;padding-bottom:5px;font-weight:bold;display:block}
.tip{position:relative;margin-bottom:15px}
.input-text-class{display:inline-block;width:100%;height:38px;background-color:#F7F7F7;border:#DEDEDE solid 1px;outline:medium; text-indent:0.5em;font-family:"\5FAE\8F6F\96C5\9ED1";font-size:14px;line-height:38px;border-radius:3px}
.input-text-class2{display:inline-block;width:100px;height:38px;background-color:#F7F7F7;border:#DEDEDE solid 1px;outline:medium; text-indent:0.5em;font-family:"\5FAE\8F6F\96C5\9ED1";font-size:14px;line-height:38px;border-radius:3px}
.input-textarea-class{display:inline-block;width:100%;height:130px;background-color:#F7F7F7;border:#DEDEDE solid 1px;outline:medium; text-indent:0.5em;padding-top:10px;font-family:"\5FAE\8F6F\96C5\9ED1";font-size:14px;border-radius:3px}

.required-tip{display:inline;padding:2px 6px 5px;color:#f00;font-family:'微软雅黑';font-size:12px;line-height:140%;white-space:nowrap}

.order-input{width:100%;outline:medium;border:1px solid #DDD;padding:3px}
.order-box{
	margin:0 auto;
	max-width:800px;
}

.news-detail{
	max-width:900px;
	margin:0 auto
}
.news-detail h3{text-align:center;font-size:24px;font-weight:bold;padding:30px 0 10px 0; line-height:140%}
.news-detail em{display:block;font-size:14px;text-align:center;color:#999}
.news-detail .desc{line-height:180%;font-size:18px;padding:30px 0 0 0}
.news-detail .desc img{max-width:100%}
.news-footer{
	max-width:900px;
	margin:0 auto;
	margin-top:30px;
	line-height:200%;
	font-size:14px
}
.last-box{
	display:none
}
.product-desc{
	width:950px;
	margin:20px auto
}
.product-pic{
	float:left;
	width:55%
}
.product-data{
	float:left;
	padding-left:2%;
	width:45%
}
.product-data h3{
	font-size: 20px;
    font-weight: 900;
    line-height: 100%;
    color: #666
}
.spec{padding-top:15px;font-size:16px;line-height:180%}
.spec p{
	font-size: 14px;
    line-height: 120%;
    padding-top: 5px;
    position: relative;
    padding-left: 15px;
}
.spec p::before {
    position: absolute;
    top: 5px;
    left: 0px;
    content: "•";
    color: #b82c40;
    font-size: 24px;
}

ul#thumblist{margin-top:10px}
ul#thumblist li{float:left;text-align:center;width:20%;padding:0 5px}
ul#thumblist li a{display:inline-block;border:1px solid #DDD;text-align:center;width:100%}
ul#thumblist li a img{display:inline-block;max-width:100%}
ul#thumblist li a.zoomThumbActive{
    border:1px solid #005AAB;
}

.pagination{text-align:center}
.pagination ul li.pc{display:inline-block}
.pagination ul li.wap{display:none}
.pagination ul {
	display: flex;
	justify-content:center;
	align-items:center;
	padding: 0;
	margin: 2% auto;
	font-size: 14px;
}
.pagination ul li {
	display: inline;
	list-style: none;
}
.pagination ul li a,.pagination ul li span {
	color: black;
	display: inline;
	padding: 5px 10px;
	margin-left: -1px;
	border:1px solid #e1e2e3;
	text-decoration: none;
	width:auto
}
.pagination ul li span {
	color: #666;
}
.pagination ul li a:hover{
	background: #005AAB;
	color: #FFFFFF;
}
.pagination ul li.current span{
	font-weight: bold;
	background: #005AAB;
	color: #FFFFFF;
}
#footer {
  display:block;
  background: #222;
  position: relative;
  overflow: hidden;
  margin-top:40px;
}
.footer-box{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:stretch;
}
.ft-logo{float:left;width:240px;background-color:#b82c40;color:#FFFFFF;padding:40px;margin-right:6%;text-align:center}
.ft-logo img{
	max-width:100%;
	padding-bottom:5px
}
.ft-right{flex:1;color:#90A1BF;display:flex;flex-wrap:wrap;justify-content:space-between;padding:20px 0}
/*
.ft-right ul{display:flex;justify-content:space-between; padding-bottom:30px;}
.ft-right ul li{display:inline-block;position:relative;cursor:pointer;text-align:left}
.ft-right ul li a:link,.ft-right ul li a:visited{color:#90A1BF;white-space:nowrap;display:inline-block;font-size:16px;height:40px;text-decoration:none;line-height:40px;text-align:left}
.ft-right ul li:hover a,.ft-rightul li a:hover{color:#b82c40;text-decoration:none}
*/

.ft-right .item li {list-style:inside none disc;font-size:14px}
.ft-right .item li a{color:#fff; padding:3px 0 3px 10px; display:inline-block; }
.ft-right .item li a:hover{color:#b82c40;}
.footer-title {color:#eff3f7;font-size:22px;border-bottom:1px solid #2a2a2a;font-weight:400;padding-bottom:10px;margin-bottom:15px;}
.footer-contact{
    min-height: 50px;
	color:#FFF;
	font-size:14px;
	line-height:170%
}

.clearfix {
	zoom:1
}
.clearfix:after {
	content:"\0020";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
@media screen and (max-width: 1650px) {
    .container{
		width: 100%;
	}
}
@media screen and (max-width: 1400px) {
	.container{
		width: 100%;
	}
}
@media screen and (max-width: 1200px) {
	#header.global-header .header-all .header-navbar li.nav-item { 
	    padding: 0px 20px;
    }
}
@media screen and (max-width: 992px) {
    .container{
		padding: 0 15px;
	}
	#header.global-header .header-all .header-rightBar {
		display:none
	}
	.last-box{
	   display:block
    }
	.location{
		margin-right: 0px;
	}
	.ft-logo{
		display:none
	}
	.product-type-list{
		width:100%;
	}
}
@media screen and (max-width: 768px) {
	.init-product,.init-case {
		padding: 30px 0 20px 0;
    }
	.init-product .product-list {
		padding:0
	}
	.case-list {
		margin:20px auto;
    }
	.case-list-left,.case-list-right{
		width:100%
	}
	.case-list-left .case-list-item,.case-list-right .case-list-item{
		width:100%
	}
	.content-des {
        transform: translate(0, 0);
	}
	.contact-us-item-title,.contact-us-item-content{
		width:100%;
		flex:auto
	}
	.contact-us-item-content{
		margin-top:20px;
		margin-left: 0;
	}
	.newsroom-archive-list-wrapper .newsroom-archive-item {
	    width:100%;
		padding:30px 0 0 0
    }
	.newsroom-archive-list-wrapper .newsroom-archive-img-container {
		margin-right: 0px;
		width: 100%;
		flex: auto;
	}
	.newsroom-archive-list-wrapper .newsroom-archive-content {
		width: 100%;
	}
	.about-video{
		width: 100%;
		flex: auto;
	}
	.description-wrapper{
		padding-left: 0px;
		padding-top:20px;
        width: 100%;
	}
	.grid-row{
		padding: 40px 0 0 0;
	}
	.work-environment{
		margin: 40px 0 0 0;
	}
	.our-team{
		margin: 40px 0 0 0;
	}
	.product-wrap a.img-box{
		width: 100%;
	}
	.product-param{
		width: 100%;
		padding:15px 0px
	}
	.main{
		padding-top:20px
	}
	.grid-box.two>.column{width:100%}
	.grid-box.three>.column{width:100%}
	.grid-box.four>.column{width:100%}
	.grid-box.five>.column{width:100%}
	#footer{
		margin-top: 30px;
	}
	.ft-right .item{
		width:100%;
		padding:0 20px 20px 20px
	}
	.footer-title{
		margin-bottom: 0px;
	}
	.product-desc{
		width:100%;
    }
	.product-pic{
		width:100%;
	}
	.product-data{
		width:100%;
	}

}