.content1{ width: 1200px; margin: 60px auto;}
.content1 .title{ text-align: center;}
.content1 .title h3{ font: 36px/42px "microsoft yahei"; color: #151515; margin-bottom: 8px;}
.content1 .title p{ font: 22px/24px "microsoft yahei"; color: #666;}
.content1 .list{ overflow: hidden; margin-top: 40px;}
.content1 .list li{ float: left; font-size: 0; margin-right: 130px;}
.content1 .list li:last-child{ margin-right: 0;}
.content1 .list li .pic{ display: inline-block; vertical-align: middle;}
.content1 .list li .txt{ display: inline-block; vertical-align: middle; width: 255px; margin-left: 10px;}
.content1 .list li .txt h3{ font: 18px/24px "microsoft yahei"; color: #333; margin-bottom: 4px;}
.content1 .list li .txt p{ font: 12px/24px "microsoft yahei"; color: #333;}

.bg1{ padding: 80px 0; background: url(../image/kk2.jpg) center center no-repeat; overflow: hidden; }
.bg2{ background: url(../image/kk1.jpg) center center no-repeat; padding: 80px 0; overflow: hidden;}
.bg1 .pic,.bg2 .pic{ transition: 1s all; -webkit-transition: 1s all; transform: translateY(-250%); -webkit-transform: translateY(-250%);}
.bg1 .txt,.bg2 .txt{ transition: 1s all; -webkit-transition: 1s all; transform: translateY(250%); -webkit-transform: translateY(250%);}
.cur .pic,.cur .txt{ transform: translateY(0); -webkit-transform: translateY(0);}

.content2{ width: 1200px; margin: 0 auto; font-size: 0; height: auto; position: relative;}
.content2 .pic{ display: inline-block; text-align: center;  vertical-align: middle; position: relative; z-index: 1; }
.content2 .pic img{ padding-top: 0px;}
.content2 .txt{ width: 490px; display: inline-block; vertical-align: middle; margin-left: 150px;}
.content2 .txt h3{ font: bold 39px/45px "microsoft yahei"; color: #5dd2dd;}
.content2 .txt h4{ font: 18px/32px "microsoft yahei"; color: #666; margin: 10px 0;}
.content2 .txt p{ font: 14px/24px "microsoft yahei"; color: #666;}
.content2 .xiantiao{ width: 302px; height: 303px; position: absolute; left: 328px; bottom: -222px; background: url(../image/p1.png) left top no-repeat; }

.content3{ width: 1200px; margin: 0 auto; font-size: 0; position: relative;}
.content3 .pic{ display: inline-block; text-align: center;  vertical-align: middle; position: relative; z-index: 1; margin-left: 80px;}
.content3 .txt{ width: 490px; display: inline-block; vertical-align: middle; margin-left: 0; text-align: right;}
.content3 .txt h3{ font: bold 39px/45px "microsoft yahei"; color: #5dd2dd;}
.content3 .txt h4{ font: 18px/32px "microsoft yahei"; color: #666; margin: 10px 0;}
.content3 .txt p{ font: 14px/24px "microsoft yahei"; color: #666;}
.content3 .xiantiao{ width: 408px; height: 383px; position: absolute; right: 500px; bottom: -282px; background: url(../image/p2.png) left top no-repeat; }

.bg3{ background: url(../image/l3.jpg) center center no-repeat; padding: 124px 0 80px;}
.content4{ width: 1200px; margin: 0 auto; font-size: 0; height: auto; position: relative;}
.content4 .pic{ display: inline-block; text-align: center;  vertical-align: middle; position: relative; z-index: 1;}
.content4 .pic img{ padding-top: 0px;}
.content4 .txt{ width: 490px; display: inline-block; vertical-align: middle; margin-left: 150px;}
.content4 .txt h3{ font: bold 39px/45px "microsoft yahei"; color: #5dd2dd;}
.content4 .txt h4{ font: 18px/32px "microsoft yahei"; color: #666; margin: 10px 0;}
.content4 .txt p{ font: 14px/24px "microsoft yahei"; color: #666;}
.content4 .xiantiao{ width: 353px; height: 370px; position: absolute; left: 328px; bottom: -292px; background: url(../image/p3.png) left top no-repeat; }

.bg4{ background: url(../image/l4.jpg) center center no-repeat; padding: 106px 0 90px;}
.content5{ width: 1200px; margin: 0 auto; font-size: 0; position: relative;}
.content5 .pic{ display: inline-block; text-align: center;  vertical-align: middle; position: relative; z-index: 1; margin-left: 80px;}
.content5 .txt{ width: 490px; display: inline-block; vertical-align: middle; margin-left: 0; text-align: right;}
.content5 .txt h3{ font: bold 39px/45px "microsoft yahei"; color: #5dd2dd;}
.content5 .txt h4{ font: 18px/32px "microsoft yahei"; color: #666; margin: 10px 0;}
.content5 .txt p{ font: 14px/24px "microsoft yahei"; color: #666;}
.content5 .xiantiao{ width: 408px; height: 383px; position: absolute; right: 500px; bottom: -295px; background: url(../image/p2.png) left top no-repeat; }

.bg5{ padding: 170px 0 80px; background: url(../image/l5.jpg) center center no-repeat;}
.content6{ width: 1200px; margin: 0 auto; font-size: 0; height: auto; position: relative;}
.content6 .pic{ display: inline-block; text-align: center;  vertical-align: middle; position: relative; z-index: 1;}
.content6 .pic img{ padding-top: 0px;}
.content6 .txt{ width: 490px; display: inline-block; vertical-align: middle; margin-left: 150px;}
.content6 .txt h3{ font: bold 39px/45px "microsoft yahei"; color: #5dd2dd;}
.content6 .txt h4{ font: 18px/32px "microsoft yahei"; color: #666; margin: 10px 0;}
.content6 .txt p{ font: 14px/24px "microsoft yahei"; color: #666;}
.content6 .xiantiao{ width: 302px; height: 303px; position: absolute; left: 328px; bottom: -222px; background: url(../image/p1.png) left top no-repeat; }

.bg6{ background: url(../image/l6.jpg) center center no-repeat; padding: 129px 0;}
.content7{ width: 1200px; margin: 0 auto; font-size: 0; position: relative;}
.content7 .pic{ display: inline-block; text-align: center;  vertical-align: middle; margin-top: -30px; position: relative; z-index: 1; margin-left: 80px;}
.content7 .txt{ width: 490px; display: inline-block; vertical-align: middle; margin-left: 0; text-align: right;}
.content7 .txt h3{ font: bold 39px/45px "microsoft yahei"; color: #5dd2dd;}
.content7 .txt h4{ font: 18px/32px "microsoft yahei"; color: #666; margin: 10px 0;}
.content7 .txt p{ font: 14px/24px "microsoft yahei"; color: #666;}
.content7 .xiantiao{ width: 408px; height: 383px; position: absolute; right: 500px; bottom: -282px; background: url(../image/p2.png) left top no-repeat; }

.bg7{ padding: 97px 0; background: url(../image/l7.jpg) center center no-repeat;}
.content8{ width: 1200px; margin: 0 auto; font-size: 0; height: auto; position: relative;}
.content8 .pic{ display: inline-block; text-align: center;  vertical-align: middle; position: relative; z-index: 1;}
.content8 .pic img{ padding-top: 0px;}
.content8 .txt{ width: 490px; display: inline-block; vertical-align: middle; margin-left: 150px;}
.content8 .txt h3{ font: bold 39px/45px "microsoft yahei"; color: #5dd2dd;}
.content8 .txt h4{ font: 18px/32px "microsoft yahei"; color: #666; margin: 10px 0;}
.content8 .txt p{ font: 14px/24px "microsoft yahei"; color: #666;}
.content8 .xiantiao{ width: 302px; height: 303px; position: absolute; left: 328px; bottom: -222px; background: url(../image/p1.png) left top no-repeat; }

.bg8{ padding: 123px 0 83px; background: url(../image/l1.jpg) center center no-repeat;}
.bg9{ background: url(../image/l2.jpg) center center no-repeat; padding: 96px 0;}

.box1{ display: none;}


@media only screen and (min-width: 1024px) and (max-width: 1199px) {
	.box2{ display: none;}
	.box1{ display: block;}
	
	
	.content1{ width: 98%; margin: 60px auto;}
.content1 .title{ text-align: center;}
.content1 .title h3{ font: 32px/42px "microsoft yahei"; color: #151515; margin-bottom: 8px;}
.content1 .title p{ font: 20px/24px "microsoft yahei"; color: #666;}
.content1 .list{ overflow: hidden; margin-top: 40px;}
.content1 .list li{ float: left; font-size: 0; margin-right: 0; width: 28%; margin-left: 5%;}
.content1 .list li:last-child{ margin-right: 0;}
.content1 .list li .pic{ display: inline-block; vertical-align: middle;}
.content1 .list li .txt{ display: inline-block; vertical-align: middle; width: 60%; margin-left: 10px;}
.content1 .list li .txt h3{ font: 18px/24px "microsoft yahei"; color: #333; margin-bottom: 4px;}
.content1 .list li .txt p{ font: 12px/24px "microsoft yahei"; color: #333;}

.content2{ width: 98%; margin: 0 auto; font-size: 0; height: auto; position: relative;}
.content2 .pic{ display: inline-block; text-align: center; width: 35%; margin-left: 10%;  vertical-align: middle; position: relative; z-index: 1; }
.content2 .pic img{ padding-top: 0px; display: block; width: 100%;}
.content2 .txt{ width: 40%; display: inline-block; vertical-align: middle; margin-left: 5%;}
.content2 .txt h3{ font: bold 39px/45px "microsoft yahei"; color: #5dd2dd;}
.content2 .txt h4{ font: 18px/32px "microsoft yahei"; color: #666; margin: 10px 0;}
.content2 .txt p{ font: 14px/24px "microsoft yahei"; color: #666;}

.content3{ width: 98%; margin: 0 auto; font-size: 0; position: relative;}
.content3 .pic{ display: inline-block; text-align: center; width: 35%;  vertical-align: middle; position: relative; z-index: 1; margin-left: 8%;}
.content3 .pic img{ display: block; width: 100%;}
.content3 .txt{ width: 40%; display: inline-block; vertical-align: middle; margin-left: 0; text-align: right;}
.content3 .txt h3{ font: bold 39px/45px "microsoft yahei"; color: #5dd2dd;}
.content3 .txt h4{ font: 18px/32px "microsoft yahei"; color: #666; margin: 10px 0;}
.content3 .txt p{ font: 14px/24px "microsoft yahei"; color: #666;}

.content4{ width: 98%; margin: 0 auto; font-size: 0; height: auto; position: relative;}
.content4 .pic{ display: inline-block; text-align: center;  width: 35%; margin-left: 10%; vertical-align: middle; position: relative; z-index: 1;}
.content4 .pic img{ padding-top: 0px; display: block; width: 100%;}
.content4 .txt{ width: 40%; display: inline-block; vertical-align: middle; margin-left: 5%;}
.content4 .txt h3{ font: bold 39px/45px "microsoft yahei"; color: #5dd2dd;}
.content4 .txt h4{ font: 18px/32px "microsoft yahei"; color: #666; margin: 10px 0;}
.content4 .txt p{ font: 14px/24px "microsoft yahei"; color: #666;}

.content5{ width: 98%; margin: 0 auto; font-size: 0; position: relative;}
.content5 .pic{ display: inline-block; text-align: center; width: 35%; vertical-align: middle; position: relative; z-index: 1; margin-left: 8%;}
.content5 .pic img{ display: block; width: 100%;}
.content5 .txt{ width: 40%; display: inline-block; vertical-align: middle; margin-left: 0; text-align: right;}
.content5 .txt h3{ font: bold 39px/45px "microsoft yahei"; color: #5dd2dd;}
.content5 .txt h4{ font: 18px/32px "microsoft yahei"; color: #666; margin: 10px 0;}
.content5 .txt p{ font: 14px/24px "microsoft yahei"; color: #666;}

.content6{ width: 98%; margin: 0 auto; font-size: 0; height: auto; position: relative;}
.content6 .pic{ display: inline-block; text-align: center; width: 35%; margin-left: 10%; vertical-align: middle; position: relative; z-index: 1;}
.content6 .pic img{ padding-top: 0px; display: block; width: 100%;}
.content6 .txt{ width: 40%; display: inline-block; vertical-align: middle; margin-left: 5%;}
.content6 .txt h3{ font: bold 39px/45px "microsoft yahei"; color: #5dd2dd;}
.content6 .txt h4{ font: 18px/32px "microsoft yahei"; color: #666; margin: 10px 0;}
.content6 .txt p{ font: 14px/24px "microsoft yahei"; color: #666;}

.content7{ width: 98%; margin: 0 auto; font-size: 0; position: relative;}
.content7 .pic{ display: inline-block; text-align: center; width: 35%; vertical-align: middle; margin-top: -30px; position: relative; z-index: 1; margin-left: 80px;}
.content7 .pic img{ display: block; width: 100%;}
.content7 .txt{ width: 40%; display: inline-block; vertical-align: middle; margin-left: 5%; text-align: right;}
.content7 .txt h3{ font: bold 39px/45px "microsoft yahei"; color: #5dd2dd;}
.content7 .txt h4{ font: 18px/32px "microsoft yahei"; color: #666; margin: 10px 0;}
.content7 .txt p{ font: 14px/24px "microsoft yahei"; color: #666;}

.content8{ width: 98%; margin: 0 auto; font-size: 0; height: auto; position: relative;}
.content8 .pic{ display: inline-block; text-align: center; width: 35%; margin-left: 10%;  vertical-align: middle; position: relative; z-index: 1;}
.content8 .pic img{ padding-top: 0px; display: block; width: 100%;}
.content8 .txt{ width: 40%; display: inline-block; vertical-align: middle; margin-left: 5%;}
.content8 .txt h3{ font: bold 39px/45px "microsoft yahei"; color: #5dd2dd;}
.content8 .txt h4{ font: 18px/32px "microsoft yahei"; color: #666; margin: 10px 0;}
.content8 .txt p{ font: 14px/24px "microsoft yahei"; color: #666;}
	
}

@media only screen and (min-width: 880px) and (max-width: 1024px) {
	.box2{ display: none;}
	.box1{ display: block;}
	
	
	.content1{ width: 98%; margin: 60px auto;}
.content1 .title{ text-align: center;}
.content1 .title h3{ font: 26px/32px "microsoft yahei"; color: #151515; margin-bottom: 8px;}
.content1 .title p{ font: 16px/24px "microsoft yahei"; color: #666;}
.content1 .list{ overflow: hidden; margin-top: 40px;}
.content1 .list li{ float: left; font-size: 0; margin-right: 0; width: 28%; margin-left: 5%;}
.content1 .list li:last-child{ margin-right: 0;}
.content1 .list li .pic{ display: inline-block; vertical-align: middle;}
.content1 .list li .txt{ display: inline-block; vertical-align: middle; width: 60%; margin-left: 10px;}
.content1 .list li .txt h3{ font: 16px/24px "microsoft yahei"; color: #333; margin-bottom: 4px;}
.content1 .list li .txt p{ font: 12px/24px "microsoft yahei"; color: #333;}

.content2{ width: 98%; margin: 0 auto; font-size: 0; height: auto; position: relative;}
.content2 .pic{ display: inline-block; text-align: center; width: 35%; margin-left: 10%;  vertical-align: middle; position: relative; z-index: 1; }
.content2 .pic img{ padding-top: 0px; display: block; width: 100%;}
.content2 .txt{ width: 40%; display: inline-block; vertical-align: middle; margin-left: 5%;}
.content2 .txt h3{ font: bold 26px/35px "microsoft yahei"; color: #5dd2dd;}
.content2 .txt h4{ font: 16px/32px "microsoft yahei"; color: #666; margin: 10px 0;}
.content2 .txt p{ font: 14px/24px "microsoft yahei"; color: #666;}

.content3{ width: 98%; margin: 0 auto; font-size: 0; position: relative;}
.content3 .pic{ display: inline-block; text-align: center; width: 35%;  vertical-align: middle; position: relative; z-index: 1; margin-left: 8%;}
.content3 .pic img{ display: block; width: 100%;}
.content3 .txt{ width: 40%; display: inline-block; vertical-align: middle; margin-left: 0; text-align: right;}
.content3 .txt h3{ font: bold 26px/35px "microsoft yahei"; color: #5dd2dd;}
.content3 .txt h4{ font: 16px/32px "microsoft yahei"; color: #666; margin: 10px 0;}
.content3 .txt p{ font: 14px/24px "microsoft yahei"; color: #666;}

.content4{ width: 98%; margin: 0 auto; font-size: 0; height: auto; position: relative;}
.content4 .pic{ display: inline-block; text-align: center;  width: 35%; margin-left: 10%; vertical-align: middle; position: relative; z-index: 1;}
.content4 .pic img{ padding-top: 0px; display: block; width: 100%;}
.content4 .txt{ width: 40%; display: inline-block; vertical-align: middle; margin-left: 5%;}
.content4 .txt h3{ font: bold 26px/35px "microsoft yahei"; color: #5dd2dd;}
.content4 .txt h4{ font: 16px/32px "microsoft yahei"; color: #666; margin: 10px 0;}
.content4 .txt p{ font: 14px/24px "microsoft yahei"; color: #666;}

.content5{ width: 98%; margin: 0 auto; font-size: 0; position: relative;}
.content5 .pic{ display: inline-block; text-align: center; width: 35%; vertical-align: middle; position: relative; z-index: 1; margin-left: 8%;}
.content5 .pic img{ display: block; width: 100%;}
.content5 .txt{ width: 40%; display: inline-block; vertical-align: middle; margin-left: 0; text-align: right;}
.content5 .txt h3{ font: bold 26px/35px "microsoft yahei"; color: #5dd2dd;}
.content5 .txt h4{ font: 16px/32px "microsoft yahei"; color: #666; margin: 10px 0;}
.content5 .txt p{ font: 14px/24px "microsoft yahei"; color: #666;}

.content6{ width: 98%; margin: 0 auto; font-size: 0; height: auto; position: relative;}
.content6 .pic{ display: inline-block; text-align: center; width: 35%; margin-left: 10%; vertical-align: middle; position: relative; z-index: 1;}
.content6 .pic img{ padding-top: 0px; display: block; width: 100%;}
.content6 .txt{ width: 40%; display: inline-block; vertical-align: middle; margin-left: 5%;}
.content6 .txt h3{ font: bold 26px/35px "microsoft yahei"; color: #5dd2dd;}
.content6 .txt h4{ font: 16px/32px "microsoft yahei"; color: #666; margin: 10px 0;}
.content6 .txt p{ font: 14px/24px "microsoft yahei"; color: #666;}

.content7{ width: 98%; margin: 0 auto; font-size: 0; position: relative;}
.content7 .pic{ display: inline-block; text-align: center; width: 35%; vertical-align: middle; margin-top: -30px; position: relative; z-index: 1; margin-left: 80px;}
.content7 .pic img{ display: block; width: 100%;}
.content7 .txt{ width: 40%; display: inline-block; vertical-align: middle; margin-left: 5%; text-align: right;}
.content7 .txt h3{ font: bold 26px/35px "microsoft yahei"; color: #5dd2dd;}
.content7 .txt h4{ font: 16px/32px "microsoft yahei"; color: #666; margin: 10px 0;}
.content7 .txt p{ font: 14px/24px "microsoft yahei"; color: #666;}

.content8{ width: 98%; margin: 0 auto; font-size: 0; height: auto; position: relative;}
.content8 .pic{ display: inline-block; text-align: center; width: 35%; margin-left: 10%;  vertical-align: middle; position: relative; z-index: 1;}
.content8 .pic img{ padding-top: 0px; display: block; width: 100%;}
.content8 .txt{ width: 40%; display: inline-block; vertical-align: middle; margin-left: 5%;}
.content8 .txt h3{ font: bold 26px/35px "microsoft yahei"; color: #5dd2dd;}
.content8 .txt h4{ font: 16px/32px "microsoft yahei"; color: #666; margin: 10px 0;}
.content8 .txt p{ font: 14px/24px "microsoft yahei"; color: #666;}
}

@media only screen and (min-width: 640px) and (max-width: 879px) {
	.box2{ display: none;}
	.box1{ display: block;}
	
	
	.content1{ width: 98%; margin: 60px auto;}
.content1 .title{ text-align: center;}
.content1 .title h3{ font: 26px/32px "microsoft yahei"; color: #151515; margin-bottom: 8px;}
.content1 .title p{ font: 16px/24px "microsoft yahei"; color: #666;}
.content1 .list{ overflow: hidden; margin-top: 40px;}
.content1 .list li{ float: left; font-size: 0; margin-right: 0; width: 28%; margin-left: 5%;}
.content1 .list li:last-child{ margin-right: 0;}
.content1 .list li .pic{ display: inline-block; vertical-align: middle;}
.content1 .list li .txt{ display: inline-block; vertical-align: middle; width: 60%; margin-left: 10px;}
.content1 .list li .txt h3{ font: 16px/24px "microsoft yahei"; color: #333; margin-bottom: 4px;}
.content1 .list li .txt p{ font: 12px/24px "microsoft yahei"; color: #333;}

.content2{ width: 98%; margin: 0 auto; font-size: 0; height: auto; position: relative;}
.content2 .pic{ display: inline-block; text-align: center; width: 35%; margin-left: 10%;  vertical-align: middle; position: relative; z-index: 1; }
.content2 .pic img{ padding-top: 0px; display: block; width: 100%;}
.content2 .txt{ width: 40%; display: inline-block; vertical-align: middle; margin-left: 5%;}
.content2 .txt h3{ font: bold 26px/35px "microsoft yahei"; color: #5dd2dd;}
.content2 .txt h4{ font: 16px/32px "microsoft yahei"; color: #666; margin: 10px 0;}
.content2 .txt p{ font: 14px/24px "microsoft yahei"; color: #666;}

.content3{ width: 98%; margin: 0 auto; font-size: 0; position: relative;}
.content3 .pic{ display: inline-block; text-align: center; width: 35%;  vertical-align: middle; position: relative; z-index: 1; margin-left: 8%;}
.content3 .pic img{ display: block; width: 100%;}
.content3 .txt{ width: 40%; display: inline-block; vertical-align: middle; margin-left: 0; text-align: right;}
.content3 .txt h3{ font: bold 26px/35px "microsoft yahei"; color: #5dd2dd;}
.content3 .txt h4{ font: 16px/32px "microsoft yahei"; color: #666; margin: 10px 0;}
.content3 .txt p{ font: 14px/24px "microsoft yahei"; color: #666;}

.content4{ width: 98%; margin: 0 auto; font-size: 0; height: auto; position: relative;}
.content4 .pic{ display: inline-block; text-align: center;  width: 35%; margin-left: 10%; vertical-align: middle; position: relative; z-index: 1;}
.content4 .pic img{ padding-top: 0px; display: block; width: 100%;}
.content4 .txt{ width: 40%; display: inline-block; vertical-align: middle; margin-left: 5%;}
.content4 .txt h3{ font: bold 26px/35px "microsoft yahei"; color: #5dd2dd;}
.content4 .txt h4{ font: 16px/32px "microsoft yahei"; color: #666; margin: 10px 0;}
.content4 .txt p{ font: 14px/24px "microsoft yahei"; color: #666;}

.content5{ width: 98%; margin: 0 auto; font-size: 0; position: relative;}
.content5 .pic{ display: inline-block; text-align: center; width: 35%; vertical-align: middle; position: relative; z-index: 1; margin-left: 8%;}
.content5 .pic img{ display: block; width: 100%;}
.content5 .txt{ width: 40%; display: inline-block; vertical-align: middle; margin-left: 0; text-align: right;}
.content5 .txt h3{ font: bold 26px/35px "microsoft yahei"; color: #5dd2dd;}
.content5 .txt h4{ font: 16px/32px "microsoft yahei"; color: #666; margin: 10px 0;}
.content5 .txt p{ font: 14px/24px "microsoft yahei"; color: #666;}

.content6{ width: 98%; margin: 0 auto; font-size: 0; height: auto; position: relative;}
.content6 .pic{ display: inline-block; text-align: center; width: 35%; margin-left: 10%; vertical-align: middle; position: relative; z-index: 1;}
.content6 .pic img{ padding-top: 0px; display: block; width: 100%;}
.content6 .txt{ width: 40%; display: inline-block; vertical-align: middle; margin-left: 5%;}
.content6 .txt h3{ font: bold 26px/35px "microsoft yahei"; color: #5dd2dd;}
.content6 .txt h4{ font: 16px/32px "microsoft yahei"; color: #666; margin: 10px 0;}
.content6 .txt p{ font: 14px/24px "microsoft yahei"; color: #666;}

.content7{ width: 98%; margin: 0 auto; font-size: 0; position: relative;}
.content7 .pic{ display: inline-block; text-align: center; width: 35%; vertical-align: middle; margin-top: -30px; position: relative; z-index: 1; margin-left: 80px;}
.content7 .pic img{ display: block; width: 100%;}
.content7 .txt{ width: 40%; display: inline-block; vertical-align: middle; margin-left: 5%; text-align: right;}
.content7 .txt h3{ font: bold 26px/35px "microsoft yahei"; color: #5dd2dd;}
.content7 .txt h4{ font: 16px/32px "microsoft yahei"; color: #666; margin: 10px 0;}
.content7 .txt p{ font: 14px/24px "microsoft yahei"; color: #666;}

.content8{ width: 98%; margin: 0 auto; font-size: 0; height: auto; position: relative;}
.content8 .pic{ display: inline-block; text-align: center; width: 35%; margin-left: 10%;  vertical-align: middle; position: relative; z-index: 1;}
.content8 .pic img{ padding-top: 0px; display: block; width: 100%;}
.content8 .txt{ width: 40%; display: inline-block; vertical-align: middle; margin-left: 5%;}
.content8 .txt h3{ font: bold 26px/35px "microsoft yahei"; color: #5dd2dd;}
.content8 .txt h4{ font: 16px/32px "microsoft yahei"; color: #666; margin: 10px 0;}
.content8 .txt p{ font: 14px/24px "microsoft yahei"; color: #666;}
}

@media only screen and (min-width: 320px) and (max-width: 639px) {
	.box2{ display: none;}
	.box1{ display: block;}
	
	.bg1{ padding: 30px 0;  }
.bg2{  padding: 30px 0; }
	
	.content1{ width: 98%; margin: 60px auto;}
.content1 .title{ text-align: center;}
.content1 .title h3{ font: 26px/32px "microsoft yahei"; color: #151515; margin-bottom: 8px;}
.content1 .title p{ font: 16px/24px "microsoft yahei"; color: #666;}
.content1 .list{ overflow: hidden; margin-top: 40px;}
.content1 .list li{ float: none; font-size: 0; margin-right: 0; width: 90%; margin-left: 5%; margin-bottom: 15px;}
.content1 .list li:last-child{ margin-right: 0;}
.content1 .list li .pic{ display: inline-block; vertical-align: middle;}
.content1 .list li .txt{ display: inline-block; vertical-align: middle; width: 60%; margin-left: 10px;}
.content1 .list li .txt h3{ font: 16px/24px "microsoft yahei"; color: #333; margin-bottom: 4px;}
.content1 .list li .txt p{ font: 12px/24px "microsoft yahei"; color: #333;}

.content2{ width: 98%; margin: 0 auto; font-size: 0; height: auto; position: relative;}
.content2 .pic{ display: inline-block; text-align: center; width: 35%; margin-left: 10%;  vertical-align: middle; position: relative; z-index: 1; }
.content2 .pic img{ padding-top: 0px; display: block; width: 100%;}
.content2 .txt{ width: 40%; display: inline-block; vertical-align: middle; margin-left: 5%;}
.content2 .txt h3{ font: bold 16px/25px "microsoft yahei"; color: #5dd2dd;}
.content2 .txt h4{ font: 14px/21px "microsoft yahei"; color: #666; margin: 10px 0;}
.content2 .txt p{ font: 12px/20px "microsoft yahei"; color: #666;}

.content3{ width: 98%; margin: 0 auto; font-size: 0; position: relative;}
.content3 .pic{ display: inline-block; text-align: center; width: 35%;  vertical-align: middle; position: relative; z-index: 1; margin-left: 8%;}
.content3 .pic img{ display: block; width: 100%;}
.content3 .txt{ width: 40%; display: inline-block; vertical-align: middle; margin-left: 0; text-align: right;}
.content3 .txt h3{ font: bold 16px/25px "microsoft yahei"; color: #5dd2dd;}
.content3 .txt h4{ font: 14px/21px "microsoft yahei"; color: #666; margin: 10px 0;}
.content3 .txt p{ font: 12px/20px "microsoft yahei"; color: #666;}

.content4{ width: 98%; margin: 0 auto; font-size: 0; height: auto; position: relative;}
.content4 .pic{ display: inline-block; text-align: center;  width: 35%; margin-left: 10%; vertical-align: middle; position: relative; z-index: 1;}
.content4 .pic img{ padding-top: 0px; display: block; width: 100%;}
.content4 .txt{ width: 40%; display: inline-block; vertical-align: middle; margin-left: 5%;}
.content4 .txt h3{ font: bold 16px/25px "microsoft yahei"; color: #5dd2dd;}
.content4 .txt h4{ font: 14px/21px "microsoft yahei"; color: #666; margin: 10px 0;}
.content4 .txt p{ font: 12px/20px "microsoft yahei"; color: #666;}

.content5{ width: 98%; margin: 0 auto; font-size: 0; position: relative;}
.content5 .pic{ display: inline-block; text-align: center; width: 35%; vertical-align: middle; position: relative; z-index: 1; margin-left: 8%;}
.content5 .pic img{ display: block; width: 100%;}
.content5 .txt{ width: 40%; display: inline-block; vertical-align: middle; margin-left: 0; text-align: right;}
.content5 .txt h3{ font: bold 16px/25px "microsoft yahei"; color: #5dd2dd;}
.content5 .txt h4{ font: 14px/21px "microsoft yahei"; color: #666; margin: 10px 0;}
.content5 .txt p{ font: 12px/20px "microsoft yahei"; color: #666;}

.content6{ width: 98%; margin: 0 auto; font-size: 0; height: auto; position: relative;}
.content6 .pic{ display: inline-block; text-align: center; width: 35%; margin-left: 10%; vertical-align: middle; position: relative; z-index: 1;}
.content6 .pic img{ padding-top: 0px; display: block; width: 100%;}
.content6 .txt{ width: 40%; display: inline-block; vertical-align: middle; margin-left: 5%;}
.content6 .txt h3{ font: bold 16px/25px "microsoft yahei"; color: #5dd2dd;}
.content6 .txt h4{ font: 14px/21px "microsoft yahei"; color: #666; margin: 10px 0;}
.content6 .txt p{ font: 12px/20px "microsoft yahei"; color: #666;}

.content7{ width: 98%; margin: 0 auto; font-size: 0; position: relative;}
.content7 .pic{ display: inline-block; text-align: center; width: 35%; vertical-align: middle; margin-top: -30px; position: relative; z-index: 1; margin-left: 10%;}
.content7 .pic img{ display: block; width: 100%;}
.content7 .txt{ width: 40%; display: inline-block; vertical-align: middle; margin-left: 5%; text-align: right;}
.content7 .txt h3{ font: bold 16px/25px "microsoft yahei"; color: #5dd2dd;}
.content7 .txt h4{ font: 14px/21px "microsoft yahei"; color: #666; margin: 10px 0;}
.content7 .txt p{ font: 12px/20px "microsoft yahei"; color: #666;}

.content8{ width: 98%; margin: 0 auto; font-size: 0; height: auto; position: relative;}
.content8 .pic{ display: inline-block; text-align: center; width: 35%; margin-left: 10%;  vertical-align: middle; position: relative; z-index: 1;}
.content8 .pic img{ padding-top: 0px; display: block; width: 100%;}
.content8 .txt{ width: 40%; display: inline-block; vertical-align: middle; margin-left: 5%;}
.content8 .txt h3{ font: bold 16px/25px "microsoft yahei"; color: #5dd2dd;}
.content8 .txt h4{ font: 14px/21px "microsoft yahei"; color: #666; margin: 10px 0;}
.content8 .txt p{ font: 12px/20px "microsoft yahei"; color: #666;}
}