﻿@charset "utf-8";
/* 对健康的承诺 ----------------------------- */
.channel{ font-size:16px; max-width:1920px; margin:0 auto; }
.channel .row{padding:70px 0;}
.channel .mTitle{font-size:50px;text-align:center;color:#299DE9;font-weight: lighter;margin-bottom:10px;}
.channel .mIntro{text-align:center; line-height:30px;}
.channel .eTitle{ font-size:24px; font-weight:100; text-align:center; color:#666666; line-height:1.1; margin:-15px 0 12px 0; }
#wmdzq{background:url(../images/channel1-pic1.jpg) center 0 no-repeat;height: 727px;text-align:center;}
#wmdzq .sm{width:920px; margin:0 auto; }
#wmdzq .mIntro{ height:140px; }
#wmdzq .sm dt ul{overflow:hidden; margin-right:-90px; padding-left:10px;}
#wmdzq .sm dt li{ width:164px; height:212px; margin-right:81px; float:left; position:relative;}
#wmdzq .sm dt li a{display:block; height:164px; background:url(../images/channel1-wmdzq.png) 0 0 no-repeat; font-size:20px; cursor:pointer;}
#wmdzq .sm dt li i{display:block; height:95px; background:url(../images/channel1-wmdzq.png) center -438px no-repeat; -webkit-transition:transform 400ms;-o-transition:400ms;-moz-transition:400ms;transition:transform 400ms;}
#wmdzq .sm dt li s{ border-color:transparent;  border-style:dashed; border-width:8px;  border-bottom-color:#52B0EC; border-bottom-style:solid; content:""; display:block; font-size:0; line-height:0; width:0;
    position:absolute; left:50%; bottom:0; margin-left:-8px; display:none;
 }
#wmdzq .sm dd{zoom:1;background:url(../images/bg-blue.png);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;color:#fff;padding: 20px 0;line-height:36px;}
#wmdzq .sm dd P{margin-bottom:0; padding-top:5px; letter-spacing:2px;}
#wmdzq .sm dt .on s{display:block;}
#wmdzq .sm dt a:hover,
#wmdzq .sm dt .on a{ background-position:0 -200px; text-decoration:none; color:#fff;}
#wmdzq .sm dt a:hover i,
#wmdzq .sm dt .on a i{ -moz-transform:scaleX(-1); -webkit-transform:scaleX(-1); -o-transform:scaleX(-1); transform:scaleX(-1); }
#wmdzq .sm h5{ font-size:20px;}
/*#wmdzq .sm h5 i{display:inline-block; *display:inline;zoom:1;width:8px;height:8px; background:#fff; margin-right:20px; margin-top:-3px; vertical-align: middle;}
*/


#wmdzq .sm dt .li2 a i{background-position:center -638px}
#wmdzq .sm dt .li3 a i{background-position:center -838px}
#wmdzq .sm dt .li4 a i{background-position:center -1038px}
#wmdzq .sm dt .li1.on a i{background-position:center -538px}
#wmdzq .sm dt .li2.on a i{background-position:center -738px}
#wmdzq .sm dt .li3.on a i{background-position:center -938px}
#wmdzq .sm dt .li4.on a i{background-position:center -1138px}

#rysh{background:url(../images/channel1-pic2.jpg) center 0 no-repeat;height: 760px;color:#fff;}
#rysh dt ul{overflow:hidden; height:100px; }
#rysh dt li{width:49.99%; float:left; text-align:center; font-size:42px; font-weight:100 }
#rysh dt li span{display:inline-block; *display:inline; zoom:1; padding:0 40px; }
#rysh dt .on span{border-bottom:1px solid #fff;}
#rysh .item li{overflow:hidden; padding:50px 0;}
#rysh .item .li1,#rysh .item .li4,#rysh .item .li5{border-bottom:1px solid #A8A7A4; font-size:20px; line-height:36px;}
#rysh .item .pic{width:328px;float:left;min-height: 130px;background: url(../images/channel1-rysh.png) 142px 24px no-repeat;text-align:center;}
#rysh .item .li1 .pic{height:150px;}
#rysh .item .con{overflow:hidden;}
#rysh .item h3{ font-size:20px; font-weight:bold;}
#rysh .item p{line-height:36px;}
#rysh .item .li2{padding-bottom:0;}
#rysh .item .li2 .pic{background-position: -270px 24px;}
#rysh .item .li3{padding-top:0;}
#rysh .item .li3 .pic{background-position: -670px 20px;}
#rysh .item .li4 .pic{background-position: -1070px 0px; height:130px;}
#rysh .item .li5 .pic{background-position: -1470px 15px; height:130px;}
#rysh .item .li5{border-bottom:0}

/* rotate */
#rotate{height:458px; width:1100px; position:relative;margin:60px auto 0 auto; }
#rotate li{ position:absolute; top:0px;left:0px;font-weight:bold;padding:10px 20px; background:#3FA6EA; color:#fff; /*filter:alpha(opacity=30);opacity:0.3;*/ }
#rotate h3{font-size:30px; font-weight:100; line-height:1.2;}
#rotate h6{color:#AEDBF9; font-size:14px; font-weight:100}
/*#rotate li.noHover{filter:alpha(opacity=30);opacity:.3;}
#rotate li.hover{filter:alpha(opacity=100);opacity:1; z-index:10}


#rotate .t1{filter:alpha(opacity=90);opacity:.9; z-index:9}
#rotate .t2{filter:alpha(opacity=70);opacity:.7; z-index:8}
#rotate .t3{filter:alpha(opacity=60);opacity:.6; z-index:8}
#rotate .li1{ left:505px; top:50px;}
#rotate .li2{ left:25px; top:135px;}
#rotate .li3{ left:225px; top:235px;}
#rotate .li4{ left:390px; top:380px;}
#rotate .li5{ left:740px; top:265px;}
#rotate .li6{ left:600px; top:355px;}
#rotate .li7{ left:140px; top:350px; padding-right:80px;}
#rotate .li8{ left:293px; top:0;}
#rotate .li9{ left:320px; top:100px;}
#rotate .li10{ left:728px; top:200px;}
#rotate .li1 h3,#rotate .li3 h3,#rotate .li9 h3{font-size:37px;}
#rotate .li1 h6,#rotate .li3 h6,#rotate .li9 h6{font-size:19px;}
#rotate .li7 h3{font-size:20px;}
#rotate .li7 h6{font-size:10px;}
#rotate .li10 h3,#rotate .li8 h3{font-size:23px;}
#rotate .li10 h6,#rotate .li8 h6{font-size:12px;}
*/

/* 智慧的创新平台 ----------------------------- */
#zhdcxpt{background:url(../images/channel2-pic1.jpg) center 0 no-repeat;padding-bottom: 50px;}
#zhdcxpt .mTitle{color:#fff;padding:10px 0 20px 0;}
#zhdcxpt .mIntro{color: #fff;height: 517px;line-height:36px;}
.zhList{padding: 60px 0 0 120px;overflow:hidden;}
.zhList li{float:left;width: 385px;height: 80px;/* line-height: 80px; */font-size:18px;margin-bottom: 10px;padding-left: 115px;background: url(../images/channel2-icons.png) 20px -19px no-repeat;}
.zhList .li2{background-position:20px -118px}
.zhList .li3{background-position: 20px -222px;}
.zhList .li4{background-position: 20px -322px;}
.zhList .li1,.zhList .li3{width: 450px;}

#ywcxpt{color:#fff; padding:0; }
#ywcxpt dd{overflow:hidden; height:409px; background:#169DF0; zoom:1;}
#ywcxpt .pic{ width:50%; float:left; background:url(../images/channel2-pic2.jpg) center 0 no-repeat; height:409px;}
#ywcxpt .con{ overflow:hidden;}
#ywcxpt .con .title{ font-size:50px; font-weight:100; margin-bottom:20px; padding: 40px 0 0 70px;}
#ywcxpt .con .list1{ padding: 0 0 0 70px; }
#ywcxpt .item2{ background:#FF9900; height:450px;}
#ywcxpt .item2 .pic{float:right; height:450px; background:url(../images/channel2-pic3.jpg) center 0 no-repeat; }
#ywcxpt .item2 .con{ overflow:auto; padding-left:0; text-align:right;}
#ywcxpt .item2 .title{ padding:40px 70px 0 0}
#ywcxpt .item2 .list1{ padding:0 70px 0 0 }
#ywcxpt .item2 .list1 li{padding-right:30px;background-position: right 18px;}
.list1 li{height:48px;line-height:48px;font-size:18px;padding-left: 30px;background: url(../images/icons-circle.png) 0 18px no-repeat;}

#zhdgc .mIntro{line-height:36px;}
#xjdsb{height:771px; padding:0; overflow:hidden;}
#xjdsb .img{ background:url(../images/channel2-pic4.jpg) center 0 no-repeat; position:relative; text-align:center;}
#xjdsb .pic1{ width:50%; float:left;}
#xjdsb .pic2{ overflow:hidden; background-image:url(../images/channel2-pic5.jpg)}
#xjdsb a{display:block; height:771px;}
#xjdsb a:hover{ text-decoration:none;}
#xjdsb span{ display:inline-block; *display:inline; zoom:1; margin-top:500px; color:#fff; font-size:40px; font-weight:100; -webkit-transition:400ms;-o-transition:400ms;-moz-transition:400ms;transition:400ms;}
#xjdsb span i{ zoom:1; display:block; width:100%; height:112px; background:url(../images/channel2-icons.png) center -450px no-repeat}
#xjdsb .a2 span i{ background-position:center -600px; }
#xjdsb a:hover span{ margin-top:490px; text-decoration:none; letter-spacing:2px;}

/* 先进的设备 ----------------------------- */
.picList-xjsb{ overflow:hidden; padding-left:10px;}
.picList-xjsb li{width:550px; height:360px; overflow:hidden; position:relative; float:left; margin:0 0 25px 25px; *display:inline}
.picList-xjsb .title{ position:absolute; width:100%; height:80px; padding-top:66px; line-height:80px; color:#fff; left:0; bottom:0; background:url(../images/pic-bg.png) 0 bottom repeat-x}
.picList-xjsb .title span{padding:0 20px;font-size: 20px;font-weight:lighter;}


/* 健康解决方案 ----------------------------- */
#jkjjfa .row{padding:60px 0;}
#djkdjjfa{background:url(../images/channel3-pic1.jpg) center 0 no-repeat;padding-bottom: 50px;}
#djkdjjfa .mTitle{ color:#fff; padding:10px 0 0 0}
#djkdjjfa .mIntro{color:#fff;height: 467px;line-height:36px;}
#zdcp .mTitle{ color:#0184C5}
.zdcp ul{overflow:hidden; padding-top:35px;}
.zdcp li{float:left; width:260px;height:200px; min-height:370px; /* border-right:1px solid #DBEEFB; */ padding:0 55px 30px; font-size:14px; line-height:26px; color:#555;} 
.zdcp li .pic img{width:280px; height:135px}
.zdcp .last{border-right:0}
.zdcp .hd{display:none;}
.zdcp .title{text-align:center;font-weight:bold;padding:10px 0 0 0;overflow:hidden;}
.zdcp .title a{color:#555;}
.zdcp .bg{display:none}
.zdcp .intro span{display:block; min-height:104px; margin-bottom:30px;}
.zdcp .more{display:block; height:38px; line-height:38px; width:118px; text-align:center; margin:0 auto; border:1px solid #C3DFEF; color:#4496C4}
.zdcp .more:hover{ background:#2D9EE9; color:#fff; text-decoration:none; border-color:#2D9EE9}
#zdcp{padding:30px 0 50px 0 !important;}
#products{background:#F1F9FE}
#products .mTitle{margin-bottom:40px;}
.proBox{border-bottom:1px solid #C1C7CB}
.proBox .hd{height:80px; line-height:80px; overflow:hidden; padding:0 30px; cursor:pointer; }
.proBox .hd:hover{ background:#ffffff}
.proBox .hd i{display:block; height:24px; width:24px; background:url(../images/icons.png) 0 -836px no-repeat; float:right; margin:28px 0 0 0;}
.proBox .hd h3{font-size:32px; font-weight:bold; color:#00699E}
.proBox .bd{display:none; background:#fff;}
.proBox .on{background:#fff;}
.proBox .on i{background-position: 0 -762px;}
.proList{ overflow:hidden}
.proList li{float:left; margin:0 0 0 30px; *display:inline; zoom:1; text-align:center; width:240px; height:230px;}
.proList .pic img{ width:100%; height:160px; }
.proList .pic{margin-bottom:5px;}
#jkjjfa #cpfl{ padding-bottom:90px;}
#fwylx .picLinks{float:right; width:455px;}
#fwylx .picLinks a{ display:block; text-align:center; position:relative; width:220px; height:150px; float:left; }
#fwylx .picLinks .pic2{float:right;}
#fwylx .picLinks h3{height:32px; line-height:32px; font-size:18px; font-weight:bold; color:#fff; position:absolute; left:0; top:0; width:100%; background:url(../images/bg-blue.png);
-webkit-transition:400ms;-o-transition:400ms;-moz-transition:400ms;transition:400ms;}
#fwylx .picLinks a:hover h3{height:150px; line-height:150px; }
#fwylx dl{position:relative;top: -15px; width:500px;}
#fwylx dt{ font-size:32px; color:#0184C5; margin-bottom:15px; }
#fwylx .linkBtn{display:block; height:40px; line-height:40px; width:160px; text-align:center; background:#169DF0; color:#fff; margin-top:20px;}
#fwylx .linkBtn:hover{ text-decoration:none; background:#2baeff}

/* 一起挑战 ----------------------------- */
#yqtz .mTitle{color:#0184C5;}
#rcln{background:url(../images/channel4-pic1.jpg) center 0 no-repeat;padding-bottom: 50px;}
#rcln .mTitle{ color:#fff; padding:10px 0 20px 0}
#rcln .mIntro{color:#fff;height: 467px;line-height:30px;}
#zyfz{padding:30px 0 0 0}
#zyfz .img{height:512px;background:url(../images/channel4-pic2.png) center 0 no-repeat;}
#xjhxc .bdsharebuttonbox{position:absolute; right:0; top:-40px;}
#xjhxc{ background:#F3FAFE; padding:60px 0}
#xjhxc .eTitle{margin-bottom:90px;}
.zpxjh{ width:100%; }
.zpxjh th,.zpxjh td{padding: 12px 5px;text-align:center;background:#E2E8EC;border-right:1px solid #fff;width:20%;}
.zpxjh th{ background:#169DF0; color:#fff; font-size:18px;}
.zpxjh .even td{ background:#fff }
.moreBtn{height:60px;line-height:60px;border:1px solid #ccc;width:295px;display:block;margin: 20px;text-align:center;font-size:22px;background:#FFFFFF;color:#666;float: left;}
.moreBtn:hover{ background:#E9F5FD; text-decoration:none; color:#299DE9}
#rczxlc{ background:#169DF0; color:#fff;}
#rczxlc .mTitle,#rczxlc .eTitle{ color:#fff; }
#rczxlc .img{height:372px; background:url(../images/channel4-pic3.png) center 0 no-repeat; margin:80px 0 60px 0}
#shzpzw{ padding:80px 0}
#shzpzw .eTitle{margin-bottom:50px;}
.zpzwTable{width:100%;}
.zpzwTable th,.zpzwTable td{ padding:5px; background:#F0F0F0; text-align:center; width:33.33%; background:#fff;}
.zpzwTable th{background:#169DF0; color:#fff; font-weight:normal; font-size:18px;}
.zpzwTable .even td{background:#F0F0F0}
#shzpzw .line{display:block; border:1px solid #D9D9D9; height:1px; border-right:0; border-left:0; font-size:0;line-height:0; overflow:hidden}
#shzpzw .tdjl{ padding:20px 25px; font-size:14px; line-height:36px; color:#666}
/* #shzpzw .moreBtn{margin:45px auto 100px auto} */
.morelist{margin:0 auto;width: 750px;overflow: hidden;}

/* 关于药友 ----------------------------- */
.aboutUsBody .columnBar{padding:0 35px 30px 20px}
.aboutUsBody .mainBox .mHd{margin-bottom:25px;}
.aboutUsBody .mainBox .mBd{ padding:0 40px; line-height:30px;}
.aboutUsBody .mainBox .mBd p{line-height:30px; margin-bottom:15px;}
.aboutUsBody .m1 .mHd h3{ background-position:38px -915px}
.aboutUsBody .m2 .mHd h3{ background-position:38px -1024px}
.aboutUsBody .m3 .mHd h3{background-position:38px -1154px;padding-left: 92px;}
.aboutUsBody .mainBox{ border-bottom:1px solid #C8C8C8; padding:0 0 60px 0; margin-bottom:50px;}
.aboutUsBody .mainBox .pic{float:right;padding-right:40px;}
.aboutUsBody .mainBox .pic img{width:380px; height:170px}
.aboutUsBody .mainBox .con{ padding-bottom:10px; }
.aboutUsBody .mainBox .in{overflow:hidden}
.aboutUsBody .m2{ padding:0 0 105px 0; }
.aboutUsBody .last{border-bottom:0}

/* 我们的历史 */
.history{border:1px solid #ddd;padding:50px 20px 0 20px;overflow:hidden;position:relative;}
.history .line{ top: 25px; display:block; width:3px; background:#B7D2EF; height:100%; position:absolute; left:50%; margin-left:-1px}
.hisList {overflow: hidden;position:relative; z-index:1}
.hisList li{width: 470px;float:left;font-size:14px;padding-bottom: 50px;}
.hisList li img{ width:330px; height:220px; }
.aboutUsBody .hisList li .pic{float:right; padding-right:0;}
.aboutUsBody .hisList li .intro{clear:both; font-size:16px; text-align:right; padding-top:5px;}
.hisList li .title{ font-size:30px; text-align:right; margin:0 -15px 20px 0; position:relative; }
.hisList li .title i{
    display:block;
    width:9px;
    height:9px;
    background:#299DE9;
    border:1px solid #fff;
    -webkit-border-radius:9px;
    -moz-border-radius:9px;
    border-radius:9px;
    position:absolute;
    right: -62px;
    top:50%;
    margin-top: -9px;
    border:3px solid #fff;
    }
.hisList .even{ float:right; padding-top:50px;}
.aboutUsBody .hisList .even .pic{float:left;}
.aboutUsBody .hisList .even .intro{text-align:left;}
.hisList .even .title{ text-align:left; margin:0 0 20px -15px;  }
.hisList .even .title i{right:auto;left: -61px;}


/* 管理团队 -------------------- */
.leaderBox .lHd{ height:80px; line-height:78px; overflow:hidden; margin-bottom:45px; }
.leaderBox .lHd li{float:left; font-size:30px; font-weight:100; margin:0 0 0 40px; color:#666; cursor:pointer}
.leaderBox .lHd .on{ color:#0184C5; border-bottom:2px solid #8ECBF3;}
.leaderList{overflow:hidden; margin-right:-4px; padding-bottom:40px;}
.leaderList li{float:left; width:397px; height:350px; position:relative; margin:0 4px 4px 0; z-index:1; cursor:pointer; }
.leaderList .pic{width:100%; height:350px; position:relative; background:#fff;}
.leaderList .picTitle,
.leaderList .picTitleBg{ display:block; height:56px; padding:12px 0; width:100%; position:absolute; left:0; bottom:0; z-index:3; color:#fff; line-height:30px; }
.leaderList .picTitleBg{background:#000; z-index:2; filter:alpha(opacity=50);opacity:0.5;}
.leaderList .picTitle i{display:block; width:44px; height:44px; position:absolute; right:20px; top:18px; background:url(../images/icons.png) 0 -1277px no-repeat;
    filter:alpha(opacity=25);opacity:.25
}
.leaderList .picTitle h3{padding:0 20px; font-size:22px; color:#45ADEE;}
.leaderList .picTitle h6{padding:0 20px; font-size:16px; color:#EEEEEE; font-weight:100}
.leaderList .con{display:none; position:absolute; width:678px; min-height:290px; top:0; left:401px; padding:30px 60px; background:#CEECFF; }
.leaderList .con h3{ font-size:30px; color:#098DDF; line-height:40px;}
.leaderList .con h6{ font-size:22px; }
.leaderList .con .intro{ font-size:16px; line-height:24px; margin-top:15px;}
.leaderList .on{z-index:3;}
.leaderList .con i{ cursor:pointer; display:block;position:absolute;right: 20px;top: 20px;height:30px;width:30px;background:url(../images/icons.png) 3px -1416px no-repeat;filter:alpha(opacity=60);opacity:0.6;}
.leaderList .con i:hover{filter:alpha(opacity=100);opacity:1}
.leaderList li:hover .picTitle i{ filter:alpha(opacity=50);opacity:.5 }
.leaderList .li3.on .con{left: -802px;}
.leaderList .li2.on .pic{position:absolute;left: -401px;top:0;}
.leaderList .li2.on .con{left: 0;}
