*{ margin:0; padding: 0; outline: none; box-sizing: border-box; }
body{ background: #FFF; color: #000; font-size: 14px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }

.clearfix{zoom:1}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}

a{color:#000;text-decoration:none}
a:hover{color:#333}
ul{list-style:none;}

.container{ max-width: 1230px; margin:0 auto; padding: 0 15px; }

.img-center{text-align:center;font-size:0}
.img-center img{display:inline-block;width:auto;height:auto;max-width:100%;max-height:100%;vertical-align:middle;transition:all 0.5s}

.img-cover{overflow:hidden;position:relative}
.img-cover span{display:block;width:100%;background:no-repeat center / cover;transition:all 0.5s;height:100%;position:absolute;left:0;top:0}

.header{ background: #5061ec; color: #FFF; padding:20px 0; }
.logo{ height: 40px; display: flex; justify-content: space-between; align-items: center;  }
.logo i{ height: 100%; margin-right: 8px; }
.nav{ display: flex; align-items: center; }
.nav li a{ display: block; color: #FFF; line-height: 40px; font-size: 16px; padding:0 30px; }
.banner{ max-width: 700px;margin:auto; padding-bottom: 50px; margin-top: 40px; }
.banner .img-center{ max-width: 400px;margin:auto;}
.banner .text h2{ font-size: 48px; margin-bottom: 30px; text-align: center; }
.banner .text .tedian{ display: flex; justify-content: center; align-items: center; margin-bottom:30px;}
.banner .text .tedian li{ display: flex; align-items: center; justify-content: center; text-align: center; width: 148px; height: 148px; border-radius: 50%; border: 3px solid #FFF; margin:0 30px;}
.banner .text .tedian li a{ color: #FFF; }
.banner .text .tedian li h3{ font-size: 20px; }
.banner .text .tedian li h3 span{ font-size: 42px; }
.banner .text .tedian li p{ font-size: 18px; }
.banner .text .download{ display:flex;  justify-content: center; align-items: center; }
.banner .text .download li{ flex:1; margin:0 35px; }
.banner .text .download li a{ padding: 0 20px;  display:flex; justify-content: center; align-items: center; border-radius: 30px; background: #FFF; color: #4853e3;height: 60px;  }
.banner .text .download li span{ font-size: 24px; font-weight: bold; margin-left: 8px; }
.banner .text .download li a:hover{ box-shadow: 0 10px 25px rgba(0,0,0,0.3) }
.banner .img-center {flex:1;}

.section{ padding: 60px 0; }
.section-title{ text-align: center; font-size: 40px; margin-bottom: 50px; font-weight: bold; }

.in-ys li{ display: flex; justify-content: center;  align-items: center; margin-bottom: 30px;}
.in-ys li .img-center{ flex:0 0 40%; }
.in-ys li .text{ flex:0 0 40%; }
.in-ys li h2{ margin-bottom: 10px; }
.in-ys li p{ font-size: 16px; color: #666; line-height: 1.5;}

.in-ys2{ margin:0 0 0 -40px; }
.in-ys2 li{ float: left; width: 25%; }
.in-ys2 li .items{ display: block; margin:0 0 0 40px; text-align: center; }
.in-ys2 li h2{ margin-bottom: 5px; }
.in-ys2 li p{ font-size: 16px; color: #666; }

.in-news{ margin:0 0 0 -30px; }
.in-news li{ float: left; width: 33.333%; }
.in-news li a{ display: block; margin:0 0 0 30px; }
.in-news li .img-cover{ border-radius: 10px; padding-top: 75%; }
.in-news li .text{ padding-top: 10px; }
.in-news li .text h2{ font-size: 20px; margin-bottom: 8px;  }
.in-news li .text p{ font-size: 16px; color: #666; line-height: 1.5; margin-bottom: 8px; }

.links a{ margin-right: 10px; color: #f77ade; font-size: 16px; }

.footer{ display: flex; padding: 30px 0; }
.flogo{ flex:0 0 340px; text-align: left; margin-right: 100px; }
.flogo .pic{ width: 155px; }
.flogo .pic img{ width: 100% }
.flogo .text{ font-size: 16px; line-height: 1.5; color: #666; }
.fnav{ flex:1; display: flex; }
.fnav dl{ flex:1; }
.fnav dl dt{ font-weight: bold; font-size: 18px; margin-bottom: 15px; }
.fnav dl dd a{ display: block; color: #666; line-height: 2; }

.copyright{ text-align: center; font-size: 16px; padding: 30px 15px; color: #777; line-height: 1.6; }

.pagination{display:flex; justify-content: center; margin:20px 0;border-radius:4px;}
.pagination>li{display:inline;}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857;text-decoration:none;color:#337ab7;background-color:#fff;border:1px solid #ddd;margin-left:-1px;}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px;}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px;}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd;}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;background-color:#337ab7;border-color:#337ab7;cursor:default;}

.infocontent-title{margin-bottom:20px;text-align:center}
.infocontent-title h1{margin:0;font-size:24px}
.infocontent-title p{margin:10px 0 0;font-size:12px;color:#999}
.infocontent-title p span{padding:0 5px}
.infocontent-body{line-height:2;margin-bottom:20px}
.infocontent-body img{max-width:100% !important;height:auto !important;width:auto !important}
.infocontent-epx{margin-bottom:20px}
.infocontent-epx li{line-height:32px;margin-bottom:5px}
.infocontent-epx li span{display:inline-block;background-color:#A2A2A2;color:#fff;padding:0 15px;margin-right:10px}
.infocontent-epx li em{float:right;font-style:normal}


@media screen and (max-width: 767px)  {
	.nav{ display: none; }
	.banner{ padding-bottom: 30px; }
	.banner .text h2{ font-size: 24px; margin-bottom: 30px; text-align: center;}
	.banner .text .tedian{ margin-bottom: 30px;}
	.banner .text .tedian li{ width: auto; height: auto; border:0; margin:0 15px;}
	.banner .text .download li{ margin:0 5px; }
	.banner .text .download li span{ font-size: 18px; }

	.section{ padding: 30px 0; }
	.section-title{  font-size: 28px; margin-bottom: 20px; }

	.in-ys li{flex-wrap: wrap; margin-bottom: 20px;}
	.in-ys li .img-center{ flex:100%; }
	.in-ys li .text{ flex:100%; }
	.in-ys li:nth-child(2n) .img-center{ order: 100 }

	.in-ys2 li{ float: none; width: 100%; }

	.in-news li{ float: none; width: 100%; margin-bottom: 20px; }

	.footer{ flex-wrap: wrap; padding: 30px 0 10px; }
	.flogo{ flex:100%;  margin-right: 0; }
	.fnav{ flex:100%; display: flex; margin-top: 20px;}
	
}