@charset "utf-8";

/** 
華仕尊城設計顧問有限公司
www.w-vi.com
**/

html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0;}
body{background:#fff;}
a,a:hover{color:#333;}
img{display:block;}

::selection {background:#cd590e; color:#fff;}
::-moz-selection {background:#cd590e; color:#fff;}
::-webkit-selection {background:#cd590e; color:#fff;}

.transition{-webkit-transition: all .2s ease-in-out;}
.w_auto{ width:990px; display:block; margin:0 auto; font-family:'微软雅黑'}

.header{ height:65px; background:#3e4246; overflow:hidden;}
.logo{ background:url(images/logo.png) no-repeat; height:50px; width:161px; float:left; display:inline-block; margin-top:7px;}
.logo a{ display:block; height:50px;}
.nav{ float:left; display:inline-block; height:65px; margin-left:100px; font-size:14px;}
.nav li{  float:left; display:inline-block; line-height:65px; text-align:center;}
.nav li a{ color:#fff; display:block; height:65px;padding:0 18px;}
.nav li:hover,.nav li.hover{ background:#505356;}
.hot{ float:right; display:inline-block; color:#fff; background:#35383b; height:48px; padding:17px 10px 0;}
.hot span{ font-size:20px;}

.banner {height:721px; position:relative; display:block; overflow:hidden;}
.banner ul {height:721px; width:100%;display:block; position:absolute; top:0; left:0; width:100%;}
.banner ul li {position:absolute; display:none; width:100%; height:721px;}
.banner .w_auto{ position:relative;}
.banner  .icon span{ cursor:pointer;}
.banner  .icon .a1{ position:absolute; background:url(images/icon1.png) no-repeat; width:61px; height:61px; top:310px; left:-200px;}
.banner  .icon .a2{ position:absolute; background:url(images/icon2.png) no-repeat; width:61px; height:61px; top:310px; right:-200px;}
.footer{ background:url(images/foot_bg.png) repeat-x; height:56px; margin-top:-56px; color:#fff; text-align:center; line-height:56px; z-index:9999;}
.footer .tel{ background:url(images/tel.png) no-repeat left; padding-left:25px;}
.footer .copy{ margin-left:30px;}

.pro_banner{ background:url(images/pro_ban.jpg) no-repeat center; height:157px;}
.pro{ margin-bottom:100px; overflow:hidden;}
.pro .pro_left{ width:178px; float:left; display:inline-block; margin-top:10px; margin-left:40px;}
.pro .pro_left dt{ height:50px; background:#06a9e1; margin-bottom:10px; color:#fff; padding-top:15px; padding-left:20px;}
.pro .pro_left dt span{ font-size:20px;}
.pro .pro_left dd{ background:#f3f3f3; height:30px; line-height:30px; margin-bottom:5px; color:#717071; font-size:14px; }
.pro .pro_left dd a{ color:#717071; display:block; height:30px;padding-left:20px;}
.pro .pro_left dd:hover,.pro .pro_left dd a:hover,.pro .pro_left dd.hover,.pro .pro_left dd a.hover{ background:url(images/pro_left.gif) no-repeat; color:#fff;}
.pro_con{ float:right; display:inline-block; margin:10px; margin-right:40px; width:700px;}
.now_add{ text-align:right; line-height:20px; color:#898989; margin-top:10px;}
.pro_con .pro_title{ font-size:20px; color:#595757; line-height:24px;}
.pro_con .pro1{ margin-top:20px; min-height:500px; line-height:20px; color:#ababab;}

.about_nav{ height:40px; display:block; overflow:hidden; line-height:40px; background:#06a9e1;}
.about_nav li{ float:left; display:inline-block;}
.about_nav li:hover{ background:#0192d8;}
.about_nav li a{ color:#fff; font-size:14px; padding:0 50px; display:block; height:40px;}
.about_con{ padding-bottom:100px; background:#f6f6f6; overflow:hidden;}
.about_con .w_auto{ margin:10px auto;}
.about_con .con{ margin:10px 40px; background:#fff; padding:40px; min-height:500px; color:#999; line-height:22px;}
.about_con .con td{ padding-right:20px;}
.about_con .con h3{ font-size:30px; color:#2871b2; font-weight:100;}
.about1{ margin-top:20px; overflow:hidden;}
.about1 .imgs{ float:left; display:inline-block;} 
.about1 .info{ margin-left:10px; float:left; display:inline-block; width:550px; color:#999; line-height:22px;}
.about1 .info .about_t{ font-size:24px; color:#3a4645; margin-bottom:10px; line-height:40px;}
.about1 .info .about_t span{ font-size:32px; color:#2871b2;}
.about2{ margin-top:20px; overflow:hidden;}
.about3{ margin-top:20px; overflow:hidden;}

.jz_nav{ background:#2975b9; height:100px;}
.jz_nav a.a1{ background:url(images/a1.png) no-repeat 70px 30px;}
.jz_nav a.a2{background:url(images/a2.png) no-repeat 70px 30px;}
.jz_nav a.a3{background:url(images/a3.png) no-repeat 70px 30px;}
.jz_nav a:hover{}
.jz_con{ margin-bottom:100px; line-height:22px; color:#666666; min-height:500px;}
.jz_con .content{ margin-top:20px;}
.jz_con .content p {margin-bottom:15px;}
.jz_nav a{ display:block; height:100px; line-height:100px; color:#fff; text-align:center; font-size:20px;}
.jz_a{ display:block; position: relative; width:330px; height:100px; float:left; display:inline-block}
.jz_a1{ background:#075fae;}
.jz_a2{ background:#0887d0;}
.jz_a3{ background:#7fbe26;}
.icon1{ display:none; position:absolute ; left:155px; bottom:-4px; background:url(images/icon_03.gif) no-repeat; width:11px; height:4px}
.jz_a:hover .icon1,.jz_a.hover .icon1{ display:block}

.anli{ margin:20px auto; overflow:hidden;}
.anli dd{ margin-bottom:20px; background:#f7f8f8; overflow:hidden;}
.anli dd .imgs{ float:left; display:inline-block;}
.anli dd .info{ height:170px; width:510px; float:left; display:inline-block; padding:20px;}
.anli dd .info .title{ font-size:21px; color:#3e3a39; line-height:26px;}
.anli dd .info .time{ font-size:12px; color:#595757; line-height:22px;}
.anli dd .info .desc{ color:#666; height:66px; overflow:hidden;}
.anli dd .info .more{ background:url(images/more.png) no-repeat; width:63px; height:18px; line-height:18px; color:#fff; padding-left:10px; margin-top:30px;}
.anli dd .info .desc:hover{ text-decoration:underline;}

.xt_con{ margin-bottom:100px; margin-top:10px;}
.xt_con .title{ color:#727171; font-size:14px; line-height:22px; margin-bottom:20px;}
.xt_con .title span{ font-size:22px; color:#393939; padding-right:20px; border-right:1px solid #ccc; margin-right:20px;}
.xt_con .xt_nav{ overflow:hidden;}
.xt_con .xt_nav li{ float:left; display:inline-block; margin-right:15px;  width:159px; height:37px; line-height:37px;}
.xt_con .xt_nav li a{ padding-left:20px; display:block; height:37px; color:#595757; font-size:14px;background:url(images/xi_nav2.gif) no-repeat;}
.xt_con .xt_nav li a:hover,.xt_con .xt_nav li a.hover{ color:#fff; background:url(images/xi_nav1.gif) no-repeat;}
.xt_con .neirong{ margin-top:30px; padding-top:30px; border-top:2px solid #ccc; color:#666; line-height:22px;}
.xt_con .neirong h3{ font-size:21px; color:#595757; font-weight:100;}

.map{ background:url(images/map.jpg) no-repeat center; height:423px;}
.contact{ margin-bottom:100px; padding:20px; overflow:hidden;}
.contact .con_left{ float:left; display:inline-block; width:350px;}
.contact .title{ font-size:26px; line-height:32px; margin-bottom:15px;}
.contact .con{ font-size:14px; color:#5e5e5e; line-height:22px;}
.contact .con_right{ float:left; display:inline-block; margin-left:40px; width:540px;}
.contact .con_right .crr{ float:left; display:inline-block;}
.contact .con_right .ques{ width:210px; height:40px; line-height:40px; padding-left:20px; background:#efefef; color:#999; margin-bottom:10px;}
.contact .con_right .text{ width:210px; height:40px; line-height:20px; padding-left:20px; margin-bottom:10px; color:#999; background:#efefef; border:none;}
.contact .con_right .cc{ float:left; display:inline-block; margin-left:10px;}
.contact .con_right .cc .text2{ width:280px; padding:10px; height:170px;color:#999; background:#efefef; border:none;}
.contact .con_right .cc .but{ float:right; display:inline-block; width:100px; height:30px; line-height:30px; text-align:center; border:none; background:#efefef; margin-top:10px; color:#999; cursor:pointer;}
.fenxiang{ float:right; display:inline-block; width:235px; margin-top:80px;}
.fenxiang span{ float:left; display:inline-block; font-size:16px; color:#999;}

.dongtai{ margin-bottom:100px;}
.dongtai dl{ margin:20px; overflow:hidden; background:url(images/news_dlbg.png) repeat-y center;}
.dongtai .dt_title{ margin-top:40px; font-size:30px; padding-left:20px; line-height:35px; margin-bottom:20px; text-align:center;}
.dongtai .dt_con{ font-size:14px; line-height:22px; color:#333;}
.page{ text-align:center; margin-top:30px; line-height:22px;}
.page span,.page a{ padding:0 5px;}
.zhang{ margin-top:30px; line-height:22px;}
.zhang span,.zhang a{ padding:0 5px}
.dc{ height:100px; background:#2773b7; color:#fff;}
.dc .dc_title{ float:left; display:inline-block; font-size:20px; line-height:36px; padding-top:28px;}
.dc .dc_title span{ width:120px; float:right; display:inline-block; line-height:18px; font-size:12px; margin-left:10px; padding-left:10px; border-left:1px solid #fff;}
.dc .dc_menu{ float:right; display:inline-block; overflow:hidden;}
.dc .dc_menu a{ width:75px; height:100px; float:left; display:inline-block; line-height:100px; color:#fff; text-align:center;}
.dc .dc_menu a:hover,.dc .dc_menu a.hover{ background:#fff; color:#333;}
.news_title{ background:url(images/news.png) no-repeat; height:77px;}
.dongtai dd{ width:420px; height:78px; float:left; display:inline-block; margin-left:37px; margin-bottom:20px;}
.dongtai dd .time{ width:36px; font-size:12px; text-align:center; padding-top:15px; color:#fff;}
.dongtai dd:hover .dd_title{ color:#fff;}
.dongtai dd:hover .dd_desc{ color:#CCC;}
.dongtai dd .dd_title{ font-size:14px; color:#000; line-height:22px}
.dongtai dd .dd_desc{ line-height:18px; height:36px; overflow:hidden;}
.dongtai dd.dd1,.dongtai dd.dd3,.dongtai dd.dd5,.dongtai dd.dd7,.dongtai dd.dd9{ background:url(images/news2.gif) no-repeat;}
.dongtai dd.dd1:hover,.dongtai dd.dd3:hover,.dongtai dd.dd5:hover,.dongtai dd.dd7:hover,.dongtai dd.dd9:hover{ background:url(images/news4.gif) no-repeat;}
.dongtai dd.dd1 .time,.dongtai dd.dd3 .time,.dongtai dd.dd5 .time,.dongtai dd.dd7 .time,.dongtai dd.dd9 .time{ float:left; display:inline-block;}
.dongtai dd.dd1 .info,.dongtai dd.dd3 .info,.dongtai dd.dd5 .info,.dongtai dd.dd7 .info,.dongtai dd.dd9 .info{ float:left; display:inline-block;margin:10px; width:340px;}
.dongtai dd.dd2,.dongtai dd.dd4,.dongtai dd.dd6,.dongtai dd.dd8,.dongtai dd.dd10{ background:url(images/news1.gif) no-repeat;}
.dongtai dd.dd2:hover,.dongtai dd.dd4:hover,.dongtai dd.dd6:hover,.dongtai dd.dd8:hover,.dongtai dd.dd10:hover{ background:url(images/news3.gif) no-repeat;}
.dongtai dd.dd2 .time,.dongtai dd.dd4 .time,.dongtai dd.dd6 .time,.dongtai dd.dd8 .time,.dongtai dd.dd10 .time{ float:right; display:inline-block;}
.dongtai dd.dd2 .info,.dongtai dd.dd4 .info,.dongtai dd.dd6 .info,.dongtai dd.dd8 .info,.dongtai dd.dd10 .info{ float:right; display:inline-block;margin:10px; width:340px;}
.dl2{ margin:40px 20px; overflow:hidden;}
.dl2 .gongwu{ width:280px; height:330px; float:left; display:inline-block; margin-right:10px; margin-bottom:20px; padding:20px 10px; background:#06a9e1;}
.dl2 .gongwu:hover{ background:#7fbe26;}
.dl2 .gongwu a{ color:#fff;}
.dl2 .gongwu .gw_title{ font-size:18px; margin-bottom:10px; line-height:24px;}
.dl2 .gongwu .desc{ line-height:18px; height:36px; overflow:hidden; margin-top:10px;}
.dl2 .gongwu .more{ width:65px; height:20px; line-height:20px; margin-top:20px; background:#06a9e1; padding:0 5px; font-family:Arial, Helvetica, sans-serif;}