@charset "utf-8";

/* Style Reset
-----------------------------------------------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, blockquote,h1,h2,h3,h4,h5,h6,p
{ margin:0px; padding:0px; -moz-user-select: none; -khtml-user-select: none; user-select: none;}
input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}
ul, li, dl, dt, dd, ol { display: block; list-style: none; }
fieldset, img { border:0px; }
iframe {background-image: none; }
input,textarea{outline:none;}
.clear {clear:both; height:0px;}
.clear-fix:after{content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
body,html{font-family:"微软雅黑"; color:#202020; font-weight:400; background: #fff; -webkit-text-size-adjust:none; font-size:14px; min-width: 1400px;}
a{text-decoration:none; color:#202020; transition: all 0s ease;}
a:hover{text-decoration:none; color:#b50d11;}
.fl{float:left;}
.fr{float:right;}
.none{display:none;}
.ani5{transition: all ease-in-out .5s;}
.ani{overflow: hidden;}
.ani img{transition: all ease-in-out .3s; display: block;}
.ani:hover img{ transform: scale(1.05);}
.h10px{ height:10px; width:100%; clear:both;}
.h15px{ height:15px; width:100%; clear:both;}
.h20px{ height:20px; width:100%; clear:both;}
.h25px{ height:25px; width:100%; clear:both;}
.h50px{ height:50px; width:100%; clear:both;}
.mt15px{ margin-top:15px;}
.mt10px{ margin-top:10px;}
.mt20px{ margin-top:20px;}
.mr15px{margin-right: 15px;}
.w1200{width:1200px; margin:0 auto;}
.blod{ font-weight:bold;}
.txt{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
center{ text-align:center; line-height:60px; font-family:"微软雅黑"}
em,i{ font-style:normal;}
.tecen{ text-align: center !important;}
.red{color: red;}
.w100{width: 100%; overflow: hidden; position: relative; z-index: 0; min-width: 1400px;}

/*
 关于我们
 * */
#head{height: 108px;}
.logo{display: block; padding: 18px 0 0; float: left; width: 386px; height: 72px;}
.nav_con{float: right; height: 108px; position:relative;}
.nav_con .h_tel{position:absolute; right:0; top:0; background:url(../images/htel.png) left center no-repeat #Fff; padding-left:30px;}
.nav_con .h_tel h3{float:left; margin-right:20px; font:400 20px/30px Arial, Helvetica, sans-serif; color:#0eb04e;}
.nav_con li{float: left; width: 96px;}
.nav_con li a{display: block; padding: 28px 0 0; text-align: center; height: 78px; font: 400 14px/78px "微软雅黑"; color: #333;}
.nav_con li a:hover{background: #f3f3f3; border-bottom: #0eb04e solid 2px; color: #0eb04e;}
.nav_con li.hover a{background: #f3f3f3; border-bottom: #0eb04e solid 2px; color: #0eb04e;}

#nban{height: 250px; position: relative;}
#nban img{display: block; position: absolute; left: -360px; top: 0;}

#nmain{padding: 34px 0;}
.n_left{float: left; width: 200px; padding: 0 3px;}
.n_left h3{height: 42px; text-align: center; font: 400 24px/34px "微软雅黑"; color: #222; border-bottom: #0eb04e solid 3px;}
.n_lfty{padding: 20px 0;}
.n_lfty li{height: 38px; border-bottom: #d5d5d5 solid 1px;}
.n_lfty li a{display: block; padding-left: 66px; font: 400 14px/38px "微软雅黑"; color: #222;}
.n_lfty li a:hover{color: #015836; background: url(../images/lf_ico.jpg) 176px center no-repeat;}
.n_lfty li.hover a{color: #015836; background: url(../images/lf_ico.jpg) 176px center no-repeat;}

.n_right{float: right; width: 965px;}
.n_dqwz{height: 44px; border-bottom: #d5d5d5 solid 1px;}
.n_dqwz h3{float: left; padding: 0 12px; font: 400 18px/32px "微软雅黑"; color: #0eb04e;}
.n_dqwz p{float: right; font: 400 14px/32px "微软雅黑"; color: #666; background: url(../images/dqwz_ico.jpg) left 9px no-repeat; padding-left: 22px;}
.n_dqwz p a{color: #666;}
.n_dqwz p a:hover{color: #0EB04E;}
.n_ncon{padding: 22px 10px 20px 15px; font: 400 16px/180% "微软雅黑"; color: #333; min-height: 300px;}

.n_bt{height: 58px; border-bottom: #d5d5d5 solid 1px; font: 400 24px/58px "微软雅黑"; color: #3d3d3d; padding: 0 0 0 50px;}
.n_nr{height: 330px; padding: 30px 0 0;}
.n_nr li{float: left; width: 288px; height: 268px; border: #cdcdd1 solid 1px; margin-right: 12px;}
.n_nr li:nth-child(4n){margin-right: 0;}
.n_nr li .pic{display: block; width: 288px; height: 216px; border-bottom: #CDCDD1 solid 1px;}
.n_nr li .txt{display: block; text-align: center; height: 50px; font: 400 16px/50px "微软雅黑"; color: #333;}

#boot{background: #1e1e1e;}
.bt_con{height: 223px; padding: 54px 0 0;}
.bt_lf{float: left; width: 515px;}
.bt_lf h3{height: 56px; padding: 0 0 0 30px; font: bold 18px/36px "微软雅黑"; color: #999;}
.bt_lf .nr{height: 69px; border-bottom: #535353 solid 1px; padding-left: 55px; font: 400 14px/28px "微软雅黑"; color: #999;}
.bt_lf .nr dd{float: left; width: 233px; height: 28px;}
.bt_lf .nr dt{background: url(../images/bt_email.jpg) left center no-repeat; padding-left: 26px; float: left;}
.bt_lf .ddr{font: 400 14px/48px "微软雅黑"; color: #999; padding-left: 55px;}

.bt_logo{display: block;float: left; padding: 58px 0 0 142px; width: 280px; height: 70px;}

.bt_ri{float: right; padding: 18px 0 0;}
.bt_ri .ewm{width: 135px; height: 135px; float: left;}
.bt_ri p{float: left; text-align: center; width: 20px; padding: 0 6px; font: bold 16px/17px "微软雅黑"; color: #999;}
.bt_line{position: absolute; width: 1px; height: 112px; background: #535353; right: 212px; top: 28px;}

#copy{background: #292828; text-align: center; height: 65px; font: 400 14px/64px "微软雅黑"; color: #999; overflow:hidden;}
#copy a{color: #999;}
#copy a:hover{color:#0EB04E;}

/*
 联系我们
 * */
.n_ys{padding: 40px 0 0; height: 650px;}
.n_ys dl{float: left; width: 33.33%;}
.n_ys dl dt{width: 327px; height: 131px; margin: 0 auto;}
.n_ys dl dd{width: 312px; margin: 0 auto; height: 140px;}
.n_ys dl dd .txt{height: 44px; padding: 10px 0 0; font: 400 24px/44px "微软雅黑"; color: #222;}
.n_ys dl dd .nr{font: 400 14px/22px "微软雅黑"; color: #222;text-align: justify; text-align: justify;}

/*
 新闻列表
 * */
.n_list{padding: 28px 0 0;}
.n_list .one{height: 207px; border-bottom: #d2d2d2 dashed 1px; padding: 0 15px 0 35px;}
.n_list .one .pic{float: left; width: 249px; height: 187px; display: block;}
.n_list .one .text{float: right; width: 645px; padding: 24px 0 0;}
.n_list .one .text .txt{display: block; height: 50px; font: 400 16px/50px "微软雅黑"; color: #222;}
.n_list .one .text .txt:hover{color: #0eb04e;}
.n_list .one .nr{height: 62px; font: 400 14px/22px "微软雅黑"; color: #999;}
.n_list .one .more{font: 400 14px/22px "微软雅黑"; color: #ea2a0c;}
.n_list dl{border-bottom: #D2D2D2 dashed 1px; height: 86px; padding: 22px 15px 0 20px;}
.n_list dl dt{height: 32px;}
.n_list dl dt .txt{display: block; height: 32px; font: 400 16px/32px "微软雅黑"; color: #222; background: url(../images/news_ico1.jpg) left center no-repeat; padding-left: 18px; float: left;}
.n_list dl dt .txt:hover{color: #0eb04e; background: url(../images/news_ico2.jpg) left center no-repeat;}
.n_list dl dt span{float: right; font: 400 16px/32px "微软雅黑"; color: #222;}
.n_list dl dd{font: 400 14px/32px "微软雅黑"; color: #999; padding-left: 20px;}


.page{padding:70px 20px 50px; text-align: center; font: 400 14px/38px "微软雅黑"; color: #666;}
.page.pro{padding-top: 40px;}
.page a{display: inline-block; vertical-align: middle; color: #666; width: 38px; height: 38px; border: #e5e5e5 solid 1px; margin-left: -1px;}
.page a.auto{width: auto; padding: 0 12px;}
.page a:hover{background: #0eb04e; color: #fff; border: #0eb04e solid 1px; text-decoration: none;}
.page a.hover{background: #0eb04e; color: #fff; border: #0eb04e solid 1px; text-decoration: none;}
.page span{display: inline-block; vertical-align: middle; color: #666; padding: 0 10px;}
.page form{display: inline-block; vertical-align: middle; *display:inline; *zoom: 1;}
.page form input{width: 38px; height: 38px; margin: 0 5px; display: inline-block; vertical-align: middle; text-align: center; border: #e5e5e5 solid 1px; font: 400 14px/38px "微软雅黑"; color: #089afd;}
.page form input.btn{width: 60px; height: 40px; background:#0eb04e; border: #0eb04e solid 1px; cursor: pointer; color: #fff;}

.v_tit{margin: 10px 30px 0; font: bold 20px/70px "微软雅黑"; color: #222; text-align: center; border-bottom: #D2D2D2 solid 1px;}
.v_tim{text-align: center; height: 60px; font: 400 14px/60px "微软雅黑"; color: #999;}
.v_tim img{display: inline-block; vertical-align: middle; margin-right: 10px; cursor: pointer;}
.v_ncon{padding: 10px 30px 20px; font: 400 14px/200% "微软雅黑"; color: #333; min-height: 300px;}

.updown{padding: 30px 0;}
.updown div{width: 45%; height: 58px; border-top: #d7d7d7 solid 1px; border-bottom: #d7d7d7 solid 1px; padding: 0 2%; font: 400 14px/58px "微软雅黑"; color: #333;}
.updown div a{color: #333;}
.updown div a:hover{color: #0EB04E;}

/*
 产品展示
 * */
.pro_list{padding: 32px 0 0;}
.pro_list li{margin:0 5px 40px 20px; border: #cdcdd1 solid 1px; width: 288px; height: 268px; float: left;}
.pro_list li .pic{width: 288px; height: 216px; border-bottom: #CDCDD1 solid 1px; display: block;}
.pro_list li .txt{display: block; height: 50px; font: 400 16px/50px "微软雅黑"; color: #333; text-align: center;}
.pro_list li .txt:hover{color: #0EB04E;}


.lf_pty dt{height: 50px; border-bottom: #d5d5d5 solid 1px; font: bold 18px/50px "微软雅黑"; color: #333; padding-left: 18px;}
.lf_pty dd{font: 400 14px/38px "微软雅黑"; color: #666666;}
.lf_pty dd a{display: block; height: 38px; border-bottom: #D5D5D5 solid 1px; padding-left: 18px; color: #666; position: relative;}
.lf_pty dd a:hover{background: url(../images/lf_ico.jpg) 176px center no-repeat; color: #0eb04e;}
.lf_pty dd a.hover{background: url(../images/lf_ico.jpg) 176px center no-repeat; color: #0eb04e;}
.lf_pty dd a i{display: block; position: absolute; top: 9px; right: 40px; width: 38px; height: 18px; background: #0eb04e; line-height: 18px; color: #fff; text-align: center;}

.pv_con1{height: 368px; padding: 20px 15px 0 0;}
.pv_con1 .pic{float: left; width: 448px; height: 336px; border: #ceced2 solid 1px;}
.pv_con1 .text{float: right; width: 465px; padding: 37px 0 0;}
.pv_con1 .text .txt{height: 52px; background: #f1f1f1; padding: 0 16px; font: bold 24px/52px "微软雅黑"; color: #222;}
.pv_con1 .text h3{height: 32px; padding:16px 0 0 15px; font: bold 14px/32px "微软雅黑"; color: #222; border-bottom: #CDCDD1 solid 1px;}
.pv_con1 .text .nr{padding: 15px; font: 400 14px/26px "微软雅黑"; color: #222;}

.pv_bt{height: 42px; border-bottom: #D2D2D2 solid 1px; padding: 0 0 0 32px; font:400 18px/42px "微软雅黑"; color: #015836;}
.pv_ncon{padding: 10px 5px 20px 20px; font: 400 16px/180% "微软雅黑"; color: #333;min-height: 300px;}

.back{width: 120px; height: 40px; margin: 0 auto; background: #0EB04E; border-radius: 5px; text-align: center; font: 400 14px/40px "微软雅黑"; color: #fff; display: block;}

/*
 首页
 * */
#ban{position: relative; height: 550px;}
.banner{width: 1920px; position: absolute; top: 0; left: -360px; height: 550px; overflow: hidden;}
#banner{position: relative; width: 1920px; height: 550px;}
.banner ul{position: absolute; top: 0; left: 0; height: 550px;}
.banner ul li{width:1920px; height: 550px; float: left;}
.banner ul li a{display: block;}
.banner .btn{position: absolute; text-align: center; left: 0; bottom: 10px; width: 100%; height: 10px; padding: 4px 5px 0 0;}
.banner .btn span{width: 10px; height: 10px; border-radius: 50em; display: inline-block; vertical-align: top; text-align: center; font: 400 14px/18px arial; color: #fff; text-indent: 100px; overflow: hidden; background: #fff; cursor: pointer; margin-right: 5px;}
.banner .btn span.on{background: #0eb04e;}

#imain1{height: 587px; padding: 46px 0 0;}
.i_tit{height: 51px; border-bottom: #dfdfdf solid 1px;}
.i_tit h3{height: 50px; border-bottom: #05963e solid 2px; margin-bottom: -1px; font: 400 26px/50px "微软雅黑"; color: #333;}
.m1_c1{height: 73px; font: 400 14px/52px "微软雅黑"; color: #666;}
.m1_c2{height: 400px;}
.m1_c2 .pic{width: 260px; height: 195px; position: relative; float: left;}
.m1_c2 .pic img{display: block; width: 260px; height: 195px;}
.m1_c2 .pic .txt{position: absolute; top: 0; left: 0; text-align: center; width: 260px; height: 195px; background: url(../images/i_pf.png); font: 400 16px/195px "微软雅黑"; color: #fff; display: none;}
.m1_c2 .pic:hover .txt{display: block;}
.m1_c2 .lf{float: left; width: 525px; min-height:400px;}
.m1_c2 .lf .pic{margin: 0 2px 3px 0;}

.m1_c2 .cen{float: left; width: 150px; background: #05963e; height: 393px; position: relative;}
.m1_c2 .cen h3{width: 36px; background: url(../images/i_tj.jpg) center bottom no-repeat; padding-bottom: 42px; font: 400 36px/36px "微软雅黑"; color: #fff; position: absolute; top: 82px; left: 57px;}

.m1_c2 .ri{float: right; width: 524px; padding-left: 1px;}
.m1_c2 .ri .pic{margin: 0 0 3px 2px;}

#imain2{height: 640px; background: url(../images/i_bg1.jpg) center center no-repeat;}
#imain2 .tit{padding: 47px 0 0; border-bottom: #2e70d9 solid 1px; height: 51px; text-align: center;}
#imain2 .tit span{height:50px; margin-bottom: -1px; border-bottom: #05963E solid 2px; padding: 0 10px; font: 400 26px/50px "微软雅黑"; color: #fda10a; display: inline-block;}
#imain2 .nr{height: 52px; text-align: center; font: 400 16px/52px "微软雅黑"; color: #7aa5e9;}
.m2_con{position: relative; height: 410px;}
.m2_con dl{position: absolute; width: 196px; height:280px;}
.m2_con dl dt{height: 130px;}
.m2_con dl dt h3{height: 40px; padding: 2px 0 0; font: bold 20px/40px "微软雅黑"; color: #fff;}
.m2_con dl dt div{font: 400 14px/24px "微软雅黑"; color: #7893ce;}
.m2_con dl dt div a{color: #fda10a;}
.m2_con dl dd{height: 132px; width: 132px; margin-bottom: 16px;}
.m2_con dl.d1{top: 0; left: 0;}
.m2_con dl.d2{top:100px; left: 200px;}
.m2_con dl.d3{top:26px; left: 405px; width: 245px;}
.m2_con dl.d4{top:190px; left: 595px; width: 265px;}
.m2_con dl.d5{top:100px; left: 850px; width: 305px;}
.m2_con dl.d6{top:195px; right: 0; width: 285px;}
.m2_con dl.d6 dt,.m2_con dl.d6 dd{text-align: right; float: right;}

#imain3{height: 630px; background: url(../images/i_bg2.jpg) center top no-repeat #f3f3f3;}
#imain3 .tit{padding: 47px 0 0; border-bottom: #d2d2d2 solid 1px; height: 51px; text-align: center;}
#imain3 .tit span{height:50px; margin-bottom: -1px; border-bottom: #05963E solid 2px; padding: 0 10px; font: 400 26px/50px "微软雅黑"; color: #333; display: inline-block;}
#imain3 .nr{height: 65px; padding: 12px 0 0;}
#imain3 .nr img{display: block; margin: 0 auto;}
.m3_con .qh{height: 92px; position: relative; padding-left: 291px;}
.m3_con .qh .lbian{height: 1px; width: 291px; background: #d2d2d2; position: absolute; left: 0; top: 49px;}
.m3_con .qh .js{float: left; width: 148px; height: 48px; border: #D2D2D2 solid 1px; border-bottom: none; display: block; text-align: center; font: 400 16px/48px "微软雅黑"; color: #05963e;}
.m3_con .qh ul{float: left; height: 49px; border-bottom: #D2D2D2 solid 1px; width: 758px;}
.m3_con .qh ul li{float: left; width: 150px; height: 49px; background: #05963e; text-align: center; font: 400 16px/48px "微软雅黑"; color: #fff; margin-left: 7px;}
.m3_con .qh ul li a{display: block; color: #fff;}
.m3_con .qh ul li:hover{opacity: .9;}
.m3_con .lf{float: left; padding: 32px 0 0 34px; width: 568px;}
.m3_con .lf .company{height: 205px; font: 400 14px/24px "微软雅黑"; color: #666;}
.m3_con .lf .tel{background: url(../images/i_tel.jpg) left center no-repeat; height: 62px; padding-left: 48px;}
.m3_con .lf .tel p{padding: 7px 0 0; font: 400 14px/22px "微软雅黑"; color: #6d6a6a;}
.m3_con .lf .tel div{font: 400 26px/26px arial; color: #05963e;}

.m3_con .ri{float: right; width: 502px; height: 322px; margin-right: 40px;}
.m3_con .ri .hdp{position: relative; width: 502px; height: 322px; overflow: hidden;}
.m3_con .ri .hdp ul{position: absolute; top: 0; left: 0; height: 322px;}
.m3_con .ri .hdp ul li{width:502px; height: 322px; float: left;}
.m3_con .ri .hdp ul li a{display: block;}
.m3_con .ri .hdp .btn{position: absolute; text-align: right; left: 0; bottom: 10px; width: 492px; height: 10px;}
.m3_con .ri .hdp .btn span{width: 10px; height: 10px; border-radius: 50em; display: inline-block; vertical-align: top; text-align: center; font: 400 14px/18px arial; color: #fff; text-indent: 100px; overflow: hidden; background: #fff; cursor: pointer; margin-right: 5px;}
.m3_con .ri .hdp span.on{background: #0eb04e;}

#imain4{height: 620px;}
#imain4 .tit{padding: 50px 0 0; border-bottom: #d2d2d2 solid 1px; height: 51px; text-align: center;}
#imain4 .tit span{height:50px; margin-bottom: -1px; border-bottom: #05963E solid 2px; padding: 0 10px; font: 400 26px/50px "微软雅黑"; color: #333; display: inline-block;}
#imain4 .nr{padding: 30px 0 0; height: 97px;}
#imain4 .nr img{display: block; margin: 0 auto;}
#imain4 .qh{height: 39px; border-bottom: #d2d2d2 solid 1px; text-align: center;}
#imain4 .qh a{display: inline-block; vertical-align: top; width: 150px; height: 40px; margin-bottom: -1px; background: #05963e; text-align: center; font: 400 16px/40px "微软雅黑"; color: #fff; margin: 0 3px;}
.m4_con{padding: 44px 0 0; height: 265px; position: relative;}
.m4_con .ctrl{width: 50px; height: 50px; cursor: pointer;position: absolute; top: 126px;}
.m4_con .ctrl.lf{left: 0;}
.m4_con .ctrl.ri{right: 0;}
.m4_con .gdnr{width: 1000px; margin: 0 auto; overflow: hidden; height: 265px;}
.m4_con .gdnr ul{width: 1000%;}
.m4_con .gdnr ul li{float: left; width: 350px; height: 265px;}
.m4_con .gdnr ul li .txt{display: block; height: 28px; font: 400 16px/28px "微软雅黑"; color: #333;}
.m4_con .gdnr ul li .txt:hover{color: #05963E;}
.m4_con .gdnr ul li .tim{height: 32px; font: 400 16px/26px arial; color: #05963e;}
.m4_con .gdnr ul li .text{height: 54px; font: 400 14px/18px "微软雅黑"; color: #999; width: 300px;}
.m4_con .gdnr ul li .pic{display: block; width: 300px; height: 130px;}

#imain5{height: 400px; background:#f3f3f3}
#imain5 .tit{padding: 50px 0 0; border-bottom: #d2d2d2 solid 1px; height: 51px; text-align: center;}
#imain5 .tit span{height:50px; margin-bottom: -1px; border-bottom: #05963E solid 2px; padding: 0 10px; font: 400 26px/50px "微软雅黑"; color: #333; display: inline-block;}
#imain5 .nr{padding: 24px 0 0; height: 80px;}
#imain5 .nr img{display: block; margin: 0 auto;}
#imain5 .con{height: 190px; position: relative;}
.m5_con{position: absolute; left: 0; top: 0; width: 1200px; height: 272px;}
.m5_con li{float: left; width: 299px; height: 272px; padding-right: 1px;}
.m5_con li .pic{width: 299px; height: 225px; overflow: hidden; display: block; background: #000;}
.m5_con li .pic img{opacity: .8;}
.m5_con li .txt{display: block; height: 47px; text-align: center; font: 400 14px/46px "微软雅黑"; color: #000; background:#f3f3f3}
.m5_con li a{display: block;}
.m5_con li a:hover .txt{color: #fff; background: #05963e;}
.m5_con li a:hover .pic img{opacity: 1;}

#imain6{padding: 136px 0 0; height: 400px;}
#imain6 .tit{border-bottom: #d2d2d2 solid 1px; height: 51px; text-align: center;}
#imain6 .tit span{height:50px; margin-bottom: -1px; border-bottom: #05963E solid 2px; padding: 0 10px; font: 400 26px/50px "微软雅黑"; color: #333; display: inline-block;}
#imain6 .nr{height: 86px; padding: 26px 0 0;}
#imain6 .nr img{display: block; margin: 0 auto;}
#imain6 .lkgd{height: 190px; overflow: hidden;}
.m6_con{position: relative; width: 1200px; height: 195px;}
.m6_con ul{position: absolute; top: 0; left: 0; height: 195px;}
.m6_con ul li{width:1200px; height: 195px; float: left;}
.m6_con ul li .pic{display: block; width: 200px; float: left; height: 60px; margin-bottom: 30px;}
.m6_con ul li .pic img{display: block; margin: 0 auto;}
.m6_con .btn{position: absolute; text-align: center; left: 0; bottom: 10px; width: 100%; height: 10px; padding: 4px 5px 0 0;}
.m6_con .btn span{width: 10px; height: 10px; border-radius: 50em; display: inline-block; vertical-align: top; text-align: center; font: 400 14px/18px arial; color: #fff; text-indent: 100px; overflow: hidden; background: #e99f49; cursor: pointer; margin-right: 5px;}
.m6_con .btn span.on{background: #0eb04e;}
.hui{filter:grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(1);}  

.bt_fx{ display:inline-block; vertical-align:middle; background:url(../images/bt_fx.jpg) left center no-repeat; width:150px; height:20px;}
.bt_fx a{background:none !important;}
#map{ width:100%; height:380px;}