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

.ft_gs { height:450px; padding-top:30px;}
.abban { width:100%; height:320px;}
.autoban { width:100%; height:auto;}
.autoban img { width:100%; height:auto; display:block;}
.secbarbox { width:100%; height:100px; background:#f5f5f5;}
.secbar { width:1200px; height:100px; margin:0 auto;}
.secbart { height:45px; margin-top:30px; float:left; border-top:1px solid #cecece; padding:0 20px; line-height:35px; font-size:14px;}
.secbar b,.secbar a { display:block; height:35px; background:#fff; border:1px solid #333; float:right; border-right:none; font-size:18px; color:#666; line-height:35px; padding:0 20px; font-weight:normal; margin-top:30px; cursor:pointer; text-decoration:none;}
.secbar b.b0,.secbar a.a0 { border-right:1px solid #333;}
.secbart b.on,.secbar a.on { background:url(/images/bararo.png) 2px 23px no-repeat;}
.abintro { width:100%; height:auto; padding-top:30px; background:#f5f5f5;}
.introc { width:960px; height:auto; padding-bottom:30px; margin:0 auto; color:#666; line-height:24px;}
.abintro .c1 { font-family:Arial, Helvetica, sans-serif;}
.introp { width:700px; height:380px; margin:0 auto; }
.introp img { height:165px; float:left; margin:4px; }
.viewbox { width:100%; height:700px;}
.viewb { width:500px; height:350px; position:absolute; left:50%; margin-left:-260px; margin-top:170px; cursor:pointer; overflow:hidden;}
.viewb img { width:100%; height:100%;}
.viewbg { width:100%; height:700px; position:absolute; background:url(/images/360bg.jpg) center top no-repeat;}
.viewbg img { display:none; position:absolute; left:50%; margin-left:-15px; margin-top:335px;}
.viewc { width:100%; height:700px; display:none; position:absolute;}

.ibar { width:810px; margin:0 auto; height:90px; font-size:18px; margin-bottom:50px;}
.ibar span { padding:0 5px; font-size:40px; font-family:Impact; color:#fd5a66; line-height:90px;}

.teambox { width:100%; height:auto; background:#f5f5f5; padding:10px 0 50px 0;}
.teamintro { width:900px; height:auto; padding:30px 150px 50px 150px; font-size:14px; line-height:24px; margin:0 auto; background:#fff; color:#666;}
.team { width:1005px; height:335px; background:#fff; margin:0 auto; border-bottom:1px solid #ddd; padding-left:195px; }
.teamt { width:270px; height:335px; text-align:center; float:left;}
.teamt span { display:block; height:105px; font-size:18px; line-height:105px; color:#666;}
.teamt p { display:block; height:100px; background:#fff; padding-top:20px;}
.teamt font { display:block; height:80px; line-height:20px; color:#999;}
.teamt font.tt2 { height:60px; padding-top:20px;}
.teamp1 { width:540px; height:335px; float:left; overflow:hidden;}
.teamp1 img { max-width:540px; max-height:335px;}
.teamp2 { width:270px; height:335px; float:left; overflow:hidden;}
.teamp2 img { max-width:270px; max-height:335px;}
.teamstyle { width:1200px; height:550px; background:#fff; margin:0 auto; }
#demo { width:1100px; height:300px; margin:0px auto; overflow:hidden;}
#indemo { float: left; width: 800%; } 
#demo1 { float: left; } 
#demo2 { float: left; }
.tdp { height:260px; float:left; width:auto; border:1px solid #ddd; padding:10px; margin-right:10px; text-align:center; overflow:hidden; line-height:30px; font-size:14px;}
.tdp img { height:220px; }

.whzc { width:100%; height:716px; background:url(/images/abban2.jpg) center top no-repeat;}
.whzcc { width:415px; height:520px; padding:70px 130px 0 655px; font-size:14px; line-height:24px; margin:0 auto; color:#333;}
.whzccb { width:415px; height:auto; text-align:right; padding:0 130px 0 655px; margin:0 auto;}
.whp1 { width:100%; height:563px; background:url(/images/whp1.jpg) center top no-repeat;}
.whp2 { width:100%; height:527px; background:url(/images/whp2.jpg) center top no-repeat;}
.whp3 { width:100%; height:528px; background:url(/images/whp3.jpg) center top no-repeat;}
.whp4 { width:100%; height:498px; background:url(/images/whp4.jpg) center top no-repeat;}
.whp5 { width:100%; height:542px; background:url(/images/whp5.jpg) center top no-repeat;}
.whp6 { width:100%; height:1046px; background:url(/images/whp6.jpg) center top no-repeat;}
.whb { width:200px; height:250px; position:absolute; margin-top:110px; margin-left:-550px; left:50%;}
.wht { width:800px; height:30px; line-height:25px; font-size:24px; padding-left:50px; position:absolute; left:50%; margin-left:-350px; margin-top:220px;}
.wht_en { width:800px; height:20px; font-size:16px; position:absolute; left:50%; margin-left:-300px; margin-top:260px; }
.o1 { background:url(/images/who1.png) left top no-repeat;}
.co1 { color:#FFF;}
.o2 { background:url(/images/who2.png) left top no-repeat;}
.co2 { color:#1f2229;}
.o3 { background:url(/images/who3.png) left top no-repeat;}

.grban { background:url(/images/grban.jpg) center top no-repeat; color:#fff;}
.grban p,.grban span,.grban font { display:block; text-align:center;}
.grban p { padding:60px 0 0 0; margin:0; height:110px;}
.grban img { width:100px; height:100px; display:block; border:4px solid #fff; border-radius:50%; margin:0 auto;}
.grban span { height:50px; font-size:20px; line-height:60px; }
.grban font { height:auto; line-height:26px; font-size:14px;}
.grbox { width:100%; height:auto; background:#f5f5f5;}
.grbox2 { width:1120px; height:auto; background:#fff; margin:0 auto; padding:30px 40px;}
.grname { height:41px; background:url(/images/dot2.gif) bottom repeat-x;}
.grname span { display:block; width:150px; height:40px; font-size:22px; line-height:30px; border-bottom:1px solid #000000; float:left;}
.grintro { height:auto; padding-top:40px;}
.grp { width:380px; height:405px; float:left;}
.grpb { width:320px; height:60px; position:absolute; margin-top:320px; background:url(/images/pbg2.png); }
.grpb span { color:#FFFFFF; font-size:20px; line-height:60px; text-align:center; background:url(/images/gwb.png) 50px -45px no-repeat; display:block;}
.grjp { width:45px; height:60px; position:absolute; margin-top:300px; margin-left:260px;}
.grjp img { width:45px; height:60px;}
.grp img.stand { width:320px; height:380px;}
.grintroz { float:left; width:725px; height:auto; padding-bottom:20px; font-size:18px; line-height:35px;}
.grintroz font { color:#fd5a66;}
.grintrotel { width:680px; height:70px; border-top:1px dotted #ccc; font-size:20px; line-height:70px; background:url(/images/telico.gif) left center no-repeat; padding-left:45px; float:left;}
.grln { font-size:14px; line-height:28px; width:725px; height:auto; float:left;}
.grbox3 { width:1120px; height:auto; background:#fff; margin:0 auto 30px auto; padding:0px 40px 20px 40px;}
.grcont { height:auto; line-height:180%; font-size:14px; padding-top:20px; padding-bottom:30px;}
.grlct { display:block; width:150px; height:40px; font-size:22px; line-height:30px; border-bottom:1px solid #000000; }
.grlc { height:200px; padding-top:10px;}
.grbox4 { width:1120px; height:80px; margin:0 auto; padding:0px 40px 20px 40px;}

#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;}

.readban { width:100%; height:400px; background:url(/images/readp2.jpg) center no-repeat; margin-bottom:15px;}
.nbk { height:auto; background:#fff; overflow:hidden; margin-bottom:10px; border-right:4px solid #fff;}
.nbkdt { width:130px; height:110px; float:left; font-family:"Times New Roman", Times, serif; text-align:center; padding-top:20px; background:#fff;}
.nbkdt b{font-size:54px;line-height:54px;padding-top:5px;display:block; width:70px; border-bottom:1px solid #ddd; color:#999; font-weight:normal; margin:0 auto;}
.nbkdt span{font-size:16px; width:70px; display:block; color:#999; margin:0 auto; line-height:30px;}
.nbkc { width:620px; height:auto; float:left; margin-top:20px; padding-left:30px; border-left:1px solid #ddd;}
.nbkc a { display:block; text-decoration:none;}
.nbkct { height:40px; font-size:16px; line-height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.nbkcc { height:60px; font-size:12px; line-height:24px; color:#999; overflow:hidden;}
.nbkcp { height:80px; }
.nbkcp img { height:70px; width:auto; float:left; margin-right:5px;}
.nbkcb { height:28px; display:none;}
.nbk2 {border-right:4px solid #44c8e4;}
.nbk2 .nbkdt { background:#44c8e4;}
.nbk2 .nbkdt b,.nbk2 .nbkdt span { color:#fff; }
.nbk2 .nbkdt b { border-bottom:1px solid #fff;}
.nbk2 .nbkc { border-left:#fff;}
.nbk2 .nbkc .nbkct { font-size:20px; }
.nbk2 .nbkc .nbkcc { color:#666; }

.tdbox { width:1230px; height:auto; margin:0 auto; padding-left:30px;}
.tdt { width:1200px; height:60px; margin:0 auto;}
.tdt span { width:200px; height:50px; float:left; background:url(/images/bkt.gif) left top no-repeat; padding-left:18px;}
.tdt font.f1 { display:block; font-size:24px; line-height:24px;}
.tdt font.f2 { display:block; font-size:16px; line-height:26px; color:#d9d9d9;}
.gwbox { width:360px; height:350px; border:1px solid #ddd; padding:10px 10px 0 10px; float:left; margin-right:25px; margin-bottom:25px;}
.gwp { width:360px; height:220px; overflow:hidden; position:relative;}
.gwp img { width:360px; height:220px;}
.gwt { width:360px; height:50px; position:relative; font-size:18px; color:#666; line-height:50px;}
.gwt img { position:relative; width:60px; height:80px; margin-left:280px; top:-80px;}
.gwt font { color:#fd5a66;}
.gwc { font-size:14px; line-height:20px; color:#666; width:360px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.gwbtn { width:360px; height:40px; padding-top:15px;}
.gwbtn a,.gwbtn span { display:block; height:26px; border:1px solid #1ea1ce; color:#1ea1ce; text-decoration:none; cursor:pointer; line-height:26px; float:left; margin-right:10px; font-size:12px; padding:0 10px; border-radius:3px;}
.gwbtn a:hover,.gwbtn span:hover { background:#1ea1ce; color:#fff;}

.lybox { width:750px; height:auto; padding:20px 0; border-bottom:1px dotted #999;}
.lyboxt { height:50px; background:url(/images/talkico2.gif) left top no-repeat; padding-left:50px;}
.lyboxt span { display:block; height:28px; line-height:22px; font-size:16px;}
.lyboxt font { display:block; height:14px; line-height:14px; font-size:12px; color:#999;}
.lyboxc { height:auto; line-height:22px; }
.lyboxa { height:35px; font-size:16px; line-height:30px; color:#0f91ce;}
.lygwt { width:380px; height:80px; border:1px solid #45c8e4; margin-top:20px;}
.lygwt span { display:block; height:35px; line-height:35px; font-size:18px; text-align:center; color:#fff; background:#45c8e4;}
.lygwt font { display:block; height:45px; line-height:45px; font-size:20px; color:#45c8e4; text-align:center;}
.lygwp {}