/* CSS Document */
body{margin:0px; background:#FFF; padding:0px; font-size:13px; font-family:'微软雅黑';overflow-x:hidden;overflow-y:auto;}
a,a:visited{font-size:13px; color:#333; text-decoration:none;border:none;}
a:hover{color:#06F; text-decoration:none;border:none; }
a img { border:none; }
#top{border-bottom:1px solid #CCC; width:100%; text-align:center; padding:6px 0; background-color:#fff;}
#top a{font-family:"黑体"; font-size:20px; color:#000;}
#top .qr{float:right; margin:15px 15px 0px 0px;}

.news_title_bg123{ background:url(../images/titleys.jpg) repeat-x top left; float:left; width:100%; margin:10px 0; }
.news_title123{ margin: 0 auto;width:100%; height:30px; line-height:30px; text-align:center; }

#nav{background:url(../images/top_bg.png) repeat-x; height:80px; line-height:40px;}
#nav a{width:25%; float:left; text-align:center; background:url(../images/nav.gif) no-repeat right center;}
#nav a span{ width:70px;height:40px; line-height:40px;display:block; margin:0 auto; overflow:hidden;}
#nav a span.cd{ width:70px;height:37px; padding-top:3px; line-height:17px;display:block; margin:0 auto; overflow:hidden;}
#nav a:hover,#nav a.on{background:#4266b2; color:#FFF; height:40px;}


.home{width:290px; margin:0px auto; height:310px; padding:10px 0px; position:relative;}


.home a{position:absolute; width:112px; height:99px; background:url(../images/home.png) no-repeat 0 -100px; text-align:center; color:#666666; font-size:13px; font-family:'微软雅黑';}
.home a span{width:80px;margin:0 auto; line-height:16px;display:block;}

.home a:hover{background:url(../images/home.png) no-repeat; color:#00a7ff;}



.home .idx{left:90px;}
.home .idx i{background:url(../images/home.png) no-repeat -29px -199px; width:30px; height:30px; display:inline-block; margin:25px auto 5px auto;}
.home .idx:hover i{background:url(../images/home.png) no-repeat 0px -199px;}

.home .com{right:0px; top:73px;}
.home .com i{background:url(../images/home.png) no-repeat -41px -235px; width:37px; height:30px; display:inline-block; margin:25px auto 5px auto;}
.home .com:hover i{background:url(../images/home.png) no-repeat 0px -235px;}

.home .news_i{right:0px; top:176px;}
.home .news_i i{background:url(../images/home.png) no-repeat -30px -270px; width:26px; height:30px; display:inline-block; margin:25px auto 5px auto;}
.home .news_i:hover i{background:url(../images/home.png) no-repeat 0px -270px;}

.home .case_i{right:88px; top:225px;}
.home .case_i i{background:url(../images/home.png) no-repeat -40px -300px; width:39px; height:35px; display:inline-block; margin:25px auto 5px auto;}
.home .case_i:hover i{background:url(../images/home.png) no-repeat 0px -300px;}

.home .pro_i{top:176px;}
.home .pro_i i{background:url(../images/home.png) no-repeat -32px -335px; width:31px; height:31px; display:inline-block; margin:25px auto 5px auto;}
.home .pro_i:hover i{background:url(../images/home.png) no-repeat 0px -335px;}

.home .contact_i{top:73px;}
.home .contact_i i{background:url(../images/home.png) no-repeat -40px -370px; width:34px; height:34px; display:inline-block; margin:25px auto 5px auto;}
.home .contact_i:hover i{background:url(../images/home.png) no-repeat 0px -370px;}

.home .msg{left:88px; top:125px;}
.home .msg i{background:url(../images/home.png) no-repeat -49px -405px; width:44px; height:33px; display:inline-block; margin:25px auto 5px auto;}
.home .msg:hover i{background:url(../images/home.png) no-repeat 0px -405px;}

#content{  width:100%; margin:0px auto 10px auto; padding:0px 0;}
.company{ border-bottom:none; width:90%; margin:0px auto; padding:10px; background:#FFF; line-height:22px;}
.company img{max-width:300px; height:auto;}
.company input,.company textarea{ max-width:220px;}

.news{ border-bottom:none; width:90%; margin:0px auto; padding:10px; background:#FFF;}
.news ul,.news ul li{padding:0px; margin:0px; list-style:none;}
.news ul li{line-height:20px; border-bottom:1px dashed #666; padding:5px 0;}
.news ul li a{ display:block; margin:5px 0;}
a.xz{ width:40px; height:23px; background-color:#4266b2; color:#FFFFFF; line-height:23px; text-align:center; font-size:13px;display:block; margin:5px 0;}
.news ul li a.xz{ width:40px; height:23px; background-color:#4266b2; color:#FFFFFF; line-height:23px; text-align:center; font-size:13px;}

.wd { border-bottom:none; width:90%; margin:0px auto; padding:10px; background:#FFF;}
.wd ul,.wd  ul li{padding:0px; margin:0px; list-style:none;}
.wd ul li{line-height:27px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #ccc; display:block}

.fl{width:90%; margin:0px auto; padding:10px; display:block;line-height:25px;}
.fl a{ float:left; height:25px; line-height:25px;padding:0 15px 0 0; font-size:14px;}
.fl a.yj{ float:left; height:25px; line-height:25px;padding:0 15px 0 0; font-size:14px; color:#000000}
.fl a.ej{font-size:13px;color:#333}

.case{ border-bottom:none; width:90%; margin:0px auto; padding:10px; background:#FFF;}
.case ul,.case ul li{padding:0px; margin:0px;height:133px; list-style:none;}
.case ul li{width:138px; float:left; text-align:center; line-height:22px; margin:5px 6px;}
.case ul li img{width:138px; height:95px;}

.nr{ text-align:center; padding:10px;}
.nr img{ max-width:300px; height:auto;}

.case_details{ border-bottom:none; width:90%; margin:0px auto; padding:10px; background:#FFF; line-height:22px;}
.case_details img{ max-width:300px; height:auto;}

.pro{ border-bottom:none; width:90%; margin:0px auto; padding:10px; background:#FFF;}
.pro ul,.pro ul li{padding:0px; margin:0px; list-style:none;}
.pro ul li{width:75px; float:left; text-align:center; line-height:25px; margin:5px 10px;}
.pro ul li img{width:75px; height:79px;}


.pro_details{ border-bottom:none; width:90%; margin:0px auto; padding:10px; background:#FFF; line-height:22px;}
.pro_details img{ max-width:300px; height:auto;}

.contact{  border-bottom:none; width:90%; margin:0px auto; padding:10px; background:#FFF; line-height:22px;}
.contact img{max-width:300px; height:auto;}

.message{border-bottom:none; width:90%; margin:0px auto; padding:10px; background:#FFF; line-height:22px;}
.message .title{width:268px; height:30px; border:1px solid #b2b2b2; margin-bottom:10px; color:#cecece; font-size:14px;}
.message .content{width:279px; height:160px; border:1px solid #b2b2b2;margin-bottom:10px; color:#cecece; font-size:14px;}
.message .button{float:right; width:88px; height:33px;} 

.qr_b{  border-bottom:none; width:90%; margin:0px auto; padding:10px; background:#FFF; line-height:22px;}
.qr_b img{max-width:300px; height:auto;}

#botton{background:url(../images/botton_bg.png) repeat-x; padding:15px 0;line-height:25px; text-align:center; width:100%; float:left;}

.bottomqq {position:fixed;   bottom:0;   left:0;   z-index:2000;right:0px;width:100%; height:49px;overflow:hidden;cursor:default; padding-top:-61px; background:#c3c3c3; }
.bottom1 {width:320px;margin: 0 auto;}
.bottom1 a {float:left;width:135px;text-align:center; padding:5px 0 0 23px;color:#444;height:44px;border-right: solid 1px #dbdbdb;font-size:15px;}
.bottom1 a img{ float:left; margin:0 16px;}
.bottom1 a span{ float:left; line-height:44px;}
.bottom1 a:hover {float:left;width:135px;text-align:center; padding:5px 0 0 23px;color:#444;height:44px;background:#dbdbdb; font-size:15px;}
.grkai{ float:left; width:100%; height:49px;}