@charset "utf-8"; /* CSS Document */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,pre,a,code,del,em,img,strong,sub,sup,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,tfoot,thead{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline; padding:0px; margin:0px;} *{ margin:0px; padding:0px;} input:focus{outline:0;} ol,ul{list-style:none;} .Left{float:left;} .Right{float:right;} .r{text-align:right!important} .c{text-align:center!important} .l{text-align:left!important} a{text-decoration:none;color:#1a1a1a} a:hover{text-decoration:none;} a:hover img{text-decoration:none;} .clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden;} .clearfix{*zoom:1;} .clear{clear:both;} img{overflow:hidden;vertical-align:top;} body{margin:0 auto;font-family:"微软雅黑";_font-family:"微软雅黑",Arial;font-size:12px;color:#666; } html,html body{_background-image:url(about:blank);_background-attachment:fixed;} .fl{float:left;} .fr{float:right;} em{ font-style:normal;} .c_head{ width:100%; height:126px; overflow:hidden; min-width:1128px; background:url(../images/head.png) no-repeat top center; position:absolute; top:0px; z-index:9999;} .c_headbox{ width:1100px; height:98px; overflow:hidden; margin:0 auto; padding-top:12px;} .c_logo{ display:block;} .c_nav{ width:864px; overflow:hidden; margin-top:6px;} .c_nav li{ float:left; width:108px; height:90px; overflow:hidden; text-align: center; line-height:100px;} .c_nav li a{ display:block; font-size:14px; color:#000; width:106px;padding-left:2px;background:url(../images/nav_line.png) no-repeat left center; height:90px;} .c_nav li a.c_first,.c_nav li a.c_first:hover{ background:none;} .c_nav li a:hover,.c_nav li a.cur{ color:#e60012;} .c_nav li a:hover,.c_nav li a.cur{background:url(../images/nav_line_1.png) no-repeat left center; transition:0.3s all; } .footer{ width:100%; overflow:hidden; min-width:1128px; height:150px; background:url(../images/foot.jpg) no-repeat top center;} .footbox{ width:1128px; height:115px; overflow:hidden; margin:0 auto; text-align:right; padding-top:20px;} .foot_1{ width:980px; overflow:hidden; margin-right:20px;} .foot_1 div{ line-height:28px; color:#4c4c4c;} .foot_1 div a{color:#4c4c4c; font-size:12px;} .foot_1 div a:hover{ color:#386917;} .foot_2 img{ width:120px; height:120px; overflow:hidden;} .main-im{ position:fixed; right: 10px; top:200px; z-index: 100; width:110px; height: 272px;} .main-im .qq-a { display: block; width: 106px; height: 116px; font-size: 14px; color: #0484cd; text-align: center; position: relative; } .main-im .qq-a span { bottom: 5px; position: absolute; width: 90px; left: 10px; } .main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9; } .main-im .qq-container { z-index: 99; position: absolute; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background: url(../images/qq-icon-bg.png) no-repeat center 8px; } .main-im .img-qq {max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .main-im .im-qq:hover .img-qq{ max-width: 70px; left: 1px; top: 8px; position: absolute; } .main-im .im_main {background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; padding-top:20px; background: #F9FAFB;display:none; z-index:102} .main-im .im_main .im-tel { color: #000000; text-align: center; width: 109px; padding-top:10px; border-bottom: 1px solid #dddddd; } .main-im .im_main .im-tel div{ margin-bottom:5px;} .main-im .im_main .im-tel .tel-num { font-size:13px; color: #dd0033;} .main-im .im_main .im-tel:hover { background: #fafafa; } .main-im .im_main .weixing-container {width: 55px; height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5; border-bottom-left-radius: 10px; background: url(../images/weixing-icon.png) no-repeat center center;float:left;} .main-im .im_main .weixing-show {width: 112px; height: 142px; background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -125px; top: -96px; } .main-im .im_main .weixing-show .weixing-sanjiao {width:0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 112px; top: 113px; position: absolute; z-index: 2;} .main-im .im_main .weixing-show .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 112px; top: 111px; position: absolute; } .main-im .im_main .weixing-show .weixing-ma { width: 104px; height: 103px; padding-left: 5px; padding-top: 5px; } .main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto; text-align:center;} .main-im .im_main .go-top { width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url(../images/toTop-icon.png) no-repeat center center;float:right;} .main-im .im_main .go-top a { display: block; width: 52px; height: 47px; } .main-im .close-im { position: absolute; right: 3px; top: 3px; z-index: 100; width: 20px; height: 20px; } .main-im .close-im a { display: block; width: 20px; height: 20px; background: url(../images/close_im.png) no-repeat left top; } .main-im .close-im a:hover { text-decoration: none; } .main-im .open-im { cursor: pointer; margin-left: 68px; width: 40px; height: 133px; background: url(../images/open_im.png) no-repeat left top; }