body{margin:0;padding:0;padding-top: 2rem;}
/*common*/
#main, #main div, #main span, #main ul, #main li, #main p, #main form, #main img, #main input, #main label, #main table, #main thead, #main tbody, #main tr, #main th, #main td, #main hr, #main textarea, #main a, #main h5 {
	-moz-box-sizing: border-box;-wemainit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
	margin:0;padding:0;
}
#main{
	font-size: 0;
	font-family: "microsoft yahei";
	color: #000;
	background: #fffce5;
}
#main li{list-style: none;}
#main img{vertical-align: middle;}
#main .showmq{font-size: 0.55rem;text-decoration: underline;}
#main .showmq.btn{text-decoration: none;}
#main .box-inline{text-align: center;}
#main .box-inline>div{display: inline-block;}
#main .btn{
	margin: 0 auto;text-align: center;width: 11.25rem;height: 1.75rem;line-height: 1.75rem;
	font-size: 0.75rem;border-radius: 0.9rem;background: #ff6c2b;color: #fff;font-weight: bold;
}
#main a.btn{display: block;text-decoration: none;}
#main .fl{float: left;}
#main .fr{float: right;}
#main .tr{text-align: right;}
#main .clearfloat:after{content:"";display:block;clear:both;height:0}

#main form.myform{margin: 0 auto;}
#main form.myform input, #main form.myform select{
	border: 0;
	resize:none;
	outline: none;
	-webkit-appearance: none;
	background-color: #fff;
	color: #3d3d3d;
	padding-left: 0.5rem;
	border-radius: 0.15rem;
	font-size: 0.6rem;
	border: 0.05rem solid #aaaaaa;
	width: 100%;
	height: 100%;
}
#main form.myform .form-item{position: relative;margin: 0 auto;}
#main form.myform .select-parent select{
	background-image: url(/uploads/image/zagimages/form-down.png);
	background-repeat: no-repeat;
	background-position: 12.85rem 0.7rem;
	-webkit-background-size: 0.6rem 0.3rem;
	background-size: 0.6rem 0.3rem;
}
#main form.myform .form-item img{
	position: absolute;
	height: 0.8rem;
}
#main form.myform select{color: #999;}
#main form.myform input::-webkit-input-placeholder{color: #999;}
/*common  end*/
#main .header{width: 100%;}
#main .section{
	background-repeat: no-repeat;
	background-size: 100%;
	margin: 0 auto 1rem;
	padding-top: 1rem;
}
#main .section .last{margin-right: 0!important;}
#main .section .headline{
	text-align: center;
	font-weight: bold;
	color: #503314;
	text-shadow: 0 0.075rem 0 rgba(255,114,50,.3);
}
#main .section .headline.headline-bg{
	width: 15rem;
	height: 1.5rem;
	line-height: 1.5rem;
	background: url(/uploads/image/zagimages/title_bg.png);
	background-size: 100%;
	margin: 0 auto;
	font-size: 0.9rem;
	color: #fff;
}
#main .section .container{margin: 0.9rem auto 0;}

#main .section1 .container{
	width: 15.25rem;
}
#main .section1 li{
	line-height: 2.25rem;
	height: 2.25rem;
	padding: 0 0 0 0.65rem;
	border-bottom: 0.05rem solid #3d3d3d;
	position: relative;
}
#main .section1 li:before, #main .section1 li:after{
	content: "";
	position: absolute;
	width: 0.25rem;
	height: 0.25rem;
}
#main .section1 li:before{
	background-color: #503314;
	left: 0;
	top: 0.6rem;
}
#main .section1 li:after{
	background-color: #ff6c2b;
	left: 0.25rem;
	top: 0.35rem;
}
#main .section1 h5{
	width: 4.6rem;
	font-size: 0.65rem;
	color: #503314;
	display: inline-block;
	vertical-align:  middle;
}
#main .section1 p{
	width: 10rem;
	font-size: 0.6rem;
	line-height: 0.9rem;
	display: inline-block;
	vertical-align:  middle;
}
#main .section1 span{
	font-weight: bold;
	color: #ff6c2b;
}

#main .section2{
	background-color: #ffe534;
	width: 15.5rem;
	height: 12.5rem;
	position: relative;
}
#main .section2:before, #main .section2:after{
	content: "";
	position: absolute;
	width:0;
	height:0;
}
#main .section2:before{
	border-top:1.5rem solid #fffce5;
	border-right:1.25rem solid transparent;
	top:0;
	left: 0;
}
#main .section2:after{
	border-bottom:1.5rem solid #fffce5;
	border-left:1.25rem solid transparent;
	bottom: 0;
	right: 0;
}
#main .section2 .headline{
	font-size: 1.05rem;
	line-height: 1.05rem;
}
#main .section2 .container{
	padding: 0 0 0.9rem 0.25rem;
}
#main .section2 li{
	background-color: #fff;
	width: 5.75rem;
	height: 8rem;
	margin-right: 0.25rem;
	padding: 0.9rem 0 0;
	text-align: center;
	text-decoration: none;
}
#main .section2 img{width: 2.7rem;}
#main .section2 h5{
	font-size: 0.65rem;
	color: #503314;
	line-height: 0.65rem;
	margin: 0.5rem 0 0.6rem;
}
#main .section2 p{
	font-size: 0.55rem;
	color: #999;
	line-height: 0.9rem;
	padding: 0 0.3rem;
}
#main .section2 .swiper-pagination{
	bottom: 0;
	left: 0.25rem;
	text-align: left;
}
#main .section2 .swiper-pagination-bullets .swiper-pagination-bullet{
	margin-right: 0.25rem;
	background-color: #fff;
	opacity: 1;
}
#main .section2 .swiper-pagination-bullets .swiper-pagination-bullet-active{
	background-color: #503314;
}

#main .section3{background-image: url(/uploads/image/zagimages/bg_01.jpg);}
#main .section3 .headline, #main .section5 .headline{
	font-size: 0.9rem;
	line-height: 0.9rem;
}
#main .section3 .container{
	width: 15rem;
	margin-top: 0.75rem;
}
#main .section3 .title{
	background-color: #ff6c2b;
	height: 1.5rem;
	line-height: 1.5rem;
	font-weight: bold;
}
#main .section3 .title p{
	font-size: 0.65rem;
	color: #ffe534;
	width: 7.75rem;
	height: 100%;
	background-color: #503314;
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding-left: 0.65rem;
}
#main .section3 .title p:after{
	content: "";
	position: absolute;
	right: 0;
	width: 0;
	height: 0;
	border-bottom:1.5rem solid #ff6c2b;
	border-left:1.25rem solid transparent;
}
#main .section3 .title span{
	font-size: 0.6rem;
	color: #fff;
}
#main .section3 form{
	border: 0.1rem solid #ff6c2b;
	background-color: #fff;
	padding: 1.1rem 0.55rem 1rem 0.5rem;
}
#main .section3 form .form-item{
	width: 100%;
	height: 1.75rem;
	margin-bottom: 0.5rem;
}
#main .section3 form .form-item-mini{
	width: 6.25rem;
}
#main .section3 form .form-item-mini select{background-position-x: 5.35rem;}
#main .section3 form input, #main .section3 form select{
	border-radius: 0;
	border-color: #503314;
}
#main .section3 .btn{margin-top: 1rem;}

#main .section4{padding-top: 0;}
#main .section4 .container{
	background: url(/uploads/image/zagimages/bg_02.png) no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
	padding: 0.65rem 0.5rem 0 0.25rem;
	height: 10.825rem;
	margin: 0.75rem 0;
	overflow: hidden;
}
#main .section4 .content{
	width: 15.25rem;
	height: 100%;
	margin: 0 auto;
	position: relative;
}
#main .section4 .tab{
	width: 4.775rem;
	height: 2rem;
	line-height: 2rem;
	border-radius: 1rem 0 0 1rem;
	background-color: #ffb933;
	color: #fff;
	margin-bottom: 0.25rem;
	font-size: 0.6rem;
	padding-left: 0.65rem;
	font-weight: bold;
}
#main .section4 .tab.active{
	background-color: #ff884c;
}
#main .section4 .tab p{
	display: inline-block;
	vertical-align: middle;
	line-height: 0.75rem;
}
#main .section4 .panel{
	width: 10.5rem;
	height: 9rem;
	background-color: #fff;
	position: absolute;
	top: -0.4rem;
	left: 4.775rem;
	padding: 0.5rem 0.9rem 0 0.6rem;
	font-size: 0.6rem;
	display: none;
}
#main .section4 .panel span{
	display: block;
	width: 3.75rem;
	height: 1rem;
	background-color: #ff884c;
	border-radius: 0.5rem;
	line-height: 1rem;
	text-align: center;
	color: #fff;
	margin-bottom: 0.25rem;
}
#main .section4 .panel p{
	color: #999;
	line-height: 0.85rem;
	margin-bottom: 0.5rem;
}
#main .section4 b{
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 2rem;
	line-height: 1rem;
	color: #ff884c;
	display: none;
}
#main .section4 .panel.active,
#main .section4 b.active{display: block;}

#main .section5{
	background-color: #ffe534;
	background-image: url(/uploads/image/zagimages/bg_03.png);
	background-position: right 0.4rem;
	-webkit-background-size: 3.45rem 9.1rem;
	background-size: 3.45rem 9.1rem;
	color: #503314;
	padding-bottom: 1rem;
}
#main .section5 .headline{
	text-align: left;
	width: 15.2rem;
	margin: 0 auto;
}
#main .section5 span{
	display: block;
	font-size: 0.65rem;
	line-height: 0.95rem;
	width: 15.2rem;
	margin: 0.5rem auto 0;
}
#main .section5 ul{
	margin: 0 auto 0.9rem;
	width: 15.5rem;
}
#main .section5 li{
	background-color: #fff;
	border-radius: 0.35rem;
	padding: 0.5rem 0.5rem 0.7rem;
	margin-bottom: 0.25rem;
}
#main .section5 h5{
	font-size: 0.65rem;
	line-height: 0.65rem;
	padding: 0.3rem 0 0.6rem;
	border-bottom: 0.025rem dashed #503314;
}
#main .section5 p{
	font-size: 0.6rem;
	line-height: 0.6rem;
	display: inline-block;
	vertical-align: top;
	min-width: 7rem;
	margin-top: 0.75rem;
}
#main .section5 p:before{
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 0.6rem;
	height: 0.6rem;
	background-image: url(/uploads/image/zagimages/icon_07.png);
	-webkit-background-size: 0.6rem;
	background-size: 0.6rem;
	margin-right: 0.4rem;
}
#main .section5 p.active:before{
	background-image: url(/uploads/image/zagimages/icon_08.png);
}
#main .section5 .btn{font-size: 0.65rem;}

#main .section-pop{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 1010;
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .3s;
	transition: all .3s;
	font-size: 0;
	background-color: rgba(0,0,0,.77);
}
#main .section-pop.show{
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
#main .section-pop .pop-box{
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
	width: 14rem;
	border-radius: 0.25rem;
}
#main .section-pop #pop-close{
	width: 1.325rem;
	height: 1.55rem;
	background: url(/uploads/image/zagimages/pop-close.png) no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
	position: absolute;
	right: 0;
	top: -1.55rem;
}
#main .section-pop .pop-top{
	height: 4.6rem;
}
#main .section-pop .pop-bottom{
	background-color: #fff;
	height: 9.4rem;
	border-radius: 0 0 0.25rem 0.25rem
}
#main .section-pop form{
	display: block;
	width: 12rem;
	margin: 0.5rem auto 0;
}
#main .section-pop form .form-item{
	margin-bottom: 0.375rem;
	height: 1.75rem;
}
#main .section-pop form input, #main .section-pop form select{
	border: 0;
	box-shadow: 0 0.15rem 0.25rem rgba(219,177,177,.21);
	padding-left: 1.75rem;
}
#main .section-pop form .select-parent select{
	background-image: url(/uploads/image/zagimages/form-down_02.png);
	background-position: 10.4rem 0.75rem;
	-webkit-background-size: 0.675rem 0.3rem;
	background-size: 0.675rem 0.3rem;
}
#main .section-pop form img{
	width: 0.75rem;
	position: absolute;
	top: 0.5rem;
	left: 0.5rem;
}
#main .section-pop .btn{
	color: #5e3900;
	height: 1.5rem;
	line-height: 1.5rem;
	width: 11.55rem;
	margin-top: 0.6rem;
	background: -webkit-linear-gradient(90deg,#ff9c00,#ffde00);
	background: linear-gradient(0deg,#ff9c00,#ffde00);
}

/*country menu*/
.menu{z-index: 99!important;}
.zt_common_top .zt_logo_box{margin-left: 1rem!important;}
.js-menu-show{
	position: fixed;
	width: 2rem;
	height: 2rem;
	top: 0;
	right: 0;
	z-index: 98;
	text-align: center;
	line-height: 2rem;
}
.js-menu-show img{
	height: 0.6rem;
}