@charset "utf-8";
/* CSS Document */
body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea {margin:0; padding:0; font-weight: normal;font-style: normal;font-size: 100%; font-family: inherit;}
ol, ul ,li{list-style: none;}
img {border: 0; vertical-align:middle;}
.clearfix:after {clear:both; content:"."; display:block; height:0pt; visibility:hidden; overflow:hidden;}
.clear{clear:both;height:1px; margin-top:-1px; width:100%;} 
.dis{display:block;}
.undis{display:none;}
a { text-decoration: none; }
    a:hover { text-decoration: none; }
a { color: rgb(51, 51, 51); }
    a:hover { color: rgb(0, 0, 0); }
body { font: 14px/1.5 "Microsoft YaHei", "Microsoft YaHei UI", "WenQuanYi Micro Hei", Arial, sans-serif, 宋体; outline: 0px; color: rgb(102, 102, 102); font-size-adjust: none; font-stretch: normal; }
textarea { font: 14px/1.5 "Microsoft YaHei", "Microsoft YaHei UI", "WenQuanYi Micro Hei", Arial, sans-serif, 宋体; outline: 0px; color: rgb(102, 102, 102); font-size-adjust: none; font-stretch: normal; }
input { font: 14px/1.5 "Microsoft YaHei", "Microsoft YaHei UI", "WenQuanYi Micro Hei", Arial, sans-serif, 宋体; outline: 0px; color: rgb(102, 102, 102); font-size-adjust: none; font-stretch: normal; }
button { font: 14px/1.5 "Microsoft YaHei", "Microsoft YaHei UI", "WenQuanYi Micro Hei", Arial, sans-serif, 宋体; outline: 0px; color: rgb(102, 102, 102); font-size-adjust: none; font-stretch: normal; }
select { font: 14px/1.5 "Microsoft YaHei", "Microsoft YaHei UI", "WenQuanYi Micro Hei", Arial, sans-serif, 宋体; outline: 0px; color: rgb(102, 102, 102); font-size-adjust: none; font-stretch: normal; }
keygen { font: 14px/1.5 "Microsoft YaHei", "Microsoft YaHei UI", "WenQuanYi Micro Hei", Arial, sans-serif, 宋体; outline: 0px; color: rgb(102, 102, 102); font-size-adjust: none; font-stretch: normal; }
legend { font: 14px/1.5 "Microsoft YaHei", "Microsoft YaHei UI", "WenQuanYi Micro Hei", Arial, sans-serif, 宋体; outline: 0px; color: rgb(102, 102, 102); font-size-adjust: none; font-stretch: normal; }
html { font-size: 10px; }
body { background: rgb(255, 255, 255); transition: none !important; -webkit-transition: none; -moz-transition: none; -o-transition: none; }
input[type=submit] { cursor: pointer; }
.fl { float: left; }
.fr { float: right; }
.clear { -ms-zoom: 1; }
    .clear::after { width: 0px; height: 0px; clear: both; display: block; content: ""; }
.w1200 { margin: 0 auto; width: 1200px; height: auto; }
section { margin: auto; width: 100%; min-width: 1200px; }
#header { margin: auto; width: 100%; min-width: 1200px; }
#banner { margin: auto; width: 100%; min-width: 1200px; }
#header { background: rgb(255, 255, 255); transition: 0.3s; animation: gupIn 1s 0.1s both; left: 0px; top: 0px; height: 99px; border-bottom-color: rgb(242, 242, 242); border-bottom-width: 1px; border-bottom-style: solid; position: fixed; z-index: 10; -webkit-transition: 0.3s; -moz-transition: 0.3s; -webkit-animation: gupIn 1s 0.1s both; -moz-animation: gupIn 1s 0.1s both; overflow: hidden; }
#logo { transition: 0.3s, opacity 0.6s; left: 0px; top: 0px; height: 99px; line-height: 99px; overflow: hidden; display: block; position: absolute; opacity: 0.6; -webkit-transition: 0.3s, opacity 0.6s; -moz-transition: 0.3s, opacity 0.6s; }
    #logo img { vertical-align: middle; }
    #logo:hover { opacity: 1; }
#nav { margin: auto; width: 750px; text-align: center; position: relative; }
    #nav a { margin: 0px 35px; transition: 0.3s, color 0.5s; height: 99px; text-align: center; line-height: 99px; font-size: 16px; display: inline-block; -webkit-transition: 0.3s, color 0.5s; -moz-transition: 0.3s, color 0.5s; }
        #nav a:hover { color: rgb(143, 195, 93); }
    #nav span { background: rgb(0, 0, 0); left: 0px; width: 100px; height: 2px; bottom: -1px; position: absolute; opacity: 0; }
#header h1 { background: url("../images/tel_bg.jpg") no-repeat 18px; transition: 0.3s; top: 0px; height: 99px; right: 25px; color: rgb(143, 195, 93); line-height: 99px; padding-left: 60px; font-size: 18px; font-weight: bold; position: absolute; -webkit-transition: 0.3s; -moz-transition: 0.3s; }
.min#header { height: 66px; }
    .min#header #logo { height: 66px; line-height: 66px; }
    .min#header #nav a { height: 66px; line-height: 66px; }
    .min#header h1 { height: 66px; line-height: 66px; }
#container { padding-top: 100px; }
#loading { background: rgb(255, 255, 255); left: 0px; top: 0px; width: 100%; height: 100.5%; position: absolute; z-index: 99; }
    #loading div { margin: -20px 0px 0px -30px; left: 50%; top: 50%; width: 60px; height: 40px; overflow: hidden; position: absolute; }
    #loading em { background: rgb(0, 0, 0); transition: 0.3s; left: 0px; width: 60px; height: 0px; bottom: 0px; display: block; position: absolute; -webkit-transition: 0.3s; -moz-transition: 0.3s; }
    #loading div img { left: 0px; top: 0px; position: absolute; }

.bottom_box { background: #f0f0f0; padding: 20px 0; border-top: 1px solid #ddd; width: 100%; min-width: 1200px; margin: auto; }
.bottom { margin: 0 auto; width: 1200px; height: auto; overflow: hidden; }
    .bottom ul { margin: 0; padding: 0; }
        .bottom ul li { float: left; display: block; width: 300px; height: auto; text-align: center; color: #333; font: 14px/30px "Microsoft YaHei"; }


#footer { background: rgb(46, 46, 46); padding: 20px 0; color: #999; font: 12px/20px "Microsoft YaHei"; text-align: center; width: 100%; min-width: 1200px; margin: auto; }
.link { width: 1200px; height: auto; overflow: hidden; margin: 20px auto 0; text-align: left; }
.link_l { width: 140px; height: auto; overflow: hidden; color: #ccc; font: 14px/40px "Microsoft YaHei"; }
    .link_l img { margin-right: 10px; vertical-align: middle; }
.link_r { width: 1050px; height: auto; overflow: hidden; color: #ccc; font: 12px/46px "Microsoft YaHei"; }
    .link_r a { margin: 0 5px; color: #bbb; font: 12px/46px "Microsoft YaHei"; }
        .link_r a:hover { color: #c00; }

























#client ul { margin: 74px auto; width: 1195px; overflow: hidden; border-top-color: rgb(229, 229, 229); border-left-color: rgb(229, 229, 229); border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; }
    #client ul li { width: 238px; height: 178px; text-align: center; border-right-color: rgb(229, 229, 229); border-bottom-color: rgb(229, 229, 229); border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; float: left; position: relative; }
        #client ul li a { width: 100%; height: 100%; overflow: hidden; display: block; }
        #client ul li i { left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url("../images/clients.jpg"); }
        #client ul li em { left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-image: url("../images/clients.jpg"); }
        #client ul li i { transition: 0.3s; opacity: 0.5; -webkit-transition: 0.3s; -moz-transition: 0.3s; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); }
        #client ul li a:hover i { filter: none; opacity: 1; transform: scale(0.9) translateY(-8px); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); -webkit-transform: scale(0.9) translateY(-8px); -moz-transform: scale(0.9) translateY(-8px); }
        #client ul li .clients01 { background-position: -238px 0px; }
        #client ul li .clients02 { background-position: -476px 0px; }
        #client ul li .clients03 { background-position: -714px 0px; }
        #client ul li .clients04 { background-position: -952px 0px; }
        #client ul li .clients05 { background-position: -1190px 0px; }
        #client ul li .clients06 { background-position: -1428px 0px; }
        #client ul li .clients07 { background-position: -1666px 0px; }
        #client ul li .clients08 { background-position: -1904px 0px; }
        #client ul li .clients09 { background-position: -2142px 0px; }
        #client ul li .clients10 { background-position: -2380px 0px; }
        #client ul li .clients11 { background-position: -2618px 0px; }
        #client ul li .clients12 { background-position: -2856px 0px; }
        #client ul li .clients13 { background-position: -3094px 0px; }
        #client ul li .clients14 { background-position: -3332px 0px; }
        #client ul li .clients15 { background-position: -3570px 0px; }
        #client ul li .clients16 { background-position: -3808px 0px; }
        #client ul li .clients17 { background-position: -4046px 0px; }
        #client ul li .clients18 { background-position: -4284px 0px; }
        #client ul li .clients19 { background-position: -4522px 0px; }
        #client ul li a::after { transition: 0.2s; left: 0px; top: 0px; width: 100%; height: 100%; display: block; position: absolute; content: ""; box-shadow: inset 0px 0px 0px 0px #eee; -webkit-transition: 0.2s; -moz-transition: 0.2s; }
        #client ul li a:hover::after { box-shadow: inset 0px 0px 0px 10px #f6f6f6; }
        #client ul li a p { transition: 0.3s; color: rgb(51, 51, 51); margin-top: 150px; position: relative; z-index: 5; -ms-zoom: 1; opacity: 0; -webkit-transition: 0.3s; -moz-transition: 0.3s; }
        #client ul li a:hover p { margin-top: 135px; opacity: 1; }
        #client ul li a span { color: rgb(167, 167, 167); line-height: 178px; font-size: 18px; }
.right_silderbar { transition: 0.3s; width: 92px; right: 0px; bottom: 100px; position: fixed; -webkit-transition: 0.3s; -moz-transition: 0.3s; }
    .right_silderbar ul { list-style: none; margin: 0px; padding: 0px; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; }
    .right_silderbar li { transition: 0.3s; width: 100%; height: 100px; -webkit-transition: 0.3s; -moz-transition: 0.3s; }
        .right_silderbar li.qq { background-image: url("../images/qq.png"); background-color: rgb(255, 198, 2); }
            .right_silderbar li.qq:hover { background-color: rgb(255, 174, 0); }
            .right_silderbar li.qq a { width: 100%; height: 100%; display: block; }
        .right_silderbar li.totop { display: none; background-image: url("../images/totop.png"); background-color: rgb(49, 49, 49); }
            .right_silderbar li.totop a { width: 100%; height: 100%; display: block; }
            .right_silderbar li.totop:hover { background-color: rgb(0, 0, 0); }