﻿body,html{padding:0px;margin:0px;font-family: 'Open Sans', sans-serif; font-family:"微软雅黑"; font-size:14px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; }
address,caption,cite,code,dfn,em,th,var,i { font-weight:normal; font-style:normal; }
fieldset,img { border: 0; }
ol,ul,li { list-style: none; }
div,dl,dt,dd,ol,ul,li{ zoom:1; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size:100%; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }
a{ text-decoration:none; color:#000;}
a:hover{ color:#fe8b00;}

.fl{ float:left !important; }
.fr{ float:right !important; }
.mab{ margin-bottom:40px; }
.mar{ margin-left:auto; margin-right:auto;}
.c1{ background:#f7f8fb!important;}
.c2{ background:#f2f2f2 !important;}
.tong{min-width:1250px;}

.service_box{ position:fixed; z-index:1000;right:-170px;top:30%;margin-top:-100px;width:155px;border:6px solid #40a7ff; height:450px; background:url(../images/kfbg.jpg) no-repeat bottom center #FFF;}
.service_box .tab_nav{ position:absolute;left:-45px;top:25px;}
.service_box .tab_nav > li > a{ display:block; width:40px; background:url(../images/qq_2.png) no-repeat;height:120px; margin-top:8px;}
.service_box .tab_nav > li a:hover{ background:url(../images/qq_1.png) no-repeat;}
.service_box .tab_content{ padding:0px 5px 10px; position:relative;}
.service_box .tab_plan{ display:none; text-align:center;}
.service_box .tab_plan p{color:#333; height:50px; line-height:50px; border-bottom: 1px dashed #CCC; width:88%; margin-left:auto; margin-right:auto;background:url(../images/qqx.jpg) no-repeat left  center; text-align:center;}
.service_box .tab_plan p a:hover{ color:#40a7ff}
.service_box .tab_nav  li  .active  { background:url(../images/qq_1.png) no-repeat;}
.service_box  .tab_p p{color:#333; height:50px; line-height:50px; border-bottom: 1px dashed #CCC; width:90%; margin-left:auto; margin-right:auto;background:url(../images/dhbg.png) no-repeat left  center; text-align:right; padding-left:10px;}
/* banner */
.banner{ max-height:445px; width:100%;}
.banner .bd{ position:relative; z-index:0;  }
.banner .bd ul{ width:100% !important; }
.banner .bd li{ width:100% !important;  height:444px; }
.banner .bd li .siteWidth{ width:100%; position:relative;  margin:0 auto;  height:444px;  }
.banner .bd li a{ height:444px; display:block;  }


/* top */
.banner .top{width:100%;position: fixed;top:0px; min-height:92px; background:#fff;height:6em;-moz-opacity:0.9;opacity:0.9;  z-index:999; overflow:hidden;}
.banner .top .logo-nav{ width:90%; }
.banner .top .logo-nav .logo{padding:1% 0;}

.banner .top .logo-nav .nav{width:70%;}
.banner .top .logo-nav  .nav ul li{ float:left; line-height:105px; width:12%; text-align:center;}.banner .top .logo-nav .nav ul li a{ display:block;}.banner .top .logo-nav .nav ul li a:hover{ color:#fff;background:url(../images/index_06.gif) no-repeat center;}  li .active{ color:#fff;background:url(../images/index_06.gif) no-repeat center;}

/* main */
.main{ width:100%; height:220px;overflow:hidden; padding-top:1em;}


.main-hxyw{ width:90%; text-align:center; }
.main-hxyw h2{ color:#0b58a8; font-size:30px; font-weight:bold; }
.main-hxyw h3{ font-size:28px; font-weight:bold; background:url(../images/index_11.gif) repeat-x center;text-transform:uppercase;}
.main-hxyw h3 span{ background:#FFF; background-image:none; padding:0px   1em; }

.main-hxyw-m{width: 90%; height:auto; padding-bottom: 22%; margin-top:2em;}
.m01{float:left;  width: 19.2%; height: 0; padding-bottom:23%;overflow:hidden; background:#448aca ; display:block; text-align:center;}
.m01 ul li img{ width:45%; }
.m01 ul li a:hover,.m02 ul li a:hover,.m03 ul li a:hover,.m04 ul li a:hover,.m05 ul li a:hover,.m06 ul li a:hover,.m07 ul li a:hover,.m08 ul li a:hover,.m09 ul li a:hover{background:#000;filter:alpha(Opacity=60);-moz-opacity:0.4;opacity:0.4; }
.m01 ul li a { font-size:20px;position:relative; padding-top:30%;width:100%;  padding-bottom:110%; display:block; color:#FFF; }

.m02,.m03,.m04,.m05,.m06,.m07,.m08,.m09{float:left;  width: 19.2%; height: 0; padding-bottom:11%;overflow:hidden; background:#8fc31f ;display:block; text-align:center;margin-left:1%; margin-bottom:1%;}
.m02 ul li img,.m03 ul li img,.m04 ul li img,.m05 ul li img,.m06 ul li img,.m07 ul li img,.m08 ul li img,.m09 ul li img{ width:22%; padding-bottom:4%; }
.m02 ul li a,.m03 ul li a,.m04 ul li a,.m05 ul li a,.m06 ul li a,.m07 ul li a,.m08 ul li a,.m09 ul li a { font-size:20px;position:relative; padding-top:10%;width:100%;  padding-bottom:80%;  display:block; color:#FFF;  }
.m03{ background:#00b7ee;}.m04{ background:#b7ace4;}.m05{ background:#ffc652;}.m06{ background:#f19149;}.m07{ background:#22ac38;}.m08{ background:#448aca;}.m09{ background:#8f82bc;}


.main_news{ width:90%; overflow:hidden; height:auto; padding-bottom:1%; margin-top:1%; }
.main_news ul li{ overflow:hidden; background:url(../images/index_46.gif) left center no-repeat; padding-left:2%; width:46%; height:3em; line-height:3em; margin-left:1%; float:left;text-overflow:ellipsis; white-space:pre; word-break:break-all;}

.main-sygj{width: 90%; height:auto; padding-bottom: 5%; margin-top:2em; }
.main-sygj ul li{float:left; width:12%; text-align:center;padding-bottom:3%; margin: 0 2%; }.main-sygj ul li img{ width:55%;padding-bottom:7%; }

.main-qyzz{width:90%; overflow:hidden; height:auto; padding-bottom:2%; margin-top:2%; }
.main-qyzz-fl{ width:67%; border-right:#CCC 1px dashed;padding-bottom:2%;}
.main-qyzz-fl h2,.main-tszl-fr h2{width:100%;font-size:1.8em; font-weight:bold;color:#0b58a8; background:url(../images/bg.jpg) no-repeat left center; padding-left:1em; float:left;}
.main-qyzz-fl h2 span,.main-tszl-fr h2 span{color:#000; font-size:22px;  font-weight:bold;text-transform:uppercase; padding-left:1%;}

.main-qyzz-fl ul li{ float:left; margin-top:3%; width:33%;  text-align:center;}.main-qyzz-fl ul li img{ width:66%; }
.main-tszl-fr{ width:29%; margin-left:3%;}.main-tszl-fr img{ width:70%; margin-top:2%;}

.foot{ width:100%; background:#f1f1f1;padding-bottom:2%;}
.foot-main{ width:90%; overflow:hidden; padding-top:2%;}
.foot-main-left{  width:60%;}
.foot-main-left h2{ background:url(../images/index_85.png) no-repeat left center; font-size:1.4em; color:#0f6cb7; font-weight:bold; padding-left:4%; }
.foot-main-left ul li{ margin-left:3%; margin-top:1%;}
.foot-main-right{ font-size:14px; text-align:center; width:40%; overflow:hidden;}.foot-main-right ul li img{ margin:0 4%; width:140px; height:140px;}
.foot-main-right  ul li{ text-align:center;}.foot-main-right  ul li a{ float:left; display:block; width:200px;}#ter{ margin-top:10px; margin-left:auto; margin-right:auto; width:400px;  height:20px;}