@charset "utf-8";
/*
	http://meyerweb.com/eric/tools/css/reset/ 
	v2.0 | 2011/2/28 
 	-----------------------------------------
	westdrug | 2017(yy)/11(mm)1(dd) 
	http://www.268xue.com
*/

/* #main style
================================================== */
/* common css */
.c-title{color: #2F3135;}
.c-text{color: #676A7A;}
.fs12{font-size: .32rem;}
.fs13{font-size: .346rem;}
.fs14{font-size: .37rem;}
.fs15{font-size: .4rem;}
.fs16{font-size: .426rem;}
.fs18{font-size: .48rem;}
.fs20{font-size: .53rem;}
.fs21{font-size: .56rem;}
.hide {display: none;}
/* s-one css */
.main-body{ padding-top: 1.35rem;}
.s-one {background: url(../img/banner.jpg) no-repeat 0 center; color:#fff; text-align: center; background-size: cover;overflow: hidden;position: relative;height: 9.2rem;}
.s-one h2 {font-size: 1.06rem;line-height: 1.06rem;padding: 1.84rem 0 .3rem; font-weight: bold;}
.s-one h5 {font-size: .66rem;line-height: .66rem;padding-bottom: .53rem; font-weight: 400;}
.s-one p {font-size: .37rem;line-height: .37rem;padding-top: .32rem; font-weight: 400;}
.s-line-a a,
.s-line-b a{
	width: 3.46rem;
	height: 1.12rem;
	display: inline-block;
	text-align: center;
	box-sizing: border-box;
	border-radius: .1rem;
	line-height: 1.12rem;
}
.s-line-b{
	text-align: center;
}
.s-line-b a.s_top_btn {
	color: #2F73F8;
	border: 1px solid #2F73F8;
}
.s-line-b a.s_bottom_btn {
	color: #fff;
	background-color: #2F73F8;
}
.s-line-a a {
	color: #fff;
	margin-top: 1rem;
	border: 1px solid #fff;
}
.s-line-a a.s_top_btn,
.s-line-b a.s_top_btn{
	margin-right: .2rem;
}

/* content css */
.content > h2 {
	background: url(../img/h2-back.png) no-repeat center;
	padding: .72rem 0 .19rem;
	text-align: center;
	background-size: 2.58rem 1.44rem;
}

.s-content-one > h2 {
	margin: .42rem 0 .62rem;
}

.s-content-one > ul {
	display: -webkit-box;
	white-space: nowrap;
	overflow: hidden;
	padding-bottom: .3rem;
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	-webkit-overflow-scrolling: touch;
	text-align: justify;
	overflow-x: initial;
}

.s-content-one > ul > li {
	height: .64rem;
	display: inline-block;
	width: max-content;
	color: #55555B;
	border-radius: .32rem;
	line-height: .64rem;
	padding: 0 .24rem;
	margin-left: .42rem;
}
.s-content-one > ul > li.tab{
	color: #fff;
	background-color: #2F73F8;
}
.s-content-one > .content_box img {
	width: 100%;
	display: block;
}
.s-content-one .content_box {
	padding: .3rem .66rem 1.06rem;
}
.s-content-one .content_box .text ul {
	margin-bottom: .48rem;
}
.s-content-one .content_box .text ul > li {
	display: inline-block;
	margin-right: .6rem;
	margin-bottom: .32rem;
	font-size: .37rem;
}
.s-content-one .content_box .text ul > li > em{
	width:7px;
	height:7px;
	margin-right: .1rem;
	vertical-align: middle;
	display: inline-block;
	box-sizing: border-box;
	border:2px solid rgba(47,115,248,1);
	border-radius:50%;
}
.s-content-one .content_box .text ul > li > span {
	vertical-align: middle;
}
.s-content-one .content_box .text p {
	font-size: .4rem;
	color: #151726;
	margin: .48rem 0 .64rem;
	line-height: .56rem;
}
.s-content-two > ul {
	display: flex;
	flex-wrap: wrap;
	padding: .26rem .42rem .64rem;
	justify-content: space-between;
}
.s-content-two > ul > li {
	width: 4.48rem;
	height: 4.53rem;
	overflow: hidden;
	position: relative;
	padding: .72rem 0 0 .42rem;
	box-sizing: border-box;
	border:1px solid rgba(246,246,246,1);
	box-shadow:0px 2px 3px 0px rgba(144,156,168,0.28);
	border-radius: .1rem;
	margin-top: .2rem;
}
.s-content-two > ul > li > h4 {
	color: #171C3B;
	font-weight:bold;
	font-size: .426rem;
	line-height: .66rem;
}
.s-content-two > ul > li > p {
	color: #444752;
	font-size: .346rem;
	margin-top: .4rem;
	line-height: .56rem;
}
.s-content-two > ul > li > div {
	width: 1.06rem;
	height: 1.06rem;
	top: -.53rem;
	right: -.53rem;
	position: absolute;
	border-radius: 50%;
}
.s-content-two > ul > li:nth-child(1) > div {
	background-color: #6A99F7;
}
.s-content-two > ul > li:nth-child(2) > div {
	background-color: #22AC38;
}
.s-content-two > ul > li:nth-child(3) > div {
	background-color: #B3D465;
}
.s-content-two > ul > li:nth-child(4) > div {
	background-color: #F19149;
}
.s-content-two > ul > li:nth-child(5) > div {
	background-color: #89C997;
}
.s-content-two > ul > li:nth-child(6) > div {
	background-color: #D0B7DF;
}
.s-content-two > ul > li:nth-child(even) {
  margin-left: .2rem;
}
.s-content-three > ul {
	display: -webkit-box;
	overflow: hidden;
	padding-bottom: .3rem;
	margin-bottom: 1.1rem;
	margin-right: .26rem;
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	-webkit-overflow-scrolling: touch;
	text-align: justify;
	overflow-x: initial;
}
.s-content-three > ul > li {
	margin-left: .26rem;
	margin-top: .54rem;
	padding: .53rem .26rem .32rem;
	box-sizing: border-box;
	width: 4.27rem;
	min-height: 5.6rem;
	box-shadow:0px 2px 3px 0px rgba(144,156,168,0.28);
	border:1px solid rgba(246,246,246,1);
	border-radius: .1rem;
}
.s-content-three > ul > li > div {
	width: 1.06rem;
	margin: 0 auto .26rem;
	height: 1.06rem;
}
.s-content-three > ul > li img {
  width: 100%;
}
.s-content-three > ul > li > h4 {
	text-align: center;
	margin-bottom: .48rem;
}
.s-content-three > ul > li > p {
	line-height: .4rem;
  color:#3F424C;
}
.s-content-four > p {
	padding: .26rem .48rem .6rem;
	text-align: center;
	color: #353744;
}
.s-content-two,
.s-content-four{
	margin-bottom: 1.33rem;
}
.s-content-four > ul {
	display: flex;
	justify-content: space-between;
	text-align: center;
	padding: 0 .9rem .77rem;
}
.s-content-four > ul > li > div {
	width: 1.25rem;
	height: 1.25rem;
	margin-bottom: .32rem;
}
.s-content-four > ul > li img {
	display: inline-block;
	width: 100%;
}
.s-content-five ul {
	padding: .53rem .4rem 1.3rem;
}
.s-content-five ul > li {
	display: flex;
	justify-content: space-between;
}
.s-content-five ul > li > div {
	background-size: 100% 100%;
	position: relative;
	height: 2.67rem;
}
.s-content-five ul > li > div > div {
	position: absolute;
	bottom: .26rem;
	left: 0;
	padding: 0 .26rem;
	color: rgba(255,255,255,.6);
}
.s-content-five ul > li:nth-child(1) > div {
	width: 100%;
	background: url(../img/five/1.jpg) round;
}
.s-content-five ul > li:nth-child(2) > div:nth-child(1) {
	width: 50%;
	margin-top: .13rem;
	background: url(../img/five/2.jpg) round;
}
.s-content-five ul > li:nth-child(2) > div:nth-child(2) {
	width: 50%;
	background: url(../img/five/3.jpg) round;
}
.s-content-five ul > li:nth-child(3) > div:nth-child(1) {
	width: 50%;
	margin-top: .13rem;
	background: url(../img/five/4.jpg) round;
}
.s-content-five ul > li:nth-child(3) > div:nth-child(2) {
	width: 50%;
	background: url(../img/five/5.jpg) round;
}
.s-content-five ul > li > div:nth-child(2){
	margin-left: .13rem;
	margin-top: .13rem;
}
/*about CSS*/
.about_box{background: url(../img/about-banner.jpg) no-repeat 0 center; text-align: center; height: 5.3rem;}
.about_box h2 {
	padding: 0.93rem 0 0.42rem;
}
.about_box p {
	margin-bottom: .69rem;
}

/*footer CSS*/
.footer {padding: 35px 0;background-color: #060914;}
.foot-link-bx{padding: 30px 0 0;}
.foot-link-bx dl{margin-top: -30px;}
.foot-link-bx dt,.foot-link-bx dd{width: 49%;display: inline-block;}
.foot-link ol li{width: 100%; line-height: 26px;}
.foot-link ol li a {line-height: 15px;height: 15px;color: #939494;font-size: 15px;}
.foot-copyright{margin-top: 27px;line-height: 200%;word-spacing: normal;word-break: break-word;color: #939494;}
.foot-copyright p{margin: 0; text-align: center; font-size: 12px;}
.f-title{color: #b2b2b2;display: block;font-size: 17px;}
.f-line{width: 18px;height: 3px;background-color: #b2b2b2;display: block;margin: 10px 0 30px;}
.foot-hot-bx a{font-size: 15px;display: inline-block;width: 32.3%;color: #939494;}
.ft-gz{width: 50%;width: 124px;height: 124px;}
.ft-gz img{width: 100%;display: block; vertical-align: middle;}
.i-content{padding: 0 30px;}