@charset "gb2312";
/* 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, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
address, cite, code, em, th, i{ font-weight:normal; font-style:normal;}
body { line-height: 24px; font-size: 12px; color: #333; background: url(../images/bg.jpg); }

table { border-collapse: collapse; border-spacing: 0; }/* 去掉 table cell 的边距并让其边重合 */
img { vertical-align: top; border: none; }/*去掉IE6,7图片下的空隙  vertical-align:top;*/
/*ie6,7下li本身没浮动，但如果li的内容浮动之后li就会多出几个像素的距离，需要清除这几个像素的距离*/
li{ vertical-align: top; }
ol, ul, li { list-style: none; }

a, button{ cursor:pointer;}
a { color:#333; text-decoration:none; outline: none; }
a:hover { color:#c00; text-decoration:underline; }
a:focus, *:focus { outline: none; }/* 去除 ie6 & ie7 焦点点状线 */
/* 清除浮动 */
.clear { clear: both; font-size: 0; height: 0; overflow: hidden }
.clearfix:after { display: block; overflow: hidden; clear: both; height: 0; visibility: hidden; content: "."; }
.clearfix { *zoom:1;}
/* 设置浮动，减少浮动带来的 bug */
.fl { float: left; display: inline;}
.fr { float: right; display: inline;}
.w980{ width:980px;}

.m{ margin:0 auto;}
.textHidden { line-height:0; font-size:0; overflow:hidden; }/*文字隐藏*/
.blank25 { width:100%; height:25px; clear:both; overflow:hidden; }
.last{ border: 0!important; margin-right: 0!important;}
.line{ border-top:1px solid #e1e1e1; margin:20px 0; clear:both;}

/*CSS reset end*/

.headnBg{ height:100px; background:#FFF;}
.headn{ height:76px; padding-top:24px;}
.headn li{ float:left;}
.headn .phone{ padding-left:78px;}
.headn .honour{ padding-left:72px;}

.navbox{ width:100%; height:50px; background:#2182c7;}
.navn{ height:50px; line-height:50px; font-size:14px;}
.navn li{ width:117px; height:50px; text-align:center; float:left; border-right:1px solid #35637a;position: relative;}
.navn li.crt{border:0;}
/*
.navn li ul{display:none;z-index:1;}
.navn li:hover ul {display: block; background:#2182c7; position: absolute; top:50px; width:234px; left:0;} 
.navn li:hover ul li{ border-right:none;width: 234px;}
.navn li:hover ul li a {display:block; background:#2182c7; color:#ffffff;height:50px; width: 234px; text-align: 
center; border-top: 1px solid #fff; border-right: none;}
.navn li:hover ul li a:hover{ background:#4aa9ed;}*/
.navn .hots{ background:url(/templets/hangzhou_new/images/hot.gif) 74px 6px no-repeat;}
.navn a{ color:#fff; font-weight:bold;}


.navn li ul { display:none; z-index:20; }
.navn li:hover ul { display: block; position: absolute; top:50px; left:0; }
.navn li:hover ul li { width:300px; height:82px; padding:6px 28px 18px 28px; background:#FFF; border:0; }
.navn li:hover ul li h4 { height:30px; line-height:30px; text-align:left; }
.navn li:hover ul li h4 a { font-size:14px; font-weight:bold; color:#2182c7; text-align:left; }
.navn li:hover ul li dl { height:52px; }
.navn li:hover ul li dl dt { width:80px; height:52px; float:left; margin-right:10px; display:inline; }
.navn li:hover ul li dl dd { width:210px; height:40px; float:right; line-height:20px; margin:6px 0; font-size:12px; }
.navn li:hover ul li dl dd span { font-weight:bold; color:#2182c7; }
.navn li:hover ul li dl dd a { font-size:12px; color:#F00; }

.banner{height:333px; overflow:hidden;}
.bannerbox { width:100%; height:330px; overflow:hidden; left:0; position:absolute }
.banner{height:333px; margin-bottom:12px;}
.bannercon{position:relative;}
.bannercon .bannerzx{width:160px; height:38px; display:block; text-indent:-9999em; position:absolute; left:610px; top:298px;}
.main{width:1040px; overflow:hidden;}
.bannerbox ul { height:333px; position:absolute; }
.bannerbox ul li { float:left; display:block; height:333px;}
.bannerbox ul li div { position:absolute;overflow:hidden; }
.bannerbox .btnBg { position:absolute; width:100%; height:20px; left:0; bottom:0; background:#000; }
.bannerbox .btn { position:absolute; width:100%; height:13px; padding:8px 0; right:0; bottom:0; text-align:center; }
.bannerbox .btn span { display:inline-block; _display:inline; _zoom:1; width:13px; height:13px; _font-size:0; margin-left:5px; cursor:pointer; background:url(/templets/hangzhou_new/images/icon_page.png) no-repeat; }
.bannerbox .btn span.on { width:13px; background:url(/templets/hangzhou_new/images/icon_page_active.png); }
.bannerbox .preNext { width:45px; height:100px; position:absolute; top:130px; background:url(/templets/hangzhou_new/images/sprite.png) no-repeat 0 0; cursor:pointer; }
.bannerbox .pre { left:11%;}
.bannerbox .next { right:11%; background-position:right top;}

.content{ width:650px; margin:0 auto; padding:0 165px; background:#FFF;}
.section{ padding-top:42px;}
.section h3{ width:482px; height:75px; margin:0 auto; position:relative; }
.zxIcon{ display:block; width:120px; height:50px; position: absolute; top:0; right:0; }
.ksjj{ width:452px; height:272px; margin:30px 99px;}
.section p{ text-indent:2em;}
.section h4{ width:166px; height:45px; margin:0 auto 12px auto;}
.history{ height:620px; background:url(../images/lishi.jpg) no-repeat top center; position:relative;}
.history p{ width:128px; line-height:16px; text-indent:0; }
.history p a{ text-decoration:none;}
.history .p1{ position:absolute; top:152px; left:144px; }
.history .p2{ position:absolute; top:255px; left:144px; }
.history .p3{ position:absolute; top:340px; left:144px; }
.history .p4{ position:absolute; top:408px; left:144px; }
.history .p5{ position:absolute; top:521px; left:144px; }
.history .p6{ width:132px; line-height:22px; position:absolute; top:366px; right:40px; text-indent:2em; }
.history .p6 a{ color:#168cba;}
.history .p7{position:absolute;top:42px;left:144px;}

.honor{ width:624px; height:107px; margin:20px 0 46px 0; overflow:hidden; }
.honor li{ width:161px; height:107px; float:left; margin-right:15px; display:inline;}

#honorOne { width: 624px; height: 107px; overflow: hidden; }
#honorTwo { float: left; width: 8000%; height: 107px; }
#honorThree { float: left; height: 107px; }
#honorFour { float: left; height: 107px; }

.ksInfoNav{ height:77px;}
.ksInfoNav li{ float:left; background:#f6f6f6; width:212px; height:77px; line-height:77px; text-align:center; margin-right:7px; display:inline;}
.ksInfoNav li a{ height:77px; display:block; font-family:"Microsoft YaHei", SimHei, Verdana, Arial, sans-serif; font-size:20px; font-weight:normal; text-decoration:none;}
.ksInfoNav li a:hover, .ksInfoNav .current{ background:#168cba; color:#FFF;}

.ksInfoBox{ height:475px; background:#fafafa; margin:8px 0 0 0;}
.ksPic{ width:322px; height:189px; padding:30px 164px 50px 164px;}
.ksInfoBox p{ width:442px; margin: 0 auto;}
.ksList{ height:48px; margin:26px auto auto 138px;}
.ksList li{ height:24px; line-height:24px;}
.ksList li a{ color:#168cba; font-size:14px;}

.people{ width:594px; margin:28px auto 56px auto; font-size:14px;}

.zj{ height:452px; margin:20px 0; position:relative;}
.zjCon{ height:452px;}
.zj p{ width:260px; line-height:20px;}
.zj .z1{ position:absolute; top:154px; left:36px;}
.zj .z2{ position:absolute; top:276px; left:36px;}
.zj .z3{ position:absolute; top:154px; right:36px;}
.zj .z4{ position:absolute; top:294px; right:36px;}

.jsPic{ width:500px; height:282px; display:block; padding:0 47px;}

.section h5, .section .ami{ width:594px; font-size:14px;}
.section h5{ text-align:center; height:44px; line-height:44px; color:#116d91;}
.section .jsZx{ width:264px; height:22px; margin-top:15px; display:block; margin-left:330px;}
.jsPart{ width:594px; margin-left:auto; margin-right:auto; margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid #f5f5f5;}

.kfal, .kfalTips{ height:145px;}
.kfal li{ width:215px; height:145px; float:left; margin-right:2px; display:inline;}
.kfalTips{ margin:4px 0;}
.lineTwo{ border-top:1px solid #000; margin-top:48px;}

.video{ width:980px; height:410px; margin:0 auto; background:url(../images/video.jpg) no-repeat top center; position:relative;}
.videocCon{ width:310px; height:227px; position:absolute; top:28px; left:334px;}
.paper{ width:540px; position:absolute; top:346px; left:228px;}
.paper li{ width:254px; height:107px; float:left; margin:0 16px 10px 0; display:inline;}

.brand{ width:806px; padding:80px 87px; background:#FFF; margin:0 auto; }
.brand .tit{ width:648px; height:75px; margin:0 auto; position:relative;}

.mi_10body{ margin-top:30px;}
.mi_10body dl{ float:left; width:644px; display:none;}
.mi_10body dl dd{ float:left; width:282px; height:364px; background:url(../images/brand-left.jpg) no-repeat top center;}
.mi_10body dl dd h2{ color:#168cba; font-size:16px; padding-left:32px; padding-top:43px; line-height:55px;}
.mi_10body dl dd p{ height:168px; text-indent:2em; padding:0 20px; }
.mi_10body dl dd span{ display:block; padding-left:140px; margin-top:40px; width:116px; height:38px; overflow:hidden;}
.mi_10body dl dd span a{ transition: all 0.3s linear 0s; display:block; float:left; padding-left:20px; width:38px; height:76px; margin-top:-38px; text-decoration:none;}	
.mi_10body dl dd span a:hover{ margin-top:0px;}
.mi_10body dl dt{ float:left; float:right; width:341px;}
.mi_10body ul{ width:158px; float:right; overflow:hidden;}
.mi_10body ul li{ height:55px; margin-bottom:5px; }
.mi_10body ul li a{background:url(../images/mi_10_li.jpg) right no-repeat; display:block; height:38px; padding-top:17px;}
.mi_10body ul li a:hover{ background:url(../images/mi_10_hover.jpg) no-repeat; text-decoration:none;}
.mi_10body ul li a.hover{ background:url(../images/mi_10_hover.jpg) no-repeat; text-decoration:none;}
.mi_10body ul li a p.mi_10_img{ display:block; height:30px; overflow:hidden; width:30px; _display:inline; padding:0px 5px 0px 10px; float:left;}
.mi_10body ul li a p.mi_10_img span{ width:30px; margin-top:0px; display:block; transition: all 0.3s linear 0s; }
.mi_10body ul li a:hover p.mi_10_img span{ margin-top:-30px;}
.mi_10body ul li a.hover p.mi_10_img span{ margin-top:-30px;}
.mi_10body ul li a span.mi_10_wz{ display:block; width:158px;}
.mi_10body ul li a span.mi_10_wz strong{ text-align:center; line-height:28px; font-size:16px; font-weight:normal; margin-top:-12px; display:block; font-family:"Microsoft YaHei"}
.mi_10body ul li a:hover span.mi_10_wz{ color:#fff;}
.mi_10body ul li a.hover span.mi_10_wz{ color:#fff;}


.footer{width:100%; background:#168cba;}
.foot{width:865px; height:174px; padding:42px 0 0 115px; background:url(../images/weichat.png) left 42px no-repeat; color:#fff;}
.add{ width:334px; height:115px; padding-left:20px; line-height:26px;}
.icp{ width:191px; height:101px; border-left:1px solid #fff; border-right:1px solid #fff; text-align:center; line-height:26px;}
.icp p.crt{ margin-top:10px;}
.zxs ul{ padding-top:10px;}
.zxs{ width:305px; height:101px; padding-left:13px; text-align:center;}
.zxs li{ width:71px; height:21px; float:left; margin-left:7px; padding-top:50px;}
.zxs li.crt1{ background:url(../images/zxs1.jpg) no-repeat;margin-left:0px;}
.zxs li.crt2{ background:url(../images/zxs2.jpg) no-repeat;}
.zxs li.crt3{ background:url(../images/zxs3.jpg) no-repeat;}
.zxs li.crt4{ background:url(../images/zxs4.jpg) no-repeat;}
.zxs li a{ color:#fff;}


.minnav{ width:1014px; height:98px; padding-top:6px; border:3px solid #68869e; margin:20px auto; position:relative;}
.minnav span{ width:30px; height:110px; background:url(http://www.tongji100.com//templets/hangzhou_new/images/jbdh.gif) no-repeat; position:absolute; left:-3px; top:-3px;}
.minnav li{ float:left; padding-left:19px;}
.minnav li.crt{ padding-left:55px;}
.minnav li.crt1{ padding-left:35px;}