*{ margin: 0; padding: 0;}
body{ max-width: 1920px; font:normal 14px/1.7 'Open Sans', 'HYQiHei-25', Verdana, Tahoma, '微软雅黑', '宋体'; color: #111;}
#box{ width: 100%; overflow: hidden; position: relative; min-width: 1200px;}
a{color:#0066CC; text-decoration:none; display:block; outline:none;}
a:hover {color:#0066FF; text-decoration:underline;}
a img {border:none;display: block;}
img {display:block;}
ul    {margin:0px; padding:0px;}
ul li {margin:0px; padding:0px; list-style:none;}

/* selection style */
::-moz-selection{ background:#ffda1d; color:#432;}
::selection { background:#ffda1d; color:#432;}

/* header */
.headTop{ width:100%; padding: 4px 0; background: #EEF1F6;}   
.headTop div{ width:1200px; margin: 0 auto; display:flex; justify-content: space-between; align-items: center;} 
.headTop p{font-size: 13px;font-family: "Microsoft YaHei";color: rgb(71, 71, 71);}
.headTop h3{font-size: 13px;font-family: "Microsoft YaHei";color: rgb(71, 71, 71);font-weight: normal;background: url(../img/tel.png) left center no-repeat;text-indent: 2em; background-size:22px;}
.headMeun{ width: 100%;margin: 0 auto; display: flex; background: #207FDB;line-height: 78px;}
.headMeun .left{ width: 35%; font-size: 26px;font-family: "SimHei";color: rgb(30, 30, 30); background: white;text-align: right; letter-spacing: 0.1em;padding-right: 8.5%;}
.headMeun .right{ display: flex; justify-self: start; align-items: center;}
.headMeun .right a{ font-size: 15px;font-family: "Microsoft YaHei";color: rgb(255, 255, 255); display: block; margin:0 30px; font-weight: normal; letter-spacing: 0.1em;} 
.banner{ width: 100%; position: relative;}
.banTitle{ width:100%; position:absolute; top:50%; text-align:center; z-index:100;/*  height:180px; */ margin-top:-90px; display:flex; flex-wrap:wrap; align-content:space-between;}
.banTitle h1{ font-size: 50px;font-family: "Microsoft YaHei";color: rgb(255, 255, 255);line-height: 1.2; font-weight: 600; width:100%;}
.banTitle p{ font-size: 19px;font-family: "Microsoft YaHei";color: rgb(255, 255, 255);line-height: 1.6; width:100%;margin-top: 20px;}
.banner img{ width: 100%; }
.headNas{ width: 100%; background: #F1F1F1;}
.headNas ul{ width: 1200px;margin: 0 auto; display: flex;}
.headNas ul li{ width: 33.333%; text-align: center; padding: 25px 0; cursor: pointer;}
.headNas ul li:hover{ background: #E8E7E7;}
.headNas ul li div{ height: 70px;display: flex; justify-content: center; align-items: center;}
.headNas ul li h3{ font-size: 18px;font-family: "Microsoft YaHei";color: rgb(55, 55, 55); font-weight:500; line-height:2.8;}
.headNas ul li p{ font-size: 14px;font-family: "Microsoft YaHei";color: rgb(96, 96, 96); letter-spacing: 0.1em;}  

/* 标题 */
.title_01{ width: 100%; text-align: center;}
.title_01 h1{ font-size: 28px;font-family: "Microsoft YaHei";color: #B9B9BA;text-transform: uppercase;line-height: 1.2; font-weight: bold;}
.title_01 p{ font-size: 22px;font-family: "Microsoft YaHei";color: rgb(49, 49, 49);text-transform: uppercase;line-height: 1.2; font-weight: normal;}

/* 关于我们 */
#about{ width: 100%; position: relative; height: 580px;}
.about{ margin:40px auto 0;background-color: rgb(255, 255, 255);box-shadow: 0px 7px 7px 0px rgba(0, 0, 0, 0.1); width: 1187px;height: 630px; display: flex; align-content:space-around; flex-wrap:wrap; padding-bottom:60px; z-index: 1;}
.about .aboutImg{ width: 988px; margin: 0 auto;}
.about .aboutImg img{ width: 100%;}
.about .aboutext{ width: 90%; text-align: center;margin-left:5%; }
.about .aboutext p{ font-size: 16px;font-family: "Microsoft YaHei";color: rgb(118, 118, 118);text-transform: uppercase;line-height:2;}
.about .aboutMore{ width: 168px; margin: 0 auto; padding:8px 0; background: #35AE32; font-size: 16px;font-family: "Microsoft YaHei";color: rgb(255, 255, 255); text-align: center;}

/* 药品展示 */
#product{ width: 100%; background: #207FDD; padding: 200px 0 80px; z-index: 0;}
#product .title_01 h1{ color: white; }
#product .title_01 p{ color: white;}
.product{ width: 1200px; margin: 0 auto;}
.product ul{ width: 103%; overflow: hidden; margin: 40px 0 30px;}
.product ul li{ width:278px; float:left; margin-right: 29.333px; margin-bottom: 30px;}
.product ul li img{ width: 100%;}
.product ul li p{font-size: 22px;font-family: "Microsoft YaHei";color: rgb(46, 46, 46);line-height:3;text-align: center; background: white;}
.product .productMore{ width: 168px; margin: 0 auto; padding:8px 0; background: #35AE32; font-size: 16px;font-family: "Microsoft YaHei";color: rgb(255, 255, 255); text-align: center;}
.product .prolist:nth-child(4n+1){clear:left;}
/* proTab */
.proTab{ width: 100%; display:flex; align-items:center; justify-content: space-around;}
.proTab div{ cursor: pointer; width: 20%; text-align: center;color: white;letter-spacing: 0.2em;
    background-color: #4CAF50;
    background-color:#1fc8db;background-image:linear-gradient(to bottom right, #4CAF50, #35AE32);
    border: none;
    padding: 10px 0;
    text-align: center;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    margin: 80px auto 30px!important;
    text-decoration: none;
    font-size: 25px;}
.proTab div:hover{ box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);}
#Care_ul{ display: none;}

/* 新闻中心 */
#news{ width: 100%;}
#news .title_01{ margin-bottom: 20px;}
.news{ width: 1200px; margin: 50px auto;}
.news .newsCon{ margin:0 auto; padding: 30px 0;}
.news .newsList{ width: 100%; overflow:hidden; background: #F9F9F9; margin-bottom: 10px;}
.news .newsList .newL-img{ width:529px;}
.news .newsList .newL-img img{ width:100%;}
.news .newsList .newL-text{ width: 601px; padding:0 35px; height:180px; display: flex; flex-wrap: wrap; align-content: center;}
.news .newsList .newL-text h3{ font-size: 16px;font-family: "Microsoft YaHei"; color: rgb(49, 49, 49); line-height: 2; width: 100%; font-weight: normal;}
.news .newsList .newL-text h5{ font-size: 14px;font-family: "Microsoft YaHei";color: rgb(139, 138, 138);line-height: 3; width: 100%; font-weight: normal;}
.news .newsList .newL-text p{ font-size: 14px;font-family: "Microsoft YaHei";color: rgb(139, 138, 138);line-height: 1.5;text-align: left; width: 100%;}
.news .newsList1 .newL-img{ float: left;}
.news .newsList1 .newL-text{ float: right;}
.news .newsList2 .newL-img{ float: right;}
.news .newsList2 .newL-text{ float: left;}
.news .newsMore{ width: 168px; margin: 0 auto; padding:8px 0; background: #35AE32; font-size: 16px;font-family: "Microsoft YaHei";color: rgb(255, 255, 255); text-align: center;}

/* footer */
footer{ width: 100%; background: #1D334A; }
.footer{ width: 1200px; margin: 0 auto; height: 300px;position: relative;}
.footer .foot_s1{ height:380px; width:317px; background:#207FDD; position: absolute;left:0;top:0; padding-left:20px; padding-top: 60px;}
.footer .foot_s1 h1{ font-size: 20px;font-family: "Microsoft YaHei";color: rgb(255, 255, 255);text-transform: uppercase; font-weight: normal;}
.footer .foot_s1 .s1_con{ display: flex; align-items: center; justify-content: center; padding:25px 0;}
.footer .foot_s1 .s1_con p{ font-size: 16px;font-family: "Microsoft YaHei";color: rgb(255, 255, 255);line-height:2.3; text-indent:0.3em;}
.footer .foot_s1 .ewm{ display: flex; justify-content:center; align-items: center; width: 100%;}
.footer .foot_s1 .ewm img{ width: 92px;}
.footer .foot_s1 .ewm h2{font-size: 18px;font-family: "Microsoft YaHei";color: rgb(255, 255, 255); font-weight: normal;}
.footer .foot_s2{ position:absolute; left:50%; top:60px; width:200px; margin-left:-100px;}
.footer .foot_s2 h1{ font-size: 20px;font-family: "Microsoft YaHei";color: rgb(255, 255, 255);text-transform: uppercase; font-weight: normal; padding-bottom: 25px;}
.footer .foot_s2 ul{ width:100%; display:flex; justify-content:space-between; flex-wrap: wrap;}
.footer .foot_s2 ul li:hover{ background-color: #50BF4E;}
.footer .foot_s2 ul li a{font-size: 16px;font-family: "Microsoft YaHei";color: rgb(255, 255, 255);text-transform: uppercase;line-height:2.3; font-weight: lighter;}
.footer .foot_s2 ul li a:hover{ text-decoration: none;}
.footer .foot_s3 { position:absolute; right:0;top:60px;}
.footer .foot_s3 h1{ font-size: 20px;font-family: "Microsoft YaHei";color: rgb(255, 255, 255);text-transform: uppercase; font-weight: normal; padding-bottom: 25px;}
.footer .foot_s3 h2{ font-size: 16px;font-family: "Microsoft YaHei";color: rgb(255, 255, 255);text-transform: uppercase; font-weight: normal; padding-bottom: 20px;}
.footer .foot_s3 form{ width: 240px; padding:6px 20px; display: flex; align-items:center; justify-content: space-between; background: white;}
.footer .foot_s3 form input{ border: none; background: none; outline:none;}
.footer .foot_s3 form input::placeholder{ font-size: 16px;font-family: "Microsoft YaHei";color: rgb(114, 113, 113);}
.footer .foot_s3 form .serch{ font-size: 16px;font-family: "Microsoft YaHei";color: rgb(114, 113, 113); width: 210px;}
.footer .foot_s3 .submit{ background: url(../img/serch.png) center no-repeat;width:30px;height: 30px; background-size: 60%; cursor: pointer;}

.copyright{ width:100%; text-align:center; background:#132333; height: 80px; display:flex; align-content: center;align-items: center; justify-content: center;}
.copyright p{ font-size:14px;font-family:"Microsoft YaHei";color:rgb(255, 255, 255); font-weight:lighter;}