@media screen and (min-width:750px) {
	.bannerbox{width:100%; height:700px; background:url(../image/GGbanner.jpg);}
.bannerbox .bannrecenter{width:1200px; height:700px; margin:0 auto;}
.bannerbox .bannrecenter .bannerleft{width:800px; height:700px; float:left; }
.bannerbox .bannrecenter .bannerleft .boxhander_left_onep{font-size: 52px;color: #ffffff; position:relative; top: 15%; left: 4%; height: 64px; line-height: 64px; width: 90%;}
.bannerbox .bannrecenter .bannerleft .boxhander_left_twop{color: #ffffff;font-size: 24px;position: relative; top: 17%;left: 4%;height: 40px;line-height: 40px; width: 90%;}
.bannerbox .bannrecenter .bannerleft button{width: 160px;height: 50px;background-color: #0dcce8;border: none; color: #ffffff;font-size: 20px;border-radius: 7px;}
.bannerbox .bannrecenter .bannerleft a{position: relative; top:172px; left: 60px;}

.boxcenter{width:1200px; height:600px; margin:0px auto;}
.boxcenter .boxcenter_p{font-size: 30px;color: #333333;text-align: center;padding-top: 80px;height: 40px;line-height: 40px;}
.boxcenter .dl {    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-around;}

.boxcenter dl{width:20%; float:left; height:267px; border:1px solid #e2eff5; margin:50px 37px 0 0; text-align:center; padding:26px 10px 10px 10px;}
.boxcenter .boxcenterdd{color: #000000;font-size: 24px;height: 30px;line-height: 30px;padding: 20px 0 0 0;}
.boxcenter .boxcenterddtwo {color: #555555; font-size:14px; height:20px; line-height:20px; padding:14px 0 0 0; text-align:-webkit-auto;}

.con{width:100%; height:746px; background-color:#fafafa;}
.con .con_center{width:1200px; height:746px; margin:0px auto;}
.con_center .dl {width:100%; height: auto; overflow: hidden; display: flex;flex-wrap: wrap; justify-content: center;}
.con .con_center .con_center_p{color:#333333;font-size:30px; text-align:center; height:40px; line-height:40px; padding:76px 0 50px 0;}
.con .con_center dl{width:45%; height:140px; float:left; margin:0 59px 0 0;}
.con .con_center dt {width:7%; float:left;}
.con .con_center .con_center_pdd{color:#03a9f4;font-size:18px;font-weight:700;padding-left:86px;line-height: 40px;}
.con .con_center .con_center_pddtwo{color: #666666;font-size:14px; height:20px; line-height:20px; padding-left:86px;}

.more{width:1200px; margin:0 auto; height:528px;}
.more .morep{color:#333333; font-size:30px; text-align:center; height: 40px;line-height: 40px; padding: 60px 0 60px 0;}
.more button{background-color: #ff8400; border:none; color: #ffffff; font-size:20px; width:180px; height:48px; border-radius:7px;}
.more a{position:absolute; padding: 0 0 0 28%; margin-top:100px;}

h1 {text-align: center;}
.img-box {margin: 0 auto; height:268px; width:1200px;    display: flex;
    flex-wrap: wrap;
    justify-content: left;}
.img {clear: both;}
.img li {width:187px; height:68px; line-height:68px; list-style-type:none; float:left; margin:10px 10px 7px 0; border:1px solid #e2eff5;}  
.img-box li:nth-child(1) {background: url("../image/sprite.png") 0 0;}
.img-box li:nth-child(2) {background: url("../image/sprite.png") -186px 0;}
.img-box li:nth-child(3)  {background: url("../image/sprite.png") 186px 340px}
.img-box li:nth-child(4)  {background: url("../image/sprite.png") 0px -68px;}
.img-box li:nth-child(5)  {background: url("../image/sprite.png") -186px -68px;}
.img-box li:nth-child(6) {background: url("../image/sprite.png") 745px 272px;}
.img-box li:nth-child(7) {background: url("../image/sprite.png") 0px -136px;}
.img-box li:nth-child(8) {background: url("../image/sprite.png") 372px -136px;}
.img-box li:nth-child(9)  {background: url("../image/sprite.png") 186px -136px;}
.img-box li:nth-child(10) {background: url("../image/sprite.png") 0px -204px;}
.img-box li:nth-child(11) {background: url("../image/sprite.png") -186px -204px}
.img-box li:nth-child(12) {background: url("../image/sprite.png") 186px -204px;}
.img-box li:nth-child(13) {background: url("../image/sprite.png") 0px -272px;}
.img-box li:nth-child(14) {background: url("../image/sprite.png") -186px -272px;}
.img-box li:nth-child(15) {background: url("../image/sprite.png") 186px -272px;}

.img-box li {    width: 186px;
    height: 68px;
    margin-right: 14px;}
}


@media screen and (min-width:750px) and (max-width:1226px) {
	.bannerbox .bannrecenter .bannerleft .boxhander_left_onep{
		top: 20%;
	}
	.bannerbox .bannrecenter .bannerleft .boxhander_left_twop {
		top: 22%;
	}
	.bannerbox .bannrecenter .bannerleft a {
		top: 220px;
	}
	.boxcenter {width:100%;}
	.boxcenter dl {margin-right: 0;}
	.con .con_center {width:100%;}
	.con .con_center {width:100%;}
	.more {width:100%;}
	.img-box  {width:100%;}
	.con .con_center dl {    box-sizing: border-box;
    padding:0 30px;width: 50%; margin: 0; }
}

@media screen and (max-width:750px){
	.mbanner {background:url('../image/G3Img/mbg.jpg') no-repeat center; background-size:cover; color:#fff;}
	.mbanner h3 {font-size:.44rem;padding-top: .9rem;color:#fff;font-weight: bold;}
	.mbanner p {font-size: .26rem;line-height:.34rem;padding-top: .15rem;padding-bottom: .4rem;color:#fff;box-sizing: border-box;}
	.mbanner a {color:#fff;background:#0dcce8;}

	.boxcenter {width:100%; height:auto; overflow: hidden; box-sizing: border-box; padding:0 .24rem; text-align: center; background:#fff;}
	.boxcenter h3, .con h3, .more h3 {font-size:.34rem;color:#333333;padding-top:.46rem;text-align: center;font-weight: bold;}
	.boxcenter .dl {width:100%; display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; padding-top:.46rem; padding-bottom:.18rem;}
	.boxcenter .dl dl {width:3.36rem; height:auto; box-sizing: border-box; background: #fff; border:.01rem solid #e2eff5; margin-bottom: .3rem;}
	.boxcenter .dl dl dt img {margin:.38rem auto .4rem; height:1.68rem;}
	.boxcenter .dl dl dd.boxcenterdd {color:#000000;padding-bottom:.2rem;font-size: .3rem;}
	.boxcenter .dl dl dd.boxcenterddtwo {color:#666666;font-size: .24rem;box-sizing: border-box;padding:0 .3rem;text-align: left;padding-bottom:.4rem;line-height: .36rem;}

	.con {width:100%; height:auto; overflow: hidden; background:#fafafa; text-align: center; box-sizing: border-box; padding:0 .24rem;}
	.con .dl {width:100%; padding-top:.4rem; padding-bottom:.2rem;}
	.con .dl dl {width:100%;margin-bottom: .4rem;text-align: left;height: auto;position:  relative;box-sizing: border-box;}
	.con .dl dl dt img {display: inline-block;width:1.1rem;/* margin-right: .15rem; *//* margin-bottom: .6rem; */}
	.con .dl dl dt {
    position:  absolute;
    top: 50%;
    transform: translateY(-50%);
}
	.con .dl dl dd.con_center_pdd {font-size: .3rem;color:#03a9f4;font-weight: bold;padding-left: 1.3rem;}
	.con .dl dl dd.con_center_pddtwo {font-size: .24rem;color:#666666;line-height: .36rem;padding-top: .05rem;padding-left: 1.3rem;}

	.more {width:100%; height: auto; background: #fff; overflow: hidden; box-sizing: border-box; padding:0 .24rem;}
	.more ul {
		width: 100%; display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; padding-top: .46rem; padding-bottom: .26rem;
	}
	.more ul li {width:2.2rem;height:.8rem;box-sizing: border-box;margin-bottom: .2rem;background:url('../image/sprite.png') no-repeat;background-size: 300%;}
	.more ul li:nth-child(1) { background-position: 0 0;}
	.more ul li:nth-child(2) {background-position: -2.2rem 0;}
	.more ul li:nth-child(3) {background-position: -4.4rem 0;}
	.more ul li:nth-child(4) {background-position: 0rem -.8rem;}
	.more ul li:nth-child(5) {background-position: -2.2rem -.8rem;}
	.more ul li:nth-child(6) {background-position: -4.4rem -.8rem;}
	.more ul li:nth-child(7) {background-position: 0rem -1.6rem;}
	.more ul li:nth-child(8) {background-position: -2.2rem -1.6rem;}
	.more ul li:nth-child(9) {background-position: -4.4rem -1.6rem;}
	.more ul li:nth-child(10) {background-position: 0rem -2.412rem;}
	.more ul li:nth-child(11) {background-position: -2.2rem -2.412rem;}
	.more ul li:nth-child(12) {background-position: -4.4rem -2.412rem;}
	.more ul li:nth-child(13) {background-position: 0rem -3.23rem;}
	.more ul li:nth-child(14) {background-position: -2.2rem -3.23rem;}
	.more ul li:nth-child(15) {background-position: -4.4rem -3.23rem;}
}