@charset "utf-8";
/* CSS Document */


/*页面初始化*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0px;padding: 0px;}/*取消常用标签默认边距*/
html, body {width:100%;font-size:14px;font-family: "微软雅黑", "microsoft yahei","宋体","Arial Narrow";}/*页面基本属性设置*/
a{ text-decoration:none; -webkit-transition: color 0.5s; transition:color 0.5s; outline:none;}/*取消下划线和虚线框*/
a:focus{-moz-outline-style: none;}/*元素获得焦点时向元素添加特殊的样式：取消虚线框*/
a:hover,a:active{text-decoration:none;}/*鼠标悬停,被用户激活(在鼠标点击与释放之间发生的事件)*/
img{border: none;vertical-align: middle;}/*取消img默认边框和设置和文字居中展示*/
table{border-collapse: collapse;border-spacing: 0;}/*表格初始化*/
ul,ol{list-style-type: none;}/*列表初始化*/
address,cite,code,em,th {font-weight:normal; font-style:normal;}/*特殊标签初始化*/
input, select, label {vertical-align: middle;}/*文字和INPUT框对齐*/
input,button,select,textarea{outline:none;}/*取消chrome下input和textarea的聚焦边框*/
textarea {resize:none; }/*禁用了文本的拖拉，尤其在谷歌下*/
input:-webkit-autofill {
-webkit-box-shadow:0 0 0 1000px white inset;
border:1px solid #ccc !important ;}/*可以对input:-webkit-autofill使用足够大的纯色内阴影来覆盖input输入框的黄色背景*/
p{ word-wrap:break-word; word-break:break-all;} /*英文文字自动换行*/
/*p{ text-align:justify; text-justify:distribute;}*/ /*为了使文本段落左右两边对齐*/
h1, h2, h3, h4, h5, h6{ font-size:14px; font-weight:normal; }/*初始化h标签*/

/*字体*/
.family{font-family: "微软雅黑", "microsoft yahei","宋体","Arial Narrow";}

/*浮动样式*/
.clear{ clear:both;}
.pull-left{ float:left;}
.pull-right{ float:right;}

/*特殊字体颜色*/
.color-blue{ color:#2d8aef!important;}/*黄色*/
.color-yellow{ color:#fccb31!important;}/*黄色*/
.color-white{ color:#fff;}/*白色*/
.color-black{ color:#000;}/*黑色*/
.color-gray1{ color:#333;}/*深灰色*/
.color-gray2{ color:#666;}/*中灰色*/
.color-gray3{ color:#999;}/*浅灰色*/

/*隐藏/显示*/
.hide{ display:none;}
.show{ display:block;}
.visibility-hide{visibility:hidden;}
.visibility-show{visibility:visible;}

/*圆角大小*/
.radius3{ border-radius:3px;}
.radius5{ border-radius:5px;}
.radius10{ border-radius:10px;}
.radius50{ border-radius:50%;}

/*取消样式*/
.border-no{ border:0px!important;}
.margin-no{ margin:0px!important;}
.padding-no{ padding:0px!important;}

/*字体大小*/
.size-14{ font-size:14px;}
.size-16{ font-size:16px;}
.size-18{ font-size:18px;}
.size-20{ font-size:20px;}
.size-22{ font-size:22px;}
.size-24{ font-size:24px;}
.size-26{ font-size:26px;}
.size-28{ font-size:28px;}
.size-30{ font-size:30px;}

/*内容对齐方式*/
.text-left{ text-align:left;}
.text-right{ text-align:right;}
.text-center{ text-align:center;}


/*-------页头-------*/
.header{ width:100%; background:#fff; height:130px;}
.header .tips{ width:100%; background-color: #333; color: #fff; text-align: center; padding: 8px 0; font-size:16px;}
.header .container{ width:1200px; margin:0 auto;}
.header .container .logo{ margin-top:23px;}
.header .container .logo .name{ font-size:28px; line-height:48px; margin-left:10px; color:#333; }
.header .container .nav{ margin-top:33px; height:34px;}
.header .container .nav ul li{ float:left; width:100px; height:34px; margin-left:20px;}
.header .container .nav ul li a{ display:block; height:34px; font-size:18px; color:#333; text-align:center; line-height:34px; border-radius: 10px;}
.header .container .nav ul li a:hover, .header .container .nav ul li a.active{ background:#8CC222; color:#fff;}

/*-------页脚-------*/
.footer{ overflow:hidden; background:#333; width:100%; height:190px;}
.footer .container{ width:1200px; margin:0 auto;}
.footer .container .phone{ margin-top: 30px; color:#fff;}
.footer .container .phone h3{ background:url(../images/phone_icon.png) no-repeat left center; padding-left: 30px; line-height: 32px;}
.footer .container .phone .number{ font-size:28px; font-weight: 600; line-height:36px;}
.footer .container .email{font-size:16px; line-height: 32px;}
.footer .container .ewm{ margin-top: 20px; margin-bottom:30px; text-align: center;}
.footer .container .ewm img{ width:110px; height:110px;}
.footer .container .ewm p{ color:#fff; line-height: 40px;}
.footer .container .right{ margin-top: 30px; }
.footer .container .copyright{ line-height: 32px; color:#fff;}

/*-------首页幻灯片-------*/
.flexslider {overflow: hidden;position:relative; width:100%; height:418px;}
.flex-control-nav{float: left; position: relative; left: 50%;}
.flexslider .flex-control-nav a{ background:#dbf0ff; cursor:pointer; display:block; height:3px; width:90px; overflow:hidden; text-indent:-99em; color:#fff;}
.flexslider .flex-control-nav .flex-active{background:#2d8aef;}
.flexslider .flex-control-nav li{display:inline-block ;margin:0 5px; float: left; right: 50%; position: relative; bottom:30px;}
.flex-direction-nav a{cursor: pointer;display: block; height: 30px;line-height:99em;margin:-20px 0 0 0; opacity:0; overflow: hidden;position: absolute;top:45%; width:48px; z-index: 10;}
.flex-direction-nav .flex-prev{left: 20px;background:url(../images/arrows.png) no-repeat 0 0; width:48px; height:80px;}
.flex-direction-nav .flex-next{right: 20px;background:url(../images/arrows.png) no-repeat 0 -80px; width:48px; height:80px;}
.flexslider:hover .flex-prev{left: 20px; opacity: 0.2; background:url(../images/arrows.png) no-repeat 0 0; width:48px; height:80px;}
.flexslider:hover .flex-next{right: 20px; opacity: 0.2; background:url(../images/arrows.png) no-repeat 0 -80px; width:48px; height:80px;}
.flexslider:hover .flex-prev:hover{left: 20px;opacity: 0.8; background:url(../images/arrows.png) no-repeat 0 0; width:48px; height:80px;}
.flexslider:hover .flex-next:hover{right: 20px;opacity: 0.8; background:url(../images/arrows.png) no-repeat 0 -80px; width:48px; height:80px;}
.flexslider .slides .img a{display: block; width:100%; height:418px;}

/*-------产品优势-------*/
.rows2{ background:#fff; clear:both; width:100%; overflow:hidden;}
.rows2 .container{ width:1280px; margin:0 auto; clear:both;}
.rows2 .container .arrow{ position:absolute; z-index:10; margin:-60px 0 0 630px; background:url(../images/arrow.png) no-repeat center top; width:20px; height:20px;}
.rows2 .container .title{ text-align:center; margin:50px 0 85px 0;}
.rows2 .container .title .h3{ font-size:24px; color:#000; font-size:32px; line-height: 40px;}
.rows2 .container .title .english{width:200px; height:18px; line-height: 18px; font-size:12px; color:#999; margin:10px auto 85px auto; background:#8CC222; color:#fff;}
.rows2 .container .list{ margin:0 0 50px 0; overflow:hidden;}
.rows2 .container .list ul li{ float:left; margin: 0 10px 20px 10px; width:297px; min-height:260px; border:1px solid #eee; border-radius: 5px;}
.rows2 .container .list ul li .img{ text-align: center; width:180px; height:180px; margin:10px auto; overflow: hidden;}
.rows2 .container .list ul li .img img{width:180px; height:180px; transition:all 0.5s;}
.rows2 .container .list ul li .img img:hover{width:190px; height:190px;}
.rows2 .container .list ul li .name{ line-height: 24px; color:#333; padding: 0 10px; font-size:18px;}
.rows2 .container .list ul li .contacts{ line-height: 24px; color:#999; padding: 0 10px; font-size: 14px;}

/*-------关于我们------*/
.rows3{  background:url(../images/lc-bg.jpg) no-repeat; clear:both; width:100%; height:500px;}
.rows3 .container{ width:1200px; margin:0 auto; clear:both;}
.rows3 .container .arrow{ position:absolute; z-index:10; margin:-10px 0 0 590px; background:url(../images/arrow.png) no-repeat center top; width:20px; height:20px;}
.rows3 .container .title{ text-align:center; overflow: hidden;}
.rows3 .container .title .h3{ font-size:24px; color:#000; font-size:32px; line-height: 40px; margin-top:50px;}
.rows3 .container .title .english{ width:100px; height:2px; line-height:2px; font-size:12px; color:#999; margin:20px auto 50px auto; background:#8CC222; color:#fff;}
.rows3 .container .ms{ font-size:18px; color:#333; line-height:42px;}

/* 药品详情 */
.content .drugDetails{width: 80%;margin:30px auto 30px;font-size:16px; color:#333; line-height:42px;}
.content .drugDetails{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2),0 6px 20px 0 rgba(0, 0, 0, .19) }