@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:#595757;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;vertical-align:middle}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:#e04027}

@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 {
	position:fixed;
    z-index: 99999;
	width: 100%;
	line-height:69px;
    height: 69px;
}
#header.global-header.home{
	background:url(../images/home-header-bg.png) no-repeat center 0;
	background-size:cover;
}
#header.global-header.bg1{
	background:url(../images/header-bg.png) no-repeat center 0;
	background-size:cover;
}
#header.global-header.bg2{
	background:url(../images/header-product-bg.png) no-repeat center 0;
	background-size:cover;
}
#header.global-header.active {
  -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: 1110px;
    margin: 0 auto;
    box-sizing: border-box
}
#header.global-header .header-all {
    display: flex;
	flex-wrap: wrap;
}
#header.global-header .header-all .header-logo {
    width: 25.7%;
	padding-left:43px;
	box-sizing:border-box
}
#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;
	display: flex;
	justify-content: space-between;
    align-items: center
}
#header.global-header .header-all .header-navbar .menu-box {
    flex: 1;
}
#header.global-header .header-all .header-navbar .menu-box li.nav-item { 
	float: left;
    list-style: none;
    font-size: 14px;
    color: #898989;
	padding: 0px 18px;
	white-space:nowrap;
	box-sizing: border-box;
}
#header.global-header .header-all .header-navbar .menu-box li.nav-item.en { 
	padding: 0px 15px;
}
#header.global-header .header-all .header-navbar .menu-box li.fis-title {
	background:url(../images/icon-menu.png) no-repeat left center;
	padding:0 20px 0 50px !important;
	height:69px;
	white-space:nowrap;
}
#header.global-header .header-all .header-navbar .menu-box li.nav-item a:hover {
    text-decoration: none;
}
#header.global-header .header-all .header-navbar .menu-box li.nav-item:hover a {
    color: #E04027;
}
.sub-menu{
	display:none
}
#header.global-header .header-all .header-navbar .menu-box li.nav-item:hover .sub-menu { 
	display:block;
	position:absolute;
	top:67px;
	left:0;
	width: 100%;
	background-color:#C8C8C8;
	z-index:3;
}
.sub-menu ul{
	display:flex;
	align-items: center;
	width:1120px;
	margin:0 auto;
}
.sub-menu li:first-child{
	padding:15px 35px 15px 0px;
}
.sub-menu li{
	position:relative;
	padding:15px 35px;
	display:flex;
	align-items: center;
}
.sub-menu li:after{
	content:"";
	position:absolute;
	right:0;
	top:15px;
	width:1px;
	border-right:1px solid #7D7D7D;
	height:42px
}
.sub-menu li:last-child:after{
	content:"";
	display:none
}
.sub-menu li a{
	display:block;
	height:41px;
	padding-top:4px;
	line-height:100%;
	display:flex;
	flex-direction:column;
	justify-content: center;
}
.sub-menu li a.icon-type1{
	background:url(../images/icon-type1.png)  no-repeat left center;
	padding-left:47px
}
.sub-menu li a.icon-type2{
	background:url(../images/icon-type2.png)  no-repeat left center;
	padding-left:51px
}
.sub-menu li a.icon-type3{
	background:url(../images/icon-type3.png)  no-repeat left center;
	padding-left:49px
}
.sub-menu li a.icon-type4{
	background:url(../images/icon-type4.png)  no-repeat left center;
	padding-left:57px
}
.sub-menu li a.icon-type5{
	background:url(../images/icon-type5.png)  no-repeat left center;
	padding-left:47px
}
.sub-menu li a h4{
	color:#7e7e7e;
	font-size:14px;
	line-height:120%;
	white-space:normal;
}
.sub-menu li a span{
	color:#e04027;
	font-size:10px;
	line-height:120%;
	white-space: nowrap;
}


#header.global-header .header-all .header-rightBar {
	width:238px;
	display: flex;
	justify-content: space-around;
    align-items: center;
	position: relative;
}
#header.global-header .header-all .header-rightBar .search-box{}
#header.global-header .header-all .header-rightBar .lang{
	line-height:28px;
	position: relative;
}
#header.global-header .header-all .header-rightBar .lang span{
	font-size:14px;
	color:#898989
}
#header.global-header .header-all .header-rightBar .lang .lang-list {
    position: absolute;
    z-index: 1;
	opacity: 0;
    left: auto;
    top: 48px;
    transform: scaleY(0);
    transform-origin: 0 0 0;
    transition: all 0.4s ease 0s;
    visibility: hidden;
    width:100%;
	background: #E04027;
    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-rightBar .lang:hover .lang-list {
	opacity: 1;
	visibility: visible;
	transform: scaleY(1);
}
#header.global-header .header-all .header-rightBar .lang .lang-list 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-rightBar .lang .lang-list li a {
  font-size: 14px;
  color: #fff;
  display: block;
  padding: 10px;
  white-space:nowrap;
  text-align:center
}
#header.global-header .header-all .header-rightBar .lang .lang-list li:hover {
  background: #595757;
}
#header.global-header .header-all .header-rightBar .header-icon{}

.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: #E04027 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;
}
.header-product-category{
	position:fixed;
	top:69px;
    z-index: 99999;
	width: 100%;
	background-color:#C8C8C8;
	z-index:3
}
.header-product-category ul{
	display: flex;
	align-items:center;
	margin-left:-28px
}
.header-product-category li{
	position:relative;
	padding:15px 28px;
	display:flex;
	align-items: center;
}
.header-product-category li:after{
	content:"";
	position:absolute;
	right:0;
	top:15px;
	width:1px;
	border-right:1px solid #7D7D7D;
	height:42px
}
.header-product-category li:last-child:after{
	content:"";
	display:none
}
.header-product-category li a{
	display:block;
	height:41px;
	padding-top:4px
}
.header-product-category li a.icon-type1{
	background:url(../images/icon-type1.png)  no-repeat left center;
	padding-left:47px
}
.header-product-category li a.icon-type2{
	background:url(../images/icon-type2.png)  no-repeat left center;
	padding-left:51px
}
.header-product-category li a.icon-type3{
	background:url(../images/icon-type3.png)  no-repeat left center;
	padding-left:49px
}
.header-product-category li a.icon-type4{
	background:url(../images/icon-type4.png)  no-repeat left center;
	padding-left:57px
}
.header-product-category li a.icon-type5{
	background:url(../images/icon-type5.png)  no-repeat left center;
	padding-left:47px
}
.header-product-category li a h4{
	color:#7e7e7e;
	font-size:14px;
	line-height:100%
}
.header-product-category li a span{
	color:#e04027;
	font-size:10px;
	line-height:100%;
	white-space: nowrap;
}


.banner{
	position:relative;
	display:flex;
}
.banner-item{
	width:50%;
	object-fit: cover;
	position:relative;
	z-index:1
}
.banner:hover .choix{
	display:none
}
.banner img{width:100%;display:block;vertical-align:top}
.banner .banner-item .bimg{position:absolute;z-index:2;opacity:0;left:0;top:0;}
.banner .banner-item:hover img{opacity:1}
.banner .choix {
    color: #FFFFFF;
    margin: 0;
    position: absolute;
    left: 50%;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: opacity .25s;
    z-index: 2;
    white-space: nowrap;
}
.banner .choix span {
	display:block;
    font-size:42px;
	font-weight:700;
	line-height:140%
}
.banner .choix p {
	display:block;
    font-size:42px;
	font-weight:300;
	line-height:140%
}
.banner .choix p i {
	font-weight:700
}
.banner-item-bottom{
	position: absolute;
	left: 50%;
    bottom: 12%;
	transform: translateX(-50%);
	z-index:2;
	text-align:center
}
.banner-item-bottom h3{
	font-size:28px;
	color:#FFF;
	font-weight:500;
	line-height:140%
}
.banner-item-bottom h4{
	font-size:20px;
	color:#FFF;
	font-weight:500;
	line-height:140%
}
.banner-more{
	margin-top:12px
}
.banner-more a{
	display:inline-block;
	background:url(../images/arrow-right.png) no-repeat 7px center;
	border:1px solid #FFF;
	padding:5px 7px 5px 26px;
	font-size:12px;
	border-radius:10px;
	color:#FFF;
	line-height:100%
}
.banner-box{
	position:absolute;
	left:50%;
	top:69px;
	height:calc(100% - 69px);
	width:1120px;
	transform: translateX(-50%);
	z-index:2;
	display:flex;
	justify-content: center;
	flex-direction:column
}
.banner-about{
	position:absolute;
	left:50%;
	top:auto;
	height:100%
}
.banner-pro{
	position:absolute;
	left:50%;
	top:40%;
	height:auto
}
.banner-box h2{
	font-size:36px;
	color:#FFF;
	font-weight:300;
	line-height:120%
}
.banner-box h2 span{
	display:block;
	font-weight:700
}
.banner-box h3{
	font-size:18px;
	color:#E04027;
	font-weight:700;
	line-height:140%
}
.banner-box p{
	font-size:28px;
	color:#FFF;
	font-weight:300;
	line-height:140%
}
.banner-bottom{
	background:url(../images/about-bottom.jpg) no-repeat center center;
}
.banner-bottom-container{
	width: 1150px;
    margin: 0 auto;
    box-sizing: border-box;
	position:relative
}
.banner-bottom ul{
	display:flex;
	justify-content:space-between
}
.banner-bottom ul li{
	position:relative;
	color:#FFF;
	padding:40px 20px 40px 20px;
	text-align:center;
	width:100%
}
.banner-bottom ul li:after{
	content:"";
	position:absolute;
	top:42px;
	right:0;
	height:105px;
	border-right:1px solid #FFF;
	width:1px
}
.banner-bottom ul li:last-child:after{
	content:"";
	display:none
}
.banner-bottom ul li h4{
	font-size:38px;
	line-height:120%
}
.banner-bottom ul li h5{
	font-size:30px;
	line-height:120%
}
.banner-bottom ul li p{
	font-size:14px;
	white-space: nowrap;
}
.banner-bottom ul li span{
	font-size:10px;
	line-height:120%
}

.main{
	padding:70px 0 0 0
}
.main.nopd{
	padding-top:69px
}
.main-pd130{
	padding-bottom:130px
}
.about-title{
	margin-bottom:30px;
}
.about-title span{
	font-size:14px;
	color:#e04027
}
.about-title h3{
	font-size:28px;
	font-weight:700
}
.about1-box{
	display:flex;
	justify-content: space-between;
    align-items: center;
	margin-bottom:371px
}
.about1-text{
	width:100%
}
.about1-text p{
	font-size:14px;
	padding-top:40px;
	line-height:160%;
}
.collapsed{
	position: relative;
    line-height: 130%;
    max-height: 26.8em; /* 15行 × 1.2em行高 */
    overflow: hidden;
    padding-right: 1em;
}
.collapsed::after{
	content: '...';
    position: absolute;
    right: 0;
    bottom: 0;
    background: linear-gradient(to right, transparent, white 20%);
}
.more-btn {
	color: #0e3962;
	cursor: pointer;
	border: none;
	background: none;
	padding: 5px 0;
}
.more-btn:hover {
	text-decoration: underline;
}
.about1-text p img{
	float:right !important;
	margin: 0 0 20px 20px;
}
.about2-bg{
	background:url(../images/bg1.jpg) repeat-x 0 0;
	position:relative;
	padding:418px 0 103px 0
}
.about2-box{
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap
}
.about2-pic{
	width:55%;
}
.about2-text{
	width:45%;
	padding-left:8%
}
.about2-text h4{
	font-size:18px;
	font-weight:700;
	color:#0e3962;
	padding-bottom:30px
}
.about2-text p{
	font-size:14px
}
.about2-text em{
	display:block;
	text-align:right;
	margin-bottom:55px
}
.about2-float-pic{
	position:absolute;
	left:-226px;
	top:-698px;
	width:1332px;
}
.pos-rel{
	position:relative;
}

.about3-bg{
	background:url(../images/bg2.jpg) repeat-x 0 0;
	position:relative;
	padding:118px 0 216px 0
}
.about3-box{
	display:flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap
}
.about3-pic{
	width:863px;
	margin-left:-264px;
}
.about3-text{
	width:45%;
	padding-left:8%
}
.about3-text h4{
	font-size:18px;
	font-weight:700;
	color:#0e3962;
	padding:30px 0
}
.about3-text p{
	font-size:14px
}
.about3-float-pic{
	position:absolute;
	right:0;
	top:-187px
}
.about3-float-pic em{
	display:inline-block;
	padding-left:10px
}

.main-contact-bg{
	background:url(../images/map-bg.png) no-repeat left 168px;
	background-size:47% auto;
	min-height:850px
}
.location span{
	font-size:12px;
	color:#595757
}
.location h3{
	font-size:26px;
	color:#3e3a39;
	font-weight:300;
}
.contact-box{
	margin-left:37%;
	border-top:1px solid #F6F7F8;
	border-bottom:1px solid #F6F7F8;
	padding:20px 0 20px 40px;
	margin-top:160px;
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap
}
.contact-text{
	width:52%;
	padding-right:40px
}
.contact-text i{
	display:block;
	height:2px;
	width:52px;
	background-color:#063D8D;
	margin-bottom:18px
}
.contact-text span{
	font-size:18px;
	color:#595757;
	font-weight:700
}
.contact-text h4{
	font-size:24px;
	margin-top:30px;
	padding:14px 0;
	color:#3e3a39;
}
.contact-text p{
	font-size:12px;
	color:#3e3a39;
	line-height:160%;
	padding-right:60px
}
.map{
	width:48%
}

.hr-box{
	box-shadow: rgba(72, 73, 121, 0.2) 0px 0px 10px;
    padding: 55px;
}
.hr-title{
	text-align:center
}
.hr-title span{
	font-size:14px;
	color:#e04027
}
.hr-title h3{
	font-size:32px;
	font-weight:bold;
	color:#595757
}
.jobs{margin-top:50px}
.jobs .jobs-head{
	display:flex;
	justify-content: space-around;
    align-items: center;
}
.jobs .jobs-head .jobs-item{
	font-size:18px;
	color:#595757;
	font-weight:bold;
	width:18%;
	text-align:center
}
.jobs .jobs-head .jobs-item:last-child{
	width:10% !important
}
.jobs .jobs-body{
	border-top:1px solid #DCDCDC;
	border-bottom:1px solid #DCDCDC;
	display:flex;
	justify-content: space-around;
    align-items: center;
	padding:14px 0
}
.jobs .jobs-body .jobs-item{
	font-size:14px;
	color:#595757;
	width:18%;
	text-align:center
}
.jobs .jobs-body em{
	display:block;
	background:url(../images/plus.png) center no-repeat;
	width:10% !important;
	height:15px
}
.jobs dl dt{margin-bottom:14px}
.jobs dl dd{margin-top:-1px}
.jobs .active .jobs-body{background-color:#0E3963;color:#FFFFFF}
.jobs .active .jobs-body .jobs-item{color:#FFFFFF}
.jobs .active .jobs-body em{
	background:url(../images/minus.png) center no-repeat;
}
.jobs-data{display:none;padding:40px 60px;font-size:14px;line-height:200%;color:#595757}
.hr-content{padding-top:50px;font-size:14px;line-height:200%;color:#595757}

.news-top{
	border-bottom:1px solid #DCDCDC;
	padding-bottom:70px
}
.news-top span{
	font-size:20px;
	font-weight:700;
	color:#e04027
}
.news-top p{
	font-size:32px;
	font-weight:300;
	color:#595757;
	line-height:120%;
	padding-top:10px
}
.news-title{
	padding:70px 0 30px 0
}
.news-title span{
	font-size:14px;
	color:#e04027
}
.news-title h3{
	font-size:30px;
	font-weight:700;
	color:#595757;
	line-height:120%
}
.latest-exh-box{
	display:flex;
    justify-content: space-between;
	flex-wrap: wrap
}
.latest-exh-left{
	width:47%;
	padding-right:30px;
}
.latest-exh-pic{
	padding-bottom:10px
}
.latest-exh-text{
	display:flex;
    justify-content: space-between;
	align-items: center;
	flex-wrap: wrap
}
.latest-exh-text span{
	font-size:12px;
	color:#b5b5b6
}
.latest-exh-text h4{
	font-size:18px;
	line-height:120%;
	color:#595757
}

.latest-exh-list{
	width:53%;
	padding-left:30px;
	border-left:1px solid #DCDCDC;
}
.latest-exh-list li{
	padding-bottom:50px
}
.latest-exh-list li:last-child{
	padding-bottom:0px
}
.latest-exh-list li span{
	font-size:12px;
	color:#b5b5b6
}
.latest-exh-list li h4{
	font-size:20px;
	font-weight:300;
	color:#595757;
	padding-top:10px;
	width:55%;
	line-height:120%
}
.latest-exh-list li p{
	font-size:12px;
	padding:10px 0;
	color:#595757
}
.latest-exh-more{
	padding-top:15px
}
.latest-exh-more a{
	display:block;
	background-color:#0E3962;
	width:90px;
	height:23px;
	line-height:23px;
	font-size:10px;
	color:#FFF;
	text-align:center
}
.conpany-news{
	background-color:#EFEFEF;
	margin-top:54px;
	padding-bottom:155px
}
.news-list{
	display:flex;
    justify-content: space-between;
	flex-wrap: wrap
}
.news-list .news-item{
	width:25%
}
.news-list .news-item:nth-child(1){
	width:50%;
	padding-right:25px;
}
.news-list .news-item:nth-child(2){
	padding-right:12.5px
}
.news-list .news-item:nth-child(3){
	padding-left:12.5px
}
.news-list .news-item .list-bg{
	background-color:#FFF;
	display: flex;
    flex-wrap: wrap;
    height: 100%
}
.news-item-pic{}
.news-item-pic-bottom{
	display:flex;
    justify-content: space-between;
	background-color:#0E3962;
	padding:10px 20px
}
.news-item-pic-bottom span{
	font-size:12px;
	color:#b5b5b6
}
.news-item-pic-bottom h4{
	font-size:16px;
	color:#FFF;
	line-height:120%
}
.news-item-text{
	padding:15px 20px
}
.news-item-text h4{
	font-size:16px;
	color:#595757;
	line-height:120%
}
.news-item-text p{
	font-size:10px;
	padding-top:10px;
	padding-bottom:12px
}
.news-item-text span{
	display:block;
	text-align:right
}
.news-pic-list{
	margin-top:-105px;
	padding:0 -50px;
}
.news-pic-list .swiper-button-prev{
	background:url(../images/arrow-red-left.png) no-repeat center center;
	width:43px;
	height:42px;
	position:absolute;
	left:-70px
}
.news-pic-list .swiper-button-prev:after, .news-pic-list .swiper-button-next:after {
    font-family:inherit;
	text-indent:-9999px
}
.news-pic-list .swiper-button-next{
	background:url(../images/arrow-red-right.png) no-repeat center center;
	width:43px;
	height:42px;
	position:absolute;
	right:-70px
}
.news-pic-list .border-shadow{
	padding:7px;
	background-color:#FFF;
	box-shadow: 0 0 5px rgb(0 0 0 / 10%);
	border:1px solid #DCDCDC
}

.article-detail h3{text-align:center;font-size:26px;font-weight:bold;padding:30px 0 10px 0}
.article-detail em{display:block;font-size:16px;text-align:center;color:#999}
.article-detail .desc{line-height:180%;font-size:16px;padding:30px 0 0 0}
.article-detail .desc img{max-width:100%}

.banner-title span{
	font-size:22px;
	color:#0e3962;
	font-weight:700
}
.banner-title h2{
	font-size:54px;
	color:#0e3962;
	font-weight:700;
	line-height:140%
}
.banner-content{
	color:#FFF;
	font-size:14px;
	padding:70px 0;
	width:50%
}
.jump-nums{
	width:80%;
	margin-top:50px
}
.jump-nums ul{
	display:flex;
	flex-wrap:wrap
}
.jump-nums ul li{
	display:inline-block;
    position: relative;
	padding-right:50px;
	width:33.3333%;
	box-sizing:border-box;
	margin:15px 0
}
.jump-nums ul li em.timer{
	font-size:51px;
	line-height:120%;
	color:#FFF;
	font-weight:700
}
.jump-nums ul li span{
	font-size:51px;
	line-height:120%;
	color:#FFF
}
.jump-nums ul li sup {
    font-size: 16px;
	position:absolute;
	top:7px;
	right:auto;
	color:#FFF
}
.jump-nums ul li h4{
	font-size:16px;
	line-height:140%;
	color:#e04027
}
.jump-nums ul li h5{
	font-size:12px;
	color:#FFF;
	font-weight:700
}

.product-pic-list{
	padding:70px -50px 0 -50px;
	height:600px;
}
.product-bg{
	background:url(../images/pro-bg.png) no-repeat center center;
	background-size:cover;
	height:400px;
	display:flex;
	justify-content:center;
	align-items: center;
	position:relative;
	border-radius:10px
}
.product-type-name{
	position:absolute;
	left:20px;
	top:20px;
}
.product-type-name h3{
	font-size:24px;
	font-weight:700
}
.product-type-name span{
	font-size:12px;
	color:#e04027
}
.product-type-pic{
	padding-top:70px;
	padding-bottom:50px
}
.product-more{
	position:absolute;
	right:20px;
	bottom:20px;
}
.product-more a{
	display:inline-block;
	background:#FFF url(../images/more.png) no-repeat 2px center;
	padding-left:37px;
	padding-right:10px;
	height:33px;
	border-radius:16px;
	line-height:33px;
}
.swiper-slide-active .product-bg,.swiper-slide-duplicate-active .product-bg{
	background:url(../images/pro-bg-ov.png) no-repeat center center;
	background-size:cover;
	height:400px;
	margin-top:50px;
}
.swiper-slide-active .product-type-name h3,.swiper-slide-duplicate-active .product-type-name h3{
	color:#FFF
}
.product-pic-list .swiper-button-prev{
	background:url(../images/arrow-blue-left.png) no-repeat center center;
	width:29px;
	height:29px;
	position:absolute;
	left:-15px;
	top:220px;
}
.product-pic-list .swiper-button-prev:after, .product-pic-list .swiper-button-next:after {
    font-family:inherit;
	text-indent:-9999px
}
.product-pic-list .swiper-button-next{
	background:url(../images/arrow-blue-right.png) no-repeat center center;
	width:29px;
	height:29px;
	position:absolute;
	right:-15px;
	top:220px;
}
.main-product-bg{
	background:url(../images/main-product-bg.jpg) no-repeat 0 0;
	padding:110px 0 0 0;
	background-size:100%
}
.product-shadow{
	background:url(../images/shadow1.png) no-repeat center center;
	height:36px;
	margin:40px 0;
}
.product-desc{
	text-align:center
}

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

.footer-search-box{
	background:url(../images/footer-bottom-bg.jpg) no-repeat center center;
	height:321px;
	padding-top:60px;
}
.footer-search-box h2{
	font-size:40px;
	color:#FFF;
	font-weight:400
}
.footer-search-box h3{
	font-size:26px;
	color:#FFF;
	font-weight:300
}
.search-input-box{
	margin-top:40px;
	width:618px;
	background-color:#FFF;
	height:38px;
	padding:5px 10px;
	border-left:1px solid #D5D3DE;
	border-top:1px solid #D5D3DE
}
.search-input-box form{
	display:flex;
	align-items: center;
	justify-content:space-between;
}
.input-text{
	flex:1;
	height:26px;
	line-height:26px;
	border:0
}
#search{
	background:url(../images/search.png) no-repeat center center;
	height:18px;
	width:32px;
	border:0
}

#go-top {
  width: 60px;
  height: 60px;
  text-align: center;
  display: block;
  bottom: 50px;
  right: 20px;
  position: fixed;
  cursor: pointer;
  z-index: 999;
  -webkit-transition: 0.5s background-color;
  -moz-transition: 0.5s background-color;
  -ms-transition: 0.5s background-color;
  -o-transition: 0.5s background-color;
  transition: 0.5s background-color;
}
#go-top img {
  display: inline-block;
  vertical-align: middle;
}
#footer {
  display:block;
  background:url(../images/footer-bg.jpg) center top;
  position: relative;
  height:583px;
  overflow: hidden;
}
.footer-border{
	border-top:11px solid #E04027
}
.footer-box{
	display: flex;
	justify-content:space-between;
	align-items:flex-start;
	padding:70px 0 100px 0
}
.footer-logo{
	width:260px;
	margin-right:70px
}
.footer-menu{
	flex:1
}
.footer-menu ul{
	display: flex;
	justify-content:space-between;
	align-items:flex-start;
	flex-wrap: wrap
}
.footer-menu ul li{
	margin-left:30px;
}
.footer-menu ul li a{
	font-size:14px;
	color:#e04027;
	font-weight:bold;
	line-height:160%;
	white-space: nowrap;
}
.footer-menu ul li a:hover{
	text-decoration:none
}
.footer-menu ul li ul{
	display:block;
	padding-top:28px
}
.footer-menu ul li ul li{
	margin-left:0px;
	padding-bottom:0px
}
.footer-menu ul li ul li a{
	font-size:14px;
	color:#fff;
	font-weight:normal;
	line-height:160%;
    white-space: nowrap;
}
.footer-menu ul li ul li a:hover{
	text-decoration:underline
}
.footer-contact{
	display: flex;
	justify-content:space-between;
	align-items:flex-start;
	border-top:2px solid #3E6181;
	padding:16px 0;
}
.contact-left{
	font-size:14px;
	color:#FFF;
	line-height:160%;
	width:48%;
	word-wrap: break-word; /* 旧属性兼容 */
    overflow-wrap: break-word; /* 新标准 */
}
.contact-right{
	font-size:14px;
	color:#FFF;
	line-height:160%;
	text-align:right
}

.last-box{
	display:none
}

.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: #0E3962;
	color: #FFFFFF;
}
.pagination ul li.current span{
	font-weight: bold;
	background: #0E3962;
	color: #FFFFFF;
}
.clearfix {
	zoom:1
}
.clearfix:after {
	content:"\0020";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
@media screen and (max-width: 1200px) {

}
@media screen and (max-width: 992px) {
	#header.global-header{
		top:0px
	}
	#header.global-header .header-all .header-logo{
		width: 100%;
        padding-left: 0px;
	}
	#header.global-header.home,#header.global-header.bg1,#header.global-header.bg2{
		background:url(../images/home-header-bg-wap.png) no-repeat right 0;
	}
	#header.global-header .header-all .header-rightBar{
		display:none
	}
	.banner-box{
		width: 100%;
		padding:0 15px;
	}
	.banner-title span{
		font-size: 14px;
	}
	.banner-title h2{
		font-size: 14px;
	}
	.jump-nums{
		width:100%;
		margin-top: 10px;
	}
	.jump-nums ul li{
		padding-right: 10px;
        margin: 5px 0;
	}
	.jump-nums ul li em.timer{
		font-size: 16px;
	}
	.jump-nums ul li h4{
		font-size: 12px;
	}
	.jump-nums ul li h5{
		display:none
	}
	.jump-nums ul li span{
		font-size: 14px;
	}
	.container{
		width: 100%;
		padding:0 15px;
	}
	.banner-bottom-container {
		width: 100%;
		padding:0 15px;
    }
	.banner-bottom ul li{
		padding: 15px 0;
	}
	.banner-bottom ul li h4{
		font-size: 16px;
	}
	.banner-bottom ul li h5{
		font-size: 14px;
	}
	.banner{
		margin-top:69px
	}
	.banner .choix{
		width:100%;
		top: 40%;
		padding:0 10px;
		white-space:normal;
	}
	.banner .choix span{
		font-size: 14px;
	}
	.banner .choix p{
		font-size: 14px;
	}
	.banner-item-bottom{
		bottom: 10px;
		width:90%
	}
	.banner-item-bottom h3{
		font-size: 14px;
		white-space:nowrap;
	}
	.banner-item-bottom h4{
		font-size: 12px;
	}
	.banner-more{
		 margin-top: 5px
	}
	.banner-more a{
		font-size: 10px;
		white-space:nowrap;
	}
	#go-top{
		display:none
	}
	#footer{
		height:auto;
	}
	.footer-box{
		display: block;
		padding: 30px 0 50px 0;
    }
	.footer-logo{
		width: 55%;
        margin-right: 0px;
	}
	.footer-menu{
		margin-top:20px
	}
	.footer-menu ul li{
		width:50%;
		margin-left: 0px;
		padding-bottom:20px
	}
	.footer-menu ul li ul{
		padding-top: 10px;
	}
	.footer-contact{
		display:block
	}
	.contact-left{
		width:100%;
	}
	.contact-right{
		width:100%;
		text-align: left
	}
	.main{
		padding: 20px 0 0 0;
	}
	.about1-box{
		margin-bottom:100px;
	}
	.about1-text p{
		padding-top: 0px;
	}
	.about2-bg{
		padding: 20px 0 20px 0;
	}
	.about2-float-pic{
		position:relative;
		left:auto;
        top:auto;
        width: 100%;
		margin-bottom:30px
	}
	.about2-pic{
		width: 100%;
	}
	.about2-text{
		width: 100%;
		padding-left: 0;
		padding-top:30px
	}
	.about3-bg{
		padding: 20px 0 20px 0;
	}
	.about3-float-pic{
		position:relative;
		left:auto;
        top:auto;
        width: 100%;
		display:flex
	}
	.about3-float-pic em{
		padding-left: 0px;
	}
	.about3-pic{width: 100%;margin-left:0;margin-top:10px}
	.about3-text{width: 100%;padding-left: 0;}
	.footer-search-box{
		height:auto;
        padding: 30px 0;
	}
	.footer-search-box h2{
		font-size: 18px;
	}
	.footer-search-box h3{
		font-size: 14px;
	}
	.search-input-box{
		margin-top: 20px;
        width: 100%;
    }
	.header-product-category{
		display:none
	}
	.banner-pro{
		top:30%
	}
	.banner-box h2{
		font-size:16px
	}
	.banner-box p{
		font-size:12px
	}
	.product-pic-list .swiper-button-prev{left: 0px;}
	.product-pic-list .swiper-button-next{right: 0px;}
	.banner-box{
		top: 50%;
	}
	.banner-box h3{font-size:16px}
	.main-contact-bg{
		min-height:auto;
	}
	.contact-box{
		margin-left: 0;
        padding: 20px 0 20px 0px;
        margin-top: 30px;
	}
	.contact-text{
		width: 100%;
        padding-right: 0px;
    }
	.map {
		width: 100%;
		margin-top:20px
    }
	.hr-box{
		padding: 20px;
	}
	.main-pd130{
		padding-bottom: 30px;
    }
	.jobs {
       margin-top: 20px;
    }
	.jobs .jobs-head .jobs-item{
		font-size: 14px;
		width:auto
	}
	.jobs .jobs-body .jobs-item{
		font-size: 12px;
		width:auto
	}
	.jobs-data{
		padding: 20px 30px;
	}
	.news-top{
		padding-bottom: 30px;
	}
	.news-top span{
		font-size:14px
	}
	.news-top p{
		font-size:16px
	}
	.news-title{
		padding: 30px 0 20px 0;
	}
	.latest-exh-left{
		width: 100%;
        padding-right: 0px;
	}
	.latest-exh-list {
		width: 100%;
		padding-left: 0px;
		border-left: none;
		border-top: 1px solid #DCDCDC;
		margin-top:10px;
		padding-top:10px
	}
	.latest-exh-list li{
		padding-bottom: 30px;
    }
	.latest-exh-list li h4{
		width:100%
	}
	.news-list .news-item:nth-child(1){
		width: 100%;
        padding-right: 0px;
		margin-bottom:10px
	}
	.news-list .news-item:nth-child(2){
		width: 50%;
		padding-right: 5px;
	}
	.news-list .news-item:nth-child(3){
		width: 50%;
		padding-left: 5px;
	}
	.banner-about{
		position:absolute;
		left:50%;
		top:auto;
		height:100%
	}
	.last-box{
	   display:block
    }
	.mob-lang h3 img{
		width:16px
	}
	.news-pic-list .swiper-button-prev{
		left: 0px;
	}
	.news-pic-list .swiper-button-next{
		right: 0px;
	}
}
@media screen and (max-width: 768px) {
	.grid-box.two>.column{width:100%}
	.grid-box.three>.column{width:100%}
	.grid-box.four>.column{width:100%}
	.grid-box.five>.column{width:100%}
}