@charset "utf-8";

html{
   font-size: 50px;
}
@media (min-width: 320px){html{font-size: 42.6667px;} }
@media (min-width: 360px){html{font-size: 48px;} }
@media (min-width: 375px){html{font-size: 50px;} }
@media (min-width: 384px){html{font-size: 51.2px;} }
@media (min-width: 411px){html{font-size: 55.2px;} }
@media (min-width: 448px){html{font-size: 59.7333px;} }
@media (min-width: 480px){html{font-size: 48px;} }
@media (min-width: 512px){html{font-size: 68.2667px;} }
@media (min-width: 544px){html{font-size: 72.5333px;} }
@media (min-width: 576px){html{font-size: 76.8px;} }
@media (min-width: 608px){html{font-size: 81.0667px;} }
@media (min-width: 640px){html{font-size: 85.3333px;} }
@media (min-width: 750px){html{font-size: 100px;} }

html,body { width: 100%; height: 100%; }
body { margin: 0; padding: 0; font-family: "Microsoft YaHei"; }
ul,li { list-style: none; margin: 0; padding: 0; }
a { text-decoration: none; }
h1,h2,h3,h4,h5,h6,p { margin:0; padding: 0; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
input, button, textarea, select { font-family: "Microsoft YaHei"; }
input,textarea { border: none; outline: none; padding: 0; }
.fontSize-clear { font-size: 0; }
.fontSize-clear-left { font-size: 0; float: left; }
.clear:after { content:"."; display:block; visibility:hidden; overflow:hidden; height:0; clear:both; }

.page-box {
	width: 7.5rem;
	min-width: 320px;
	max-width: 750px;
	min-height: 12rem;
	margin: 0 auto;
	padding-bottom: 1.1rem;
	position: relative;
	overflow: hidden;
}
.main {
	/*min-height: 12rem;*/
	position: relative;
	z-index: 1;
}
.content {
	width: 100%;
	min-height: 12rem;
	background-color: #f6f6f6;
}
.m-top-box {
	width: 100%;
	height: 0.85rem;
	background-color: #fff;
	font-size: 0;
	border-bottom: solid 0.05rem #0076ca;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.m-top-logo { 
	margin-left: 0.2rem;
}
.m-top-logo-img {
	max-width: 100%;
    height: 0.46rem;
	margin-right: 0.1rem;
	float: left;
}
.m-top-logo-line {
	display:none;
	height: 0.35rem;
	border-right: solid 0.01rem #7f7f7f;
	margin-right: 0.17rem;
	float: left;
}
.m-top-logo p {
	font-size: 0.16rem;
	line-height: 0.24rem;
	color: #666;
	float: left;
}
.m-top-logo p:nth-child(3) {
	margin-top: -0.06rem;
}
#m-top-img {
	width: 0.32rem;
	height: 0.32rem;
	margin-right: 0.2rem;
	cursor: pointer;
}
.banner {
	width: 100%;
	height: 3.6rem;
}
.banner-img {
	width: 100%;
	height: 100%;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 0.075rem; }
.banner .swiper-pagination-bullet {
	width: 0.15rem;
	height: 0.15rem;
	background-color: #fff;
	border: solid 0.01rem #ff8a00;
	opacity: 1;
}
.banner .swiper-pagination-bullet-active { background-color: #ff8a00; }
.banner .swiper-pagination { bottom: 0; }
.search {
	width: 6.1rem;
	height: 0.5rem;
	background-color: #fff;
	border: solid 0.01rem #e4e4e4;
	border-radius: 0.3rem;
	margin: 0.1rem auto;
	font-size: 0;
}
.search-input {
	width: 5.3rem;
	height: 100%;
	font-size: 0.24rem;
	color: #999;
	line-height: 0.5rem;
	vertical-align: top;
	margin-left: 0.25rem;
	float: left;
}
.search-img {
	width: 0.3rem;
	height: 0.3rem;
	margin-top: 0.1rem;
	margin-right: 0.25rem;
	float: right;
	background: url(../images/homePage_04.png) no-repeat center center;
	background-size: 0.3rem 0.3rem;
	cursor: pointer;
}
.navigation {
	width: 100%;
	height: 4.6rem;
	border-top: solid 0.01rem #e4e4e4;
	background-color: #fff;
}
.navigation ul {
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
}
.navigation-img-box {
	width: 1.25rem;
	height: 1.25rem;
	border-radius: 0.2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}
.navigation ul li {
	width: 25%;
	height: 1.8rem;
	text-align: center;
}
.navigation ul li p {
	font-size: 0.24rem;
	line-height: 0.24rem;
	color: #333;
	margin-top: 0.2rem;
}
.nav-img1 {
	width: 0.6rem;
	height: 0.6rem;
}
.nav-img2 {
	width: 0.62rem;
	height: 0.53rem;
}
.nav-img3 {
	width: 0.6rem;
	height: 0.6rem;
}
.nav-img4 {
	width: 0.6rem;
	height: 0.6rem;
}
.nav-img5 {
	width: 0.57rem;
	height: 0.6rem;
}
.nav-img6 {
	width: 0.6rem;
	height: 0.6rem;
}
.nav-img7 {
	width: 0.61rem;
	height: 0.61rem;
}
.nav-img8 {
	width: 0.61rem;
	height: 0.61rem;
}
.nav-img-box-bkg1 { background-color: #938df6; }
.nav-img-box-bkg2 { background-color: #e77d9e; }
.nav-img-box-bkg3 { background-color: #6ee1bc; }
.nav-img-box-bkg4 { background-color: #f7c485; }
.nav-img-box-bkg5 { background-color: #f39488; }
.nav-img-box-bkg6 { background-color: #5ba9f4; }
.nav-img-box-bkg7 { background-color: #fcb297; }
.nav-img-box-bkg8 { background-color: #ff758b; }
.example {
	width: 100%;
	background-color: #fff;
}
.example-title { 
	width: 100%; 
	padding-top: 0.4rem;
}
.example-title p {
	font-size: 0.32rem;
	line-height: 0.32rem;
	color: #000;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0.2rem;
}
.example-title-line1 {
	width: 100%;
	border-top: solid 0.02rem #454344;
	margin-bottom: 0.03rem;
}
.example-title-line2 {
	width: 100%;
	border-top: solid 0.01rem #454344;
	margin-bottom: 0.4rem;
}
.example-content {
	width: 7.1rem;
	margin: 0 auto;
}
.example-content ul {
	width: 100%;
}
.example-content ul li {
	width: 100%;
	height: 2.8rem;
	margin-bottom: 0.2rem;
}
.example-content-box {
	width: 3.45rem;
	height: 2.8rem;
	border-radius: 0.15rem;
	background-color: #2688e9;
	overflow: hidden;
	text-align:center;
}
.example-content-imgs {
	height: 2.8rem;
	max-width:100%;
}
.example-content-text {
	width: 3.05rem;
	height: 1.8rem;
	margin: 0 auto;
	overflow: hidden;
	margin: 0.3rem auto 0.1rem auto;
}
.example-content-text h4 {
	font-size: 0.24rem;
	line-height: 0.3rem;
	color: #fff;
	margin-bottom: 0.1rem;
}
.example-content-text article {
	font-size: 0.2rem;
	line-height: 0.36rem;
	color: #ccffff;
}
.example-content-more {
	width: 1.45rem;
	height: 0.4rem;
	background-color: #fff;
	font-size: 0.2rem;
	line-height: 0.4rem;
	color: #2688e9;
	text-align: center;
	margin: 0 auto;
}
.example-content ul li:nth-child(2n+1) .example-content-box:first-child { float: left; }
.example-content ul li:nth-child(2n+1) .example-content-box:last-child { float: right; }
.example-content ul li:nth-child(2n+2) .example-content-box:first-child { float: right; }
.example-content ul li:nth-child(2n+2) .example-content-box:last-child { float: left; }
.all-examples {
	width: 7.1rem;
	height: 0.6rem;
	background-color: #2688e9;
	color: #fff;
	font-size: 0.24rem;
	line-height: 0.6rem;
	color: #fff;
	text-align: center;
}
.advantage { 
	width: 100%; 
	background-color: #fff;
}
.advantage-content {
	position: relative;
	width: 7.1rem;
	margin: 0 auto;
	border-top: solid 0.01rem #e4e4e4;
	border-bottom: solid 0.01rem #e4e4e4;
}
.advantage-content-items {
	width: 3.55rem;
	height: 2.35rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	float: left;
	font-size: 0;
}
.advantage-content-img1 {
	width: 0.86rem;
	height: 0.7rem;
	margin-right: -0.35rem;
}
.advantage-content-img2 {
	width: 0.91rem;
	height: 0.8rem;
}
.advantage-content-img3 {
	width: 0.69rem;
	height: 0.8rem;
}
.advantage-content-img4 {
	width: 0.99rem;
	height: 0.8rem;
}
.advantage-content-items h4 {
	font-size: 0.28rem;
	line-height: 0.28rem;
	color: #000;
	margin: 0.23rem 0 0.13rem 0;
}
.advantage-content-items p {
	display: block;
	width: 3.1rem;
	height: 0.55rem;
	font-size: 0.18rem;
	line-height: 0.3rem;
	color: #999;
	overflow: hidden;
}
.advantage-content-line1 {
	width: 7.1rem;
	border-top: solid 0.01rem #e4e4e4;
	position: absolute;
	top: 50%;
}
.advantage-content-line2 {
	height: 4.7rem;
	border-right: solid 0.01rem #e4e4e4;
	position: absolute;
	left: 50%;
}
.ourTeam {
	width: 100%;
	background-color: #fff;
}
.ourTeam-content {
	width: 7.1rem;
	margin: 0 auto;
}
.ourTeam-content-items {
	width: 100%;
	height: 2.4rem;
	border: solid 0.01rem #e4e4e4;
	font-size: 0;
	margin-bottom: 0.2rem;
}
.ourTeam-content-img {
	width: 1.95rem;
	height: 2.4rem;
	float: left;
}
.ourTeam-content-items article {
	width: 4.75rem;
	height: 2.3rem;
	float: left;
	overflow: hidden;
	margin-left: 0.3rem;
}
.ourTeam-content-items article h4 {
	margin: 0.3rem 0 0.24rem 0;
}
.name {
	font-size: 0.28rem;
	line-height: 0.28rem;
	color: #000;
	margin-right: 0.85rem;
}
.job {
	font-size: 0.2rem;
	line-height: 0.2rem;
	color: #000;
}
.ourTeam-content-icon {
	width: 0.19rem;
	height: 0.22rem;
	margin-right: 0.1rem;
	vertical-align: bottom;
}
.ourTeam-content-items article p {
	font-size: 0.2rem;
	line-height: 0.36rem;
	color: #666;
}
.ourTeam-content .ourTeam-content-items:nth-child(2n+2) .ourTeam-content-img { float: right; }
.all-teams {
	width: 7.1rem;
	height: 0.6rem;
	background-color: #2688e9;
	color: #fff;
	font-size: 0.24rem;
	line-height: 0.6rem;
	text-align: center;
	margin: 0 auto;
}
.news {
	width: 100%;
	background-color: #fff;
}
.news-content {
	width: 7.1rem;
	margin: 0 auto;
}
.news-content-nav {
	width: 100%;
	height: 1rem;
	display: flex;
	align-items: center;
}
.news-content-nav-items {
	width: 2.2rem;
	height: 0.6rem;
	background-color: #999;
	font-size: 0.28rem;
	line-height: 0.6rem;
	color: #fff;
	text-align: center;
	cursor: pointer;
	margin-right:.1rem;
}
.news-content-nav-items a { color: #fff; }
.news-content ul {
	width: 100%;
}
.news-content ul li {
	width: 100%;
	height: 0.6rem;
	border-bottom: solid 0.01rem #e4e4e4;
	font-size: 0;
	overflow: hidden;
	white-space: nowrap;
}
.news-icon {
	width: 0.19rem;
	height: 0.2rem;
	float: left;
	margin: 0.2rem 0.18rem 0 0;
}
.news-content ul li p {
	font-size: 0.24rem;
	line-height: 0.6rem;
	color: #000;
}
.news-ul { display: none; }
.news-nav-active { background-color: #2688e9; }
.all-news {
	width: 7.1rem;
	height: 0.6rem;
	font-size: 0.24rem;
	line-height: 0.6rem;
	color: #fff;
	text-align: center;
	background-color: #2688e9;
	margin: 0.2rem auto 0.4rem auto;
}
.contact-box {
	width: 100%;
	height: 6.9rem;
	background-color: #2688e9;
	position: relative;
}
.veri-code-box {
	width: 6.16rem;
	height: 0.54rem;
	margin: 0 auto 0.2rem auto;
}
.veri-code {
	width: 2rem;
	height: 100%;
	border: solid 0.02rem #e7e8e9;
	background-color: #f8f9fb;
	font-size: 0.28rem;
	line-height: 0.5rem;
	color: #999;
	vertical-align: top;
	float: left;
	margin-right: 0.2rem;
}
.veri-code-img {
	width: 1rem;
	height: 100%;
	float: left;
}
.contact {
	width: 7.1rem;
	height: 6.1rem;
	text-align: center;
	background-color: #fff;
	border-radius: 0.08rem;
	position: absolute;
	top: 0.2rem;
	left: 0.2rem;
	z-index: 3;
	font-size: 0;
	border: solid 0.01rem #D3D3D3;
}
.contact-filter1 {
	width: 6.63rem;
	height: 5.46rem;
	background-color: #fff;
	border-radius: 0.08rem;
	position: absolute;
	top: 1.03rem;
	left: 0.43rem;
	z-index: 2;
	opacity: 0.5;
	border: solid 0.01rem #D3D3D3;
}
.contact-filter2 {
	width: 6.14rem;
	height: 5.17rem;
	background-color: #fff;
	border-radius: 0.08rem;
	position: absolute;
	top: 1.52rem;
	left: 0.6rem;
	z-index: 1;
	opacity: 0.5;
	border: solid 0.01rem #D3D3D3;
}
.contact-input {
	width: 6.12rem;
	height: 0.5rem;
	border: solid 0.02rem #e7e8e9;
	background-color: #f8f9fb;
	font-size: 0.28rem;
	line-height: 0.5rem;
	color: #999;
	margin-bottom: 0.2rem;
}
.contact-words {
	width: 6.11rem;
	height: 1.6rem;
	border: solid 0.02rem #e7e8e9;
	background-color: #f8f9fb;
	font-size: 0.28rem;
	color: #999;
	margin-bottom: 0.2rem;
}
.contact-title {
	font-size: 0.32rem;
	line-height: 0.32rem;
	color: #000;
	margin: 0.45rem 0 0.33rem 0;
}
.contact-sub {
	width: 6.11rem;
	height: 0.8rem;
	background-color: #2688e9;
	color: #fff;
	font-size: 0.32rem;
	line-height: 0.8rem;
	text-align: center;
	cursor: pointer;
}
.copyright {
	width: 100%;
	height: 1rem;
	background-color: #fff;
	padding-top: 0.4rem;
	text-align: center;
	font-size: 0.2rem;
	color: #666;
}
.m-nav-bottom {
	width: 7.5rem;
	height: 1.1rem;
	background-color: #2688e9;
	display: flex;
	justify-content: space-around;
	align-items: center;
	font-size: 0;
	text-align: center;
	position: fixed;
	bottom: 0;
	z-index: 7;
}
.m-nav-bottom-items p{
	font-size: 0.2rem;
	line-height: 0.3rem;
	color: #fff;
}
.m-nav-bottom-imgs {
	width: 0.6rem;
	height: 0.6rem;
}
/*.m-nav-right {
	width: 3.75rem;
	height: 100%;
	background: url(../images/nav_01.jpg);
	position: absolute;
	right: 0;
	z-index: 0;
}
.m-nav-right-btn {
	width: 2.38rem;
	height: 0.58rem;
	background-color: #3995ec;
	font-size: 0.3rem;
	line-height: 0.58rem;
	text-align: center;
	color: #fff;
	margin: 0 auto 0.1rem auto;
	border: solid 0.01rem #0076ca;
}
.m-nav-right a:first-child .m-nav-right-btn {
	margin-top: 0.9rem;
}
#filter {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 10; 
	background-color: #333; 
	opacity: 0; 
	display: none;
}
*/
.document-title {
	width: 100%;
	height: 0.6rem;
	background-color: #3995ec;
	position: relative;
	font-size: 0.3rem;
	line-height: 0.6rem;
	color: #fff;
	text-align: center;
}
.document-title-back {
	width: 0.54rem;
	height: 100%;
	font-size: 0.3rem;
	font-family: "SimHei";
	position: absolute;
	color: #fff;
}

#filter {
	position: absolute;top: 0;left: 0;
	z-index: -1;
	width: 100%;height: 100%;
	background: #000;
	opacity: 0;
	transition: all .75s ease-in-out;
}
.main.active #filter{
	opacity: .6;
	z-index: 30;
}

.panel-box {
	position: absolute;top: 0;right: 0;
	width: 3.75rem;
	background: url(../images/nav_01.jpg);
}
.panel-box .nav { margin-top: .9rem; }
.panel-box .nav>li {
	width: 2.38rem;
	margin: 0 auto .1rem auto;
}
.panel-box .nav>li>.u-a-wrap {
	background: #3995ec;
	border: solid .01rem #0076ca;
	font-size: .3rem;
	line-height: .58rem;
	color: #fff;
	text-align: center;
	    display: block;
}
.panel-box .subnav { display: none; }
.panel-box .subnav .u-a-wrap {
	font-size: .3rem;
	line-height: .75rem;
	color: #fff;
	text-align: center;
	    display: block;
}

.m-page{ margin-top: 0.2rem; padding: 0.2rem 0;text-align:center;line-height:0.38rem;color:#fff; font-size: 0;}
.m-page a,.m-page i{display:inline-block;*display:inline;*zoom:1;vertical-align:top;padding: 0 0.12rem;font-size:0.22rem;color:#999; border: solid 1px #e4e4e4; background:#fff; border-radius:0.03rem; }
.m-page a,.m-page a:hover{text-decoration:none;}
.m-page a.first{margin-left:0;}
.m-page a.last{margin-right:0;}
.m-page a:hover,
.m-page a:active{border-color:#3995ec; background-color:#3995ec;color:#fff;}
.m-page a.z-crt,.m-page a.z-crt:hover,.m-page a.z-crt:active{cursor:default;color:#fff;border-color: #3995ec; background-color:#3995ec;}
.m-page a.z-dis,.m-page a.z-dis:hover,.m-page a.z-dis:active{cursor:default;color:#ddd;border-color: #e4e4e4; background-color:#fff;}
/* 居左 */
.m-page-lt{text-align:left;}
/* 居右 */
.m-page-rt{text-align:right;}
/* 较小 */
.m-page-sm a,.m-page-sm i{padding:0 0.1rem;}
/* 分离 */
.m-page-sr a,.m-page-sr i{margin:0 0.08rem;}
.contact-box-page {
	background-color: #fff;
}
.example-content-page {
	margin-top: 0.2rem;
}
.content-background-color { background-color: #fff; }
.team-list {
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.team-list-items {
	width: 2rem;
	height: 3.2rem;
	border: solid 0.01rem #ccc;
	padding: 0.1rem 0.1rem 0 0.1rem;
	font-size: 0;
	margin: 0.2rem 0;
}
.team-list-imgs {
	width: 2rem;
	height: 2.4rem;
}
.team-list-name {
	font-size: 0.24rem;
	line-height: 0.48rem;
	color: #000;
	margin-left: 0.1rem;
}
.team-list-job {
	font-size: 0.18rem;
	line-height: 0.22rem;
	color: #000;
}
.team-list-icon {
	width: 0.19rem;
	height: 0.22rem;
	margin: 0 0.1rem;
	vertical-align: top;
}
.common-content {
	width: 100%;
	background-color: #fff;
	border-bottom: solid 0.01rem #e4e4e4;
}
.common-content-title {
	width: 100%;
	height: 1.6rem;
	border-bottom: solid 0.01rem #e4e4e4;
	margin-bottom: 0.35rem;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
}
.common-content-title h2 {
	font-size: 0.36rem;
}
.common-content-title p {
	font-size: 0.24rem;
	color: #999;
}
.common-content-img {
	width: 100%;
	height: 3.95rem;
}
.common-content article {
	width: 7.1rem;
	margin: 0 auto;
	font-size: 0.23rem;
	line-height: 0.37rem;
	color: #333;
	margin-top: 0.2rem;
	overflow: hidden;
}
.share {
	color: #333;
	margin: 0.3rem 0 0.2rem 0.2rem;
}
.share .jiathis_style_32x32  .jiathis_txt {
	font-size: 0.22rem;
	line-height: 0.32rem !important;
}
.next {
	width: 100%;
	background-color: #fff;
	border-bottom: solid 0.01rem #e4e4e4;
}
.next a p {
	font-size: 0.25rem;
	line-height: 0.5rem;
	color: #666;
	margin-left: 0.2rem;
}
.img-details-posi {
	position: relative;
}
.img-details-box1 {
	width: 0.54rem;
	height: 0.87rem;
	background-color: #212325;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -0.435rem;
	z-index: 3;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0.6;
}
.img-details-box2 {
	width: 0.54rem;
	height: 0.87rem;
	background-color: #212325;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -0.435rem;
	z-index: 3;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0.6;
}
.img-details {
	width: 0.29rem;
	height: 0.48rem;
}