/*自定义部分*/
body{ font-size:14px; overflow-x:hidden; }
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-ls{background-color: #2f82f6 !important;}
.navbar-brand{font-size: 1.8rem; font-weight: bold;}
.nav108 {line-height: 60px;width: 100%;}
.nav108 ul li a { display: block;color: #fff;font-size: 16px;position: relative;}
.nav108 ul li a.active { display: block;color: #fff;}
.nav108 ul li a.active::after {position: absolute; left: 0; bottom: 0; content: ''; width: 100%; height: 2px; background-color: #1583e9;}

.nav108 ul li a:hover::after {position: absolute; left: 0; bottom: 0; content: ''; width: 100%; height: 2px; background-color: #1583e9;}
.nav108 ul li .sub { width: 100%;position: absolute;top: 75px;left: 0;background: #fff;z-index: 9999;opacity: 0;visibility: hidden;transition: all .6s ease 0s; }
.nav108 ul li .sub a { display: block;height: 30px;line-height: 30px;text-align: center; color: #3f3f3f;font-size: 15px;}
.nav108 ul li .sub a:hover {background: #0056f9;color: #fff;}
/* 颜色 end*/
.nav108 .box108:after {content: ""; display: block;height: 0px;visibility: hidden;clear: both;}
.nav108 ul li {display: block;float: left; text-align: center; line-height: 60px; position: relative; padding: 0 25px;}
.nav108 ul li:hover .sub {top: 60px;opacity: 1;visibility: visible;}
.wapmenu{ display: none;}
.banner img{width: 100%;}
.m1-z img{max-width: 100%;}
.m1{ padding: 120px 0;}
.m1-r{ color: #fff;}
.m1-r h3{ position: relative;}
.m1-r h3::after{ position: absolute;  content: ''; width: 50px; height: 5px; background-color: rgb(49, 129, 244); left: 0; bottom: -20px;}

.m2{ padding: 120px 0; background-image:url(../images/m2-bg.jpg); background-position: center bottom; background-repeat: none;}
.m2 h4{ position: relative; margin-bottom: 80px;}
.m2 h4::after{ position: absolute; left: 50%; margin-left: -25px; bottom: -20px; width: 50px; height: 5px; content: ''; background-color: rgb(49, 129, 244);}
.m2-iteam{ background-color:rgba(255,255,255,.2); text-align: center; padding: 30px; border-top: 5px solid rgba(255,255,255,0);}
.m2-iteam a{color: #fff; }
.m2-iteam:hover{border-top: 5px solid rgb(49, 129, 244);}
.m2-iteam h5{position: relative; text-align: left;  margin: 30px 0;}
.m2-iteam h5::after{position: absolute; left:0; bottom: -15px; content: ''; background-color: #fff; width: 50px; height: 2px;}
.m2-iteam p{ text-align: left;}
.m2-nyd{position: relative; margin-top: 80px;}
.m2-iteam img{width: 220px;}
.m3{ padding: 120px 0; background-image:url(../images/m3-bg.jpg); background-position: center bottom; background-repeat: none;}
.m3 h4{ position: relative; margin-bottom: 80px;}
.m3 h4::after{ position: absolute; left: 50%; margin-left: -25px; bottom: -20px; width: 50px; height: 5px; content: ''; background-color: rgb(49, 129, 244);}

.m4{ padding: 120px 0;}
.m4 h4{ position: relative; margin-bottom: 80px;}
.m4 h4::after{ position: absolute; left: 50%; margin-left: -25px; bottom: -20px; width: 50px; height: 5px; content: ''; background-color: rgb(49, 129, 244);}

.m4-n{ width: 80%; margin: 0 auto;}
.m4-iteam-z{background-color: #2a2b2d;}

.m4-iteam-z h2{ position: relative; margin-bottom: 50px; }
.m4-iteam-z h2::after{ position: absolute; left: 0;  bottom: -20px; width: 50px; height: 1px; content: ''; background-color: #fff;}
.m4-icon img{ margin-bottom: 10px;}
.m4-iteam-r img{max-width: 100%;}
.m4-wap{ display: none;}
.m5-niteam img{ width:100%}
.m5{ padding: 120px 0;}
.m5 h4{ position: relative; margin-bottom: 80px;}
.m5 h4::after{ position: absolute; left: 50%; margin-left: -25px; bottom: -20px; width: 50px; height: 5px; content: ''; background-color: rgb(49, 129, 244);}

.m5-niteam{ margin-bottom:10px}
.m6{ padding: 50px;}
.m6-riteam{ margin: 0 20px;}
.m6-riteam a{color: #fff; display: block; color: #ccc;}
.nbanner img{width: 100%;}
.dh{ background-color: #2a2b2d;}
.dh-list a{ color: #fff; width: 12%; margin: 1% 0.25%; float: left; text-align: center;}
.clear{ clear: both;}
.dh-list a:hover{ color: #3076db;}
.iteam-img img{width: 100%;}
.iteam:hover .iteam-text{background-color: #3076db;}


/* 分页 */
.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}
.pager {list-style:none;padding:0;text-align:center;clear:both}
.pager li {display:inline-block}
/*分页 begin*/
.pagination li {margin:0 5px;font-size:14px;border:none;border-radius:4px;}
.pagination li a {border-radius:4px;color:#6e6e6e;background:#fff;padding:10px 14px;border:1px solid #DCDCDC;}
.pagination li.active a,.pagination li a:hover {background:#1583e9;color:#fff;border:1px solid #1583e9;}


.showimg img{ width: 100%;}
.shownr img{max-width:100%}
.showtite{font-size: 18px;}

.aboutimg img{width:100%; margin-bottom: 20px;}
.foot a{ color: #fff;}
.copyright a{ color: #fff;}

.iteam-imgzz img{ height: 220px; max-width: 100%;}




@media(max-width:767px) {
	.nav108{ display: none;}
	.navbar-brand{font-size: 1.2rem; font-weight: bold;}
	.offcanvas-end{width:200px;}
	.menuwap a {display:block; width: 100%; padding: 5px 0; margin: 5px 0; font-size: 16px;}
	.wapmenu{ display: block;}
	.m1{ padding: 50px 0;}
	.m2{ padding: 50px 0;}
	.m3{ padding: 50px 0 20px 0; background-image: none;}
	.m4{ padding: 50px 0;}
	.m5{ padding: 50px 0;}
	.m4-n{ display: none;}
	.m4-wap{ display: block;}
	.m4-wapiteam img{ width: 100%;}
	.m4-wapiteam p{ color: #fff;}
	.m6{padding: 20px 0px;}
	.m6-r{display: none !important; }
	.dh-list a{ color: #fff; width: 32%; margin: 1% 0.25%; float: left; text-align: center;}
	.card .col-md-2{ display: none;}
}