@charset "utf-8";
body{ margin:0px; padding:0px; font-size:12px; background:#FFF;line-height:25px; font-family: "microsoft Yahei",Verdana, Geneva, sans-serif; width: 100%;}
ul,li{ margin:0px; padding:0px; list-style:none;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration:underline;}

/* header */
.headerMargin{ clear: both; display: block; height: 74px; width: 100%; }
.header{ position: fixed; left: 0px; top: 0px; display: flex; width: 100%; height: 74px; justify-content: center; align-items: center; background: #fff; z-index: 300; border-bottom: 1px solid #eee; }
.header-menu{ display: flex; width: 50px; justify-content: center; }
.header-menu img{ border: 0px; height: 30px; }

.header-logo{ display: flex; flex: 1;justify-content: center; }
.header-logo img{ border: 0px; height: 50px;}

.header-tel{ display: flex; width: 50px;justify-content: center; }
.header-tel img{ border: 0px; height: 30px; }


.menu{ position: fixed; border-top: 1px solid #e3e3e3; display: none; flex-direction: column; left: 0px; top: 68px; width: 90%; background: #fff; height: 100%; z-index: 200; box-shadow: 2px 2px 70px #555; }
.menu li{ display: flex; height: 60px; line-height: 60px; font-size: 16px; text-indent: 5em; }
.menu li strong{ font-size: 20px; text-indent: 2em; }
.menu li strong .on{ color: #BB1685; }



/* index */
.index-name{ display: flex; width: 100%; justify-content: center; font-size: 20px; color: #BB1685; font-weight: bold; }

.index-img{ display: flex; margin: 10px 20px; }
.index-img img{ border: 0px; width: 100%;  border-radius: 10px; }


.index-list{ clear: both; display: flex; margin: 0px 20px; justify-content: space-between; }

.index-list li{ display: flex; flex: 1; flex-direction: column; margin-right: 10px; }
.index-list li:last-child{ margin-right: 0px; }
.index-list-pic{ display: flex; }
.index-list-pic img{ border: 1px solid #e3e3e3; width: 100%; border-radius: 8px; }
.index-list-txt{ display: flex; justify-content:center; font-size: 14px; }

.class-more{ display: flex; margin: 20px 0px 40px; color: #777; justify-content: center; font-size: 12px; }
.class-more a{ color: #777; background: #eee; padding: 5px 20px; border-radius: 6px; }



/* copy */
.ser{ display: flex; background: #111; flex-direction: column; margin-top: 30px; }
.ser-tit{ display: flex; font-size: 22px; color: #fff; padding: 40px 0px; justify-content: center; }
.ser-list{ display: flex; flex-wrap: wrap; justify-content: space-evenly; }

.ser-list li{ display: flex; width: 40%; margin-bottom: 30px; flex-direction: column; justify-content: center; align-items: center; }
.ser-list li strong{ font-size: 18px; color: #fff; }
.ser-list li span{ font-size: 14px; color: #fff; }


.copyr{ display: flex; width: 100%; margin-bottom: 50px; color: #fff; font-size: 16px; background: #333; padding: 20px 0px; justify-content: center; }


.fix-tel{ display: flex; justify-content: center; width: 100%; position: fixed; left: 0px; bottom: 0px; font-size: 20px; color: #333; background: #fff; box-shadow: 0px 0px 60px #333; }
.fix-tel img{ border: 0px; height: 20px; margin-right: 10px; }
.fix-tel a{ display: flex; width: 100%; height: 50px; align-items: center; justify-content: center; color: #BB1685; }


/* page list */
.page-list{ display: flex; width: 100%; flex-direction: column; }
.page-list ul{ display: flex; width: 90%; margin: 0px auto 20px; justify-content: space-between; }
.page-list ul li{ display: flex; width: 46%; flex-direction: column; }
.page-list ul li p{ display: flex; width: 100%; }
.page-list ul li p img{ border: 1px solid #e3e3e3; width: 100%; height: 100%; border-radius: 7px; }
.page-list ul li span{ display: flex; font-size: 16px; }


.pageList{ display: flex; width: 100%; flex-wrap: wrap; justify-content: center;}
.pageList a,b{ display: flex; height: 40px; font-size: 18px; padding: 0px 10px; border: 1px solid #e3e3e3; justify-content: center; align-items: center; border-right: none;  margin-bottom: 15px;}
.pageList b{ background: #BB1685; color: #fff; border: 1px solid #BB1685; }
.pageList a:last-child{ border-right: 1px solid #e3e3e3; }


/* page content */
.page-con{ display: flex; flex-direction: column; width: 100%; }
.page-con-pic{ display: flex; width: 100%; }
.page-con-pic img{ border: 0px; width: 100%; }

.page-con-tit{ display: flex; width: 100%; justify-content: center; margin: 30px 0px; font-size: 24px; color: #222; }
.page-con-txt{ display: flex; width: 100%; flex-direction: column; }
.page-con-txt img{ border: 0px; width: 100%; height: auto; }