@charset "utf-8";
/*common*/
body,h1,h2,h3,h4,p,ul,ol,form,fieldset,figure{margin: 0; padding: 0;}
body{width:100%; max-width:640px; min-width:320px; margin:0 auto; font-family: 'PingFang SC', 'Helvetica Neue', Helvetica, 'Droid Sans Fallback', 'Microsoft Yahei', sans-serif;}
div,figure,img{box-sizing: border-box;}
img{display: block; max-width: 100%;}
ul,ol{list-style: outside none none;}
i{ font-style:normal;}
a{text-decoration: none;}
table {border-collapse:collapse; border-spacing:0; -webkit-appearance: none;} 
th,td {padding: 0;}

.rgt{margin-left: 0 !important;}


/**tit**/


.title{ width:16rem; overflow: hidden;}
.title img{ width:16rem; vertical-align: top;}

/**pon1**/
.pon1 p{ font-size:0.425rem; padding:0 0.55rem 0.325rem 0.55rem; line-height:0.7rem; text-indent:0.75rem;}
/**banner**/
.banner{ width:16rem; overflow:hidden; margin-bottom:0.325rem;}
.banner img{ width:16rem; vertical-align:top;}
/**pon2**/
.pon2{ text-align: center;}
.pon2 .pon2_1{ width: 16rem; margin:0.325rem 0 0.45rem 0;}
.pon2 .pon2_1 img{ vertical-align: top; width:8.0rem;display: inline-block;}
.pon2 a img{ width:13.65rem; vertical-align: top; margin-bottom:0.525rem;display: inline-block;}
/**pon3**/
.sideMenu{ width:14.9rem; margin: 0 auto; padding:0.325rem 0;}
.sideMenu h3{ width:14.9rem; background:#8f77e7; cursor:pointer; text-align: left; margin-bottom:0.15rem; overflow: hidden; font-size:0.525rem; font-weight: normal; color: #ffffff; text-indent:0.75rem; line-height:1.125rem}
.sideMenu h3 img{ width:0.975rem; vertical-align:top; float: right; margin:0.35rem 1.75rem 0.3rem 0;}
.sideMenu h3.ab1{ background: #edad13;}
.sideMenu h3.ab2{ background: #e06057;}
.sideMenu h3.ab3{ background: #6e57a5;}
.sideMenu ul{ width:14.9rem;background: #6e57a5;display: none; margin-bottom:0.15rem;overflow: hidden;}
.sideMenu ul li{ overflow: hidden; width:14.9rem; position: relative;}
.sideMenu ul li img{ width:6.3rem; float: left;}
.sideMenu ul li .pon3_1{ float: left; width:8.15rem; margin:0.4rem 0 0 0.375rem;}
.sideMenu ul li .pon3_1 p{ font-size:0.4rem; color: #ffffff; text-indent:0.625rem; line-height:0.675rem; text-align: left;}
.sideMenu ul li .pon3_1 .p1{ display: inline-block; width:9.85rem; position: absolute; bottom:0.4rem; right: 0; text-align: right;}
.sideMenu ul li .pon3_1 .p1 a{ display: inline-block; text-indent: 0; font-size:0.45rem; color: #ffffff; border:2px #ffffff solid;-moz-border-radius:0.125rem;-webkit-border-radius:0.125rem;border-radius:0.125rem; margin-right:0.25rem; padding:0.25rem 0.475rem;}

.pon3{ text-align: center;}
.pon3 .pon3_img{ width:14.875rem;display: inline-block; vertical-align:top; margin-bottom:0.475rem;}
/**pon4**/
.pon4{ padding: 0.325rem 0;}
.pon4 ul li{ width: 7.225rem; float: left; margin:0 0 0.45rem 0.475rem;}
.pon4 ul li.li1{ margin-left:0.55rem;}
.pon4 ul li img{ width:7.225rem; vertical-align: top;}
.pon4 ul li .pon4_1{ margin-top:0.25rem; width:7.225rem; position: relative;}
.pon4 ul li .pon4_1 p{ position: absolute; left: 0; top: 0; font-size: 0.425rem; color: #ffffff; padding:1.0rem 0.6rem 0 0.65rem; line-height: 0.6rem;}
.pon4 ul li .pon4_2 p{ padding-top:0.6rem;}
.pon4 .pon4_3{ width:14.95rem; margin-left:0.55rem;}
/**pon5**/
.pon5{ text-align: center;}
.pon5 .img1{ width:8.325rem; margin:0.35rem 0 0.225rem 0;display: inline-block;}

.pon5 .tabBox{ width:16rem;}
.pon5 .tabBox .bd ul li{ width: 14.9rem; margin: 0 auto; text-align: left;overflow: hidden;}
.pon5 .tabBox .bd ul li img{ width:7.25rem; float: left;}
.pon5 .tabBox .bd ul li .pon5_1{ width: 7.2rem; float: right;}
.pon5 .tabBox .bd ul li .pon5_1 h1{ width: 7.2rem; color: #ffffff; font-weight: normal; font-size:0.475rem; text-align: center; background: #f2ac00; padding:0.125rem 0 0.175rem 0; margin-bottom:0.075rem;}
.pon5 .tabBox .bd ul li .pon5_1 p{ font-size:0.4rem; color: #656565; line-height:0.6rem;}
.pon5 .tabBox .bd ul li .pon5_1 .p1{ color: #b9b9b9;}
.pon5 .tabBox .hd ul{ width:14.9rem; margin:0 auto; padding:0.2rem 0 0.625rem 0; overflow: hidden;}
.pon5 .tabBox .hd ul li{ width:4.56rem; cursor: pointer; text-align: center; color:#ffffff; background: #d3591e; font-size:0.475rem; float: left; margin:0.175rem 0.6rem 0 0; padding:0.325rem 0;}
.pon5 .tabBox .hd ul li.li1{ margin-right: 0;}
.pon5 .pon5_1{display: inline-block;}
.pon5 .p5{ font-size:0.475rem; color: #333333; line-height: 0.85rem; padding:0.125rem 0 0.5rem 0;}
.pon5 .p5 span{ color: #ff0000;}