/* CSS Document */
*{margin:0;padding:0;font-family:"Microsoft Yahei";}
body,td,th {font-family: Microsoft Yahei;font-size: 13px;}
body {background-color: #FFFFFF;margin-left: 0px; padding:0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;background:#ffffff;}
.clr{clear:both;height:0px;line-height:0;font-size:0;}
li{list-style:none outside;}
.nbg{ background-color:#0056A1;}
.mgr{ margin-top:13px;}
.mgr2{ margin-top:25px;}
a:link { text-decoration:none; color:#000;}
a:hover { text-decoration:underline; color:#666;}
a:visited { text-decoration:none; color:#333;}


#head{width:100%; max-width:1920px; min-width:1200px; height:162px; z-index:1000;}

#head .top{ width:1200px; height:110px; margin:0 auto;}
#head .top .logo{ width:535px; height:105px; float:left;}
#head .top .tel{ width:260px; height:105px; float:left; margin-left:310px; margin-right:20px; background:url(../images/telbg.png) left no-repeat;}
#head .top .tel .telcon{ width:260px; height:105px;}
#head .top .tel .telcon .tctit{ width:190px; margin-left:70px; height:30px; margin-top:22px;font-size:21px; text-align:left; line-height:35px; color:#DF0000;font-family:"Microsoft Yahei";}
#head .top .tel .telcon .tcnum{ width:190px;margin-left:70px; height:30px; text-align:left; font-size:33px; line-height:30px; color:#DF0000; font-family:Calibri; }
#head .top .erweima{ width:75px; height:75px; float:right;}
#head .top .erweima img{ margin-top:12.5px;}

/*menu*/
#menu{ z-index:100; max-width:1920px; min-width:1200px; width:100%; height:52px;background:#0858B1;}
#nav {margin:0 auto; width:1200px; display:block;}
#nav .jquery {margin-right:1px;padding:0 2em;}
#nav .mainlevel {background:#0858B1; float:left; border-right:1px solid #055DBF; width:134px;/*IE6 only*/}
#nav .mainlevel a {color:#fff; text-decoration:none; line-height:52px; display:block; padding:0 12px; width:110px; font-size:18px;}
#nav .mainlevel a:hover {color:#fff; text-decoration:none; background:#044B99 url(../images/slide-panel_03.png) 0 0 repeat-x;}
#nav .mainlevel ul {display:none; position:absolute;z-index:100;filter:alpha(opacity=70); }
#nav .mainlevel li {border-top:1px solid #528ED1; background:#0858B1; height:40px; line-height:40px; width:134px;/*IE6 only*/}
#nav .mainlevel li a {color:#fff; text-decoration:none; line-height:40px; font-size:13px; display:block; padding:0 12px; width:110px;}
#nav .mainlevel li a:hover {color:#fff; text-decoration:none; height:40px; line-height:40px; background:#044B99 url(../images/slide-panel_03.png) 0 0 repeat-x;}



/*css function list*/
.fn-dp-n{ display:none;}
.fn-dp-b{ display:block;}
.fn-cf_o{overflow:hidden;_zoom:1;}
.fn-cf_a:after{display:block;clear:both;content:"";visibility:hidden;height:0;} 
.fn-cf_a{_zoom:1;}
.fn-cf_c{clear:both; line-height:0; font-size:0;}
.fn-fs-14{ font-size:14px;}
.fn-ta-l{text-align:left;}
.fn-ta-c{text-align:center;}
.fn-ta-r{text-align:right;}
.fn-of-h{overflow:hidden;}
.fn-td-n{text-decoration:none;}
.fn-td-u{text-decoration:underline;}
.fn-fw-n{font-weight:normal;}
.fn-fw-b{font-weight:bold;}
.fn-f-l{float:left}
.fn-f-r{float:right}
.fn-b-0{ border:0;}
.fn-pt-r{position:relative;}
.fn-pt-a{position:absolute;}
.fn-ff-v{font-family:Verdana;}


/* page css */
#info_box{ margin-top:80px;}
h1.title{ font-size:18px;font-family:"Microsoft Yahei",Verdana; margin:0 0 10px 20px; padding:1px 2px; line-height:26px; background:#333; color:#fff; display:inline-block;_ display:inline;}
p.text{ font-size:14px;font-family:"Microsoft Yahei",Verdana; line-height:22px; color:#333; padding:0 20px;}
p.text a{color:#0088CC; margin:0 1px;}
p.text a:hover{ text-decoration:underline;}
.mycode{background:#EEEEEE;border: 1px dashed #CCCCCC;font-size:10pt;margin:10px 20px;padding:10px; font-family:"Courier New",Verdana;}
.mycode pre{ color: #0000FF;margin: 0; white-space: pre-wrap;word-wrap: break-word;}
.mycode pre span.note{color:#999; font-size:12px;line-height:20px;}
.mycode pre span.highlight{color:#F00; font-weight:bold;}
.mycode pre h4{ font-size:12px; background:#c00; color:#fff; display:inline-block;height:20px;line-height:20px; padding:0 5px;}
#user_tips{ padding:10px 20px 20px; margin:0 20px 30px; background:#FEFCDF; border:1px solid #FEEA93;}
#user_tips h3{ background:#F93; display:inline-block; padding:2px 5px; color:#fff}
#user_tips p{ color:#666;}



#hotkey{ width:1200px; margin:10px auto; height:36px; line-height:36px; text-align:left;}
#hotkey .hot{ width:900px; float:left; line-height:36px;} 
#hotkey .hot span{ color:#0D3AA4; font-weight:bold;}
#hotkey .hot a {color:#585858; text-decoration:none; line-height:36px; padding:0 5px; font-size:14px;}
#hotkey .hot a:hover {color:#000000; text-decoration:none; line-height:36px; padding:0 5px; font-size:14px;}
#hotkey .searchf{ width:286px; float:right; height:36px; line-height:36px; margin-right:12px;}
#hotkey .searchf .incp{width:180px; height:28px; border:1px solid #E4E4E4; margin-left:20px;}

#indexmainp{ width:100%; min-height:300px; overflow:auto; background-color:#F5F8FC; padding-top:30px; padding-bottom:30px;}
#indexmainp .gdptit{ width:1200px; height:39px; margin:0 auto; background:url(../images/ypbg.gif) no-repeat; margin-bottom:20px;}
#indexmainp .gdp{ width:1200px; height:230px; overflow:hidden; margin:0 auto; margin-bottom:20px;}
#indexmainp .indexprod{width:1200px; height:500px; margin-top:50px; margin-bottom:50px;}
#indexmainp .indexprod .prleft{width:264px; float:left;-moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius:5px; border:1px solid #CACACA;}
#indexmainp .indexprod .prleft .pltit{ width:264px; height:68px; text-align:left; line-height:68px; text-indent:30px; color:#FFFFFF; font-size:22px;}
#indexmainp .indexprod .prleft .plclassli{ width:264px; height:45px; line-height:45px; text-align:left; text-indent:20px; font-size:16px; border-bottom:1px solid #C5C5C5; font-weight:bold; color:#1820A3;}
#indexmainp .indexprod .prleft .plclassli3{ width:264px; height:30px; line-height:30px; text-align:left; text-indent:35px; font-size:14px;}
#indexmainp .indexprod .prleft .plclassli3 a {color:#585858; text-decoration:none; line-height:36px; padding:0 5px; font-size:14px;}
#indexmainp .indexprod .prleft .plclassli3 a:hover {color:#000000; text-decoration:none; line-height:36px; padding:0 5px; font-size:14px;}



#indexmainp .indexprod .prleft .plclassli2{ width:264px; height:25px; line-height:25px;}

#indexmainp .indexprod .prright{width:906px; float:right;}
#indexmainp .indexprod .prright li{ width:282px; height:262px; line-height:50px; margin-bottom:5px; float:left; line-height:30px;}
#indexmainp .indexprod .prright li a{ font-size:15px; text-decoration:none; color:#373737;}
#indexmainp .indexprod .prright li a:hover{text-decoration:none;}



#brand{ width:100%; overflow:hidden; }






#partner{ width:100%; height:238px; padding-top:50px; padding-bottom:30px; background-color:#FFFFFF;}
#partner .partnercntit{ width:1200px; height:60px; line-height:60px; margin:0 auto; background:url(../images/p.gif) center no-repeat;}
#partner .partnerlist{ width:1250px; height:200px; margin:8px auto;}

#company{ width:1200px; height:307px; margin:0 auto; margin-bottom:20px;}
#company .intro{ width:808px; height:307px; float:left;}
#company .intro .introtit{ width:808px; height:42px; line-height:42px; background:url(../images/tbg.gif) repeat-x; border:1px solid #DFDFDF;}
#company .intro .introtit span{ margin-left:15px; padding-left:20px; padding-right:20px; float:left; background-color:#1A4893; color:#FFFFFF; font-size:15px;}
#company .intro .introtit .more{ float:right; font-size:12px; width:80px;}
#company .intro .introcon{ width:788px; height:250px; margin-top:5px;border:1px solid #DFDFDF; padding:10px;}
#company .intro .introcon .video{ width:360px; height:250px; float:left;}
#company .intro .introcon .comintro{ width:400px; float:right; height:235px; overflow:hidden; text-align:left; line-height:25px;}
#company .intro .introcon .comintro h2{ font-size:16px; height:35px; line-height:35px; font-weight:bold;} 
#company .intro .introcon .comintro p{ text-indent:25px; color:#444444}

#company .contact{ width:370px; height:307px; float:right;}
#company .contact .contacttit{ width:370px; height:42px; line-height:42px; background:url(../images/tbg.gif) repeat-x; border:1px solid #DFDFDF;}
#company .contact .contacttit span{ margin-left:15px; padding-left:20px; padding-right:20px; float:left; background-color:#1A4893; color:#FFFFFF; font-size:15px;}
#company .contact .contacttit .more{ float:right; font-size:12px; width:80px;}
#company .contact .contactcon{ width:340px; height:238px; margin-top:5px;border:1px solid #DFDFDF; padding:15px; line-height:25px; text-align:left;}


#companypic{ width:1200px; height:207px; margin:0 auto; margin-top:20px; margin-bottom:50px;}
#companypic .pictit{ width:1200px; height:42px; line-height:42px; background:url(../images/tbg.gif) repeat-x; border:1px solid #DFDFDF;}
#companypic .pictit span{ margin-left:15px; padding-left:20px; padding-right:20px; float:left; background-color:#1A4893; color:#FFFFFF; font-size:15px;}
#companypic .pictit .more{ float:right; font-size:12px; width:80px;}

#companypic .piccon{ width:1180px; height:160px; margin-top:5px;border:1px solid #DFDFDF; padding:10px;}



#caselist{ width:1200px; height:400px; margin:0 auto; margin-top:20px; margin-bottom:50px;}
#caselist .casetit{ width:1200px; height:42px; line-height:42px; background:url(../images/tbg.gif) repeat-x; border:1px solid #DFDFDF;}
#caselist .casetit span{ margin-left:15px; padding-left:20px; padding-right:20px; float:left; background-color:#1A4893; color:#FFFFFF; font-size:15px;}
#caselist .casetit .more{ float:right; font-size:12px; width:80px;}

#caselist .casecon{ width:1180px; height:360px; margin-top:10px;border:1px solid #DFDFDF; padding:10px;}
#caselist .casecon li{ width:570px; float:left; height:160px; margin:10px;}
#caselist .casecon li .anlipic{ height:150px; width:200px; float:left;}
#caselist .casecon li .anlicon{ width:350px; float:right; height:150px;}
#caselist .casecon li .anlicon .anlititle{ width:350px; text-align:left; height:34px; overflow:hidden; line-height:34px; font-size:15px;}
#caselist .casecon li .anlicon .anlidesc{ width:350px; text-align:left; height:116px; line-height:25px; font-size:13px; color:#5F5F5F;}

#indexnews{width:100%; height:360px; padding-top:50px; padding-bottom:50px; background-color:#F5F8FC}
#indexnews .newscn{ width:1200px; height:360px;}
#indexnews .newscn .companynews{ width:740px; height:360px; float:left;}
#indexnews .newscn .companynews .ntit{ width:740px; height:40px; line-height:40px; text-align:left;}
#indexnews .newscn .companynews .ntit .title{ width:80px; height:40px; line-height:40px; text-align:left; float:left;font-size:18px; font-weight:bold; color:#0066BB;}
#indexnews .newscn .companynews .ntit .title2{ color:#7C7C7C; font-size:15px; width:155px; float:left; font-weight:100; text-align:left;}
#indexnews .newscn .companynews .ntit .more{color:#0066BB; font-size:14px; width:60px; float:right; font-weight:100; text-align:center;}
#indexnews .newscn .companynews .npc{ width:320px; float:right;height:300px; margin-top:20px; float:left; background-color:#004490;}
#indexnews .newscn .companynews .npc .newspic{ width:320px; height:176px;}
#indexnews .newscn .companynews .npc .newspic img{width:320px; height:176px;}
#indexnews .newscn .companynews .npc .newspictit{ width:290px; height:35px; line-height:35px; overflow:hidden; font-size:16px; text-align:center; color:#FFFFFF; margin-top:10px; margin-left:15px; margin-right:15px;}
#indexnews .newscn .companynews .npc .newspiccon{ width:300px; height:60px; line-height:30px; font-size:13px; text-align:left;margin-left:10px; margin-right:10px; line-height:30px; text-indent:25px; color:#97BDE7; overflow:hidden;}


#indexnews .newscn .companynews .ncon{ width:390px; float:right;height:80px; border-bottom:1px solid #DBDBDB;}
#indexnews .newscn .companynews .ncon .num{ width:56px; height:44px; border-right:1px solid #E8E8E8; font-size:38px; float:left; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#C4C4C4; margin-top:18px; margin-bottom:18px;}

#indexnews .newscn .companynews .ncon .list{ width:320px; margin-left:10px; height:44px; float:right; margin-top:18px; margin-bottom:18px;}
#indexnews .newscn .companynews .ncon .list a {color:#3A3A3A; font-size:15px; text-decoration:none; line-height:26px;}
#indexnews .newscn .companynews .ncon .list a:hover {color:#7F7F7F; text-decoration:underline; line-height:26px;}
#indexnews .newscn .companynews .ncon .list .ti{ width:320px; height:26px; line-height:26px; color:#3A3A3A; overflow:hidden; text-align:left;}
#indexnews .newscn .companynews .ncon .list .da{ width:320px; height:18px; line-height:18px; color:#B7B7B7; overflow:hidden; text-align:left;}






#indexnews .newscn .hynews{ width:400px; height:360px; float:right;}
#indexnews .newscn .hynews .ntit{ width:400px; height:40px; line-height:40px; text-align:left;}
#indexnews .newscn .hynews .ntit .title{ width:80px; height:40px; line-height:40px; text-align:left; float:left;font-size:18px; font-weight:bold; color:#0066BB;}
#indexnews .newscn .hynews .ntit .title2{ color:#7C7C7C; font-size:15px; width:155px; float:left; font-weight:100; text-align:left;}
#indexnews .newscn .hynews .ntit .more{color:#0066BB; font-size:14px; width:60px; float:right; font-weight:100; text-align:center;}
#indexnews .newscn .hynews .ncon{ width:400px; height:80px; border-bottom:1px solid #DBDBDB;}
#indexnews .newscn .hynews .ncon .num{ width:56px; height:44px; border-right:1px solid #E8E8E8; font-size:38px; float:left; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#C4C4C4; margin-top:18px; margin-bottom:18px;}

#indexnews .newscn .hynews .ncon .list{ width:330px; margin-left:10px; height:44px; float:right; margin-top:18px; margin-bottom:18px;}
#indexnews .newscn .hynews .ncon .list a {color:#3A3A3A;font-size:15px; text-decoration:none; line-height:26px;}
#indexnews .newscn .hynews .ncon .list a:hover {color:#7F7F7F; text-decoration:underline; line-height:26px;}
#indexnews .newscn .hynews .ncon .list .ti{ width:330px; height:26px; line-height:26px; color:#3A3A3A; overflow:hidden; text-align:left;}
#indexnews .newscn .hynews .ncon .list .da{ width:330px; height:18px; line-height:18px; color:#B7B7B7; overflow:hidden; text-align:left;}


#nbanner{ width:100%; height:400px;}


#nmain{ width:1200px; margin:0 auto;margin-top:30px; margin-bottom:30px; height:auto; overflow:hidden;}
#nmain .nleft{ width:264px; float:left; height:auto;}
#nmain .nleft .pltit{ width:264px; height:68px; text-align:left; line-height:68px; text-indent:30px; color:#FFFFFF; font-size:22px;}
#nmain .nleft .plt0{ width:262px; border:1px solid #E1E1E1;}

#nmain .nleft .lnavtit{ width:264px; height:68px; text-align:left; text-indent:50px; line-height:68px; font-size:18px; color:#FFFFFF; background:url(../images/lbg.jpg) no-repeat;}
#nmain .nleft .lnavcon{ width:262px; border-left:1px solid #E1E1E1;border-right:1px solid #E1E1E1;}
#nmain .nleft .lnavcon li{ width:262px; background:url(../images/lbgg.jpg) no-repeat; height:45px; border-bottom:1px solid #E1E1E1; line-height:45px; text-indent:50px; text-align:left; font-size:15px;}
#nmain .nleft .lnewstit{width:264px; height:58px; background:url(../images/bg_sign11.jpg) no-repeat; line-height:58px; margin-top:15px;text-indent:50px;font-size:18px; color:#FFFFFF; text-align:left;}
#nmain .nleft .lnewstit a {color:#fff; text-decoration:none;}
#nmain .nleft .lnewstit a:hover {color:#fff; text-decoration:underline;}

#nmain .nleft .lnewscon{ width:262px; border-left:1px solid #E1E1E1;border-right:1px solid #E1E1E1;}
#nmain .nleft .lnewscon li{ width:254px; height:32px; border-bottom:1px solid #E1E1E1; line-height:32px; text-indent:10px; text-align:left; font-size:14px; overflow:hidden; padding-right:8px; color:#797979;}
#nmain .nleft .lnewscon li a {color:#797979; text-decoration:none; line-height:26px;}
#nmain .nleft .lnewscon li a:hover {color:#7F7F7F; text-decoration:underline; line-height:26px;}
#nmain .nleft .lcontactcon{ width:262px; border-left:1px solid #E1E1E1;border-right:1px solid #E1E1E1;}
#nmain .nleft .lcontactcon li{ width:254px; border-bottom:1px solid #E1E1E1; line-height:32px; text-indent:10px; text-align:center; font-size:14px; overflow:hidden; padding-right:8px; color:#3C3C3C; padding-top:10px; padding-bottom:10px;}
#nmain .nleft .lcontactcon li span{ color:#145AA7; font-size:18px;}
#nmain .nleft .lcontactcon li input{ background-color:#0169C2; height:30px; width:100px; color:#FFFFFF; margin-left:8px; border:1px solid #0169C2;}

#nmain .nright{ width:906px; float:right; border:1px solid #D8D8D8;}
#nmain .nright .rt{height:68px; width:906px; background:#EBEBEB; text-align:left; text-indent:15px; line-height:68px; border-bottom:1px solid #D8D8D8; font-size:15px; color:#0033CC;}
#nmain .nright .rt .wz{ float:right; line-height:68px; margin-right:10px; color:#6E6E6E; width:400px; text-align:right;}
#nmain .nright .content{width:886px; line-height:30px; padding:10px; color:#404040; text-align:left;}
#nmain .nright .content img{ max-width:100%;}
#nmain .nright .content iframe{width:600px;height:400px;border: 0; padding:20px 0px;}
#nmain .nright .content .inpuc{ width:240px; height:32px;}
#nmain .nright .content .inpucb{ width:120px; height:32px;}
#nmain .nright .content td{ font-size:15px;}
#nmain .nright .content .plist{ width:886px; padding-top:20px;}
#nmain .nright .content .plist li{ width:280px; height:240px; margin-bottom:20px; float:left; line-height:45px; text-align:center;}
#nmain .nright .content .plist li img{ margin:0px 10px; border:1px solid #E9E9E9}

#nmain .nright .content .plist2{ width:886px;}
#nmain .nright .content .plist2 li{ width:886px;  height:190px; margin-bottom:8px; margin-top:10px; border-bottom:1px dashed #DDDDDD;}
#nmain .nright .content .plist2 li .poim{ width:250px; height:190px; text-align:center; margin-right:15px; float:left;}
#nmain .nright .content .plist2 li .porigh{ width:600px; float:right; height:180px; overflow:hidden; line-height:30px;}
#nmain .nright .content .plist2 li .porigh .otit{ width:600px; overflow:hidden; height:45px; line-height:45px; text-align:left; font-size:15px; font-weight:bold;}
#nmain .nright .content .plist2 li .porigh .odesc{ width:600px; height:125px; overflow:hidden; line-height:25px; color:#999999; font-size:13px;}
#nmain .nright .content .p2list{ width:886px;}
#nmain .nright .content .p2list li{ width:280px; margin-left:10px; height:220px; margin-bottom:20px; float:left; line-height:30px; text-align:center;}
#nmain .nright .content .p2list li img{ border:1px solid #DBDBDB;}
#nmain .nright .pimg{width:728px;text-align:center;}

#nmain .nright .pinfo{ width:728px; padding:10px; height:300px;}
#nmain .nright .pinfo .pimg{width:400px; height:300px; border:1px solid #E1E1E1; float:left;}
#nmain .nright .pinfo .pclass{ width:280px; height:300px; float:right; overflow:hidden; margin-right:10px;}
#nmain .nright .pinfo .pclass .pclassname{ width:280px; height:50px; line-height:50px; text-align:left; border-bottom:1px solid #999999; color:#005BB8; font-size:18px;}
#nmain .nright .pinfo .pclass .ptitle{ width:280px; height:35px; line-height:35px; text-align:left; color:#000000;}

#nmain .nright .content .newslist{ width:866px; margin-left:10px; margin-right:10px;}
#nmain .nright .content .newslist li{ width:866px; height:90px; margin-top:20px; margin-bottom:20px; border:1px solid #C4C4C4;}
#nmain .nright .content .newslist li .date{ width:80px; height:90px; border-right:1px solid #E4E4E4; background-color:#C4C4C4; float:left;}
#nmain .nright .content .newslist li .date .day{ width:80px; text-align:center; color:#FFFFFF; height:60px; line-height:60px; font-size:36px; border-bottom:1px solid #CCCCCC;}
#nmain .nright .content .newslist li .date .mon{ width:80px; text-align:center; color:#FFFFFF; height:29px; line-height:29px; font-size:15px;}

#nmain .nright .content .newslist li .nli{ width:756px; height:76px; margin-top:7px; margin-bottom:7px; float:right;}
#nmain .nright .content .newslist li .nli .ntitle{ width:746px; height:28px; line-height:28px; font-size:15px;}
#nmain .nright .content .newslist li .nli .ndesc{ width:746px; height:48px; line-height:24px; overflow:hidden; color:#757575; font-size:12px;}

#foot{ width:100%; background-color:#003C7E;}
#foot .footcn{ width:1200px; overflow:hidden; margin:0 auto;}
#foot .footcn .footleft{ width:218px; height:350px; float:left; background-color:#023267;}
#foot .footcn .footleft .flogo{ width:168px; margin:10px; height:66px;}
#foot .footcn .footleft .ferweima{ width:168px; margin:10px; height:168px; text-align:center;}
#foot .footcn .footleft .ferweima img{ width:128px; height:128px; margin-top:20px;}

#foot .footcn .footright{ width:942px; float:right;}
#foot .footcn .footright .footnav{ width:942px; margin-top:15px; height:40px; line-height:40px; border-bottom:1px solid #1A508B; text-align:left;}
#foot .footcn .footright .footnav a {color:#DBEFF6; text-decoration:none; line-height:40px; padding-right:45px; padding-left:8px; font-size:14px;}
#foot .footcn .footright .footnav a:hover {color:#8BCADF; text-decoration:underline; line-height:40px; padding-right:45px; padding-left:8px; font-size:14px;}

#foot .footcn .footright .copy{ margin-top:8px; width:922px; line-height:26px; text-align:left; margin:10px; color:#C6DBF1;}
#foot .footcn .footright .copy a {color:#DBEFF6; text-decoration:none; line-height:30px;}
#foot .footcn .footright .copy a:hover {color:#8BCADF; text-decoration:underline; line-height:30px;}
#foot .footcn .footright .tech{ margin-top:8px; width:922px; line-height:30px; text-align:left; margin:10px; color:#C6DBF1;}
#foot .footcn .footright .tech .techno{ width:180px; float:left; line-height:30px; }
#foot .footcn .footright .tech .share{ width:400px; float:left; line-height:30px; padding-top:5px;}
#foot .footcn .footright .tech a {color:#DBEFF6; text-decoration:none; line-height:30px;}
#foot .footcn .footright .tech a:hover {color:#8BCADF; text-decoration:underline; line-height:30px;}
#foot .footcn .footright .line{ margin-top:10px; border-bottom:1px solid #1A508B;}
#foot .footcn .footright .linkstit{margin-top:8px; width:922px; line-height:28px; text-align:left; color:#fff;}
#foot .footcn .footright .links{ width:922px; line-height:25px; text-align:left; color:#C6DBF1;}
#foot .footcn .footright .links a {color:#DBEFF6; text-decoration:none; line-height:22px;padding-right:15px;}
#foot .footcn .footright .links a:hover {color:#8BCADF; text-decoration:underline; line-height:22px;padding-right:15px;}


.yellow{ width:100%; line-height:35px; margin-bottom:30px; margin-top:20px;}
.yellow a{ padding-left:6px; padding-right:6px; padding-top:3px; padding-bottom:3px; border:1px solid #CFCFCF; margin-left:3px;}
.yellow .current{padding-left:6px; padding-right:6px; padding-top:3px; padding-bottom:3px;  margin-left:3px; background-color:#1C77C8;}












/* Elastislide Style */
.es-carousel-wrapper{
	background: #fff;
	padding:10px 45px;
	position:relative;
	position:relative;
	margin-bottom:20px;
	width:1128px;
}
.es-carousel{
	overflow:hidden;
	background:#fff;
}
.es-carousel ul{
	display:none;
}
.es-carousel ul li{
	height:100%;
	float:left;
	display:block;

}
.es-carousel ul li a{
	display:block;
	border-style:solid;
	border-color:#E6E6E6;
	opacity:0.8;
	
}
.es-carousel ul li.selected a{
	border-color:#fff;
	opacity:1.0;
}
.es-carousel ul li a img{
	display:block;
	border:none;
	width:211.6px;
	height:140px;
	margin-right:10px;
}
.es-nav span{
	position:absolute;
	top:50%;
	left:10px;
	background:transparent url(../images/nav.png) no-repeat top left;
	width:32px;
	height:32px;
	margin-top:-13px;
	text-indent:-9000px;
	cursor:pointer;
	opacity:0.8;
}
.es-nav span.es-nav-next{
	right:8px;
	left:auto;
	background-position:top right;
}
.es-nav span:hover{
	opacity:1.0;
}
.rg-image-wrapper{
	position:relative;
	padding:20px 30px;
	background:transparent url(../images/black.png) repeat top left;
	min-height:20px;
}
.rg-image{
	position:relative;
	text-align:center;
	line-height:0px;
}
.rg-image img{
	max-height:100%;
	max-width:100%;
}
.rg-image-nav a.rg-image-nav-next{
	right:0px;
	left:auto;
	background-position:115% 50%;
}
.rg-image-nav a:hover{
	opacity:0.8;
}
.rg-caption {
	text-align:center;
	margin-top:15px;
	position:relative;
}

.es-carousel ul{
			display:block;
		}
		
		
		
		
		
div.sdmenu {
    margin-left:5px;
	margin-top:8px;
	width: 252px;
	font-size: 14px;
	padding-bottom: 10px;
	color:#272727;
}
div.sdmenu div {
	overflow: hidden;
}
div.sdmenu div:first-child {
}
div.sdmenu div.collapsed {
	height: 45px;
}
div.sdmenu div span {
	display: block;
	color:#fff;
	font-size:15px;
	cursor: default;
	text-align:left;
	line-height:45px;
	background:url(../images/leftNav.png) repeat-x;
	border-bottom: 1px dashed #CECECE;
	text-indent:15px;
}
div.sdmenu div.collapsed span {

}
div.sdmenu div a {
	padding: 8px 25px;
	display: block;
	border-bottom: 1px solid #ddd;
	line-height:28px;
	text-align:left;
	color: #066;
}
div.sdmenu div a.current {
	background : #ccc;
}
div.sdmenu div a:hover {
	text-decoration:underline;
	
}












#wrapper
{
	text-align:center;
}
.overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(0,0,0,0.5); /*dim the background*/
  text-align:center;
  display:none;
}

#overlay_pic {
    margin:200px auto;
    width:400px;
    box-shadow: 10px 10px 5px #000;
}

.jscarousal
{
	width: 1200px;
	height: 220px;
	margin:0 auto;
	padding: 0;
	padding: 22px 8px 22px 8px;
	position: relative; /*overflow: hidden;*/
}
.jscarousal .jscarousal-left, .jscarousal .jscarousal-right
{
	float: left;
	width: 32px;
	height: 32px;
	position: relative;
	top: 72px;
	cursor: pointer;
}
.jscarousal .jscarousal-left
{
	background-image: url(../images/left_arrow.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
.jscarousal .jscarousal-right
{
	background-image: url(../images/right_arrow.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
.jscarousal-contents
{
	width: 1120px;
	height: 210px;
	float: left;
	position: relative;
	overflow: hidden;
}
.jscarousal-contents > div
{
	position: absolute;
	width: 100%;
	height: 210px;
}
.jscarousal-contents > div > div
{
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}
.jscarousal-contents img
{
	width: 267px;
	height: 178px;
	border: solid 0px #7A7677;
}
.hidden
{
	display: none;
}
.visible
{
	display: block;
}
.thumbnail-active
{
	filter: alpha(opacity=100);
	opacity: 1.0;
	cursor: pointer;
}
.thumbnail-inactive
{
	filter: alpha(opacity=100);
	opacity: 1.0;
	cursor: pointer;
}
.thumbnail-text
{
	color:#676767;
	text-align: center;
	display: block;
	padding: 10px 2px 2px 0px;
}










/* online */
.online_icon{overflow:hidden;}
.online_icon a{display:block;width:34px;height:150px;background:url(../images/qq_online_trigger.png) no-repeat;font-size:16px;text-align:center;color:#000;}
.online_windows{width:144px;}
.online_w_top{background:url(../images/online_bg.png) no-repeat -36px 0;height:10px;_margin-bottom:-7px;}
.online_w_c{background:url(../images/online_bg.png) repeat-y 0 -185px;padding:0 5px;}
.online_w_bottom{background:url(../images/online_bg.png) repeat-y -36px -35px;height:29px;}
.online_content{background:url(../images/online_bg.png) no-repeat -147px -185px;padding-top:11px;}
.online_content a.qq_icon{background:url(../images/online_bg.png) no-repeat -37px -130px;width:121px;height:25px;display:block;margin:0 auto;text-indent:30px;line-height:23px;cursor:pointer;}
.online_content a.qq_icon:hover{background-position:-159px -130px;color:#FFF;}
.online_bar h2{background:url(../images/online_bg.png) repeat-x 0 -156px;height:29px;line-height:27px;font-size:12px;color:#666;text-align:left;}
.online_bar h2 a{display:block;padding-left:14px;margin-left:6px;cursor:pointer;}
.expand h2 a{background:url(../images/online_bg.png) no-repeat -36px -69px;}
.collapse h2 a{background:url(../images/online_bg.png) no-repeat -36px -96px;}
.expand h2 a:hover,.collapse h2 a:hover{text-decoration:none;color:#c81d04;}
.online_content{text-align:center;border-bottom:1px solid #d0d0d0;}
.online_content ul li{height:24px;line-height:24px;margin-bottom:4px; font-size:11px;}
.online_content ul li a:hover{color:#c81d04;}


#online_qq_layer{position:fixed;right:-140px;top:80px;z-index:20;}
*html,*html body{background-image:url(/static/css/about:blank);background-attachment:fixed}
*html #online_qq_layer{position:absolute;top:expression(eval(document.documentElement.scrollTop + 150));}

#online_qq_tab{float:left;margin-top:50px;}
#onlineService{float:left;margin-left:-4px;}
#onlineType1, #onlineType2, #onlineType3, #onlineType4, #onlineType5, #onlineType6{display:none;}
#onlineType1{display:block;}