html,body{ margin: 0; padding: 0; font-family: '微软雅黑'; color: #44444c;  }
ul,li{ list-style-type: none; margin: 0; padding: 0; }
a{ text-decoration: none; }
img{ vertical-align: middle;  border:0 none;/*去掉 IE10中 在a标签里的图片会显示的边框*/ }
i{ font-style: normal; }
p{ margin: 0; padding: 0; }


.container{ width: 1200px; margin: 0 auto; }
.main{ max-width: 1920px; margin: 0 auto; }
.clear{ clear: both; }
.nowyear{ margin: 0 !important; }


/*body*/

.section .title{ text-align: center; margin: 0 auto; line-height: 1; margin-top: 40px; }
.section .title p{ font-size: 30px; color: #44444c; }
/*.section .title span{ font-size: 14px; color: #9fa0a0;}*/




/*合理用药*/
.section .content{ margin: 50px auto 73px; }
.rational .list{  height: 200px; font-size: 14px; }
.rational  .list li{ 
	width: 380px; height: 100%; float: left; margin-right: 30px;
	border-radius: 5px; position: relative; /*cursor: pointer;*/
}
.rational .list li:first-child+li+li{ margin-right: 0; }
.rational .list li:nth-of-type(3){ margin-right: 0; }
.rational .list li .gray{ 
	width: 100%; height: 100%; position: absolute; left: 0; top: 0; 
	color: #fff; border-radius: 5px; text-align: center;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#5665d8, endColorstr=#1985f9)";/*IE8+*/
	/*background: -ms-linear-gradient(left, #5665d8, #1985f9);   /* IE 10 */
	background: -webkit-linear-gradient(left,#5665d8,#1985f9);  /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(left,#5665d8,#1985f9);  /*Opera 11.10+*/
    background: -moz-linear-gradient(left,#5665d8,#1985f9);  /*火狐*/
    background: -mos-linear-gradient(left,#5665d8,#1985f9);  
    background: linear-gradient(to right,#5665d8,#1985f9);
    display: none; opacity: .85;
    
}

.rational .list li:hover .gray{ display: block; }
.rational .list li .gray .txt{ 
	position: absolute; left: 0; right: 0; bottom: 0; top: 0;
    margin: auto; height: 25px; font-size: 22px;
}

/*合理用药 end*/


/*首页 section2/3 列表3*/
.list3_wrap .content{ width: 790px; margin: 0 auto; }
.list3_wrap .content .list{ height: 320px; }
.list3_wrap .content .list li{ 
	width: 380px; height: 100%; background: #fff; text-align: center;
	color: #44444c; border-radius: 0; line-height: 1;
}
.list3_wrap .list li:first-child+li{ margin-right: 0; }
.list3_wrap .list li:nth-of-type(2){ margin-right: 0; }
.list3_wrap .content .list li .txt{ 
	width: 100%; height: 100%; overflow: hidden;
	background: url("../img/sec2_2.png") no-repeat center center ;
}
.list3_wrap .content .list li p{ font-size: 22px; margin-top: 45px; color: #44444c; }
.list3_wrap .content .list li span{ 
	font-size: 16px; margin-top: 15px; display: inline-block; color: #44444c;
}
.list3_wrap .content .list li .more{ margin-top: 37px; }
.list3_wrap .content .list li .more a{ 
	display: inline-block; width: 100px; height: 30px; font-size: 14px; color: #fff;
	border-radius: 30px;  background: #44444c; line-height: 30px;
}
.list3_wrap .content .list li:hover a{ border-radius: 30px; }
/* 我们的优势 */
.safe_wrap{ 
	height: 550px; 
	background: url("../img/sec2_1.jpg") no-repeat 50% 100%; 
	background-size: cover;
	overflow: hidden; 
}
.safe_wrap .title p{ color: #fff;  }
.safe_wrap .article_mobile{ display: none; }
.safe_wrap .article{ font-size: 14px; color: #fff; text-align: center; padding-top: 40px; margin: 0 auto; }
.safe_wrap .content{ margin: 63px auto 80px; width: 1200px; }
.safe_wrap .content #swiper_safe .list li{ width: 220px; height: 260px; margin-right: 25px; }
.safe_wrap .content #swiper_safe .list li:first-child+li+li+li+li{ margin-right: 0; }
.safe_wrap .content .list li .icon{ width: 64px; height: 77px; margin: 30px auto 0; }
.safe_wrap .content .list li p{ font-size: 18px; margin-top: 20px; }
.safe_wrap .content .list li span{ font-size: 14px; margin-top: 10px;line-height: 25px; margin-left:10px; margin-right:10px; }
.safe_wrap .content .list li .more{ margin-top: 35px; }
.safe_wrap .content .list li .icon img:first-child+img{ display: none; }
.safe_wrap .content .list li .icon img:nth-of-type(2){ display: none; }
.safe_wrap .content .list li:hover .icon img:first-child{ display: none; }
.safe_wrap .content .list li:hover .icon img:nth-of-type(1){ display: none; }
.safe_wrap .content .list li:hover .icon img:first-child+img{ display: block; }
.safe_wrap .content .list li:hover .icon img:nth-of-type(2){ display: block; }
.safe_wrap .content .list li:hover .more a{ 
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#5665d8, endColorstr=#1985f9)";IE8+*/
	background: #5484e6;
	background: -ms-linear-gradient(left, #5665d8, #1985f9);   /* IE 10 */
	background: -webkit-linear-gradient(left,#5665d8,#1985f9);  
    background: -o-linear-gradient(left,#5665d8,#1985f9);  
    background: -moz-linear-gradient(left,#5665d8,#1985f9);  
    background: -mos-linear-gradient(left,#5665d8,#1985f9);  
	background: linear-gradient(to right,#5665d8,#1985f9); opacity: .85; 
	border-radius: 30px;
    
} 

/* 我们的优势 end*/

/* 使用场景与配套不同产品，生成不同解决方案 */
.sight_wrap{ background: #f7f8f8; }
.sight_wrap .title{ margin-top: 70px; padding-top: 40px; }
.sight_wrap .content{ margin: 40px auto 0; width: 1200px; height: 264px;  }
.sight_wrap .content .list li{ 
	width: 278px\9;
	border: 1px solid #e5e5e5\9;
	-webkit-box-shadow: 1px 1px 18px rgba(0,0,0,.1);
    -moz-box-shadow: 1px 1px 18px rgba(0,0,0,.1);
	box-shadow: 1px 1px 18px rgba(0,0,0,.1); 
	behavior: url("PIE.htc"); 
}
:root .sight_wrap .content .list li{ border: none; width: 280px; height: 200px; border-radius: 4px; margin-right: 25px; }
.sight_wrap .content .list li:first-child+li+li+li { margin-right: 0; }
.sight_wrap .content .list li .txt{ background: url("../img/sub_m8.png")no-repeat; }

.sight_wrap .content .list li .icon{ width: 68px; height: 68px; margin: 36px auto 0; }
.sight_wrap .content .list li p{ margin-top: 20px; font-size: 18px; color: #484848; line-height: 22px; }
.sight_wrap .content .list li:hover { background-color: #298486; }
.sight_wrap .content .list li:hover .txt { background: url("../img/sub_m8_2.png") no-repeat;  }
.sight_wrap .content .list li:hover p { color: #fff; }
.sight_wrap .content .list li .icon img:first-child+img{ display: none; }
.sight_wrap .content .list li .icon img:nth-of-type(2){ display: none; }
.sight_wrap .content .list li:hover .icon img:first-child{ display: none; }
.sight_wrap .content .list li:hover .icon img:nth-of-type(1){ display: none; }
.sight_wrap .content .list li:hover .icon img:first-child+img{ display: block; }
.sight_wrap .content .list li:hover .icon img:nth-of-type(2){ display: block; }

/*联系我们*/
	.contact_wrap .container{ overflow: hidden; }
	.contact_wrap .content{ width: 590px }
	.contact_wrap .list{ 
		width: 590px; height: 144px; background: #fbfbfb; margin-left: 0;
		border-right: none; border-bottom: 1px dashed #d7d6d6;
	}
	.contact_wrap .list:nth-of-type(3){ border-bottom: none; }
	.contact_wrap .list p{ font-size: 22px; margin: 40px 35px 15px; }
	.contact_wrap .list:nth-of-type(3) p{ font-size: 22px; margin: 25px 35px 10px; }
	.contact_wrap .list span{ width: 520px; height: 60px; font-size: 24px;  margin: auto 35px;}
	.contact_wrap .list:nth-of-type(4){ display: none;}

/*系统介绍及功能特点*/
.trait_wrap .content{ margin: 45px auto; }
.trait_wrap .items{ padding: 60px 0 68px; background: url("../img/5e59e330196b21582949168974.jpg")no-repeat center center; }
.trait_wrap .items .list{ height: 230px; margin-top: 30px; }
.trait_wrap .items .list:first-child{ margin-top: 0; }
.trait_wrap .items .list li{ 
	width: 399px; height: 100%; float: left; background: #fff; 
	border-radius: 10px; text-align: center; line-height: 1; 
	border-right: 1px dashed #eee; cursor: pointer;
}
.trait_wrap .items .list li .icon{ width: 53px; height: 51px; margin: 20px auto 23px; }
.trait_wrap .items .list li .icon img:first-child+img{ display: none; }
.trait_wrap .items .list li .icon img:nth-of-type(2){ display: none; }
.trait_wrap .items .list p{ font-size: 18px; color: #44444c;  }
.trait_wrap .items .list span{ 
	font-size: 14px; color: #797e89; width: 334px; height: 42px;
	line-height: 1.5;  text-align: left; margin: 25px auto 31px 33px; 
	display: inline-block; /*兼容ie8*/
	display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;   
	text-overflow: ellipsis; overflow: hidden; 
}
.trait_wrap .items .list li:hover .icon img:first-child{ display: none; }
.trait_wrap .items .list li:hover .icon img:first-child+img{ display: block; }
.trait_wrap .items .list li:hover .icon img:nth-of-type(2){ display: block; }
.trait_wrap .items .list li:hover{ background: #298486; border: none; width: 400px; }
.trait_wrap .items .list li:hover p,.trait_wrap .items .list li:hover span{ color: #fff; }

.search_wrap .items{background: url("../img/5e59e330196b21582949168974.jpg") no-repeat center center; padding-bottom: 87px; }
.search_wrap .items .list li .icon{ width: 53px; height: 54px; }
.search_wrap .items .list span{ text-align: justify; -webkit-line-clamp:3; width: 325px; height: 90px; }
.search_wrap .items .list li:hover 
{
	background: -webkit-linear-gradient(left,#298486,#309396);  
    background: -o-linear-gradient(left,#298486,#309396);  
    background: -moz-linear-gradient(left,#298486,#309396);  
    background: -mos-linear-gradient(left,#298486,#309396);  
    background: -ms-linear-gradient(left, #298486, #309396); 
    background: linear-gradient(left,#298486,#309396);

}
.search_wrap .items .item{ margin-top: 60px; }

