@font-face {
	font-family: 'icomoon';
	src:  url('fonts/icomoon.eot?7xfsze');
	src:  url('fonts/icomoon.eot?7xfsze#iefix') format('embedded-opentype'),
	  url('fonts/icomoon.ttf?7xfsze') format('truetype'),
	  url('fonts/icomoon.woff?7xfsze') format('woff'),
	  url('fonts/icomoon.svg?7xfsze#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
  }
  [class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  }
  .icon-phone-call:before {
	content: "\e900";
  }
/*style css*/
* {
	padding: 0;
	margin: 0 auto;
	font-family: SourceHanSansCN-Normal;
}
body {
	max-width: 1920px;
	width: 100%;
	height: 100%;
	background: #fff;
	font-size: 14px;
	font-family: SourceHanSansCN-Normal;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: subpixel-antialiased;
	color: #222;
	line-height: 25px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}


html {
	max-width: 1920px;
	width: 100%;
	height: 100%;
}



p {
	font-size: 16px;
	font-weight: 300;
	margin-top: 0;
	margin-bottom: 0;
	color: #404040;
}



a {
	color: #2a3855;
	font-weight: 400;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}



a:hover,

a:active,

a:focus {
	outline: none !important;
	text-decoration: none !important;
}



img {
	max-width: 100%;
	pointer-events:none!important;
	-webkit-user-select:none!important;
	-moz-user-select:none!important;
	user-select:none!important;
}
ul>li {
	color: #726a84;
	font-size: 16px;
	font-weight: 300;
	list-style-type: none;
}
.typearea {
	margin: auto;
	width: 1200px;
}
#productWeb{
	display:none;
}
#productPc{
	display:block;
}
/* header footer  start*/
.header {
	width: 100%;
}
.headbg {
	height: 80px;
	background-color: #004d90;
	display: flex;
	align-items: center;
}
.headlink {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.header .navbar {
	margin: auto 0;
	border: none;
	background-color: transparent;
}
.header .navbar-default .navbar-nav>li>a {
	color: #FFFFFF;
}
.english {
	margin: 0;
	padding: 5px 30px;
	font-size: 16px;
	letter-spacing: 2px;
	color: #004d90;
	background-color: #ffffff;
	border-radius: 30px;
}
@media (min-width: 992px) {
	.header .navbar-nav>li>a {
		padding-top: 0;
		padding-bottom: 0;
		line-height: 80px;
	}
}
.header .navbar-default .navbar-nav>.active>a,
.header .navbar-default .navbar-nav>.active>a:focus,
.header .navbar-default .navbar-nav>.active>a:hover,
.header .navbar-default .navbar-nav>.open>a,
.header .navbar-default .navbar-nav>.open>a:focus,
.header .navbar-default .navbar-nav>.open>a:hover {
	background-color: #ffffff;
	color: #004d90;
}
.header .navbar-default .navbar-nav>li>a:hover {
	background-color: #ffffff;
	color: #004d90;
}
.header .dropdown-menu {
	min-width: 100%;
}
.navbar .navbar-headerimg {
	display: none;
}
.headup {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100px;
}
.headup .navbar-headerimg {
	margin: 0;
}
.headtel {
	margin: 0;
	display: flex;
	align-items: center;
}
.headteltext {
	margin-left: 10px;
}
.headteltext p {
	font-size: 16px;
	letter-spacing: 2px;
	color: #888888;
	margin-bottom: 5px;
}
.headteltext h5 {
	font-weight: bold;
	font-size: 24px;
	letter-spacing: 2px;
	color: #ef4900;
	margin: 0;
	font-style: italic
}
.footer {
	width: 100%;
	background-color: #313131;
}
.footer-up {
	padding-top: 40px;
	padding-bottom: 40px;
}
.footer-itembox {
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #FFFFFF;
}
.footer-item {
	display: flex;
}
.footer-item p {
	font-size: 16px;
	color: #333333;
	margin: 0 10px 0 0;
	width: 15%;
}
.footer-list {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 0;
}
.footer-list li {
	margin: auto 5px auto 0;
}
.footer-list a {
	font-size: 14px;
	color: #333333;
}
.footer-link {
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
.footer-link li {
	position: relative;
	padding: 0 25px;
	margin: 0;
}
.footer-link li::after {
	content: "";
	position: absolute;
	right: 0;
	top: 5px;
	width: 1px;
	height: 14px;
	background-color: #ffffff;
}
.footer-link li:last-child::after {
	content: none;
}
.footer-link li a {
	font-size: 14px;
	color: #ffffff;
}
.footertext {
	text-align: center;
	margin-top: 40px;
}
.footertext p {
	font-size: 14px;
	color: #ffffff;
}
.footertext a {
	font-size: 14px;
	color: #c2c2c2;
}
.footer-contactbox {
	background: url(../img/q7.jpg) no-repeat center;
	background-size: cover;
}
.footer-contact {
	display: flex;
}
.footer-contactleft {
	width: 50%;
	border-right: 1px solid #FFFFFF;
}
.footer-contactleft h4 {
	font-size: 50px;
	font-weight: bold;
	margin: 0 0 40px 0;
	letter-spacing: 3px;
	color: #ffffff;
}
.footer-contactleft p {
	font-size: 18px;
	letter-spacing: 1px;
	color: #ffffff;
	margin: 0;
}
.footer-contacttext {
	width: 50%;
	padding-left: 100px;
}
.footer-contacttext a {
	background-color: rgba(239, 73, 0, .6);
	border-radius: 4px;
	font-size: 16px;
	line-height: 50px;
	display: inline-block;
	width: 380px;
	height: 50px;
	letter-spacing: 1px;
	color: #ffffff;
	text-align: center;
}
.footer-contacttext a:hover {
	background-color: rgba(239, 73, 0, 1);
	color: #ffffff;
	transition: all 0.3s 0.3s cubic-bezier(0.33, 0.25, 0.33, 1);
}
.footer-contacttext a img {
	margin-right: 10px;
}
.contacttextup {
	display: flex;
	text-align: center;
	margin-bottom: 20px;
}
.contacttextup h5 {
	font-size: 36px;
	letter-spacing: 2px;
	color: #ffffff;
	margin: 0 0 10px 0;
}
.contacttextup p {
	font-size: 12px;
	letter-spacing: 1px;
	color: #ffffff;
	margin: 0;
}
.contacttextleft {
	margin: 0 10px 0 0;
}
.contacttextright {
	margin: 0;
	text-align: left;
}
/* header footer  end*/
/* other  start*/
.slider .swiper-pagination-bullet {
	background: transparent;
	border: 1px solid #FFFFFF;
	opacity: 1;
}
.slider .swiper-pagination-bullet-active {
	opacity: 1;
	background: #ffffff;
}
.content {
	width: 100%;
	padding-top: 80px;
	padding-bottom: 80px;
}
.index-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.titleleft,
.titleright {
	margin: 0;
}
.titleleft h4 {
	font-size: 30px;
	letter-spacing: 3px;
	color: #004d90;
	margin: 0 0 10px 0;
}
.titleleft p {
	font-size: 14px;
	letter-spacing: 1px;
	color: #999999;
	margin: 0;
}
.titleright a {
	border-radius: 20px;
	border: solid 1px #004d90;
	font-size: 16px;
	color: #004d90;
	padding: 5px 30px;
}
.titleright a:first-child {
	background-color: #004d90;
	color: #FFFFFF;
	margin-right: 10px;
}
.index-brand ul {
	display: flex;
	flex-wrap: wrap;
	margin: 60px -12px 0 0;
}
.index-brand ul li {
	width: calc(20% - 12px);
	margin: 0 12px 12px 0;
	box-shadow: -1px 6px 12px 1px rgba(33, 37, 99, 0.08);
	border-radius: 6px;
	padding: 0 20px;
}
.index-brand ul li a {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 80px;
	height: 80px;
	font-size: 16px;
	color: #666666;
	text-align: center;
	    display: inline-block;
}
.index-brand ul li:hover {
	background-color: #004d90;
	color: #FFFFFF;
}
.index-brand ul li:hover a {
	color: #FFFFFF;
}
.inndex-about {
	background-color: #f2f2f2;
	padding-bottom: 180px;
	position: relative;
}
.aboutflex {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 60px;
}
.aboutflex-left {
	width: 55%;
	padding-right: 60px;
}
.aboutflex-left h4 {
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #333333;
	margin: 0 0 25px 0;
}
.aboutflex-left p {
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 2px;
	color: #666666;
	margin: 0;
	text-indent: 25px;
}
.aboutflex-left .blueline {
	width: 100px;
	height: 2px;
	background-color: #004d90;
	margin: 20px 0 40px;
}
.aboutflex-left a {
	padding: 15px 30px;
	background-color: #ef4900;
	border-radius: 25px;
	font-size: 16px;
	letter-spacing: 2px;
	color: #FFFFFF;
	display: inline-block;
	margin-top: 40px;
}
.aboutflex-left a:hover {
	background-color: #FFFFFF;
	color: #ef4900;
}
.aboutflex-right {
	width: 45%;
	text-align: center;
}
.inndex-about ul {
	display: flex;
	margin: 0;
	padding: 20px 30px;
	background-color: #FFFFFF;
	box-shadow: -1px 6px 12px 1px rgba(33, 37, 99, 0.08);
	position: absolute;
	bottom: -100px;
	width: 1200px;
}
.inndex-about ul li {
	width: 25%;
	text-align: center;
}
.inndex-about ul li:hover .aboutshow {
	display: none;
}
.inndex-about ul li:hover .abouthide {
	display: block;
}
.abouthide {
	display: none;
}
.inndex-about ul li p {
	font-size: 18px;
	letter-spacing: 2px;
	color: #333333;
	margin: 40px 0 0 0;
}
.inndex-about ul li:hover p {
	color: #004d90;
}
.index-news {
	padding-top: 200px;
}
.news-item {
	width: 30%;
	margin-right: 20px;
}
.news-item3 {
	width: 40%;
	margin-right: 0;
}
.news-item h4 {
	font-size: 18px;
	color: #333333;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news-item h4:hover {
	color: #158fdc;
}
.news-item1 {
	padding: 30px 20px;
}
.news-item1 h4 {
	margin-bottom: 30px;
}
.news-item1 img {
	margin-top: 30px;
	width: 100%;
	max-height: 310px;
}
.news-item p {
	font-size: 12px;
	line-height: 24px;
	color: #666666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 0;
}
.newsup {
	padding: 30px 20px;
}
.newsup:hover {
	box-shadow: 0px 7px 9px 1px rgba(90, 90, 90, 0.1);
}
.newimg {
	margin: 0;
}
.newimg2 {
	display: none;
}
.newimg1 {
	display: block;
}
.newsup:hover .newimg1 {
	display: none;
}
.newsup:hover .newimg2 {
	display: block;
}
.newsup h4 {
	margin-bottom: 20px;
}
.newsdown {
	margin-top: 30px;
	border-top: 1px solid #d5d5d5;
	display: flex;
	justify-content: space-between;
	padding: 20px 0 0;
	align-items: center;
}
.newsleft {
	margin: 0;
	text-align: center;
}
.newsleft p:first-child {
	font-size: 30px;
	color: #333333;
	font-weight: bold;
}
.news-list {
	padding: 20px;
	border-bottom: 1px solid #d5d5d5;
	display: flex;
	align-items: center;
}
.news-list:last-child {
	border-bottom: none;
}
.news-list .newsleft {
	width: 25%;
}
.news-list .newsright {
	width: 75%;
}
.newsright h4 {
	margin-bottom: 10px;
}
.newflex {
	display: flex;
	width: 100%;
	margin-top: 60px;
}
.newsflexleft {
	width: 35%;
	padding: 30px;
	background-color: #f7fafd;
}
.newsflexleft h5 {
	font-size: 20px;
	letter-spacing: 2px;
	color: #888888;
	margin: 20px 0 40px;
}
.newsflexleft h4 {
	font-size: 18px;
	letter-spacing: 2px;
	color: #333333;
	margin: 0 0 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.newsflexleft p {
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 0px;
	color: #999999;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	margin-bottom: 25px;
}
.newflex ul {
	width: 65%;
	padding-left: 75px;
	margin-bottom: 0;
}
.newflex ul li {
	border-bottom: 1px solid #f2f2f2;
	padding: 20px;
}
.newflex ul li:first-child {
	border-top: 1px solid #f2f2f2;
}
.indexnewtext {
	display: flex;
	justify-content: space-between;
}
.newflex ul li h5 {
	font-size: 18px;
	letter-spacing: 2px;
	color: #333333;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.newflex ul li span {
	font-size: 14px;
	letter-spacing: 1px;
	color: #888888;
	margin: 0;
}
.newflex ul li p {
	font-size: 12px;
	line-height: 24px;
	color: #999999;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	width: 80%;
}
.newimghide {
	display: none;
}
.newflex ul li:hover {
	box-shadow: 0px 2px 3px 0px rgba(34, 34, 34, 0.08);
}
.newflex ul li:hover h5 {
	color: #004d90;
}
.newflex ul li:hover .newimghide {
	display: block;
}
.newflex ul li:hover .newimgshow {
	display: none;
}
.indexnewtext1 {
	align-items: flex-end;
	margin-top: 20px;
}
.productswiper .swiper-slide {
	width: 33.33%;
	height: 330px;
}
.inedx-product {
	background: url(../img/a3.jpg) no-repeat center;
	background-size: cover;
}
.inedx-product .titleleft h4,
.inedx-product .titleleft p {
	color: #FFFFFF;
}
.inedx-product .titleright a:first-child {
	background-color: #ffffff;
	color: #004d90;
}
.inedx-product .titleright a {
	border: solid 1px #ffffff;
	color: #FFFFFF;
}
.productswiper {
	margin-top: 60px;
}
.productswiper .inedx-producttext {
	text-align: center;
	padding-top: 10px;
}
.productswiper .inedx-producttext p {
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 2px;
	color: #ffffff;
	margin: 30px 0 0;
}
.productswiper .inedx-producttext:hover{
	transition: all 0.3s 0.3s cubic-bezier(0.33, 0.25, 0.33, 1);
	margin-top: -10px;
}
.productswiper .swiper-pagination {
	bottom: 0 !important;
}
.productswiper .swiper-pagination-bullet {
	background: #ffffff;
	opacity: 1;
}
.productswiper .swiper-pagination-bullet-active {
	opacity: 1;
	background: transparent;
	border: 1px solid #FFFFFF;
}
.strategic ul {
	display: flex;
	flex-wrap: wrap;
	margin: 60px 0 0;
}
.strategic ul li {
	width: 33.33%;
	text-align: center;
	margin: 0 0 10px 0;
}
.strategic ul li:hover{
	border: 1px solid #E5E5E5;
}
.index-contact {
	background: url(../img/a4.jpg) no-repeat center;
	background-size: cover;
}
.index-contactflex {
	display: flex;
	justify-content: space-between;
}
.index-contactleft {
	width: 30%;
	margin: 0;
}
.index-contactleft .titleleft h4 {
	color: #FFFFFF;
}
.index-contactleft a {
	padding: 5px 30px;
	background-color: #FFFFFF;
	border-radius: 15px;
	display: inline-block;
	margin-top: 50px;
}
.index-contactleft a:hover {
	background-color: #ef4900;
}
.index-contact ul {
	display: flex;
	justify-content: space-between;
	margin: 0;
	width: 70%;
	padding-left: 30px;
	flex-wrap: wrap;
}
.index-contact ul li {
	width: 50%;
	font-size: 16px;
	line-height: 48px;
	letter-spacing: 2px;
	color: #ffffff;
}
.index-ipt {
	text-align: center;
}
.indexipeflex {
	display: flex;
	flex-wrap: wrap;
	margin-right: -30px;
}
.indexipeflex input {
	width: calc(33.33% - 30px);
	margin: 0 30px 0 0;
	border-radius: 6px;
	border: solid 1px #999999;
	line-height: 60px;
	padding-left: 10px;
	outline: none;
}
.index-ipt textarea {
	width: 100%;
	padding: 10px 0 0 10px;
	border-radius: 6px;
	border: solid 1px #999999;
	height: 100px;
	margin-top: 30px;
	outline: none;
}
.index-ipt .button {
	background-color: #004d90;
	border-radius: 6px;
	line-height: 60px;
	font-size: 24px;
	color: #ffffff;
	width: 300px;
	margin-top: 40px;
	outline: none;
	border: none;
}
.contentlink {
	height: 60px;
	background-color: #f9f9f9;
	border: solid 1px #eeeeee;
	width: 100%;
}
.contentlink p {
	font-size: 14px;
	letter-spacing: 1px;
	color: #333333;
	line-height: 60px;
	padding-left: 40px;
	margin-bottom: 0;
}
.contentbg {
	background-color: #f9f9f9;
	border: solid 1px #eeeeee;
	padding: 40px;
}
.contentfbg {
	padding: 40px;
}
.pagetitle h3 {
	font-size: 60px;
	font-weight: bold;
	line-height: 50px;
	letter-spacing: 3px;
	color: #cccccc;
	margin: 0 0 20px 0;
}
.pagetitle p {
	font-size: 20px;
	letter-spacing: 2px;
	color: #333333;
	margin: 0;
}
.about {
	margin: 40px auto 0;
	width: 80%;
}
.abouttitle {
	text-align: center;
	margin-bottom: 40px;
}
.abouttitle h4 {
	font-size: 30px;
	color: #333333;
	margin: 0 0 20px 0;
}
.aboutline {
	width: 56px;
	height: 2px;
	background-color: #004d90;
}
.about p {
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 0px;
	color: #666666;
	text-indent: 25px;
}
.about img{
	width: 49%;
	margin: 0 0 5px 0;
}
.about ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0;
}
.about ul li {
	width: 49%;
	margin: 0 0 20px 0;
}
.news {
	width: 90%;
	margin: 60px auto;
}
.news li {
	border-bottom: 1px solid #f2f2f2;
	height: 60px;
	padding: 0 20px;
}
.news li:first-child {
	border-top: 1px solid #f2f2f2;
}
.news li a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	line-height: 60px;
}
.news li h5 {
	width: 20%;
	text-align: left;
}
.news li p {
	width: 70%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news li h5,
.news li p {
	font-size: 16px;
	letter-spacing: 1px;
	color: #333333;
	margin: 0;
}
.newiimg {
	margin: 0;
	width: 10%;
	text-align: right;
}
.newhide {
	display: none;
}
.news li:hover {
	background-color: rgba(0, 77, 144, 0.2);
	padding-left: 40px;
	transition: all 0.3s 0.3s cubic-bezier(0.33, 0.25, 0.33, 1);
}
.news li:hover .newshow {
	display: none;
}
.news li:hover .newhide {
	display: block;
}
.details {
	width: 90%;
	margin: auto;
}
.detailstitle h5 {
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #666666;
	margin: 0 0 40px 0;
}
.detailstitle h4 {
	font-size: 30px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #333333;
	margin: 0 0 20px 0;
}
.detailstitle p {
	font-size: 16px;
	letter-spacing: 1px;
	color: #333333;
	margin: 0;
}
.detailstext {
	margin-top: 60px;
	text-align: center;
}
.detailstext p {
	font-size: 16px;
	line-height: 50px;
	letter-spacing: 1px;
	color: #333333;
	margin: 0;
	text-indent: 25px;
	text-align: left;
}
.detailstext img {
	margin: 20px auto;
}
.content_text {
	width: 100%;
	display: flex;
}
.content_textleft {
	width: 23%;
	margin: 0 auto;
	padding-right: 40px;
}
.content_textleft li {
	padding: 0 10px;
	border-bottom: solid 1px #dedede;
	line-height: 50px;
}
.content_textright {
	width: 77%;
	border: solid 1px #eeeeee;
	padding: 40px 20px;
}
.content_textleftone {
	height: 50px;
	background-color: #004d90;
}
.content_textleftup {
	font-size: 20px;
	color: #ffffff;
	margin-bottom: 0;
}
.content-active a,
.content-active i {
	color: #004d90 !important;
}
.content_textlefttwo {
	display: flex;
	width: 100%;
	justify-content: space-between;
}
.content_textlefttwo a {
	font-size: 14px;
	color: #666666;
	margin: 0;
	width: 100%;
}
.content_textlefttwo a:hover,

a:active,

a:focus,
.content_textlefttwo:hover {
	outline: none;
	text-decoration: none;
	color: #004d90;
}
.content_textleft li i {
	margin: 0;
}
.content_textrightbottom {
	padding: 40px 20px;
}
.product h5 {
	font-size: 30px;
	font-weight: bold;
	line-height: 48px;
	letter-spacing: 2px;
	color: #004d90;
	margin: 0;
	text-align: center;
}
.producttitle {
	display: flex;
	margin: 40px 0;
	justify-content: start;
	text-align: center;
}
.producttitle li {
	height: 40px;
	background-color: #eeeeee;
	margin: 0;
	/*width: 100px;*/
	border: solid 1px #eeeeee;
	margin-right: 10px;
}
.producttitle li a {
	font-size: 16px;
	line-height: 40px;
	color: #141414;
	padding:10px;
}
.producttitle .active {
	background-color: #ffffff;
}
.productdowm {
	text-align: center;
}
.productdowm P {
	font-size: 16px;
	line-height: 48px;
	letter-spacing: 1px;
	color: #333333;
	margin-bottom: 0;
	text-indent: 25px;
	text-align: left;
}
.productdowm img {
	margin: 15px 0;
}
.market {
	margin: 60px auto;
	width: 70%;
}
.marketbg {
	background-image: linear-gradient(-37deg,
		#143682 0%,
		#4341aa 100%);
	border-radius: 4px;
	padding: 55px 30px;
	text-align: center;
}
.marketbg h5 {
	font-size: 20px;
	letter-spacing: 2px;
	color: #ffffff;
	margin: 0;
}
.marketbg h4 {
	font-size: 36px;
	letter-spacing: 4px;
	color: #ffffff;
	margin: 30px 0;
	font-style: italic;
}
.marketbg p {
	font-size: 16px;
	letter-spacing: 2px;
	color: #ffffff;
	margin: 0;
}
.markettext {
	margin-top: 60px;
}
.markettext h4 {
	font-size: 20px;
	letter-spacing: 2px;
	color: #333333;
	margin: 0 0 20px 0;
}
.markettext p {
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 2px;
	color: #333333;
	margin: 0;
}
.marketipt {
	margin-top: 60px;
}
.iptflex {
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}
.iptflex p {
	width: 20%;
}
.iptflex input {
	width: 80%;
	line-height: 30px;
	background-color: #f8f8f8;
	border: solid 1px #333333;
	padding-left: 10px;
	outline: none;
}
.iptflex textarea {
	width: 80%;
	background-color: #f8f8f8;
	border: solid 1px #333333;
	padding-left: 10px;
	padding-top: 10px;
	height: 140px;
	outline: none;
}
.markettext .button {
	line-height: 60px;
	background-color: #143682;
	width: 100%;
	outline: none;
	font-size: 20px;
	color: #ffffff;
	border: none;
}
.contentimg {
	width: 100%;
}
.jobbox {
	width: 90%;
	margin: 60px auto;
}
.job {
	box-shadow: 0px 7px 9px 1px rgba(134, 134, 134, 0.13);
	border: solid 1px #e5e5e5;
	padding: 0 20px;
	margin-bottom: 20px;
}
.job-show {
	display: flex;
	border-bottom: 1px solid #e5e5e5;
	padding: 30px 0;
}
.job-text {
	width: 80%;
	margin: auto auto auto 0;
}
.jobbtnin {
	margin: auto 0 auto auto;
	width: 20%;
	text-align: right;
}
.jobbtnin .button {
	padding: 8px 25px;
	background-color: #004d90;
	border-radius: 4px;
	font-size: 14px;
	border: none;
	letter-spacing: 1px;
	color: #ffffff;
	outline: none;
}
.jobbtnin button:hover {
	color: #ffffff;
}
.job-text p {
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 2px;
	color: #333333;
	margin-bottom: 20px;
}
.job-text ul {
	display: flex;
	justify-content: start;
	margin: 0;
}
.job-text ul li {
	font-size: 16px;
	letter-spacing: 2px;
	color: #999999;
	border-right: 1px solid #333333;
	margin: auto 15px auto 0;
	padding-right: 15px;
}
.job-text ul img {
	margin-right: 10px;
}
.job-text ul li:last-child {
	border-right: none;
}
.job-hide {
	padding: 30px 0;
	border-bottom: 1px solid #bfbfbf;
	display: none;
}
.job-hidetext {
	margin-bottom: 20px;
}
.job-hidetitle {
	display: flex;
	justify-content: start;
	align-items: center;
	margin-bottom: 20px;
}
.job-hidetitle img {
	margin: 0;
}
.job-hidetitle p {
	font-size: 16px;
	letter-spacing: 2px;
	color: #333333;
	margin: auto auto 0 10px;
}
.job-hidetext ul {
	margin-bottom: 0;
}
.job-hidetext ul li {
	font-size: 14px;
	letter-spacing: 1px;
	color: #333333;
	margin-bottom: 20px;
}
.job-hidetext ul li:last-child {
	margin-bottom: 0;
}
.jobbtn-show,
.jobbtn-hide {
	height: 60px;
	line-height: 60px;
	text-align: center;
	cursor: pointer;
}
.jobbtn-hide {
	display: none;
}
.jobbtn-show span,
.jobbtn-hide span {
	font-size: 14px;
	letter-spacing: 2px;
	color: #333333;
}
/* .clickshow {
	position: absolute;
	background-color: rgba(0, 0, 0, .9);
	text-align: center;
	width: 100%;
	height: 300%;
	top: 0;
	left: 0;
	display: flex;
	z-index: 10000;
}
.click{
	width: 280px;
	height: 180px;
	background-color: #ffffff;
	border-radius: 4px;
	display: flex;
	align-items: center;
}
.click h5 {
	font-size: 16px;
	letter-spacing: 1px;
	color: #333333;
	margin: 0 0 10px 0;
}
.click p {
	font-size: 16px;
	letter-spacing: 2px;
	color: #004d90;
	margin: 0;
} */
.contact {
	padding-bottom: 40px;
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #dedede;
}
.contacttext {
	width: 50%;
}
.contacttext h4 {
	font-size: 30px;
	font-weight: bold;
	letter-spacing: 3px;
	color: #004d90;
	margin: 0 0 40px 0;
}
.contacttext ul {
	margin-bottom: 0;
}
.contacttext ul li {
	font-size: 16px;
	line-height: 36px;
	letter-spacing: 2px;
	color: #333333;
}
.contactimg {
	width: 50%;
	text-align: right;
}
.contact-map {
	width: 100%;
	height: 600px;
	margin: 40px auto;
}
/* other  end*/
@media screen and (min-width: 0px) and (max-width: 1300px) {
	.typearea {
		padding-left: 4%;
		padding-right: 4%;
		width: 100%;
	}
}
@media screen and (min-width: 0px) and (max-width: 991px) {
	.header {
		display: block;
		position: fixed;
		top: 0;
		z-index: 1111;
		width: 100%;
		background-color: #ffffff;
		border-bottom: 1px solid #e0e0e0;
		height: 60px;
	}
	.header .navbar-default {
		background-color: #ffffff;
		border: none;
	}
	.header .navbar {
		margin-bottom: 0;
	}
	.header .navbar-collapse {
		text-align: center;
	}
	.header .dropdown-menu {
		position: static;
		float: none;
		text-align: center;
		border: 1px solid #ccc;
		border: 1px solid transparent;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.header .navbar-toggle {
		margin-top: 13px;
		margin-bottom: 13px;
	}
	.caret {
		display: inline-block;
		width: 0;
		height: 0;
		top: 20px;
		position: absolute;
		margin-left: 4px;
		vertical-align: middle;
		border-top: 4px dashed;
		border-top: 4px solid;
		border-right: 4px solid transparent;
		border-left: 4px solid transparent;
	}
	.header .navbar-default .navbar-nav>li>a {
		color: #333;
	}
	.header .dropdown-menu>li>a {
		color: #666;
	}
	.header .navbar-nav .open .dropdown-menu .dropdown-header,
	.header .navbar-nav .open .dropdown-menu>li>a {
		padding: 5px 15px;
	}
	.navbar .navbar-headerimg {
		display: flex;
		align-items: center;
		height: 60px;
	}
	.headbg {
		height: 60px;
		background-color: transparent;
	}
	.english {
		display: none;
	}
	.headlink {
		height: 60px;
		display: block;
	}
	.navbar .navbar-headerimg .logo {
		margin: 0;
		width: 180px;
	}
	.headup {
		display: none;
	}
	.adbox {
		margin-top: 60px;
	}
}
@media screen and (min-width: 992px) and (max-width: 1300px) {
	/* 中型设备（台式电脑，992px 起） */
.content {
    padding-top: 60px;
    padding-bottom: 60px;
}
.index-brand ul li {
    padding: 0 10px;
}
.inndex-about ul{
	position: inherit;
	width: 100%;
	margin-top: 40px;
}
.footer-item p {
    width: 23%;
}
.market {
    width: 90%;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	/* 小型设备（平板电脑，768px 起） */
.content {
    padding-top: 50px;
    padding-bottom: 50px;
}
.index-brand ul li {
    width: calc(25% - 12px);
    padding: 0 10px;
}
.index-brand ul {
    margin: 50px -12px 0 0;
}
.aboutflex {
    margin-top: 40px;
}
.inndex-about ul {
    position: inherit;
    bottom: 0;
    width: 100%;
	margin-top: 30px;
}
.aboutflex-left a {
    margin-top: 20px;
	padding: 10px 20px;
}
.aboutflex-left {
    padding-right: 10px;
}
.newflex ul {
    width: 65%;
    padding-left: 20px;
    margin-bottom: 0;
}
.indexnewtext1{
	display: flex !important;
	margin-top: 10px;
}
.indexnewtext{
	display: block;
}
.newsflexleft {
    padding: 20px;
}
.productswiper .swiper-slide {
    height:240px;
}
.productswiper .inedx-producttext p {
    font-size: 14px;
    margin: 20px 0 0;
}
.strategic ul {
    margin: 40px 0 0;
}
.index-contactleft a {
    margin-top: 30px;
}
.index-contact ul li {
    width: 100%;
    line-height: 24px;
}
.index-ipt button {
    line-height: 50px;
    width: 240px;
    margin-top: 30px;
}
.footer-link li {
    padding: 0 10px;
}
.footertext {
    margin-top: 20px;
}
.footer-item p {
    width: 35%;
	font-size: 14px;
}
.pagetitle h3 {
    font-size: 40px;
}
.about {
    width: 90%;
}
.footer-contactleft h4 {
    font-size: 36px;
    margin: 0 0 20px 0;
}
.footer-contactleft p {
    font-size: 16px;
}
.footer-contacttext {
    padding-left: 10px;
}
.footer-contacttext a {
    line-height: 35px;
    width: 200px;
    height: 35px;
}
.contact {
    display: block;
}
.contacttext {
    width: 80%;
}
.contactimg {
    width: 100%;
    text-align: center;
	margin-top: 20px;
}
.contact-map {
    height: 300px;
}
.market {
    margin:40px auto;
    width: 90%;
}
.contentlink p {
    padding-left: 20px;
}
.detailstext {
    margin-top: 40px;
}
.content_textleft {
    padding-right: 10px;
}
	.content_textleftup {
		font-size: 18px;
	}
	.content_textlefttwo a {
		font-size: 14px;
	}
	.content_textleft li {
		padding: 0 14px;
		line-height: 40px;
	}
	.content_textleftone {
		height: 40px;
	}
	.content_textright {
	    padding: 30px 20px;
	}
	.producttitle {
	    display: flex;
	    margin: 30px 0;
		flex-wrap: wrap;
	}
}
@media screen and (max-width: 767px) {
	/* 超小设备（手机，小于 768px） */
	#productWeb{
		display:block;
	}
	#productPc{
		display:none;
	}
	.content {
	    padding-top: 30px;
	    padding-bottom: 30px;
	}
	.titleleft h4 {
	    font-size: 22px;
	    letter-spacing: 1px;
	}
	.titleleft p {
	    font-size: 12px;
	}
	.titleright a {
	    font-size: 14px;
	    padding: 5px 10px;
	}
	.index-brand ul {
	    display: flex;
	    flex-wrap: wrap;
	    margin: 30px -10px 0 0;
	}
	.index-brand ul li {
	    width: calc(33.33% - 10px);
	    margin: 0 10px 10px 0;
	    padding: 0 8px;
	}
	.aboutflex {
	    display: block;
	    margin-top: 30px;
	}
	.aboutflex-left {
	    width: 100%;
	    padding-right: 0;
		text-align: center;
	}
	.aboutflex-left .blueline {
	    margin: 20px auto;
	}
	.aboutflex-left p {
	    line-height: 22px;
		text-align: left;
	}
	.aboutflex-left a {
	    padding: 8px 15px;
	    font-size: 16px;
	    margin-top: 20px;
	}
	.aboutflex-right {
	    width: 100%;
	    text-align: center;
		margin-top: 20px;
	}
	.inndex-about ul {
	    display: flex;
	    padding: 10px;
	    position: inherit;
	    bottom:0;
	    width: 100%;
		margin-top: 20px;
	}
	.inndex-about ul li {
	   padding: 10px;
	}
	.inndex-about ul li p {
	    font-size: 14px;
	    letter-spacing: 0;
	    margin: 20px 0 0 0;
	}
	.newflex {
	    display: block;
	    width: 100%;
	    margin-top: 30px;
	}
	.newsflexleft {
	    width: 100%;
	    padding:10px;
	}
	.newflex ul {
	    width: 100%;
	    padding-left:0;
	    margin: 20px 0 0;
	}
	.indexnewtext {
	    display: block;
	}
	.indexnewtext1 {
	   display: flex;
	}
	.newflex ul li h5 {
	    margin: 0 0 10px 0;
	}
	.productswiper .swiper-slide {
	    width: 50%;
	    height: 200px;
	}
	.productswiper .inedx-producttext p {
	    font-size: 12px;
	    line-height: 22px;
	    letter-spacing: 0;
	    margin: 10px 0 0;
	}
	.productswiper {
	    margin-top: 30px;
	}
	.strategic ul {
	    margin: 30px 0 0;
	}
	.strategic ul li {
	    width: 50%;
	}
	.index-contactleft {
	    width: 100%;
	    margin: 0;
		display: flex;
		justify-content: space-between;
	}
	.index-contact ul {
	    display: block;
	    width: 100%;
	    padding-left: 0;
		margin-top: 20px;
	}
	.index-contactflex {
	    display: block;
	}
	.index-contactleft a {
	    padding: 2px 10px;
	    background-color: #FFFFFF;
	    border-radius: 15px;
	    display: inline-block;
	    margin: 0;
		height: 30px;
	}
	.index-contact ul li {
	    width: 100%;
	    line-height: 22px;
	}
	.indexipeflex {
	    margin-right: -5px;
	}
	.indexipeflex input {
	    width: calc(33.33% - 5px);
	    margin: 0 5px 0 0;
	    line-height: 40px;
	}
	.index-ipt textarea {
	    height: 60px;
	    margin-top: 20px;
	}
	.index-ipt button {
	    line-height: 40px;
	    font-size: 18px;
	    width: 100px;
	    margin-top: 20px;
	}
	.footer-up {
	    padding-top: 30px;
	    padding-bottom: 30px;
	}
	.footer-link li {
	    position: relative;
	    padding: 0 5px;
	    margin: 0;
	}
	.footer-link {
	    margin: 0 auto;
	    display: flex;
	    flex-wrap: wrap;
	}
	.footertext {
	    margin-top: 20px;
	}
	.footer-item {
	    display: block;
	}
	.footer-item p {
	    width: 100%;
	}
	.contentlink p {
	    line-height: 40px;
	    padding-left: 10px;
		font-size: 13px;
	}
.contentlink {
    height: 40px;
}
.contentbg {
    padding: 20px;
}
.pagetitle h3 {
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 10px 0;
}
.pagetitle p {
    font-size: 16px;
}
.about {
    margin: 30px auto 0;
    width: 100%;
}
.abouttitle h4 {
    font-size: 18px;
}
.abouttitle {
    margin-bottom: 20px;
}
.about p {
    font-size: 14px;
    line-height: 22px;
}
.footer-contact {
    display: block;
}
.footer-contactleft {
    width: 100%;
    border-right: none;
	text-align: center;
}
.footer-contactleft h4 {
    font-size: 24px;
    margin: 0 0 20px 0;
}
.footer-contactleft p {
    font-size: 14px;
}
.footer-contacttext {
    padding-left: 0;
	    width: 100%;
		text-align: center;
		margin-top: 20px;
}
.contacttextup h5 {
    font-size: 18px;
}
.contacttextup {
    justify-content: center;
}
.footer-contacttext a {
    font-size: 14px;
    line-height: 30px;
    width: 200px;
    height: 30px;
}
.contact {
    padding-bottom: 30px;
    display: block;
	margin-top: 0;
}
.contacttext {
    width: 100%;
	margin-bottom: 20px;
}
.contacttext h4 {
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 30px 0;
	text-align: center;
}
.contacttext ul li {
    font-size: 14px;
    line-height: 26px;
}
.contactimg {
    width: 100%;
    text-align: center;
}
.contact-map {
    height: 200px;
    margin: 30px auto;
}
.jobbox {
    width: 100%;
    margin: 30px auto;
}
.job-show {
    display: block;
    padding: 20px 0;
}
.job-text p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
}
.job-text {
    width: 100%;
}
.job-text ul li {
    font-size: 14px;
    letter-spacing: 0;
    margin: auto 5px auto 0;
    padding-right: 5px;
}
.jobbtnin {
    margin: 20px 0 auto auto;
    width: 100%;
}
.jobbtn-show, .jobbtn-hide {
    height: 40px;
    line-height: 40px;
}
.jobbtnin button {
    padding: 5px 15px;
}
.job-hide {
    padding: 20px 0;
}
.job-hidetext ul li {
    margin-bottom: 10px;
}
.market {
    margin: 30px auto;
    width: 100%;
}
.marketbg {
    padding: 30px 20px;
}
.marketbg h5 {
    font-size: 18px;
}
.marketbg h4 {
    font-size: 20px;
    margin: 20px 0;
}
.marketbg p {
    font-size: 14px;
}
.markettext {
    margin-top: 30px;
}
.markettext h4 {
    font-size: 18px;
}
.markettext p {
    font-size: 14px;
    line-height: 22px;
}
.marketipt {
    margin-top: 30px;
}
.iptflex {
    margin-bottom: 20px;
}
.iptflex p {
    width: 28%;
}
.iptflex input {
    width: 72%;
    line-height: 26px;
}
.iptflex textarea {
    width: 72%;
    height: 60px;
}
.markettext button {
    line-height: 40px;
    font-size: 16px;
}
.news {
    width: 100%;
    margin: 30px auto 0;
}
.news li {
    height:auto;
    padding: 10px;
}
.news li a {
    display: block;
    line-height: inherit;
}
.news li p {
    width: 100%;
	margin-top: 10px;
}
.newiimg {
   display: none;
}
.detailstitle h5 {
    margin: 0 0 20px 0;
}
.detailstitle h4 {
    font-size: 20px;
}
.details {
    width: 100%;
}
.detailstext {
    margin-top: 30px;
}
.detailstext p {
    font-size: 14px;
    line-height: 26px;
}
	.content_text {
		margin: 0;
		display: block;
	}
	.content_textleft {
		width: 100%;
		padding-right: 0;
		display:none;
	}
	.content_textleft li {
		padding: 0 10px;
		line-height: 40px;
	}
	.content_textleftone {
		height: 40px;
	}
	.content_textleftup {
		font-size: 16px;
	}
	.content_textlefttwo a {
		font-size: 14px;
	}
	.content_textright {
		margin-top: 30px;
		padding: 20px;
		width: 100%;
	}
	.product h5 {
	    font-size: 20px;
	    line-height: 26px;
	}
	.producttitle {
	    margin: 20px 0;
	    flex-wrap: wrap;
	}
	.producttitle li a {
	    font-size: 14px;
	}
	.productdowm P {
	    font-size: 14px;
	    line-height: 26px;
	}
}
.tel{
	width: 50px;
	height:50px;
	background-color:#079fde ;
	z-index: 9999;
	position: fixed;
	right: 15px;
	bottom:200px;
	border-radius: 50px;
	text-align: center;
	display:none;
}
@media screen and (max-width:992px) {
	.tel{
		display: block !important;
	}
}
.tel span{
	color: #fff;
	line-height: 50px;
	font-size: 20px;
}
  /*关闭弹窗*/
  .popBox {
	display: none;
}
/*打开弹窗*/
.popBox:target {
	align-items: center;
	display: flex;
	justify-content: center;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
/*设置弹窗内容*/
.popBox .con {
	background-color:#079fde ;
	border-radius: 50px;
	margin: auto;
	position: fixed;
	bottom: 20px;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	z-index: 9998;
}

.popBox .con a{
	color: #fff;
	font-size:16px ;
}