/*****数字档案系统介绍页******/

.content-body {
	/* margin-top: 80px; */
}


/*************第一部分***************/

.content-1 {
	position: relative;
	background-image: linear-gradient(#e9d8a6, #ecbf32);
	width: 100%;
	height: auto;
	overflow: hidden;
}

.content-1-middle{
	position:relative;
	max-width:1366px;
	margin:20px auto 0 auto;
	overflow:hidden;
}

.szda-title {
 	position: relative;
	margin-top:0;
	margin-left:0px;
}

.szda-title-text {
	width: auto;
	float: right;
	top: -49.5px;
	position: relative;
	left: 58px;
}

.szda-title-text p {
	margin: 0;
	padding: 0;
	color: #fa6751;
}

.szda-title-text p.china {
	font-size: 21px;
	font-weight: 600;
	letter-spacing: 23.2px;
}

.szda-title-text p.english {
	font-size: 15px;
	font-weight: 600;
}

.szda-intro {
	width: 50%;
	margin-top:52px;
	float:left;
}

.szda-intro p {
	margin: 0;
	padding: 0;
}

.szda-intro-text {
	width: 100%;
	overflow: hidden;
	padding: 0 5px;
	text-indent: 2em;
	line-height: 30px;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: 500;
}

.sy-btn {
	width:120px;
	margin:30px auto 60px auto;
	opacity:0;
}

.sy-btn img{
	cursor:pointer;
	width: 120px;
    height: 35px;
	
}

.szda-flag {
	position: absolute;
	top: 0px;
	right:0px;
	cursor:pointer;
}

.szda-flag-icon img {
	display: inline-block;
}

.szda-flag-text {
	color: white;
	font-size: 15px;
	position: relative;
	top: -10px;
	display: inline-block;
}

.szda-shou {
	/*position: absolute;
	bottom: 60px;
	right: 0px;*/
	margin-top:52px;
	float:right;
	opacity:0;
}

.szda-shou img{
    width: 380px;
    height: 243px;
}


/*************第一部分end***************/


/*************第二部分******************/

.content-2 {
	position: relative;
	background: white;
	width: 100%;
	height: auto;
}

.content-2-middle{
    position: relative;
    max-width:1366px;
    margin: 0 auto;
    overflow:hidden;
}

.second-left {
/* 	position: absolute;
	top: 135px;
	left: 50px; */
	margin:70px auto 22px auto;
	float:left;
	opacity:0;
}
.second-left div h3{
	margin:0;
	font-size:18px;
	line-height:18px;
}
.second-left div p{
	margin:8px auto;
	line-height:30px;
	font-size:16px;
	color:black;
}
.second-left div{
    overflow:hidden;
	margin-bottom:40px;
}


.second-right {
/*     position: absolute; */
/*     top: 89px; */
/*     right: 50px; */
	float:right;
	margin:74px auto;
    opacity: 1;
}


/*************第二部分end******************/


/*************第三部分******************/

.content-3 {
	position: relative;
	background-image: linear-gradient(#d2e2bd, #87b14f);
	width: 100%;
}

.content-3-middle{
	position:relative;
	max-width:1366px;
	margin:0 auto;
	overflow:hidden;
}

.third-left {
/* 	position: absolute; */
/* 	top: 100px; */
/* 	left: 50px; */
	float:left;
	margin:70px auto;
	opacity:0;
}

.third-right {
/* 	position: absolute; */
/* 	top: 177px; */
/* 	right: 100px; */
	width:34.2%;
	float:right;
	margin:102px auto 0 auto;
	opacity:0;
}

.third-right .third-right-up,
.third-right .third-right-down {
	width: 450px;
	color: white;
}

.third-right-up {
	position: relative;
}

.right-up-text {
/* 	position: absolute; */
/* 	top: -3px; */
/* 	left: 60px; */
	padding-left:60px;
	background:url("../img/szda_third_icon1.png") no-repeat top left;
	margin-bottom:40px;
}

.right-up-text h3 {
	margin: 0;
	padding: 0;
	font-size:18px;
	line-height:18px;
	color:white;
}

.right-up-text p {
	margin:8px auto;
	line-height:30px;
	font-size:16px;
	color:white;
}

.third-right-down {
/* 	position: relative; */
/* 	top: 80px; */
/* 	left: -5px; */
}

.right-down-text {
/* 	position: absolute; */
/* 	top: -3px; */
/* 	left: 67px; */
	padding-left:60px;
	background:url("../img/szda_third_icon2.png") no-repeat top left;
}

.right-down-text h3 {
	margin: 0;
	padding: 0;
	font-size:18px;
	line-height:18px;
	color:white;
}

.right-down-text p {
	margin:8px auto;
	line-height:30px;
	font-size:16px;
	color:white;
}


/*************第三部分end******************/


/*************第四部分*********************/

.content-4 {
	position: relative;
	background: white;
	width: 100%;
}

.content-4-middle{
	position:relative;
	max-width:1366px;
	margin:0 auto;
	overflow:hidden;
}

.four-left {
/* 	position: absolute; */
/* 	top: 90px; */
/* 	left: 50px; */
	width:34.2%;
	float:left;
	opacity:0;
}

.four-left h3{
	margin: 0;
	padding: 0;
	font-size:18px;
	line-height:18px;
}
.four-left p {
	margin:8px auto;
	line-height:30px;
	font-size:16px;
	color:black;
}

.four-left-down {
/* 	margin-top: 30px; */
/* 	width: 612px; */
/* 	position: relative; */
}

.four-left-down-text {
/* 	position: absolute; */
/* 	top: 0px; */
/* 	left: 65px; */
	margin:0 0 25px 0;
	padding-left:60px;
	background:url("../img/szda_four_left2.png") no-repeat top left;
}

.four-left-down-text p {
/* 	margin-top: 10px; */
}

.four-right {
/* 	position: absolute; */
/* 	top: 100px; */
/* 	right: 100px; */
	width:34.2%;
	float:right;
	opacity:0;
}

.four-right h3{
	margin: 0;
	padding: 0;
	font-size:18px;
	line-height:18px;
}
.four-right p {
	margin:8px auto;
	line-height:30px;
	font-size:16px;
	color:black;
}

.four-right-down {
/* 	margin-top: 30px; */
/* 	width: 612px; */
	position: relative;
}
.four-left img,.four-right img{
	margin:30px auto 20px auto;
}
.four-right-down-text {
/* 	position: absolute; */
/* 	top: 0px; */
/* 	left: 65px; */
	margin:0 0 25px 0;
	padding-left:60px;
	background:url("../img/szda_four_right2.png") no-repeat top left;
}

.four-right-down-text p {
	margin-top: 10px;
}


/*************第四部分end******************/


/*************第五部分******************/

.content-5 {
	position: relative;
	background-image: linear-gradient(#a0e2fe, #4f9abe);
	background-size: cover;
	width: 100%;
}

.content-5-middle{
	position:relative;
	max-width:1366px;
	margin:0 auto;
	overflow:hidden;
}

.five-left {
/* 	position: absolute; */
/* 	top: 125px; */
/* 	left: 50px; */
	float:left;
	opacity:0;
	width:34.2%;
	margin:70px auto;
}

.five-right {
/* 	position: absolute; */
/* 	top: 177px; */
/* 	right: 100px; */
	float:right;
	opacity:0;
	width:34.2%;
	margin:110px auto 0 auto;
}
.five-left img{
	width:100%;
	display:block;
}

.five-right .five-right-up,
.five-right .five-right-down {
/* 	width: 450px; */
	color: white;
}

.five-right-up {
	position: relative;
}

.five-right-up-text {
/* 	position: absolute; */
/* 	top: -3px; */
/* 	left: 60px; */
	padding-left:60px;
	background:url("../img/szda_five_right1.png") no-repeat top left;
	margin-bottom: 40px;
}

.five-right-up-text h3 {
	margin: 0;
	padding: 0;
	font-size:18px;
	line-height:18px;
	color:white;
}

.five-right-up-text p {
	margin:8px auto;
	line-height:30px;
	font-size:16px;
	color:white;
}

.five-right-down {
/* 	position: relative; */
/* 	top: 80px; */
/* 	left: -5px; */
	padding-left:60px;
	background:url("../img/szda_five_right2.png") no-repeat top left;
}

.five-right-down-text {
/* 	position: absolute; */
/* 	top: -3px; */
/* 	left: 67px; */
}

.five-right-down-text h3 {
	margin: 0;
	padding: 0;
	font-size:18px;
	line-height:18px;
	color:white;
}

.five-right-down-text p {
	margin:8px auto;
	line-height:30px;
	font-size:16px;
	color:white;
}


/*************第五部分end******************/


/*************第六部分******************/

.content-6 {
	position: relative;
	background: white;
	width: 100%;
}

.content-6-middle{
	position:relative;
	max-width:1366px;
	margin:0 auto;
	overflow:hidden;
}

.six-left {
	width: 34.2%;
/* 	position: absolute; */
/* 	top: 145px; */
/* 	left: 50px; */
	float:left;
	opacity:0;
	margin:110px auto 100px auto;
}
.six-left h3 {
	margin: 0;
	padding: 0;
	font-size:18px;
	line-height:18px;
}

.six-left p {
	margin:8px auto;
	line-height:30px;
	font-size:16px;
}
.six-right {
/* 	position: absolute; */
/* 	top: 145px; */
/* 	right: 100px; */
	opacity:0;
	float:right;
	margin:100px auto;
}


/*************第六部分end******************/


/*************第七部分******************/

.content-7 {
	position: relative;
	background-image: linear-gradient(#eaf4fd, #c2e4f8);
	width: 100%;
}

.content-7-middle{
	position:relative;
	max-width:1366px;
	margin:0 auto;
	overflow:hidden;
}

.seven-left {
	position: absolute;
	top: 140px;
	left: 188px;
	opacity:0;
}

.seven-left div {
	margin-top: 40px;
}

.seven-title {
/* 	position: absolute; */
/* 	top: 50px; */
/* 	left: 45%; */
	display:block;
	text-align:center;
	font-size:18px;
	line-height:18px;
	margin: 50px auto;
}

.seven-icon {
	display: inline-block;
}

.seven-note {
	position: relative;
	top: -2px;
	padding-left: 10px;
}

.seven-middle img {
	margin: 0 auto 44px auto;
}

.seven-right {
	position: absolute;
	top: 140px;
	right: 166px;
	opacity:0;
}

.seven-right div {
	margin-top: 40px;
}


/*************第七部分end******************/


/*************第八部分******************/

.content-8 {
	position: relative;
	background: white;
	width: 100%;
}

.content-8-middle{
	position:relative;
	max-width:1366px;
	margin:0 auto;
	overflow:hidden;
	padding-bottom:70px;
}

.eight-title {
	
	display:block;
	text-align:center;
	font-size:18px;
	line-height:18px;
	margin: 50px auto;
}

.eight-point {
	float:left;
	margin-top: 24px;
	width:20%;
}

.eight-balls {
	text-align: center;
}

.eight-point img {
	width: 112px;
	margin:0 auto;
}

.eight-point h4 {
	width: 160px;
	text-align: center;
	margin: 5px auto;
}


/*************第八部分end******************/


/*************申请试用弹框*****************/


/*--申请入口弹框start*/

.try_using {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 10000;
}


/* 申请框主体 */

.try_using .apply {
	position: fixed;
	width: 772px;
	height: 404px;
	z-index: 9999;
	display: none;
	background-color: white;
	/* 这里要注意绝对定位的盒子怎么在屏幕显示居中 */
	left: 48%;
	top: 50%;
	margin-left: -336px;
	margin-top: -202px;
	border-radius: 10px;
	border: 2px solid #FFFFFF;
	/*box-shadow: 5px 5px 5px 5px #CCCCCC;*/
	/*	border-image: -webkit-linear-gradient(#F80, #2ED) 10 10;
	border-image: -moz-linear-gradient(#F80, #2ED) 10 10;
	border-image: -o-linear-gradient(#F80, #2ED) 10 10;
	border-image: linear-gradient(#F80, #2ED) 10 10;*/
}


/* 申请框标题 */

.try_using .apply-title {
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin-bottom: 20px;
	cursor: move;
}

.try_using .apply-title span a {
	text-decoration: none;
	border: 1px solid gray;
	font-size: 12px;
	color: black;
	border-radius: 20px;
	width: 40px;
	height: 40px;
	background-color: #fff;
	position: absolute;
	top: -20px;
	right: -20px;
}


/* 申请表单 */

.try_using .apply-input {
	margin: 20px 0px 25px 0px;
}

.try_using .apply-input label {
	/*float: left;*/
	height: 35px;
	line-height: 35px;
	width: 85px;
	padding-left: 18px;
	text-align: right;
	font-size: 14px;
}

.try_using .apply-input input.list-input {
	height: 25px;
	line-height: 35px;
	width: 245px;
	text-indent: 5px;
	border-radius: 5px;
}

.apply_reason_div textarea {
	border-radius: 5px;
	text-indent: 5px;
	width: 652px;
	height: 100px;
	margin-left: 0;
	margin-top: 0;
}


/* 申请、取消按钮 start */

.btns_div {
	width: 50%;
	margin: 30px auto 0;
}

.btns_div .left_btn {
	float: left;
}

.btns_div .left_btn div {
	width: 135px;
	height: 37px;
	display: inline-block;
	border: 1px solid #CCCCCC;
	border-radius: 25px;
	font-size: 16px;
	color: #CCCCCC;
}

.btns_div .right_btn {
	float: right;
}


/* 申请、取消按钮 end*/


/* 遮盖层 */

.try_using .bg {
	background-color: #000;
	width: 100%;
	height: 100%;
	top: 0px;
	position: fixed;
	opacity: 0.3;
	-webkit-opacity: 0.3;
	-moz-opacity: 0.3;
	display: none;
}


/*************申请试用弹框end*****************/


/*****数字档案系统介绍页end******/


/****************动态效果********************/


/***********第一部分***********/

.btn-top-up {
	animation: btn_to_up 2s;
	-webkit-animation: btn_to_up 2s;
	/* Safari 与 Chrome */
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@keyframes btn_to_up {
	0% {
		transform: translateY(40px);
		opacity: 0;
	}
	50% {
		transform: scale(.8);
		-webkit-transform: scale(.8);
	}
	80% {
		transform: scale(1.2);
		-webkit-transform: scale(1.2);
	}
	100% {
		transform: translateY(0);
		opacity: 1;
		transform: scale(1);
		-webkit-transform: scale(1);
	}
}

@-webkit-keyframes btn_to_up {
	/* Safari 与 Chrome */
	0% {
		transform: translateY(40px);
		opacity: 0;
	}
	50% {
		transform: scale(.8);
		-webkit-transform: scale(.8);
	}
	80% {
		transform: scale(1.2);
		-webkit-transform: scale(1.2);
	}
	100% {
		transform: translateY(0);
		opacity: 1;
		transform: scale(1);
		-webkit-transform: scale(1);
	}
}

.img-right-in {
	animation: img_right_in 2s;
	-webkit-animation: img_right_in 2s;
	/* Safari 与 Chrome */
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@keyframes img_right_in {
	0% {
		transform: translateX(40px);
		opacity: 0;
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}

@-webkit-@keyframes img_right_in {
	0% {
		transform: translateX(40px);
		opacity: 0;
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}


/***********第一部分end***********/


/***********第二部分**************/

.text-show {
	animation: text_show 2s;
	-webkit-animation: text_show 2s;
	/* Safari 与 Chrome */
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@keyframes text_show {
	0% {
		opacity: 0;
	}
	30% {
		opacity: .6;
	}
	60% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-webkit-@keyframes text_show {
	0% {
		opacity: 0;
	}
	30% {
		opacity: .6;
	}
	60% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.img-rotate {
	animation: img_rotate 4s;
	-webkit-animation: img_rotate 4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@keyframes img_rotate {
	0% {
		transform: rotateY(0);
	}
	100% {
		transform: rotateY(360deg);
	}
}

@-webkit-@keyframes img_rotate {
	0% {
		transform: rotateY(0);
	}
	100% {
		transform: rotateY(360deg);
	}
}


/***********第二部分end***********/


/***********第三部分**************/

.img-scale {
	animation: img_scale 2s;
	-webkit-animation: img_scale 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@keyframes img_scale {
	0% {
		opacity: 0;
		transform: scale(.5);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}

@-webkit-@keyframes img_scale {
	0% {
		opacity: 0;
		transform: scale(.5);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}

.text-right-in {
	animation: text_right_in 2s;
	-webkit-animation: text_right_in 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@keyframes text_right_in {
	0% {
		opacity: 0;
		transform: translateX(40px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

@-webkit-@keyframes text_right_in {
	0% {
		opacity: 0;
		transform: translateX(40px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}


/***********第三部分end***********/


/***********第四部分**************/

.img-up {
	animation: img_up 2s;
	-webkit-animation: img_up 2s;
    -webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@keyframes img_up {
	0% {
		opacity: 0;
		transform: translateY(40px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@-webkit-@keyframes img_up {
	0% {
		opacity: 0;
		transform: translateY(40px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.img-down {
	animation: img_down 2s;
	-webkit-animation: img_down 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@keyframes img_down {
	0% {
		opacity: 0;
		transform: translateY(-40px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@-webkit-@keyframes img_down {
	0% {
		opacity: 0;
		transform: translateY(-40px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}


/***********第四部分end***********/


/***********第五部分***********/

.img-left-in {
	animation: img_left_in 2s;
	-webkit-animation: img_left_in 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@keyframes img_left_in {
	0% {
		opacity: 0;
		transform: translateX(-40px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

@-webkit-@keyframes img_left_in {
	0% {
		opacity: 0;
		transform: translateX(-40px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.text-up-in {
	animation: text_up_in 2s;
	-webkit-animation: text_up_in 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@keyframes text_up_in {
	0% {
		opacity: 0;
		transform: translateY(40px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@-webkit-@keyframes text_up_in {
	0% {
		opacity: 0;
		transform: translateY(40px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}


/***********第五部分end***********/


/***********第六部分**************/

.text-left-in {
	animation: text_left_in 2s;
	-webkit-animation: text_left_in 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@keyframes text_left_in {
	0% {
		opacity: 0;
		transform: translateX(-40px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

@-webkit-@keyframes text_left_in {
	0% {
		opacity: 0;
		transform: translateX(-40px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.six-img-righ-in {
	animation: six_img_righ_in 2s;
	-webkit-animation: six_img_righ_in 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@keyframes six_img_righ_in {
	0% {
		opacity: 0;
		transform: translateX(40px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

@-webkit-@keyframes six_img_righ_in {
	0% {
		opacity: 0;
		transform: translateX(40px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}


/***********第六部分end***********/


/***********第七部分*************/

.text-upleft-in {
	animation: text_upleft_in 2s;
	-webkit-animation: text_upleft_in 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@keyframes text_upleft_in {
	0% {
		opacity: 0;
		transform: translate(-40px, -40px);
	}
	100% {
		opacity: 1;
		transform: translate(0, 0);
	}
}

@-webkit-@keyframes text_upleft_in {
	0% {
		opacity: 0;
		transform: translate(-40px, -40px);
	}
	100% {
		opacity: 1;
		transform: translate(0, 0);
	}
}

.text-downright-in {
	animation: text_downright_in 2s;
	-webkit-animation: text_downright_in 2s;
    -webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@keyframes text_downright_in {
	0% {
		opacity: 0;
		transform: translate(40px, 40px);
	}
	100% {
		opacity: 1;
		transform: translate(0, 0);
	}
}

@-webkit-@keyframes text_downright_in {
	0% {
		opacity: 0;
		transform: translate(40px, 40px);
	}
	100% {
		opacity: 1;
		transform: translate(0, 0);
	}
}


/***********第七部分end*************/


/***********第八部分****************/

.eight-left-in {
	animation: eight_left_in 2s;
	-webkit-animation: eight_left_in 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@keyframes eight_left_in {
	0% {
		opacity: 0;
		transform: translate(-180px, -140px);
	}
	50% {
		transform: translate(0, -140px);
	}
	100% {
		opacity: 1;
		transform: translate(0, 0);
	}
}

@-webkit-@keyframes eight_left_in {
	0% {
		opacity: 0;
		transform: translate(-180px, -140px);
	}
	50% {
		opacity: 0;
		transform: translate(0, 140px);
	}
	100% {
		opacity: 1;
		transform: translate(0, 0);
	}
}

.eight-right-in {
	animation: eight_right_in 2s;
	-webkit-animation: eight_right_in 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@keyframes eight_right_in {
	0% {
		opacity: 0;
		transform: translate(180px, -140px);
	}
	50% {
		transform: translate(0, -140px);
	}
	100% {
		opacity: 1;
		transform: translate(0, 0);
	}
}

@-webkit-@keyframes eight_right_in {
	0% {
		opacity: 0;
		transform: translate(180px, -140px);
	}
	50% {
		opacity: 0;
		transform: translate(0, -140px);
	}
	100% {
		opacity: 1;
		transform: translate(0, 0);
	}
}


/***********第八部分end*************/


/****************动态效果end********************/

/****************适配效果********************/
@media (max-width: 1024px){
	.content-1-middle,.content-2-middle,.content-3-middle,.content-4-middle,.content-5-middle,.content-6-middle,.content-7-middle,.content-8-middle{
		width:96%;
	}
	.five-right{margin: 70px auto;} 
	.six-left,.six-right{margin: 70px auto;}
	.seven-left{left:0;}
	.seven-right{right:0;}
	.third-right,.four-left,.four-right,.five-right{width:48%;}
	

					
}
@media (max-width: 768px){
	.szda-shou,.second-right{float:none;margin:40px auto;}
	.szda-shou img,.second-right img{margin:0px auto;}
	.szda-intro {width: 100%;margin-top: 0px;float: none;}
	.second-left{width: 100%;margin: 0px;float: none;}
}
@media (max-width: 414px){
	.szda-shou img{width:100%;height:auto;}
	.szda-title-logo{width:50%;}
	.szda-title-logo img{width:100%;}
	.szda-flag-icon img{width:24px;}
	.szda-flag-text{top:-3px;}
	.third-right,.four-left,.four-right,.five-right{width:100%;float:none;}
	.third-left,.five-left{float:none;margin:40px auto;width: 100%;}
	.third-left img,.five-left img{margin:0px auto;}
	.six-left{float:none;margin:40px auto 0 auto;width:100%;}
	.six-right{width:100%;float:none;}
	.six-right img{width:100%;}
	.seven-left,.seven-right{position:static;}
	.seven-right{margin:0 auto 40px auto;}
	.eight-point{float:none;width:100%;margin-top:40px;}
		
   /***申请框**/
   
   .try_using .apply {
    /* position: absolute; */
    width: 80%;
    height: 600px;
    z-index: 9999;
    display: none;
    background-color: white;
    left: 10%;
    top: 10%;
	margin-left: 0; 
    margin-top: 0;
	border-radius: 10px;
	border: 2px solid #FFFFFF;

   }


/* 申请框标题 */

.try_using .apply-title {
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin-bottom: 20px;
	cursor: move;
}

.try_using .apply-title span a {
	text-decoration: none;
	border: 1px solid gray;
	font-size: 12px;
	color: black;
	border-radius: 20px;
	width: 40px;
	height: 40px;
	background-color: #fff;
	position: absolute;
	top: -20px;
	right: -20px;
}
   
   
.try_using .apply-input {
	margin: 0;
}

.try_using .apply-input label {
	/*float: left;*/
	height: 35px;
	line-height: 35px;
	width: 85px;
	padding-left: 18px;
	text-align: right;
	font-size: 14px;
}

.try_using .apply-input input.list-input {
	height: 25px;
	line-height: 35px;
	width: 85%!important;;
	text-indent: 5px;
	border-radius:5px;
	margin-left: 18px;
}

.apply_reason_div{
	
	margin-top:6px ;
	padding-bottom: 6px;
}

.apply_reason_div textarea{
	
	border-radius: 5px;
    text-indent: 5px;
    width: 85%;
    height: 100px;
    margin-left: 16px;
    
    margin-top:6px ;
}

/* 申请、取消按钮 start */

.btns_div{
	
    width: 100%;
    margin: 15px auto 0;
	
}


.btns_div .left_btn{
	
	width: auto;
	margin-left: 15px;
}

.btns_div .left_btn div{
	
    width: 130px;
    height: 35px;
    /* display: inline-block; */
    border: 1px solid #CCCCCC;
    border-radius: 25px;
    font-size: 16px;
    color: #CCCCCC;
    margin: 0 auto;
}

.btns_div .right_btn{
	
	margin-bottom:10px;
	margin-right:20px;
}

.btns_div .right_btn img{
	
	
	margin:0 auto;
}

/* 申请、取消按钮 end*/




/* 遮盖层 */

.try_using .bg {
	background-color: #000;
	width: 100%;
	height: 100%;
	top: 0px;
	position: fixed;
	opacity: 0.3;
	-webkit-opacity: 0.3;
	-moz-opacity: 0.3;
	display: none;
}
   
  /***申请框end**/
	
}
@media (max-width: 384px){
	
	   .try_using .apply {
    /* position: absolute; */
    width: 80%;
    height: 600px;
    z-index: 9999;
    display: none;
    background-color: white;
    left: 10%;
    top: 5%;
	margin-left: 0; 
    margin-top: 0;
	border-radius: 10px;
	border: 2px solid #FFFFFF;

   }
	
	
}


@media (max-width: 360px){}
@media (max-width: 320px){
	
	.try_using .apply {
		/* position: absolute; */
		width: 80%;
		height: 510px;
		z-index: 9999;
		display: none; 
		opacity:0;
		background-color: white;
		left: 10%;
		top: 4%;
		margin-left: 0;
		margin-top: 0;
		border-radius: 10px;
		border: 2px solid #FFFFFF;
	}
	.btns_div .left_btn {
		position: relative;
		top: -20px;
	}
	.btns_div .left_btn div {
		width: 100px;
	}
	.btns_div .left_btn div span {
		position: relative!important;
		top: 20%!important;
		left: 21%!important;
		cursor: pointer;
		font-size: 14px!important;
	}
	.btns_div .right_btn {
		position: relative;
		top: -19px;
	}
	.btns_div .right_btn img {
		width: 100px;
		height: 36px;
	}
	
	
}


/****************适配效果end********************/

/***************申请试用框动效****************/


.apply-tk-show{
			
	display:block!important;
	animation: small_to_normal .3s;
	-webkit-animation: small_to_normal .3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	
}

.apply-tk-hide{
			
	display:none;
		
}




@keyframes small_to_normal {
	0% {
		opacity: 0;
		transform: scale(0);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}

@-webkit-@keyframes small_to_normal {
	0% {
		opacity: 0;
		transform: scale(0);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}



.rotate-to-right{ /*****弹框动画2*****/
	display:block!important;
	animation: rotate_to_right .3s;
	-webkit-animation: rotate_to_right .3s;
/* 	-webkit-animation-fill-mode: both;
	animation-fill-mode: both; */
	
}


@keyframes rotate_to_right {
	0% {
		opacity: 1;
		transform: rotate(10deg);
	}
	
	20% {
		opacity: 1;
		transform: rotate(20deg);
	}
	
    40% {
		opacity: 1;
		transform: rotate(10deg);
	}
	
	60% {
		opacity: 1;
		transform: rotate(20deg);
	}
	
	80% {
		opacity: 1;
		transform: rotate(10deg);
	}

	100% {
		opacity: 1;
		transform: rotate(0)
	}
}

@-webkit-@keyframes rotate_to_right {
	0% {
		opacity: 1;
		transform: rotate(10deg);
	}
	
	20% {
		opacity: 1;
		transform: rotate(20deg);
	}
	
    40% {
		opacity: 1;
		transform: rotate(10deg);
	}
	
	60% {
		opacity: 1;
		transform: rotate(20deg);
	}
	
	80% {
		opacity: 1;
		transform: rotate(10deg);
	}

	100% {
		opacity: 1;
		transform: rotate(0)
	}
}


/***************申请试用框动效end****************/