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

.banbox { width:100%; height:360px; }
.banbox div { position:absolute;}
.wh { width:100%; height:360px;}
.l5 { left:50%;}
.ban1,.ban2,.ban3,.ban4,.ban5 { overflow:hidden; }
.ban3 .p1 { background-color:#fff;}
.ban3 .z1 { width:1000px; height:70px; font-size:50px; line-height:70px; margin-left:-500px; margin-top:120px; text-align:center; color:#FFF;}

.jzban { width:100%; height:450px; color:#fff;}
.jzban span { display:block; width:960px; height:100px; margin:0 auto; font-size:70px; line-height:100px; padding-top:130px;}
.jzban font { display:block; width:960px; height:90px; margin:0 auto; font-size:48px; line-height:90px;}
.gsban { width:100%; height:360px;}
.secmbox { width:100%; height:auto; background:#3eb2e8;}
.secmbar { width:1200px; height:auto; padding:10px 0; margin:0 auto;}
.secmbar a { display:block; height:26px; line-height:24px; padding:0 15px; float:left; background:#3eb2e8; color:#fff; text-decoration:none; font-size:14px; }
.secmbar a:hover { color:#fff; background:#29244e;}
.pdintro { width:1200px; height:300px; margin:0 auto; padding-top:40px; clear:both;}
.pdintrop { width:440px; height:300px; float:left;}
.pdintrop img { max-width:400px; max-height:300px;}
.pdintrot { float:left; width:750px; height:70px; font-size:36px; line-height:48px; }
.pdintroc { width:750px; height:auto; font-size:14px; line-height:24px; float:left;}
.gszcbox { width:100%; height:600px; background:#f8f8f8;}
.gszc { width:1050px; height:600px; margin:0 auto;}
.gszc span { display:block; padding:0;}
.gszc span.t { width:1050px; text-align:center; float:left;}
.gszc span.t1 { height:70px; padding-top:30px; font-size:40px; line-height:80px; }
.gszc span.t2 { height:90px; line-height:40px; font-size:18px;}
.gszc span font { color:#fd5a66;}
.gszcc { width:200px; height:250px; border-radius:5px; float:left; background:#FFFFFF; border:1px solid #ddd; margin-right:80px;}
.gszcc img.fh { width:31px; position:absolute; margin-left:-55px; margin-top:110px;}
.gszcc span.t3 { height:70px; padding-top:35px; font-size:18px; line-height:30px; text-align:center;}
.gszcc span.t4 { height:30px; font-size:14px; text-align:center; text-decoration:line-through; color:#999999;}
.gszcc span.t5 { height:30px; font-size:14px; text-align:center;}
.gszcc span.t6 { font-size:40px; font-weight:bold; color:#fd5a66; text-align:center; line-height:60px;}
.gszc .end { margin-right:0;}
.gszcb { width:1050px; height:45px; float:left; padding-top:50px;}
.gszcb span { width:220px; height:45px; background:#3eb2e8; color:#FFFFFF; font-size:16px; text-align:center; line-height:45px; border-radius:3px; cursor:pointer; margin:0 auto; display:block;}

.whyjnt { width:1200px; height:60px; padding-top:30px; font-size:40px; line-height:60px; text-align:center; margin:0 auto;}
.whyjnt font { color:#fd5a66;}
.whyjnt2 { width:1200px; height:80px; font-size:14px; line-height:30px; margin:0 auto; text-align:center;}
.whyjnb { width:1210px; height:250px; margin:0 auto; padding-left:10px;}
.whyjnb span { width:240px; height:120px; float:left; padding-top:120px; background-position: center top; background-repeat:no-repeat; font-size:12px; line-height:24px; text-align:center; display:block; color:#666666;}
.whyjnb span font { font-size:18px; color:#3eb2e8; line-height:40px;}
.whyjnb span.b1 { background-image:url(/images/whyb1.png);}
.whyjnb span.b2 { background-image:url(/images/whyb2.png);}
.whyjnb span.b3 { background-image:url(/images/whyb3.png);}
.whyjnb span.b4 { background-image:url(/images/whyb4.png);}
.whyjnb span.b5 { background-image:url(/images/whyb5.png);}
.whyjnb span.b6 { background-image:url(/images/whyb6.png);}
.whyb { float:none; margin:0 auto; padding-top:0; height:100px;}
.whyb a { display:block; height:45px; color:#fff; text-decoration:none;}

.jpt { width:100%; height:70px; background:url(/images/dot.gif) center repeat-x;}
.jpt span { display:block; width:240px; height:70px; background:#fff url(/images/jp.gif) 10px 0 no-repeat; margin:0 auto; padding-left:80px; font-size:36px; line-height:65px;}

.dose { width:100%; height:auto; background:#3eb2e8;}
.dosel { width:50%; height:auto; float:left; background:#ddd; overflow:hidden;}
.dosel img { width:100%; height:auto;}
.doser { width:550px; height:auto; float:left; padding-left:40px; padding-top:20px; padding-bottom:30px;}
.dosert { height:80px; font-size:30px; line-height:50px; color:#fff; }
.doser font { height:auto; font-size:14px; line-height:22px; color:#fff; display:block; margin-bottom:20px;}
.doser span { height:30px; font-size:16px; line-height:30px; background:#fff; padding:0 20px; width:120px; margin-bottom:15px; display:block; color:#333;}
.fwlc { width:1160px; height:380px; padding-top:50px; margin:0 auto;}
.fwlc div { width:230px; height:170px; float:left; padding-top:170px; text-align:center; background-position:20px top; background-repeat:no-repeat;}
.fwlc .lc1 { background-image:url(/images/lc1.png);}
.fwlc .lc2 { background-image:url(/images/lc2.png);}
.fwlc .lc3 { background-image:url(/images/lc3.png);}
.fwlc .lc4 { background-image:url(/images/lc4.png);}
.fwlc .lc5 { background-image:url(/images/lc5.png);}
.fwlc span { display:block; height:70px; line-height:70px; font-size:18px;}
.fwlc font { display:block; line-height:20px; color:#999;}
.nu { width:1060px; height:350px; margin:0 auto; padding-left:40px;}
.nu li { width:480px; height:48px; float:left; border-bottom:1px dotted #ccc; margin-right:40px; padding-top:12px;}
.nu li a { width:395px; height:37px; display:block; float:left; text-decoration:none; font-size:14px; line-height:37px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.nu li a:hover { background:#f0f0f0;}
.nu li b { width:80px; height:35px; border:1px solid #ddd; text-align:center; line-height:35px; float:right; cursor:pointer;}
.nu li b:hover { border:1px solid #999; color:#E36567;}

.tdt { height:100px; padding-top:30px; font-size:40px; line-height:60px; text-align:center; background:#f5f5f5;}
#FontScroll { width:100%; height:440px; overflow:hidden; background:#f5f5f5;}
#FontScroll ul { height:auto; width:1105px; margin:0 auto; padding-left:50px;}
#FontScroll li { width:550px; height:220px; float:left;  overflow:hidden;}
#FontScroll li p,#FontScroll li span,#FontScroll li font,#FontScroll li b { display:block; margin:0; padding:0; float:left;}
#FontScroll li p { width:165px; height:220px; }
#FontScroll li p img { width:135px; height:135px; border-radius:50%; border:5px solid #fff;}
#FontScroll li span { width:380px; height:45px; font-size:18px; line-height:40px;}
#FontScroll li font { width:380px; height:60px; font-size:14px; line-height:25px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
#FontScroll li b { width:80px; height:24px; background:#3eb2e8; border-radius:2px; margin-right:10px; color:#fff; text-align:center; font-weight:normal; cursor:pointer;}
#FontScroll li b a { display:block; height:24px; text-decoration:none; color:#fff; text-align:center;}

.jz { width:100%; height:450px; background:#f4f4f4;}
.jzz { width:1150px; height:350px; padding-left:50px; margin:0 auto; padding-top:100px; background:url(/images/jzp1.jpg) right center no-repeat;}
.jzz span { font-size:34px; line-height:40px; height:60px; display:block;}
.jzz b { font-size:20px; line-height:30px; height:50px; display:block; font-weight:normal;}
.jzz font { font-size:14px; line-height:26px;}
.dosejz { width:550px; height:auto; float:right; color:#FFFFFF;}
.dosejz span { display:block; height:80px; text-align:right; font-size:32px; line-height:80px; padding-right:60px; padding-top:50px;}
.dosejz font { display:block; height:140px; line-height:24px; padding-right:60px; text-align:right;}
.dosejz b { display:block; height:150px; padding-right:60px; text-align:right; font-size:24px; font-weight:normal;}
.dosejz2 { float:left;}
.dosejz2 span { text-align:left; padding-right:0; padding-left:60px;}
.dosejz2 font { padding-right:0; padding-left:60px; text-align:left;}
.dosejz2 b { padding-right:0; padding-left:60px; text-align:left;}
.jzvs { width:630px; height:200px; position:absolute; left:50%; margin-left:-315px; margin-top:175px;}

.xkico { width:280px; height:300px; float:left; border-left:1px solid #ddd; }
.xkico p { width:90px; height:90px; margin:0 auto; border-radius:5px;}
.xkico p.p1 { background:#b2e34b url(/images/xkico1.png) center no-repeat;}
.xkico p.p2 { background:#ffae00 url(/images/xkico2.png) center no-repeat;}
.xkico p.p3 { background:#ff7a4d url(/images/xkico3.png) center no-repeat;}
.xkico p.p4 { background:#00bfff url(/images/xkico4.png) center no-repeat;}
.xkico span { display:block; height:50px; text-align:center; font-size:24px; line-height:50px; padding-top:10px;}
.xkico font { font-size:14px; line-height:24px; display:block; width:200px; margin:0 auto;}

.listinfo { width:1180px; height:60px; line-height:60px; font-size:14px; margin:0 auto;}
.listc1,.listc2 { width:1180px; height:auto; padding-bottom:20px; margin:0 auto;}
.listp { width:380px; height:260px; float:left;}
.listp img { max-width:380px; height:auto;}
.listt { font-size:28px; line-height:60px; float:left; border-bottom:1px solid #ddd; margin-bottom:10px;}
.listc { font-size:14px; line-height:180%; float:left; padding-bottom:20px;}
.listc1 .listt,.listc1 .listc { width:750px; padding-left:40px;}
.listc2 .listt,.listc2 .listc { width:1180px;}