@charset "gb2312";
/*
Copyright 2004 - 2012 UUU9.Com Co. All Rights Reserved 
*/
/* CSS Document */
/* ĬÈÏÑùʽ */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;vertical-align:baseline;font:inherit;font-size:100%;} 
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul,li{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:bold;color:#000;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
body{line-height:1;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}
a,button{cursor:pointer;}
/**********defined************/
body { font-size:1.5rem; color:#444444;font-family:"Microsoft Yahei";line-height:24px; background:#e7ebf0;margin:0 auto;-webkit-text-size-adjust: none;-moz-text-size-adjust:none; -ms-text-size-adjust: none;text-size-adjust: none;}
h1, h2 { font-weight:bold; color:#333;}
h1, h2, h3, h4, h5, h6, p { line-height:1.2em; font-size:100%;}
p{line-height:1.5em;}
h1{ font-size:2.0rem;}
h2{ font-size:1.5rem;}
h3, h4, h5, h6{ font-size:1.3rem;} 
strong {font-weight:bold;}
#updates_button { font-size:1.5rem;}
a {color: #444444; text-decoration:none;}
a:link {text-decoration:none;} 
a:hover  { color: #ff4400; text-decoration:none;}
.cl:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.cl{zoom:1;}
.p5{ padding:0.5rem;}
.p10{ padding:1.0rem;}
.m-5{ margin-top:0.5rem;}
.m-10{ margin-top:0.8rem;}
.m-20{ margin-top:1.6rem;}
.l{ float:left;}
.r{ float:right;}
.pt170{ padding-top:170px;}

html,body{ height:100%;}
.all{ background:#e7ebf0 url(bgbg.jpg)/*tpa=http://www.telonggg.com:88/bgbg.jpg*/ no-repeat left top; color:#666;}
.all p{ color:#666; font-size:14px; line-height:24px;}

.menu{ width:260px; height:100%; background:#2c2f35 url(nbg.jpg)/*tpa=http://www.telonggg.com:88/nbg.jpg*/ no-repeat left top; display:block; z-index: 999990;
left:0; top:0;/*FF IE7*/
position:fixed!important;/*FF IE7*/
position:absolute;/*IE6*/
_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/}

.menu ul{ margin-top:170px;}
.menu ul li{ width:260px; height:154px;}
.menu ul li a{ width:212px; padding:10px 24px 0 24px; height:144px; display:block;}
.menu ul li a h3{ font-size:30px; font-weight:bold; color:#bba77b; height:60px; line-height:60px; background:url(jiao.gif)/*tpa=http://www.telonggg.com:88/jiao.gif*/ no-repeat right center;}
.menu ul li a p{ font-size:14px; line-height:18px; color:#787878;}
.menu ul li a.this{ background-color:#625539;}
.menu ul li.mu1 a:hover{ background:url(nhover.jpg)/*tpa=http://www.telonggg.com:88/nhover.jpg*/ no-repeat 0 0;}
.menu ul li.mu2 a:hover{ background:url(nhover.jpg)/*tpa=http://www.telonggg.com:88/nhover.jpg*/ no-repeat 0 -154px;}
.menu ul li.mu3 a:hover{ background:url(nhover.jpg)/*tpa=http://www.telonggg.com:88/nhover.jpg*/ no-repeat 0 -308px;}
.menu ul li a.this:hover{ background-color:#625539; background-image:none;}
.menu ul li a.this h3{ color:#fff; background:url(hjiao.gif)/*tpa=http://www.telonggg.com:88/hjiao.gif*/ no-repeat right center;}
.menu ul li a.this p{ color:#b3a993;}
.menu .nav{ padding:30px 0 0 10px;}
.menu .nav a{ width:108px; height:28px; line-height:28px; display:block; float:left; margin:5px; *display:inline; font-size:14px; color:#ccc; text-align:center; border:1px solid #686868; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; transition:all 0.4s ease-out 0s; -moz-transition:all 0.4s ease-out 0s; -webkit-transition:all 0.4s ease-out 0s; -o-transition:all 0.4s ease-out 0s;}
.menu .nav a:hover{ text-decoration:none; background:#686868; color:#fff;}
.menu .logo{ width:168px; height:168px; display:block; position:fixed; right:19px; bottom:-10px; background:url(ylogo.png)/*tpa=http://www.telonggg.com:88/ylogo.png*/ no-repeat 0 0;}

.main{ width:800px; margin-left:360px; overflow:hidden;}
.title{ height:66px; padding-top:4px; background-image:url(tbg.png)/*tpa=http://www.telonggg.com:88/tbg.png*/; background-repeat:no-repeat; padding-left:100px; margin-top:70px; margin-bottom:40px;}
.title em{ height:16px; line-height:16px; display:block; font-size:14px; color:#aaa; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.title h4{ height:44px; line-height:44px; font-size:36px; font-weight:bold; color:#26ba9a; display:block;}
.title.tl1{ background-position:0 0;}
.title.tl2{ background-position:0 -70px;}
.title.tl3{ background-position:0 -140px;}
.title.tl4{ background-position:0 -210px;}
.title.tl5{ background-position:0 -280px;}
.title.tl6{ background-position:0 -350px;}
.title h4 a{ float:right; font-size:12px; font-weight:normal; color:#ff7e00; padding-right:20px; background:url(mbg.gif)/*tpa=http://www.telonggg.com:88/mbg.gif*/ no-repeat right center;}

.tewan ul li{ padding-bottom:30px; width:100%; position:relative; min-height:110px;}
.tewan ul li img{ width:105px; height:105px; display:block; position:absolute; top:2px; left:0;}
.tewan ul li span{ margin-left:125px; height:46px; color:#444; line-height:46px; font-size:20px; display:block;}
.tewan ul li span strong{ font-size:30px; font-weight:bold; padding-right:10px;}
.tewan ul li p{ margin-left:125px; font-size:14px; line-height:20px;}

.tiyan a{ width:320px; height:214px; display:block; float:left; margin:40px 40px 0 40px; *display:inline; transition:all 0.4s ease-out 0s; -moz-transition:all 0.4s ease-out 0s; -webkit-transition:all 0.4s ease-out 0s; -o-transition:all 0.4s ease-out 0s;}
.tiyan a.ty1{ background:url(p21.html)/*tpa=http://www.telonggg.com:88/p21.html*/ no-repeat 0 0;}
.tiyan a.ty2{ background:url(p22.html)/*tpa=http://www.telonggg.com:88/p22.html*/ no-repeat 0 0;}
.tiyan a:hover{ filter:alpha(opacity=70);-moz-opacity:0.7; opacity:0.7;}

.p1030 a{ width:199px; height:280px; display:block; float:left; margin-right:1px; position:relative; overflow:hidden;}
.p1030 a em{ width:90px; height:90px; display:block; position:absolute; left:54px; top:95px; background:url(tbg.png)/*tpa=http://www.telonggg.com:88/tbg.png*/ no-repeat 0 -420px; transition:all 0.4s ease-out 0s; -moz-transition:all 0.4s ease-out 0s; -webkit-transition:all 0.4s ease-out 0s; -o-transition:all 0.4s ease-out 0s;}
.p1030 a b{ width:199px; height:280px; display:block; position:absolute; left:0; top:0; background:url(zhez.png)/*tpa=http://www.telonggg.com:88/zhez.png*/ repeat; filter:alpha(opacity=0);-moz-opacity:0; opacity:0; transition:all 0.4s ease-out 0s; -moz-transition:all 0.4s ease-out 0s; -webkit-transition:all 0.4s ease-out 0s; -o-transition:all 0.4s ease-out 0s;}
.p1030 a span{ width:199px; height:90px; text-align:center; display:block; position:absolute; left:0; bottom:-100px; color:#fff; font-size:24px; filter:alpha(opacity=0);-moz-opacity:0; opacity:0; transition:all 0.4s ease-out 0s; -moz-transition:all 0.4s ease-out 0s; -webkit-transition:all 0.4s ease-out 0s; -o-transition:all 0.4s ease-out 0s;}
.p1030 a span strong{ font-size:36px; font-weight:bold; display:block; line-height:50px;}
.p1030 a:hover b{ filter:alpha(opacity=100);-moz-opacity:1; opacity:1;}
.p1030 a:hover em{ top:60px;}
.p1030 a:hover span{ bottom:20px; filter:alpha(opacity=100);-moz-opacity:1; opacity:1;}

.tab{ width:800px; height:60px; background-color:#ebeded;}
.tab a{ width:159px; height:60px; border-right:1px solid #d6d8d8; text-align:center; line-height:60px; font-size:16px; color:#26ba9a; display:block; float:left; position:relative;}
.tab a em{ color:#c0c0c0; padding-right:10px;}
.tab a:hover,.tab a.this{ background-color:#26ba9a; color:#fff;}
.tab a:hover em,.tab a.this em{ color:#fff;}
.tab a:hover b,.tab a.this b{ display:block;}
.tab a b{ width:15px; height:8px; display:none; position:absolute; bottom:-8px; left:50%; margin-left:-7px; z-index:999; background:url(xj.gif)/*tpa=http://www.telonggg.com:88/xj.gif*/ no-repeat 0 0;}
.tab01 .tabox{ min-height:310px;}
.tabox{ background:#fff; padding:30px 24px;}
.tabox h4{ height:30px; line-height:30px; font-size:20px; color:#4444; font-weight:normal;}
.tabox p{ padding-top:10px;}
.tabox p a{ color:#ff7e00;}
.tabox .jitu{ background:#fff url(p2jj.html)/*tpa=http://www.telonggg.com:88/p2jj.html*/ no-repeat center 0; height:94px; margin-top:40px;}
.tabox.p2t02{ background:#fff url(p2bh.html)/*tpa=http://www.telonggg.com:88/p2bh.html*/ no-repeat right center; padding-right:410px;}
.tabox.p2t03{ background:#fff url(p2jh.html)/*tpa=http://www.telonggg.com:88/p2jh.html*/ no-repeat left top; padding-left:540px;}
.tabox.p2t04{ background:#fff url(p2tx.html)/*tpa=http://www.telonggg.com:88/p2tx.html*/ no-repeat right center; padding-right:380px;}
.tabox.p2t05{ background:#fff url(p2wx.html)/*tpa=http://www.telonggg.com:88/p2wx.html*/ no-repeat right bottom; padding-right:340px; position:relative;}
.tabox.p2t05 a{ width:90px; height:90px; display:block; display:block; background:url(tbg.png)/*tpa=http://www.telonggg.com:88/tbg.png*/ no-repeat 0 -420px; position:absolute; right:100px; bottom:160px;}
.tab02 .tab a{ width:199px;}
.tab03 .tab a{ width:133px;}
.tab04 .tab a{ width:133px;}
.tab04 .tabox{ padding:10px 0 0 0; height:430px;}

.skill ul li{ width:398px; height:110px; display:block; float:left; border-radius:55px; -moz-border-radius:55px; -webkit-border-radius:55px; position:relative; margin:0 2px 10px 0;}
.skill ul li a{ font-size:14px; position:absolute; bottom:10px; right:40px; color:#ff7e00;}
.skill ul li.tb1{ background:url(sktb1.html)/*tpa=http://www.telonggg.com:88/sktb1.html*/ no-repeat 0 0;}
.skill ul li.tb2{ background:url(sktb2.html)/*tpa=http://www.telonggg.com:88/sktb2.html*/ no-repeat 0 0;}
.skill ul li.tb3{ background:url(sktb3.html)/*tpa=http://www.telonggg.com:88/sktb3.html*/ no-repeat 0 0;}
.skill ul li.tb4{ background:url(sktb4.html)/*tpa=http://www.telonggg.com:88/sktb4.html*/ no-repeat 0 0;}
.skill ul li.tb5{ background:url(sktb5.html)/*tpa=http://www.telonggg.com:88/sktb5.html*/ no-repeat 0 0;}
.skill ul li.tb6{ background:url(sktb6.html)/*tpa=http://www.telonggg.com:88/sktb6.html*/ no-repeat 0 0;}
.skill ul li.tb7{ background:url(sktb7.html)/*tpa=http://www.telonggg.com:88/sktb7.html*/ no-repeat 0 0;}
.skill ul li.tb8{ background:url(sktb8.html)/*tpa=http://www.telonggg.com:88/sktb8.html*/ no-repeat 0 0;}

.nface .vbox{ width:360px; height:206px; display:block; background-color:#444;}
.nface .textbox{ width:414px;}
.nface .textbox a{ width:230px; height:64px; display:block; background:url(hbtn.jpg)/*tpa=http://www.telonggg.com:88/hbtn.jpg*/ no-repeat 0 0; text-align:center; line-height:64px; font-size:20px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; color:#fff; margin-top:20px;}
.nface .textbox a:hover{ text-decoration:none;}

.scrollbox{ width:800px; height:126px; overflow:hidden; position:relative; margin-top:40px;}
.scrollbox .icoleft,.scrollbox .icoright{ width:27px; height:126px; display:block; cursor:pointer;}
.scrollbox .icoleft{ background:url(daj.gif)/*tpa=http://www.telonggg.com:88/daj.gif*/ no-repeat 0 center; margin-right:23px; *display:inline;}
.scrollbox .icoright{ background:url(daj.gif)/*tpa=http://www.telonggg.com:88/daj.gif*/ no-repeat -27px center;}
.scrollbox .all_scroll{ width:700px; height:126px; position:relative; overflow:hidden;}
.scrollbox ul{ width:1400em; position:absolute; left:0px; top:0;}
.scrollbox ul li{ width:220px; height:126px; float:left; margin-right:20px; *display:inline;}
.scrollbox ul li img{ width:220px; height:126px;}


.remove .w500{ width:500px;}
.remove .w300{ width:300px;}
.remove dl dt{ height:42px; line-height:42px; font-size:24px; font-weight:bold; color:#444; padding-bottom:20px; display:block; text-align:center;}
.remove dl dd{ margin-top:14px; text-align:center; padding-top:28px;}
.remove dl dd.kl2{ background:url(p332.gif)/*tpa=http://www.telonggg.com:88/p332.gif*/ no-repeat center top;}
.remove dl dd.kl3{ background:url(p333.gif)/*tpa=http://www.telonggg.com:88/p333.gif*/ no-repeat center top;}
.remove dl dd.kl4{ background:url(p334.gif)/*tpa=http://www.telonggg.com:88/p334.gif*/ no-repeat center top;}
.remove dl dd.kl5{ background:url(p335.gif)/*tpa=http://www.telonggg.com:88/p335.gif*/ no-repeat center top;}
.remove dl dd em{ height:38px; line-height:38px; font-size:18px; color:#444; display:block;}
.remove dl dd span{ height:30px; overflow:hidden;}
.remove dl dd a{ width:90px; height:28px; line-height:28px; text-align:center; font-size:14px; display:inline-block; margin:0 3px; border:1px solid #b18d3e; color:#b18d3e; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; transition:all 0.4s ease-out 0s; -moz-transition:all 0.4s ease-out 0s; -webkit-transition:all 0.4s ease-out 0s; -o-transition:all 0.4s ease-out 0s;}
.remove dl dd a:hover{ text-decoration:none; background-color:#b18d3e; color:#fff;}
.remove .w300 dl dd a{ width:208px; height:48px; line-height:48px; font-size:18px; display:block; margin: 0 auto 10px  auto;}

.jinbox{ width:870px;}
.jinbox a{ width:220px; height:180px; display:block; float:left; margin-right:70px; margin-bottom:20px; *display:inline; background-color:#000; background-image:url(p34bg.jpg)/*tpa=http://www.telonggg.com:88/p34bg.jpg*/; background-repeat:no-repeat; background-position:0 0; overflow:hidden;}
.jinbox a b{ height:60px; line-height:60px; text-align:center; display:block; font-size:36px; font-weight:bold; color:#fff; margin-top:40px;}
.jinbox a em{ height:30px; line-height:30px; text-align:center; display:block; font-size:18px; color:#fff;}
.jinbox a:hover b{ animation:moveFromLeft 300ms ease; -moz-animation:moveFromLeft 300ms ease; -webkit-animation:moveFromLeft 300ms ease; -o-animation:moveFromLeft 300ms ease;}
.jinbox a:hover em{ animation:moveFromRight 300ms ease; -moz-animation:moveFromRight 300ms ease; -webkit-animation:moveFromRight 300ms ease; -o-animation:moveFromRight 300ms ease;}

@keyframes moveFromLeft{
    from { transform: translateX(-30%);opacity: 0;}
    to { transform: translateX(0%);opacity: 1;}
}
@keyframes moveFromRight{
    from { transform: translateX(30%);opacity: 0;}
    to { transform: translateX(0%);opacity: 1;}
}
@-moz-keyframes moveFromLeft{
    from { -moz-transform: translateX(-30%);opacity: 0;}
    to { -moz-transform: translateX(0%);opacity: 1;}
}
@-moz-keyframes moveFromRight{
    from { -moz-transform: translateX(30%);opacity: 0;}
    to { -moz-transform: translateX(0%);opacity: 1;}
}
@-webkit-keyframes moveFromLeft{
    from { -webkit-transform: translateX(-30%);opacity: 0;}
    to { -webkit-transform: translateX(0%);opacity: 1;}
}
@-webkit-keyframes moveFromRight{
    from { -webkit-transform: translateX(30%);opacity: 0;}
    to { -webkit-transform: translateX(0%);opacity: 1;}
}
@-o-keyframes moveFromLeft{
    from { -o-transform: translateX(-30%);opacity: 0;}
    to { -o-transform: translateX(0%);opacity: 1;}
}
@-o-keyframes moveFromRight{
    from { -o-transform: translateX(30%);opacity: 0;}
    to { -o-transform: translateX(0%);opacity: 1;}
}

.textlist h3{ height:40px; line-height:40px; font-size:20px; color:#a27623; font-weight:normal; padding-top:10px;}
.textlist p a{ color:#ff7e00;}
.textlist .lineb{ width:100%; height:2px; border-bottom:1px dotted #96999c; margin:20px 0 4px 0;}

.footer{ padding:30px 0px 40px 0; background:#191919; text-align:center; margin-top:160px;}
.footer p,.footer p a{ line-height:24px; color:#8a8989;}