@charset "utf-8";

/* CSS Document */
html {
	font-size: 62.5%;
	height: 100%
}

body {
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	height: 100%;
	background: #fff;
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	overflow-x: hidden;
}

img {
	border: none;
}

ul li {
	list-style-type: none;
}

ul,
form,
p,
a,
img,
table,
tr,
td,
li,
dd,
dt,
dl,
span {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #333;
}

img {
	display: block;
}

a {
	text-decoration: none;
	color: #333;
	outline: none;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
}

h1,
h2 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #333;
}

.clear {
	clear: both;
}

.maln {
	margin-left: auto !important
}

input,
textarea,
select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	color: #999999;
	border: none;
	outline: none;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
menu {
	display: block
}

::selection {
	color: #fff;
	background: #0068b7;
}

* {
	margin: 0px;
	padding: 0px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.fons0 {
	font-size: 0px;
	font-size: 0rem;
}

::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #4d4d4d;
	opacity: 1
}

:-o-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #4d4d4d;
	opacity: 1
}

::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #4d4d4d;
	opacity: 1
}

:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #4d4d4d;
	opacity: 1
}

@media screen and (min-width:1420px) {
	.zong {
		width: 1400px;
		margin: auto;
	}
}

@media screen and (max-width:1419px) {
	.zong {
		width: 1200px;
		margin: auto;
	}
}

@media screen and (min-width:1000px) and (max-width:1219px) {
	.zong {
		width: 980px;
		margin: auto;
	}
}

@media screen and (max-width:999px) {
	.zong {
		width: 95%;
		margin: auto;
	}
}

@media screen and (min-width:1220px) {
	.zong2 {
		width: 1200px;
		margin: auto;
	}
}

@media screen and (min-width:1000px) and (max-width:1219px) {
	.zong2 {
		width: 980px;
		margin: auto;
	}
}

@media screen and (max-width:999px) {
	.zong2 {
		width: 95%;
		margin: auto;
	}
}

.at-resp-share-element .at4-share-count-container {
	text-decoration: none;
	float: right;
	padding-right: 15px;
	line-height: 25px !important;
}

.at-resp-share-element .at-icon {
	width: 24px !important;
	height: 24px !important;
}

.at-style-responsive .at-share-btn {
	padding: 0 !important;
	border-radius: 2px !important;
}

.at-resp-share-element .at-share-btn .at-icon-wrapper {
	width: 24px !important;
	height: 24px !important;
}

.at-resp-share-element .at-share-btn {
	margin-bottom: 0 !important;
	margin-right: 3px !important;
}

.at-resp-share-element .at-icon {
	width: 24px !important;
	height: 24px !important;
}

.at-style-responsive .at-share-btn {
	padding: 0 !important;
	border-radius: 2px !important;
}

.at-resp-share-element .at-share-btn .at-icon-wrapper {
	width: 24px !important;
	height: 24px !important;
}

.at-resp-share-element .at-share-btn {
	margin-bottom: 0 !important;
	margin-right: 3px !important;
}


/*  head  */
.head {
	position: fixed;
	width: 100%;
	left: 0px;
	top: 0px;
	transition: 1s;
	z-index: 999;
	transition: 0.5s;
}

.head .zong {
	position: relative;
	z-index: 99;
}

.logo {
	display: block;
	float: left;
	width: 188px;
	margin-top: 31px;
}

.logo img {
	display: block;
	margin: auto;
	width: 100%;
	max-width: 188px;
}

.logo2 {
	display: none
}

.yvn {
	float: right;
	margin-top: 41px;
	position: relative;
	background: url(../images/ditu.png) no-repeat left center;
	z-index: 9999;
	line-height: 26px;
}

.yvzhonga {
	display: block;
	background: url(../images/yvzhong.png) no-repeat right center;
	padding-right: 11px;
	padding-left: 20px;
	line-height: 26px;
	font-size: 18px;
	font-size: 1.8rem;
	color: #ffffff;
	cursor: pointer;
	z-index: 99999
}

.yvul {
	width: 100%;
	position: absolute;
	top: 36px;
	left: 0px;
	background: #999;
	display: none;
}

.yvul a {
	display: block;
	padding: 5px 10px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 26px;
	color: #fff;
}

.yvzhonga:hover {
	color: #0068b7;
}

.yvul a:hover {
	background: #0068b7;
}

.yvn1 .yvzhonga1 {
	padding: 0;
	font-size: 14px;
	float: left;
	color: #fff;
}

.headh .yvzhonga1 {
	color: #333;
}

.headh2 .yvn1 .yvzhonga1 {
	color: #333;
}

.daohang {
	float: right;
	margin-top: 36px;
	transition: 0.5s;
	margin-right: 13px;
}

.daohang>li {
	float: left;
	position: relative;
	z-index: 999;
	padding-bottom: 36px;
	margin-right: 35px;
}

.daohang>li:before {
	content: "";
	position: absolute;
	width: 0px;
	height: 4px;
	background: #0068b7;
	left: 50%;
	bottom: 0px;
	transition: 0.5s;
}

.daohang>li>a {
	display: block;
	font-size: 20px;
	font-size: 2rem;
	line-height: 36px;
	color: #fff;
}

.headh .daohang>li:hover>a,
.headh2 .daohang>li:hover>a {
	color: #0068b7 !important;
}

.daohang>li:hover:before {
	width: 79px;
	max-width: 100%;
	transform: translateX(-50%)
}

.dangqiandao:before {
	width: 79px !important;
	max-width: 100% !important;
	transform: translateX(-50%) !important;
}

.headh .dangqiandao>a,
.headh2 .dangqiandao>a {
	color: #0068b7 !important;
}

.yijiw {
	background: #fff;
	background: rgba(255, 255, 255, 0);
	position: absolute;
	width: 220px;
	top: -9999px;
	left: 50%;
	transform: translateX(-50%);
}

.yiji {
	background: #ffffff;
}

.yiji li {
	position: relative;
	transition: 0.5s;
}

.yiji li a {
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 0px;
	padding: 9px 16px;
}

.yiji li:hover {
	background: #0068b7;
}

.yiji li:hover>a {
	color: #fff !important;
}

.erji {
	position: absolute;
	width: 188px;
	background: #ffffff;
	top: -9999px;
	left: 100%;
}

.sanji {
	position: absolute;
	width: 188px;
	background: #ffffff;
	top: -9999px;
	left: 100%;
}

.daohang>li:hover .yijiw {
	top: 72px;
}

.daohang>li:hover .yiji>li>a {
	line-height: 26px;
}

.yiji>li:hover .erji {
	top: 0px;
}

.yiji>li:hover .erji>li>a {
	line-height: 26px;
}

.erji>li:hover .sanji {
	top: 0px;
}

.erji>li:hover .sanji>li>a {
	line-height: 26px;
}

.matn {
	margin-top: auto !important;
}

/*  sousuo  */
.sousuo {
	float: right;
	width: 26px;
	height: 37px;
	position: relative;
	z-index: 9999;
	margin-top: 38px;
	transition: 0.5s;
}

.sousuo form {
	width: 236px;
	height: 0px;
	overflow: hidden;
	position: absolute;
	right: 0px;
	top: 37px;
	background: #fff;
	border-radius: 18px;
	color: #2f3135;
	border: 0px solid rgba(0, 0, 0, 0);
	transition: 0.5s;
	z-index: 99999
}

.sou {
	width: 180px;
	height: 35px;
	line-height: 35px;
	border-radius: 18px;
	padding-left: 10px;
	font-size: 14px;
	font-size: 1.4rem;
	color: #333;
}

.suo {
	width: 26px;
	height: 35px;
	float: right;
	background: none;
	position: relative;
	z-index: 9999999;
	border-radius: 18px;
	cursor: pointer;
}

.sou2,
.sou1 {
	width: 26px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	position: absolute;
	right: 0px;
	top: 0px;
	font-size: 18px !important;
	color: #fff;
	cursor: pointer;
	z-index: 99990;
	transition: 0.5s;
}

.sou1 {
	color: #333
}

.sousuof form {
	height: 37px;
	border: 1px solid #034da2
}

.headh {
	background: #ffffff;
	background: rgba(255, 255, 255, 0.9)
}

.headh .logo1 {
	display: none;
}

.headh .logo2 {
	display: block;
}

.headh .daohang>li>a {
	color: #333;
}

.headh .sou2,
.sou1 {
	color: #333;
}

.headh .yvzhonga {
	color: #333;
}

.headh2 {
	background: #ffffff;
	background: rgba(255, 255, 255, 0.9)
}

.headh2 .logo1 {
	display: none;
}

.headh2 .logo2 {
	display: block;
}

.headh2 .daohang>li>a {
	color: #333;
}

.headh2 .sou2,
.sou1 {
	color: #333;
}

.headh2 .yvzhonga {
	color: #333;
}

.daohang2,
sousuo2,
.xnav {
	display: none
}

/*  banner  */
.slide {
	position: relative;
}

.slide .carouse {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.slide .carouse .slideItem {
	width: 100%;
	position: absolute;
	cursor: pointer;
}

.slide .carouse .slideItem .banner-img {
	width: 100%;
}

.slide .console {
	height: 57px;
	display: inline-block;
	width: 35px;
	position: absolute;
	top: 40%;
}

.slide .dotList {
	position: absolute;
	width: 100%;
	bottom: 12px;
	text-align: center;
}

.slide .dotList ul li {
	display: inline-block;
	cursor: pointer;
}

.slide .dotList ul li.active {}

.slide .carousel-control {
	position: absolute;
	top: 50%;
	width: 58px;
	height: 58px;
	z-index: 999;
	margin-top: -29px;
}

.slide .carousel-control.left {
	left: 55px;
	background: url(https://www.chison.com/themes/simplebootx/style/images/baleft.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.slide .carousel-control.right {
	right: 55px;
	background: url(https://www.chison.com/themes/simplebootx/style/images/baright.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.slide .dotList ul li {
	cursor: pointer;
	font-size: 0px;
	margin-left: 12.5px;
	margin-right: 12.5px;
	border: none;
	outline: none;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background: #333;
	background: rgba(51, 51, 51, 0.5)
}

.slide .dotList ul li.active {
	width: 20px;
	background: #0c6fbb;
}

.slide .slidedetail {
	display: none;
}

@media screen and (max-width:1419px) {
	.daohang {
		margin-right: 0px;
		margin-top: 30px;
	}

	.daohang>li {
		margin-right: 20px;
		padding-bottom: 20px;
	}

	.sousuo {
		margin-right: 10px;
		margin-top: 30px;
	}

	.yvn {
		margin-top: 35px;
	}

	.yijiw {
		width: 200px;
	}

	.yiji li a {
		font-size: 14px;
		font-size: 1.4rem;
		padding: 8px 10px;
	}

	.erji {
		width: 200px;
		left: 200px;
	}

	.sanji {
		width: 200px;
		left: 200px;
	}

	.daohang>li:hover .yijiw {
		top: 56px;
	}
}

@media screen and (max-width:1219px) {
	.daohang>li>a {
		font-size: 16px;
		font-size: 1.6rem;
		text-transform: none;
	}

	.daohang>li:hover:before {
		width: 50px;
	}

	.dangqiandao:before {
		width: 50px !important;
	}
}

@media screen and (min-width:1000px) {

	.carousel,
	.nav,
	.clear2 {
		display: none
	}
}

@media screen and (max-width:999px) {
	.head {
		position: relative;
		background: #fff;
	}

	.head .logo1 {
		display: none;
	}

	.head .logo2 {
		display: block;
	}

	.head .daohang>li>a {
		color: #333;
	}

	.head .sou2,
	.sou1 {
		color: #333;
	}

	.head .yvzhonga {
		color: #333;
		font-size: 16px;
		font-size: 1.6rem;
	}

	.logo {
		display: block;
		float: left;
		width: 120px;
		margin-top: 15px;
	}

	.daohang {
		margin-top: 10px;
		float: none;
		text-align: center;
	}

	.yijiw,
	.yiji2 {
		display: none
	}

	.daohang>li {
		float: none;
		display: inline-block;
		*float: left;
		margin: auto;
		padding-bottom: 10px;
		margin: 0 20px;
	}

	.daohang>li>a {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 26px;
		color: #fff;
	}

	.clear2 {
		clear: both;
	}

	.sousuo {
		display: none
	}

	.yvn {
		margin-right: 40px;
		margin-top: 13px;
	}

	.slide .carousel-control {
		display: none
	}

	.slide .dotList {
		bottom: 5px;
	}

	.slide .dotList ul li {
		margin: 0 5px;
	}

	.xnav {
		display: block
	}

	.nav {
		position: fixed;
		width: 35px;
		height: 24px;
		background: #fff;
		right: 2.5%;
		top: 13px;
		cursor: pointer;
		border-radius: 5px;
		z-index: 999999999
	}

	.nav span {
		display: block;
		width: 20px;
		height: 2px;
		background: #0c6fbb;
		position: absolute;
		left: 50%;
		margin-left: -10px;
		top: 50%;
		transition: 0.5s;
		z-index: 99999991
	}

	.nav .nav1 {
		margin-top: -1px;
	}

	.nav .nav2 {
		margin-top: -8px;
	}

	.nav .nav3 {
		margin-top: 6px;
	}

	.nav:hover .nav1 {
		width: 25px;
	}

	.navh .nav1 {
		transform: rotate(45deg)
	}

	.navh .nav2 {
		transform: rotate(-45deg);
		width: 10px;
		margin-left: -1px;
		margin-top: -5px;
	}

	.navh .nav3 {
		transform: rotate(-45deg);
		width: 9px;
		margin-top: 3px;
		margin-left: -8px;
	}

	.navh:hover .nav2 {
		margin-top: -8px;
		margin-left: 7px;
	}

	.navh:hover .nav3 {
		margin-top: 5px;
		margin-left: -12px;
	}

	.smdaohang {
		position: fixed;
		width: 300px;
		height: 0px;
		overflow: auto;
		top: 0px;
		right: 0px;
		background: #000;
		background: rgba(0, 0, 0, 0.8);
		z-index: 9999999;
		transition: 0.5s;
		text-align: center;
	}

	.smdaohangh {
		right: 0px;
		top: 0px;
		height: 100%;
	}

	.topnav {
		margin: auto;
		margin-top: 30px;
		padding: 20px;
	}

	ul.topnav li {
		text-align: left;
		position: relative;
	}

	ul.topnav li a {
		padding: 5px;
		padding-left: 0px;
		color: #fff;
		display: block;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 24px;
		padding-right: 50px;
	}

	ul.topnav ul {
		display: none;
	}

	ul.topnav ul li {
		clear: both;
	}

	ul.topnav ul li a {
		padding-left: 20px;
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: normal;
		outline: 0;
	}

	ul.topnav ul li a:hover {}

	ul.topnav ul ul li a {
		padding-left: 40px;
	}

	ul.topnav ul ul ul li a {
		padding-left: 60px;
	}

	ul.topnav span {
		display: block;
		position: absolute;
		right: 0px;
		top: 7px;
		width: 20px;
		height: 20px;
		background: #fff;
		background: rgba(255, 255, 255, 0.6);
		cursor: pointer;
		border-radius: 50%;
		transition: 0.5s;
	}

	ul.topnav span:before {
		content: "";
		width: 6px;
		height: 2px;
		background: #333;
		position: absolute;
		left: 50%;
		margin-left: -3px;
		top: 50%;
		margin-top: 0px;
		transform: rotate(45deg);
		transform-origin: right center
	}

	ul.topnav span:after {
		content: "";
		width: 6px;
		height: 2px;
		background: #333;
		position: absolute;
		left: 50%;
		margin-left: -3px;
		top: 50%;
		margin-top: -1px;
		transform: rotate(-45deg);
		transform-origin: right center;
		transition: 0.5s;
	}

	ul.topnav span.yizi {
		transform: rotate(90deg)
	}

	.smdaohang form {
		margin-top: 15px;
		margin-bottom: 15px;
		width: 240px;
		height: 26px;
		border: 1px solid #fff;
		position: relative;
		background: #fff;
		border-radius: 13px;
	}

	.smdaohang form .iptc {
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-left: 15px;
		background-color: #fff;
		width: 80%;
		height: 24px;
		line-height: 24px;
		display: block;
		float: left;
		border-radius: 10px;
	}

	.smdaohang form .ipsc {
		width: 20%;
		height: 26px;
		line-height: 26px;
		display: block;
		float: right;
		background: transparent;
		position: relative;
		z-index: 99;
	}

	.smdaohang form i {
		position: absolute;
		right: 10px;
		top: 5px;
	}
}

@media screen and (min-width:768px) {
	.clear3 {
		display: none
	}
}

@media screen and (max-width:767px) {
	.head {
		padding-bottom: 10px;
	}

	.daohang2 {
		display: block;
		text-align: center;
		margin-top: 20px;
	}

	.daohang2 a {
		float: left;
		width: 25%;
		font-size: 14px;
		font-size: 1.4rem;
		color: #fff;
		line-height: 24px;
		text-align: center;
	}

	.daohang2 .dangqiandao {
		color: #0068b7 !important
	}

	.daohang,
	.daohang1 {
		display: none
	}

	.clear3 {
		clear: both;
	}

}

/*  main1  */
.main1 {
	background: #f8f8f8 url(../images/m1bei.png) no-repeat center 23px;
	padding-top: 78px;
	padding-bottom: 47px;
}

.m1biao {
	display: block;
	text-align: center;
	font-family: Roboto-Bold, Arial, Helvetica, sans-serif;
	font-size: 50px;
	font-size: 5rem;
	line-height: 60px;
}

.m4biao {
	font-size: 46px;
	font-size: 4.6rem;
}

.m1t {
	text-align: center;
	font-size: 0px;
	padding-top: 42px;
}

.m1t a {
	display: inline-block;
	vertical-align: middle;
	color: #0c6fbb;
	font-size: 26px;
	font-size: 2.6rem;
	line-height: 60px;
	margin: 0 50px;
	font-family: Roboto-Bold, Arial, Helvetica, sans-serif;
}

.m1t a span {
	font-size: 48px;
	font-size: 4.8rem;
	color: #0c6fbb;
}

.m1pz a {
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 30px;
	max-width: 991px;
	margin: auto;
	text-align: center;
	margin-top: 24px;
}

.m1b {
	font-size: 0px;
}

.m1blie {
	display: inline-block;
	vertical-align: top;
	width: 24.2%;
	margin-left: 1.0666%;
	margin-top: 46px;
}

.m1tu {
	display: block;
}

.m1tu img {
	width: 100%;
}

.m1zi {
	color: #555555;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 26px;
	margin-top: 28px;
	max-height: 130px;
	overflow: hidden;
}

.m1zi p {
	color: #555555;
}

.m1zi p a {
	display: block;
	color: #555555;
}

a.m1biao:hover,
.main1z .m1zi a:hover,
.main1z .m1pz a:hover {
	color: #0c6fbb;
}

.main1z .m1t a:hover {
	color: #333;
}

.main1z .m1t a:hover {
	color: #0c6fbb;
}

@media screen and (max-width:1419px) {
	.m1biao {
		font-size: 40px;
		font-size: 4rem;
		line-height: 50px;
	}

	.m1t a {
		font-size: 20px;
		font-size: 2rem;
		line-height: 40px;
		margin: 0 30px;
	}

	.m1t a span {
		font-size: 38px;
		font-size: 3.8rem;
	}
}

@media screen and (max-width:1219px) {
	.m1biao {
		font-size: 30px;
		font-size: 3rem;
		line-height: 40px;
	}

	.m1t {
		padding-top: 20px;
	}

	.m1t a {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 30px;
		margin: 0 20px;
	}

	.m1t a span {
		font-size: 28px;
		font-size: 2.8rem;
	}

	.m1pz a {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 26px;
		margin-top: 15px;
	}

	.m1blie {
		margin-top: 25px;
	}

	.m1zi {
		font-size: 14px;
		font-size: 1.4rem;
		margin-top: 15px;
	}
}

@media screen and (max-width:999px) {
	.main1 {
		padding-top: 38px;
		padding-bottom: 37px;
	}

	.m1biao {
		font-size: 28px;
		font-size: 2.8rem;
		line-height: 34px;
	}

	.m1t {
		padding-top: 10px;
	}

	.m1t a {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 30px;
		margin: 0 15px;
	}

	.m1t a span {
		font-size: 22px;
		font-size: 2.2rem;
	}

	.m1pz a {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 26px;
		margin-top: 15px;
	}

	.m1blie {
		margin-top: 25px;
	}

	.m1zi {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 22px;
		max-height: 110px;
		margin-top: 15px;
	}
}

@media screen and (max-width:767px) {
	.m1biao {
		font-size: 22px;
		font-size: 2.2rem;
		line-height: 34px;
	}

	.m1t a {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 26px;
		margin: 0 10px;
	}

	.m1t a span {
		font-size: 18px;
		font-size: 1.8rem;
	}

	.m1pz a {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 22px;
	}

	.m1blie {
		width: 48%;
		margin-left: 1% !important;
		margin-right: 1%;
	}
}

@media screen and (max-width: 404px) {
	.m1t a {
		font-size: 14px;
		font-size: 1.4rem;
		margin: 0 5px;
	}
}

@media screen and (max-width: 362px) {
	.m1t a {
		font-size: 1px;
		font-size: 1rem;
		margin: 0 3.5px;
	}
}

/*  main2  */
.main2 {
	padding-top: 83px;
}

.img-scroll {
	position: relative;
	z-index: 9;
	margin-top: 47px;
}

.img-scroll .prev,
.img-scroll .next {
	position: absolute;
	text-align: center;
	display: block;
	width: 55px;
	height: 55px;
	line-height: 53px;
	border: solid 1px #bcbcbc;
	z-index: 99;
	transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-webkit-transition: 0.3s;
	top: 50%;
	margin-top: -27px;
	color: #bcbcbc;
	border-radius: 50%;
}

.img-scroll .prev {
	left: -92px;
	cursor: pointer;
}

.img-scroll .next {
	right: -92px;
	cursor: pointer;
}

.img-scroll .prev:hover,
.img-scroll .next:hover {
	border-color: #0c6fbb;
	color: #0c6fbb;
}

.img-list {
	position: relative;
	overflow: hidden;
	z-index: 90;
}

.img-list ul {
	width: 10000%;
}

.img-list li {
	float: left;
	display: inline;
	width: 0.3179%;
	margin-right: 0.02315%;
	position: relative;
	transition: 0.5s;
}

.m2lie {
	width: 100%;
	background: #ebebeb;
	padding: 48px;
}

.m2a {
	display: block;
	font-size: 30px;
	font-size: 3rem;
	line-height: 40px;
	text-align: center;
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
}

.m2mor {
	display: block;
	text-align: center;
	color: #999999;
	font-size: 23px;
	font-size: 2.3rem;
	line-height: 30px;
	margin-top: 6px;
}

.m2tu {
	display: block;
	margin-top: 29px;
}

.m2tu img {
	width: 100%;
}

.m2a:hover,
.m2mor:hover {
	color: #0c6fbb;
}

.m2tu img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

@media screen and (max-width:1629px) {

	.img-scroll .prev,
	.img-scroll .next {
		background: #fff;
	}

	.img-scroll .prev {
		left: 0px;
		cursor: pointer;
	}

	.img-scroll .next {
		right: 0px;
		cursor: pointer;
	}
}

@media screen and (max-width:1419px) {
	.main2 {
		padding-top: 33px;
	}

	.m2lie {
		padding: 20px;
	}

	.m2a {
		font-size: 20px;
		font-size: 2rem;
		line-height: 30px;
	}

	.m2mor {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 24px;
	}

	.m2tu {
		margin-top: 15px;
	}

	.img-scroll {
		margin-top: 27px;
	}
}

@media screen and (max-width:999px) {
	.img-list li {
		width: 0.3233%;
		margin-right: 0.015%;
	}

	.m2a {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 30px;
	}

	.m2mor {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 24px;
	}

	.img-scroll .prev,
	.img-scroll .next {
		width: 30px;
		height: 30px;
		line-height: 28px;
	}
}

@media screen and (max-width:767px) {
	.img-list li {
		width: 0.49%;
		margin-right: 0.02%;
	}

	.m2lie {
		padding: 20px 10px;
	}

	.m2a {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 26px;
	}

	.m2mor {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 22px;
	}
}

@media screen and (max-width:499px) {
	.img-list li {
		width: 1%;
	}
}

/*  main3  */
.main3 {
	padding-top: 79px;
}

.m3n {
	font-size: 0px;
	margin-top: 45px;
}

.m3lie {
	width: 26.56%;
	display: inline-block;
	vertical-align: top;
	padding: 0 1px;
	overflow: hidden;
	position: relative;
	transition: 0.5s;
}

.m3lieh {
	width: 46.88%;
}

.m3fu {
	position: absolute;
	padding: 26px;
	left: 0px;
	bottom: 16px;
}

.m3a {
	display: block;
	color: #ffffff;
	font-size: 24px;
	font-size: 2.4rem;
	font-family: Roboto-Medium, Arial, Helvetica, sans-serif;
}

.m3p a {
	display: block;
	color: #ffffff;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 30px;
	height: 0px;
	overflow: hidden;
	margin-top: 0px;
}

.m3tu {
	display: block;
	height: 100%;
}

.m3tu img {
	height: 100%;
	width: auto;
}

.m3lieh .m3p a {
	height: 60px;
	margin-top: 15px;
}

@media screen and (max-width:1419px) {
	.m3lie {
		height: 600px;
	}

	.m3a {
		font-size: 20px;
		font-size: 2rem;
	}

	.m3p a {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 30px;
	}
}

@media screen and (max-width:1219px) {
	.m3lie {
		height: 500px;
	}

	.m3fu {
		padding: 20px 10px;
		left: 0px;
		bottom: 0px;
	}

	.m3a {
		font-size: 18px;
		font-size: 1.8rem;
	}

	.m3p a {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 24px;
		margin-top: 5px;
	}

	.m3lieh .m3p a {
		height: 48px;
	}
}

@media screen and (max-width:999px) {
	.main3 {
		padding-top: 39px;
	}

	.m3lie {
		width: 33.333%;
		height: auto;
	}

	.m3tu img {
		width: 100%;
	}

	.m3p a {
		height: 48px;
		margin-top: 5px !important;
	}

	.m3n {
		margin-top: 25px;
	}
}

@media screen and (max-width:767px) {
	.m3fu {
		padding: 10px;
	}

	.m3a {
		font-size: 16px;
		font-size: 1.6rem;
	}

	.m3p a {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 22px;
		height: 44px;
		margin-top: 5px;
	}

	.m3lie {
		width: 100%;
		height: auto;
		padding: 1px;
	}
}

/*  main4  */
.main4 {
	padding-top: 77px;
}

.m4n {
	background: url('https://www.chison.com/themes/simplebootx/style/images/m4bei.webp') no-repeat center;
	margin-top: 46px;
	padding-top: 162px;
	padding-bottom: 93px;
}

.m4n p {
	color: #ffffff;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 46px;
	text-align: center;
}

.m4n p a {
	display: block;
	color: #ffffff;
}

.m4n p strong {
	font-size: 30px;
	font-size: 3rem;
}

.m4n p img {
	margin: auto;
}

.m4n p a:hover {
	color: #0c6fbb;
}

@media screen and (max-width:1419px) {
	.m4n {
		margin-top: 30px;
		padding-top: 102px;
		padding-bottom: 93px;
	}

	.m4n p {
		font-size: 20px;
		font-size: 2rem;
		line-height: 30px;
	}

	.m4n p strong {
		font-size: 26px;
		font-size: 2.6rem;
	}

	.m4n p img {
		width: 40px;
	}
}

@media screen and (max-width:1219px) {
	.main4 {
		padding-top: 37px;
	}

	.m4n {
		margin-top: 30px;
		padding-top: 52px;
		padding-bottom: 53px;
	}

	.m4n p {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 30px;
	}

	.m4n p strong {
		font-size: 22px;
		font-size: 2.2rem;
	}

	.m4n p img {
		width: 30px;
	}
}

@media screen and (max-width:999px) {
	.m4n p {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 26px;
	}

	.m4n p strong {
		font-size: 18px;
		font-size: 1.8rem;
	}

	.m4n p img {
		width: 20px;
	}
}

.main4 a:hover {
	color: #333;
}

.main4 .m4n p a:hover {
	color: #fff;
}

/*  main5  */
.main5 {
	background: #f5f5f5;
	padding-top: 79px;
	padding-bottom: 128px;
}

.m5n {
	padding-top: 22px;
	font-size: 0px;
}

.m5l {
	width: 65.7%;
	display: inline-block;
	vertical-align: top;
	margin-top: 25px;
}

.m5tu {
	display: block;
}

.m5tu img {
	width: 100%;
}

.m5lie {
	width: 32.57%;
	display: inline-block;
	vertical-align: top;
	margin-left: 1.145%;
	background: #ffffff;
	margin-top: 25px;
}

.m5zi {
	padding: 34px 28px;
}

.m5a {
	display: block;
	font-size: 20px;
	font-size: 2rem;
	line-height: 30px;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
}

.m5p a {
	display: block;
	color: #555555;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 27px;
	height: 108px;
	overflow: hidden;
	margin-top: 18px;
}

.m5riqi {
	display: block;
	color: #888888;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 24px;
	margin-top: 20px;
}

.m5a:hover,
.m5p a:hover {
	color: #0c6fbb;
}

@media screen and (max-width:1419px) {
	.m5zi {
		padding: 15px;
	}
}

@media screen and (max-width:1219px) {
	.m5a {
		font-size: 16px;
		font-size: 1.6rem;
	}

	.m5p a {
		height: 78px;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 26px;
		margin-top: 10px;
	}

	.m5riqi {
		margin-top: 17px;
		font-size: 14px;
		font-size: 1.4rem;
	}
}

@media screen and (max-width:999px) {
	.main5 {
		padding-top: 39px;
		padding-bottom: 38px;
	}

	.m5n {
		padding-top: 10px;
		font-size: 0px;
	}

	.m5l,
	.main5 .clear {
		display: none
	}

	.m5lie {
		float: none;
		width: 48%;
		margin-left: 1% !important;
		margin-right: 1%;
	}
}

@media screen and (max-width:767px) {
	.m5lie {
		margin-top: 20px;
	}

	.m5zi {
		padding: 10px;
	}

	.m5a {
		font-size: 14px;
		font-size: 1.4rem;
	}

	.m5p a {
		height: 66px;
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 22px;
		margin-top: 5px;
	}

	.m5riqi {
		margin-top: 10px;
		font-size: 12px;
		font-size: 1.2rem;
	}
}

@media screen and (max-width:359px) {
	.m5lie {
		width: 98%;
	}
}

/*  foot  */
.foot {
	background: #06375d url(../images/fobei.webp) no-repeat center bottom;
	background-attachment: fixed;
	position: relative;
	padding-top: 68px;
	padding-bottom: 28px;
}

.fobei1 {
	display: block;
	width: 100%;
	margin-bottom: 122px;
}

.fo1 {
	width: 90px;
	float: left;
}

.fo2 {
	width: 280px;
	float: left;
	margin-left: 110px;
}

.fo3 {
	width: 320px;
	float: left;
	margin-left: 110px;
}

.fo4 {
	width: 440px;
	float: right;
}

.fo4_form .coxin i {
	color: #fff;
}

.fo4_form .coxin .int1 {
	margin-top: 12px;
	background: #235172;
}

.fo4_form .coxin .xing {
	background: url(../images/xingpy.png) #235172 no-repeat left 15px;
}

.fo4_text {
	color: #fff;
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 26px;
	text-align: center;
	font-weight: bolder;
	font-family: Roboto-Bold, Arial, Helvetica, sans-serif;
}

.fo4_form input::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #fff;
	opacity: 1
}

.fo4_form input:-o-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #fff;
	opacity: 1
}

.fo4_form input::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #fff;
	opacity: 1
}

.fo4_form input:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #fff;
	opacity: 1
}

.fo4_form textarea::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #fff;
	opacity: 1
}

.fo4_form textarea:-o-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #fff;
	opacity: 1
}

.fo4_form textarea::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #fff;
	opacity: 1
}

.fo4_form textarea:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #fff;
	opacity: 1
}


.fo4_form .coxin .int1 input {
	color: #fff;
	border: none;
}

.fo4_form .coxin .int1 textarea {
	color: #fff;
	border: none;
	background: #235172;
}

.fo4_form .coxin .int3 {
	width: 100%;
	height: 40px;
	margin-top: 20px;
}

.fo4_form .coxin .int3:hover {
	background: #fff;
	color: #0068b7;
}



.ful {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 36px;
	color: #f4f4f4;
	margin-top: 33px;
}

.ful li {
	color: #f4f4f4;
	position: relative;
}

.ful li i {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	color: #e5e5e5;
}

.ful li a {
	color: #f4f4f4;
}

.ful>a {
	display: block;
	color: #f4f4f4;
}

.fobiao {
	display: block;
	font-size: 22px;
	font-size: 2.2rem;
	color: #ffffff;
	text-transform: uppercase;
	font-family: Roboto-Bold, Arial, Helvetica, sans-serif;
	line-height: 26px;
}

.fo3 form {
	padding-top: 16px;
}

.fo3 .xing {
	background: url(../images/xing.png) no-repeat left 19px;
}

.fo3 .int1 {
	padding-left: 14px;
	position: relative;
	margin-top: 19px;
}

.fo3 .int1 i {
	line-height: 36px;
	position: absolute;
	left: 17px;
	top: 0px;
	font-size: 20px;
	font-weight: bold;
}

.fo3 .int1 input {
	width: 220px;
	line-height: 38px;
	background: none;
	border: solid 1px #bfbfbf;
	padding-left: 14px;
	font-size: 14px;
	font-size: 1.4rem;
	color: #ffffff;
}

.fo3 .int1 textarea {
	width: 484px;
	height: 87px;
	padding-top: 7px;
	line-height: 26px;
	background: none;
	border: solid 1px #bfbfbf;
	padding-left: 10px;
	font-size: 14px;
	font-size: 1.4rem;
	color: #ffffff;
}

.fo3 .int2 {
	padding-left: 14px;
	position: relative;
	margin-top: 18px;
	float: left;
}

.fo3 .int2 input {
	width: 160px;
	line-height: 38px;
	background: none;
	border: solid 1px #bfbfbf;
	padding-left: 10px;
	font-size: 14px;
	font-size: 1.4rem;
	color: #ffffff;
}

.fo3 .fyanzheng {
	width: 140px;
	height: 40px;
	float: left;
	margin-top: 18px;
	margin-left: 20px;
	cursor: pointer
}

.fo3 .int3 {
	min-width: 144px;
	height: 40px;
	float: right;
	padding: 0 5px;
	background: #ff7e0d;
	margin-top: 18px;
	font-size: 20px;
	font-size: 2rem;
	color: #ffffff;
	cursor: pointer;
	transition: 0.5s;
}

.fo3 .int3:hover {
	background: #fff;
	color: #ff7e0d;
}

.fologo {
	display: block;
	width: 231px;
	margin-top: 7px;
}

.fologo img {
	width: 100%;
}

.shejiao2 {
	padding-top: 56px;
}

.shejiao2:after {
	content: "";
	clear: both;
	display: block;
}

.shejiao2 a {
	display: block;
	float: left;
	line-height: 38px;
	width: 38px;
	height: 38px;
	background: #ffffff;
	border-radius: 50%;
	text-align: center;
	color: #0c6fbb;
	font-size: 20px;
	margin-right: 18px;
	margin-top: 5px;
}

.fota {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 30px;
	color: #f4f4f4;
	margin-top: 52px;
}

.fota span,
.fota a {
	display: inline-block;
	color: #f4f4f4;
}

.fota a {
	margin: 0 5px;
}

.foot2 {
	margin-top: 14px;
}

.fop {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 24px;
	margin-top: 47px;
	color: #ffffff;
	border-top: 1px solid #dcdcdc;
	padding-top: 25px;
}

.fop a {
	display: inline-block;
	color: #ffffff;
}

.youlian {
	color: #cacaca;
	margin-top: 5px;
}

.youlian span,
.youlian a {
	display: inline-block;
	color: #cacaca;
}

.foot a:hover {
	text-decoration: underline;
}

.foot2 a:hover {
	text-decoration: underline;
}

.shejiao2 a:hover {
	text-decoration: none;
	background: #0c6fbb;
	color: #fff;
}

.clear2 {
	display: none
}

@media screen and (max-width:1419px) {

	.fo2 {
		margin-left: 28px;
	}

	.fo3 {
		width: 280px;
		float: left;
		margin-left: 28px;
	}
}

@media screen and (max-width:1219px) {
	.fo1 {
		width: 50%;
		float: left;
	}

	.fo2 {
		width: 50%;
		float: left;
		margin-left: 0px;
	}

	.fo3 {
		width: 100%;
		float: left;
		margin-left: 0px;
		margin-top: 30px;
	}

	.fo4 {
		width: 100%;
		float: right;
	}

	.shejiao2 a {
		margin-right: 10px;
	}

	.fologo {
		width: 200px;
	}
}

@media screen and (max-width:999px) {
	.fo1 {
		width: 50%;
	}

	.fo2 {
		width: 45%;
		float: right;
		margin-left: 0px;
	}

	.fo3 {
		width: 500px;
		float: none;
		margin-top: 30px;
	}

	.fo4 {
		float: none;
	}

	.shejiao2 a {
		margin-right: 5px;
	}

	.clear2 {
		display: block;
		clear: both;
	}

	.fop {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 24px;
		padding: 12px 0;
		color: #ffffff;
	}
}

@media screen and (max-width:767px) {
	.foot {
		padding-bottom: 60px;
		padding-top: 20px;
	}

	.fobei1 {
		margin-bottom: 8px;
	}

	.youlian,
	.fota,
	.fo2,
	.fo1,
	.fologo,
	.ful,
	.fo3 form,
	.fobiao {
		display: none
	}

	.fo3 {
		width: auto;
		float: none;
		margin: auto;
		padding: 0px;
		margin-top: 30px;
	}

	.shejiao2 {
		text-align: center;
		margin-top: auto;
		padding: 0px;
	}

	.shejiao2 a {
		margin-top: 5px;
		float: none;
		display: inline-block;
		vertical-align: middle;
	}

	.fop {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 24px;
		padding: 0px;
		margin-top: 15px;
		padding-top: 10px;
		text-align: center;
		color: #ffffff;
	}
}

.top {
	width: 54px;
	height: 54px;
	background: #0c6fbb;
	line-height: 54px;
	color: #fff;
	font-size: 18px !important;
	text-align: center;
	margin: auto;
	cursor: pointer;
	position: fixed;
	right: 20px;
	bottom: -100px;
	transition: 0.9s;
	z-index: 99999;
}

.bottom {
	bottom: 150px;
}


.lianxi {
	position: fixed;
	width: 50px;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 99999
}

.lianxi div a {
	display: block;
	margin-top: 1px;
	width: 52px;
	height: 52px;
	text-align: center;
	line-height: 52px;
	background: #d8d8d8;
	font-size: 24px;
	color: #fff;
	margin-top: 3px;
}

.ke1 {
	background: #000000
}

.ke2 {
	background: #555555
}

.ke3 {
	background: #000000
}

.ke4 {
	background: #15418f
}

.weixin {
	position: relative;
	cursor: pointer;
}

.weixin img {
	position: absolute;
	width: 149px;
	height: 150px;
	top: 0px;
	left: -149px;
	display: none;
}

.weixin:hover img {
	display: block;
}

.weixin2,
.tankuang {
	display: none
}

.tankuang {
	position: absolute;
	bottom: 50px;
	left: 50% !important;
	margin-left: -75px;
}

.tankuang img {
	display: block;
	position: relative;
	width: 150px;
	height: 150px;
	left: auto;
	margin: auto;
}

.lianxi div a:hover {
	background: #0093dd;
}

.clear2 {
	display: none
}

.guanbipyddd {
	padding: 5px 20px;
	background-color: #0068b7;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.7;
	color: #fff;
	font-weight: 500;
	margin-bottom: 10px;
}

.zixundaping {
	position: fixed;
	bottom: 100px;
	right: 50px;
	z-index: 99999999;
	width: 100%;
	max-width: 380px;
	background: #fff;
	padding: 15px;
	margin-top: 15px;
	clear: both;
	border: #f1f1f1 solid 2px;
	display: none;
}

.zixundaping iframe {
	width: 100%;
	height: 600px;
	border: 1px solid #dee0e2;
	border-left: 0px;
}

.close-message {
	position: absolute;
	top: 5px;
	right: 2px;
	color: #fff;
	font-size: 30px;
	line-height: 30px;
	cursor: pointer;
	background: #0068b7;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	text-align: center;
	z-index: 44;
}

.jiqir img {
	margin: 0 auto;
}

@media screen and (max-width:999px) {
	.clear2 {
		display: block;
		clear: both;
	}
}

@media screen and (max-height:800px) {
	.zixundaping iframe {
		height: 400px;
	}
}

@media screen and (max-width:767px) {
	.zixundaping {
		right: 0px;
		bottom: 50px;
	}

	.youlian {
		display: none
	}

	.top {
		width: 20%;
		height: 50px;
		line-height: 50px;
		bottom: 0px;
		right: 0px;
		border-radius: 0px;
		border: none
	}

	.lianxi {
		width: 100%;
		right: auto;
		top: auto;
		margin: auto;
		left: 0px;
		bottom: 0px;
		border-top: 1px solid #fff;
		transform: translateY(0);
	}

	.lianxi div {
		width: 20%;
		float: left;
	}

	.lianxi div a {
		margin: auto;
		width: 100%;
		background: #0c6fbb;
		height: 50px;
		line-height: 50px;
		color: #fff !important;
		border-radius: 0px;
	}

	.weixin2 {
		display: block
	}

	.weixin1 {
		display: none
	}
}

/********************************  product  ****************************/
.mat1 {
	margin-top: 108px;
}

.mianbao {
	border-top: 1px solid #e1e1e1;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 24px;
	padding-top: 15px;
}

.mianbao a:hover {
	color: #0068b7;
}

.comain {
	color: #0068b7 !important;
}

.prnav {
	position: relative;
	text-align: center;
	margin-top: 55px;
	font-size: 0px;
}

.prnav:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	background: #eaeaea;
	left: 0px;
	bottom: 0px;
}

.prnav a {
	display: inline-block;
	vertical-align: middle;
	min-width: 24%;
	margin-left: 2px;
	margin-right: 1px;
	padding: 0 5px;
	text-align: center;
	line-height: 63px;
	background: url(../images/prnav.jpg) repeat-x;
	background-size: auto 100%;
}

.prnav a span {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 24px;
}

.prnav a:hover {
	background: url(../images/prnavh.jpg) repeat-x !important;
	background-size: auto 100%;
}

.prnav a:hover span {
	color: #fff !important;
}

.dangpr {
	background: url(../images/prnavh.jpg) repeat-x !important;
	background-size: auto 100%;
}

.dangpr span {
	color: #fff !important;
}

@media screen and (max-width:1419px) {
	.mat1 {
		margin-top: 86px;
	}
}

@media screen and (max-width:1219px) {
	.mianbao {
		font-size: 14px;
		font-size: 1.4rem;
		padding-top: 8px;
	}
}

@media screen and (max-width:999px) {
	.mat1 {
		margin-top: 0px;
	}

	.prnav {
		margin-top: 20px;
	}

	.prnav a {
		min-width: 0px;
		width: 24%;
		margin: 0 0.5%;
		height: 50px;
		line-height: 50px;
	}

	.prnav a span {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 18px;
	}
}

@media screen and (max-width:767px) {
	.prnav a {
		height: 40px;
		line-height: 40px;
	}

	.prnav a span {
		font-size: 12px;
		font-size: 1.2rem;
		font-weight: bold;
		line-height: 16px;
	}
}

.prmain {
	padding-top: 81px;
	padding-bottom: 137px;
}

.prbiao {
	font-size: 40px;
	font-size: 4rem;
	line-height: 50px;
	font-weight: bold;
	text-align: center;
}

.prn {
	font-size: 0px;
}

.prlie {
	width: 23%;
	display: inline-block;
	vertical-align: top;
	margin-left: 1.9%;
	background: #f6f6f6;
	padding: 21px 10px;
	margin-top: 48px;
	margin-bottom: 10px;
	transition: 0.5s;
}

.pra {
	display: block;
	font-size: 20px;
	font-size: 2rem;
	line-height: 30px;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
}

.prp a {
	display: block;
	color: #555555;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 22px;
	text-align: center;
	margin-top: 6px;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
}

.prmor {
	display: block;
	text-align: center;
	color: #999999;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 24px;
	margin-top: 15px;
}

.prtu {
	display: block;
	margin: 0 25px;
	margin-top: 10px;
}

.prtu img {
	width: 100%;
}

.prlie:hover a {
	color: #0068b7;
}

.prlie:hover {
	box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.3);
}

.prtag {
	font-size: 0px;
	margin-top: 60px;
}

.prtag span {
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
	font-size: 2rem;
	line-height: 30px;
	margin-right: 10px;
}

.prtag a {
	display: inline-block;
	vertical-align: middle;
	border: solid 1px #e1e1e1;
	padding: 5px 16px;
	line-height: 29px;
	color: #555555;
	font-size: 14px;
	font-size: 1.4rem;
	margin: 4px;
}

.prtag a:hover {
	border-color: #0068b7;
	background: #0068b7;
	color: #fff;
}

.GiProduct .prlie:nth-child(4n+1) {
	margin-left: 0px;
}

@media screen and (max-width:1419px) {
	.prbiao {
		font-size: 34px;
		font-size: 3.4rem;
		line-height: 40px;
	}
}

@media screen and (max-width:1219px) {
	.prmain {
		padding-top: 51px;
		padding-bottom: 77px;
	}

	.prbiao {
		font-size: 30px;
		font-size: 3rem;
		line-height: 40px;
	}

	.prlie {
		padding: 10px;
		margin-top: 28px;
		margin-bottom: 0px;
	}

	.pra {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 30px;
	}

	.prp a {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 22px;
		text-align: center;
		margin-top: 5px;
	}

	.prmor {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 20px;
		margin-top: 5px;
	}

	.prtu {
		margin: 0;
		margin-top: 10px;
	}
}

@media screen and (max-width:999px) {
	.prmain {
		padding-top: 31px;
		padding-bottom: 37px;
	}

	.prbiao {
		font-size: 26px;
		font-size: 2.6rem;
		line-height: 34px;
	}

	.prlie {
		width: 32.333%;
		margin-left: 0.5% !important;
		margin-right: 0.5%;
	}

	.prtag {
		margin-top: 30px;
	}

	.prtag span {
		font-size: 16px;
		font-size: 1.6rem;
	}

	.prtag a {
		padding: 5px 16px;
		line-height: 29px;
		color: #555555;
		font-size: 14px;
		font-size: 1.4rem;
		margin: 4px;
	}
}

@media screen and (max-width:767px) {
	.prbiao {
		font-size: 20px;
		font-size: 2rem;
		line-height: 30px;
	}

	.pra {
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: bold;
		line-height: 24px;
	}

	.prp a {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 22px;
		text-align: center;
		margin-top: 5px;
	}

	.prtag a {
		padding: 5px 10px;
		line-height: 24px;
		font-size: 12px;
		font-size: 1.2rem;
		margin: 4px;
	}

	.prlie {
		width: 48%;
		margin-left: 1% !important;
		margin-right: 1%;
		padding: 10px 5px;
		margin-top: 15px;
	}

	/* .prmor {
		display: none;
	} */

	.prp a {
		height: 44px;
		white-space: normal;
		overflow: hidden;
	}
}

/******************************  product2  ******************************/
#baguetteBox-overlay {
	display: none;
	opacity: 0;
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #222;
	background-color: rgba(0, 0, 0, .8);
	-webkit-transition: opacity .5s ease;
	transition: opacity .5s ease;
	z-index: 99999999999999999999999999999999999999;
}

#baguetteBox-overlay.visible {
	opacity: 1
}

#baguetteBox-overlay .full-image {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
}

#baguetteBox-overlay .full-image figure {
	display: inline;
	margin: 0;
	height: 100%
}

#baguetteBox-overlay .full-image img {
	display: inline-block;
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%;
	vertical-align: middle;
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
	box-shadow: 0 0 8px rgba(0, 0, 0, .6);
}

#baguetteBox-overlay .full-image figcaption {
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	line-height: 1.8;
	color: #ccc;
	background-color: #000;
	background-color: rgba(0, 0, 0, .6);
	font-family: Verdana, Geneva, sans-serif;
}

#baguetteBox-overlay .full-image:before {
	content: "";
	display: inline-block;
	height: 50%;
	width: 1px;
	margin-right: -1px
}

#baguetteBox-slider {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	white-space: nowrap;
	-webkit-transition: left .4s ease, -webkit-transform .4s ease;
	transition: left .4s ease, -moz-transform .4s ease;
	transition: left .4s ease, transform .4s ease
}

#baguetteBox-slider.bounce-from-right {
	-webkit-animation: bounceFromRight .4s ease-out;
	animation: bounceFromRight .4s ease-out
}

#baguetteBox-slider.bounce-from-left {
	-webkit-animation: bounceFromLeft .4s ease-out;
	animation: bounceFromLeft .4s ease-out
}

.baguetteBox-button#next-button,
.baguetteBox-button#previous-button {
	top: 50%;
	top: calc(50% - 30px);
	width: 44px;
	height: 60px
}

.baguetteBox-button {
	position: absolute;
	cursor: pointer;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	-moz-border-radius: 15%;
	border-radius: 15%;
	background-color: #323232;
	background-color: rgba(50, 50, 50, .5);
	color: #ddd;
	font: 1.6em sans-serif;
	-webkit-transition: background-color .4s ease;
	transition: background-color .4s ease;
}

.baguetteBox-button:hover {
	background-color: rgba(50, 50, 50, .9)
}

.baguetteBox-button#next-button {
	right: 2%
}

.baguetteBox-button#previous-button {
	left: 2%
}

.baguetteBox-button#close-button {
	top: 20px;
	right: 2%;
	right: calc(2% + 6px);
	width: 30px;
	height: 30px
}

.baguetteBox-button svg {
	position: absolute;
	left: 0;
	top: 0
}

.spinner {
	width: 40px;
	height: 40px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -20px
}

.double-bounce1,
.double-bounce2 {
	width: 100%;
	height: 100%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;
	opacity: .6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: bounce 2s infinite ease-in-out;
	animation: bounce 2s infinite ease-in-out
}

.double-bounce2 {
	-webkit-animation-delay: -1s;
	animation-delay: -1s
}

@-webkit-keyframes bounceFromRight {
	0% {
		margin-left: 0
	}

	50% {
		margin-left: -30px
	}

	100% {
		margin-left: 0
	}
}

@keyframes bounceFromRight {
	0% {
		margin-left: 0
	}

	50% {
		margin-left: -30px
	}

	100% {
		margin-left: 0
	}
}

@-webkit-keyframes bounceFromLeft {
	0% {
		margin-left: 0
	}

	50% {
		margin-left: 30px
	}

	100% {
		margin-left: 0
	}
}

@keyframes bounceFromLeft {
	0% {
		margin-left: 0
	}

	50% {
		margin-left: 30px
	}

	100% {
		margin-left: 0
	}
}

@-webkit-keyframes bounce {

	0%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes bounce {

	0%,
	100% {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		transform: scale(0)
	}

	50% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1)
	}
}

.prmain2 {
	background: #fafafa;
	margin-top: 27px;
	padding-top: 71px;
	padding-bottom: 83px;
}

.prmain2 .zong:after {
	content: "";
	clear: both;
	display: block;
}

.pr2r {
	width: 51%;
	float: right;
}

.pr2l {
	width: 32.14%;
	float: left;
	margin-left: 15%;
}

.img-scroll2 {
	position: relative;
	z-index: 9;
	margin: 0 66px;
}

.img-scroll2 .prev,
.img-scroll2 .next {
	position: absolute;
	text-align: center;
	display: block;
	height: 55px;
	line-height: 53px;
	z-index: 99;
	transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-webkit-transition: 0.3s;
	top: 50%;
	margin-top: -27px;
	color: #afafaf;
	border-radius: 50%;
	font-size: 22px;
}

.img-scroll2 .prev {
	left: -62px;
	cursor: pointer;
}

.img-scroll2 .next {
	right: -62px;
	cursor: pointer;
}

.img-scroll2 .prev:hover,
.img-scroll2 .next:hover {
	border-color: #0c6fbb;
	color: #0c6fbb;
}

.img-list2 {
	position: relative;
	overflow: hidden;
	z-index: 90;
}

.img-list2 ul {
	width: 10000%;
}

.img-list2 li {
	float: left;
	display: inline;
	width: 1%;
	margin-right: 0.02315%;
	position: relative;
	transition: 0.5s;
}

.img-list2 li img {
	width: 100%;
}

.pr2l h1 {
	color: #0068b7;
	font-size: 48px;
	font-size: 4.8rem;
	line-height: 60px;
	font-weight: bold;
	margin-top: 65px;
}

.pr2la {
	font-size: 30px;
	font-size: 3rem;
	line-height: 40px;
}

.jianjie {
	color: #555555;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 29px;
	margin-top: 47px;
}

.jianjie p {
	color: #555555;
}

.share {
	margin-top: 41px;
}

.share1 {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 24px;
	color: #333333;
}

.share2 {
	display: inline-block;
	vertical-align: middle;
}

.inno {
	margin-top: 35px;
}

.inno a {
	display: block;
	width: 160px;
	height: 49px;
	background: #0068b7;
	border: 1px solid #0068b7;
	border-radius: 24px;
	line-height: 47px;
	text-align: center;
	padding: 0 5px;
	color: #ffffff;
	font-size: 16px;
	font-size: 1.6rem;
}

.inno a:hover {
	background: #fff;
	color: #0068b7;
}

@media screen and (max-width:1219px) {
	.prmain2 {
		margin-top: 20px;
		padding-top: 41px;
		padding-bottom: 43px;
	}

	.img-scroll2 {
		margin: 0px;
	}

	.pr2l {
		width: 45%;
		float: left;
	}

	.pr2l h1 {
		font-size: 40px;
		font-size: 4rem;
		line-height: 50px;
		margin-top: 25px;
	}

	.pr2la {
		font-size: 22px;
		font-size: 2.2rem;
		line-height: 30px;
		margin-top: 10px;
	}

	.jianjie {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 24px;
		margin-top: 20px;
	}

	.share {
		margin-top: 21px;
	}

	.inno {
		margin-top: 20px;
	}

	.inno a {
		width: 140px;
		height: 39px;
		border-radius: 24px;
		line-height: 37px;
		font-size: 14px;
		font-size: 1.4rem;
	}

	.img-scroll2 .prev {
		left: 0px;
		cursor: pointer;
	}

	.img-scroll2 .next {
		right: 0px;
		cursor: pointer;
	}
}

@media screen and (max-width:999px) {
	.pr2l h1 {
		font-size: 30px;
		font-size: 3rem;
		line-height: 40px;
		margin-top: 15px;
	}

	.pr2la {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 26px;
		margin-top: 10px;
	}
}

@media screen and (max-width:767px) {
	.pr2r {
		width: 100%;
		float: none;
		max-width: 300px;
		margin: auto;
	}

	.pr2l {
		width: 100%;
		float: none;
		margin-left: 0;
	}

	.pr2l h1 {
		font-size: 22px;
		font-size: 2.2rem;
		line-height: 30px;
		margin-top: 15px;
	}

	.pr2la {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 26px;
		margin-top: 10px;
	}
}

.prmain3 {
	padding-top: 10px;
}

.chanxbiao {
	overflow: hidden;
	margin-top: 32px;
}

.chanxbiaon {
	color: #0068b7;
	font-size: 38px;
	font-size: 3.8rem;
	font-weight: bold;
	position: relative;
	padding-right: 22px;
}

.chanxbiaon:before {
	content: "";
	position: absolute;
	width: 1920px;
	height: 1px;
	background: #0068b7;
	left: 100%;
	top: 50%;
}

.chanxiang {
	color: #666666;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 30px;
	margin-top: 40px;
	min-height: 255px;
}

.chanxiang p,
.chanxiang em {
	color: #666666;
}

.chanxiang strong {
	color: #333;
	font-size: 26px;
	font-size: 2.6rem;
	line-height: 60px;
	display: block;
	/*margin-bottom:20px;*/
}

.chanxiang .chanxn strong img {
	float: left;
}

.chanxiang img {
	max-width: 100%;
	margin: auto;
}

.chanxn {}

.chanxn:after {
	content: "";
	clear: both;
	display: block;
}

.chantu {
	max-width: 50%;
	float: left;
	margin-right: 40px;
}

.chanxn iframe {
	width: 40%;
}

.chantu video {
	width: 100%;
}

a.chanxbiaon:hover {
	color: #333;
}

.chanx2 {
	font-size: 0px;
}

.chanlie {
	width: 31%;
	display: inline-block;
	vertical-align: top;
	background: #fafafa;
	padding: 20px 30px;
	margin-top: 34px;
	padding-bottom: 15px;
	margin-left: 30px;
}

@media screen and (max-width: 910px) {
	.chanlie {
		width: 30%;
	}
}

/*.chanlie:nth-child(2n){ margin-left:4.2%;}*/
.chantu2 {}

.chantu2 img {
	width: 100%;
}

.chanzi2 {
	color: #666666;
	font-size: 16px;
	font-size: 1.4rem;
	line-height: 25px;
	padding-top: 20px;
	height: 257px;
	overflow: auto;
}

.chanzi2 p,
.chanzi2 em {
	color: #666666;
}

.chanzi2 strong {
	display: block;
	color: #333;
	font-size: 24px;
	font-size: 2.4rem;
	margin-bottom: 12px;
	font-weight: normal;
}

.table {
	width: 100%;
	overflow: auto;
}

.table table {
	width: 100%;
	border-collapse: collapse;
	line-height: 25px;
}

.table table tr td {
	padding: 5px;
	border: 1px solid #333;
	color: #333;
	font-size: 14px;
	font-size: 1.4rem;
}

@media screen and (max-width:1419px) {
	.chanxbiaon {
		font-size: 30px;
		font-size: 3rem;
		padding-right: 22px;
	}

	.chanxiang {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 26px;
		margin-top: 30px;
	}

	.chanxiang strong {
		font-size: 22px;
		font-size: 2.2rem;
		line-height: 30px;
	}

	.chanlie {
		padding: 28px 10px;
		margin-top: 34px;
		padding-bottom: 15px;
	}

	.chanzi2 {
		font-size: 14px;
		font-size: 1.4rem;
	}
}

@media screen and (max-width:1219px) {
	.chanxbiaon {
		font-size: 28px;
		font-size: 2.8rem;
		padding-right: 22px;
	}

	.chanxiang strong {
		font-size: 20px;
		font-size: 2rem;
		line-height: 30px;
	}

	.chanlie {
		padding: 28px 10px;
		margin-top: 34px;
		padding-bottom: 15px;
	}
}

@media screen and (max-width:999px) {
	.chanxbiaon {
		font-size: 26px;
		font-size: 2.6rem;
		padding-right: 22px;
	}

	.chanxiang strong {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 30px;
	}
}

@media screen and (max-width:767px) {
	.chanxbiaon {
		font-size: 22px;
		font-size: 2.2rem;
		padding-right: 22px;
	}

	.chanxiang strong {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 30px;
	}

	.chanxiang {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 22px;
		margin-top: 20px;
	}

	.chanlie {
		padding: 0px;
		margin-top: 34px;
		background: none;
	}

	.chanzi2 {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 22px;
		height: auto;
		padding-top: 15px;
	}

	.chanzi2 strong {
		font-size: 16px;
		font-size: 1.6rem;
	}
}

@media screen and (max-width:599px) {
	.chantu {
		max-width: 100%;
		float: none;
		margin-left: 0px;
		margin-bottom: 20px;
	}

	.chanlie {
		width: 100%;
		margin: auto !important;
		margin-top: 20px !important;
	}
}

.prmain4 {
	padding-top: 35px;
}

.img-scroll3 {
	position: relative;
	z-index: 9;
	margin-top: 37px;
}

.img-scroll3 .prev,
.img-scroll3 .next {
	position: absolute;
	text-align: center;
	display: block;
	width: 38px;
	height: 38px;
	line-height: 38px;
	background: #ebebeb;
	z-index: 99;
	transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-webkit-transition: 0.3s;
	top: 50%;
	margin-top: -25px;
	color: #0068b7;
	font-size: 14px;
}

.img-scroll3 .prev {
	left: -19px;
	cursor: pointer;
}

.img-scroll3 .next {
	right: -19px;
	cursor: pointer;
}

.img-scroll3 .prev:hover,
.img-scroll3 .next:hover {
	background-color: #0c6fbb;
	color: #fff;
}

.img-list3 {
	position: relative;
	overflow: hidden;
	z-index: 90;
}

.img-list3 ul {
	width: 10000%;
}

.img-list3 li {
	float: left;
	display: inline;
	width: 0.2435%;
	margin-right: 0.0086%;
	position: relative;
	transition: 0.5s;
}

.dotu {
	display: block;
}

.dotu img {
	width: 100%;
}

.dozi {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 24px;
	text-align: center;
	margin-top: 5px;
}

.img-scroll4 {
	position: relative;
	z-index: 9;
	margin-top: 37px;
}

.img-scroll4 .prev,
.img-scroll4 .next {
	position: absolute;
	text-align: center;
	display: block;
	width: 38px;
	height: 38px;
	line-height: 38px;
	background: #ebebeb;
	z-index: 99;
	transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-webkit-transition: 0.3s;
	top: 50%;
	margin-top: -25px;
	color: #0068b7;
	font-size: 14px;
}

.img-scroll4 .prev {
	left: -19px;
	cursor: pointer;
}

.img-scroll4 .next {
	right: -19px;
	cursor: pointer;
}

.img-scroll4 .prev:hover,
.img-scroll4 .next:hover {
	background-color: #0c6fbb;
	color: #fff;
}

.img-list4 {
	position: relative;
	overflow: hidden;
	z-index: 90;
}

.img-list4 ul {
	width: 10000%;
}

.img-list4 li {
	float: left;
	display: inline;
	width: 0.189%;
	margin-right: 0.01375%;
	position: relative;
	transition: 0.5s;
}

.img-list4 li .dotu {
	border: solid 1px #e1e1e1;
}

.prmain5 {
	padding-top: 89px;
}

.img-scroll5 {
	position: relative;
	z-index: 9;
	margin-top: 59px;
}

.pr5nav {
	width: 96px;
	position: absolute;
	background: #fff;
	top: -100px;
	height: 38px;
	right: 0px;
}

.img-scroll5 .prev,
.img-scroll5 .next {
	position: absolute;
	text-align: center;
	display: block;
	width: 38px;
	height: 38px;
	line-height: 38px;
	background: #ebebeb;
	z-index: 99;
	transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-webkit-transition: 0.3s;
	color: #0068b7;
	font-size: 14px;
}

.img-scroll5 .prev {
	left: 16px;
	cursor: pointer;
}

.img-scroll5 .next {
	right: 0px;
	cursor: pointer;
}

.img-scroll5 .prev:hover,
.img-scroll5 .next:hover {
	background-color: #0c6fbb;
	color: #fff;
}

.img-list5 {
	position: relative;
	overflow: hidden;
	z-index: 90;
	padding: 10px 5px;
}

.img-list5 ul {
	width: 10000%;
}

.img-list5 li {
	float: left;
	display: inline;
	width: 0.2435%;
	margin-right: 0.0086%;
	position: relative;
	transition: 0.5s;
	background: #f6f6f6;
	padding-top: 22px;
	padding-bottom: 10px;
	transition: 0.5s;
}

.img-list5 li .prtu {
	margin: 0 35px;
	margin-top: 10px;
}

.img-list5 li a:hover {
	color: #0c6fbb;
}

.img-list5 li:hover {
	box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.3);
}

.prtag2 {
	padding-bottom: 86px;
}

@media screen and (max-width:1449px) {

	.img-scroll3 .prev,
	.img-scroll4 .prev {
		left: 0px;
		cursor: pointer;
	}

	.img-scroll3 .next,
	.img-scroll4 .next {
		right: 0px;
		cursor: pointer;
	}

	.img-list4 li {
		width: 0.2435%;
		margin-right: 0.0086%;
	}
}

@media screen and (max-width:1419px) {
	.dozi {
		font-size: 14px;
		font-size: 1.4rem;
	}
}

@media screen and (max-width:999px) {
	.prmain4 {
		padding-top: 5px;
	}

	.img-list3 li,
	.img-list4 li,
	.img-list5 li {
		width: 0.32333%;
		margin-right: 0.015%;
	}

	.img-scroll3 {
		margin-top: 25px;
	}

	.prmain5 {
		padding-top: 29px;
	}

	.img-scroll5 {
		margin-top: 29px;
	}

	.pr5nav {
		top: -65px;
	}

	.prtag2 {
		padding-bottom: 36px;
	}
}

@media screen and (max-width:767px) {

	.img-list3 li,
	.img-list4 li,
	.img-list5 li {
		width: 0.49%;
		margin-right: 0.02%;
	}

	.dozi {
		font-size: 12px;
		font-size: 1.2rem;
	}
}

@media screen and (max-width:399px) {

	.img-list3 li,
	.img-list4 li,
	.img-list5 li {
		width: 1%;
		margin-right: 0.02%;
	}
}

/*********************  abotut1  *********************/
.fenbanner {
	position: relative;
}

.fenbanner img {
	width: 100%;
}

.fenbiao {
	text-transform: uppercase;
	display: block;
	position: absolute;
	color: #ffffff;
	font-size: 72px;
	font-size: 7.2rem;
	line-height: 90px;
	font-family: "Arial Black", Gadget, sans-serif;
	width: 95%;
	left: 2.5%;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
}

@media screen and (max-width:1419px) {
	.fenbiao {
		font-size: 50px;
		font-size: 5rem;
		line-height: 60px;
	}
}

@media screen and (max-width:1219px) {
	.fenbiao {
		font-size: 40px;
		font-size: 4rem;
		line-height: 50px;
	}
}

@media screen and (max-width:999px) {
	.fenbiao {
		font-size: 30px;
		font-size: 3rem;
		line-height: 40px;
	}
}

@media screen and (max-width:767px) {
	.fenbiao {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 26px;
	}

	.fenbanner {
		overflow: hidden;
	}

	.fenbanner img {
		width: 140% !important;
		margin-left: -20% !important;
	}
}

/***********************  news  ************************/
.mianbao2 {
	border: none;
	border-bottom: 1px solid #e1e1e1;
	margin-top: 12px;
	padding-bottom: 21px;
}

.ab1main1 {
	position: relative;
	padding-top: 42px;
	padding-bottom: 55px;
}

.ab1main1:after {
	content: "";
	clear: both;
	display: block;
}

.ab11zi {
	width: 49.57%;
	float: left;
	padding-top: 30px;
}

.ab11tu {
	width: 44.2%;
	float: right;
}

.ab11a {
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 30px;
}

.ab11biao {
	display: block;
	font-size: 50px;
	font-size: 5rem;
	line-height: 60px;
	font-family: Roboto-Bold, Arial, Helvetica, sans-serif;
}

.ab11p {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 30px;
	margin-top: 19px;
}

.img-scroll6 {
	position: relative;
	z-index: 9;
}

.ab1nav {
	width: 104px;
	position: absolute;
	bottom: 0px;
	height: 52px;
	left: -52px;
}

.img-scroll6 .prev,
.img-scroll6 .next {
	position: absolute;
	text-align: center;
	display: block;
	width: 52px;
	height: 52px;
	line-height: 52px;
	background: rgba(255, 255, 255, 0.4);
	z-index: 99;
	transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-webkit-transition: 0.3s;
	color: #0068b7;
	font-size: 14px;
}

.img-scroll6 .prev {
	left: 0px;
	cursor: pointer;
}

.img-scroll6 .next {
	right: 0px;
	cursor: pointer;
}

.img-scroll6 .prev:hover,
.img-scroll6 .next:hover {
	background: #0068b7;
	background: rgba(0, 104, 183, 0.3);
	color: #fff;
}

.img-list6 {
	position: relative;
	overflow: hidden;
	z-index: 90;
}

.img-list6 ul {
	width: 10000%;
}

.img-list6 li {
	float: left;
	display: inline;
	width: 1%;
	margin-right: 0.0086%;
	position: relative;
	transition: 0.5s;
	transition: 0.5s;
}

.img-list6 li .prtu {
	margin: 0 35px;
	margin-top: 10px;
}

.img-list6 li a:hover {
	color: #0c6fbb;
}

.img-list6 li:hover {
	box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.3);
}

.img-list6 li img {
	width: 100%;
}

.ab1main2 {
	background: #f5f5f5;
	padding: 60px 0;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 30px;
}

@media screen and (max-width:1419px) {
	.ab11a {
		font-size: 20px;
		font-size: 2rem;
		line-height: 30px;
	}

	.ab11biao {
		font-size: 40px;
		font-size: 4rem;
		line-height: 50px;
	}

	.ab11p {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 26px;
		margin-top: 19px;
	}
}

@media screen and (max-width:1219px) {
	.ab11zi {
		padding-top: 0px;
	}

	.ab11a {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 24px;
	}

	.ab11biao {
		font-size: 30px;
		font-size: 3rem;
		line-height: 40px;
	}

	.ab1main2 {
		padding: 40px 0;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 26px;
	}
}

@media screen and (max-width:999px) {
	.ab1main1 {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.ab11zi {
		width: 100%;
		float: none;
	}

	.ab11tu {
		width: 100%;
		float: none;
		padding-top: 30px;
	}

	.ab1nav {
		left: 0px;
	}
}

@media screen and (max-width:767px) {
	.ab11a {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 24px;
	}

	.ab11biao {
		font-size: 20px;
		font-size: 2rem;
		line-height: 40px;
	}

	.ab11p {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 22px;
		margin-top: 19px;
	}

	.ab1main2 {
		padding: 35px 0;
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 22px;
	}
}

.ab1main3 {
	padding-top: 70px;
}

.img-scroll7 {
	position: relative;
	z-index: 9;
	margin-top: 56px;
	border-bottom: 2px solid #0068b7;
	padding-bottom: 6px;
}

.img-scroll7 .prev,
.img-scroll7 .next {
	position: absolute;
	text-align: center;
	display: block;
	width: 46px;
	height: 46px;
	line-height: 46px;
	border-radius: 50%;
	background: #ffffff;
	z-index: 99;
	transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-webkit-transition: 0.3s;
	color: #0068b7;
	font-size: 14px;
	box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.12);
	top: 50%;
	margin-top: -23px;
}

.img-scroll7 .prev {
	left: 0px;
	cursor: pointer;
}

.img-scroll7 .next {
	right: -75px;
	cursor: pointer;
}

.img-scroll7 .prev:hover,
.img-scroll7 .next:hover {
	background: #0068b7;
	color: #fff;
}

.img-list7 {
	position: relative;
	overflow: hidden;
	z-index: 90;
	width: 1660px;
}

.img-list7 ul {
	width: 10000%;
}

.img-list7 li {
	float: left;
	display: inline;
	width: 304px;
	margin-right: 50px;
	position: relative;
	transition: 0.5s;
	transition: 0.5s;
	min-height: 342px;
	padding-top: 32px;
	padding-right: 30px;
}

.img-list7 li:before {
	content: "";
	position: absolute;
	width: 1px;
	height: 100%;
	background: #e1e1e1;
	right: 0px;
	top: 0px;
}

.ab12a {
	color: #0068b7;
	font-size: 36px;
	font-size: 3.6rem;
	line-height: 44px;
	font-family: Roboto-Bold, Arial, Helvetica, sans-serif;
}

.ab12p {
	color: #666666;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 29px;
	margin-top: 22px;
}

.ab12p p {
	color: #666666;
}

@media screen and (max-width:1559px) {
	.img-scroll7 .next {
		right: 0px;
		cursor: pointer;
	}
}

@media screen and (max-width:1219px) {
	.ab12a {
		font-size: 26px;
		font-size: 2.6rem;
		line-height: 34px;
	}

	.ab12p {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 24px;
		margin-top: 16px;
	}
}

@media screen and (max-width:999px) {
	.ab1main3 {
		padding-top: 40px;
	}

	.img-scroll7 {
		margin-top: 20px;
	}

	.img-list7 {
		width: 130%;
	}

	.img-list7 li {
		width: 250px;
		margin-right: 20px;
		min-height: 342px;
		padding-top: 20px;
		padding-right: 20px;
	}
}

@media screen and (max-width:767px) {
	.ab12a {
		font-size: 20px;
		font-size: 2rem;
		line-height: 30px;
	}

	.ab12p {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 22px;
		margin-top: 16px;
	}
}

.ab1main4 {
	background: url(../images/m1bei.png) no-repeat center 23px;
	margin-top: 84px;
	padding-bottom: 112px;
}

.ab1main5 {
	background: #f5f5f5;
	padding-top: 74px;
	padding-bottom: 82px;
}

.img-scroll8 {
	position: relative;
	z-index: 9;
	margin-top: 56px;
	padding-bottom: 6px;
}

.img-scroll8 .prev,
.img-scroll8 .next {
	position: absolute;
	text-align: center;
	display: block;
	width: 46px;
	height: 46px;
	line-height: 46px;
	background: #93bddc;
	z-index: 99;
	transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-webkit-transition: 0.3s;
	color: #0068b7;
	font-size: 14px;
	box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.12);
	top: -112px;
}

.img-scroll8 .prev {
	right: 54px;
	cursor: pointer;
}

.img-scroll8 .next {
	right: 0px;
	cursor: pointer;
}

.img-scroll8 .prev:hover,
.img-scroll8 .next:hover {
	background: #0068b7;
	color: #fff;
}

.img-list8 {
	position: relative;
	overflow: hidden;
	z-index: 90;
}

.img-list8 ul {
	width: 10000%;
}

.img-list8 li {
	float: left;
	display: inline;
	width: 0.19%;
	margin-right: 0.0125%;
	position: relative;
	transition: 0.5s;
	transition: 0.5s;
}

.ab15tu {
	display: block;
	position: relative;
}

.ab15tu img {
	width: 100%;
}

.ab15fu {
	position: absolute;
	display: block;
	left: 9px;
	top: 9px;
	right: 9px;
	bottom: 9px;
	background: #0068b7;
	background: rgba(0, 104, 183, 0.7);
	opacity: 0;
	transition: 0.5s;
}

.ab15fu i {
	display: block;
	width: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 26px;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.ab15zi {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 24px;
	text-align: center;
	margin-top: 20px;
}

.img-list8 li:hover .ab15fu {
	opacity: 1;
}

@media screen and (max-width:1219px) {
	.ab15zi {
		font-size: 14px;
		font-size: 1.4rem;
		margin-top: 10px;
	}
}

@media screen and (max-width:999px) {
	.ab1main4 {
		margin-top: 14px;
		padding-bottom: 32px;
	}

	.ab1main5 {
		padding-top: 34px;
		padding-bottom: 32px;
	}

	.img-scroll8 {
		margin-top: 36px;
		padding-bottom: 6px;
	}

	.img-list8 li {
		width: 0.24%;
		margin-right: 0.01333%;
	}

	.ab15fu {
		display: none
	}

	.img-scroll8 .prev,
	.img-scroll8 .next {
		top: -80px;
	}
}

@media screen and (max-width:767px) {
	.img-list8 li {
		width: 0.32333%;
		margin-right: 0.015%;
	}

	.img-scroll8 .prev,
	.img-scroll8 .next {
		width: 30px;
		height: 30px;
		line-height: 30px;
		top: -75px;
	}
}

@media screen and (max-width:499px) {
	.img-list8 li {
		width: 0.49%;
		margin-right: 0.02%;
	}

	.img-scroll8 .prev {
		right: 40px;
		cursor: pointer;
	}

	.img-scroll8 .next {
		right: 0px;
		cursor: pointer;
	}
}

.ab2main1 {
	background: url(../images/ab21bei.jpg) no-repeat center;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
	padding-bottom: 40px;
}

#outer {
	margin-top: 4px;
}

#tab {
	overflow: hidden;
	zoom: 1;
	font-size: 0px;
}

#tab li {
	transition: 0.5s;
	min-width: 375px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 7px;
	height: 74px;
	line-height: 74px;
	text-align: center;
	background: url(../images/prnav.jpg) repeat-x bottom;
	background-size: auto 100%;
	cursor: pointer;
}

#tab li a {
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
	font-size: 2rem;
	line-height: 30px;
	text-align: center;
	padding: 0 5px;
}

#tab li.current {
	background: url(../images/prnavh.jpg) repeat-x bottom;
	background-size: auto 100%;
}

#tab li.current a {
	color: #ffffff;
}

#content {
	padding-top: 36px;
}

#content .tabul {
	display: none;
	padding-top: 5px;
}

#content .tabul:after {
	content: "";
	clear: both;
	display: block;
}

.ab21tu {}

.ab21tu img {
	width: 100%;
}

.img-scroll9 {
	position: relative;
	z-index: 9;
	margin-top: 24px;
}

.img-scroll9 .prev,
.img-scroll9 .next {
	position: absolute;
	text-align: center;
	display: block;
	width: 46px;
	height: 46px;
	line-height: 46px;
	background: #ffffff;
	border-radius: 50%;
	z-index: 99;
	transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-webkit-transition: 0.3s;
	color: #0068b7;
	font-size: 14px;
	box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.12);
	top: 50%;
	margin-top: -40px;
}

.img-scroll9 .prev {
	left: -37px;
	cursor: pointer;
}

.img-scroll9 .next {
	right: -37px;
	cursor: pointer;
}

.img-scroll9 .prev:hover,
.img-scroll9 .next:hover {
	background: #0068b7;
	color: #fff;
}

.img-list9 {
	position: relative;
	overflow: hidden;
	z-index: 90;
}

.img-list9 ul {
	width: 10000%;
}

.img-list9 li {
	float: left;
	display: inline;
	width: 0.31857%;
	margin-right: 0.024%;
	position: relative;
	transition: 0.5s;
	transition: 0.5s;
}

.ab21tu2 {
	display: block;
}

.ab21tu2 img {
	width: 100%;
}

.ab21zi2 {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 30px;
	margin-top: 22px;
}

@media screen and (max-width:1499px) {
	.img-scroll9 .prev {
		left: 0px;
		cursor: pointer;
	}

	.img-scroll9 .next {
		right: 0px;
		cursor: pointer;
	}
}

@media screen and (max-width:1219px) {
	#tab li {
		min-width: 0px;
		width: 32.333%;
		margin-left: 0.5%;
		margin-right: 0.5%;
		height: 60px;
		line-height: 60px;
	}

	#tab li a {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 24px;
	}

	.ab21zi2 {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 26px;
		margin-top: 10px;
	}
}

@media screen and (max-width:999px) {
	.img-list9 li {
		width: 0.49%;
		margin-right: 0.02%;
		position: relative;
		transition: 0.5s;
		transition: 0.5s;
	}

	#tab li a {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 20px;
	}
}

@media screen and (max-width:767px) {

	.img-scroll9 .prev,
	.img-scroll9 .next {
		width: 36px;
		height: 36px;
		line-height: 36px;
		margin-top: -40px;
	}

	.ab21zi2 {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 22px;
		margin-top: 10px;
	}

	#tab li a {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 20px;
	}
}

.ab2main2 {
	background: #f5f5f5;
}

.ab22t {
	background: #0068b7;
	text-align: center;
	line-height: 40px;
	padding: 50px;
}

.ab22t p {
	color: #ffffff;
	font-size: 36px;
	font-size: 3.6rem;
	line-height: 40px;
}

.ab22b {
	padding-top: 51px;
}

.ab2bbiao {
	text-align: center;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 30px;
}

.ab22bn {
	text-align: center;
	font-size: 0px;
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
}

.ab22bn:after {
	content: "";
	clear: both;
	display: block;
}

.ab22bn1 p {
	width: 12.57%;
	margin-left: 2%;
	display: inline-block;
	vertical-align: middle;
}

.ab22bn1 p:nth-child(7n) {
	margin-left: auto;
}

.ab22bn2 p {
	width: 15.57%;
	margin-left: 1.316%;
	display: inline-block;
	vertical-align: middle;
}

.ab22bn2 p:nth-child(6n) {
	margin-left: auto;
}

.ab22bn p {
	margin-bottom: 59px;
}

.ab22bn p img {
	width: 100%;
}

@media screen and (max-width:1219px) {
	.ab2bbiao {
		font-size: 20px;
		font-size: 2rem;
		line-height: 30px;
	}

	.ab22bn p {
		margin-bottom: 29px;
	}

	.ab22t {
		line-height: 40px;
		padding: 20px;
	}

	.ab22t p {
		font-size: 26px;
		font-size: 2.6rem;
		line-height: 40px;
	}

	.ab22bn {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.ab22b {
		padding-top: 21px;
	}
}

@media screen and (max-width:999px) {
	.ab2bbiao {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 26px;
	}

	.ab22bn p {
		width: 24%;
		margin-left: 0.5% !important;
		margin-right: 0.5%;
		margin-bottom: 15px;
	}
}

@media screen and (max-width:767px) {
	.ab22t p {
		font-size: 22px;
		font-size: 2.2rem;
		line-height: 26px;
	}

	.ab2bbiao {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 24px;
	}
}

@media screen and (max-width:459px) {
	.ab22bn p {
		width: 32.333%;
		margin-left: 0.5% !important;
		margin-right: 0.5%;
		margin-bottom: 15px;
	}
}

/**************************  about3  **************************/
.ab3main1 {
	padding-top: 30px;
	padding-bottom: 60px;
}

.ab3biao1 {
	font-size: 50px;
	font-size: 5rem;
	line-height: 60px;
	text-align: center;
	font-family: Roboto-Bold, Arial, Helvetica, sans-serif;
}

.ab3p {
	text-align: center;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 26px;
	margin-top: 7px;
}

.ab31nz {
	width: 100%;
	max-width: 1200px;
	margin: auto;
	margin-top: 70px;
	position: relative;
}

.ab31tu {}

.ab31tu img {
	width: 100%;
}

.ab31tu2 {
	display: none;
}

.ab31lie {
	position: absolute;
	padding-right: 10px;
	cursor: pointer;
}

.ab31a {
	position: relative;
	padding-right: 17px;
	color: #fff;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 24px;
	background: url(../images/ab31dian.png) no-repeat right center;
}

.ab31lie1 {
	left: 13%;
	top: 29%;
}

.ab31lie2 {
	left: 46%;
	top: 21.3%;
}

.ab31lie3 {
	left: 75%;
	top: 32%;
}

.ab31a:hover {
	font-size: 16px;
}

.ab31n {
	position: absolute;
	/*width: 257px;*/
	border-top: 5px solid #06385d;
	background: #ebebeb;
	background: rgba(235, 235, 235, 0.5);
	left: 50%;
	transform: translateX(-50%);
	top: 30px;
	width: 150px;
	transition: 0.5s;
	padding: 2px;
	z-index: 999;
}

.ab31n img {
	max-width: 100%;
	transition: 0.5s;
}

.ab31na {
	display: block;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 30px;
	font-weight: bold;
}

.ab31np {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 24px;
	margin-top: 6px;
}

.ab31np strong {
	color: #db0c0f;
}

.ab31np em {
	color: #0068b7;
	font-style: normal;
}

.ab31lie:hover .ab31n {
	width: 400px;
	padding: 15px;
	z-index: 99999;
}

@media screen and (max-width:1419px) {
	.ab3biao1 {
		font-size: 40px;
		font-size: 4rem;
		line-height: 50px;
	}

	.ab3p {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 26px;
		margin-top: 7px;
	}

	.ab31n {
		top: 100%;
		left: 60%;
		margin: auto;
	}
}

@media screen and (max-width:1219px) {
	.ab3biao1 {
		font-size: 30px;
		font-size: 3rem;
		line-height: 40px;
	}

	.ab3p {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 24px;
		margin-top: 7px;
	}

	.ab3main1 {
		padding-top: 10px;
		padding-bottom: 40px;
	}

	.ab31na {
		font-size: 20px;
		font-size: 2rem;
		line-height: 28px;
	}

	.ab31np {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 24px;
		margin-top: 6px;
	}
}

@media screen and (max-width:999px) {
	.ab3biao1 {
		font-size: 24px;
		font-size: 2.4rem;
		line-height: 30px;
	}

	.ab3p {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 24px;
		margin-top: 7px;
	}

	.ab31nz {
		margin-top: 20px;
	}

	.ab31tu2 {
		display: block;
	}

	.ab31tu1 {
		display: none;
	}

	.ab31lie {
		position: relative;
		left: auto;
		top: auto;
		margin-top: 20px;
	}

	.ab31a {
		display: none
	}

	.ab31n {
		display: block;
		position: relative;
		left: auto;
		top: auto;
		transform: translateX(0);
		width: 100%;
		max-width: 550px;
		margin: auto;
	}

	.ab31na {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 28px;
	}

	.ab31np {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 24px;
		margin-top: 6px;
	}
}

@media screen and (max-width:767px) {
	.ab3biao1 {
		font-size: 20px;
		font-size: 2rem;
		line-height: 30px;
	}

	.ab3p {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 22px;
		margin-top: 7px;
	}

	.ab31n {
		padding: 7px 10px;
	}

	.ab31na {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 24px;
	}

	.ab31np {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 22px;
		margin-top: 6px;
	}
}

.ab3main2 {
	background: #f7f7f7;
	padding-top: 49px;
	padding-bottom: 97px;
}

.ab32tu {
	text-align: center;
	margin-top: 49px;
}

.ab32tu img {
	max-width: 100%;
	margin: auto;
}

.ab3main3 {
	padding-top: 61px;
	padding-bottom: 133px;
}

.ab33nz {
	padding-top: 27px;
}

.ab33nz:after {
	content: "";
	clear: both;
	display: block;
}

.ab33lie {}

.ab33lie1 {
	width: 21.13%;
	float: left;
}

.ab33lie2 {
	width: 38.1%;
	float: left;
	margin-left: 1.5%;
}

.ab33lie3 {
	width: 37.6%;
	float: right;
}

.ab33lie1 .ab33tu {
	max-width: 300px;
	margin: auto;
}

.ab33lie2 .ab33tu {
	max-width: 530px;
	margin: auto;
}

.ab33lie3 .ab33tu {
	max-width: 530px;
	margin: auto;
}

.ab33n {
	position: relative;
	margin-top: 14px;
	overflow: hidden;
}

.ab33tu {
	display: block;
}

.ab33tu img {
	width: 100%;
}

.ab33fu {
	width: 100%;
	height: 100%;
	left: 0px;
	top: 100%;
	transition: 0.5s;
	position: absolute;
	background: #06375d;
	background: rgba(6, 55, 93, 0.7);
}

.ab33fun {
	position: absolute;
	width: 95%;
	max-height: 100%;
	overflow: auto;
	text-align: center;
	color: #ffffff;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 26px;
	top: 50%;
	transform: translateY(-50%);
}

.ab33fun p {
	color: #fff;
}

.ab33n:hover .ab33fu {
	top: 0px;
}

@media screen and (max-width:1219px) {
	.ab3main3 {
		padding-top: 31px;
		padding-bottom: 33px;
	}
}

@media screen and (max-width:999px) {
	.ab3main2 {
		padding-top: 29px;
		padding-bottom: 37px;
	}

	.ab32tu {
		margin-top: 29px;
	}

	.ab33lie {
		width: 100%;
	}

	.ab33fu {
		padding: 20px 2.5%;
		margin-top: 10px;
	}

	.ab33fu,
	.ab33fun {
		position: relative;
		left: auto;
		top: auto;
		transform: translateY(0);
	}

	.ab33fun {
		font-size: 14px;
		font-size: 1.4rem;
	}
}

@media screen and (max-width:767px) {
	.ab33fun {
		font-size: 12px;
		font-size: 1.2rem;
	}

	.ab33nz {
		padding-top: 17px;
	}
}

/**************************  about4  **************************/
.ab4main {
	margin-top: 41px;
	color: #555555;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 26px;
	padding-top: 9px;
	padding-bottom: 91px;
}

.ab4mainp {
	color: #555555;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 26px;
	padding-top: 14px;
}

.ab4main p,
.ab4main em {
	color: #555555;
}

.ab4main strong {
	color: #0068b7;
}

.ab4main img {
	max-width: 100%;
	display: inline-block;
}

@media screen and (max-width:999px) {
	.ab4main {
		margin-top: 21px;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 24px;
		padding-top: 10px;
		padding-bottom: 41px;
	}
}

@media screen and (max-width:767px) {
	.ab4main {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 22px;
		padding-top: 10px;
		padding-bottom: 41px;
	}
}

.ab5main {
	max-width: 1067px;
	padding-top: 60px;
	padding-bottom: 105px;
}

.ab5main .ab4main {
	padding-bottom: 65px;
}

.ab5biao {
	display: block;
	font-size: 50px;
	font-size: 5rem;
	line-height: 60px;
	text-align: center;
	font-family: Roboto-Medium, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #d1d1d1;
	position: relative;
	padding-bottom: 20px;
}

.ab5biao:before {
	content: "";
	position: absolute;
	width: 97px;
	height: 7px;
	background: #0068b7;
	bottom: -4px;
	left: 50%;
	margin-left: -48px;
}

.ab5main2 {
	background: #0068b7 url(../images/ab5bei.jpg) no-repeat center;
	background-size: cover;
	box-shadow: 0px 3px 25px 0px rgba(0, 47, 83, 0.27);
	border-radius: 19px;
	padding-left: 71px;
	padding-right: 67px;
	position: relative;
	min-height: 54px;
	padding-top: 48px;
	padding-bottom: 54px;
}

.ab52mor {
	display: block;
	position: absolute;
	right: 67px;
	top: 50%;
	margin-top: -27px;
	width: 186px;
	height: 53px;
	line-height: 51px;
	background: #fff;
	border: 1px solid #fff;
	padding: 0 5px;
	text-align: center;
	color: #0068b7;
	font-size: 20px;
	font-size: 2rem;
	font-family: Roboto-Regular, Arial, Helvetica, sans-serif;
	border-radius: 26px;
}

.ab52zi {
	margin-right: 200px;
}

.ab52biao {
	color: #ffffff;
	font-size: 36px;
	font-size: 3.6rem;
	line-height: 42px;
	font-family: Roboto-Medium, Arial, Helvetica, sans-serif;
}

.ab52p {
	color: #ffffff;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 30px;
	margin-top: 3px;
	font-family: Roboto-Light, Arial, Helvetica, sans-serif;
}

.ab52p a {
	color: #ffffff;
	font-family: Roboto-Regular, Arial, Helvetica, sans-serif;
}

.ab52p a:hover {
	text-decoration: underline;
}

.ab52mor:hover {
	background: #0068b7;
	color: #fff;
}

@media screen and (max-width:1419px) {
	.ab5biao {
		font-size: 40px;
		font-size: 4rem;
		line-height: 60px;
		padding-bottom: 10px;
	}
}

@media screen and (max-width:1219px) {
	.ab5biao {
		font-size: 30px;
		font-size: 3rem;
		line-height: 50px;
		padding-bottom: 10px;
	}

	.ab5main2 {
		border-radius: 19px;
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 30px;
		padding-bottom: 34px;
	}

	.ab52biao {
		font-size: 26px;
		font-size: 2.6rem;
		line-height: 42px;
	}

	.ab52p {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 26px;
		margin-top: 3px;
	}

	.ab52mor {
		right: 30px;
		width: 150px;
		height: 43px;
		line-height: 41px;
		font-size: 20px;
		font-size: 2rem;
		margin-top: -20px;
		border-radius: 26px;
	}
}

@media screen and (max-width:999px) {
	.ab5main {
		padding-top: 30px;
		padding-bottom: 45px;
	}

	.ab5biao {
		font-size: 24px;
		font-size: 2.4rem;
		line-height: 30px;
		padding-bottom: 10px;
	}
}

@media screen and (max-width:767px) {
	.ab5biao {
		font-size: 20px;
		font-size: 2rem;
		line-height: 26px;
		padding-bottom: 10px;
	}

	.ab52mor {
		position: relative;
		margin: auto;
		margin-top: 15px;
		right: auto;
		top: auto;
		transform: translateY(0);
		font-size: 14px;
		font-size: 1.4rem;
		height: 37px;
		line-height: 35px;
	}

	.ab52zi {
		text-align: center;
		margin-right: auto;
	}

	.ab52biao {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 30px;
	}

	.ab52p {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 24px;
		margin-top: 3px;
	}
}

/*****************************  3-1  ********************************/
.somain1 {
	text-align: center;
	font-size: 0px;
	max-width: 1200px;
	margin: auto;
	padding-top: 82px;
}

.solie {
	display: inline-block;
	vertical-align: top;
	width: 33.333%;
	padding: 0 20px;
	text-align: center;
}

.so1tu {
	display: block;
	width: 92px;
	height: 92px;
	line-height: 82px;
	border: 5px solid #99c3e2;
	border-radius: 50%;
	background: #2e83c4;
	margin: auto;
}

.so1tu i {
	color: #fff;
	font-size: 40px;
}

.so1a {
	text-align: center;
	color: #444444;
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 30px;
	font-family: Roboto-Bold, Arial, Helvetica, sans-serif;
	margin-top: 8px;
}

.so1p {
	color: #444444;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 29px;
	margin-top: 22px;
}

.somain2 {
	background: #0068b7;
	padding: 30px;
	text-align: center;
	margin-top: 59px;
}

.somain2 p {
	color: #ffffff;
	font-size: 28px;
	font-size: 2.8rem;
	line-height: 33px;
	font-weight: bold;
}

.somain3 {
	color: #444444;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 29px;
	padding-top: 39px;
	max-width: 1204px;
}

.somain3 p {
	overflow: hidden;
}

.somain3 img {
	max-width: 100%;
	display: inline-block;
}

/*.somain3 img:hover{*/
/*    -webkit-transform: scale(1.1);*/
/*-moz-transform: scale(1.1);*/
/*-ms-transform: scale(1.1);*/
/*-o-transform: scale(1.1);*/
/*transform: scale(1.1);*/
/*}*/
.somain4 {
	max-width: 1204px;
	font-size: 0px;
	margin-top: 63px;
}

.somain5 {
	max-width: 1204px;
	font-size: 0px;
	margin-top: 71px;
}

.so4tu {
	display: inline-block;
	vertical-align: bottom;
}

.so4tu img {
	max-width: 100%;
	margin: auto;
}

/*.so4tu img:hover{*/
/*    -webkit-transform: scale(1.1);*/
/*-moz-transform: scale(1.1);*/
/*-ms-transform: scale(1.1);*/
/*-o-transform: scale(1.1);*/
/*transform: scale(1.1);*/
/*}*/
.so4zi {
	background: #f5f5f5;
	display: inline-block;
	vertical-align: bottom;
	padding: 88px 50px;
}

.so4biao {
	display: inline-block;
	color: #0068b7;
	font-size: 35px;
	font-size: 3.5rem;
	font-family: Roboto-Bold, Arial, Helvetica, sans-serif;
	line-height: 50px;
	position: relative;
	padding-right: 58px;
}

/*.so4biao:before{ content:""; position:absolute; width:45px; height:3px; background:#0068b7; right:0px; bottom:10px;}*/
.so4p {
	font-size: 18px;
	font-size: 1.8rem;
	color: #444444;
	line-height: 30px;
	margin-top: 2px;
}

.so4p p {
	color: #444444;
}

.somain4 .so4tu {
	width: 55.7%;
	overflow: hidden;
}

.somain4 .so4zi {
	width: 44.3%;
	overflow: hidden;
}

.somain5 .so4tu {
	width: 62.4%;
	overflow: hidden;
}

.somain5 .so4zi {
	width: 37.6%;
	overflow: hidden;
}

.somain6 {
	padding-top: 150px;
	padding-bottom: 82px;
}

.so5biao {
	text-align: center;
	color: #444444;
	font-size: 36px;
	font-size: 3.6rem;
	line-height: 45px;
	font-family: Roboto-Medium, Arial, Helvetica, sans-serif;
}

.so5n {
	font-size: 0px;
	padding-top: 38px;
}

.so5lie {
	width: 25%;
	padding: 0 10px;
	display: inline-block;
	vertical-align: top;
	margin-top: 20px;
}

.so5tu {
	display: block;
}

.so5tu img {
	max-width: 100%;
	margin: auto;
}

/*.so5tu img:hover{*/
/*    -webkit-transform: scale(1.1);*/
/*-moz-transform: scale(1.1);*/
/*-ms-transform: scale(1.1);*/
/*-o-transform: scale(1.1);*/
/*transform: scale(1.1);*/
/*}*/
.so5zi {
	color: #444444;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 29px;
	text-align: center;
	margin-top: 44px;
}

.so5zi p {
	color: #444444;
}

@media screen and (max-width:999px) {
	.somain1 {
		padding-top: 42px;
	}

	.solie {
		padding: 0 15px;
	}

	.so1tu {
		width: 70px;
		height: 70px;
		line-height: 60px;
	}

	.so1tu i {
		font-size: 26px;
	}

	.so1a {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 26px;
		margin-top: 8px;
	}

	.so1p {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 24px;
		margin-top: 10px;
	}

	.somain2 {
		padding: 20px;
		margin-top: 29px;
	}

	.somain2 p {
		font-size: 20px;
		font-size: 2rem;
		line-height: 30px;
	}

	.somain3 {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 24px;
		padding-top: 30px;
		max-width: 1204px;
	}

	.somain4 {
		margin-top: 33px;
	}

	.somain5 {
		margin-top: 31px;
	}

	.so4zi {
		padding: 25px 10px;
	}

	.so4biao {
		font-size: 30px;
		font-size: 3rem;
		line-height: 40px;
		padding-right: 35px;
	}

	.so4biao:before {
		width: 30px;
		height: 2px;
		bottom: 10px;
	}

	.so4p {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 26px;
		margin-top: 2px;
	}

	.somain4 .so4tu {
		width: 55.7%;
	}

	.somain4 .so4zi {
		width: 44.3%;
	}

	.somain5 .so4tu {
		width: 62.4%;
	}

	.somain5 .so4zi {
		width: 37.6%;
	}

	.somain6 {
		padding-top: 40px;
		padding-bottom: 42px;
	}

	.so5biao {
		font-size: 26px;
		font-size: 2.6rem;
		line-height: 35px;
	}

	.so5n {
		padding-top: 20px;
	}

	.so5zi {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 24px;
		margin-top: 20px;
	}
}

@media screen and (max-width:767px) {
	.solie {
		padding: 0 10px;
		width: 50%;
		margin-top: 10px;
		text-align: center;
	}

	.somain1 {
		padding-top: 30px;
		text-align: left;
	}

	.somain2 p {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 26px;
	}

	.so1a {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 24px;
		margin-top: 8px;
	}

	.so1p {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 22px;
		margin-top: 5px;
	}

	.somain4 .so4tu {
		width: 100%;
	}

	.somain4 .so4zi {
		width: 100%;
	}

	.somain5 .so4tu {
		width: 100%;
	}

	.somain5 .so4zi {
		width: 100%;
	}

	.so4biao {
		font-size: 26px;
		font-size: 2.6rem;
		line-height: 30px;
		padding-right: 35px;
	}

	.so4p {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 22px;
		margin-top: 2px;
	}

	.so5lie {
		width: 50%;
	}

	.so5biao {
		font-size: 22px;
		font-size: 2.2rem;
		line-height: 35px;
	}

	.so5zi {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 22px;
		margin-top: 10px;
	}
}

@media screen and (max-width:429px) {
	.solie {
		padding: 0px;
		width: 100%;
		margin-top: 10px;
		text-align: center;
	}

	.somain2 p {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 26px;
	}
}

/********************************************  news  ***********************************************/
.nemain {
	padding-top: 30px;
	padding-bottom: 90px;
}

.nelie {
	position: relative;
	min-height: 286px;
	margin-top: 40px;
}

.netu {
	position: absolute;
	width: 493px;
	left: 0px;
	top: 0px;
}

.netu a {
	display: block;
	overflow: hidden;
}

.netu a img {
	width: 100%;
	max-width: 493px;
	transition: 0.5s;
}

.nezi {
	margin-left: 546px;
	padding-top: 7px;
}

.nea {
	display: block;
	font-size: 20px;
	font-size: 2rem;
	line-height: 30px;
	margin-top: 25px;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
}

.neriqi {
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	color: #888888;
	line-height: 24px;
	margin-top: 15px;
}

.neriqi i {
	color: #999999;
	padding-right: 7px;
}

.nezi p a {
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 28px;
	color: #555555;
	max-height: 56px;
	overflow: hidden;
	margin-top: 17px;
}

.nemor {
	display: inline-block;
	min-width: 166px;
	padding: 0 5px;
	background: #0068b7;
	text-align: center;
	height: 42px;
	line-height: 42px;
	font-size: 16px;
	font-size: 1.6rem;
	margin-top: 36px;
	color: #fff !important;
}

.nezi a:hover {
	color: #0068b7;
}

/*.nemor:hover { background:#0068b7; color:#fff !important;}*/

.fenye {
	padding-top: 91px;
	text-align: center;
}

.fenyen {
	display: inline-block;
	*float: left;
}

.fenyen a {
	display: inline-block;
	*float: left;
	width: 34px;
	height: 31px;
	border: 1px solid #e5e5e5;
	text-align: center;
	line-height: 29px;
	margin-right: 8px;
	margin-bottom: 10px;
	font-size: 12px;
	font-size: 1.2rem;
}

.fenyen a:hover {
	border: 1px solid #0068b7;
	background: #0068b7;
	color: #fff !important
}

.sx {
	width: auto !important;
	min-width: 55px;
	padding: 0 2px;
}

.dangqianfen {
	border: 1px solid #0068b7 !important;
	background: #0068b7 !important;
	color: #fff !important
}

.fuxuan {
	background: url(../images/fuxuan.png) no-repeat right center;
	padding-right: 34px;
	display: inline-block;
	*float: right;
	margin-bottom: 10px;
	margin-left: 12px;
}

.fuxuan input {
	width: 168px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #0068b7;
	background: #0068b7;
	color: #ffffff;
	cursor: pointer;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	font-size: 14px;
	font-size: 1.4rem;
}

.fuxuan input:hover {
	background: #fff;
	color: #0068b7;
}

@media only screen and (max-width:999px) {
	.nemain {
		padding-bottom: 42px;
	}

	.fenye {
		padding-top: 35px;
	}

	.nelie {
		min-height: 116px;
		margin-top: 17px;
	}

	.netu {
		width: 200px;
	}

	.nezi {
		margin-left: 215px;
		padding: 0px;
	}

	.nea {
		font-size: 16px;
		font-size: 1.6rem;
		margin-top: auto;
		line-height: 20px;
	}

	.neriqi {
		line-height: 20px;
		margin-top: 11px;
		font-size: 12px;
		font-size: 1.2rem;
	}

	.nezi p a {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 24px;
		max-height: 48px;
		margin-top: 10px;
	}

	.nemor {
		display: none
	}
}

@media only screen and (max-width:767px) {
	.nea {
		font-size: 14px;
		font-size: 1.4rem;
	}

	.nezi p a {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 22px;
		height: 44px;
	}
}

@media only screen and (max-width:499px) {
	.nemain {
		padding-top: 12px;
	}

	.netu {
		width: 100%;
		position: relative;
		left: auto;
		top: auto;
	}

	.nezi {
		margin: auto;
		padding-top: 20px;
		padding-bottom: 10px;
	}
}

.fenyen .no:hover {
	color: #333 !important;
	border: 1px solid #e5e5e5;
	background: #fff;
}

/********************  news2  ***********************/
.nemain2 {
	padding-top: 58px;
	padding-bottom: 70px;
}

.nel {
	width: 68.64%;
	float: left;
}

.ner {
	width: 26.2%;
	float: right;
}

.nel h1 {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 30px;
}

.net {
	margin-top: 14px;
}

.net .neriqi {
	display: inline-block;
	vertical-align: middle;
	color: #888888;
	margin: auto;
	padding-right: 10px;
}

.net .share {
	display: inline-block;
	vertical-align: middle;
	margin: auto;
}

.net .share1 {
	color: #888888;
	font-size: 16px;
	font-size: 1.6rem;
}

.nexiang {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 28px;
	color: #555555;
	border-top: 1px solid #cecece;
	margin-top: 27px;
	padding-top: 23px;
}

.nexiang p,
.nexiang strong,
.nexiang em {
	color: #555555;
}

.nexiang a {
	color: #0068b7;
}

.nexiang img {
	max-width: 100%;
	margin: auto;
}

.fanpian {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 26px;
	color: #666666;
	position: relative;
	margin-top: 60px;
	border-top: 1px dashed #666666;
	padding-top: 23px;
}

.fanpian li {
	color: #555555;
	position: relative;
	margin-top: 20px;
}

.fanpian li span {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	min-width: 82px;
	line-height: 24px;
	text-align: center;
	padding: 0 5px;
	border: solid 1px #0a0a0a;
	color: #666666;
	font-size: 14px;
	font-size: 1.4rem;
}

.fanpian li a {
	color: #666666;
}

.fanpian li i {
	position: absolute;
	left: 0px;
	top: 0px;
	font-size: 18px;
	color: #999999;
}

.fanpian li a:hover {
	color: #0068b7;
}

.nertu {
	display: block;
	margin-top: 71px;
}

.nertu img {
	width: 100%;
}

.nerlie {
	border-bottom: 1px solid #cecece;
	padding-bottom: 22px;
}

.nera {
	display: block;
	font-size: 20px;
	font-size: 2rem;
	line-height: 30px;
	margin-top: 20px;
}

.nerriqi {
	display: block;
	color: #888888;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 30px;
	margin-top: 14px;
}

.nerp a {
	display: block;
	color: #555555;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 28px;
	max-height: 84px;
	overflow: hidden;
}

.nerlie:last-child {
	border: none;
	padding-top: 11px;
}

.nerlie a:hover {
	color: #0068b7;
}

@media screen and (max-width:999px) {
	.nemain2 {
		padding-top: 26px;
		padding-bottom: 30px;
	}

	.nel {
		width: 67%;
		float: left;
	}

	.ner {
		width: 30%;
		float: right;
	}

	.nel h1 {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 30px;
	}

	.nexiang,
	.fanpian,
	.nerp a,
	.nerriqi {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 26px;
	}

	.nera {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 24px;
		font-weight: bold;
	}
}

@media screen and (max-width:767px) {
	.nel {
		width: 100%;
		float: left;
	}

	.ner {
		width: 100%;
		float: right;
		margin-top: 20px;
	}

	.nertu {
		display: block;
		margin-top: 21px;
	}

	.nexiang,
	.fanpian,
	.nerp a,
	.nerriqi {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 26px;
	}

	.nera {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 24px;
		font-weight: bold;
	}

	.net .share1 {
		font-size: 14px;
		font-size: 1.4rem;
	}

	.fanpian {
		margin-top: 30px;
		padding-top: 10px;
	}
}

/******************************  5-1  ***********************************/
.scmain {
	background: url(../images/scbei.jpg) no-repeat top center;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
	padding-top: 1px;
	padding-bottom: 91px;
}

.scmain:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: url(../images/scbei.jpg) no-repeat top center;
	background-size: cover;
	z-index: -1
}

.sct {
	margin-top: 34px;
}

.scbiao {
	font-size: 38px;
	font-size: 3.8rem;
	line-height: 50px;
	font-weight: bold;
	text-align: center;
	position: relative;
	padding-bottom: 12px;
}

.scbiao:before {
	content: "";
	position: absolute;
	width: 66px;
	height: 3px;
	background: #0068b7;
	bottom: 0px;
	left: 50%;
	margin-left: -33px;
}

.scpz {
	font-size: 16px;
	font-size: 1.6rem;
	color: #555555;
	line-height: 30px;
	margin-top: 29px;
}

.scpz p {
	color: #555555;
}

.scn {
	padding-top: 57px;
}

.sclie {
	border-bottom: 1px solid #eeeeee;
	position: relative;
	min-height: 417px;
	padding-bottom: 40px;
	margin-top: 40px;
}

.sctu {
	position: absolute;
	width: 672px;
	top: 50%;
	transform: translateY(-50%);
	margin-top: -20px;
}

.scshipin {
	position: relative;
	padding-bottom: 56.1%;
	height: 0;
	overflow: hidden;
}

.scshipin iframe,
.scshipin video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

.scshipin iframe body {
	margin: 0px !important;
}

.sczi {
	padding-top: 70px;
	padding-bottom: 70px;
}

.sca {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 38px;
	font-weight: bold;
	min-height: 76px;
}

.scriqi {
	display: block;
	color: #666666;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 24px;
	margin-top: 36px;
}

.scriqi i {
	color: #666666;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	font-size: 24px;
}

.scp {
	color: #666666;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 30px;
	margin-top: 19px;
}

.scp p {
	color: #666666;
}

.sclie1 .sctu {
	left: 0px;
	background: #000;
	overflow: hidden;
}

.sclie2 .sctu {
	right: 0px;
	overflow: hidden;
}

.sclie1 .sczi {
	margin-left: 719px;
}

.sclie2 .sczi {
	margin-right: 719px;
}

.scn .sclie:last-child {
	border: none;
}

.sczi a:hover {
	color: #0068b7;
}

.sctu1:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

@media screen and (max-width:1219px) {
	.scbiao {
		font-size: 30px;
		font-size: 3rem;
		line-height: 40px;
		padding-bottom: 12px;
	}

	.scpz {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 26px;
		margin-top: 20px;
	}

	.sctu {
		width: 550px;
	}

	.sclie {
		min-height: 308px;
	}

	.sclie1 .sczi {
		margin-left: 569px;
	}

	.sclie2 .sczi {
		margin-right: 569px;
	}

	.sczi {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.sca {
		font-size: 20px;
		font-size: 2rem;
		line-height: 30px;
		min-height: 60px;
	}

	.scriqi {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 24px;
		margin-top: 16px;
	}

	.scp {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 26px;
		margin-top: 10px;
	}
}

@media screen and (max-width:999px) {
	.scmain {
		padding-top: 1px;
		padding-bottom: 41px;
	}

	.scbiao {
		font-size: 24px;
		font-size: 2.4rem;
		line-height: 30px;
		padding-bottom: 12px;
	}

	.scpz {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 22px;
		margin-top: 15px;
	}

	.sctu {
		width: 550px;
	}

	.sclie {
		min-height: 308px;
	}

	.sclie1 .sczi {
		margin-left: 569px;
	}

	.sclie2 .sczi {
		margin-right: 569px;
	}

	.sczi {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.sca {
		font-size: 20px;
		font-size: 2rem;
		line-height: 30px;
		min-height: 60px;
	}

	.scriqi {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 24px;
		margin-top: 16px;
	}

	.scp {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 26px;
		margin-top: 10px;
	}

	.sclie {
		padding-bottom: 20px;
		margin-top: 20px;
	}

	.sctu {
		position: relative;
		top: auto;
		left: auto;
		margin: auto;
		transform: translate(0, 0);
		width: 100%;
		max-width: 650px
	}

	.sczi {
		margin: auto !important;
		margin-top: 20px !important;
		padding: 0px;
	}

	.sca {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 26px;
		min-height: 0px;
	}
}

@media screen and (max-width:767px) {
	.sca {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 26px;
		min-height: 0px;
	}

	.scp {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 24px;
		margin-top: 10px;
	}
}

/******************************  service  ***********************************/
.semain1 {
	text-align: center;
	padding-top: 36px;
}

.se1biao {
	color: #0068b7;
	font-size: 36px;
	font-size: 3.6rem;
	line-height: 44px;
	font-weight: bold;
}

.se1p {
	color: #666666;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 29px;
	margin-top: 13px;
}

.se1p p {
	color: #666666;
}

.semain2 {
	font-size: 0px;
	margin-top: 113px;
}

.se2zi {
	width: 52.5%;
	display: inline-block;
	vertical-align: middle;
	text-align: right;
}

.se2tu {
	width: 47.5%;
	display: inline-block;
	vertical-align: middle;
	box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.22);
}

.se2tu img {
	width: 100%;
}

.se2zin {
	display: inline-block;
	width: 732px;
	text-align: left;
	padding-right: 50px;
}

.se2a {
	color: #0068b7;
	font-size: 36px;
	font-size: 3.6rem;
	line-height: 42px;
	font-weight: bold;
}

.se2n {
	margin-top: 53px;
}

.se2n p {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 30px;
}

.se2p {
	padding-left: 75px;
	position: relative;
}

.se2p em {
	display: block;
	width: 61px;
	height: 61px;
	border-radius: 50%;
	border-radius: 50%;
	box-shadow: 1px 3px 6px 0px rgba(0, 0, 0, 0.2);
	position: absolute;
	left: 0px;
	top: -20px;
}

.se2p em img {
	width: 100%;
	border-radius: 50%;
}

.semain3 {
	margin-top: 82px;
	font-size: 0px;
}

.semain3 .se2tu {
	width: 45.885%;
}

.semain3 .se2zi {
	width: 54.115%;
	text-align: left;
}

.semain3 .se2zin {
	width: 779px;
	padding-left: 88px;
}

.se2n2 {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 28px;
}

.se2n2 p {
	position: relative;
	padding: 16px 0;
	padding-left: 76px;
	min-height: 61px;
	margin-top: 17px;
}

.se2n2 em {
	display: block;
	width: 61px;
	height: 61px;
	border-radius: 50%;
	border-radius: 50%;
	box-shadow: 1px 3px 6px 0px rgba(0, 0, 0, 0.2);
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -30px;
}

.se2n2 em img {
	width: 100%;
	border-radius: 50%;
}

@media screen and (max-width:1419px) {
	.se2zin {
		display: inline-block;
		width: 620px;
		text-align: left;
		padding-right: 50px;
	}

	.semain3 .se2zin {
		width: 679px;
		padding-left: 38px;
	}

	.se1biao {
		font-size: 30px;
		font-size: 3rem;
		line-height: 40px;
	}

	.se2n p {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 30px;
	}

	.se2p em {
		top: 0px;
	}

	.se2n2 {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 26px;
	}

	.se2n {
		margin-top: 23px;
	}

	.semain2 {
		margin-top: 43px;
	}
}

@media screen and (max-width:1219px) {
	.se2zin {
		width: 520px;
		padding-right: 30px;
	}

	.semain3 .se2zin {
		width: 550px;
		padding-left: 25px;
	}

	.se2a {
		font-size: 24px;
		font-size: 2.4rem;
		line-height: 30px;
	}

	.se1biao {
		font-size: 30px;
		font-size: 3rem;
		line-height: 36px;
	}

	.se1p {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 26px;
		margin-top: 13px;
	}
}

@media screen and (max-width:999px) {
	.se2a {
		font-size: 20px;
		font-size: 2rem;
		line-height: 30px;
	}

	.se2zi {
		width: 95% !important;
		text-align: left;
		display: block;
		margin: auto;
		padding: 30px 0;
	}

	.se2tu {
		width: 95% !important;
		display: block;
		margin: auto;
	}

	.se2zin {
		width: auto !important;
		margin: auto;
		padding: 0px !important;
	}

	.se2n2 {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 28px;
	}

	.se2n2 em,
	.se2p em {
		width: 40px;
		height: 40px;
	}

	.se2n2 p {
		padding: 6px 0;
		padding-left: 60px;
		min-height: 40px;
	}

	.se2n p {
		padding-left: 60px;
		font-size: 14px;
		font-size: 1.4rem;
	}

	.semain2 {
		margin-top: 10px;
	}

	.semain3 {
		margin-top: 32px;
		font-size: 0px;
	}
}

@media screen and (max-width:767px) {
	.se1biao {
		font-size: 22px;
		font-size: 2.2rem;
		line-height: 30px;
	}

	.se2n2 p {
		padding: 6px 0;
		padding-left: 60px;
		min-height: 40px;
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 22px;
	}

	.se2n p {
		padding-left: 60px;
		font-size: 12px;
		font-size: 1.2rem;
	}
}

.semain4 {
	background: #f6f7fc;
	text-align: center;
	margin-top: 83px;
	padding-top: 47px;
	padding-bottom: 83px;
}

.se4n {
	color: #666666;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 30px;
	margin-top: 41px;
	text-align: left;
}

.se4n p {
	color: #666666;
}

.semain5 {
	margin-top: 10px;
	padding-top: 47px;
	padding-bottom: 83px;
}

.semain6 {
	max-width: 1061px;
	margin-bottom: 98px;
}

.semain6 .ab52biao {
	font-size: 30px;
	font-size: 3rem;
	line-height: 40px;
}

@media screen and (max-width:999px) {
	.semain4 {
		margin-top: 33px;
		padding-top: 27px;
		padding-bottom: 33px;
	}

	.se4n {
		margin-top: 20px;
		font-size: 14px;
		font-size: 1.4rem;
	}

	.semain5 {
		padding-top: 27px;
		padding-bottom: 33px;
	}

	.semain6 {
		margin-bottom: 38px;
	}

	.semain6 .ab52biao {
		font-size: 24px;
		font-size: 2.4rem;
		line-height: 30px;
	}
}

@media screen and (max-width:767px) {
	.semain6 .ab52biao {
		font-size: 20px;
		font-size: 2rem;
		line-height: 30px;
	}

	.se4n {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 26px;
	}

	.semain4 {
		margin-top: 20px;
	}
}

/**************************  contact  *****************************/
.mianbao3 {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	top: 50%;
	border: none;
	margin-top: 40px;
	color: #fff;
}

.mianbao3 a {
	color: #fff;
}

.mianbao3 a:hover {
	text-decoration: underline;
	color: #fff;
}

.mianbao3 .comain {
	text-decoration: underline !important;
	color: #fff !important;
}

.mianbao4 {
	display: none
}

@media screen and (max-width:999px) {
	.mianbao4 {
		display: block;
	}

	.mianbao3 {
		display: none;
	}
}

.comain {
	position: relative;
	margin-top: -50px;
	z-index: 1;
	padding-bottom: 30px;
}

.comain .zong {
	position: relative;
	padding-top: 25px;
}

.comain .zong:after {
	content: "";
	clear: both;
	display: block;
}

.comain .zong:before {
	content: "";
	position: absolute;
	left: -55px;
	top: -60px;
	right: -55px;
	bottom: 0px;
	background: #fff;
	z-index: 2
}

.col {
	position: relative;
	z-index: 3;
	width: 45%;
	float: left;
}

.cor {
	position: relative;
	z-index: 3;
	width: 49%;
	float: right;
	box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.2);
	padding: 0px 35px;
	padding-bottom: 56px;
}

.cobiao {
	font-size: 48px;
	font-size: 4.8rem;
	line-height: 60px;
	font-weight: bold;
}

.cop {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 30px;
	color: #666666;
	margin-top: 21px;
	padding-bottom: 16px;
}

.colie {
	margin-top: 18px;
}

.coa {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 30px;
	padding-left: 55px;
	position: relative;
}

.coa i {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	color: #0068b7;
	font-size: 26px;
}

.coa em {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	color: #0068b7;
	font-size: 26px;
}

.cop2 {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 30px;
	color: #666666;
	padding-left: 55px;
	margin-top: 9px;
}

.cop2 p,
.cop2 a {
	color: #666666;
}

.cobiao2 {
	color: #0068b7;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 34px;
	margin-top: 36px;
}

.cop2 a:hover {
	color: #0068b7;
}

.coxin {}

.coxin .int1 {
	position: relative;
	margin-top: 28px;
}

.coxin i {
	position: absolute;
	color: #666666;
	left: 20px;
	top: 0px;
	line-height: 36px;
}

.coxin .int1 input {
	width: 100%;
	border-bottom: 1px solid #c9c9c9;
	height: 36px;
	line-height: 36px;
	color: #4d4d4d;
	font-size: 16px;
	font-size: 1.6rem;
	padding-left: 51px;
	background: none;
}

.coxin .int1 select {
	width: 100%;
	border-bottom: 1px solid #c9c9c9;
	height: 36px;
	line-height: 36px;
	color: #4d4d4d;
	font-size: 16px;
	font-size: 1.6rem;
	padding-left: 30px;
	background: none;
}

.coxin .int1 textarea {
	width: 100%;
	border-bottom: 1px solid #c9c9c9;
	height: 100px;
	line-height: 36px;
	color: #4d4d4d;
	font-size: 16px;
	font-size: 1.6rem;
	padding-left: 51px;
	background: none;
}

.coxin .xing {
	background: url(../images/xing.jpg) no-repeat left 15px;
}

.coxin .int2 {
	width: 305px;
	float: left;
	margin-top: 36px;
}

.coxin .int2 input {
	width: 100%;
	border-bottom: 1px solid #c9c9c9;
	height: 36px;
	line-height: 36px;
	color: #4d4d4d;
	font-size: 16px;
	font-size: 1.6rem;
	padding-left: 19px;
	background: none;
}

.coxin .coyanzheng {
	width: 172px;
	height: 59px;
	float: left;
	margin-left: 33px;
	margin-top: 16px;
	cursor: pointer;
}

.coxin .int3 {
	width: 240px;
	height: 58px;
	background: #0068b7;
	border: 1px solid #0068b7;
	margin-top: 35px;
	cursor: pointer;
	color: #ffffff;
	font-size: 16px;
	font-size: 1.6rem;
	text-align: center;
	transition: 0.5s;
}

.coxin .int3:hover {
	background: #fff;
	color: #0068b7;
}

.cotu {
	margin-top: 39px;
}

.cotu img {
	width: 100%;
}

.ditu {
	margin-top: 70px;
	margin-bottom: 100px;
}

.ditu img {
	width: 100%;
}

/**************************  new show  *****************************/
.prmain2_newpage {
	background: #e7e7e7;
}

.prmain2_newpage .pr2l h1 {
	font-size: 64px;
	font-size: 6.4rem;
}

.prmain2_newpage .pr2la {
	font-size: 40px;
	font-size: 4.0rem;
	margin-top: 10px;
	line-height: 40px;
}

.prmain2_newpage .jianjie {
	margin-top: 30px;
}

.prmain2_newpage .pr2r {
	width: 50%;
}

.prmain2_newpage .pr2l {
	width: 36.14%;
	margin-left: 12%;
}

.prmain2_newpage .img-scroll2 {
	margin: 0;
}

.prmain2_newpage .img-scroll2 img {
	max-width: 100%;
}

.wpro {
	background: #f2f2f2;
}

.proshow_new {
	padding-bottom: 20px;
}

.proshow_new iframe {
	width: 100%;
	border: none;
}

/*.spec{margin-top: -40px;}*/
.spec,
.appl {
	padding: 0 40px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 30px;
	background: #fff;
}

.appl {
	margin-top: 40px;
}

.shadow_style {
	box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.3);
	border-radius: 6px;
}

.block_title {
	color: #333;
	font-size: 26px;
	font-size: 2.6rem;
	line-height: 30px;
	font-weight: bold;
	padding-bottom: 20px;
}

.appl_title {
	padding: 40px 0 20px 0;
}

.spec_l,
.appl_r {
	width: 60%;
	padding: 40px 0;
}

.appl_l,
.spec_r {
	width: 30%;
}

.spec_l,
.appl_l {
	float: left;
	padding-left: 30px;
}

.spec_r,
.appl_r {
	float: right;
}

.appl_l .block_title {
	padding-top: 40px;
}

.spec_con p {
	display: inline-block;
	width: 50%;
	float: left;
	color: #555;
}

.appl_con p {
	color: #555555;
}

.conpad {
	padding-left: 40px;
	padding-top: 20px;
}

.take_button {
	padding: 46px 0;
}

.take_button a {
	display: block;
	width: 280px;
	height: 58px;
	background: #0068b7;
	border: 1px solid #0068b7;
	border-radius: 10px;
	line-height: 58px;
	text-align: center;
	padding: 0 5px;
	color: #ffffff;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bolder;
	margin: auto;
}

.take_button a:hover {
	background: #fff;
	color: #0068b7;
}

.con_mian3 .first_con {
	width: 100%;
	overflow: hidden;
	max-height: 370px;
}

.con_mian3 .first_con img {
	max-width: 100%;
}

.con_mian3 .first_con iframe {
	width: 100%;
	height: 370px;
}

.ftu,
.fwenzi {
	float: left;
	width: 50%;
}

.fwenzi {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 30px;
	color: #555;
	padding-left: 20px;
	padding-top: 50px;
}

.fwenzi .f_title {
	line-height: 60px;
}

.sandt {
	margin: 40px 0;
}

.sandt .block_title {
	font-weight: normal;
}

.second_con {
	width: 48%;
	float: left;
	margin-left: 4%;
	background: #fff;
	overflow: hidden;
}

.second_con img {
	margin: auto;
	width: 100%;
	display: block;
}

.second_con video {
	margin: auto;
}

.second_wenzi {
	padding: 40px 40px;
}

.second_wenzi .s_title {
	display: block;
	padding: 16px 0;
	text-align: left;
}

.second_wenzi,
.six_wenzi {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 30px;
	color: #555;
	text-align: left;
}

.four_con img {
	width: 100%;
	display: block;
	max-height: 398px;
	border-radius: 6px;
}

.four_con iframe {
	width: 100%;
	display: block;
	height: 398px;
	border-radius: 6px;
}

.five_con {
	margin: 40px 0;
	padding: 40px 40px;
	background: #fff;
}

.five_con li {
	width: 30%;
	float: left;
	margin-left: 5%;
}

.five_con li img,
.five_con li video {
	width: 100%;
	display: block;
}

.five_wenzi .block_title {
	font-weight: normal;
	padding-top: 20px;
}

.five_wenzi {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 30px;
	color: #555;
}

.five_wenzi ul li {
	width: 100%;
	float: none;
	margin: 0;
}

.six_con {
	margin: 40px 0;
	overflow: hidden;
	max-height: 370px;
}

.six_con img {
	max-width: 100%;
}

.six_con iframe {
	width: 100%;
	height: 370px;
}

.sixl,
.sixr {
	float: left;
}

.sixl {
	width: 46%;
}

.sixr {
	width: 52%;
	margin-left: 2%;
}

.sixl img,
.sixl video {
	display: block;
	width: 100%;
	max-width: 100%;
}

.six_wenzi {
	width: 64%;
	float: left;
}

.sixr iframe {
	width: 32%;
	float: right;
}

.seven_demo {
	padding: 40px 40px;
	background: #fff;
}

.seven_demo .block_title {
	text-align: center;
}

.seven_demo .dozi {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 30px;
	color: #555;
}


.m-hpro {
	margin: 40px 0;
	background: #fff;
	padding: 40px 40px;
}

.m-hpro .block_title {
	text-align: center;
}

.m-hpro .box-title {
	font-size: 36px;
	font-size: 3.6rem;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	background: url("../images/bd1.png") no-repeat center;
}



.m-hpro .box-bd {
	margin-top: 40px;
	overflow: hidden;
}

.m-hpro .box-list {
	width: 1000%;
	overflow: hidden;
}

.m-hpro .list-wp {
	float: left;
	width: 10%;
	overflow: hidden;
}

.m-hpro .list-item {
	float: left;
	margin-left: 4%;
	width: 48%;
}

.m-hpro .item-top {
	width: 54%;
	float: left;
}

.item-top .item-pic img {
	display: block;
	width: 100%;
}

.m-hpro .item-title {
	width: 42%;
	float: right;
}

.m-hpro .item-title a {
	display: block;
	line-height: 24px;
	font-size: 18px;
	font-size: 1.8rem;
	color: #333;
	padding-bottom: 12px;
}

.m-hpro .item-title p {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 24px;
	color: #555;
}


.m-hpro .box-page {
	margin-top: 32px;
	font-size: 0;
	letter-spacing: 0;
	text-align: center;
}

.m-hpro .page-item {
	margin: 0 8px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 16px;
	height: 16px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #acacac;
	border-radius: 50%;
}

.m-hpro .page-item.active {
	background-color: #0068b7;
}


@media screen and (max-width:1739px) {
	.comain {
		margin-top: 0px;
	}
}

@media screen and (max-width:1419px) {
	.comain .zong:before {
		left: -20px;
		top: -30px;
		right: -20px;
		bottom: 0px;
	}

	.cobiao {
		font-size: 38px;
		font-size: 3.8rem;
		line-height: 50px;
	}

	.cop {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 26px;
		margin-top: 21px;
		padding-bottom: 10px;
	}

	.coa {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 26px;
		padding-left: 45px;
	}

	.coa i {
		font-size: 20px;
	}

	.cop2 {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 26px;
		padding-left: 45px;
		margin-top: 9px;
	}

	.coxin .int1 input,
	.coxin .int1 select,
	.coxin .int1 textarea,
	.coxin .int2 input {
		font-size: 14px;
		font-size: 1.4rem;
	}
}

@media screen and (max-width:1219px) {
	.cor {
		padding: 0px 20px;
		padding-bottom: 56px;
	}

	.cobiao {
		font-size: 30px;
		font-size: 3rem;
		line-height: 40px;
	}

	.ditu {
		margin-top: 20px;
		margin-bottom: 50px;
	}

	.coxin .int2 {
		width: 200px;
	}

	.spec {
		margin-top: 20px;
	}

	.prmain2_newpage .pr2l {
		width: 48.14%;
		margin-left: 0;
	}

	.m-hpro .item-title a {
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: bolder;
	}

	.m-hpro .item-title p {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 26px;
	}

}

@media screen and (max-width:999px) {
	.comain .zong:before {
		display: none
	}

	.coxin:after {
		content: "";
		clear: both;
		display: block;
	}

	.coxin .int2 {
		width: 100%;
	}

	.coxin .clear {
		display: none;
	}

	.coxin .coyanzheng {
		margin-left: 0px;
	}

	.coxin .int3 {
		float: right;
		margin-top: 15px;
		width: 40%;
	}

	.spec_l,
	.appl_l {
		float: none;
		width: 100%;
	}

	.spec_r,
	.appl_r {
		float: none;
		width: 100%;
	}

	.spec_r,
	.appl_l img {
		display: block;
		margin: auto;
		max-width: 100%;
	}

	.spec_r video,
	.appl_l video {
		display: block;
		margin: auto;
	}

	.spec_con p {
		width: 100%;
		float: none;
	}

	.five_con li {
		width: 100%;
		float: none;
		margin-left: 0;
		margin-bottom: 14px;
	}

	.m-hpro .list-item {
		width: 100%;
		margin-left: 0;
		margin-bottom: 14px;
	}

	.sixl,
	.sixr {
		width: 100%;
		float: none;
		margin-bottom: 14px;
	}
}

@media screen and (max-width:767px) {
	.col {
		width: 100%;
		float: none;
	}

	.cor {
		width: 100%;
		float: none;
		padding: 20px 10px;
		margin-top: 25px;
	}

	.cobiao {
		font-size: 22px;
		font-size: 2.2rem;
		line-height: 40px;
	}

	.cop {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 24px;
		margin-top: 21px;
		padding-bottom: 10px;
	}

	.coa {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 24px;
		padding-left: 45px;
	}

	.coa i {
		font-size: 20px;
	}

	.cop2 {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 26px;
		padding-left: 45px;
		margin-top: 9px;
	}

	.coxin .int1 input,
	.coxin .int1 select,
	.coxin .int1 textarea,
	.coxin .int2 input {
		font-size: 12px;
		font-size: 1.2rem;
	}

	.coxin .int3 {
		width: 38%;
		font-size: 12px;
		font-size: 1.2rem;
	}

	.second_con {
		width: 100%;
		float: none;
		margin-bottom: 14px;
		margin-left: 0;
	}

	.prmain2_newpage .pr2l h1 {
		font-size: 22px;
		font-size: 2.2rem;
		line-height: 30px;
	}

	.prmain2_newpage .pr2la {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 26px;
		margin-top: 10px;
	}

	.prmain2_newpage .pr2l {
		width: 100%;
		float: none;
	}

	.second_wenzi,
	.five_con,
	.m-hpro {
		padding: 10px 10px;
	}

	.spec,
	.appl {
		padding: 0 10px;
	}

	.spec_l,
	.appl_l {
		padding-left: 0;
	}

	.m-hpro {
		margin-top: 30px;
		padding-bottom: 30px;
	}

	.m-hpro .box-title {
		font-size: 24px;
		font-size: 2.4rem;
		background: none;
	}

	.m-hpro .box-bd {
		margin-top: 25px;
	}

	.m-hpro .item-title a {
		font-size: 14px;
		font-size: 1.4rem;
		padding-top: 12px;
	}

	.m-hpro .box-page {
		margin-top: 25px;
	}

	.m-hpro .page-item {
		margin: 0 5px;
		width: 16px;
		height: 16px;
	}

	.m-hpro .item-top,
	.m-hpro .item-title {
		float: none;
		width: 100%;
	}

}

.sctu1 {
	width: 100%;
	opacity: 0.6;
}

.sctu2 {
	width: 68px;
	height: 68px;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

@media screen and (max-width:999px) {
	.sctu2 {
		width: 48px;
		height: 48px;
	}
}

.slideItem {
	position: relative;
}

.slideItem iframe,
.slideItem video {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	min-height: 100%;
	min-width: 100%;
	border: none;
}

.show_form input::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #333;
	opacity: 1
}

.show_form input:-o-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #333;
	opacity: 1
}

.show_form input::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #333;
	opacity: 1
}

.show_form input:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #333;
	opacity: 1
}

.show_form textarea::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #333;
	opacity: 1
}

.show_form textarea:-o-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #333;
	opacity: 1
}

.show_form textarea::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #333;
	opacity: 1
}

.show_form textarea:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #333;
	opacity: 1
}

.show_form {
	background: #fff;
	margin: 40px 0;
	padding: 40px 0;
}

.show_form .fo4_text {
	color: #333;
}

.show_form .coxin {
	width: 90%;
	margin: auto;
}

.show_form .coxin .xing {
	background: url(../images/xingpy.png) #ffffff no-repeat left 15px;
}

.show_form .coxin i {
	color: #333;
}

.show_form .coxin .int1 {
	width: 48%;
	border: 1px solid #ddd;
}

.show_form .coxin .int1 input,
.show_form .coxin .int1 textarea {
	border: none;
}

.show_form .coxin .int_left {
	float: left;
	margin-right: 4%;
}

.show_form .coxin .int_right {
	float: right;
}

.show_form .coxin .int_w {
	width: 100%;
}

.show_form .coxin .int3 {
	display: block;
	width: 280px;
	margin: auto;
	height: 40px;
	margin-top: 20px;
	border-radius: 10px;
	float: none;
}

@media screen and (max-width: 999px) {
	.show_form .coxin .clear {
		display: block;
	}
}

@media screen and (max-width: 464px) {
	.show_form .coxin .int1 {
		width: 100%;
	}

	.show_form .coxin .int_left {
		float: none;
		margin-right: 0;
	}

	.show_form .coxin .int_right {
		float: none;
	}
}

/*tanchuang*/
.tanx textarea::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #999999;
	opacity: 1
}

.tanx textarea:-o-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #999999;
	opacity: 1
}

.tanx textarea::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #999999;
	opacity: 1
}

.tanx textarea:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #999999;
	opacity: 1
}

.tanx input::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #999999;
	opacity: 1
}

.tanx input:-o-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #999999;
	opacity: 1
}

.tanx input::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #999999;
	opacity: 1
}

.tanx input:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #999999;
	opacity: 1
}


.tan1 {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #000;
	background: rgba(0, 0, 0, 0.5);
	right: 0px;
	bottom: 0px;
	z-index: 99999;
	transition: 0.8s;
	overflow: hidden;
	display: none;
}

.tan1n {
	background: #ffffff;
	border-radius: 10px;
	width: 95%;
	max-width: 690px;
	max-height: 95%;
	overflow: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.guanbi {
	width: 26px;
	position: absolute;
	right: 8px;
	top: 7px;
	cursor: pointer;
}

.guanbi img {
	width: 100%;
}

.tanbiao {
	color: #ffffff;
	font-size: 30px;
	font-size: 3rem;
	line-height: 40px;
	text-align: center;
	background: url("../images/tanbei.jpg") no-repeat bottom center;
	padding: 24px;
	padding-bottom: 31px;
}

.tanp {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 28px;
	text-align: center;
	font-family: Roboto-Light, Arial, "sans-serif";
	width: 95%;
	max-width: 530px;
	margin: auto;
	margin-top: 12px;
}

.tanxin {
	padding: 22px 24px;
}

.tanp1 {
	background: #f3f3f3;
	line-height: 28px;
	padding: 5px 23px;
	position: relative;
	font-size: 16px;
	font-size: 1.6rem;
}

.tanp1 i {
	color: #c80000;
	font-size: 18px;
	font-size: 1.8rem;
	position: absolute;
	left: 10px;
	top: 10px;
}

.tanx {
	padding: 15px 0;
}

.tanx label {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 30px;
	margin-right: 42px;
	font-family: Roboto-Light, Arial, "sans-serif";
	cursor: pointer;
}

.tanx label input {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}

.tanx textarea,
.mtop input {
	border: 1px solid #f3f3f3;
	background: #fcfcfc;
	width: 100%;
	height: 94px;
	line-height: 26px;
	padding: 10px 20px;
	color: #999999;
	font-size: 16px;
	font-size: 1.6rem;
}

.mtop input {
	height: 36px;
	padding: 5px 20px;
}

.mtop .coyanzheng {
	margin-top: 0 !important;
}

.mtop {
	margin-bottom: 15px;
}

.tanxin .int2 {
	width: 100%;
	max-width: 448px;
	height: 49px;
	background: #0267b5;
	border: 1px solid #0267b5;
	border-radius: 6px;
	line-height: 47px;
	color: #ffffff;
	font-size: 18px;
	font-size: 1.8rem;
	margin: auto;
	display: block;
	cursor: pointer;
	transition: 0.5s;
}

.tanxin .int2:hover {
	background: #fff;
	color: #0267b5;
}

.tan1h {
	width: 0px;
	height: 0px;
	opacity: 0;
}

.infu {
	position: fixed;
	right: 10px;
	bottom: 10px;
	visibility: hidden;
	opacity: 0;
	transition: 0.8s;
	z-index: 999991;
	width: 0px;
	cursor: pointer;
}

.infu img {
	width: 100%;
}

.infuh {
	visibility: visible;
	opacity: 1;
	width: 90px;
}

.tan2 {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #000;
	background: rgba(0, 0, 0, 0.5);
	right: 0px;
	bottom: 0px;
	z-index: 99999;
	transition: 0.8s;
	display: none;
}

.tan2n {
	background: #ffffff;
	border-radius: 10px;
	width: 95%;
	max-width: 495px;
	max-height: 95%;
	overflow: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	padding: 30px 40px;
	text-align: center;
}

.duigou {
	width: 48px;
	margin: auto;
}

.duigou img {
	width: 100%;
	margin: auto;
}

.tan2biao {
	font-size: 30px;
	font-size: 3rem;
	line-height: 40px;
	margin-top: 8px;
}

.tan2p {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 24px;
	color: #333333;
	margin-top: 8px;
}

@media screen and (max-width:1359px) {
	.infuh {
		width: 60px;
	}
}

@media screen and (max-width:999px) {
	.infuh {
		width: 50px;
	}

	.infu {
		bottom: 60px;
	}
}

@media screen and (max-width:767px) {
	.tan1n {
		max-height: 80%;
	}

	.tanbiao {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 24px;
		padding: 10px;
		text-align: left;
		padding-right: 50px;
		background-position: top center;
	}

	.tanp {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 20px;
		text-align: left;
	}

	.tanxin {
		padding: 10px;
	}

	.tanp1 {
		line-height: 22px;
		padding: 5px 10px;
		padding-left: 20px;
		font-size: 14px;
		font-size: 1.4rem;
	}

	.tanp1 i {
		left: 5px;
		top: 10px;
	}

	.tanx {
		padding: 5px 0;
	}

	.tanx label {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 24px;
		margin: 2px 0;
		margin-right: 15px;
	}

	.tanx textarea {
		height: 60px;
		line-height: 22px;
		font-size: 12px;
		font-size: 1.2rem;
		padding: 10px;
	}

	.tanxin .int2 {
		max-width: 100px;
		height: 30px;
		line-height: 28px;
		font-size: 14px;
		font-size: 1.4rem;
		margin-top: 10px;
	}

	.tan2n {
		padding: 20px;
	}

	.duigou {
		width: 30px;
	}

	.tan2biao {
		font-size: 20px;
		font-size: 2rem;
		line-height: 30px;
		margin-top: 8px;
	}

	.tan2p {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 22px;
		margin-top: 8px;
	}
}

.yzmtt .int1 {
	width: 49%;
	float: left;
}

.yzmtt .coyanzheng {
	margin-top: 12px;
	margin-left: 2%;
	float: left;
	height: 36px;
	width: 49%;
	max-width: 172px;
}

.pss {
	margin-top: 26px;
}

.cookcon {
	position: fixed;
	z-index: 100;
	left: 0;
	bottom: 0;
	right: 0;
	background: #1d1d1d;
	height: 100px;
	display: flex;
	align-items: center;
	font-size: 16px;
	color: #fff;
	padding: 0 100px;
	box-shadow: 0 0 20px rgb(0 0 0 / 20%);
	justify-content: space-between;
	z-index: 999992;
	display: none;
}

.guanbicoo {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}

.cookcon .msg p {
	line-height: 24px;
	font-size: 16px;
	color: #fff;
}

.cookcon .msg a {
	color: #0068b7;
	text-decoration: underline;
}

.cookcon .btns a {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 30px;
	width: 140px;
	height: 50px;
	border: #fff solid 1px;
	color: #fff;
}

.cookcon .btns a:hover {
	background: #0068b7;
}

.cooflex {
	display: flex;
}

@media screen and (max-width:999px) {
	.cookcon {
		padding: 60px;
	}
}

@media screen and (max-width:767px) {
	.cookcon {
		bottom: 52px;
		font-size: 12px;
		padding: 15px;
		box-shadow: 0 0 10px rgb(0 0 0 / 20%);
		flex-direction: column;
		justify-content: center;
		height: auto;
		align-items: center;
	}

	.cookcon .msg {
		padding: 16px 0 10px 0;
	}

	.cookcon .btns a {
		margin: 0 10px;
		width: 90px;
		height: 30px;
	}
}

/*end*/
@font-face {
	font-family: Roboto-Light;
	font-display: swap;
	src: url("../fonts/Roboto-Light.woff2") format("woff2"),
		url("../fonts/Roboto-Light.woff") format("woff"),
		url("../fonts/Roboto-Light.ttf") format("truetype"),
		url("../fonts/Roboto-Light.eot") format("embedded-opentype"),
		url("../fonts/Roboto-Light.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: Roboto-Regular;
	font-display: swap;
	src: url("../fonts/Roboto-Regular.woff2") format("woff2"),
		url("../fonts/Roboto-Regular.woff") format("woff"),
		url("../fonts/Roboto-Regular.ttf") format("truetype"),
		url("../fonts/Roboto-Regular.eot") format("embedded-opentype"),
		url("../fonts/Roboto-Regular.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: Roboto-Medium;
	font-display: swap;
	src: url('../fonts/RobotoMedium.eot');
	src: url('../fonts/RobotoMedium.eot') format('embedded-opentype'),
		url('../fonts/RobotoMedium.woff2') format('woff2'),
		url('../fonts/RobotoMedium.woff') format('woff'),
		url('../fonts/RobotoMedium.ttf') format('truetype'),
		url('../fonts/RobotoMedium.svg#RobotoMedium') format('svg');
}

@font-face {
	font-family: Roboto-Bold;
	font-display: swap;
	src: url("../fonts/Roboto-Bold.woff2") format("woff2"),
		url("../fonts/Roboto-Bold.woff") format("woff"),
		url("../fonts/Roboto-Bold.ttf") format("truetype"),
		url("../fonts/Roboto-Bold.eot") format("embedded-opentype"),
		url("../fonts/Roboto-Bold.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "iconfont";
	font-display: swap;
	src: url('../fonts/iconfont.eot?t=1616729846207');
	/* IE9 */
	src: url('../fonts/iconfont.eot?t=1616729846207#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
		url('../fonts/iconfont.woff?t=1616729846207') format('woff'),
		url('../fonts/iconfont.ttf?t=1616729846207') format('truetype'),
		/* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
		url('../fonts/iconfont.svg?t=1616729846207#iconfont') format('svg');
	/* iOS 4.1- */
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.m5l {
	position: relative;
}

.m5lfu {
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: 0px;
	background: #000;
	background: rgba(0, 0, 0, 0.7);
	padding: 10px;
}

.m5la {
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 24px;
	color: #fff;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
}

.m5lp a {
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 24px;
	color: #fff;
	max-height: 72px;
	overflow: hidden;
	margin-top: 10px;
}

.m5lriqi {
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 24px;
	color: #fff;
	margin-top: 5px;
}

@media screen and (max-width:999px) {
	.m5l {
		display: block;
		width: 98%;
		float: none;
		margin: auto;
		margin-top: 20px;
	}
}

@media screen and (max-width:767px) {
	.m5la {
		font-size: 14px;
		font-size: 1.4rem;
	}

	.m5lp a {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 20px;
		max-height: 40px;
		margin-top: 5px;
	}

	.m5lriqi {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 20px
	}
}

@media screen and (max-width:767px) {
	.m5lfu {
		position: relative;
	}
}

.pro1-top {
	padding: 19px 0 0;
}

.pro1-txt .pro1-desc {
	overflow: hidden;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 28px;
}

.pro1-txt .pro1-desc a {
	color: #0068b7;
}

.pro1-txt .more_btn {
	display: none;
	color: #0068b7;
	text-align: center;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 22px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.pro1-txt .more_btn span {
	color: #0068b7;
	cursor: pointer;
	font-weight: bold;
}

.icon-search4:before {
	content: "\e7b2";
}

.icon-address:before {
	content: "\e7bc";
}

.icon-email:before {
	content: "\e7bd";
}

.icon-contact:before {
	content: "\e7be";
}

.icon-whatsapp:before {
	content: "\e7bf";
}

.icon-fax:before {
	content: "\e7c2";
}

.icon-mobile:before {
	content: "\e7c6";
}

.icon-phone:before {
	content: "\e7c8";
}

.icon-tel:before {
	content: "\e7c7";
}

.icon-phone1:before {
	content: "\e7cb";
}

.icon-skype:before {
	content: "\e7cc";
}

.icon-whatsapp1:before {
	content: "\e7c1";
}

.icon-address1:before {
	content: "\e7c3";
}

.icon-contact1:before {
	content: "\e7c4";
}

.icon-email1:before {
	content: "\e7c5";
}

.icon-skype1:before {
	content: "\e7c9";
}

.icon-fax1:before {
	content: "\e7ca";
}

.icon-qq:before {
	content: "\e7ce";
}

.icon-tel1:before {
	content: "\e7cd";
}

.icon-wechat:before {
	content: "\e7cf";
}

.icon-phone2:before {
	content: "\e7d0";
}

.icon-message:before {
	content: "\e7da";
}

.icon-calendar:before {
	content: "\e7e1";
}

.icon-calendar1:before {
	content: "\e7e3";
}

.icon-top:before {
	content: "\e7ed";
}

.icon-youbian:before {
	content: "\e60f";
}

.icon-zuanshi:before {
	content: "\e669";
}

.icon-gongsiyuanjing:before {
	content: "\e615";
}

.icon-sousuo:before {
	content: "\e689";
}

.icon-ziyuan:before {
	content: "\e64a";
}

.icon-up7:before {
	content: "\e722";
}

.icon-bottom7:before {
	content: "\e723";
}

.icon-left7:before {
	content: "\e724";
}

.icon-right7:before {
	content: "\e725";
}

.icon-home:before {
	content: "\e624";
}

.icon-edit:before {
	content: "\e611";
}

.icon-facebook:before {
	content: "\e620";
}

.icon-vk:before {
	content: "\e735";
}

.icon-pinterest:before {
	content: "\e8ab";
}

.icon-jian2:before {
	content: "\e600";
}

.icon-linkedin:before {
	content: "\e648";
}

.icon-youtube:before {
	content: "\e6d6";
}

.icon-twitter:before {
	content: "\e607";
}

.icon-jia2:before {
	content: "\e608";
}

.icon-bigger:before {
	content: "\e647";
}

.icon-left:before {
	content: "\e72c";
}

.icon-right:before {
	content: "\e72d";
}

.icon-up1:before {
	content: "\e72e";
}

.icon-bottom1:before {
	content: "\e72f";
}

.icon-left1:before {
	content: "\e730";
}

.icon-right1:before {
	content: "\e731";
}

.icon-up:before {
	content: "\e73e";
}

.icon-bottom:before {
	content: "\e73f";
}

.icon-instagram:before {
	content: "\e79d";
}

.icon-tumblr:before {
	content: "\e79e";
}

.icon-download:before {
	content: "\e7a0";
}

.icon-download1:before {
	content: "\e7a7";
}


@font-face {
	font-family: swiper-icons;
	src: url('data:application/font-woff;charset=utf-8;base64, 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');
	font-weight: 400;
	font-style: normal
}

:root {
	--swiper-theme-color: #007aff
}

.swiper {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1
}

.swiper-vertical>.swiper-wrapper {
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
	transform: translate3d(0px, 0, 0)
}

.swiper-pointer-events {
	touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
	touch-action: pan-x
}

.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform
}

.swiper-slide-invisible-blank {
	visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
	height: auto
}

.swiper-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
	perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
	transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-3d .swiper-slide-shadow {
	background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-css-mode>.swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
	display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
	scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
	scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper::before {
	content: '';
	flex-shrink: 0;
	order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
	margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
	height: 100%;
	min-height: 1px;
	width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
	margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper::before {
	width: 100%;
	min-width: 1px;
	height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: center center;
	scroll-snap-stop: always
}

.swiper-virtual .swiper-slide {
	-webkit-backface-visibility: hidden;
	transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
	height: 1px;
	width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
	width: 1px;
	height: var(--swiper-virtual-size)
}

:root {
	--swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: calc(var(--swiper-navigation-size)/ 44 * 27);
	height: var(--swiper-navigation-size);
	margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
	opacity: 0;
	cursor: auto;
	pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
	display: none !important
}

.swiper-button-next:after,
.swiper-button-prev:after {
	font-family: swiper-icons;
	font-size: var(--swiper-navigation-size);
	text-transform: none !important;
	letter-spacing: 0;
	font-variant: initial;
	line-height: 1
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
	left: 10px;
	right: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
	content: 'prev'
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
	right: 10px;
	left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
	content: 'next'
}

.swiper-button-lock {
	display: none
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	transition: .3s opacity;
	transform: translate3d(0, 0, 0);
	z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
	display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}

.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transform: scale(.33);
	position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform: scale(.33)
}

.swiper-pagination-bullet {
	width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
	height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
	display: inline-block;
	border-radius: 50%;
	background: var(--swiper-pagination-bullet-inactive-color, #000);
	opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-bullet:only-child {
	display: none !important
}

.swiper-pagination-bullet-active {
	opacity: var(--swiper-pagination-bullet-opacity, 1);
	background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	transform: translate3d(0px, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
	display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	transform: translateY(-50%);
	width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
	background: rgba(0, 0, 0, .25);
	position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}

.swiper-pagination-lock {
	display: none
}

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0, 0, 0, .1)
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
	display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0, 0, 0, .5);
	border-radius: 10px;
	left: 0;
	top: 0
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-scrollbar-lock {
	display: none
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain
}

.swiper-slide-zoomed {
	cursor: move
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	transform-origin: 50%;
	box-sizing: border-box;
	border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
	border-radius: 50%;
	border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
	animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
	--swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
	--swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(360deg)
	}
}

.swiper .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
	flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
	flex-wrap: wrap;
	flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
	transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-cube {
	overflow: visible
}

.swiper-cube .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
	transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 100%;
	opacity: .6;
	z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
	content: '';
	background: #000;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	filter: blur(50px)
}

.swiper-flip {
	overflow: visible
}

.swiper-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-creative .swiper-slide {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden;
	transition-property: transform, opacity, height
}

.swiper-cards {
	overflow: visible
}

.swiper-cards .swiper-slide {
	transform-origin: center bottom;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden
}




/* --------------------------------------- 1-1specialties ---------------------------------------*/
/* main1 */
.specialties a:hover {
	color: #0068b7 !important;
}

.specialties {
	padding: 65px 0 100px 0;
}

.specialties .title {
	font-family: Arial;
	font-weight: bold;
	font-size: 38px;
	line-height: 30px;
	color: #333333;
	margin-bottom: 26px;
}

.specialties .tit2 {
	font-family: Arial;
	font-size: 16px;
	line-height: 30px;
	color: #555555;
	margin-bottom: 61px;
}

.specialties .list {
	margin-bottom: 62px;
}

.specialties .list .item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 69px;
}

.specialties .list .item:nth-child(2n) {
	flex-direction: row-reverse;
}

.specialties .list .item:last-child {
	margin-bottom: 0;
}


.specialties .list .item .image {
	width: 50%;
	border-radius: 0px 100px 0px 100px;
	overflow: hidden;
}

.specialties .list .item .image img {
	transition: .3s linear all;
	max-width: 100%;
}

.specialties .list .item .image:hover img {
	transform: scale(1.1, 1.1);
}

.specialties .item .msg {
	width: 43.3%;
}

.specialties .item .msg .tit2 {
	font-family: Arial;
	font-weight: bold;
	font-size: 30px;
	line-height: 30px;
	color: #333333;
	margin-bottom: 21px;
	display: block;
	margin-top: -21px;
}

.specialties .item .msg .txt {
	font-family: Arial;
	font-size: 16px;
	line-height: 30px;
	color: #555555;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 7;
	margin-bottom: 34px;
}


.specialties .item .msg .btn {
	display: flex;
	align-items: center;
	font-family: Arial;
	font-weight: bold;
	font-size: 18px;
	color: #333333;
}

.specialties .item .msg .btn i {
	font-size: 18px;
	margin-left: 10px;
	font-weight: bold;
}

.specialties .getAQuote {
	display: block;
	width: 250px;
	height: 60px;
	background-color: #0c6fbb;
	border: 1px solid #0c6fbb;
	border-radius: 10px;
	text-align: center;
	line-height: 58px;
	font-family: Arial;
	font-weight: bold;
	font-size: 20px;
	color: #ffffff;
	margin: 0 auto;
}

.specialties .getAQuote:hover {
	background-color: #ffffff;
}

@media screen and (max-width:1333px) {
	.specialties {
		padding: 40px 0 60px 0;
	}

	.specialties .title {
		font-size: 28px;
		margin-bottom: 20px;
	}

	.specialties .tit2 {
		line-height: 26px;
		margin-bottom: 60px;
	}

	.specialties .list .item {
		margin-bottom: 60px;
	}

	.specialties .item .msg .tit2 {
		margin-top: 0;
		font-size: 26px;
		line-height: 30px;
		margin-bottom: 14px;
	}

	.specialties .item .msg .txt {
		line-height: 26px;
		margin-bottom: 20px;
	}

	.specialties .item .msg .btn {
		font-size: 16px;
		line-height: 26px;
	}

	.specialties .item .msg .btn i {
		font-size: 16px;
	}

	.specialties .getAQuote {
		height: 50px;
		line-height: 48px;
		font-size: 18px;
		width: 200px;
	}

}

@media screen and (max-width:999px) {
	.specialties {
		padding: 30px 0 40px 0;
	}

	.specialties .title {
		font-size: 26px;
		margin-bottom: 14px;
	}

	.specialties .tit2 {
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 30px;
	}

	.specialties .list .item {
		margin-bottom: 40px;
	}

	.specialties .item .msg .tit2 {
		font-size: 24px;
		margin-bottom: 10px;
	}

	.specialties .item .msg .txt {
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 14px;
	}

	.specialties .item .msg .btn {
		font-size: 14px;
		line-height: 24px;
	}

	.specialties .item .msg .btn i {
		font-size: 14px;
	}

	.specialties .getAQuote {
		height: 45px;
		line-height: 43px;
		font-size: 16px;
	}

	.specialties .list {
		margin-bottom: 40px;
	}

	.specialties .list .item .image {
		border-radius: 0px 50px 0px 50px;
	}
}

@media screen and (max-width:768px) {
	.specialties {
		padding: 20px 0 30px 0;
	}

	.specialties .title {
		font-size: 24px;
		margin-bottom: 10px;
	}

	.specialties .tit2 {
		font-size: 12px;
		line-height: 22px;
		margin-bottom: 20px;
	}

	.specialties .list .item {
		margin-bottom: 30px;
	}

	.specialties .item .msg {
		width: 46%;
	}

	.specialties .item .msg .tit2 {
		font-size: 18px;
		line-height: 22px;
	}

	.specialties .item .msg .txt {
		font-size: 12px;
		line-height: 22px;
		margin-bottom: 14px;
		-webkit-line-clamp: 4;
	}

	.specialties .item .msg .btn {
		font-size: 12px;
		line-height: 22px;
	}

	.specialties .item .msg .btn i {
		font-size: 12px;
	}

	.specialties .getAQuote {
		height: 40px;
		line-height: 38px;
		font-size: 14px;
	}

	.specialties .list {
		margin-bottom: 30px;
	}

	.specialties .list .item .image {
		border-radius: 0px 40px 0px 40px;
	}
}

@media screen and (max-width:450px) {
	.specialties {
		padding: 20px 0 20px 0;
	}

	.specialties .title {
		font-size: 22px;
	}

	.specialties .list .item:nth-child(n) {
		flex-direction: column;
	}

	.specialties .list .item:nth-child(n) .image {
		width: 100%;
		border-radius: 0px 20px 0 20px;
		margin-bottom: 10px;
	}

	.specialties .tit2 {
		margin-bottom: 30px;
	}

	.specialties .item .msg {
		width: 100%;
	}

	.specialties .item .msg .txt {
		margin-bottom: 10px;
	}

	.specialties .getAQuote {
		border-radius: 5px;
		height: 35px;
		line-height: 33px;
		font-size: 12px;
		width: 140px;
	}
}



/* main2 */
.showCase {
	background-color: #e6f0f8;
	padding: 97px 0 109px 0;
}

.showCase .titBox {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 58px;
}

.showCase .titBox .btns {
	display: flex;
	align-items: center;
}

.showCase .titBox .btns .next {
	margin-left: 17px;
}

.showCase .title {
	font-family: Arial;
	font-weight: bold;
	font-size: 38px;
	line-height: 30px;
	color: #333333;
}

.showCase .swiper-slide {
	background-color: #ffffff;
	border-radius: 0px 0px 10px 10px;
	overflow: hidden;

}

.showCase .swiper-slide .image img {
	max-width: 100%;
}

.showCase .msg {
	padding: 22px 20px 32px;
}

.showCase .msg .tit {
	font-family: Arial;
	font-weight: bold;
	font-size: 20px;
	color: #333333;
	margin-bottom: 16px;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.showCase .msg .txt {
	font-family: Arial;
	font-size: 16px;
	line-height: 30px;
	color: #555555;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-bottom: 20px;
	hyphens: auto;
}

.showCase .msg .btn {
	display: flex;
	align-items: center;
	cursor: pointer;
	font-family: Arial;
	font-weight: bold;
	font-size: 18px;
	color: #0c6fbb;
	cursor: pointer;
	transition: .4s ease all;
}


.showCase .msg .btn img {
	width: 24px;
	height: 18px;
	margin-right: 10px;
	transition: .4s ease all;
}

.showCase .msg .btn:hover {
	letter-spacing: 1px;
}

.showCase .msg .btn:hover img {
	transform: scale(1.1, 1.1);
}

.showCase .prev,
.showCase .next {
	width: 40px;
	height: 40px;
	background-color: #ffffff;
	box-shadow: 0px 4px 16px 0px rgba(0, 71, 157, 0.18);
	text-align: center;
	line-height: 40px;
	border-radius: 50%;
	cursor: pointer;
	transition: .3s linear all;
	color: #333333;
	font-weight: bolder;
}



.showCase .prev:hover,
.showCase .next:hover {
	background-color: #0c6fbb;
	color: #ffffff;
}


/* video tankuang */

.tankaunga {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: rgba(0, 0, 0, 0.5);
	display: none;
	z-index: 9999999999
}

.tankaunga:before {
	content: "X";
	position: absolute;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	top: 10px;
	right: 10px;
	background: #fff;
	border-radius: 50%;
	font-size: 18px;
	cursor: pointer;
}

.tankaungn2 {
	position: fixed;
	left: 5%;
	top: 5%;
	right: 5%;
	bottom: 5%;
	background: rgba(0, 0, 0, 0.5);
}

.tankaungn2 iframe,
.tankaungn2 video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

.tankaungn2 iframe body {
	margin: 0px !important;
}





@media screen and (max-width:1333px) {
	.showCase {
		padding: 60px 0 60px 0;
	}

	.showCase .title {
		font-size: 28px;
		line-height: 30px;
	}

	.showCase .titBox {
		margin-bottom: 30px;
	}

	.showCase .msg {
		padding: 14px;
	}

	.showCase .msg .tit {
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 5px;
	}

	.showCase .msg .txt {
		line-height: 26px;
		margin-bottom: 14px;
	}

	.showCase .msg .btn {
		font-size: 16px;
	}

}

@media screen and (max-width:999px) {
	.showCase {
		padding: 40px 0 40px 0;
	}

	.showCase .title {
		font-size: 26px;
	}

	.showCase .msg {
		padding: 14px 10px;
	}

	.showCase .msg .tit {
		font-size: 16px;
		line-height: 26px;
	}

	.showCase .msg .txt {
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 10px;
	}

	.showCase .msg .btn {
		font-size: 14px;
		line-height: 24px;
	}

	.showCase .msg .btn img {
		width: 22px;
		height: 18px;
		margin-right: 8px;
	}

}

@media screen and (max-width:768px) {
	.showCase {
		padding: 30px 0 30px 0;
	}

	.showCase .title {
		font-size: 24px;
	}

	.showCase .msg {
		padding: 10px 10px;
	}

	.showCase .msg .tit {
		font-size: 14px;
		line-height: 24px;
	}

	.showCase .msg .txt {
		font-size: 12px;
		line-height: 22px;
		margin-bottom: 10px;
	}

	.showCase .msg .btn {
		font-size: 12px;
		line-height: 22px;
	}

	.showCase .msg .btn img {
		width: 20px;
		height: 16px;
		margin-right: 6px;
	}

	.showCase .prev,
	.showCase .next {
		width: 35px;
		height: 35px;
		line-height: 35px;
		font-size: 14px;
	}
}

@media screen and (max-width:538px) {
	.showCase {
		padding: 20px 0 20px 0;
	}

	.showCase .title {
		font-size: 22px;
	}

	.showCase .titBox {
		margin-bottom: 20px;
	}
}








/* --------------------------------------- 1-2specialties ---------------------------------------*/

/* main1 */

.specialtiesDet {
	padding: 65px 0 55px 0;
}

.specialtiesDet .title {
	font-family: Arial;
	font-weight: bold;
	font-size: 38px;
	line-height: 30px;
	color: #333333;
	margin-bottom: 26px;
}

.specialtiesDet .tit2 {
	font-family: Arial;
	font-size: 16px;
	line-height: 30px;
	color: #555555;
	margin-bottom: 58px;
	hyphens: auto;
	overflow: hidden;
}

.specialtiesDet .titBox {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	margin-bottom: 30px;
}


.specialtiesDet .tit3 {
	font-family: Arial;
	font-weight: bold;
	font-size: 30px;
	line-height: 30px;
	color: #333333;
}

.specialtiesDet .titBox .btns {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 112.8%;
	top: 700%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}


.specialtiesDet .titBox .btns div {
	cursor: pointer;
	width: 40px;
	height: 40px;
	background-color: #ffffff;
	box-shadow: 0px 4px 16px 0px rgba(0, 71, 157, 0.18);
	font-weight: bold;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
	transition: .3s linear all;
	font-size: 18px;
}



.specialtiesDet .titBox .btns div:hover {
	background-color: #0c6fbb;
	color: #ffffff;
}

.specialtiesDet .swiper {
	margin-bottom: 40px;
}


.specialtiesDet .swiper-slide .image {
	margin-bottom: 20px;
	border-radius: 0px 3px 0px 3px;
}

.specialtiesDet .swiper-slide .image img {
	max-width: 100%;
}


.specialtiesDet .swiper-slide .title {
	font-family: Arial;
	font-weight: bold;
	font-size: 24px;
	line-height: 30px;
	color: #333333;
	margin-bottom: 4px;
}

.specialtiesDet .swiper-slide .txt {
	font-family: Arial;
	font-size: 16px;
	color: #555555;
	line-height: 30px;
	hyphens: auto;
}

@media screen and (max-width:1600px) {
	.specialtiesDet .titBox .btns {
		width: auto;
		position: static;
		transform: none;
	}

	.specialtiesDet .titBox .btns .next {
		margin-left: 20px;
	}
}

@media screen and (max-width:1333px) {
	.specialtiesDet {
		padding: 40px 0 40px 0;
	}

	.specialtiesDet .title {
		font-size: 32px;
		line-height: 30px;
		margin-bottom: 20px;
	}

	.specialtiesDet .tit2 {
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 40px;
	}

	.specialtiesDet .tit3 {
		font-size: 28px;
		line-height: 30px;
	}

	.specialtiesDet .swiper-slide .image {
		margin-bottom: 10px;
	}

	.specialtiesDet .swiper-slide .title {
		font-size: 20px;
		line-height: 28px;
	}

	.specialtiesDet .swiper-slide .txt {
		line-height: 26px;
	}

	.specialtiesDet .swiper {
		margin-bottom: 30px;
	}

	.specialtiesDet .titBox .btns div {
		font-size: 16px;
	}
}

@media screen and (max-width:999px) {
	.specialtiesDet {
		padding: 30px 0 30px 0;
	}

	.specialtiesDet .title {
		font-size: 28px;
		margin-bottom: 10px;
	}

	.specialtiesDet .tit2 {
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 30px;
	}

	.specialtiesDet .tit3 {
		font-size: 24px;
	}

	.specialtiesDet .swiper-slide .image {
		margin-bottom: 10px;
	}

	.specialtiesDet .swiper-slide .title {
		font-size: 18px;
		line-height: 28px;
	}

	.specialtiesDet .swiper-slide .txt {
		font-size: 14px;
		line-height: 24px;
	}

	.specialtiesDet .swiper {
		margin-bottom: 20px;
	}

}

@media screen and (max-width:768px) {
	.specialtiesDet {
		padding: 20px 0 20px 0;
	}

	.specialtiesDet .title {
		font-size: 26px;
		margin-bottom: 10px;
	}

	.specialtiesDet .tit2 {
		font-size: 12px;
		line-height: 22px;
		margin-bottom: 20px;
	}

	.specialtiesDet .tit3 {
		font-size: 22px;
	}

	.specialtiesDet .swiper-slide .title {
		font-size: 16px;
		line-height: 26px;
	}

	.specialtiesDet .swiper-slide .txt {
		font-size: 12px;
		line-height: 22px;
	}

	.specialtiesDet .titBox .btns div {
		width: 35px;
		height: 35px;
		line-height: 35px;
		font-size: 14px;
	}

	.specialtiesDet .titBox {
		margin-bottom: 20px;
	}
}

@media screen and (max-width:538px) {
	.specialtiesDet {
		padding: 10px 0 10px 0;
	}

	.specialtiesDet .title {
		font-size: 22px;
		margin-bottom: 5px;
	}

	.specialtiesDet .tit2 {
		margin-bottom: 10px;
	}

	.specialtiesDet .swiper-slide .title {
		font-size: 14px;
		line-height: 24px;
	}

	.specialtiesDet .swiper-slide .image {
		margin-bottom: 5px;
	}

	.specialtiesDet .titBox {
		margin-bottom: 10px;
	}

	.specialtiesDet .titBox .btns .next {
		margin-left: 14px;
	}
}


/* main2 */


.GiProduct .title {
	font-family: Arial;
	font-weight: bold;
	font-size: 30px;
	color: #333333;
	margin-bottom: 49px;
}

.GiProduct .prn {
	margin-bottom: 58px;
}

.GiProduct .prn .prlie {
	margin-top: 0;
	margin-bottom: 27px;
}


.GiProduct .getAQuote {
	width: 250px;
	height: 60px;
	background-color: #0c6fbb;
	border-radius: 10px;
	text-align: center;
	display: block;
	margin: 0 auto;
	text-align: center;
	line-height: 58px;
	border: 1px solid #0c6fbb;
	font-family: Arial;
	font-weight: bold;
	font-size: 20px;
	color: #ffffff;
	margin-bottom: 105px;
}


.GiProduct .getAQuote:hover {
	background-color: #fff;
	color: #0c6fbb;
}

@media screen and (max-width:1600px) {
	.GiProduct .prn {
		margin-bottom: 40px;
	}

	.GiProduct .getAQuote {
		margin-bottom: 80px;
	}

}

@media screen and (max-width:1333px) {
	.GiProduct .title {
		margin-bottom: 40px;
		font-size: 28px;
	}

	.GiProduct .prn .prlie {
		margin-bottom: 20px;
	}

	.GiProduct .prn {
		margin-bottom: 30px;
	}

	.GiProduct .getAQuote {
		margin-bottom: 60px;
		height: 50px;
		line-height: 48px;
		font-size: 18px;
		width: 200px;
		border-radius: 6px;
	}

}

@media screen and (max-width:999px) {
	.GiProduct .title {
		font-size: 26px;
		margin-bottom: 30px;
	}

	.GiProduct .prn {
		margin-bottom: 20px;
	}

	.GiProduct .getAQuote {
		margin-bottom: 40px;
		height: 45px;
		line-height: 43px;
		font-size: 16px;
	}
}

@media screen and (max-width:768px) {
	.GiProduct .title {
		font-size: 24px;
		margin-bottom: 20px;
	}

	.GiProduct .prn {
		margin-bottom: 10px;
	}

	.GiProduct .getAQuote {
		margin-bottom: 30px;
		height: 40px;
		line-height: 38px;
		font-size: 14px;
	}

	.GiProduct .prn .prlie {
		margin-bottom: 14px;
	}

}

@media screen and (max-width:538px) {
	.GiProduct .title {
		font-size: 22px;
		margin-bottom: 14px;
	}

	.GiProduct .getAQuote {
		margin-bottom: 20px;
		height: 35px;
		line-height: 33px;
		font-size: 12px;
		width: 160px;
		border-radius: 5px;
	}
}




.prmain .getAQuote {
	display: block;
	width: 250px;
	height: 60px;
	background-color: #0c6fbb;
	border: 1px solid #0c6fbb;
	border-radius: 10px;
	text-align: center;
	line-height: 58px;
	font-family: Arial;
	font-weight: bold;
	font-size: 20px;
	color: #ffffff;
	margin: 0 auto;
	margin-top: 15px;
}

.prmain .getAQuote:hover {
	background-color: #ffffff;
	color: #0c6fbb;
}

@media screen and (max-width:1333px) {

	.prmain .getAQuote {
		height: 50px;
		line-height: 48px;
		font-size: 18px;
		width: 200px;
	}

}

@media screen and (max-width:999px) {


	.prmain .getAQuote {
		height: 45px;
		line-height: 43px;
		font-size: 16px;
	}


}

@media screen and (max-width:768px) {


	.prmain .getAQuote {
		height: 40px;
		line-height: 38px;
		font-size: 14px;
	}
}

iframe #root .ChatWrapper-body .FlexItem {
	border: none !important;
}
@media screen and (max-width:600px){
    .prlie{
        width:48%!important;
    }
}
