﻿	/*媒体查询css,520px分界布局*/
	
@media screen and (min-width: 1000px) {
		#GrIndex-user {
			clear: both;
			margin: 0 auto;
			position: relative;
			max-width: 1170px;
			height: auto;
			padding-bottom: 20px;
		}
		#GrIndex-userP {
			text-align: center;
			color: black;
			z-index: 111;
			position: absolute;
			font-size: 30px;
			line-height: 35px;
			width: 100%;
			top: 55px;
			text-indent: -2em;
			font-family: "Helvetica", arial, "Microsoft Yahei", "微软雅黑";
		}
		#GrIndex-user-way {
			margin: 0 auto;
			position: relative;
			width: 100%;
			height: 600px;
			background: url(../img/user5.png) center center repeat;
			background-size: 100% 600px;
			
		}
		#GrIndex-userX {
			position: absolute;
			z-index: 2222;
			width: 100px;
			height: 100px;
			top: 100px;
			left: 8%;
		}
		.GrIndex-userSP {
			text-align: center;
			color: #fff;
			position: absolute;
			width: 100px;
			font-size: 24px;
			top: 0;
			line-height: 100px;
			z-index: 2222;
			margin: 0;
		}
		#GrIndex-userX1 {
			position: relative;
			height: 100%;
			width: 100%;
		}
		#GrIndex-userXb {
			position: relative;
			z-index: 2000;
			background: url(../img/xiangmubang.png) top center no-repeat;
			background-size: 100%;
			top: 0;
			left: 0;
			width: 100px;
			height: 100px;
		}
		#GrIndex-userX1-l {
			position: absolute;
			left: 130px;
			top: 20px;
		}
		#GrIndex-userX1-l p {
			min-width: 200px;
			width: auto;
		}
		.GrIndex-userX1-la {
			font-size: 22px;
			margin-bottom: 10px;
			color: #666;
		}
		.GrIndex-userX1-lb {
			font-size: 18px;
			color: #a6a6a6;
		}
		#GrIndex-userX1-t {
			position: absolute;
			background: #248bdb;
			filter: alpha(opacity=80);
			opacity: 0.80;
			overflow: hidden;
			top: 60px;
			left: 60px;
		}
		.GrIndex-userulk {
			margin: 0;
			padding: 0;
		}
		.GrIndex-userulk li {
			color: #fff;
			float: left;
			font-size: 20px;
			width: 50%;
			height: 40px;
			line-height: 40px;
			background: url(../img/dian.png) 55px center no-repeat;
			background-size: 8px;
			margin: 0 auto;
			text-align:left;
			padding-left: 70px;

		}
		.GrIndex-userulk li:nth-child(2n){
			background: url(../img/dian.png) 25px center no-repeat;
			background-size: 8px;
			padding-left: 40px;
		}
		.GrIndex-userulk li a {
			color: #fff;
			cursor: default;
		}
		#GrIndex-userJ1 {
			height: 120px;
			width: 120px;
			position: absolute;
			right: 4%;
			top: 60px;
		}
		#GrIndex-userJ {
			width: 120px;
			height: 120px;
			z-index: 2000;
			
			
		}
		.GrIndex-userjSP {
			text-align: center;
			color: #fff;
			position: absolute;
			width: 120px;
			font-size: 24px;
			top: 0;
			line-height: 120px;
			z-index: 2000;
			padding: 0;
			margin: 0;
		}
		#GrIndex-userJ1 {
			position: relative;
			height: 100%;
			width: 100%;
		}
		#GrIndex-userJ1 {
			height: 120px;
			width: 120px;
			position: absolute;
		}
		#GrIndex-userjb {
			position: relative;
			z-index: 200;
			background-size: 100%;
			top: 0;
			left: 0;
			width: 120px;
			height: 120px;
			position: relative;
			background: url(../img/hunnitu.png) top center no-repeat;
			background-size: 100%;
		}
		#GrIndex-userJ1:hover #GrIndex-userjb {
			background: url(../img/113.png) top center no-repeat;
			background-size: 100%;
		}
		#GrIndex-userX1:hover #GrIndex-userXb {
			background: url(../img/113.png) top center no-repeat;
			background-size: 100%;
		}
		#GrIndex-userh1:hover #GrIndex-userhb {
			background: url(../img/113.png) top center no-repeat;
			background-size: 100%;
		}
		#GrIndex-usery1:hover #GrIndex-useryb {
			background: url(../img/113.png) top center no-repeat;
			background-size: 100%;
		}
		#GrIndex-userj1-l {
			position: absolute;
			left: -180px;
			top: 34px;
		}
		#GrIndex-userj1-l p {}
		.GrIndex-userj1-la {
			font-size: 22px;
			margin-bottom: 10px;
			color: #666;
		}
		.GrIndex-userj1-lb {
			font-size: 18px;
			color: #a6a6a6;
		}
		#GrIndex-userj1-t {
			position: absolute;
			background: #248bdb;
			filter: alpha(opacity=80);
			opacity: 0.80;
			overflow: hidden;
			top: 60px;
			left: 60px;
		}
		#GrIndex-userH {
			width: 120px;
			height: 120px;
			z-index: 2000;
		}
		.GrIndex-userhSP {
			text-align: center;
			color: #fff;
			position: absolute;
			width: 120px;
			font-size: 24px;
			top: 0;
			line-height: 120px;
			z-index: 2000;
			margin: 0;
		}
		#GrIndex-userh1 {
			position: relative;
			height: 100%;
			width: 100%;
		}
		#GrIndex-userh1 {
			height: 120px;
			width: 120px;
			position: absolute;
			left: 16%;
			top: 355px;
		}
		#GrIndex-userhb {
			position: relative;
			z-index: 200;
			background-size: 100%;
			top: 0;
			left: 0;
			width: 120px;
			height: 120px;
			position: relative;
			background: url(../img/hunnitu.png) top center no-repeat;
			background-size: 100%;
		}
		#GrIndex-userh1-l {
			position: absolute;
			left: 120px;
			top: 0px;
			width: 200px;
		}
		.GrIndex-userh1-la {
			font-size: 22px;
			margin-bottom: 10px;
			color: #666;
		}
		.GrIndex-userh1-lb {
			font-size: 18px;
			color: #a6a6a6;
		}
		#GrIndex-userh1-t {
			position: absolute;
			background: #248bdb;
			filter: alpha(opacity=80);
			opacity: 0.80;
			overflow: hidden;
			top: 60px;
			left: 60px;
		}
		#GrIndex-userY {
			width: 100px;
			height: 100px;
			z-index: 2000;
		}
		.GrIndex-userySP {
			margin: 0;
			padding: 0;
			text-align: center;
			color: #fff;
			position: absolute;
			width: 100px;
			font-size: 24px;
			top: 0;
			line-height: 100px;
			z-index: 200;
		}
		#GrIndex-usery1 {
			height: 100px;
			width: 100px;
			position: absolute;
			right: 7%;
			top: 400px;
		}
		#GrIndex-useryb {
			position: relative;
			z-index: 200;
			background-size: 100%;
			top: 0;
			left: 0;
			width: 100px;
			height: 100px;
			position: relative;
			background: url(../img/xiangmubang.png) top center no-repeat;
			background-size: 100%;
		}
		#GrIndex-usery1-l {
			position: absolute;
			width: 200px;
			right: 100px;
			top: 50px;
		}
		.GrIndex-usery1-la {
			font-size: 22px;
			margin-bottom: 10px;
			color: #666;
		}
		.GrIndex-usery1-lb {
			font-size: 18px;
			color: #a6a6a6;
		}
		#GrIndex-usery1-t {
			position: absolute;
			background: #248bdb;
			filter: alpha(opacity=80);
			opacity: 0.80;
			overflow: hidden;
			top: 60px;
			left: 60px;
		}
		.GrIndex-user-cont-ch {
			padding: 20px 0;
			width: 0px;
			height: 0px;
			overflow: hidden;
			clear: both;
			background: #248bdb;
		}
		#GrIndex-user-way-po{
			display: block;
		    position: absolute;
		    left: 50%;
		    margin-left: -210px;
		    right: 50%;
		    top: 50px;
		}
	}
	

@media screen and (max-width: 1000px) {
		.GrIndex-Action-more{
			font-size: 16px; 
			margin-right:10% ;

		}
		.bottonFix{
		height: 40px;
		display: none;		
		}
		#GrIndex-user-way-po{
			display: block;
			position: absolute;
			width: 160px;
			left: 50%;
			margin-left:-80px ;
			right: 50%;
			top: 40px;
			
		}
		.GrIndex-user-cont-ch {
			display: none;
		}
		.footer-relation21 img {
			margin: 10px 10px 0 0;
		}
		#GrIndex-nav {
			background: #fff;
		}
		.product {
			margin-top: 0px;
			top: 50px;
		}
		#GrIndex-user {
			clear: both;
			margin: 0 auto;
			position: relative;
			background: none;
			width: 100%;
			height: 300px;
		}
		#GrIndex-userP {
			text-align: center;
			color: black;
			z-index: 1;
			position: absolute;
			font-size: 20px;
			width: 100%;
			top: 20px;
		}
		#GrIndex-user-way {
			margin: 0 auto;
			position: relative;
			width: 100%;
			height: 250px;
			background: url(../img/user14.png) center center no-repeat;
			background-size:100% 250px ;
		}
		#GrIndex-userX {
			position: absolute;
			z-index: 2222;
			width: 70px;
			height: 70px;
			top: 10px;
			left: 2%;
		}
		.GrIndex-userSP {
			text-align: center;
			color: #fff;
			position: absolute;
			width: 70px;
			height: 70px;
			font-size: 16px;
			top: 0;
			line-height: 70px;
			text-align: center;
			z-index: 2222;
		}
		#GrIndex-userX1 {
			position: relative;
			height: 100%;
			width: 100%;
		}
		#GrIndex-userXb {
			position: relative;
			z-index: 2000;
			background: url(../img/xiangmubang.png) top center no-repeat;
			background-size: 100%;
			top: 0;
			left: 0;
			width: 70px;
			height: 70px;
		}
		#GrIndex-userX1-l {
			position: absolute;
			left: 90px;
			top: 20px;
		}
		#GrIndex-userX1-l p {
			min-width: 150px;
			width: auto;
		}
		.GrIndex-userX1-la {
			font-size: 22px;
			margin-bottom: 10px;
			color: #666;
		}
		.GrIndex-userX1-lb {
			font-size: 18px;
			color: #a6a6a6;
		}
		#GrIndex-userX1-t {
			position: absolute;
			background: #5daeec;
			overflow: hidden;
			height: 100px;
			top: 50px;
			left: 40px;
		}
		.GrIndex-userulk {
			margin:5px 0 0;
			padding: 0;
			min-width: 200px;
		}
		.GrIndex-userulk li {
			color: #fff;
			float: left;
			font-size: 14px;
			width: 50%;
			height: 30px;
			line-height: 30px;
			background: url(../img/dian.png) 15px center no-repeat;
			background-size: 7px;
			padding-left: 25px;
			margin: 0;
		}
		.GrIndex-userulk li a {
			color: #fff;
		}
		#GrIndex-userJ1 {
			height: 80px;
			width: 80px;
			position: absolute;
			right: 2%;
			top: 0;
		}
		#GrIndex-userJ {
			width: 80px;
			height: 80px;
			z-index: 2000;
		}
		.GrIndex-userjSP {
			text-align: center;
			color: #fff;
			position: absolute;
			width: 80px;
			font-size: 16px;
			top: 0;
			line-height: 80px;
			z-index: 2012;
		}
		#GrIndex-userjb {
			position: relative;
			z-index: 2010;
			background-size: 100%;
			top: 0;
			left: 0;
			width: 80px;
			height: 80px;
			position: relative;
			background: url(../img/hunnitu.png) top center no-repeat;
			background-size: 100%;
		}
		#GrIndex-userj1-l {
			position: absolute;
			left: -180px;
			top: 20px;
		}
		#GrIndex-userj1-l p {}
		.GrIndex-userj1-la {
			font-size: 20px;
			margin-bottom: 10px;
			color: #666;
		}
		.GrIndex-userj1-lb {
			font-size: 20px;
			color: #a6a6a6;
		}
		#GrIndex-userj1-t {
			position: absolute;
			background: #5daeec;
			overflow: hidden;
			height: 100px;
			width: 200px;
			top: 60px;
			left: -170px;
			z-index: 1000;
		}
		#GrIndex-userH {
			width: 80px;
			height: 80px;
			z-index: 2000;
		}
		.GrIndex-userhSP {
			text-align: center;
			color: #fff;
			position: absolute;
			width: 80px;
			font-size: 16px;
			top: 0;
			line-height: 80px;
			z-index: 800;
		}
		#GrIndex-userh1 {
			position: relative;
			height: 100%;
			width: 100%;
		}
		#GrIndex-userh1 {
			height: 80px;
			width: 80px;
			position: absolute;
			left: 1%;
			top: 165px;
		}
		#GrIndex-userhb {
			position: relative;
			z-index: 800;
			background-size: 100%;
			top: 0;
			left: 0;
			width: 80px;
			height: 80px;
			position: relative;
			background: url(../img/hunnitu.png) top center no-repeat;
			background-size: 100%;
		}
		#GrIndex-userh1-l {
			position: absolute;
			left: 110px;
			top: 10px;
			width: 200px;
		}
		.GrIndex-userh1-la {
			font-size: 22px;
			margin-bottom: 10px;
			color: #666;
		}
		.GrIndex-userh1-lb {
			font-size: 18px;
			color: #a6a6a6;
		}
		#GrIndex-userh1-t {
			position: absolute;
			background: #5daeec;
			overflow: hidden;
			height: 100px;
			width: 200px;
			top: -80px;
			left: 46px;
		}
		#GrIndex-userY {
			width: 80px;
			height: 180px;
			z-index: 0;
		}
		#GrIndex-userh1-t {
			z-index: 700;
		}
		.GrIndex-userySP {
			text-align: center;
			color: #fff;
			position: absolute;
			width: 70px;
			font-size: 16px;
			top: 0;
			line-height: 70px;
			z-index: 600;
		}
		#GrIndex-usery1 {
			position: relative;
			height: 100%;
			width: 100%;
		}
		#GrIndex-usery1 {
			height: 70px;
			width: 70px;
			position: absolute;
			right: 1%;
			top: 163px;
		}
		#GrIndex-useryb {
			position: relative;
			background-size: 100%;
			top: 0;
			left: 0;
			width: 70px;
			height: 70px;
			position: relative;
			background: url(../img/hunnitu.png) top center no-repeat;
			background-size: 100%;
			z-index: 600;
		}
		#GrIndex-usery1-l {
			position: absolute;
			left: -140px;
			top: 10px;
			width: 200px;
		}
		.GrIndex-usery1-la {
			font-size: 22px;
			margin-bottom: 10px;
			color: #666;
		}
		.GrIndex-usery1-lb {
			font-size: 18px;
			color: #a6a6a6;
		}
		#GrIndex-usery1-t {
			position: absolute;
			background: #5daeec;
			overflow: hidden;
			height: 100px;
			width: 200px;
			top: -80px;
			left: -165px;
		}
		.GrIndex-Action-h2 {
			font-size: 20px;
			line-height: 35px;
			margin: 10px 0 10px;
			font-family: "微软雅黑  Regualar";
			background: url(../img/qianyuedongft.png) 0px center no-repeat;
			padding-left: 35px;
			background-size: 24px;
		}
		.GrIndex-Action-h3 {
			background-image: url(../img/jianzhuzixun.png);
		}
		#GrIndex-Action .am-list li a {
			padding: 8px 0;
			display: block;
			padding-left: 25px;
		}
		#GrIndex-Action ul li a {
			font-size: 18px;
		}
		#GrIndex-Action-left {
			width: 100%;
			height: 200px;
			float: none;
			overflow: hidden;
		}
		#GrIndex-Action {
			height: 400px;
			padding-left: 10px;
		}
		#GrIndex-Action-right {
			height: 200px;
			width: 100%;
			float: none;
			overflow: hidden;
		}
		#GrIndex-partner-P {
			font-size: 25px;
			line-height: 25px;
			margin: 20px 0;
			text-align: center;
		}
		#GrIndex-partner .am-thumbnails li {
			padding-left: 0px;
		}
		#GrIndex-contact-map {
			height: 250px;
		}
		#GrIndex-contact-map-phone {
			position: absolute;
			right: 0;
			top: 0;
			padding: 5px 0;
			width: 240px;
			height: 152px;
			overflow: hidden;
		}
		.GrIndex-Action-c {
			display: position;
		}
		
		
		
		.GrbuildBU img {
			width: 153px;
			margin: 0;
		}
		#GrIndex-contact-map-phone h2 {
			font-size: 16px;
			line-height: 26px;
			margin-top: 5px;
			font-family: "微软雅黑  Regualar";
		}
		#GrIndex-contact-map-phone p {
			font-size: 12px;
			color: #fff;
			padding-left: 10px;
			line-height: 25px;
		}
		#GrIndex-contact-map-phone .pp {
			padding-left: 45px;
		}
		#GrIndex-contact-map-phone .pe {
			margin-top: 0px;
		}
		#GrIndex-contact-map-phone img {
			margin: -24px 0 0 100px;
			width: 120px;
		}

		.footer {
			background: #248bdb;
			height: 50px;
			width: 100%;
		}
		.footer p {
			font-size: 14px;
			color: #fff;
			text-align: center;
			line-height: 50px;
			height: 50px;
		}
		.footer .footer-relation {
			position: absolute;
			top: 0;
			right: 10px;
			background: #1570b7;
			height: 50px;
			width: 110px;
		}
		#footer-relation1 {
			font-size: 15px;
			line-height: 40px;
			background: url(../img/lainxiwom.png) 14px center no-repeat;
			background-size: 16px;
			z-index: 100;
		}
		#footer-relation2 {
			width: 280px;
			height: 300px;
			bottom: 0px;
			right: 0px;
		}
		.footer-relation21 {
			width: 100%;
			height: 40px;
		}
		.footer-relation21 p {
			font-size: 16px;
			line-height: 40px;
			margin-left: 10px;
		}
		#footer-relation211 {
			margin-right: -15px;
			margin-top: -10px;
		}
		.footer-relation .am-form-group {
			margin-bottom: 10px;
		}
		.footer-relation .am-form-group input {
			padding: 5px;
			font-size: 18px;
		}
		.footer-relation .am-form-group textarea {
			padding: 5px;
			font-size: 18px;
		}
		.footer-relation .am-form-group1 {
			margin: 0;
			line-height: 30px;
		}
		.am-form-field.am-radius {
			border-radius: inherit;
		}
		.footer-relation .am-form-group input {
			width: 100%;
		}
		.footer .am-btn {
			padding: 5px 10px;
			font-size: 18px;
		}
		/*build页面,小于520px布局*/
		.Grbuild-h2 {
			height: 50px;
			width: 100%;
			margin: 120px auto 0;
			position: relative;
			padding: 0;
		}
		.GrbuildH21 {
			margin-top: 0;
		}
		.Grbuild-h2 .GrbuildH2 {
			line-height: 50px;
			text-align: center;
			font-size: 20px;
			margin: 0;
			padding: 0;
			font-family:"微软雅黑  Regualar" ;
		}
		.Grbuild-h2 .GrbuildH2-left {
			display: none;
		}
		.Grbuild-h2 .GrbuildH2-right {
			display: none;
		}
		.Grbuild-content1 {
			height: 300px;
			width: 100%;
			background: #fff;
		}
		.Grbuild-content2 {
			height: 300px;
			width: 100%;
			background: #f7f7f7;
		}
		.Grbuild-content {
			width: 100%;
			height: 100%;
			
			display: box;			  /* OLD - Android 4.4- */
			display: -webkit-box;	  /* OLD - iOS 6-, Safari 3.1-6 */
			display: -moz-box;		 /* OLD - Firefox 19- (buggy but mostly works) */
			display: -ms-flexbox;	  /* TWEENER - IE 10 */
			display: -webkit-flex;	 /* NEW - Chrome */
			display: flex;			 /* NEW, Spec - Opera 12.1, Firefox 20+ */
			/* 09版 */
			-webkit-box-orient: horizontal;
			/* 12版 */
			-webkit-flex-direction: row;
			-moz-flex-direction: row;
			-ms-flex-direction: row;
			-o-flex-direction: row;
			flex-direction: row;
		}
		.Grbuild-content-left {
			clear: both;
			overflow: hidden;
			height: 270px;
			width: 155px;
			background: url(../img/build/06peisongchaxun.png) left top no-repeat;
			background-size: 100%;
			margin: 0;
			float: none;
		}
		.Grbuild-content-leftimg {
			margin: 46px 0 0 25px;
			height: 179px;
			width: 101px;
			display: block;
		}
		.Grbuild-content-right {
			margin: 0 10px;
			margin-top: 50px;
			-webkit-box-flex: 1;	  /* OLD - iOS 6-, Safari 3.1-6 */
			-moz-box-flex: 1;		 /* OLD - Firefox 19- */
			-webkit-flex: 1;		  /* Chrome */
			-ms-flex: 1;			  /* IE 10 */
			flex: 1;
			float: none;
		}
		.Grbuild-content-right-h {
			height: 46px;
			width: 100%;
			padding: 0 5px;
			background: url(../img/build/xiantiao.png) left bottom no-repeat;
			background-size: 100%;
			float: none;
		}
		.Grbuild-content-right-h p {
			font-size: 20px;
			line-height: 46px;
			color: #248bdb;
			margin-bottom: 0;
			font-family:"微软雅黑  Regualar" ;
			
		}
		.Grbuild-content-right-h span {
			font-size: 16px;
			margin-right: 10px;
			margin-left: -5PX;
			margin-top: -6px;
			
		}
		.Grbuild-content-right-p {
			width: 100%;
			margin-top: 10px;
			line-height: 22px;
			font-size: 16px;
			padding: 0 5px;
			color: #333;

		}
		.Grbuild-content-left2 {
			clear: both;
			overflow: hidden;
			height: 270px;
			width: 155px;
			background: url(../img/build/06peisongchaxun.png) left top no-repeat;
			background-size: 100%;
			margin: 0;
			float: none;
		}
		.Grbuild-content-right2 {
			margin: 0 10px;
			margin-top: 50px;
			-webkit-box-flex: 1;	  /* OLD - iOS 6-, Safari 3.1-6 */
			-moz-box-flex: 1;		 /* OLD - Firefox 19- */
			-webkit-flex: 1;		  /* Chrome */
			-ms-flex: 1;			  /* IE 10 */
			flex: 1;
			float: none;
		}
		.gritem-img {
			background: none;
		}
		.gritem-img img {
			width: 100%;
		}
		.GrTransport-content {
			width: 100%;
			padding: 0;
		}
		.GrTransport-contenttop {
			height: 44px;
			width: 100%;
			background: url(../img/build/xiantiao.png) center bottom no-repeat;
			background-size: 100%;
			margin: 10px 0;
		}
		.GrTransport-contenttop p {
			line-height: 24px;
			font-size: 20px;
			color: #248bdb;
		}
		.GrTransport-contenttop p span {
			font-size: 14px;
			margin-right: 20px;
		}
		.GrTransport-contentbottom {
			width: 100%;
			margin-top: 0px;
			line-height: 26px;
			font-size: 20px;
			color: #333;
			padding: 0 5px;
		}
		/*应用下载页*/
		.Grdownload-con {
			max-width: 100%;
			background: none;
			clear: both;
			margin: 0;
		}
		.Grdownload-con-left {
			width: 100%;
			height: 100%;
			float: none;
			height: 340px;
		}
		.Grdownload-con-right {
			width: 100%;
			height: 100%;
			float: none;
			height: 300px;
			padding: 0;
		}
		.Grdownload-con-p {
			height: 36px;
			line-height: 36px;
			color: #333;
			font-size: 20px;
			margin: 0;
			padding: 10px;
		}
		.Grdownload-con-load {
			width: 100%;

			height: 230px;
			display: box;			  /* OLD - Android 4.4- */
			display: -webkit-box;	  /* OLD - iOS 6-, Safari 3.1-6 */
			display: -moz-box;		 /* OLD - Firefox 19- (buggy but mostly works) */
			display: -ms-flexbox;	  /* TWEENER - IE 10 */
			display: -webkit-flex;	 /* NEW - Chrome */
			display: flex;			 /* NEW, Spec - Opera 12.1, Firefox 20+ */
			/* 09版 */
			-webkit-box-orient: horizontal;
			/* 12版 */
			-webkit-flex-direction: row;
			-moz-flex-direction: row;
			-ms-flex-direction: row;
			-o-flex-direction: row;
			flex-direction: row;
		}
		.Grdownload-con-load-j {
			-webkit-box-flex: 1;	  /* OLD - iOS 6-, Safari 3.1-6 */
			-moz-box-flex: 1;		 /* OLD - Firefox 19- */
			-webkit-flex: 1;		  /* Chrome */
			-ms-flex: 1;			  /* IE 10 */
			flex: 1;
			float: none;
		}
		.Grdownload-con-load-jk {
			margin: 0;
		}
		.Grdownload-con-load-j img {
			margin: 10px auto 30px;
		}
		.Grdownload-con-load-j-w {
			width: 95%;
			margin: 0 auto;
			border: 1px solid #c5c5c5;	
			
		}
		.Grdownload-con-load-j-w a {
			border:0;
			border-radius: 5px;
			display: block;
			height: 40px;
			width: 100;
			line-height: 40px;
			text-align: center;
			font-size: 14px;
			color: #333;
		}
		.Grdownload-con-load-j-w a:hover {
			border:0;
			color: #fff;
			background: #0777cd;
		}
		fieldset {
			width: 100%;
		}
		.Grabout-h2-ab {
			margin-top: 50px;
		}
		.Grbuild-h3 {
			margin-top: 30px;
		}
		.grabout-con {
			font-size: 14px;
			line-height: 20px;
			text-indent: 2em;
			margin-bottom: 5px;
			margin-top: 20px;
		}
		.graboutna {

			height: auto;
		}
		.grabout-con p{
			line-height: 22px;
			padding-top:0 ;

		}
		.graboutna-content {
			position: initial;
		}
		.graboutna-content img {
			width: 300px;
			position: initial;
			margin: 0 auto;
		}
		.graboutna-content .GRabout-div {
			position: initial;
			margin:  10px;
		}
		.GRabout-div .GRabout-div-ch{
			width: 100%;
			position: relative;
		}
		.GRabout-div .GRabout-div-ch div {
			width: 50px;
			height: 50px;
			background: url(../img/about/wenziyuan.png);
			background-size: 100%;
			line-height: 50px;
			text-align: center;
			font-size: 16px;
			color: #fff;
			float: left;
			position: absolute;
			top: 50%;
			bottom: 50%;
			margin-top: -25px;
		}
		.GRabout-div p {
			width: 100%;
			font-size: 16px;
			font-family: "微软雅黑  Regualar ";
			line-height: 30px;
			padding-left: 55px;
			margin: 0;
		}
		#download-f{
			height: 40px;
			width: 100%;
			overflow: hidden;
			clear: both;
			position:initial;

		
		}
		#footerF{

			height: 40px;
			width: 100%;
			margin: 0;
			padding: 0;
		}
		#footerF p{
			font-size: 12px;
			color: #fff;
			width:100%;
			text-align: center;
			height: 40px;
			padding: 0;
			margin: 0 auto;
			line-height: 40px;
			font-family: "微软雅黑";
			overflow: hidden;
		}
	#banner img{
		margin: 0;
	}
	.GrbuildH4{
		display: none;
		margin: 0;
	}
	
	.am-modal-dialog{
		padding-top: 20px;
	}
	
	.Grdownload-con-load-j img{
		margin-bottom: 20px;
	}
	.am-modal-dialog p{
		margin-bottom: 20px;
	}
	
	
	

	#GrIndex-Feature{
		font-size: 18px;
	}
	

	}
	
@media screen and (min-width:520px) and (max-width:1000px) {
	.GrbuildH4{
		display: block;
	}
	.Grbuild-h3 {
			margin-top: 50px;
		}
		#GrIndex-Action-left{
			width: 50%;
			float: left;

		}
		#GrIndex-Action-right{
			width: 50%;
			float: right;

		}
		#GrIndex-Action{
			height: 210px;
		}
		.Grbuild-content1{
			width: 520px;
			margin: 0 auto;
		}
		.Grbuild-content2{
			width: 520px;
			margin: 0 auto;
		}
		.Grbuild-content-right-h p{
			line-height: 37px;
		}
		.Grbuild-content-right-h span{
			margin-left: 6px;
		}
		.graboutna-content .GRabout-div{
			width: 50%;
			margin: 10px auto;
		}
		.graboutna-content img{
			width: 50%;
		}
		#GrIndex-contact-map-phone {
			height: 280px;

		}
		#GrIndex-user-way {
			margin: 0 auto;
			position: relative;
			width: 100%;
			height: 350px;
			background: url(../img/user5.png) center center no-repeat;
			background-size:100% 350px ;
		}
		
	#GrIndex-user {			
			height: 400px;
		}



	#GrIndex-userX {
			position: absolute;
			z-index: 2222;
			width: 70px;
			height: 70px;
			top: 50px;
			left: 7%;
		}
	#GrIndex-userJ1 {
			height: 80px;
			width: 80px;
			position: absolute;
			right: 6%;
			top: 30px;
		}
	#GrIndex-userh1 {
			height: 80px;
			width: 80px;
			position: absolute;
			left: 15%;
			top: 200px;
		}
	#GrIndex-usery1 {
			height: 70px;
			width: 70px;
			position: absolute;
			right: 6%;
			top: 230px;
		}
		#GrIndex-user-way-po {
		    display: block;
		    position: absolute;
		    width: 250px;
		    left: 50%;
		    margin-left: -125px;
		    right: 50%;
		    top: 20px;
		}
		.GrIndex-userulk {
			margin:5px 0 0;
			padding: 0;
			min-width: 250px;
		}
		
	.GrIndex-userulk li {
			color: #fff;
			float: left;
			font-size: 14px;
			width: 50%;
			height: 30px;
			line-height: 30px;
			background: url(../img/dian.png) 20px center no-repeat;
			background-size: 7px;
			padding-left: 35px;
			margin: 0;
		}
	#GrIndex-userj1-t {
			position: absolute;
			background: #5daeec;
			overflow: hidden;
			height: 100px;
			width: 250px;
			top: 60px;
			left: -210px;
			z-index: 1000;
		}
		#GrIndex-userh1-t {
			position: absolute;
			background: #5daeec;
			overflow: hidden;
			height: 100px;
			width: 250px;
			top: -80px;
			left: 38px;
		}
		#GrIndex-usery1-t {
			position: absolute;
			background: #5daeec;
			overflow: hidden;
			height: 100px;
			width: 250px;
			top: -80px;
			left: -220px;
		}


	
	#GrIndex-contact-map{
		height: 300px;
	
	}	
	#GrIndex-contact-map-phone{
		width: 232px;
		height: 290px;
	}	
	.bottonFix{
	
			height: 40px;
			display: block;
			
		}
#ens{
		width: 160px;
		height: 310px;
		clear: both;
		z-index: 3223;
		background: url(../img/custom-bg3.png)  left top no-repeat;
		position:absolute;
		left: 0;
		margin-left: -150px;
		transition: all 1s ease 0s;
		margin-top: -225px;
			
	}
	
	#ens:hover{
		transition: all 1s ease 0s;
		margin-left: 0px;

	}
	
	
	.leftFix1{
		float: right;
		margin-right: -46px;
		margin-top: 80px;
		display: block;
	}
	.leftFix2{
		margin-top: 85px;
		margin-left: 10px;
		float: left;
	}	
	.leftFix3{
		display: none;
	}
	
	

	
	
	
	
	
	
	
}

@media screen and (max-width:520px) {
	.GrIndex-Featureleft{
		float: none;
		
	}
	.GrIndex-Featureright{
		float: none;
	}
	.GrIndex-banneruL1 p{
		font-size: 12px;
	}
	#GrIndex-gongyinglian{
		padding-top: 20px;
	}
	.GrIndex-Featuretop{
		font-size:20px ;
		padding:0;
		margin:20px 0 0;
	}
	#baa1{
		margin-top: 20px;
	}
	#GrIndex-banneruL{
		margin: 10px 0;
	}
}	