.content1{ width: 1200px; margin: 40px auto;}
.content1 h2{ font: 36px/44px "microsoft yahei"; color: #333; text-align: center;}
.content1 .list{ font-size: 0; margin-top: 80px; overflow: hidden;}
.content1 .list .pic{ display: inline-block; text-align: center; width: 50%; vertical-align: middle; transition: 1s all; -webkit-transition: 1s all;}
.content1 .list .txt{ display: inline-block; width: 50%; vertical-align: middle; transition: 1s all; -webkit-transition: 1s all;}
.content1 .list .txt h3{ font: bold 26px/32px "microsoft yahei"; color: #cccccc; margin-bottom: 10px;}
.content1 .list .txt p{ font: 14px/24px "microsoft yahei"; color: #666;}
.content1 .list .txt p span{ color: #ffc019;}
.content1 .list .txt .tips{ font: 14px/24px "microsoft yahei"; color: #999; margin-top: 10px;}
.content1 .list .txt .tit{ display: inline-block; font: 26px/40px "microsoft yahei"; color: #fff; background: #4BCDD9; padding: 0 15px;}
.content1 .list .txt h4{ font: 18px/24px "microsoft yahei"; color: #999; margin: 10px 0;}
.content1 .list .txt td{ font-size: 0; padding-bottom: 10px;}
.content1 .list .txt td img{ display: inline-block; vertical-align: middle;}
.content1 .list .txt td .box{ display: inline-block; vertical-align: middle; margin: 0 10px;}
.content1 .list .txt td .box h3{ font: 18px/18px "microsoft yahei"; color: #333;}
.content1 .list .txt td .box p{ font: 14px/16px "microsoft yahei"; color: #999;}
.content1 .list .t1{ text-align: right;}
.content1 .list .t1 p{ font-size: 12px;}
.content1 .list .t1 h3 span{ color: #FFC019;}
.content1 .cur1 .pic,.content1 .cur2 .txt{ transform: translateX(-100%); -webkit-transform: translateX(-100%);}
.content1 .cur1 .txt,.content1 .cur2 .pic{ transform: translateX(100%); -webkit-transform: translateX(100%);}

.warp{ padding: 50px 0; background: #f9fafa; }
.warp p{ max-width: 1200px;  margin: 40px auto; }

.content2{ text-align: center;}
.content2 h3{ font: 36px/44px "microsoft yahei"; color: #333; margin-bottom: 12px;}
.content2 p{ font: 14px/24px "microsoft yahei"; color: #333;}
.content2 img{ display: block; margin: 60px auto 30px;}

.content3{ width: 1200px; margin: 70px auto;}
.content3 h3{ font: 36px/44px "microsoft yahei"; color: #333; text-align: center; margin-bottom: 10px;}
.content3 p{ font: 14px/24px "microsoft yahei"; color: #333; text-align: center;}
.content3 .list{ margin-top: 15px; overflow: hidden;}
.content3 .list li{ width: 285px; float: left; margin: 0 7px;}

.navsubmit{ position: fixed; top: 50%; left: 1px;}
.navsubmit li{ width: 56px; height: 56px; border-radius: 50%; border: 2px solid #4bcdd9; background-color: #4BCDD9; background-position: center center; background-repeat: no-repeat; margin-bottom: 5px; cursor: pointer; position: relative;}
.navsubmit li.cur{ background-color: #FFB830; border-color: #ffd480;}
.navsubmit li .jj{ position: absolute; left: 65px; top: 0; font: 12px/56px "microsoft yahei"; color: #ffb830; white-space: nowrap; display: none;}
.navsubmit li.cur .jj{ display: block;}
.navsubmit li a{ display: block; width: 100%; height: 100%;}
.navsubmit li:nth-child(1){ background-image: url(../image/d1.png);}
.navsubmit li:nth-child(2){ background-image: url(../image/d2.png);}
.navsubmit li:nth-child(3){ background-image: url(../image/d3.png);}
.navsubmit li:nth-child(4){ background-image: url(../image/d4.png);}
.navsubmit li:nth-child(5){ background-image: url(../image/d5.png);}
.navsubmit li:nth-child(6){ background-image: url(../image/d6.png);}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
	.content1{ width: 98%; }
.content1 h2{ font: 26px/34px "microsoft yahei"; }
.content1 .list{ font-size: 0; margin-top: 80px;}
.content1 .list .pic{ display: inline-block; text-align: center; width: 50%; vertical-align: middle;}
.content1 .list .txt{ display: inline-block; width: 50%; vertical-align: middle;}
.content1 .list .txt h3{ font: bold 20px/32px "microsoft yahei"; color: #cccccc; margin-bottom: 10px;}
.content1 .list .txt p{ font: 14px/24px "microsoft yahei"; color: #666;}
.content1 .list .txt p span{ color: #ffc019;}
.content1 .list .txt .tips{ font: 14px/24px "microsoft yahei"; color: #999; margin-top: 10px;}
.content1 .list .txt .tit{ display: inline-block; font: 20px/40px "microsoft yahei"; color: #fff; background: #4BCDD9; padding: 0 15px;}
.content1 .list .txt h4{ font: 16px/24px "microsoft yahei"; color: #999; margin: 10px 0;}
.content1 .list .txt td{ font-size: 0; padding-bottom: 10px;}
.content1 .list .txt td img{ display: inline-block; vertical-align: middle;}
.content1 .list .txt td .box{ display: inline-block; vertical-align: middle; margin: 0 5px;}
.content1 .list .txt td .box h3{ font: 16px/18px "microsoft yahei"; color: #333;}
.content1 .list .txt td .box p{ font: 12px/16px "microsoft yahei"; color: #999;}
.content1 .list .t1{ text-align: right;}
.content1 .list .t1 p{ font-size: 12px;}
.content1 .list .t1 h3 span{ color: #FFC019;}

.warp{ padding: 50px 0; background: #f9fafa;}
.content2{ text-align: center;}
.content2 h3{ font: 26px/34px "microsoft yahei"; color: #333; margin-bottom: 12px;}
.content2 p{ font: 14px/24px "microsoft yahei"; color: #333;}
.content2 img{ display: block; width: 50%; margin: 60px auto 30px;}

.content3{ width: 98%; margin: 70px auto;}
.content3 h3{ font: 26px/34px "microsoft yahei"; color: #333; text-align: center; margin-bottom: 10px;}
.content3 p{ font: 14px/24px "microsoft yahei"; color: #333; text-align: center;}
.content3 .list{ margin-top: 15px; overflow: hidden;}
.content3 .list li{ width: 21%; float: left; margin: 0 2%;}
.content3 .list li img{ display: block; width: 100%;}
}

@media only screen and (min-width: 640px) and (max-width: 959px) {
	.navsubmit{ display: none;}
	.content1{ width: 98%; }
.content1 h2{ font: 26px/34px "microsoft yahei"; }
.content1 .list{ font-size: 0; margin-top: 40px;}
.content1 .list .pic{ display: inline-block; text-align: center; width: 50%; vertical-align: middle;}
.content1 .list .pic img{ display: inline-block; width: 50%;}
.content1 .list .txt{ display: inline-block; width: 50%; vertical-align: middle;}
.content1 .list .txt h3{ font: bold 20px/32px "microsoft yahei"; color: #cccccc; margin-bottom: 10px;}
.content1 .list .txt p{ font: 14px/24px "microsoft yahei"; color: #666;}
.content1 .list .txt p span{ color: #ffc019;}
.content1 .list .txt .tips{ font: 14px/24px "microsoft yahei"; color: #999; margin-top: 10px;}
.content1 .list .txt .tit{ display: inline-block; font: 20px/40px "microsoft yahei"; color: #fff; background: #4BCDD9; padding: 0 15px;}
.content1 .list .txt h4{ font: 16px/24px "microsoft yahei"; color: #999; margin: 10px 0;}
.content1 .list .txt td{ font-size: 0; padding-bottom: 10px; vertical-align: top;}
.content1 .list .txt td img{ display: none;}
.content1 .list .txt td .box{ display: inline-block; vertical-align: middle; margin: 0 5px;}
.content1 .list .txt td .box h3{ font: 14px/18px "microsoft yahei"; color: #333; margin-bottom: 0;}
.content1 .list .txt td .box p{ font: 12px/16px "microsoft yahei"; color: #999;}
.content1 .list .t1{ text-align: right;}
.content1 .list .t1 p{ font-size: 12px;}
.content1 .list .t1 h3 span{ color: #FFC019;}

.warp{ padding: 50px 0; background: #f9fafa;}
.content2{ text-align: center;}
.content2 h3{ font: 26px/34px "microsoft yahei"; color: #333; margin-bottom: 12px;}
.content2 p{ font: 14px/24px "microsoft yahei"; color: #333;}
.content2 img{ display: block; width: 50%; margin: 60px auto 30px;}

.content3{ width: 98%; margin: 70px auto;}
.content3 h3{ font: 26px/34px "microsoft yahei"; color: #333; text-align: center; margin-bottom: 10px;}
.content3 p{ font: 14px/24px "microsoft yahei"; color: #333; text-align: center;}
.content3 .list{ margin-top: 15px; overflow: hidden;}
.content3 .list li{ width: 21%; float: left; margin: 0 2%;}
.content3 .list li img{ display: block; width: 100%;}
}

@media only screen and (min-width: 320px) and (max-width: 639px) {
	.navsubmit{ display: none;}
	.content1{ width: 98%; }
.content1 h2{ font: 26px/34px "microsoft yahei"; }
.content1 .list{ font-size: 0; margin-top: 5px; border: 1px solid #ddd; padding: 8px;}
.content1 .list .pic{display: none;}
.content1 .list .pic img{ display: inline-block; width: 50%;}
.content1 .list .txt{ display: inline-block; width: 100%; vertical-align: middle;}
.content1 .list .txt h3{ font: 16px/32px "microsoft yahei"; color: #cccccc; margin-bottom: 0;}
.content1 .list .txt p{ font: 13px/24px "microsoft yahei"; color: #666;}
.content1 .list .txt p span{ color: #ffc019;}
.content1 .list .txt .tips{ font: 12px/20px "microsoft yahei"; color: #999; margin-top: 10px;}
.content1 .list .txt .tit{ display: inline-block; font: 20px/40px "microsoft yahei"; color: #fff; background: #4BCDD9; padding: 0 15px;}
.content1 .list .txt h4{ font: 16px/24px "microsoft yahei"; color: #999; margin: 10px 0;}
.content1 .list .txt td{ font-size: 0; padding-bottom: 10px; vertical-align: top;}
.content1 .list .txt td img{ display: none;}
.content1 .list .txt td .box{ display: inline-block; vertical-align: middle; margin: 0 5px;}
.content1 .list .txt td .box h3{ font: 14px/18px "microsoft yahei"; color: #333; margin-bottom: 0;}
.content1 .list .txt td .box p{ font: 12px/16px "microsoft yahei"; color: #999;}
.content1 .list .t1{ text-align: left;}
.content1 .list .t1 p{ font-size: 12px;}
.content1 .list .t1 h3 span{ color: #FFC019;}

.warp{ padding: 50px 0; background: #f9fafa;}
.content2{ text-align: center;}
.content2 h3{ font: 26px/34px "microsoft yahei"; color: #333; margin-bottom: 12px;}
.content2 p{ font: 14px/24px "microsoft yahei"; color: #333;}
.content2 img{ display: block; width: 80%; margin: 60px auto 30px;}

.content3{ width: 98%; margin: 70px auto;}
.content3 h3{ font: 26px/34px "microsoft yahei"; color: #333; text-align: center; margin-bottom: 10px;}
.content3 p{ font: 14px/24px "microsoft yahei"; color: #333; text-align: center;}
.content3 .list{ margin-top: 15px; overflow: hidden;}
.content3 .list li{ width: 46%; float: left; margin: 0 2%;}
.content3 .list li img{ display: block; width: 100%;}
}