/* CSS Document */
/* CSS Document */
html,body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,select,input,textarea,button,p,blockquote,th,td,img,iframe,a{ margin: 0px; padding: 0px; }
.clear{ font: 0px/0px serif; display: block; clear: both; }
img{ border: 0px; }
li{ list-style: none; }
a{ text-decoration:none;}
ul, li, div{ list-style: none; border: 0px; }
.clear{ font: 0px/0px serif; display: block; clear: both; }
body{ font: 12px "Arial",'宋体'; color: #000000; background:#f8f8f8;}
/*top*/
#top{ width:100%; height:50px; margin:0 auto; background:url(../images/service/topbg.jpg) repeat-x 0 0;}
.topmain{ width:815px; height:50px; line-height:50px; margin:0 auto;}
.topmain b{ display:block; float:left; height:50px; line-height:50px; color:#000;}
.topmain .name{ display:block; float:left; height:50px; line-height:50px; color:#000; padding:0 25px 0 8px;}
.topmain .name:hover{ color:#ff6633;}
.topmain ul{ display:block; float:left; height:50px; line-height:50px;}
.topmain ul li{display:block; float:left; height:50px; line-height:50px; padding:0 22px 0 8px; background:url(../images/service/li.jpg) no-repeat 0 22px; }
.topmain ul li a{ color:#000000;}
.topmain ul li a:hover{ color:#ff6633;}
.topmain .top_menu{ float: right; height:50px; line-height:50px; color:#ff6c00;}
.topmain .top_menu a{ color:#ff6c00; padding:0 8px;}
.topmain .top_menu a:hover{ color:#000000;}
#logo{ width:815px; margin:10px auto 0; height:71px;}
#logo img {
	height: auto;
	float: left;
	margin-top: -13px;
	max-width: 260px;
}
#logo .line{ width:1px; height:44px; padding:0 18px 0 18px; background:url(../images/service/li2.jpg) no-repeat 18px 5px; float:left;}
#logo p{ display:block; float:left; width:90px; height:44px;}
#logo p b{ display:block; float:left; width:90px; height:22px; font: bold 14px/22px "Microsoft Yahei","\5b8b\4f53";}
#menu{ width:100%; height:30px; margin:0 auto 0; background:url(../images/service/Service.jpg) repeat-x 0 -60px;}
#menu ul{ display:block; width:850px; height:30px; margin:0 auto;}
#menu ul li{ display:block; float:left; height:30px; line-height:30px; padding:0 16px;}
#menu ul li a{ color:#ffffff; font-family:"Microsoft Yahei"; font-size:14px; font-weight:bold;}
#menu ul li a:hover{ color:#000000;}
/*footer*/
#footer{ width:100%; margin:10px auto 0; height:150px; background:#f8f8f8;}
.footerbox{ width:100%; height:34px; background:url(../images/service/Service.jpg) repeat-x 0 -186px;}
.footerbox p{ display:block; width:1000px; height:34px; line-height:34px; color:#ffffff; text-align:center; margin:0 auto; font-size:14px;}
.footerbox p a{ font-size:14px; color:#ffffff; padding:0 17px;}
#footer .company_1{ display:block; width:1000px; margin:15px auto 10px; text-align:center;}
.bottom{ width:1000px; text-align:center; margin:0 auto; color:#000000;font: normal 12px/24px "\5b8b\4f53";}
.bottom strong {padding: 0 15px;}
.bottom b{ font-weight:normal;}
.bottom img{ margin-left: 5px;vertical-align: middle;}

#banner{ width:100%; height:272px; margin:0 auto; background:url(../images/service/li3.jpg) repeat-x;}
#banner .banner_link{ width:1000px; height:272px; margin:0 auto;}
.fw_title{ width:1000px; height:30px; margin:10px auto 0; background:url(../images/service/Service.jpg) no-repeat 0 -95px; position:relative;}
.fw_title a{ display:block; height:12px; position:absolute; width:45px; top: 6px; right:15px;}
#fw_box{ width:1000px; margin:10px auto 0;}
#fw_box ul{ display:block; float:left; width:1000px;}
#fw_box ul li{ display:block; float: left; width:250px; height:145px; padding: 10px 0 45px 80px;}
#fw_box ul li h3{ display:block; float: left; width:250px; font: normal 20px/22px "Microsoft Yahei","\5b8b\4f53"; padding-bottom:10px;}
#fw_box ul li .fw_img{ width:103px; height:103px; padding-right:20px; float:left;}
#fw_box ul li p{ display:block; float:left; width:127px; line-height:25px; color:#000000;}
#fw_box ul li a{ display:block; float:left; width:94px; height:31px; background:url(../images/service/ckxx.jpg) no-repeat;}
#contact_box{ width:100%; margin:0 auto 13px; background:#f3f3f3 url(../images/service/li4.jpg) repeat-x;}
.contact_main{ width:1000px; margin:0 auto;}
.contact_main .contact_title{ width:1000px; height:51px; background:url(../images/service/Service.jpg) no-repeat 0 -130px;}
.contact_cent{ width:730px; margin:0 auto; padding:15px 0 0 0;}
.contact_cent .renxian{ float: left; width:360px;}
.contact_cent .renxian span{ height:20px; line-height:20px; width:360px; display:block; float:left; font-family: "Microsoft Yahei"; color:#4e4e4e; font-size:13px;}
.contact_cent .renxian b{ display:block; float:left; width:360px; padding:10px 0; font: bold 18px/20px "Microsoft Yahei","\5b8b\4f53"; }
.contact_cent .renxian p{ display:block; float:left; width:360px; line-height:22px; height:22px;}
.contact_cent .renxian p a{ color:#000000;}
.contact_cent .renxian p a{
    position: relative;
     cursor: pointer;
    }
    .contact_cent .renxian p a .QQhover {
     position: absolute;
     left: 0px;
     bottom: 21px;
     border: 1px solid #666;
     border-radius: 4px;
    line-height: 20px;
     color: #333;
     background: rgba(255,255,255,.9);
     display: none;
    cursor: auto;
    font-weight: 700;
    height: 20px;
     width: 100px;
     text-align: center;
     font-size: 12px;
     overflow: hidden;
     resize: none;
    }
    .contact_cent .renxian p a .QQhover::after{
     position: absolute;
     left: 0;
     top: 0;
   line-height: 20px;
     content: "QQ:";
    }
    .contact_cent .renxian p a:hover .QQhover{
    display: inline-block;
    }

.contact_cent .renxian p img{ vertical-align:middle; margin-left:5px;}
.contact_cent ul{ display:block; float: left; width:300px;}
.contact_cent ul li{ display:block; float:left; width:300px; height:29px; line-height:29px; font-size:14px; color:#4d4d4d;}