@charset "utf-8";
/* CSS Document */
/* fallback */
@font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(../fonts/icon.woff2) format('woff2');}
.material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased;}

html{ font-size:10px; }
html, body,h1,h2,h3,h4,h5,ul,li,dl,dt,ol,a,span,div{padding: 0;margin: 0; list-style-type: none;}
body { font-family:"PingFang", "PingFang SC", "syht", "Microsoft YaHei","瀹嬩綋", "榛戜綋",  sans-serif; max-width: 640px; height: 100%; margin: 0 auto; position: relative; font-size: 12px; display: block;background-color: #f1f1f1; color: #333333;}
table{border-spacing: 0;border-collapse:collapse;border: 1px solid #000000;}
td { border-collapse: collapse; border: 1px solid #000000; }
img{ border: none;}
a, a:link, a:active, a:visited, a:hover{text-decoration: none; color: #333333;}
.ellipsis {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;}
.ellipsiss {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ellipsisss {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.box{ overflow: hidden;}
button,select{ border: none; background: none;}

/* logo */
.logo{ width: 250px; height: 38px; display: block; position: absolute; left: 10px; top: 4px; font-size: 24px; font-weight: bold; }

/* 瀵艰埅 */
.menushow{ float: right;}
.menushow img{ width: 36px; height: 36px;}
.logo-bar{ height: 40px; background: #ffffff;}
.logo{ width: auto; height: 30px;}
.sidenav-menu a{ color: #ffffff;}

.banner .swiper-slide a img{ display: block; width: 100%; height: 125px;}
.menuicon{ width: 90%; margin: 0 auto; margin-top: 1.25rem; margin-bottom: 1.25rem; padding-bottom: 1.25rem; background-color: #ffffff; display: flex; justify-content: space-between; flex-wrap: wrap; border-radius: 0.625rem; }
.menuicon a{ width:25%; text-align: center; margin-top: 1.25rem; color: #333; font-size: 1.25rem }
.menuicon a img{ display: block; width: 5rem; margin: 0 auto; margin-bottom: 0.625rem; }

.sy-news{ background-color: #fff; margin-bottom: 0.625rem; overflow: hidden; }
.content{ width: 90%; margin: 0 auto; margin-bottom: 0.9375rem; }
.header-title{ margin: 0.625rem 0; overflow: hidden; }
.header-title i{ display: block; width: 0.375rem; height: 1.6rem; margin-top: 0.5rem; margin-right: 0.625rem; float: left; background-color: #2d5bd1;}
.header-title h2{ float: left; font-size: 1.75rem; color: #2d5bd1; font-weight: bold; }
.header-title a{ float: right; display: block; padding: 0.4375rem 0.9375rem; border: #cccccc solid 0.0625rem; font-size: 0.75rem; color: #999999; border-radius: 0.625rem; }
.sy-news .bignews img{ width: 100%;}
.sy-news .bignews h3{ margin: 0.625rem 0; font-size: 1.8rem; font-weight: normal; }
.sy-news .bignews span{ font-size: 1rem; color: #999999;}
.sy-news-list{ width: 100%; margin-top: 0.3rem;}
.sy-news-list a{ display: block; height: 3.125rem; line-height: 3.125rem; font-size: 1.4rem; border-bottom: #cccccc dashed 0.0625rem; }

.sy-gonggao-list{ padding-top: 0.625rem; border-top:#eaeaea solid 0.0625rem ; }
.sy-gonggao-list a{ display: block; border-bottom: #cccccc dashed 0.0625rem; overflow: hidden; }
.sy-gonggao-list a p{ font-size: 1.5rem; }
.sy-gonggao-list a span{ display: block; margin: 0.5rem 0 0.5rem 0; float: right; padding: 0.375rem 0.875rem; background-color: #999999; color: #ffffff; }

.sy-news .videobox video{ background-color: #cccccc;}
.sy-news .videobox h3{ margin: 0.625rem 0; font-size: 1.5rem; font-weight: normal; text-align: center; }

.sy-about{ background-color: #fff; margin-bottom: 0.625rem; overflow: hidden; }
.sy-about-tab{ width: 90%; margin: 0 auto; margin-top: 1.25rem; overflow: hidden; }
.sy-about-tab div{ float: left; width: 33.3%; line-height: 2.8rem; text-align: center; font-size: 1.5rem; background-color: #ffffff; color: #666666; border: #2d5bd1 solid 0.0625rem; box-sizing: border-box;}
.about-selected{ background-color: #2d5bd1 !important; color: #ffffff !important;} 
.sy-about-content{ width: 90%; margin: 0 auto; padding: 1rem 0; }
.sy-about-content .part1 p{ font-size: 1.5rem; }
.sy-about-content .part1 a{ display: block; margin: 1.25rem 0 0 0; height: 3rem; line-height: 3rem; text-align: center; background-color: #eaeaea; }
.sy-about-content .part2 p{ font-size: 1.5rem; }
.sy-about-content .part3 span{ display: block; height: 3rem; line-height: 3rem; margin-bottom: 0.5rem; border: #eaeaea solid 0.0625rem; font-size: 1.5rem; }

.sy-guang{ width: 90%; margin: 0 auto; padding: 0.625rem 0 1rem 0;}
.sy-guang img{ display: block; width: 100%;}

.photo-list{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 0.625rem; }
.photo-list a{ display: block; width: 49%; max-height: 11rem; margin-top: 0.625rem; position: relative; overflow: hidden;}
.photo-list img{ display: block; width: 100%; }
.photo-list span{ display: block;bottom: 0; width: 100%; height: 3rem; position: absolute; background: linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,0)); }
.photo-list h3{ position: absolute; bottom: 0; width: 100%; color: #ffffff; text-align: center; font-weight: normal; z-index: 10;padding-left: 4px; }

.bottombox{ background-color: #333333; padding: 1.5rem 0 0 0;}
.fr-link{ position: relative; margin-top: 1.25rem; }
.fr-link .fr-link-btn{ padding-left: 10px; width: 90%; margin: 0 auto; height: 3rem; line-height: 3rem; font-size: 1.5rem; border: #999 solid 1px; background: url(../images/15.png) no-repeat 96% center; color: #ffffff; }
.fr-link .fr-link-list{padding:6px; display: none; width: 90%; position: absolute; left:3%; bottom: 32px; background-color: #333; z-index: 200; }
.fr-link .fr-link-list a{ display: block; padding: 0 10px; font-size: 1.5rem; line-height: 2.5rem; white-space:nowrap;color:#fff;}
.bottombox .code{ margin-top: 1.875rem; text-align: center; font-size: 1.5rem; color: #ffffff; }
.bottombox .code img{ display: block; margin: 0 auto; width: 12rem;}
.bottombox-tel{ width: 90%; margin: 0 auto; margin-bottom: 1.25rem;}
.bottombox-tel>div{ display: flex; margin-top: 1.5rem; overflow: hidden; }
.bottombox-tel img{ width: 1.5rem; height: 1.5rem; margin-right: 0.625rem; }
.bottombox-tel span{ flex: 1; color: #ffffff; }
.copyright{ background-color: #292929; padding: 1rem 5%;}
.copyright p{ color: #999999;}

.wiezhi{ padding: 1rem 5%; margin: 0.0625rem 0; background-color: #ffffff; font-size: 1.5rem; color: #999999; }
.ny-menu{ padding: 1rem 5%; display: flex; }
.ny-menu h2{ padding-left: 1rem; flex: 1; height: 3rem; line-height: 3rem; color: #fff; background-color: #2d5bd1; border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; }
.ny-menu select{ width: 60%; border-left: #fff solid 0.0625rem; height: 3rem; line-height: 3rem; color: #fff; background-color: #2d5bd1; font-size: 1.5rem;border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; }

.ny-content{ padding: 1rem 5%; background-color: #ffffff; }
.ny-about img{width: 100% !important;height: auto !important;}
.ny-about p{ font-size: 1.5rem; line-height: 2.5rem; }
.ny-about-title{ margin-bottom: 1.25rem; line-height: 4rem; text-align: center; background:linear-gradient(90deg,#ffffff,#ddd,#ffffff); }

.ny-bz img{ max-width: 100%; }
.ny-bz-title{ margin-bottom: 1.25rem; font-weight: normal; text-align: center; }
.ny-shiping a{ display: flex; margin-bottom: 1.25rem; padding: 0.625rem; background-color: #f5f5f5; }
.ny-shiping .ny-shiping-img{ width: 15rem; height: 9.375rem; }
.ny-shiping a h3{ margin: 0 1.25rem 0 1.25rem; font-size: 1.5rem; font-weight: normal; }
.ny-shiping a div img{ display: block; width: 7rem; margin: 1rem 0 0 1.25rem;}

.pagebox{ display: flex; justify-content: center; }
.pagebox a{ margin: 0 1rem; display: block; padding: 0.625rem 1.5rem; border: #ccc solid 0.0625rem;}

.ny-gcyj .photo-list{ margin-bottom: 1.25rem;}
.ny-gcyj .type{ display: flex; }
.ny-gcyj .type .left{ width: 4rem; font-size: 1.2rem; }
.ny-gcyj .type .right{ flex: 1; font-size: 1.2rem;}
.ny-gcyj .type .right a{ display: inline-block; padding: 0.3rem 0.8rem; }
.ny-gcyj .type .right .selected{ background-color: #2d5bd1; color: #ffffff;}

.ny-gcyjxx .photo{ width: 100%; }
.ny-gcyjxx .title{ font-size: 2rem; font-weight: normal; }
.ny-gcyjxx .wz{ padding:1.25rem 0; margin-bottom: 1.25rem; line-height: 3rem; font-size: 1.5rem; border-bottom: #ddd solid 0.0625rem; }

.ny-td .ny-td-list a{ display: flex; padding: 0 0 1rem 0; margin-bottom: 1rem; border-bottom: #ddd solid 0.0625rem; }
.ny-td .ny-td-list a .left{ width:7.5rem; height: 10rem; }
.ny-td .ny-td-list a .right{ flex: 1; margin-left: 1.5rem;}
.ny-td .ny-td-list a .right h3{ margin-bottom: 1.25rem; font-size: 2.5rem; font-weight: normal;}
.ny-td .ny-td-list a .right p{ font-size: 1.5rem; color: #999999; }

.ny-tdxx{}
.ny-tdxx .photo{ display: block; margin: 0 auto; max-width: 100%;margin-bottom: 1rem;}
.ny-tdxx .name{ margin-bottom: 1.25rem; font-size: 2rem; text-align: center; }
.ny-tdxx .wz{ margin-bottom: 1.25rem; font-size: 1.5rem; line-height: 2.5rem;}

.ny-news{ margin-bottom: 1rem;}
.ny-news a{ display: block; margin: 0 auto; padding: 1.25rem 0; border-bottom: #ddd dashed 0.0625rem; }
.ny-news a:nth-of-type(1){ padding-top: 0;}
.ny-news a h3{ font-size: 1.5rem; font-weight: normal; margin-bottom: 0.375rem; }
.ny-news a span{ display: block; font-size: 1rem; color: #999999;}

.ny-newsxx>h2{ margin-bottom: 0.625rem; text-align: center; font-size: 1.8rem; font-weight: normal; }
.ny-newsxx .other{ padding-bottom: 0.625rem; display: flex; justify-content: space-between; font-size: 12px; color: #999999; border-bottom: #ddd solid 0.0625rem; }
.ny-newsxx .wz{ margin: 1rem 0; font-size: 1.5rem;width: 100%;overflow-x: auto;}
.ny-newsxx .wz img{ max-width: 100%;height: auto !important;}

.ny-zxzp .table-header{ display: flex; justify-content: space-between; padding-bottom: 0.5rem; border-bottom: #2d5bd1 solid 0.0625rem; }
.ny-zxzp .table-header span{ display: block; width: 33.3%; text-align: left; font-size: 1.5rem; color: #2d5bd1; font-weight: bold; }
.ny-zxzp .table-list{ margin-bottom: 1.25rem;}
.ny-zxzp .table-list a{ display: flex; justify-content: space-between; padding: 1.5rem 0; border-bottom: #eee solid 0.0625rem; }
.ny-zxzp .table-list a span{ display: block; width: 33.3%; text-align: left; font-size: 1.5rem; }

.ny-zxzpxx{}
.ny-zxzpxx-header{ padding: 1rem 1.5rem; background-color: #f5f5f5; border: #dddddd solid 0.0625rem; }
.ny-zxzpxx-header h3{ font-size: 1.5rem; }
.ny-zxzpxx-wz{ padding: 1.5rem; border-left: #dddddd solid 0.0625rem; border-right: #dddddd solid 0.0625rem; border-bottom: #dddddd solid 0.0625rem; font-size: 1.5rem; }
.ny-zxzpxx-wz img{ max-width: 100%;}

.ny-lxwm>div{ display: flex; }
.ny-lxwm>div>span>img{ margin-right: 0.375rem; display: block; width: 2.2rem; }
.ny-lxwm>div>span{ margin-bottom: 1.25rem; font-size: 1.5rem}

.map{ width: 100%; height:30rem; background-color: #ccc;}

.gotop {
    position: fixed;
    display: block;
    right: 10px;
    bottom: 30px;
    box-shadow: 0 0 5px #999;
    z-index: 1000;
    background: #fff;
    width: 20px;
    height: 20px;
    border-radius:50%;
    padding: 10px;
}
.gotop img {
    width: 100%;
}