body{ font-size:14px; overflow-x:hidden; font-family: 'Gilroy-regular,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol'; padding-top: 80px;}
h1,h2,h3,h4,h5,dl{ margin-top: 0em;}
a{ color: #000000;text-decoration: none;}
a:hover{ text-decoration: none; color: #000;}
ul{ margin: 0px; padding: 0px;}
li{ list-style: none;}
.bg-white{ background-color: #fff !important;}
.bg-hs{ background-color: #e2e2e2 !important;}
.logo img{ width: 100%; height: 50px;}
.nav-link{ padding-left: 50px !important; font-size: 16px;}
.navbar-nav .nav-link.active, .navbar-nav .show > .nav-link{ font-weight: bold;}
.nav-item{ position: relative; transition: all 0.3s ease-in-out;}
.nav-item .nav-link{ color: #000;}
.nav-item:hover{transform: translateY(-10px);}
.head{ height: 80px;}
.navbar{ padding-top: 10px;}
.wbanner{ display: none}
.m1{ padding: 80px 0 80px 0;}
.m1-z h2{ position: relative; font-family: Microsoft JhengHei; font-weight: 20px;}
.m1-z h2::after{ position: absolute; left:0; bottom: -10px; content: ''; background-color: #000; width: 35px; height: 2px;}
.m1-z h1{ font-size: 80px; font-family: Arial,Helvetica,sans-serif; color: #333333;}
.m1-content{ color: #555;}
.more{ width: 140px; height: 40px; line-height: 40px; border: 1px solid #222;position: relative; transition: all 300ms ease-in-out; margin-top: 80px; margin-bottom: 80px; }
.more:hover{ background-color: rgb(34, 34, 34);border-color: #444444;/*-box-shadow-*/-moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; color: #ffffff; transform: translateX(30px);}
.more:hover a{ color: #fff;}
.m1-r{ position: relative;}
.m1-rtext{ position: absolute; left: -100px; bottom: 0; padding: 30px;}
.m1-rtext::after{ width: 15px; height: 15px; position: absolute; left: 0;bottom: 0; background-color:  rgb(153, 153, 153);content: '';}
.m2-z{ background-image: url('../images/ysimg.jpg'); width: 100%; height: 770px; background-repeat:repeat; background-position: 50% 50%; background-size:cover}
.m2-r{ background-image: url('../images/ys1img.jpg'); width: 100%; height: 770px; background-repeat:repeat; background-position: 50% 50%; background-size:cover}
.m2-rt{ position: relative; margin-top: 50px; }
.m2-rt::after{ position: absolute; right: 0; top: 11px; width: 200px; height: 1px;  background-color: #5b5b5b; content: '';}
.m2-item-z{ font-size: 80px; color: #fff; width: 40%;}
.m2-item-z i{ font-style: normal; font-size: 30px;}
.m2-item{ border-bottom: 1px solid #5b5b5b;}

.m3-t h2{ position: relative; font-family: Microsoft JhengHei; font-weight: 20px;}
.m3-t h2::after{ position: absolute; left:0; bottom: -10px; content: ''; background-color: #000; width: 35px; height: 2px;}
.m3-t h1{ font-size: 80px; font-family: Arial,Helvetica,sans-serif; color: #333333;}
.m3-item i{ font-size: 50px;}
.m3-item div{ font-size: 20px;}
.m3-item img{ height: 60px; margin-bottom: 10px;}

.m4{ background-color: #e2e2e2;}
.m4-t h2{ position: relative; font-family: Microsoft JhengHei; font-weight: 20px;}
.m4-t h2::after{ position: absolute; left:0; bottom: -10px; content: ''; background-color: #000; width: 35px; height: 2px;}
.m4-t h1{ font-size: 80px; font-family: Arial,Helvetica,sans-serif; color: #333333;}
.m4-item{ transition: all 300ms ease-in-out;}
.m4-item:hover{transform: translateY(-10px);}

.m5-t h2{ position: relative; font-family: Microsoft JhengHei; font-weight: 20px;}
.m5-t h2::after{ position: absolute; left:0; bottom: -10px; content: ''; background-color: #000; width: 35px; height: 2px;}
.m5-t h1{ font-size: 80px; font-family: Arial,Helvetica,sans-serif; color: #333333;}
.m5-r .des{display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden; text-overflow: ellipsis; font-size: 14px;}
.m5-r a:hover .title{ font-weight: bold;}
footer{ background-color: rgb(34, 34, 34);}
.foot-logo img{ height: 50px;}
.foot-ewm img{ height: 120px;}
.foot-contact i{ margin-right: 10px;}
.foot-contact a{ color: rgba(255,255,255,.5) !important}
.main{ background-color: #f5f5f5;}
.ad{ background-image: url('../images/ad.jpg'); background-repeat: repeat; background-position: 50% 50%; background-size:cover; width: 100%; height: 650px;}

.entitle{ font-size: 108px; color: #333; font-family: Arial,Helvetica,sans-serif; font-weight: bold;}
.cntitle{position: relative; font-family: Microsoft JhengHei; font-size: 28px; font-weight: bold;}
.cntitle::after{position: absolute; left:0; bottom: -10px; content: ''; background-color: #000; width: 35px; height: 2px;}
.subtitle{ font-size: 23px; font-family: Arial,Helvetica,sans-serif;}
.about-imgitem{ width: 100%; overflow: hidden;}
.aboutimg{transition: transform 0.3s ease;}
.aboutimg:hover{transform: scale(1.2);}
.class-item:hover{background-color: #fff;}
.class-item.active{ background-color: #e3e3e3 !important;}
.list-itemimg{ width: 25%;  overflow: hidden;}
.list-itemtext{ width: 72%; margin-left: 3%;}
.itemtitle{ font-size: 16px; margin-bottom: 10px;}
.itemsub{color:#acacac}
.itemdata{color:#acacac}

.list-itemimg img{transition: transform 0.6s ease;}
.list-itemimg img:hover{transform: scale(1.2);}
.position{ background-color: #f5f5f5;}


.pagination {list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom}
.pagination li {display:inline-block!important;border:solid 1px #EBEBEB;border-radius:4px}
.pagination a {color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB}
.pagination .active {pointer-events:none}
.pagination .active,.pagination a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination-group {border-right:solid 1px #EBEBEB;border-radius:4px}
.pagination-group li {float:left;border-right:0;border-radius:0}
.pagination-group li:not(:first-child):not(:last-child) {border-radius:0}
.pagination-group li:first-child {border-radius:4px 0 0 4px}
.pagination-group li:last-child {border-radius:0 4px 4px 0}
.pagination-group .active,.pagination-group a:hover {background:#f5f5f5;border-radius:0}
.pagination-big a {padding:10px 16px;font-size:16px}
.pagination-small a {padding:5px 10px;font-size:12px}
.pagination.border-main .active a,.pagination.border-sub .active a,.pagination.border-dot .active a,.pagination.border-black .active a,.pagination.border-gray .active a,.pagination.border-red .active a,.pagination.border-yellow .active a,.pagination.border-blue .active a,.pagination.border-green .active a {color:#fff}
.pagination li {margin:0 5px;font-size:14px;border:none;border-radius:4px;}
.pagination li a {border-radius:4px;color:#6e6e6e;background:#fff;padding:12px 16px;border:1px solid #DCDCDC;}
/* .pagination li i {font-weight:bold;font-size:18px;padding:0 3px} */
.pagination li.active a,.pagination li a:hover {background:#000;color:#fff;border:1px solid #000;}
.show-n img{max-width: 100%;}
.newsimg img{ height: 335px !important;}
.m4-item div p{ font-size: 18px;}
@media screen and (max-width: 1366px) {
  .m2-item-z{font-size:60px}
}
@media(max-width:767px) {
	body{padding-top: 60px;}
	.logo img{height: 40px; width: auto;}
	.nav-link{ padding-left: 0px !important;}
	.head{ height: auto;}
	.navbar-toggler{ padding: 0px 5px 2px 5px !important;}
	.navbar-toggler-icon{ width: 1em; height: .9em;}
	.navbar{ padding-top: 0px;}
	.m1{ padding: 30px 0;}
	.m1-z h1{ font-size: 24px; }
	.more{ margin-top: 30px; margin-bottom: 30px;font-size: 12px;}
	.m1-rtext{ display: none;}
	.m2-z{ height: 550px;}
	.m2-r{ height: 550px;}
	.m2-rt::after{ width: 100px; }
	.m2-item-z{ font-size: 38px; color: #fff; width: 40%; font-weight: bold;}
	.m2-item-z i{ font-style: normal; font-size: 20px;}
	.m2-item-r{ width:60%; text-align: left;}
	.m3-t h1{ font-size: 24px; }
	.m4-t h1{ font-size: 24px; }
	.m5-t h1{ font-size: 24px; }
	.more{ margin-bottom: 40px;}
	.m3-item div{ font-size: 18px;}
	.m3-t h1{ font-size: 24px; }	
	.nopx{padding: 0;}
	.about-imgitem{ margin-bottom: 20px	;}
	
	.list-itemimg{ width: 47%;  overflow: hidden;}
	.list-itemtext{ width: 50%; margin-left: 3%;}
	
	.itemtitle{display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 1;  overflow: hidden; text-overflow: ellipsis; font-size: 14px;}
	.itemsub{display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden; text-overflow: ellipsis; font-size: 12px;}
	.itemdata{ font-size: 12px;}
	.entitle{ font-size: 40px;}
	
	.navbar-toggler{background-color: #000; color: #fff !important;}
	.nav-item .nav-link{ line-height: 40px; border-bottom:1px solid #e2e2e2; font-weight: bold;}
	.banner{ display: none}
	.wbanner{ display: block;}
	.m2-z{ display: none;}
	.newsimg img{ height: 200px !important;}
}