@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot?t=1546507371016'); /* IE9*/
  src: url('../fonts/iconfont.eot?t=1546507371016#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAd8AAsAAAAAC0AAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY8pUmEY21hcAAAAYAAAAB+AAAB3j2rbgVnbHlmAAACAAAAA0sAAASElku3SmhlYWQAAAVMAAAALwAAADYTzi6waGhlYQAABXwAAAAdAAAAJAflA49obXR4AAAFnAAAABIAAAAcHAcAAGxvY2EAAAWwAAAAEAAAABADXgSmbWF4cAAABcAAAAAfAAAAIAEWAIBuYW1lAAAF4AAAAUUAAAJtPlT+fXBvc3QAAAcoAAAAUwAAAGp0OuxNeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWScwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGBye6T+fyNzwv4EhhrmBoQEozAiSAwDsKgyleJztkdEJwzAMRJ/ixJRimkUKXaYfGacQ6H+WlAbIAKlkFVo6Q888wx3IBh0wAcW5OiPIEyH08FR6Xjj3fOTu/sKJgao3XXW3ZrNtxwG//kviM58TfvC3Jmr8K5W/Wr+Xt6uxzSQa0DXxraF7Ek1ZS6JBm5OYtS2hvAAiQyZHAAB4nFVTO4wbVRS9583n+TuzM56fPbu2Z7zrzxpv8G+caGFjKhBaJXWoTJVEAolPlDQguQtUIKUgDWCkdOkQQmkiWSkDEhISEqUpaKgQZYTHeTPeaBPN/b9337vvnjvEiDa/ypz9RJxcIgyOgXFgQ0PYbMGwHDcYRGMDzxRJxrP/iVVUPZdV4pLvSQurhvdwWizGdxXGFEzX96wqfI99SCSLc/+Rnko69ehd+oQ+FWc7rlNDlbnOHhyusVagto6Q0HgUTaLJCSbR2RdITuKeYLTdEXINgiy3CkGwHbXVUJsTUegLa3QZJxDM3Kgq1+DY7KFlG16v2nYVGblsve2uf/HcQilj2JCYVFS0nO27ftn2bFx96Dm5Et8p5ZRCxui8/rKDvxB6H3sh4tGZIWvczvfCD+5eufbl9Tdtm2sy/ivb1u4ojC4YVunYd+2wBOTkAtcP/bdzTtayNFdza5XKruV58QOkR7f7dv78nr6dXoqnl7wACLxLZ/qNXKaYyfCy2UncTkPPZIpcI0n091/pnmRQhbrUF91tqNwIjCCajJutIFRtgd0wxa6pcGFOBhNEF9AMOVQXLvhY+uIix/ojTDnA4/uaaWpspZlY/8Gy/LbMsJDlzxln8Yxdxs1e/E0Pc7Fxyb4GF5mmtq4nObjBnTs8KzF8r6qfMRa/L1VwvRffxxERKYJJmolys1SgOr1GF4kmRj+wBZRDQ2qMXYFvIxD4GiISCNSNUZOLB2zLf9VeYYZ9f3F4+8kDrWvFX/n7ED6bCm38tqG0nFS+ZE/ZfCHW4xlW81s/6iWRsJ5vE/Gd1f3W3DUFLbYqqXezkWZsSUU6pIjeoitEB3YjVPVkELswgsmLYocDp8acQTJ5x0gKP4ISclWM+VBMbvNADGw1GeJWs7END1JHqj9yO/m9vXzHfcSmyvrncoJs+bGSZy1mRmaH5ZXHaSw2S8Ud6Jpp+T5OhWgVdexoT7bRg9RZmmUriqwyfp8irMTtSgguvyM7zqnMRQB/VsJNQe9qBfhtH6koaF29kMZSK/lXBUZ1thJTlSGP9sWLg3GAvhgnvILMETBMcOgiwYSt4imW53zW1GWq47+nCQSJmM3FquCk88tzyNY/bHv+HEmotlsAeJxjYGRgYADivxMbD8Tz23xl4GZhAIEbwV+zEfT/MyzszIJALgcDE0gUAFu5C4oAeJxjYGRgYG7438AQw8LOAARAkpEBFbADAEhBAn4AAAB4nGNhYGBgYQdiBkwMAAJ9ACQAAAAAAAAALADcATABiAICAkJ4nGNgZGBgYGcoYWBlAAEmIOYCQgaG/2A+AwAUzgGXAHicZY9NTsMwEIVf+gekEqqoYIfkBWIBKP0Rq25YVGr3XXTfpk6bKokjx63UA3AejsAJOALcgDvwSCebNpbH37x5Y08A3OAHHo7fLfeRPVwyO3INF7gXrlN/EG6QX4SbaONVuEX9TdjHM6bCbXRheYPXuGL2hHdhDx18CNdwjU/hOvUv4Qb5W7iJO/wKt9Dx6sI+5l5XuI1HL/bHVi+cXqnlQcWhySKTOb+CmV7vkoWt0uqca1vEJlODoF9JU51pW91T7NdD5yIVWZOqCas6SYzKrdnq0AUb5/JRrxeJHoQm5Vhj/rbGAo5xBYUlDowxQhhkiMro6DtVZvSvsUPCXntWPc3ndFsU1P9zhQEC9M9cU7qy0nk6T4E9XxtSdXQrbsuelDSRXs1JErJCXta2VELqATZlV44RelzRiT8oZ0j/AAlabsgAAAB4nG3BwRJAIBAA0N1Ijb7FR0U71KhF7YGvd3D1Hij4jPDPoMIOe9Q4oEEL5mZJ0Rf9CKfoKMQ21VP8RTbwIplKM5lq9Su5zHPc6di4EMALcDYU2QA=') format('woff'),
  url('../fonts/iconfont.ttf?t=1546507371016') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg?t=1546507371016#iconfont') format('svg'); /* iOS 4.1- */
}
table tr td .layui-btn{
	padding: 5px 5px;
	line-height: 100%;
	height: auto;
}
.special-money-tips{
	font-size: 30px;
	color: #FFBE00;
	text-align: right;
}
.munihei-logo{
	float: right;
	margin-top: -99px;
	-moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
.layui-header.index-menu-sh .munihei-logo{
	margin-top: -80px;
}
.mobile-phone{
	position: absolute;
    top: 110px;
    left: 128px;
}
.yuyue-form .yuyue-title{
	width: 120px;
	font-size: 16px;
}
.yuyue-form .tips{
	display: inline-block;
    text-align: center;
    width: 100%;
    margin-top: 10px;
    color: #ff0000;
    font-style: normal;
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*图标*/
.icon-youjian:before { content: "\e62f"; }

.icon-zuoji:before { content: "\e683"; }

.icon-edit-square:before { content: "\e791"; }

.icon-document:before { content: "\e6f3"; }

.icon-message:before { content: "\e70c"; }

.icon-mobilephone:before { content: "\e70f"; }

.layui-fixed{
	position: fixed;
}
.layui-absolute{
	position: absolute;
}
.layui-center{
	text-align: center;
}
.layui-right{
	float: right;
	text-align: right;
	margin: 10px 0;
}
.layui-header{
	background: rgba(255,255,255,.9);
	height: 130px;
	width: 100%;
	padding: 0;
	-moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
.layui-md-right{
	text-align: right;
}
.layui-img-max{
	max-width: 100%;
}
.layui-mt50{
	margin-top: 50px; 
}
.layui-green{
	color: #5FB878;
}
.layui-blue{
	color: #327BDE;
}
.layui-red{
	color: #ff0000;
}
.layui-text-small{
	font-size: 12px;
}
.header-transition{
	height: 80px;
}
.orange{
	color: #faaf2c;
}
.orange i{
	font-style: normal;
}
.layui-word-aux{
	margin-left: 10px;
	font-size: 12px;
}
.logo{
	line-height: 130px;
	left: 70px;
	-moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.logo img{
	height: 74px;
	-moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
/*头部*/
.header-transition .logo{
	line-height: 80px;
}
.header-transition .logo img{
	height: 56px;
}
/*banner*/
#banner{
	text-align: center;
	margin-top: -180px;
}
#banner .banner-img{
	max-width: 100%;
}
.banner-row{
	position: relative;
	display: block;
	height: 789px;
}
.banner-1{
	background: url(http://cdn.exhibitionguard.com/banner.jpg) center center no-repeat;
	/*background: url(https://exhibitionguard-images.oss-cn-hongkong.aliyuncs.com/banner.jpg) center center no-repeat;*/
	/*background: url(../images/banner.jpg) center center no-repeat;*/
	width: 100%;
}
.banner-box{
	background: url(../images/idx05.png) center center no-repeat;
	background-size: 100% 100%;
	position: absolute;
    left: 50%;
    margin-left: -30%;
    top: 50%;
    margin-top: -10%;
    width: 437px;
    height: 474px;
}
.banner-box-en{
	background: url(../images/idx05-en.png) center center no-repeat;
	background-size: 100% 100%;
}
.online{
	padding: 14px 55px;
    border: 2px solid #fff;
    border-radius: 10px;
    font-size: 16px;
    color: #fff;
    bottom: 85px;
    position: absolute;
    left: 50%;
    margin-left: -21%;
}
.online:hover{
	cursor: pointer;
}
.banner-box-en .online{
	margin-left: -32%;
}

.index-right{
	right: 120px;
	top: 40px;
	-moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
.header-transition .index-right{
	top: 10px;
}
.language{
	padding-right: 30px;
	border-right: 1px solid #ccc;
	line-height: 50px;
    display: block;
    color: #777;
}
.contact-info{
	padding: 0 30px;
	color: #777;
}
.contact-info i{
	font-size: 25px;
    margin-right: 10px;
}
.bold{
	font-weight: bold;
}
.purple{
	color: #516ccd;
}
.phone span{
	font-size: 18px;
}
.email span{
	font-size: 16px;
}
.phone-tips{
	font-size: 16px;
}
.icon-world{
	font-size: 20px;
	vertical-align: middle;
	margin-right: 10px;
}
/*首页副标题*/
.index-sub-list{
	background: #f8fafc;
}
.index-sub{
	padding: 10px 0;
}
.index-sub .sub-row{
	background: #e7ebf7;
	text-align: center;
	padding-top:20px;
	color: #484e60;
	padding-bottom: 20px;
}
.index-sub .sub-row:hover{
	color: #fff;
	cursor: pointer;
}
.index-sub .sub-row i{
	font-size: 50px;
	vertical-align: middle;
	margin-right: 10px;
}
.index-sub .sub-row span{
	display: block;
}
.sub-title{
	font-size: 18px;
	text-align: left;
}
.sub-title span{
	font-size: 12px;
}
.index-sub .sub-row:hover{
	background: #8296db;
}
.index-point-list{
	margin-top: 70px;
	text-align: center;
}
.index-point li{
	margin-bottom: 30px;
}
.point-icon{
	display: block;
	background: url(../images/icon09.png) center center no-repeat;
	text-align: center;
    height: 130px;
    line-height: 130px;
    margin-bottom: 35px;
}
.point-icon img{
	-moz-transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
.point-icon:hover  img{
	transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
}
.point-title{
	font-size: 18px;
	color: #5f646f;
	margin: 20px 0;
}
.point-intro{
	color: #787778;
	padding: 0 20px;
}
.index-lpbtn{
	background: #fff;
	color: #506bcd;
	border: 2px solid #d2d5d5;
	border-radius: 5px;
	height: 40px;
	line-height: 40px;
	width: 178px;
	margin-top: 70px;
	margin-bottom: 85px;
}
.index-lpbtn:hover{
	background:#506bcd; 
	border: 2px solid #506bcd;
}
/*首页品牌*/
.index-brand-list{
	padding: 20px 0;
	background: #f6f6f6;
}
.brand-row{
	height: 66px;
}
.brand-1{
	width: 230px;
	background: url(../images/idx05.jpg) 0 0 no-repeat;
}
.brand-2{
	width: 260px;
	background: url(../images/idx05.jpg) -230px 0 no-repeat;
}
.brand-3{
	width: 295px;
	background: url(../images/idx05.jpg) -490px -1px no-repeat;
}
.brand-4{
	width: 155px;
	background: url(../images/idx05.jpg) -785px 0 no-repeat;
}
.brand-5{
	width: 160px;
	background: url(../images/idx05.jpg) -940px 0 no-repeat;
}
.brand-1:hover{
	background: url(../images/idx05.jpg) 0 -66px no-repeat;
}
.brand-2:hover{
	width: 260px;
	background: url(../images/idx05.jpg) -230px -66px no-repeat;
}
.brand-3:hover{
	width: 295px;
	background: url(../images/idx05.jpg) -490px -66px no-repeat;
}
.brand-4:hover{
	width: 155px;
	background: url(../images/idx05.jpg) -785px -66px no-repeat;
}
.brand-5:hover{
	width: 160px;
	background: url(../images/idx05.jpg) -940px -66px no-repeat;
}
.index-footer{
	padding: 50px 0 60px;
	background: #363B47;
}
.index-footer h3{
	color: #d5d5d5;
	margin-bottom: 20px;
}
.index-footer li{
	line-height: 25px;
	font-size: 14px;
	color: #fff;
}
.index-footer li:hover{
	cursor: pointer;
}
.index-footer li a{
	color: #fff;
}
.share-icon{
	color: #6b6e74;
	font-size: 35px;
	margin: 0 10px;
}
.share-icon:hover{
	cursor: pointer;
	color: #d5d5d5;
}
/*首页底部*/
.footer-wechat-tips img{
	position: absolute;
	left: 0;
	top: 0;
	max-width: 100%;
}
footer{
	text-align: center;
	color: #818286;
	background: #30343f;
	padding: 20px 0 !important;
	font-size: 12px;
}
footer a{
	color: #818286
}
/*侧边导航*/
.slide-bg{
	display: none;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1001;
	background: rgba(0,0,0,.5);
	-moz-transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
.slide-menu{
	width: 170px;
	height: 100%;
	top: 0;
	right: -240px;
	position: fixed;
	padding-top: 130px;
	padding-left: 35px;
	padding-right: 35px;
	background: #fff;
	z-index: 1002;
    box-shadow: -10px 0 10px rgba(0, 0, 0, 0.1);
    -moz-transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
.slide-show.slide-menu{
	right: 0;
}
.slide-menu ul li{
	margin: 22px 0;
	color: #747474;
}
.slide-menu ul li a{
	padding: 8px 15px;
    color: #747474;
    border-radius: 15px;
    height: 30px;
    line-height: 30px;
}
.slide-menu ul li.active a,.slide-menu ul li:hover a{
	color: #fff;
	background: #506bcd; 
}
.slide-share{
	padding-top: 20px;
	border-top: 1px solid #747474;
	position: absolute;
	bottom: 230px;
}
.slide-share .share-icon{
	margin: 0;
}
.slide-share .share-icon:hover{
	color: #506bcd;
}
/*侧边导航按钮*/
.menu-btn{
	right: 50px;
	top: 30px;
	color: #5b5b5b;
	z-index: 1003;
	-moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
.menu-title{
	font-weight: bold;
}
.menu-list{
	width: 35px;
	height: 21px;
	margin-left: 10px;
	cursor: pointer;
}
.menu-list span{
	position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 3px;
    background: #616772;
    border-radius: 3px;
    -moz-transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
.menu-list span.line-2,.menu-list span.line-3{
	top: 9px;
}
.menu-list span.line-4{
	top: 18px;
}
.header-transition.menu-btn{
	top: 30px;
}
.menu-list.click span.line-1,.menu-list.click span.line-4{
	opacity: 0;
}
.menu-list.click span.line-2{
	transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.menu-list.click span.line-3{
	transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}
/*侧边栏*/
.slide-tips{
	position: fixed;
	right: -68px;
	bottom: 100px;
	-moz-transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
.slide-transition{
	right: 10px;
}
.slide-tips ul li{
	width: 68px;
	height: 76px;
	display: block;
	margin-bottom: 2px;
}
.slide-tips ul li:hover{
	cursor: pointer;
}
.slide-tips ul .tips-1{
	height: 131px;
	background: url(../images/side.png)  no-repeat;
	background-size: cover;
}
.slide-tips ul .tips-2{
	background: url(../images/side.png) 0 -133px no-repeat;
	background-size: cover;
}
.slide-tips ul .tips-3{
	background: url(../images/side.png) 0 -211px no-repeat;
	background-size: cover;
}
.slide-tips ul .tips-4{
	height: 68px;
	background: url(../images/side.png) 0 -289px no-repeat;
	background-size: cover;
}
.slide-tips ul .tips-5{
	background: url(../images/side.png) 0 -359px no-repeat;
	background-size: cover;
}
.slide-tips-en ul .tips-1{
	height: 131px;
	background: url(../images/side-en.png)  no-repeat;
	background-size: cover;
}
.slide-tips-en ul .tips-2{
	background: url(../images/side-en.png) 0 -133px no-repeat;
	background-size: cover;
}
.slide-tips-en ul .tips-3{
	background: url(../images/side-en.png) 0 -211px no-repeat;
	background-size: cover;
}
.slide-tips-en ul .tips-4{
	height: 68px;
	background: url(../images/side-en.png) 0 -289px no-repeat;
	background-size: cover;
}
.slide-tips-en ul .tips-5{
	background: url(../images/side-en.png) 0 -359px no-repeat;
	background-size: cover;
}
.all-phone-tips{
	color: #506bcd;
    font-size: 14px;
    line-height: 20px;
}
/*在线投保弹框皮肤*/
body .skin-white{
	background: transparent !important;
	box-shadow:none;
}
body .skin-white .layui-layer-title{
	background:transparent !important;
	color:#747474; 
	border: none;
	text-align: center;
	font-size: 35px;
    font-weight: lighter;
    line-height: 60px;
    height: 60px;
    padding: 0;
    padding-top: 10%;
}
body .skin-white .layui-layer-content .port{
	padding: 25px 0;
	text-align: center;
}
body .skin-white .layui-layer-content .port a{
	font-size: 16px;
	width: 265px;
	height: 83px;
	color: #747474;
	line-height: 83px;
	display: inline-block;
	background: url(../images/icon06.png) no-repeat;
	background-size: cover;
	text-align: left;
}
body .skin-white .layui-layer-content .port a span{
	line-height: 20px;
    display: inline-block;
    vertical-align: middle;
}
body .skin-white .layui-layer-content .port a i{
	font-size: 42px;
	margin: 0 20px;
	vertical-align: middle;
}
body .skin-white .layui-layer-content .port a:hover{
	background: url(../images/icon06.png) 0 -83px no-repeat;
	background-size: cover;
}

body .skin-white .layui-layer-setwin .layui-layer-close {
    position: absolute;
    right: 55px;
    top: 55px;
    width: 46px;
    height: 46px;
    background: url(../images/icon07.png) no-repeat;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
body .skin-white .layui-layer-setwin .layui-layer-close:hover{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
/*侧边电话弹框皮肤*/
body .skin-blue{
	background: transparent !important;
	box-shadow:none;
}
body .skin-blue .layui-layer-content{
	background: #fff;
	border: 1px solid #516CCE;
	border-radius: 5px;
}
/*非首页公共样式*/
.header-common{
	background: rgba(255,255,255,.9);
	height: 135px;
	width: 100%;
	padding: 0;
}
.header-common .header-row{
	height: 85px;
	line-height: 85px;
}
.header-common .logo{
	line-height: 80px;
}
.header-common .logo img{
	height: 56px;
}
.header-common .language{
	line-height: 45px;
    margin: 20px 0;
}
.header-common .phone{
	line-height: initial;
    margin-top: 25px;
}
.common-menu{
	
}
.common-menu li{
	text-align: center;
	height: 56px;
}
.common-menu li.active,.common-menu li:hover{
	background: rgba(128,128,128,.2);
}
.common-menu li a{
	color: #e1e1e1;
	display: block;
	padding: 15px 0;
}
.common-menu li a i{
	font-size: 20px;
    vertical-align: middle;
    margin-right: 5px;
}
/*解决方案*/
.solution-banner{
	overflow: hidden;
	height: 227px;
	padding: 0;
	width: 100%;
	background: url(../images/banner_solution.jpg) center center no-repeat;
}
.solution-banner-en{
	background: url(../images/banner_solution.jpg) center center no-repeat;
}
.solution-banner img{
	width: 100%;
}
.sub-fluid-row{
	padding: 60px 0 100px;
}
.common-sub-title-list{
	margin-top: 30px;
	padding: 0;
	height: 64px;
}
.common-sub-title{
	padding: 0;
}
.common-sub-title ul li a{
	display: block;
}
.common-fixed{
	position: fixed;
	top: 80px;
	left: 0;
	width: 100%;
	box-shadow: 0 1px 5px rgba(0,0,0,0.2);
	z-index: 99999;
    background: #fff;
    margin-top: 0;
}
.common-sub-title ul{
	text-align: center;
}
.common-sub-title ul li{
	height: 64px;
	line-height: 64px;
	font-size: 16px;
	border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
}
.common-sub-title ul li:first-child{
    border-left: 1px solid #e5e5e5;
}
.common-sub-title ul li:last-child{
    border-right: 1px solid #e5e5e5;
}
.common-sub-title ul li.current,.common-sub-title ul li:hover{
	background: #f3f3f3;
	border: 1px solid #e5e5e5;
}
.common-sub-title ul li .iconfont{
    /*margin-right: 10px;*/
}
.common-sub-title ul li .icon-solution-1{
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url(../images/icon23.png) 0 -15px no-repeat;
	background-size: cover;
	vertical-align: middle;
}
.common-sub-title ul li .icon-solution-2{
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url(../images/icon23.png) 0 -87px no-repeat;
	background-size: cover;
	vertical-align: middle;
}
.common-sub-title ul li .icon-solution-3{
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url(../images/icon23.png) 0 -158px no-repeat;
	background-size: cover;
	vertical-align: middle;
}
.main-type-list{
	display: block;
	position: relative;
	margin: 0 auto;
	width: 970px;
	height: 345px;
	background: url(../images/solution.png) no-repeat;
	background-size: cover;
}
.main-type-list-en{
	background: url(../images/solution-en.png) no-repeat;
	background-size: cover;
}
.main-type-list span{
	position: absolute;
	width: 122px;
    height: 133px;
}
.main-type-list .t1{
	top: 137px;
    left: 78px;
    background: url(../images/icon01.png) no-repeat;
    background-size: cover;
}
.main-type-list .t2{ 
	top:61px; 
	left:336px; 
	background:url(../images/icon02.png) no-repeat; 
	background-size: cover;
}
.main-type-list .t3{ 
	top:127px; 
	left:582px; 
	background:url(../images/icon03.png) no-repeat; 
	background-size: cover;
}
.main-type-list .t4{ 
	top:19px; 
	left:828px; 
	background:url(../images/icon04.png) no-repeat; 
	background-size: cover;
}
.main-type-list span:hover{ 
	animation:shake .3s ease; 
	-webkit-animation:shake .3s ease; 
	-moz-animation:shake .3s ease; 
	-o-animation:shake .3s ease; 
}
@keyframes shake {
	0% {transform: translateX(0);}
	20% {transform: translateX(-5px);}
	60% {transform: translateX(5px);}
	100% {transform: translateX(0);}
}
@-webkit-keyframes shake {
	0% {-webkit-transform: translateX(0);}
	20% {-webkit-transform: translateX(-5px);}
	60% {-webkit-transform: translateX(5px);}
	100% {-webkit-transform: translateX(0);}
}
@-moz-keyframes shake {
	0% {-moz-transform: translateX(0);}
	20% {-moz-transform: translateX(-5px);}
	60% {-moz-transform: translateX(5px);}
	100% {-moz-transform: translateX(0);}
}
@-o-keyframes shake {
	0% {-o-transform: translateX(0);}
	20% {-o-transform: translateX(-5px);}
	60% {-o-transform: translateX(5px);}
	100% {-o-transform: translateX(0);}
}
#solution-2{
	background: #f8f8f8;
}
.main-title{
	font-size: 18px;
	margin-top: 35px;
}
.main-title-line{
	display: inline-block;
	width: 50px;
	vertical-align: middle;
	margin: 0 20px;
}
.main-sub-title{
	color: #949494;
}
.main-intro{
	margin-top: 25px;
	line-height: 2em;
	margin-bottom: 30px; 
}
.main-intro p{
	font-size: 16px;
}
.intro-img{
	width: 203px;
	height: 203px;
	display: block;
	position: relative;
	margin: 0 auto;
	margin-top: 30px;
}
.intro-img span{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.intro-img img{
	position: absolute;
	max-width: 100%;
}
.intro-img-1 span,.intro-img-3 span{
	background:url(../images/sbg01.png) no-repeat; 
	background-size: cover;
	animation:round 7s linear infinite; 
	-webkit-animation:round 7s linear infinite; 
	-moz-animation:round 7s linear infinite; 
	-o-animation:round 7s linear infinite;
}
.intro-img-2 span,.intro-img-4 span{
	background:url(../images/sbg02.png) no-repeat; 
	background-size: cover;
	animation:round 7s linear infinite; 
	-webkit-animation:round 7s linear infinite; 
	-moz-animation:round 7s linear infinite; 
	-o-animation:round 7s linear infinite;
}
.mini-img{
	margin-top: 30px;
	text-align: center;
	background:url(../images/sbg03.png) center center no-repeat; 
	background-size: contain;
}
.mini-img img{
	vertical-align: middle; 
	max-width: 100%;
}
.mini-title{
	text-align: center;
	margin-top: 30px;
}
.mini-content{
	text-align: center;
	margin-top: 30px;
	color: #949494;
	line-height: 24px;
	font-size: 12px;
}
@keyframes round{
	100%{ transform:rotate(360deg); }
}
@-webkit-keyframes round{
	100%{ -webkit-transform:rotate(360deg); }
}
@-moz-keyframes round{
	100%{ -moz-transform:rotate(360deg); }
}
@-o-keyframes round{
	100%{ -o-transform:rotate(360deg); }
}
/*险种介绍*/
.surance-banner{
	overflow: hidden;
	height: 227px;
	padding: 0;
	width: 100%;
	background: url(../images/banner_surance.jpg) center center no-repeat;
}
.surance-banner-en{
	background: url(../images/banner_surance-en.jpg) center center no-repeat;
}
.surance-banner img{
	width: 100%;
}
.common-sub-title ul li i{
	display: inline-block;
	width: 40px;
	height: 40px;
	vertical-align: middle;
}
.common-sub-title ul li .icon-surance-1{
	background: url(../images/icon25.png) 0 -16px no-repeat;
	background-size: cover;
}
.common-sub-title ul li .icon-surance-2{
	background: url(../images/icon25.png) 0 -87px no-repeat;
	background-size: cover;
	}
.common-sub-title ul li .icon-surance-3{
	background: url(../images/icon25.png) 0 -158px no-repeat;
	background-size: cover;
}
.common-sub-title ul li .icon-surance-4{
	background: url(../images/icon25.png) 0 -229px no-repeat;
	background-size: cover;
}
.common-sub-title ul li .icon-surance-5{
	background: url(../images/icon25.png) 0 -300px no-repeat;
	background-size: cover;
}
.main-content{
	line-height: 26px;
}
.main-content h4{
	font-size: 16px;
    color: #506bcd;
    margin: 10px 0;
}
.main-content img{
	max-width: 100%;
}
.main-content ul li{
	list-style-type: none;
}
.main-content ul li:before{
    content: "\2022";
    color: #3194CF;
    font-size: 24px;
    vertical-align: middle;
    margin-right: 5px;
}
#surance-2,#surance-4{
	background: #eff4f7;
}
.main-content{
	padding-left: 30px;
}
.surance-content img{
	max-width: 100%;
}
/*理赔流程*/
.claims-banner{
	overflow: hidden;
	height: 227px;
	padding: 0;
	width: 100%;
	background: url(../images/banner_claims.jpg) center center no-repeat;
}
.claims-banner-en{
	background: url(../images/banner_claims-en.jpg) center center no-repeat;
}
.claims-banner img{
	width: 100%;
}

.common-sub-title ul li .icon-claims-1{
	background: url(../images/icon24.png) 0 -16px no-repeat;
	background-size: cover;
}
.common-sub-title ul li .icon-claims-2{
	background: url(../images/icon24.png) 0 -87px no-repeat;
	background-size: cover;
}
.common-sub-title ul li .icon-claims-3{
	background: url(../images/icon24.png) 0 -158px no-repeat;
	background-size: cover;
}
.common-sub-title ul li .icon-claims-4{
	background: url(../images/icon24.png) 0 -229px no-repeat;
	background-size: cover;
}
.claims-arrow{
	text-align: center;
	margin-top: 30px;
}
#claims-1 h2 span{
	font-size: 14px;
	color: #ccc;
}
.claims-form,.claims-tel{
	margin-top: 50px;
}
.claims-form label.layui-form-label{
	height: 55px;
    line-height: 40px;
}
.claims-form label i{
	font-size: 25px;
} 
.claims-form .order-input{
	height: 55px;
}

.claims-form .order-input::-webkit-input-placeholder { /* WebKit browsers */
  font-size: 12px;
}

.claims-form .order-input:-moz-placeholder { /* Mozilla Firefox 19+ */
  font-size: 12px;
}

.claims-form .order-input:-ms-input-placeholder { /* Internet Explorer 10+ */
  font-size: 12px;
}

.claims-form .claims-next-btn{
	height: 125px;
    width: 90%;
    margin: 0 5%;
}
.claims-tel-number{
	margin-top: 20px;
}
.claims-tel-number .layui-btn{
	line-height: 52px;
    height: 52px;
}
.claims-tel-number .layui-btn-en{
	line-height: 20px;
    padding-top: 5px;
}
.claims-tel-number .layui-btn a{
	font-size: 16px;
	color: #516ccd;
}
.claims-tel-number .layui-btn:hover{
	background:#516ccd;
	color: #fff;
	border: 1px solid #516ccd;
}
.claims-tel-number .layui-btn:hover a{
	color: #fff;
}
.claims-img{
	text-align: center;
	background:url(../images/cbg.png) center center no-repeat; 
}
.claims-img img{
	vertical-align: middle; 
	max-width: 100%;
}
.claims-img img:hover{
	animation:shake .3s ease; 
	-webkit-animation:shake .3s ease; 
	-moz-animation:shake .3s ease; 
	-o-animation:shake .3s ease;
}
.xs-mr{
	margin:0 5px;
}
.download-block{
	margin-bottom: 30px;
	padding: 10px 20px;
}
.download-title{
	padding: 50px 20px;
	border:1px solid #b5b5b5;
}
.download-block .download-icon{
	position: absolute;
	bottom: 10px;
    right: 20px;
    width: 58px;
    height: 43px;
    background: url(../images/down.png) no-repeat;
}
.download-block:hover{
	cursor: pointer;
}
.download-block:hover .download-icon{
    background: url(../images/down.png) 0 -43px no-repeat;
}

/*关于我们*/
.about-banner{
	overflow: hidden;
	height: 227px;
	padding: 0;
	width: 100%;
	background: url(../images/banner_about.jpg) center center no-repeat;
}
.about-banner-en{
	background: url(../images/banner_about-en.jpg) center center no-repeat;
}
.about-banner img{
	width: 100%;
}
.common-sub-title ul li .icon-about-1{
	background: url(../images/icon17.png) 0 -16px no-repeat;
	background-size: cover;
}
.common-sub-title ul li .icon-about-2{
	background: url(../images/icon17.png) 0 -87px no-repeat;
	background-size: cover;
}
.common-sub-title ul li .icon-about-3{
	background: url(../images/icon17.png) 0 -158px no-repeat;
	background-size: cover;
}
.common-sub-title ul li .icon-about-4{
	background: url(../images/icon17.png) 0 -229px no-repeat;
	background-size: cover;
}
.about-point-list{
	width: 370px;
    height: 418px;
	background: url(../images/about.png) center center no-repeat;
}
.about-point-list .point{
	position: absolute;
	width: 90px;
	height: 99px;
}
.about-point-list .p1{
	top: 0;
    left: 141px;
    background: url(../images/icon-about01.png) no-repeat;
}
.about-point-list .p2{
	top: 76px;
    right: 0;
    background: url(../images/icon-about02.png) no-repeat;
}
.about-point-list .p3{
	bottom: 82px;
    right: 0;
    background: url(../images/icon-about03.png) no-repeat;
}
.about-point-list .p4{
	bottom: 0;
    left: 141px;
    background: url(../images/icon-about04.png) no-repeat;
}
.about-point-list .p5{
	bottom: 82px;
    left: 0;
    background: url(../images/icon-about05.png) no-repeat;
}
.about-point-list .p6{
	top: 76px;
    left: 0;
    background: url(../images/icon-about06.png) no-repeat;
}
.about-point-list .point span{
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	text-align: center;
    line-height: 700%;
    color: #fff;
    background: url(../images/iconbg.png) no-repeat;
}
.about-point-list .point:hover span{
	display: block;
}
.about-top-title{
	margin-top: 90px;
	margin-bottom: 30px;
}
.about-top-title h2{
	color: #516ccd;
}
.about-text p{
	margin: 10px 0;
	color: #585858;
    line-height: 26px;
}
.about-service-ad{
	height: 130px;
	margin-bottom: 60px;
	text-align: center;
}
.about-service-ad .about-img{
	position: absolute;
	width: 100%;
	text-align: center;
	background: url(../images/iconbg1.png) center center no-repeat;
	-moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
.about-service-ad .about-service-text{
	position: absolute;
    width: 100%;
    bottom: 20px;
	text-align: center;
	color: #535966;
	z-index: 98;
	opacity: 0;
	-moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;

}
.about-service-ad .about-img{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 99;
	background: url(../images/iconbg1.png) center center no-repeat;
	-moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
.about-service-ad img{
	position: absolute;
    left: 50%;
    margin-left: -65px;
    z-index: 100;
    top: 0;
	-moz-transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
.about-service-ad:hover img{
    top: -20px;
}
.about-service-ad:hover .about-service-text{
    bottom: -40px;
    opacity: 1;
}
.about-service-ad:hover .about-img{
    top: -20px;
}
.recruit-row{
	color: #585858;
	font-size: 16px;
	margin-bottom: 25px;
}
.recruit-row i{
	font-size: 32px;
	margin-right: 15px;
	vertical-align: middle;
}
.recruit-list a{
	color: #506bcd;
}
.recruit-row:hover{
	cursor: pointer;
	color: #fd614a;
}
.form-name{
	line-height: 38px;
}
.about-sub-btn{
	margin-top: 30px;
}
.about-sub-btn button{
	background: #516ccd;
}

/*在线投保*/
.layui-form-title ul{
	margin-bottom: 20px;
}
.layui-form-title ul li{
	line-height: 45px;
	text-align: center;
	font-size: 16px;
	padding-bottom: 5px;
	color: #bec0ca;
	width: 100%;
	max-width: 176px;
	background: url(../images/line_bg.png) 0 bottom no-repeat;
	background-size: contain;
}
.layui-form-title-en ul li{
	max-width: 215px;
	line-height: 25px;
	height: 55px;
}
.layui-form-title ul li.current{
	color: #363b47;
	font-size: 22px;
	background: url(../images/line_bg_current.png) 0 bottom no-repeat;
	background-size: contain;
}
.layui-form-title ul li:last-child{
	background: none;
	float: right;
}
.layui-form-title ul li.insure-tips{
	font-size: 12px;
	color: #6b6e74;
}
.layui-form-title ul li.insure-tips i{
	vertical-align: middle;
}
.layui-form-header{
	border: 1px solid #e5e5e5;
}
.layui-form-top{
	font-size: 16px;
	line-height: 48px;
	background: #f5f5f5;
	padding-left: 40px;
	color: #777;
}
.layui-form-top i{
	vertical-align: middle;
	font-size: 20px;
	margin-right: 10px;
}
.layui-form-body{
	background: #fff;
	padding-bottom: 20px;
    margin-bottom: 30px;
}
.next-btn{
	margin: 30px auto;
}
.next-btn .bule-btn{
	background: #516ccd;
}

.layui-form-body .layui-form-item{
	margin: 0 40px;
	padding: 20px 0;
	border-bottom: 1px solid #e5e5e5;
}
.layui-form-body .layui-form-item:last-child{
	border-bottom: 0;
}
.layui-form-body .layui-form-item a{
	color: #506bcd;
}
.clauses-table{
	margin-bottom: 20px;
}
.quota-title{
	font-size: 16px;
	line-height: 48px;
	background: #f5f5f5;
	color: #777;
	border-left:1px dashed #e5e5e5;
}
.layui-insure-table{
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	background: #fff;
}
.layui-insure-table table thead{
	border-bottom:1px solid #e5e5e5;
}
.layui-insure-table table thead th{
	text-align: center;
	background: #f8f9ff;
	padding: 16px 0;
}
.layui-insure-table .layui-table{
	margin: 0;
}
.layui-insure-table table tbody tr{
	border-bottom:1px solid #e5e5e5;
}
.layui-insure-table table tr td{
	text-align: center;
	padding: 16px 35px;
	font-size: 12px;
}
.layui-insure-table table tr td:nth-child(2){
	border-left:1px dashed #e5e5e5;
	border-right:1px dashed #e5e5e5;
}
.layui-insure-table table tr td i{
	margin-right: 5px;
}
.insure-money{
	text-align: right;
	font-size: 18px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.insure-money span{
	display: inline-block;
	border:1px solid #516ccd;
	padding: 20px;
	margin-left: 30px;
	background: #fff;
}
.insure-money span:hover{
	cursor: pointer;
}
.insure-money span.active{
	border:3px solid #516ccd;
}
.insures-list{
	margin-left: 130px;
}
.insures-list input{
	margin-right: 10px;
	margin-bottom: 10px;
}
.invoice-tips{
	display: inline-block;
    vertical-align: middle;
    color: #ff0000;
}
.label-width-special .layui-form-label {
    width: 100px;
}
.label-width-bg .layui-form-label {
    width: 160px;
}
.add-constructor i{
	font-size: 30px;
    vertical-align: middle;
}
.delete-constructor i{
	font-size: 30px;
}
.delete-constructor i:hover{
	cursor: pointer;
}
.policy-view{
	padding: 30px 20px;
	background: #fff;
}
.policy-view-row{
	line-height: 40px;
	padding-left: 25px;
}
.policy-view-row i{
	margin-right: 20px;
}
.insurance-declaration{
	padding: 20px 40px;
	background: #fff;
}
.insurance-declaration p{
	font-size: 12px;
	color: #9b9b9b;
	line-height: 26px;
}
.insurance-declaration p i{
	font-size: 12px;
	color: #516ccd;
	font-weight: bold;
	margin-right: 10px;
}
.insurance-btns{
	line-height: 50px;
}
.insurance-btns a{
	font-size: 12px;
	color: #516ccd;
}
.insurance-btns a i{
	font-size: 12px;
	color: #516ccd;
}
.insurance-agree .layui-form-checkbox span{
	font-size: 16px;
	font-weight: bold;
	line-height: 40px;
}
.insurance-agree i{
	top: 12px;
}

.insure-index{
	margin: 20px 0;
    padding: 0 20px;
    overflow-y: auto;
    line-height: 2em;
    font-size: 14px;
}
.insure-index h4{
	margin: 12px 0;
    color: #333;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}
.insure-index p{
	margin: 7px 0;
    line-height: 18px;
    font-size: 12px;
    color: #666;
}
.pay-body{
	background: #fff;
	padding: 0 40px;
}
.pay-body .layui-layout-right{
	bottom: 0;
    top: auto;
}
.pay-body .pay-info{
	height: 50px;
	line-height: 50px;
	position: relative;
	font-size: 16px;
	padding: 35px 0 20px;
}
.pay-body .pay-money{
	font-size: 45px;
	padding: 0 15px;
}
.pay-body .pay-choose a{
	margin-left: 60px;
    display: block;
    width: 194px;
    height: 75px;
    margin: 0 auto;
    margin-bottom: 70px;
    margin-top: 30px;
    border: 1px dashed #e5e5e5;
    text-align: center;
    line-height: 73px;
}
.pay-body .pay-choose a:hover,.pay-body .pay-choose a.active{
	color: #516ccd;
    border-color: #516ccd;
}
.pay-body .pay-choose a img{
	max-width: 100%;
}


.login{
	position: absolute;
    right: 90px;
    top: 5px;
    line-height: initial;
}
.user-login-header h2 {
    margin-bottom: 10px;
    font-weight: 300;
    font-size: 30px;
    color: #000;
}
.user-login-header p {
    font-weight: 300;
    color: #999;
}
.user-login-box {
    padding: 20px;
}
.user-login-box .layui-form-item{
	position: relative;
}
.user-login-icon{
	position: absolute;
    left: 1px;
    top: 1px;
    width: 38px;
    line-height: 38px;
    text-align: center;
    color: #d2d2d2;
}
.sendCode{
	line-height: 38px;
	height: 38px;
}
.user-login-body .layui-form-item .layui-input {
    padding-left: 38px;
    height: 38px;
}
.user-jump-change {
    float: right;
}

.account-banner{
	margin: 30px 0;
	padding: 20px;
	background: #fff;
}

.layui-tab-content{
	overflow: auto;
}
.layui-tab-content .layui-tab-item{
	min-width: 960px;
}

.login-box{
	background: #ffffff;
	padding: 50px 100px;
	margin-top: 50px;
	margin-bottom: 50px;
}
.login-type{
	padding: 0 20px;
}
.login-type div{
	line-height: 38px;
	border: 1px solid #009688;
}
.login-type div:hover{
	cursor: pointer;
}
.login-type .active{
	color: #fff;
	background: #009688;
}
/*相应分辨率*/
@media screen and (min-width: 1920px){
	.banner-1{
		background: url(../images/banner.jpg) center center no-repeat;
		background-size: cover;
	}
	.solution-banner{
		background: url(../images/banner_solution.jpg) center center no-repeat;
		background-size: cover;
	}
	.solution-banner-en{
		background: url(../images/banner_solution-en.jpg) center center no-repeat;
		background-size: cover;
	}
	.surance-banner{
		background: url(../images/banner_surance.jpg) center center no-repeat;
		background-size: cover;
	}
	.surance-banner-en{
		background: url(../images/banner_surance-en.jpg) center center no-repeat;
		background-size: cover;
	}
	.claims-banner{
		background: url(../images/banner_claims.jpg) center center no-repeat;
		background-size: cover;
	}
	.claims-banner-en{
		background: url(../images/banner_claims-en.jpg) center center no-repeat;
		background-size: cover;
	}
	.about-banner{
		background: url(../images/banner_about.jpg) center center no-repeat;
		background-size: cover;
	}
	.about-banner-en{
		background: url(../images/banner_about-en.jpg) center center no-repeat;
		background-size: cover;
	}
}
@media screen and (max-width: 1440px){
	.banner-box{
		margin-top: -15%;
		margin-left: -35%;
	}
}
@media screen and (max-width: 1366px){
	.banner-box{
		margin-top: -15%;
		margin-left: -35%;
		width: 370px;
    	height: 401px;
	}
	.online{
	    bottom: 55px;
	    margin-left: -24%;
	}
	.banner-box-en .online{
		padding: 14px 25px; 
	}
	body .skin-white .layui-layer-content .port a {
	    width: 215px;
	    height: 67px;
	    line-height: 67px;
	}
	body .skin-white .layui-layer-content .port a:hover{
		background: url(../images/icon06.png) 0 -67px no-repeat;
		background-size: cover;
	}
	body .skin-white .layui-layer-content .port a i {
	    margin: 0 5px;
	    font-size: 35px;
	}
	.common-sub-title ul li {
	    font-size: 14px;
	}

	.layui-form-title ul li{
		font-size: 14px;
		max-width: 140px;
		background: url(../images/line_bg.png) 0 bottom no-repeat;
		background-size: contain;
	}
	.layui-form-title-en ul li{
		max-width: 160px;
	}
	.layui-form-title ul li.current{
		font-size: 18px;
		background: url(../images/line_bg_current.png) 0 bottom no-repeat;
		background-size: contain;
	}
	.layui-form-title-en ul li.current{
		background: url(../images/line_bg_current.png) 0 bottom no-repeat;
		background-size: contain;
	}
	.layui-form-title ul li:last-child{
		max-width: 20%;
	}
	.layui-form-title-en ul li:last-child{
		max-width: 25%;
	}
}
@media screen and (max-width: 992px){
	.banner-box {
	    padding-top: 27%;
	    padding-bottom: 8%;
	    margin-top: -15%;
		margin-left: -40%;
	}
	.intro-img{
		width: 160px;
		height: 160px;
	}
	.common-sub-title ul li{
		font-size: 14px;
	}
	.main-type-list{
		width: 720px;
		height: 256px;
	}
	.main-type-list span{
		position: absolute;
		width: 92px;
	    height: 100px;
	}
	.main-type-list .t1{
		top: 100px;
	    left: 57px;
	}
	.main-type-list .t2{ 
		top:45px; 
		left:248px; 
	}
	.main-type-list .t3{ 
		top:93px; 
		left:432px; 
	}
	.main-type-list .t4{ 
		top:13px; 
		left:610px; 
	}
	.claims-form .claims-next-btn {
	    height: 55px;
	    width: 100%;
	    margin: 0;
	}
	.about-point-list {
	    left: 50%;
	    margin-left: -185px; 
	}
	.layui-form-title ul li:last-child{
		max-width: 100%;
	}
	.layui-form-title-en ul li:last-child{
		max-width: 30%;
	}
	.mobile-phone{
		display: none;
	}
	.yuyue-form .yuyue-title{
		text-align: left;
		padding-left: 0;
	}
}
@media screen and (max-width: 768px){
	body .skin-white .layui-layer-setwin .layui-layer-close {
	    right: 0px;
	    top: 0;
	}
	.banner-box {
	    padding-top: 40%;
	    margin-left: -49%;
	}
	.logo{
		left: 10px;
	}
	.menu-title{
		display: none;
	}
	.menu-btn{
		right: 10px;
	}
	.layui-xs-center{
		text-align: center;
	}
	.main-content{
    	margin-bottom: 30px;
	}
	.credentials-btn{
		margin-top: 30px;
		margin-left: 0;
	}
	.xs-mr {
	    margin: 0;
	    margin-bottom: 10px;
	}
	.login-box{
		padding: 50px 20px;
	}
	.pay-body {
	    padding: 0 20px;
	}
	.mobile-phone{
		position: absolute;
	    top: 32px;
	    left: 85px;
	}
	
}
@media screen and (max-width: 450px){

	.layui-form-body .layui-form-item {
	    margin: 15px;
	}
	.xs-padding{
		padding: 0;
	}
	.header-common {
	    height: 85px;
	}
	.common-sub-title .layui-container{
		padding: 0;
	}
	.solution-banner{
		background: url(../images/banner_solution.jpg) center center no-repeat;
	    background-size: cover;
	    background-position-x: -640px;
	}
	.solution-banner-en{
		background: url(../images/banner_solution-en.jpg) center center no-repeat;
	    background-size: cover;
	    background-position-x: -640px;
	}
	.about-banner{
		background: url(../images/banner_about.jpg) center center no-repeat;
	    background-size: cover;
	    background-position-x: -640px;
	}
	.about-banner-en{
		background: url(../images/banner_about-en.jpg) center center no-repeat;
	    background-size: cover;
	    background-position-x: -640px;
	}
	.surance-banner{
		background: url(../images/banner_surance.jpg) center center no-repeat;
	    background-size: cover;
	    background-position-x: -560px;
	}
	.surance-banner-en{
		background: url(../images/banner_surance-en.jpg) center center no-repeat;
	    background-size: cover;
	    background-position-x: -565px;
	}
	.claims-banner{
		background: url(../images/banner_claims.jpg) center center no-repeat;
	    background-size: cover;
	    background-position-x: -640px;
	}
	.claims-banner-en{
		background: url(../images/banner_claims-en.jpg) center center no-repeat;
	    background-size: cover;
	    background-position-x: -640px;
	}
	.layui-form-top {
	    font-size: 12px;
	    padding-left: 10px;
	}
	.quota-title {
	    font-size: 12px;
	}
	.layui-form-item .layui-form-label {
	    width: 100%;
    	text-align: left;
    	padding-left: 0;
    	padding-right: 0;
	}
	.layui-form-item .layui-input-inline {
        width: 100%;
		margin-left: 0;
		margin-bottom: 10px;
		display: inline-block;
	}
	.layui-input-block {
	    width: 100%;
    	margin-left: 0;
    	padding-left: 0;
    	padding-right: 0;
	}	
	.xs-mr{
		margin: 0;
		margin-bottom: 10px;
	}
	.policy-view-row {
	    line-height: 25px;
	    padding-left: 0; 
	}
	.insurance-declaration {
	    padding: 20px;
	}
	.pay-body .pay-info {
	    height: 140px;
	}
	.claims-form .layui-form-item .layui-form-label{
		width: 55px;
    	text-align: center;
	}
	.claims-form .layui-form-pane .layui-input-block {
	    margin-left: 55px;
	    width: auto;
	}
	.claims-img {
	    background: url(../images/cbg.png) center center no-repeat;
	    background-size: contain;
	}
	.credentials-btn{
		margin-top: 30px;
		margin-left: 0;
	}
	.login-box{
		padding: 30px 0px;
	}
	.mobile-phone{
		position: absolute;
	    top: 26px;
	    left: 75px;
	}

	.logo-img img{
		margin-top: -10px;
	}
}

.layui-header{
	margin-top: 39px;
	-moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
.layui-header.index-menu-sh{
	margin-top: 0;
}
.logo-block{
	display: grid;
}
.logo-img{
	line-height: 130px;
	-moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
.index-menu-sh{
	line-height: 80px;
}
.logo-img img{
	max-width: 100%;
}
.index-menu-list{
	padding-left: 90px;
}
.index-menu-list li{
	display: inline-block;
	line-height: 130px;
	-moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
.index-menu-sh li{
	line-height: 80px;
}	
.index-menu-list li a{
	padding: 20px 25px;
	font-size: 16px;
}
.index-top{
	top: 0;
	position: fixed;
    z-index: 9999;
    width: 100%;
    background: #e9e9e9;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
.index-top.index-menu-sh{
	top: -39px;
}
.index-top .index-top-list li{
	float: left;
	margin: 0px 5px;
	line-height: 38px;
}
.index-top .index-top-right.layui-col-xs12 li{
	line-height: 39px;
}
.index-top .index-top-right li{
	float: right;
}
@media screen and (max-width: 1366px){
	.index-menu-list li a{
		padding: 20px 15px;
	}
	.index-menu-list-en li a{
		padding: 20px 5px;
	}
}
@media screen and (max-width: 992px){
	.index-menu-list li a{
		padding: 20px 5px;
	}

	.logo-img img{
		max-width: 65%;
	}
}

.common-tips{
	position: absolute;
    left: 5%;
    width: 90%;
    top: 55%;
    font-size: 18px;
    color: #fff;
}
/*弹框底部*/
.content-footer{
	position: fixed;
    bottom: 0;
    left: 0;
    width: 90%;
    padding: 0 5%;
    text-align: right;
    height: 50px;
    background: #fff;
    line-height: 50px;
}

.layui-form-label.required:after {   /* 这种写法也可以*/
    content: ' *';
    color: red;
    vertical-align: middle;
}