/* CSS Document */

/*-----whole-----*/

/*-----whole-----*/

html {
	font-size: 100px;
}

body {
	position: relative;
	overflow-x: hidden;
}

body.resizing * {
	transition: none !important;
	-webkit-transition: none !important;
	-moz-transition: none !important;
}

.contain {
	width: 1200px;
	margin: 0 auto;
}

/*clearfix*/

.clearfix {
	*zoom: 1
}

.clearfix:before,
.clearfix:after {
	display: table;
	content: ""
}

.clearfix:after {
	clear: both
}

/*初始化按钮*/

.btn {
	display: inline-block;
	text-align: center;
	padding: 0px;
	border: 0px;
	margin: 0px;
	position: relative;
	cursor: pointer;
}

.btn span {
	display: inline-block;
}

/*通用img*/

img.rollover {
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0;
	filter: Alpha(opacity=0);
	z-index: 2;
}

input.text,
textarea.text {
	display: block;
	padding: 0px;
	width: 100%;
	border: 0px;
	background: none;
	margin: 0px;
}

/*--- Header ---*/

.Header-wrapper {
	z-index: 99;
}

.Header-wrapper .Header-cl {
	height: 72px;
	position: relative;
}

.header-container {
	width: 100%;
	padding: 0 1rem 0 1.1rem;
	background: #fff;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 999;
	border-bottom: 1px solid #e1e1e1;
}

/*logo*/

.Hlogo {
	height: 90px;
	line-height:90px;
	font-size: 0px;
	float: left;
	overflow: hidden;
}

.Hnav {
	float: right;
	margin: 0 .48rem 0 0;
}

.Hnav>li {
	float: left;
	margin: 0 0 0 .10rem;
	position: relative;
}

.Hnav>li:first-child {
	margin: 0px;
}

.Hnav .Hname {
	display: block;
	padding: 0 .16rem;
	line-height: 90px;
	text-align: center;
	font-size: 16px;
	color: #666666;
}

/* ---------------------------------------------------------弹出二级导航---------------------------------------------------------- */

@media all and (min-width:980px) {
	.Hn2nd-wrap {
		display: none;
	}
}

.Hn2nd-wrap {
	width: 600px;
	padding: 30px 0;
	font-size: 0px;
	background: rgba(0, 0, 0, .5);
	position: absolute;
	top: 91px;
	left: 20px;
	z-index: 33;
}

#Hn2nd-wrap-last {
	margin-left: -476px;
}

@media all and (max-width:1700px) {
	.Hn2nd-wrap {
		left: -100px;
	}
	#Hn2nd-wrap-last {
		margin-left: -160px;
	}
}

@media all and (max-width:1460px) {
	.Hn2nd-wrap {
		left: -240px;
	}
	#Hn2nd-wrap-last {
		margin-left: -200px;
	}
}

.Hn2nd-sun {
	display: inline-block;
	font-size: 16px;
	position: relative;
}

.Hsun-left {
	float: left;
	overflow: hidden;
	width: 600px;
}

.Hsun-left ul li {
	float: left;
	width: 50%;
	margin: 10px 0;
}

.Hsun-left ul li h3 i {
	width: 8px;
	height: 8px;
	background-image: url("../image/nav-r.png");
	float: left;
	margin: 5px 10px 0 20px;
}

.Hsun-left ul li h3 span {
	color: #f8f8f8;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80%;
    display: inline-block;
    float: left;
}

.Hsun-left ul li h3:hover i {
	background-image: url("../image/nav-rH.png");
}

.Hsun-left ul li h3:hover span {
	color: #2c7eba;
}

.Hsun-right {
	width: 200px;
	float: right;
}

.Hsun-right h6 {
	width: 100%;
	height: 110px;
	/* height: auto; */
	overflow: hidden;
}

.Hsun-right h6 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 1s ease-in-out;
}

.Hsun-right h6 img:hover {
	transform: scale(1.1);
}

/* ---------------------------------------------------------------------------------------------------------------------- */

#nav-active {
	color: #2c7eba;
}

.Hnav-line {
	position: absolute;
	top: 0;
	/* left: 50%; */
	left: 20px;
	width: 72%;
	height: 5px;
	opacity: 0;
	background-color: #2c7eba;
	/* transform: translate(-50%,0); */
}

#nav-active .Hnav-line {
	opacity: 1;
}

/* ------------------------------ */

@media all and (min-width:980px) {
	.Hnav>li.cur .Hname,
	.Hnav>li:hover .Hname {
		color: #2c7eba;
	}
	.Hnav li:hover .Hn2nd-wrap {
		display: block;
		-webkit-animation: opGradient .6s;
		animation: opGradient .6s;
	}
	.Hnav li:hover .Hnav-line {
		display: block;
		animation: opGradient-line .4s both;
	}
}

@media all and (max-width:980px) {
	.Hnav-line {
		display: none;
	}
}

@keyframes opGradient-line {
	0% {
		height: 0;
		opacity: 0;
	}
	100% {
		height: 5px;
		opacity: 1;
	}
}

@-webkit-keyframes opGradient {
	0% {
		-webkit-transform: translate3d(0, -10px, 0);
		opacity: 0;
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

@keyframes opGradient {
	0% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
		opacity: 0;
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

/*搜索*/

.Hsrch {
	position: relative;
	float: right;
	margin: 0 .24rem 0 .03rem;
}

.Hsrch-menu {
	display: block;
	width: 38px;
	height: 90px;
	background: url("../image/icon-Hsrch.png") no-repeat center center;
	transition: none !important;
	-webkit-transition: none !important;
}

.Hsrch-menu.cur {
	background: url("../image/icon-close.png") no-repeat center center / 16px auto;
}

.Hsrch-box {
	padding: 0 60px 0 10px;
	width: 330px;
	height: 50px;
	background: #fff;
	position: absolute;
	top: 72px;
	right: 0px;
	z-index: 2;
	display: none;
}

.Hsrch-box .text {
	width: 100%;
	height: 48px;
}

.Hsrch-box .btn {
	width: 50px;
	height: 100%;
	background: url("../image/icon-Hsrch.png") no-repeat center center;
	position: absolute;
	right: 0px;
	top: 0px;
}

.Hsrch-box i {
	display: block;
	width: 1px;
	height: 16px;
	background: #ccc;
	position: absolute;
	right: 50px;
	top: 50%;
	margin: -8px 0 0;
}

/*语言*/

.Hlang {
	display: block;
	padding: 0 14px 0 26px;
	height: 90px;
	line-height: 90px;
	font-weight: lighter;
	color: #444;
	background: url("../image/icon-Hlang.png") no-repeat left center;
	position: relative;
	float: right;
}

.Hlang:after {
	content: "";
	display: block;
	/*width: 1px;*/
	height: 16px;
	background: #a1a1a1;
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -8px;
}

/*右侧内容*/

.Hmenu-btn-hr.Hmenu-btn {
	float: right;
}

.Header-right {
	padding: 72px 0 0;
	width: 333px;
	height: 100%;
	background: #f5f5f5;
	position: fixed;
	right: -333px;
	top: 0px;
	overflow-y: auto;
	z-index: 100;
}

.HeaderRight-box {
	padding: 29px 32px 30px;
	border-top: 1px solid #e1e1e1;
}

.HRb-com {
	padding: 0 0 27px;
	border-bottom: 1px solid #dfdfdf;
}

.HRb-com .logo {
	height: 60px;
}

.HRb-com .name {
	line-height: 22px;
	font-size: 14px;
	margin: 15px 0 0;
	color: #545251;
}

.type {
	font-size: 18px;
	color: #353534;
	padding-bottom: 16px;
}

.HRb-child {
	margin: 20px 0 0;
}

.HRb-child .con {
	line-height: 20px;
	padding: 5px 0;
	color: #777777;
	font-size: 12px;
}

.HRb-child .con:hover {
	color: #2c7eba;
}

.HRb-link {
	margin: 34px 0 0;
}

.HRb-link ul {
	margin: -30px 0 0;
}

.HRb-link ul li {
	padding: 7px 0;
}

.HRb-link ul li .btn {
	width: 190px;
	height: 42px;
	line-height: 40px;
	color: #666666;
	border-radius: 42px;
	border: 1px solid #c6c6c6;
}

.HRb-link ul li .btn i {
	display: inline-block;
	width: 22px;
	height: 22px;
	margin: -2px 15px 0 0;
	vertical-align: middle;
}

.HRb-link ul li .btn i.i1 {
	background: url("../image/HRb_l1.png") no-repeat center center / cover;
}

.HRb-link ul li .btn i.i2 {
	/*margin-left: -34%;*/
	background: url("../image/HRb_l2.png") no-repeat center center / cover;
}

.HRb-link ul li .btn:hover {
	color: #fff;
	border-color: #2c7eba;
	background: #2c7eba;
}

.HRb-link ul li .btn:hover i.i1 {
	background-image: url("../image/HRb_l1-2.png");
}

.HRb-link ul li .btn:hover i.i2 {
	background-image: url("../image/HRb_l1-22.png");
}

/*--- Footer ---*/

.Footer-wrapper {
	width: 100%;
}

.Footer-top {
	width: 100%;
	padding-bottom: 80px;
	margin: 0 auto;
	overflow: hidden;
	background-color: #242327;
}

.Footer-Ctop {
	width: 1200px;
	margin: 0 auto;
}

.Footer-Ctop>div {
	float: left;
}

/* ------------------------------------------------------ */

.Footer-top-l {
	width: 41.6%;
	margin-top: 80px;
	overflow: hidden;
}

.Top-l-pic {
	width: 108px;
	height: 80px;
}

.Top-l-pic img {
	width: 100%;
	height: 100%;
}

.Top-l-title {
	font-size: 16px;
	color: #515153;
	margin-top: 30px;
}

.Top-l-list {
	margin-top: 20px;
}

.Top-l-list img {
	float: left;
	margin-top: 2px;
}

.Top-l-list p {
	font-size: 14px;
	width: 80%;
	margin-left: 5%;
	color: #515153;
}

.Top-l-list p:hover{
	color: #ffffff;
}

.Top-l-title a:hover{color: #ffffff;}

/* ------------- */

.Footer-top-c {
	width: 33.3%;
	margin-top: 80px;
	overflow: hidden;
}

.Top-c-title {
	font-size: 24px;
	color: #ffffff;
}

.Top-c-line {
	width: 100%;
	height: 1px;
	background-color: #454447;
	margin-top: 16px;
}

.Top-c-list {
	margin-top: 10px;
}

.Top-c-list ul li {
	width: 50%;
	height: auto;
	float: left;
	font-size: 14px;
	color: #515153;
	margin-top: 16px;
}

.Top-c-list ul li:hover {
	color: #ffffff;
}

/* --------------- */

.Footer-top-r {
	width: 25.1%;
	margin-top: 80px;
	overflow: hidden;
}

.Top-r-title {
	font-size: 24px;
	color: #ffffff;
	text-align: right;
	margin-right: 72px;
}

.Top-r-line {
	width: 58.8%;
	height: 1px;
	background-color: #454447;
	margin-top: 16px;
	margin-left: 41.2%;
}

.Top-r-list ul {
	width: 200px;
	float: right;
	margin-right: -10px;
}

.Top-r-list ul li {
	width: 80px;
	height: 80px;
	float: left;
	margin-left: 14px;
	margin-top: 14px;
	overflow: hidden;
}

.Top-r-list ul li img {
	width: 100%;
	height: 100%;
	transition: all 1s ease;
}

.Top-r-list ul li img:hover {
	transform: scale(1.1);
}

/* ----------------------------------------------------------- */

.Footer-bottom {
	width: 100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 16px;
	background-color: #19181b;
}

.Footer-Cbottom {
	width: 1200px;
	margin: 0 auto;
}

.Footer-Cbottom h4 {
	font-size: 14px;
	color: #515153;
	float: left;
	margin-top: 22px;
}

.Footer-Cbottom div {
	float: right;
	margin-top: 16px;
}

.Footer-Cbottom div a {
	float: right;
	margin-left: 16px;
}

.Footer-Cbottom div a img {
	width: 30px;
	height: 30px;
}

.Footer-Cbottom div a img:hover {
	border-radius: 30px;
	border: 1px solid #ffffff;
}

/*移动端适配*/

/* -------------------------PC端--------------------------- */

@media all and (max-width:1700px) {
	.Hnav>li {
		margin: 0 0 0 .5rem;
	}
}

@media all and (max-width:1460px) {
	.Hnav>li {
		margin: 0 0 0 .36rem;
	}
}

@media all and (max-width:1380px) {}

@media all and (max-width:1300px) {}

@media all and (max-width:1280px) {
	.Hnav>li {
		margin: 0 0 0 .20rem;
	}
	.Hnav .Hname {
		padding: 0 0.16rem;
	}
}

@media all and (max-width:1200px) {
	.Hnav>li {
		margin: 0 0 0 .2rem;
	}
	.Hnav .Hname {
		padding: 0 0.12rem;
	}
	.Footer-Ctop {
		width: 100%;
		margin: 0 auto;
	}
	.Footer-Cbottom {
		width: 100%;
		margin: 0 auto;
	}
}

@media all and (max-width:1100px) {
	.Top-r-line {
		width: 63.8%;
		margin-left: 34.2%;
	}
}

@media all and (max-width:1060px) {
	.Top-r-line {
		width: 70.8%;
		margin-left: 28.2%;
	}
}

/* ------------------------手机端-------------------------- */

@media all and (max-width:980px) {
	/*-- Header --*/
	.header-cl,
	.header-container,
	.Hlogo {
		height: 50px;
	}
	.Hlogo {
		line-height: 50px;
	}
	.Hlogo img {
		height: 80%;
	}
	.Hmenu-btn {
		display: block;
	}
	/* --footer-- */
	.Footer-Ctop>div {
		float: none;
	}
	.Footer-top-l {
		width: 100%;
		margin-top: 20px;
		overflow: hidden;
	}
	.Top-l-pic {
		margin-left: 10%;
	}
	.Top-l-title {
		margin-left: 10%;
		margin-top: 16px;
	}
	.Top-l-list {
		margin-top: 12px;
		margin-left: 10%;
	}
	.Top-l-list p {
		font-size: 14px;
		width: 90%;
		margin-left: 5%;
		color: #515153;
	}
	/* -------- */
	.Footer-top-c {
		width: 100%;
		margin-top: 20px;
		overflow: hidden;
	}
	.Top-c-title {
		font-size: 20px;
		margin-left: 10%;
	}
	.Top-c-list {
		margin-top: 12px;
	}
	.Top-c-list ul li {
		width: 100%;
		height: auto;
		font-size: 14px;
		margin-top: 10px;
		margin-left: 10%;
	}
	/* ------ */
	.Footer-top-r {
		width: 100%;
		margin-top: 20px;
		overflow: hidden;
	}
	.Top-r-title {
		font-size: 20px;
		text-align: left;
		margin-right: 0px;
		margin-left: 10%;
	}
	.Top-r-line {
		width: 100%;
		margin-left: 0%;
	}
	.Top-r-list ul {
		width: 200px;
		float: left;
		margin-right: 0px;
		margin-left: 6%;
	}
	.Footer-Cbottom div {
		float: left;
		margin-top: 10px;
	}
	.Footer-Cbottom div a {
		/* float: left; */
		margin-left: 6px;
		margin-top: 6px;
	}
	.Footer-Cbottom h4 {
		margin-top: 16px;
		margin-left: 2%;
	}
	.Footer-top {
		padding-bottom: 30px;
	}
}

/* ----------------手机端二级菜单-------------------------- */

.Hnav-arrow {
	display: none;
}

/* ------------------------手机端-------------------------- */

@media all and (max-width:980px) {
	.Hnav-arrow {
		display: block;
		width: 50px;
		height: 45px;
		background: url("/assets/web/images/icon-dd.png") no-repeat center center / 14px auto;
		position: absolute;
		right: 0px;
		top: 0px;
		z-index: 999;
	}
	.curH{
		transform: rotate(-180deg);
		-webkit-transform: rotate(-180deg);
	}
	.Hn2nd-wrap {
		/* display: block; */
	}
	.Hsun-right {
		display: none;
	}
	.Hsun-left {
		width: 100%;
	}
	.Hn2nd-wrap {
		width: 100%;
		left: 0;
	}
	#Hn2nd-wrap-last {
		margin-left: 0px;
	}
	#dituContent{
		width: auto;
		max-width:100%;
		overflow: hidden;
	}
}









/* -------------产品二级导航修改------------ */
#Pro-sun-nav{
	width: 1080px;
	left: -246px;
}

.Pro-box{
	width: 100%;
	height: auto;
	position: relative;
}
.Pro-box>div{
	float: left;
}
.Pro-left{
	width: 270px;
	padding: 0 32px;
	border-right: 1px solid #959aa7;
}
.Pro-left h1 {
	width: 100%;
	height: 110px;
	overflow: hidden;
}

.Pro-left h1 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 1s ease-in-out;
}

.Pro-left h1 img:hover {
	transform: scale(1.1);
}


.Pro-right{
	/* width: 71.3%; */
}
.Pro-right>div{
	float: left;
}
.Pro-r-1{
	width: 195px;
	padding-left: 42px;
}
.Pro-r-1 h2{
	font-size: 16px;
	color: #fff;
}
.Pro-r-1 ul li{
	width: 100%;
	margin-top: 12px;
}
.Pro-r-1 ul li i{
	width: 6px;
	height: 11px;
	background-image: url("/assets/web/images/sun-nav-r.png");
	float: left;
	margin: 4px 10px 0 -14px;
}
.Pro-r-1 ul li span{
	font-size: 12px;
	color: #fff;
}
.Pro-r-1 ul li h3:hover i{
	background-image: url("/assets/web/images/sun-nav-rH.png");
}
.Pro-r-1 ul li h3:hover span{
	color: #2c7eba;
}
/* -2- */
.Pro-r-2{
	width: 195px;
	padding-left: 42px;
}
.Pro-r-2 h2{
	font-size: 16px;
	color: #fff;
}
.Pro-r-2 ul li{
	width: 100%;
	margin-top: 12px;
}
.Pro-r-2 ul li i{
	width: 6px;
	height: 11px;
	background-image: url("/assets/web/images/sun-nav-r.png");
	float: left;
	margin: 4px 10px 0 -14px;
}
.Pro-r-2 ul li span{
	font-size: 12px;
	color: #fff;
}
.Pro-r-2 ul li h3:hover i{
	background-image: url("/assets/web/images/sun-nav-rH.png");
}
.Pro-r-2 ul li h3:hover span{
	color: #2c7eba;
}
/* -3- */
.Pro-r-3{
	width: 210px;
	padding-left: 42px;
	position: relative;
}
.Pro-r-3 h2{
	font-size: 16px;
	color: #fff;
}
.Pro-r-3 ul li{
	width: 100%;
	margin-top: 12px;
}
.Pro-r-3 ul li i{
	width: 6px;
	height: 11px;
	background-image: url("/assets/web/images/sun-nav-r.png");
	float: left;
	margin: 4px 10px 0 -14px;
}
.Pro-r-3 ul li span{
	font-size: 12px;
	color: #fff;
}
.Pro-r-3 ul li h3:hover i{
	background-image: url("/assets/web/images/sun-nav-rH.png");
}
.Pro-r-3 ul li h3:hover span{
	color: #2c7eba;
}

/* --4- */
.Pro-r-4{
	width: 190px;
	padding-left: 42px;
}
.Pro-r-4 h2{
	font-size: 16px;
	color: #fff;
}
.Pro-r-4 ul li{
	width: 100%;
	margin-top: 12px;
}
.Pro-r-4 ul li i{
	width: 6px;
	height: 11px;
	background-image: url("/assets/web/images/sun-nav-r.png");
	float: left;
	margin: 4px 10px 0 -14px;
}
.Pro-r-4 ul li span{
	font-size: 12px;
	color: #fff;
}
.Pro-r-4 ul li h3:hover i{
	background-image: url("/assets/web/images/sun-nav-rH.png");
}
.Pro-r-4 ul li h3:hover span{
	color: #2c7eba;
}






.Pro-more{
	margin-top: 50px;
	margin-bottom: 16px;
	overflow: hidden;
}
.Pro-more h4{
	font-size: 16px;
	color: #2c7eba;
}

@media all and (max-width:1280px) {
	#Pro-sun-nav{
		left: -360px;
	}
}



/* ------------------------手机端-------------------------- */

@media all and (max-width:900px) {
	.Pro-left{
		display: none;
	}
	.Pro-right>div{
		float: none;
		overflow: hidden;
	}
	#Pro-sun-nav{
		left: 0;
	}
	.Pro-r-1 h2{
		margin-top: 10px;
	}
	.Pro-r-2 h2{
		margin-top: 10px;
	}
	.Pro-r-3 h2{
		margin-top: 10px;
	}
	.Pro-r-1 ul li {
		margin-top: 8px;
	}
	.Pro-r-2 ul li {
		margin-top: 8px;
	}
	.Pro-r-3 ul li {
		margin-top: 8px;
	}
	.Hn2nd-sun {
		display: block;
	}
}


#dituContent img{
    max-width: none;
}



/* -----------------------------产品修改-------------------------------- */
/* .Hnav>li:nth-child(4){
	position: static
}
.Hnav>li:nth-child(4) .Hnav-line{
	left: 0;
}
.Hnav>li:nth-child(4) .Hnav-line{
	width: 100%;
} */
#XGPro-Snav{
    padding: 10px 0 30px 0;
    width: 100%;
    left: 0px;
}
#XGPro-Snav .Hn2nd-sun{display: block;}
.XGPro-box{
	width: 100%;
	overflow: hidden;
}
.XGPro-click{
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #51575f;
}
.XGPro-click ul{
	width: 56%;
    margin-left: 41.8%;
	overflow: hidden;
	font-size: 0;
}
.XGPro-click ul li{
	display: inline-block;
	padding: 16px 2px;
	margin: 0 50px 0 0;
	font-size: 16px;
	border-bottom: 2px solid transparent;
	color: #fff;
	cursor: pointer;
}
.XGPro-click ul li:hover{
	border-bottom: 2px solid #2c7eba;
	color: #2c7eba;
}
.XGPro-click ul li a { color:#fff; }
.XGPro-click-active{
	border-bottom: 2px solid #2c7eba !important;
	color: #2c7eba !important;
}

.XGPro-words{
	width: 64%;
	margin-left: 18%;
	overflow: hidden;
	padding: 30px 0 0 0;
}


.XGPro-left{
	width: 22%;
	float: left;
}
.XGPro-left h6 {
    width: 100%;
    height: 166px;
    overflow: hidden;
}
.XGPro-left h6 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 1s ease-in-out;
}
.XGPro-left:hover h6 img{
	transform: scale(1.1);
}

.XGPro-right{
	width: 65%;
	float: right;
}
.XGPro-right ul{
	width: 100%;
	overflow: hidden;
	font-size: 0;
}
.XGPro-right ul li{
	float: left;
	width: 210px;
	height: 140px;
	padding: 0 0 6px 0;
}
.XGPro-right ul li h5{
	font-size: 14px;
	color: #2c7eba;
}
.XGPro-right ul li h5 i{
	width: 8px;
	height: 8px;
	display: inline-block;
	background-image: url("../image/nav-rH.png");
	margin: 5px 10px 0 20px;
}

.XGPro-right ul li h6{
	width: 100%;
	padding: 10px 0 10px 40px;
}
.XGPro-right ul li h6 p{
	font-size: 13px;
	color: #fff;
	margin-top: 6px;
}
.XGPro-right ul li h6 p:hover{
	color: #2c7eba;
}

.XGPro-nb{
	display: none;
}


/* -------------------------PC端--------------------------- */

@media all and (max-width:1700px) {
	.XGPro-left h6 {
		height: 148px;
	}
	.XGPro-words {
		width: 70%;
		margin-left: 16%;
	}
}

@media all and (max-width:1460px) {
	.XGPro-left h6 {
		height: 140px;
	}
	.XGPro-words {
		width: 74%;
		margin-left: 15%;
	}
}

@media all and (max-width:1380px) {
	.XGPro-left h6 {
		height: 130px;
	}
	.XGPro-words {
		width: 78%;
		margin-left: 13%;
	}
}

@media all and (max-width:1300px) {}

@media all and (max-width:1280px) {}

@media all and (max-width:1200px) {}


/* ------------------------手机端-------------------------- */

@media all and (max-width:1000px) {
	.Hnav>li:nth-child(2) {
		position: relative;
	}
	.XGPro-left{
		display: none;
	}
	.XGPro-right{
		width: 100%;
		float: left;
	}
	.XGPro-words {
		width: 100%;
		margin-left: 0%;
		padding: 20px 0 0 0;
	}
	.XGPro-click ul {
		width: 100%;
		margin-left: 0%;
	}
	.XGPro-click ul li {
		padding: 10px 0;
		margin: 0;
		text-align: center;
		width: 50%;
		font-size: 16px;
		margin-top: 6px;
	}
	.XGPro-right ul li {
		float: left;
		width: 50%;
		height: 140px;
		padding: 0 0 6px 0;
	}
}