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

/* #main style
================================================== */
.main {padding-top: 1.1rem;}
.s-one {background: url(../img/pic/s-bg-1.jpg) no-repeat 50% bottom;background-size: cover;overflow: hidden;position: relative;padding: 1.5rem 0 .5rem;}
.slogan,.sc-title {text-align: center;color: #111;font-weight: normal;letter-spacing: 1px;margin-top: 0.25rem;width: 100%;font-size: 0.7rem;}
.slogan {height: 2.2rem;line-height: 2.2rem;text-indent: 3rem;}
.sc-title>small {font-size: 0.48rem;color: #111;}
.vice-slogan {text-align: center;color: #111;text-indent: 3.5rem;}
.s-one .slogan,.s-one .sc-title,.s-one .sc-title>small,.s-one .vice-slogan {color: #111;}
.s-one .slogan {font-size: 0.95rem;}
.vice-slogan>span {font-size: 0.45rem;}
.s-one-link-group {height: 1.6rem;}
.s-one-link-group>.s-one-link {margin-left: 0.5rem;display: inline-block;vertical-align: middle;height: 3.0rem;}
.s-one-btn-group {text-align: center;margin-top: 1.0rem;}
.s-one-btn-group>.s-one-btn {background-color: rgba(255,255,255,.4);border: 1px solid #0170cc;border-radius: 0.2rem;color: #0170cc;font-size: 0.5rem;display: inline-block;height: 1.15rem;line-height: 1.15rem;width: 38%;margin: 0 4%;}
.sa-fu-bx .ys-bx {margin: .25rem .25rem 0;padding-bottom: 0.25rem}
.sa-fu-bx .ys-bx>img {width: 100%;-webkit-transition: .3s;transition: .3s;}
.sa-fu-bx .ys-bx>h5 {font-size: 0.45rem;color: #fff;}
.sa-fu-bx .ys-bx>p {font-size: 0.35rem;color: #fff;}
.sa-fu-bx .ys-bx:hover>img,.sa-rzy>li>.ys-bx:hover>img {-webkit-transform: translate3d(0, -0.125rem, 0);transform: translate3d(0, -0.125rem, 0);}

.s-to,.s-thr,.s-fu,.s-fv,.s-se {padding: 1.2rem 0;}
.s-to>.sc-title,.s-fu>.sc-title,.s-se>.sc-title {margin-bottom: 0.5rem;}
.ys-bx {text-align: center;padding: 0.5rem 0.25rem 0;}
.ys-bx>img {max-width: 90%;}
.ys-bx>p {line-height: 0.85rem;font-size: 0.4rem;color: #111;}

.sa-pt-sl>section>img {width: 100%;display: block;margin: 0.5rem auto 0;}
.s-to .sa-rzy>li>.ys-bx>img  {width: 88%;}
.sa-rzy>li>.ys-bx {padding: 0.5rem 0 0;}
.sa-rzy>li>.ys-bx>img {width: 68%;max-width: inherit;-webkit-transition: .3s;transition: .3s;}
.sa-rzy>li>.ys-bx>span {display: inline-block;width: 2.5rem;height: 2.5rem;}
.sa-rzy>li>.ys-bx>span.eu-ic-1 {background: url(../img/pic/eu-code-ic.svg) no-repeat 50% 50%;background-size: cover;}
.sa-rzy>li>.ys-bx>span.eu-ic-2 {background: url(../img/pic/eu-free-ic.svg) no-repeat 50% 50%;background-size: cover;}
.sa-rzy>li>.ys-bx>span.eu-ic-3 {background: url(../img/pic/eu-up-ic.svg) no-repeat 50% 50%;background-size: cover;}
.sa-dv-bg {padding-top: 0.25rem;}
.sa-dv-bg>ul {margin: 0.375rem 0.375rem 0;}
.sa-dv-l,.sa-dv-r {padding: 0.5rem;width: 1.08rem;height: 0.8rem;position: relative;text-align: center;}
.sa-dv-l>span {font-size: 0.4rem;color: #fff;}
.sa-dv-l>em {display: inline-block;width: 0.35rem;height: 0.35rem;position: absolute;right: -0.175rem;top: 50%;margin-top: -0.175rem;z-index: 3;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.sa-dv-bg>ul:nth-child(1)>li>.sa-dv-l,
.sa-dv-bg>ul:nth-child(1)>li>.sa-dv-r,
.sa-dv-bg>ul:nth-child(1)>li>.sa-dv-l>em {background: #E4D9F7;}
.sa-dv-bg>ul:nth-child(2)>li>.sa-dv-l,
.sa-dv-bg>ul:nth-child(2)>li>.sa-dv-r,
.sa-dv-bg>ul:nth-child(2)>li>.sa-dv-l>em {background: #9CE5DE;}
.sa-dv-bg>ul:nth-child(3)>li>.sa-dv-l,
.sa-dv-bg>ul:nth-child(3)>li>.sa-dv-r,
.sa-dv-bg>ul:nth-child(3)>li>.sa-dv-l>em {background: #8CCBFF;}
.sa-dv-bg>ul:nth-child(4)>li>.sa-dv-l,
.sa-dv-bg>ul:nth-child(4)>li>.sa-dv-r,
.sa-dv-bg>ul:nth-child(4)>li>.sa-dv-l>em {background: #F09F9E;}
.sa-dv-r {border-left: 0.3rem solid #EDF7FF;width: auto;line-height: 0.48rem;text-align: left;}
.sa-dv-r>p {font-size: 0.34rem;color: #333;}

.sa-tag .sc-title>small {font-size: 0.34rem;color: #888;}
.s-thr {background-color: #edf7ff;}
.s-thr>img {width: 100%;display: block;}

.s-case>ul>li>img {box-shadow: 0 0 2px rgba(0,0,0,.1);width: 90%;margin: 0.25rem 5%;}
.s-fv-list>li {background-color: #fff;height: 1.0rem;line-height: 1.0rem;color: #4e4e4e;text-align: center;margin-top: 0.375rem;}
.s-fv-list>li>span {font-size: 0.35rem;}
.s-se .s-fv-list>li {background-color: #fafafa;}

.gt-bx {padding: 0 0.3rem;margin-top: 0.5rem;}
.gt-item {border: 1px solid #166ab4;padding: 0.5rem 0.25rem 0.375rem 0.5rem;position: relative;}
.gt-item>p {font-size: 0.325rem;color: #333;}
.gt-item>span {background-color: #fff;position: absolute;top: -0.35rem;left: -0.16rem;width: 1.0rem;height: 0.75rem;line-height: 0.75rem;text-align: center;font-size: 0.35rem;color: #166ab4;}

.sse-pic {text-align: center;padding: 0.7rem 0 0.5rem;}
.sse-pic>img {width: 100%;display: block;}