@charset "UTF-8";

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block
}

body {
	line-height: 1
}

ol,ul {
	list-style: none
}

blockquote,q {
	quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
	content: '';
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

.header {
	position: absolute;
	top: 0;
	z-index: 199999;
	width: 100%;
	height: 61px;
	color: #0d0e10
}

.header .header-content {
	margin: 0 auto;
	width: 1240px;
}

@media screen and (max-width:1400px) {
	.header .header-content {
		margin: 0 auto;
		max-width: 1240px
	}
}

.header .logo {
	float: left;
	margin-top: 20px;
	width: 149px;
	height: 45px;
	background-image: url(../images/home.png);
	background-position: 0 -105px;
	width: 149px;
	height: 45px
}

.header .header-tools {
	float: right;
	height: 61px;
	line-height: 61px
}

.header .header-tools>li {
	float: left;
	margin-right: 36px
}

.header .header-tools>li:first-child {
	margin-right: 20px
}

.header .header-tools>li:last-child {
	margin-right: 0
}

.header .header-tools .download .drop-down-content {
	padding: 25px 33px
}

.header .header-tools .download .download-help {
	margin-top: 18px;
	line-height: 25px
}

.header .header-tools .icon-download {
	margin: -3px 6px 0 0;
	background-image: url(../images/home.png);
	background-position: -318px -258px;
	width: 20px;
	height: 17px
}

.header .drop-down {
	position: relative
}

.header .drop-down .drop-down-content {
	display: none
}

.header .drop-down .drop-down-content {
	position: absolute;
	z-index: 99;
	top: 55px;
	left: 50%;
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	transform: translate(-50%,0);
	-webkit-transform: translate(0,0)\0;
	-moz-transform: translate(0,0)\0;
	-ms-transform: translate(0,0)\0;
	-o-transform: translate(0,0)\0;
	transform: translate(0,0)\0;
	margin-left: -86px\0;
	padding: 5px 20px;
	line-height: 1;
	font-size: 16px;
	border: 1px solid #e9eef4;
	background: #fff;
	color: #393c43;
	white-space: nowrap;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 4px 8px rgba(60,60,60,.1);
	-moz-box-shadow: 0 4px 8px rgba(60,60,60,.1);
	box-shadow: 0 4px 8px rgba(60,60,60,.1);
	text-align: center
}

.header .drop-down .drop-down-content::before {
	content: '';
	position: absolute;
	top: -6px;
	left: 50%;
	-webkit-transform: translate(-50%,0) rotate(45deg);
	-moz-transform: translate(-50%,0) rotate(45deg);
	-ms-transform: translate(-50%,0) rotate(45deg);
	-o-transform: translate(-50%,0) rotate(45deg);
	transform: translate(-50%,0) rotate(45deg);
	width: 10px;
	height: 10px;
	border: 1px solid;
	border-color: #e9eef4 transparent transparent #e9eef4;
	background: #fff
}

.header .drop-down .drop-down-content>li {
	border-bottom: 1px solid #e9eef4
}

.header .drop-down .drop-down-content>li:last-child {
	border-bottom: none
}

.header .drop-down .drop-down-content>li.active,.header .drop-down .drop-down-content>li:hover {
	color: #1f75ed
}

.header .drop-down .drop-down-content>li>a {
	display: block;
	padding: 20px 0
}

.header .drop-down.unfold .drop-down-content,.header .drop-down:hover .drop-down-content {
	display: block
}

.header .main-nav {
	float: left;
	margin: 0 0 0 100px;
	list-style: none;
	font-size: 16px
}

.header .main-nav>li {
	float: left;
	margin-right: 50px;
	height: 61px;
	line-height: 61px;
	position: relative
}

.header .main-nav>li.active {
	color: #1f75ed;
	border-bottom: 4px solid #1f75ed
}

.header .main-nav>li:not(.active):hover {
	color: #1f75ed
}

.header .main-nav>li:not(.active):hover::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	transform: translate(-50%,0);
	width: 100%;
	height: 4px;
	background: #1f75ed;
	-webkit-animation: spread-horizontal .25s;
	-moz-animation: spread-horizontal .25s;
	-o-animation: spread-horizontal .25s;
	animation: spread-horizontal .25s
}

.header .main-nav>li a {
	display: block;
	height: 100%
}

.header.header-light {
	color: #fff
}

.header.header-light .logo {
	background-image: none;
    /*background-position: 0 -130px;*/
    width: 133px;
    height: 32px;
}

.header.header-light .header-tools .icon-download {
	background-image: url(../images/home.png);
	background-position: -293px -258px;
	width: 20px;
	height: 17px
}

.header.header-light .main-nav>li.active {
	color: #fff;
	border-bottom: 4px solid #fff
}

.header.header-light .main-nav>li:not(.active):hover {
	color: #fff
}

.header.header-light .main-nav>li:not(.active):hover::before {
	background: #fff
}

.main-footer {
	overflow: hidden;
	padding: 68px 0 61px;
	background: #1b222c
}

.main-footer .wrap{
	width: 1240px;
}

.main-footer .footer-blocks {
	overflow: hidden
}

.main-footer .footer-blocks .footer-block {
	float: left;
	margin-right: 80px
}

.main-footer .footer-blocks .footer-block .block-title {
	line-height: 40px;
	font-size: 18px;
	color: #f8fdff;
	letter-spacing: 2px
}

.main-footer .footer-blocks .footer-block .block-links {
	line-height: 26px;
	font-size: 14px;
	color: #6a6e74
}

.main-footer .copy-right .links li {
	position: relative;
	padding: 0 20px;
	float: left
}

.main-footer .copy-right .links li:first-child {
	padding-left: 0
}

.main-footer .copy-right .links li:last-child {
	padding-right: 0
}

.main-footer .copy-right .links li:not(:last-child)::after {
	position: absolute;
	top: 3px;
	right: 0;
	content: '';
	width: 1px;
	background: #5d6065;
	height: 16px
}

.main-footer .footer-qrcode {
	float: right;
	overflow: hidden;
	margin-left: 30px;
}

.main-footer .footer-qrcode .note {
	margin-top: 10px;
	font-size: 14px;
	color: #6a6e74;
	text-align: center;
}

body {
	margin: 0;
	min-width: 1300px;
	font-family: 微软雅黑,宋体,tahoma
}

body.home {
	position: relative
}

div,li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

a {
	text-decoration: none;
	color: inherit
}

.wrap {
	width: 1200px;
	margin: 0 auto
}

@media (max-width:1400px) {
	.wrap {
		overflow: hidden
	}
}

.clearfix,.header,.header .header-content,.header .header-tools,.header .main-nav,.main-footer .copy-right .links,.scheme-page .case-section .case-cards {
	*zoom: 1
}

.clearfix:after,.clearfix:before,.header .header-content:after,.header .header-content:before,.header .header-tools:after,.header .header-tools:before,.header .main-nav:after,.header .main-nav:before,.header:after,.header:before,.main-footer .copy-right .links:after,.main-footer .copy-right .links:before,.scheme-page .case-section .case-cards:after,.scheme-page .case-section .case-cards:before {
	display: table;
	line-height: 0;
	content: ""
}

.clearfix:after,.header .header-content:after,.header .header-tools:after,.header .main-nav:after,.header:after,.main-footer .copy-right .links:after,.scheme-page .case-section .case-cards:after {
	clear: both
}

@-webkit-keyframes fade-in {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-moz-keyframes fade-in {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-o-keyframes fade-in {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fade-in {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes fade-up-in {
	from {
		opacity: 0;
		-webkit-transform: translate(0,30px);
		transform: translate(0,30px)
	}

	to {
		opacity: 1;
		-webkit-transform: translate(0,0);
		transform: translate(0,0)
	}
}

@-moz-keyframes fade-up-in {
	from {
		opacity: 0;
		-moz-transform: translate(0,30px);
		transform: translate(0,30px)
	}

	to {
		opacity: 1;
		-moz-transform: translate(0,0);
		transform: translate(0,0)
	}
}

@-o-keyframes fade-up-in {
	from {
		opacity: 0;
		-o-transform: translate(0,30px);
		transform: translate(0,30px)
	}

	to {
		opacity: 1;
		-o-transform: translate(0,0);
		transform: translate(0,0)
	}
}

@keyframes fade-up-in {
	from {
		opacity: 0;
		-webkit-transform: translate(0,30px);
		-moz-transform: translate(0,30px);
		-o-transform: translate(0,30px);
		transform: translate(0,30px)
	}

	to {
		opacity: 1;
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-o-transform: translate(0,0);
		transform: translate(0,0)
	}
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    /*-webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);*/
    -webkit-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    /*-webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);*/
    -webkit-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    /*-webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);*/
    -webkit-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    /*-webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);*/
    -webkit-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes spread-horizontal {
	from {
		opacity: 0;
		width: 0
	}

	to {
		opacity: 1;
		width: 100%
	}
}

@-moz-keyframes spread-horizontal {
	from {
		opacity: 0;
		width: 0
	}

	to {
		opacity: 1;
		width: 100%
	}
}

@-o-keyframes spread-horizontal {
	from {
		opacity: 0;
		width: 0
	}

	to {
		opacity: 1;
		width: 100%
	}
}

@keyframes spread-horizontal {
	from {
		opacity: 0;
		width: 0
	}

	to {
		opacity: 1;
		width: 100%
	}
}

@-webkit-keyframes zoom-in {
	from {
		opacity: 0;
		-webkit-transform: scale(0,0);
		transform: scale(0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1,1);
		transform: scale(1,1)
	}
}

@-moz-keyframes zoom-in {
	from {
		opacity: 0;
		-moz-transform: scale(0,0);
		transform: scale(0,0)
	}

	to {
		opacity: 1;
		-moz-transform: scale(1,1);
		transform: scale(1,1)
	}
}

@-o-keyframes zoom-in {
	from {
		opacity: 0;
		-o-transform: scale(0,0);
		transform: scale(0,0)
	}

	to {
		opacity: 1;
		-o-transform: scale(1,1);
		transform: scale(1,1)
	}
}

@keyframes zoom-in {
	from {
		opacity: 0;
		-webkit-transform: scale(0,0);
		-moz-transform: scale(0,0);
		-o-transform: scale(0,0);
		transform: scale(0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1,1);
		-moz-transform: scale(1,1);
		-o-transform: scale(1,1);
		transform: scale(1,1)
	}
}

@-webkit-keyframes cloud_1 { 
	0%   {
    	background-position:40% 0%
    }
    60%{
    	background-position: 100% 0%
    }
	60.01%{
		background-position: 0% 0%
	}
	100%{
    	background-position:40% 0%
		
	}
}

@-o-keyframes cloud_1 { 
	0%   {
    	background-position:40% 0%
    }
    60%{
    	background-position: 100% 0%
    }
	60.01%{
		background-position: 0% 0%
	}
	100%{
    	background-position:40% 0%
		
	}
}

@keyframes cloud_1 { 
    0%   {
    	background-position:40% 0%
    }
    60%{
    	background-position: 100% 0%
    }
	60.01%{
		background-position: 0% 0%
	}
	100%{
    	background-position:40% 0%

	}
} 

@-webkit-keyframes cloud_2 { 
    0%   {
    	background-position:10% 0%
    }
    90%{
    	background-position: 100% 0%
    }
	90.01%{
		background-position: 0% 0%
	}
	100%{
    	background-position:10% 0%
		
	}
}

@-o-keyframes cloud_2 { 
    0%   {
    	background-position:10% 0%
    }
    90%{
    	background-position: 100% 0%
    }
	90.01%{
		background-position: 0% 0%
	}
	100%{
    	background-position:10% 0%
		
	}
}

@keyframes cloud_2 { 
    0%   {
    	background-position:10% 0%
    }
    90%{
    	background-position: 100% 0%
    }
	90.01%{
		background-position: 0% 0%
	}
	100%{
    	background-position:10% 0%
		
	}
} 

@-webkit-keyframes cloud_3 { 
    0%   {
    	background-position:70% 0%
    }
    30%{
    	background-position: 100% 0%
    }
	30.01%{
		background-position: 0% 0%
	}
	100%{
    	background-position:70% 0%
		
	}
}

@-o-keyframes cloud_3 { 
    0%   {
    	background-position:70% 0%
    }
    30%{
    	background-position: 100% 0%
    }
	30.01%{
		background-position: 0% 0%
	}
	100%{
    	background-position:70% 0%
		
	}
}

@keyframes cloud_3 { 
    0%   {
    	background-position:70% 0%
    }
    30%{
    	background-position: 100% 0%
    }
	30.01%{
		background-position: 0% 0%
	}
	100%{
    	background-position:70% 0%
		
	}
} 

.btn {
	display: inline-block;
	line-height: 1;
	background: 0 0;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s
}

.btn-primary {
	color: #fff;
	border: solid 1px #fff; 
}

.btn-primary:hover {
	background: #fff;
	color: #1579d1
}

.btn-hollow-primary,.header .header-tools .btn-register {
	padding: 6px 17px;
	border: 1px solid #1f75ed;
	color: #1f75ed
}

.btn-hollow-primary:hover,.header .header-tools .btn-register:hover {
	color: #fff;
	background: #1f75ed
}

.btn-hollow-white,.header.header-light .header-tools .btn-register {
	padding: 6px 17px;
	border: 1px solid #fff;
	color: #fff;
	border-radius: 3px
}

.btn-hollow-white:hover,.header.header-light .header-tools .btn-register:hover {
	color: #666;
	background: #fff
}

.icon {
	display: inline-block;
	vertical-align: middle
}

.icon-triangle {
	border: 4px solid transparent;
	border-top-color: inherit
}

.icon-team {
	background-image: url(../images/home.png);
	background-position: -91px -205px;
	width: 86px;
	height: 74px
}

.icon-personal {
	background-image: url(../images/home.png);
	background-position: -66px -64px;
    width: 68px;
    height: 69px;
}

.icon-computer {
	background-image: url(../images/home.png);
	background-position: 0px -62px;
    width: 67px;
    height: 67px;
}

.icon-clinic {
	background-image: url(../images/home.png);
	background-position: -259px -227px;
    width: 60px;
    height: 69px;
}

.icon-cart{
	background-image: url(../images/home.png);
	background-position: -135px -223px;
    width: 65px;
    height: 64px;
}

.icon-update{
	background-image: url(../images/home.png);
	background-position: -197px -228px;
    width: 61px;
    height: 67px;
}

.icon-fish-wechat {
	background-image: url(../images/home.png);
	background-position: -436px 0;
	width: 114px;
	height: 120px
}

.icon-crowd-wechat {
	background-image: url(../images/home.png);
	background-position: -320px 0;
	width: 115px;
	height: 120px;
}

.icon-arrow {
	background-image: url(../images/home.png);
	background-position: -293px -232px;
	width: 29px;
	height: 21px
}

.icon_case_one{
	background-image: url(../images/icon_c.png);
	background-position: 0px -38px;
    width: 98px;
    height: 98px;
}

.icon_case_two{
	background-image: url(../images/icon_c.png);
	background-position: 335px -38px;
    width: 98px;
    height: 98px;
}

.icon_c_1{
	background-image: url(../images/icon_c.png);
	background-position: 0px -2px;
    width: 36px;
    height: 36px;
    margin-right: 18px
}

.icon_c_2{
	background-image: url(../images/icon_c.png);
	background-position: -37px -2px;
    width: 36px;
    height: 36px;
    margin-right: 18px	
}

.icon_c_3{
	background-image: url(../images/icon_c.png);
	background-position: -74px -2px;
    width: 36px;
    height: 36px;
    margin-right: 18px;
	margin-bottom: 4px;
}

.icon_c_4{
	background-image: url(../images/icon_c.png);
	background-position: -110px -2px;
    width: 36px;
    height: 36px;
    margin-right: 18px	
}

.icon_c_5{
	background-image: url(../images/icon_c.png);
	background-position: -145px -2px;
    width: 36px;
    height: 36px;
    margin-right: 18px	
}

.icon_c_6{
	background-image: url(../images/icon_c.png);
	background-position: -183px -2px;
    width: 36px;
    height: 36px;
    margin-right: 18px	
}

.icon_case_Aone{
	background-image: url(../images/icon_a.png);
	background-position: 0px -38px;
    width: 98px;
    height: 98px;
}

.icon_case_Atwo{
	background-image: url(../images/icon_a.png);
	background-position: 335px -38px;
    width: 98px;
    height: 98px;
}

.icon_a_1{
	background-image: url(../images/icon_a.png);
	background-position: 0px -2px;
    width: 36px;
    height: 36px;
    margin-right: 18px
}

.icon_a_2{
	background-image: url(../images/icon_a.png);
	background-position: -37px -2px;
    width: 36px;
    height: 36px;
    margin-right: 18px	
}

.icon_a_3{
	background-image: url(../images/icon_a.png);
	background-position: -74px -2px;
    width: 36px;
    height: 36px;
    margin-right: 18px	
}

.icon_a_4{
	background-image: url(../images/icon_a.png);
	background-position: -110px -2px;
    width: 36px;
    height: 36px;
    margin-right: 18px	
}

.icon_a_5{
	background-image: url(../images/icon_a.png);
	background-position: -145px -2px;
    width: 36px;
    height: 36px;
    margin-right: 18px	
}

.icon_a_6{
	background-image: url(../images/icon_a.png);
	background-position: -183px -2px;
    width: 36px;
    height: 36px;
    margin-right: 18px	
}

.icon_case_Mone{
	background-image: url(../images/icon_m.png);
	background-position: 0px -38px;
    width: 98px;
    height: 98px;
}

.icon_case_Mtwo{
	background-image: url(../images/icon_m.png);
	background-position: 335px -38px;
    width: 98px;
    height: 98px;
}

.icon_m_1{
	background-image: url(../images/icon_m.png);
	background-position: 0px -2px;
    width: 36px;
    height: 36px;
    margin-right: 18px
}

.icon_m_2{
	background-image: url(../images/icon_m.png);
	background-position: -37px -2px;
    width: 36px;
    height: 36px;
    margin-right: 18px	
}

.icon_m_3{
	background-image: url(../images/icon_m.png);
	background-position: -74px -2px;
    width: 36px;
    height: 36px;
    margin-right: 18px	
}

.icon_m_4{
	background-image: url(../images/icon_m.png);
	background-position: -110px -2px;
    width: 36px;
    height: 36px;
    margin-right: 18px	
}

.icon_m_5{
	background-image: url(../images/icon_m.png);
	background-position: -145px -2px;
    width: 36px;
    height: 36px;
    margin-right: 18px	
}

.icon_m_6{
	background-image: url(../images/icon_m.png);
	background-position: -183px -2px;
    width: 36px;
    height: 36px;
    margin-right: 18px	
}

.icon_case_Bone{
	background-image: url(../images/icon_m.png);
	background-position: 0px -38px;
    width: 98px;
    height: 98px;
}

.icon_case_Btwo{
	background-image: url(../images/icon_fg.png);
	background-position: 335px -38px;
    width: 98px;
    height: 98px;
}

.icon_b_1{
	background-image: url(../images/icon_fg.png);
	background-position: 0px -2px;
    width: 36px;
    height: 36px;
    margin-right: 18px
}

.icon_b_2{
	background-image: url(../images/icon_fg.png);
	background-position: -37px -2px;
    width: 36px;
    height: 36px;
    margin-right: 18px	
}

.icon_b_3{
	background-image: url(../images/icon_fg.png);
	background-position: -74px -2px;
    width: 36px;
    height: 36px;
    margin-right: 18px	
}

.icon_b_4{
	background-image: url(../images/icon_fg.png);
	background-position: -110px -2px;
    width: 36px;
    height: 36px;
    margin-right: 18px	
}

.icon_b_5{
	background-image: url(../images/icon_fg.png);
	background-position: -145px -2px;
    width: 36px;
    height: 36px;
    margin-right: 18px	
}

.icon_b_6{
	background-image: url(../images/icon_fg.png);
	background-position: -183px -2px;
    width: 36px;
    height: 36px;
    margin-right: 18px	
}

.icon_case_Pone{
	background-image: url(../images/icon_px.png);
	background-position: 0px -38px;
    width: 98px;
    height: 98px;
}

.icon_case_Ptwo{
	background-image: url(../images/icon_px.png);
	background-position: 335px -38px;
    width: 98px;
    height: 98px;
}

.icon_p_1{
	background-image: url(../images/icon_px.png);
	background-position: 0px -2px;
    width: 36px;
    height: 36px;
    margin-right: 18px
}

.icon_p_2{
	background-image: url(../images/icon_px.png);
	background-position: -37px -2px;
    width: 36px;
    height: 36px;
    margin-right: 18px	
}

.icon_p_3{
	background-image: url(../images/icon_px.png);
	background-position: -74px -2px;
    width: 36px;
    height: 36px;
    margin-right: 18px	
}

.icon_p_4{
	background-image: url(../images/icon_px.png);
	background-position: -110px -2px;
    width: 36px;
    height: 36px;
    margin-right: 18px	
}

.icon_p_5{
	background-image: url(../images/icon_px.png);
	background-position: -145px -2px;
    width: 36px;
    height: 36px;
    margin-right: 18px	
}

.icon_p_6{
	background-image: url(../images/icon_px.png);
	background-position: -183px -2px;
    width: 36px;
    height: 36px;
    margin-right: 18px	
}

.icon-qy{
	background-image: url(../images/icon_pharmacy_logo.png);
	background-position: -6px -2px;
	width: 118px;
	height: 103px;
}

.icon-sc{
	background-image: url(../images/icon_pharmacy_logo.png);
	background-position: -141px -2px;
	width: 115px;
	height: 114px;
}

.icon-hn{
	background-image: url(../images/icon_pharmacy_logo.png);
	background-position: 0px -134px;
	width: 115px;
	height: 114px;
}

.icon-hk{
	background-image: url(../images/icon_pharmacy_logo.png);
	background-position: 133px -2px;
	width: 121px;
	height: 114px;
}

.icon-xkteam{
	background-image: url(../images/icon_we.png);
	background-position: -1px -1px;
    width: 128px;
    height: 128px;
}

.icon-source{
	background-image: url(../images/icon_we.png);
	background-position: -131px -1px;
    width: 128px;
    height: 128px;
}

.icon-net{
	background-image: url(../images/icon_we.png);
	background-position: -261px -1px;
    width: 128px;
    height: 128px;
}

.icon-custom{
	background-image: url(../images/icon_we.png);
	background-position: -1px -131px;
    width: 128px;
    height: 128px;
}

.icon-win{
	background-image: url(../images/icon_we.png);
	background-position: -131px -131px;
    width: 128px;
    height: 128px;
}

.icon-share{
	background-image: url(../images/icon_we.png);
	background-position: -261px -131px;
    width: 128px;
    height: 128px;
}

.main-content {
	padding-bottom: 90px
}

.home .banner {
	background-image: url(../images/img_san.png);
	background-position: center;
	background-repeat: no-repeat;
	background-color: #1f69d5;
	height: 706px;
}

.home .banner .home{
	position: absolute;
	height: 706px;
	width: 100%;
	background-image: url(../images/img_fz.png);
	background-repeat: no-repeat;
	z-index: 999;
	background-position: center;
	/*-webkit-animation:cloud_1 28s linear infinite;*/
	/*-o-animation:cloud_1 28s linear infinite;*/
}

.home .banner .cloud_1{
	position: absolute;
	height: 706px;
	width: 100%;
	background-image: url(../images/yun_1.png);
	background-repeat: no-repeat;
	-webkit-animation:cloud_1 28s linear infinite; 
    -o-animation:cloud_1 28s linear infinite; 
}

.home .banner .cloud_2{
	position: absolute;
	height: 706px;
	width: 100%;
	background-image: url(../images/yun_2.png);
	background-repeat: no-repeat;
	-webkit-animation:cloud_2 30s linear infinite; 
    -o-animation:cloud_2 30s linear infinite; 
}

.home .banner .cloud_3{
	position: absolute;
	height: 706px;
	width: 100%;
	background-image: url(../images/yun_3.png);
	background-repeat: no-repeat;
	-webkit-animation:cloud_3 30s linear infinite; 
    -o-animation:cloud_3 30s linear infinite; 
}

.home .banner .banner-content {
	position: relative;
	-webkit-animation: fade-up-in 1s;
	-moz-animation: fade-up-in 1s;
	-o-animation: fade-up-in 1s;
	animation: fade-up-in 1s;
	margin: 0 auto;
	padding-top: 171px;
	width: 1240px;
	line-height: 1;
	text-align: center;
	z-index: 99999;
}

.home .banner .banner-content .sub-title {
	margin: 0;
	text-align: center;
	font-size: 64px;
	color: #fff;
	letter-spacing: 1px;
	font-weight: bold;
}

.home .banner .banner-content .btn-join {
	margin: 46px auto 0;
	padding: 16px 42px;
	font-size: 20px;
	letter-spacing: 4px;
}

.home .section .section-title {
	line-height: 1;
	font-size: 34px;
	text-align: center;
	letter-spacing: 1px;
	color: #0d0e10
}

.home .section .section-tip{
	color: #808080;
	text-align: center;
	margin-top: 24px
}

.home .section .section-sub-title {
	margin-top: 12px;
	text-align: center;
	line-height: 22px;
	font-size: 14px;
	color: #808c99
}

.home .section .section-content {
	margin-top: 55px
}

.home .solution-section {
	padding: 100px 0 106px;
	background: url(../images/img_the_pharmacy2.png) no-repeat;
	background-position: center 0;
	background-color: #f8f8f8
}

.home .card-area {
	margin: 27px auto 0;
	height: 365px;
	width: 1290px;
	overflow: hidden
}

.home .card-area .card-item {
	overflow: hidden;
	position: relative;
	float: left;
	margin: 63px 0 10px 22px;
	padding: 42px 0 0;
	width: 224px;
	height: 265px;
	text-align: center;
	background: #fff;
	border-radius: 3px;
	-webkit-transition: all .25s cubic-bezier(.4,0,.2,1);
	-o-transition: all .25s cubic-bezier(.4,0,.2,1);
	-moz-transition: all .25s cubic-bezier(.4,0,.2,1);
	transition: all .25s cubic-bezier(.4,0,.2,1)
}


.home .card-area .card-item .icon-container {
	height: 84px;
	line-height: 84px;
	text-align: center
}

.home .card-area .card-item .icon {
	margin: 0 auto
}

.home .card-area .card-item .title {
	margin: 40px 0 0;
	font-size: 19px;
	color: #373030
}

.home .card-area .card-item .note {
	margin-top: 10px;
	font-size: 14px;
	color: #808080;
	text-align: center;
    -webkit-transform: scale(0.90);
}


.home .card-area .card-item .btn-view {
	margin-top: 55px;
	padding: 9px 24px
}

.home .card-area .card-item:hover .btn-view {
	margin-top: 25px;
	padding: 9px 24px
}

.home .card-area .card-item:hover {
	padding: 42px 0 0;
	background: #367fec;
	transform: scale(1.1,1.1);
	/*width: 250px;*/
	/*height: 295px;*/
	box-shadow:-5px 0 5px rgba(228,234,247,0.5), 
    5px 0 5px rgba(228,234,247,0.5),    
    0 5px 10px rgba(200,211,239,0.5);
    border-radius: 5px; 
    z-index: 1000;
	margin: 60px 0 10px 22px;
	transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
}

.home .card-area .card-item:hover .font ,.home .card-area .card-item:hover .icon-container ,.home .card-area .card-item:hover .note-font{
	/*font-size: 19px;*/
	/*margin: 17px 0 0;*/
	transform: scale(0.9);
}

.home .card-area .card-item:hover .title{
	/*font-size: 12px;*/
	/*transform: scale(0.8);*/
	margin: 10px 0 0;
}

.home .card-area .card-item:hover .note,.home .card-area .card-item:hover .title {
	color: #fff
}


.home .card-area .card-item:hover .icon-personal {
	background-image: url(../images/home.png);
	background-position: -66px 0px;
	width: 68px;
    height: 64px;
	/*transform: scale(0.8,0.8);*/
}

.home .card-area .card-item:hover .icon-computer {
	background-image: url(../images/home.png);
	background-position: 0px 0px;
    width: 67px;
    height: 65px;
	/*transform: scale(0.8,0.8);*/
}


.home .card-area .card-item:hover .icon-clinic {
	background-image: url(../images/home.png);
	background-position: -260px 0;
	width: 60px;
	height: 65px;
	/*transform: scale(0.8,0.8);*/
}

.home .card-area .card-item:hover .icon-cart {
	background-image: url(../images/home.png);
	background-position: -135px 0;
	width: 65px;
	height: 60px;
	/*transform: scale(0.8,0.8);*/
}

.home .card-area .card-item:hover .icon-update {
	background-image: url(../images/home.png);
	background-position: -198px 0;
	width: 60px;
	height: 65px;
	/*transform: scale(0.8,0.8);*/
}

.home .card-area .card-item:hover .icon-hospital {
	background-image: url(../images/home.png);
	background-position: -293px -155px;
	width: 65px;
	height: 72px
}

.home .card-area .card-item:hover .icon-arrow {
	background-image: url(../images/home.png);
	background-position: -327px -232px;
	width: 29px;
	height: 21px
}

.home .capability-section {
	padding-top: 95px;
	height: 743px;
	background-color: #fff;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center
}

.home .capability-section .section-content {
	position: relative;
	margin: 79px auto 0;
	width: 1178px;
	height: 496px;
	background-image: url(../images/tis_img.png);
	background-repeat: no-repeat;
	background-position: center;
}

.home .capability-section .capability-item {
	position: absolute;
	color: #fff
}

.home .capability-section .capability-item.capability-item-1 {
	top: 45px;
	left: 300px
}

.home .capability-section .capability-item.capability-item-2 {
	top: 45px;
	left: 740px
}

.home .capability-section .capability-item.capability-item-3 {
	top: 339px;
	left: 300px
}

.home .capability-section .capability-item.capability-item-4 {
	top: 339px;
	left: 740px
}

.home .capability-section .capability-item .capability-title {
	font-size: 28px
}

.home .capability-section .capability-item .capability-desc {
	margin-top: 10px;
	line-height: 28px;
	font-size: 16px
}

.home .capability-section .role-name {
	color: #000;
	position: absolute;
	top: 338px
}

.home .capability-section .role-name.role-name-1 {
	left: 52px
}

.home .capability-section .role-name.role-name-2 {
	right: 52px
}

.home .statistic-section {
	height: 700px;
	background: #f8f8f8;
	padding: 150px 0;
}

.home .statistic-section .section-sub-title,.home .statistic-section .section-title {
	text-align: left
}

.home .statistic-section .statisticSection-img{
	float: left;
	height: 402px;
    width: 633px;
    margin-right: 60px;
}

.home .statistic-section .section-title {
	margin-top: 65px;
	line-height: 66px
}

.home .statistic-section .note {
	margin-top: 27px;
	line-height: 32px;
	font-size: 16px;
	color: #717171;
}

.home .statistic-section .section-content {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	height: 883px;
	/*opacity: 0;*/
	background-repeat: no-repeat;
	background-position: 320px 85px
}

.home .statistic-section .animate  {
	opacity: 1;
	-webkit-animation: fadeInLeft 3s;
	-moz-animation: fadeInLeft 3s;
	-o-animation: fadeInLeft 3s;
	animation: fadeInLeft 3s
}

.home .opentap-section .animate{
	opacity: 1;
	-webkit-animation: fadeInRight 3s;
	-moz-animation: fadeInRight 3s;
	-o-animation: fadeInRight 3s;
	animation: fadeInRight 3s
}

.home .opentap-section{
	height: 700px;
	padding: 150px 0px 0px;
	background-color: #fff
}

.home .opentap-section .section-title , .note{
   text-align: left;
}

.home .opentap-section .section-title {
	line-height: 66px;
	margin: 120px 0 0 40px;
}

.home .opentap-section .note {
	margin: 27px 0 0 40px;
	line-height: 35px;
	font-size: 16px;
	color: #717171
}

.home .opentap-section .section-content {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: 320px 85px
}

.home .opentap-section.animate .section-content {
	opacity: 1;
	-webkit-animation: fade-up-in 1s;
	-moz-animation: fade-up-in 1s;
	-o-animation: fade-up-in 1s;
	animation: fade-up-in 1s
}

.home .opentap-section .opentapSection-img{
	position: relative;
    left: 504px;
    bottom: 277px;
    height: 444px;
    width: 663px
}

.home .suggestion-section {
	height: 800px;
	background: #f8f8f8;
	padding: 90px 0 0 0;
}

.home .suggestion-section .swiper-container {
        width: 100%;
        height: 540px;

    }
.home .suggestion-section .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        width: 60%;
        padding: 33px;
	    cursor: pointer;
    }

.home .suggestion-section .swiper-slide-active{
	padding: 50px 33px 33px 33px;
}

.home .suggestion-section .swiper-wrapper{
        display: flex;
        align-items: center;
    }

.home .suggestion-section .swiper-slide{
        width: 292px;
        height: 390px;
    }

.home .suggestion-section .swiper-slide-active{
        width: 308px;
        height: 431px;
    }

.home .suggestion-section .swiper-slide .note{
    color: #656565;
    font-size: 14px;
    height: 126px;
	letter-spacing: 1.5px;
	line-height: 20px;
}    

.home .suggestion-section .swiper-title{
	line-height: 1;
	font-size: 20px;
	text-align: center;
	letter-spacing: 1px;
	color: #0d0e10
}

.home .suggestion-section .swiper-slide .swiper-tip{
	color: #979797;
	font-size: 14px;
	margin: 20px 0;
}
 
.solution .banner {
	background-position: center;
	background-repeat: no-repeat;
	background-color: #1f69d5;
	height: 700px
}

.solution .c_customer{
	background-image: url(../images/c_img.png);
}

.solution .accurate{
	background-image: url(../images/accurate_img.png);
}

.solution .again_buy{
	background-image: url(../images/after_purchase_img.png);
}

.solution .disease{
	background-image: url(../images/management_img.png);
}

.solution .assistant{
	background-image: url(../images/wisdom_img.png);
}

.solution .banner .banner-content {
	position: relative;
	-webkit-animation: fade-up-in 1s;
	-moz-animation: fade-up-in 1s;
	-o-animation: fade-up-in 1s;
	animation: fade-up-in 1s;
	margin: 0 auto;
	padding: 214px 0 0 125px;
	right: 351px;
	width: 700px;
	line-height: 1;
	text-align: left;
}

.solution .banner .banner-content .sub-title {
	margin: 0;
	text-align: left;
	font-size: 64px;
	color: #fff;
	letter-spacing: 4px
}

.solution .banner .banner-content .sub-tip{
	margin: 30px 0 0 0;
	color: #fff;
	font-size: 18px;
	text-align: left;
}

.solution .banner .banner-content .sub-btn{
	text-align: left;
}

.solution .banner .banner-content .btn-join {
	margin: 46px auto 0;
	padding: 16px 42px;
	font-size: 20px;
	letter-spacing: 4px;
}

.solution .section .section-title {
	line-height: 1;
	font-size: 36px;
	text-align: center;
	letter-spacing: 3px;
	color: #0d0e10
}

.solution .section .section-tip{
	color: #808080;
	text-align: center;
	margin-top: 24px
}

.solution .section .section-sub-title {
	margin-top: 12px;
	text-align: center;
	line-height: 22px;
	font-size: 14px;
	color: #808c99
}

.solution .section .section-content {
	margin-top: 55px
}

.solution .case-section{
	height: 164px;
	background-color: #fff;
	margin: 0 auto;
	padding: 50px 0 0 0;
	width: 1200px
}

.solution .case-section .card-item{
	width: 600px;
	height: 95px;
	float: left;
}

.solution .case-section .card-item:nth-child(even) {
	padding: 0 0 0 130px;

}

.solution .case-section .card-item:first-child {
	border-right: 1px solid #eaeaea;
}

.solution .case-section .icon-container{
	width: 100px;
	height: 100%;
	float: left;
}

.solution .case-section .sub-title{
	margin: 10px 0 0 150px;
	text-align: left;
	font-size: 24px;
}

.solution .case-section .sub-note{
	text-align: left;
	font-size: 14px;
	margin: 20px 0 0 150px;
}

.solution .communicate-section {
	height: 1700px;
	background-image: url(../images/icon_case_bg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-color: #f8f8f8;
	padding: 100px 0;
}

.solution .communicate-section .section-content{
	width: 1200px;
	margin: 90px auto 124px auto;;
	height: 670px
}

.solution .communicate-section .section-content .card-item{
	float: left;
	width: 600px;
	height: 234px;
	padding: 36px;
	background-color: #fff;
	border-bottom: 1px solid #eaeaea;
}

.solution .communicate-section .section-content .card-item:nth-child(odd){
	border-right: 1px solid #eaeaea;
}

.solution .communicate-section .section-content .card-item:nth-child(5){
	border-bottom: none;
}

.solution .communicate-section .section-content .card-item:nth-child(6){
	border: none;
}

.solution .communicate-section .card-item .title{
	color: #236ede;
	margin: 0 18px 17px 0
}

.solution .communicate-section .card-item .desc{
	color: #272b30;
	font-size: 15px;
    line-height:24px;
	letter-spacing: 1px;
}

.solution .card-area {
	margin: 10px auto 0;
	height: 440px;
	width:  1125px;
	overflow: hidden;
	display: flex;
	align-items: center;
}

.solution .card-area .card-item {
	overflow: hidden;
	position: relative;
	float: left;
	margin: 82px 0 10px 20px;
	padding: 50px 0 0;
	width: 255px;
	height: 307px;
	text-align: center;
	background: #fff;
	border-radius: 3px;
	-webkit-transition: all .25s cubic-bezier(.4,0,.2,1);
	-o-transition: all .25s cubic-bezier(.4,0,.2,1);
	-moz-transition: all .25s cubic-bezier(.4,0,.2,1);
	transition: all .25s cubic-bezier(.4,0,.2,1)
}


.solution .card-area .card-item .icon-container {
	height: 84px;
	line-height: 84px;
	text-align: center
}

.solution .card-area .card-item .icon {
	margin: 0 auto
}

.solution .card-area .card-item .title {
	margin: 47px 0 0;
	font-size: 19px;
	color: #373030;
	font-weight: 500;
}

.solution .card-area .card-item .note {
	margin-top: 10px;
	font-size: 14px;
	color: #808080;
	text-align: center;
    -webkit-transform: scale(0.90);
}

.solution .card-area .card-item .btn-view {
	margin-top: 25px;
	padding: 8px 23px
}

.solution .card-area .card-item:hover {
	padding: 50px 0 0;
	/*width: 275px;*/
	/*height: 347px;*/
	transform: scale(1.1);
	box-shadow:-5px 0 5px rgba(225,225,225,0.5), 
    5px 0 5px rgba(225,225,225,0.5),    
    0 5px 10px rgba(225,225,225,0.5);
    border-radius: 5px; 
    z-index: 1000
}

.solution .insert-section{
	height: 366px;
	background-color: #1f69d5;
	background-image: url(../images/img_jr.png);
}

.solution .insert-section .sub-title{
	color: #fff;
	font-size: 48px;
	text-align: center;
	padding: 90px 0 23px 0;
}

.solution .insert-section .sub-tip{
	color: #fff;
	font-size: 14px;
	text-align: center;
}

.solution .insert-section .sub-btn{
	margin-top: 38px;
	text-align: center;
}

.solution .insert-section .btn-join {
	padding: 16px 45px;
	font-size: 18px;
	letter-spacing: 1px
}

.faq-page {
	background: #f5f5f5
}

.faq-page .header {
	height: 61px;
	background: #3174d8
}

.faq-page .faq-container {
	overflow: hidden;
	margin-top: 90px;
	min-height: 571px
}

.faq-page .content,.faq-page .side-menu {
	min-height: 690px;
	background: #fff;
	color: #333
}

.faq-page .content .title,.faq-page .side-menu .title {
	font-size: 22px;
	color: #333
}

.faq-page .side-menu {
	float: left;
	width: 260px;
	padding: 32px 0 0
}

.faq-page .side-menu .title {
	padding: 0 0 27px 28px;
	border-bottom: 1px solid #f5f5f5;
	margin-bottom: 27px
}

.faq-page .side-menu .sub-title {
	margin: 17px 0;
	padding: 0 0 0 28px;
	font-size: 16px;
	color: #000
}

.faq-page .side-menu .questions {
	padding: 0;
	font-size: 14px;
	line-height: 20px
}

.faq-page .side-menu .questions>li {
	position: relative;
	margin: 17px 0;
	text-indent: 32px
}

.faq-page .side-menu .questions>li.active,.faq-page .side-menu .questions>li:hover {
	color: #1f75ed
}

.faq-page .side-menu .questions>li.active::before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	height: 100%;
	width: 5px;
	background: #1f75ed
}

.faq-page .side-menu .questions>li>a {
	display: block;
	/*padding: 0 28px;*/
	text-align: left;
}

.faq-page .content {
	float: right;
	width: 920px;
	padding: 32px 39px
}

.faq-page .content .title {
	-webkit-animation: fade-in 1s;
	-moz-animation: fade-in 1s;
	-o-animation: fade-in 1s;
	animation: fade-in 1s
}

.faq-page .content .answer {
	margin-top: 28px;
	line-height: 2;
	font-size: 14px;
	color: #666;
	-webkit-animation: fade-in 1s;
	-moz-animation: fade-in 1s;
	-o-animation: fade-in 1s;
	animation: fade-in 1s
}

.faq-page .content .answer .sub-title {
	font-size: 16px;
	color: #333
}

.faq-page .content .answer>p {
	margin: 10px 0
}

.faq-page .content .answer a {
	display: inline-block;
	text-decoration: underline;
	color: #1f75ed
}

.aboutUs .banner {
	background-image: url(../images/we_img.png);
	background-position: center;
	background-repeat: no-repeat;
	background-color: #1f69d5;
	height: 560px
}

.aboutUs .banner .banner-content {
	position: relative;
	-webkit-animation: fade-up-in 1s;
	-moz-animation: fade-up-in 1s;
	-o-animation: fade-up-in 1s;
	animation: fade-up-in 1s;
	margin: 0 auto;
	padding-top: 171px;
	width: 1240px;
	line-height: 1;
	text-align: center
}

.aboutUs .banner .banner-content .sub-title {
	margin: 0;
	text-align: center;
	font-size: 52px;
	color: #fff;
	letter-spacing: 4px
}

.aboutUs .banner .banner-content .sub-tip{
	margin: 30px 0 0 0;
	color: #fff;
	font-size: 16px;
	text-align: center;
}

.aboutUs .we-section {
    padding: 82px auto;
    background-color: #f8f8f8
}

.aboutUs .we-section .card-area{
	width: 1024px;
	height: 1077px;
	margin: 0 auto;
	padding-top: 92px
}

.aboutUs .we-section .card-area .card-item{
	margin: 10px 10px 20px 10px;
	width: 320px;
	height: 473px;
	background-color: #fff;
	float: left;
	border-radius: 3px;
	padding: 32px;
}

.aboutUs .we-section .card-area .card-item .icon-container{
	width: 100%;
	height: 156px;
	text-align: center;
}

.aboutUs .we-section .card-area .card-item .title{
	font-size: 24px;
	text-align: center;
	margin-bottom: 20px
}

.aboutUs .we-section .card-area .card-item .note{
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 0.5px
}