/********************contact-sec-bk01*************************/
.contact-sec-bk01 { padding:6.4285em 0px; }
.contact-sec-bk01 .page-content {  margin-top:4em; position:relative; }
.contact-sec-bk01 .page-map { }
.contact-sec-bk01 .page-map .bg_container { height:100%; }
.contact-sec-bk01 .page-text { background:url(../images/contact-sec-bk01-bg01.jpg) no-repeat center center; padding:2.4em 0px 3.7em 2.22em; color:#fff; background-size:cover; width:420px; margin-left:1.11em; }
.contact-sec-bk01 .page-text ul li { position:relative; padding:0.833em 2.22em 0.833em 4em; line-height:1.33; }
.contact-sec-bk01 .page-text ul li i { width:2.22em; position:absolute; left:0px; top:0.25em; height:2.22em; background:#fff; border-radius:50%; }
.contact-sec-bk01 .page-text ul li i img { width:100%; height:100%; }
.contact-sec-bk01 .page-text ul li a { color:#fff; }
.contact-sec-bk01 .page-text ul li a:hover { text-decoration:underline; }
.contact-sec-bk01 .page-text ul li.con-ft { padding-right:0px;  }
.contact-sec-bk01 .page-text ul li.con-ft i { top:50%; margin-top:-1.11em; }
.contact-sec-bk01 .page-text ul li .page-code { width:110px; position:relative; }
.contact-sec-bk01 .page-text ul li .page-code img { width:100%; }
.contact-sec-bk01 .page-text ul li .page-code p { position:absolute; left:0px; bottom:-2em; right:0px; text-align:center;}
.contact-sec-bk01 .page-text ul li:hover i { left:5px; }

.contact-sec-bk01 .con-share { padding-left:17px; }
.contact-sec-bk01 .con-share .bshare-custom.icon-medium-plus .bshare-tumblr { background:url(../images/ft-share-ico01.png) no-repeat center center rgba(255,255,255,0.3); border-radius:5px; }
.contact-sec-bk01 .con-share .bshare-custom.icon-medium-plus .bshare-linkedin { background:url(../images/ft-share-ico02.png) no-repeat center center rgba(255,255,255,0.3); border-radius:5px; }
.contact-sec-bk01 .con-share .bshare-custom.icon-medium-plus .bshare-sinaminiblog { background:url(../images/ft-share-ico03.png) no-repeat center center rgba(255,255,255,0.3); border-radius:5px; }
.contact-sec-bk01 .con-share .bshare-custom.icon-medium-plus .bshare-weixin { background:url(../images/ft-share-ico04.png) no-repeat center center rgba(255,255,255,0.3); border-radius:5px; }
.contact-sec-bk01 .con-share .bshare-custom.icon-medium-plus .bshare-tumblr:hover,.contact-sec-bk01 .con-share .bshare-custom.icon-medium-plus .bshare-linkedin:hover,.contact-sec-bk01 .con-share .bshare-custom.icon-medium-plus .bshare-sinaminiblog:hover,.contact-sec-bk01 .con-share .bshare-custom.icon-medium-plus .bshare-weixin:hover { background-color:#fcc800; opacity:1; }
.contact-sec-bk01 .con-share a { position:relative; top:0px; margin-left:3px; }
.contact-sec-bk01 .con-share a:hover {top:-5px; }

.contact-sec-bk01 .page-content .page-title:nth-of-type(1) { padding-top: 0px;}
.contact-sec-bk01 .page-content .page-title { color: #000; padding: 5em 0px 1em;}
.contact-sec-bk01 .page-content .page-sec2  .page-text { margin-left: 0px; margin-right:1.11em; }


@media only screen and (max-width:1200px){
	.contact-sec-bk01 .page-text { width:340px; padding:1.4em 0px 2em 1.22em; }
	.contact-sec-bk01 .page-text ul li { padding-left:3em; padding-right:1.4em; }
	.contact-sec-bk01 .con-share { padding-left:10px; }
	.contact-sec-bk01 .con-share a { margin-left:0px; }
	.contact-sec-bk01 .page-text ul li .page-code { width:90px; }
}
@media only screen and (max-width:767px){
	.contact-sec-bk01 { padding:2.5em 0px; }
	.contact-sec-bk01 .page-content { margin-top:2em; }
	.contact-sec-bk01 .page-map { width:100%; }
	.contact-sec-bk01 .page-map .bg_container img { display:block; width:100%; }
	.contact-sec-bk01 .page-text { width:100%; margin-left:0px; }
	.contact-sec-bk01 .page-map { height:300px; }
	.contact-sec-bk01 .page-content .page-title { padding-top: 2.5em;}
	.contact-sec-bk01 .page-content .page-sec2  .page-text { margin-right: 0px;}
	.contact-sec-bk01 .page-content .page-sec { display: block;}
	
}
@media only screen and (max-width:374px){
	.contact-sec-bk01 .con-share { width:90px; padding-bottom:5px; }
	.contact-sec-bk01 .con-share a { margin-top:5px; }
	
}

.complaintReport{margin-bottom:6.4285em}
.complaintReport .page-ns-content{margin-top:3.375em;line-height:1.8;}
.complaintReport a{color:#fcc800;}
.complaintReport a:hover{color:#fcc800;text-decoration:underline;}

/********************contact-sec-bk02*************************/
.contact-sec-bk02 { padding:0.25em 0px 8.35em; }
.contact-sec-bk02 .page-form { box-shadow:10px 0px 40px rgba(0,0,0,0.05); margin-top:3.375em; background:#fff; padding:2.833em 9.72% 1.65em; }
.contact-sec-bk02 .page-form .layui-form-item .layui-inline { width:46.5517%; margin-right:0px; display:block; }
.contact-sec-bk02 .page-form .layui-form-label { float:none; color:#aaa; padding:0em 1.667em 0.833em; width:100%; text-align:left; }
.contact-sec-bk02 .page-form .layui-input-block { margin-left:0px; }

.contact-sec-bk02 .page-form .layui-input,.contact-sec-bk02 .page-form .layui-select,.contact-sec-bk02 .page-form .layui-textarea { background:#f7f7f7; border:none; padding:0.75em 1.667em; height:auto; }
.contact-sec-bk02 .layui-btn { background:#f0bd00; height:auto; position:relative; overflow:hidden; color:#fff; width:12.5em; line-height:3.125; border-radius:1.5625em; margin-top:0.833em; }
.contact-sec-bk02 .layui-btn span { position:relative; z-index:2; }
.contact-sec-bk02 .layui-btn:before { position:absolute; left:-100%; top:0px; height:100%; width:100%; border-radius:1.5625em; background:rgba(0,0,0,0.1); content:"";-webkit-transition: all .5s;-moz-transition: all .5s; -ms-transition: all .5s;transition: all .5s; }
.contact-sec-bk02 .layui-btn:hover:before { left:0px; }
.contact-sec-bk02 .page-form .layui-textarea  { resize:none; height:11.66em; }


@media only screen and (max-width:1200px){
.contact-sec-bk02 .page-form { padding:2.833em 5% 1.65em; }
}
@media only screen and (max-width:767px){
.contact-sec-bk02 { padding:0.25em 0px 2.5em; }	
.contact-sec-bk02 .page-form ,.complaintReport .page-ns-content{ margin-top:2em; }
.contact-sec-bk02 .page-form .layui-form-item .layui-inline { width:100%; }
.contact-sec-bk02 .page-form .layui-form-item:first-child { margin-bottom:0px;}
}
@media only screen and (max-width:340px){
.contact-sec-bk02 .page-form { padding:1.833em 5% 1.65em; }	
.contact-sec-bk02 .page-form .layui-form-label { padding:0px 1em 0.833em; }
.contact-sec-bk02 .page-form .layui-input,.contact-sec-bk02 .page-form .layui-select,.contact-sec-bk02 .page-form .layui-textarea {padding:0.75em 1em;}
.contact-sec-bk02 .page-form .layui-textarea { height:6em; }
}