@charset "gb2312";
/* CSS Document */
html,body,div,h1,h2,h3,h4,h5,h6,p,img,dl,dt,dd,ol,ul,li,table,caption,tbody,tfoot,thead,tr,th,td,form,fieldset,embed,object,applet,header,nav,section,strong,footer,a img{border:0;margin:0;padding:0}
ul{list-style:none}
.gl{float:left}
.gr{float:right}
.gclear{clear:both;font-size:0;overflow:hidden;height:0px;}
body{color:#333; font-size: 12px; background:#fff; font-family:"微软雅黑";}
a{text-decoration:none;color:#333;}
a:visited{/*color:black*/}
a:hover{ color: #bd2b58; text-decoration:underline; outline: none; }
.img img { display:block;}


.head_bj{ width:100%;}
.w980{ width:980px;}
.m{margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.headn{ height:76px; padding-top:24px;}
.headn li{ float:left;}
.headn .phone{ padding-left:78px;}
.headn .honour{ padding-left:72px;}
.headn .honour{ padding-left:72px;}
.menu{ background:#3ea4ca;}
.menu ul.menu1 { width:980px; height:48px; margin:0 auto;}
.menu ul.menu1 li{ line-height:48px; font-size:16px; font-family:"微软雅黑"; float:left; width:120px; text-align:center;}
.menu ul.menu1 li a{ color:#fff; display:block;}
.menu ul.menu1 li a:hover{ background:#2b88ab; font-weight:bold; text-decoration:none;}
.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: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_bj{ background:url(../images/banner_bj.jpg) center top no-repeat;}
.banner{ width:970px; margin:0 auto; height:560px;}

.menu{  position:relative; width:100%;}
.menu ul.menu2{ width:970px; position:absolute; left:50%; height:48px; top:0px; margin-left:-485px;}
.menu ul.menu2 li{ float:left; width:141px; text-align:center; line-height:48px; font-size:18px; font-family:"微软雅黑";}
.menu ul.menu2 li a{ color:#fff; display:block;} 
.menu ul.menu2 li a:hover{ text-decoration:none; background:#2b88ab;}
.menu ul.menu2 li.menu_float{ width:264px; background:url(../images/menu_float.jpg) 234px center no-repeat;}
.menu ul.menu2 li.menu_float a:hover{ background:none;}
#right{ height:50px;position: relative; z-index:2; width:100%;}
#right.fixed { position:fixed; top:0px;}

/*------------*/
.center{ width:970px; margin:0 auto;}
.mi_48{ padding-top:48px; clear:both; width:970px;}
.title{ display:block;}
.mi_1, .mi_2, .mi_3, .mi_4, .mi_5, .mi_6, .mi_7, .mi_8, .mi_9, .mi_10{ margin-bottom:-16px;}
.mi_1{ width:970px;}
.mi_1 ul{ height:40px; padding-top:30px; padding-left:12px; background:url(../images/mi_1.jpg) bottom repeat-x;}
.mi_1 ul li{ float:left; padding-left:22px; width:94px; line-height:40px; text-align:center;} 
.mi_1 ul li a{ display:block; font-size:16px; color:#666; background:#eeeeee;}
.mi_1 ul li a.hover{ background:#3ea4ca; color:#fff; font-weight:bold;}
.mi_1 dl{ display:none; padding-top:40px; width:970px;}
.mi_1 dl dt{ float:left; width:377px;}
.mi_1 dl dt img{ display:block; padding:5px; border:solid 1px #dcdcdc;}
.mi_1 dl dd{ float:right; width:545px;}
.mi_1 dl dd h2{ padding-left:30px; line-height:90px; font-size:24px; font-weight:normal; color:#3399cc;}
.mi_1 dl dd p{ line-height:32px; text-indent:24px; font-size:14px; height:196px;}


.mi_2 a{transition: all 0.5s linear 0s; display:block; width:233px; margin-right:12px; height:301px; margin-top:37px;}
.mi_2 a:hover{ background:#3ea4ca;}
.mi_2 a img{ display:none;}
.mi_2 a:hover img{ display:block;} 

.colee_f1{ background:url(../images/colee_f11.jpg) no-repeat;}
.colee_f2{ background:url(../images/colee_f12.jpg) no-repeat;}
.colee_f3{ background:url(../images/colee_f13.jpg) no-repeat;}
.colee_f4{ background:url(../images/colee_f14.jpg) no-repeat;}
.colee_f5{ background:url(../images/colee_f15.jpg) no-repeat;}
.colee_f6{ background:url(../images/colee_f16.jpg) no-repeat;}
.colee_f7{ background:url(../images/colee_f17.jpg) no-repeat;}
.colee_f8{ background:url(../images/colee_f18.jpg) no-repeat;}

.mi_3body{ width:970px;}
.mi_3body ul{ float:left; width:368px; height:500px; overflow:hidden; padding-top:31px;}
.mi_3body ul li{ height:126px;}
.mi_3body ul li.mi_3a{ background:url(../images/mi_31.gif) center center no-repeat;}
.mi_3body ul li.mi_3b{ background:url(../images/mi_32.gif) center center no-repeat;}
.mi_3body ul li.mi_3c{ background:url(../images/mi_33.gif) center center no-repeat;}
.mi_3body ul li.mi_3d{ background:url(../images/mi_34.gif) center center no-repeat;}
.mi_3body ul li a{ margin-left:-368px; width:736px;display:block;  transition: all 0.3s linear 0s; }
.mi_3body ul li a:hover{ margin-left:0px;}
.mi_3body ul li a.hover{ margin:0px;}
.mi_3body p{ float:right; width:503px; height:411px; display:none; padding-top:84px;}

.mi_4{ width:970px; overflow:hidden;}
.mi_4 ul{ width:1000px; padding-top:35px;}
.mi_4 ul li{ width:182px; float:left; padding-right:16px; height:315px; overflow:hidden;}
.mi_4 ul li.mi_4a{ background:url(../images/mi_41.gif) no-repeat;}
.mi_4 ul li.mi_4b{ background:url(../images/mi_42.gif) no-repeat;}
.mi_4 ul li.mi_4c{ background:url(../images/mi_43.gif) no-repeat;}
.mi_4 ul li.mi_4d{ background:url(../images/mi_44.gif) no-repeat;}
.mi_4 ul li.mi_4e{ background:url(../images/mi_45.gif) no-repeat;}
.mi_4 ul li a{ margin-top:-315px; height:630px; display:block; transition: all 0.3s linear 0s; }
.mi_4 ul li a:hover{ margin:0px;}

.mi_5 { width:970px; overflow:hidden;}
.mi_5 p{ padding-top:37px; width:1000px;}
.mi_5 p a{ width:230px; border:solid 1px #eeeeee; background:#eee; float:left; display:block; margin-right:14px; _display:inline; height:318px;}
.mi_5 p a img{ display:block; margin:8px auto 0px;}
.mi_5 p a span{ display:block; padding:12px 12px 0px 12px; line-height:24px; text-indent:10px; font-size:14px; color:#333;}
.mi_5 p a:hover{ border:solid 1px #ff6600; text-decoration:none;}

.mi_6 p{ padding:31px 0px 0px 20px; height:465px; width:950px; position:relative;}
.mi_6 p a{ position:absolute;  transition: all 0.3s linear 0s; font-family:"宋体";  width:172px; height:38px; display:block; bottom:25px; right:21px; background:#fb7400; color:#fff; text-align:center; line-height:38px; font-size:16px;}
.mi_6 p a:hover{ text-decoration:none; background:#3ea4ca;}

.mi_71{ margin-top:32px; height:353px;}
.mi_71 dt{ float:left; width:476px; padding:6px; border:solid 1px #f8f8f8; _display:inline;}
.mi_71 dd{ float:right; width:461px;}
.mi_71 dd h2{ line-height:34px; font-size:16px; font-family:"宋体"; color:#3399cc;}
.mi_71 dd p{ line-height:31px; margin-top:31px; height:240px; font-size:16px; color:#333; font-family:"宋体"; }
.mi_71 dd p span{ color:#fb7400;}
.mi_71 dd p strong{ padding-top:13px; display:block; color:#fb7400;}
.mi_71 dd h3 img{ float:left;}
.mi_71 dd h3 a{ float:left; width:226px; background:#3ea4ca; line-height:38px; display:block;  font-size:16px; text-align:center; font-weight:normal; transition: all 0.3s linear 0s; color:#fff; font-family:"宋体";}
.mi_71 dd h3 a:hover{ text-decoration:none; background:#fb7400;}

.mi_8 dl{ margin-top:32px; height:440px; background:#f5f5f5;}
.mi_8 dl dt{ float:left; padding-left:116px; width:328px;}
.mi_8 dl dd{ float:right; width:461px;}
.mi_8 dl dd img{ display:block; padding-top:68px;}
.mi_8 dl dd a{ margin:13px 0px 0px 4px; width:175px; height:42px;background:#3ea4ca; display:block; line-height:42px; text-align:center; transition: all 0.3s linear 0s; color:#fff; font-family:"宋体"; font-size:18px;}
.mi_8 dd a:hover{ text-decoration:none; background:#fb7400;}

.mi_8 p a{display:block;width:146px;height:42px;line-height:42px;text-align:center;text-decoration:none;transition: all 0.3s linear 0s;color:#fff;font-family:'宋体';font-size:18px;}
.mi_8 p a.crt{position:absolute;right:310px;bottom:59px;background:#3ea4ca;}
.mi_8 p a.crt1{position:absolute;right:155px;bottom:59px;background:#fb7400;}
.mi_8 p a.crt:hover{ text-decoration:none; background:#fb7400;}
.mi_8 p a.crt1:hover{ text-decoration:none; background:#3ea4ca;}

.mi_9 dl{ margin-top:32px; height:374px;}
.mi_9 dt{ float:left; width:412px;}
.mi_9 dd{ float:right; width:540px;}
.mi_9 dd p{ padding-top:4px; height:140px; text-indent:24px; line-height:30px; font-size:14px; font-family:"宋体"; color:#000;}
.mi_9 dd a{ margin-top:13px; margin-right:40px; _display:inline;}
.mi_9 dd .mi_91{ background:url(../images/1.jpg) no-repeat; width:148px; height:44px; display:block; float:left;}
.mi_9 dd .mi_91:hover{ background:url(../images/11.jpg) no-repeat;}
.mi_9 dd .mi_92{ background:url(../images/2.jpg) no-repeat; width:148px; height:44px; display:block; float:left;}
.mi_9 dd .mi_92:hover{ background:url(../images/22.jpg) no-repeat;}
.mi_9 dd .mi_93{ background:url(../images/3.jpg) no-repeat; width:148px; height:44px; display:block; float:left; margin-right:0px;}
.mi_9 dd .mi_93:hover{ background:url(../images/33.jpg) no-repeat;}
.mi_9 dd .mi_94{ background:url(../images/4.jpg) no-repeat; width:148px; height:44px; display:block; float:left;}
.mi_9 dd .mi_94:hover{ background:url(../images/44.jpg) no-repeat;}
.mi_9 dd .mi_95{ background:url(../images/5.jpg) no-repeat; width:148px; height:44px; display:block; float:left;}
.mi_9 dd .mi_95:hover{ background:url(../images/55.jpg) no-repeat;}
.mi_9 dd .mi_96{ background:url(../images/6.jpg) no-repeat; width:148px; height:44px; display:block; float:left; margin-right:0px;}
.mi_9 dd .mi_96:hover{ background:url(../images/66.jpg) no-repeat;}
.mi_9 dd .mi_97{ background:url(../images/7.jpg) no-repeat; width:148px; height:44px; display:block; float:left;}
.mi_9 dd .mi_97:hover{ background:url(../images/77.jpg) no-repeat;}
.mi_9 dd .mi_98{ background:url(../images/8.jpg) no-repeat; width:148px; height:44px; display:block; float:left;}
.mi_9 dd .mi_98:hover{ background:url(../images/88.jpg) no-repeat;}
.mi_9 dd .mi_99{ background:url(../images/9.jpg) no-repeat; width:148px; height:44px; display:block; float:left; margin-right:0px;}
.mi_9 dd .mi_99:hover{ background:url(../images/99.jpg) no-repeat;}

.mi_10body{ margin-top:30px;}
.mi_10body dl{ float:left; width:742px; display:none;}
.mi_10body dl dd{ float:left; width:282px;}
.mi_10body dl dd h2{ color:#3ea4ca; font-size:16px; font-family:"宋体"; padding-left:32px; padding-top:43px; line-height:55px;}
.mi_10body dl dd p{ height:294px; line-height:30px; font-family:"宋体"; text-indent:24px; padding-left:17px; font-size:14px; color:#000;}
.mi_10body dl dd span{ display:block; padding-left:185px; 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;}	
.mi_10body dl dd span a:hover{ margin-top:0px;}
.mi_10body dl dt{ float:left; padding:3px; border:solid 1px #e5e5e5; float:right; width:420px;}
.mi_10body ul{ width:221px; float:right; height:448px; overflow:hidden;}
.mi_10body ul li{ height:62px; margin-bottom:15px; }
.mi_10body ul li a{background:url(../images/mi_10_li.jpg) right no-repeat; display:block; height:45px; padding-top:17px;}
.mi_10body ul li a:hover{ background:url(../images/mi_10_hover.jpg) no-repeat;}
.mi_10body ul li a.hover{ background:url(../images/mi_10_hover.jpg) no-repeat;}
.mi_10body ul li a p.mi_10_img{ display:block; height:30px; overflow:hidden; width:30px; _display:inline; padding:0px 5px 0px 27px; float:left;}
.mi_10body ul li a p.mi_10_img span{ width:30px; margin-top:0px; height:60px; 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{ float:left; line-height:18px; display:block; width:159px; color:#000;}
.mi_10body ul li a span.mi_10_wz strong{ line-height:28px; font-size:18px; font-weight:normal; margin-top:-8px; display:block;}
.mi_10body ul li a:hover span.mi_10_wz{ color:#fff;}
.mi_10body ul li a.hover span.mi_10_wz{ color:#fff;}

.bottom_body{ background:#eeeeee; margin-top:37px; width:100%; height:305px; padding-top:15px;}
.bottom{ width:970px; margin:0 auto;}
.bottom li{ clear:both; font-size:14px; line-height:26px; font-family:"宋体";}
.bottom li img{ float:left; display:block;}
.bottom li span{ color:#3ea4ca;}