@charset "utf-8";html{min-width: 1200px}
.red{color: red!important}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;line-height: 0}
.clearfix{*zoom:1}
.clear{clear: both}
.fl{float: left}
.fr{float: right}
.hidden{display: none}
.required{color: red;font-weight: 700}
.form_text_verifycode{width: 80px}
.form_radio{width: auto;border: 0}
.form_checkbox{width: auto;border: 0}
.w1200{width: 1200px;margin: 0 auto}
.por{position: relative}
.poa{position: absolute}
.icon{background: url(img/icon.png) no-repeat;display: inline-block;vertical-align: middle}
#header_main,#top_main,#banner_main,#floor_1_main,#links_main,#footer_main{width: 100%;margin: 0}
.trans{-webkit-transition: all .3s ease-in;-moz-transition: all .3s ease-in;-o-transition: all .3s ease-in;transition: all .3s ease-in}
.header_main{width: 100%;z-index: 100;position: relative;height: 95px;background: url(img/top_bg.jpg) no-repeat center top #1d1e22;transition: all .3s ease-in;top: 0;}
.header_main .logo{display: block;width: 550px;overflow: hidden;height: 95px;line-height: 95px;}
.header_main .logo .logo-img{display: block;padding-top: 17px;float:left;width: 110px;}
.header_main .logo .logo-img img{max-width: 100%;display: block;vertical-align: middle;margin-right: 15px;}
.header_main .logo .logo-h1{float:left;font-size: 24px;color:#ffffff;width: 435px;overflow: hidden;height: 95px;}
.topright{position: relative;padding-top: 34px;width: 650px;}
.topbtn{padding-right: 7%;position: relative;z-index: 10}
.topbtn .topsearch{width: 60px;border: 1px solid #52545b;height: 30px;line-height: 30px;color: #fff;text-align: center;position: absolute;right: 6%;top: 0;-moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px;display: block}
.header_main .search-box{position: absolute;right: 0;top: -25px;height: 80px;line-height: 80px;z-index: 99}
.header_main .search-box .butn{display: block;cursor: pointer;width: 40px;height: 40px;line-height: 40px;color: #fff;text-align: center;margin-top: 19px;background: url(img/ico_60.png) no-repeat center}
.header_main .search-box .butn i{width: 38px;height: 38px;display: none;background: url(img/sou.png) no-repeat center;margin: 0 auto;border: 1px solid #52545b;-moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px}
.header_main .search-box .butn.hov{background: 0 0}
.header_main .search-box .butn.hov i{display: block}
.header_main .search-box .share-sub{position: absolute;right: 40px;top: 15px;width: 0;height: 48px;overflow: hidden;background: #ededed;border-radius: 5px 0 0 5px}
.header_main .search-box .share-sub .sub-btn{border: none;width: 48px;height: 48px;cursor: pointer;outline: none;background: #3fb150 url(img/sou.png) no-repeat center;}
.header_main .search-box .share-sub .tex{width: 138px;font-size: 14px;height: 20px;line-height: 20px;padding: 14px 10px;color: #666;border: none;background: #ededed;outline: none;}
.header_main .search-box .share-sub select{border: 1px solid #ffffff;border-color: #ffffff;height: 48px;outline: none;padding: 0 3px;line-height: 48px;float: left;}
.header_main .search-box .share-sub option{line-height:28px;}
.header_main .search-box .lang-box{margin-top: 21px;margin-right: 39px}
.header_main .search-box .lang-box a{display: inline-block;text-align: center;font-size: 12px;margin-left: 29px}
.header_main .search-box .lang-box .stt{display: inline-block;line-height: 30px;font-size: 14px;color: #777;margin-right: 4px}
.header_main.fixt{/* position: fixed*/}
.header_main .nav{padding-right: 40px}
#nav .navlist{position: relative;display: block}
#nav li{float: left;display: inline-block;list-style: none;font-size: 15px;text-align: center;position: relative;height: 61px;}
#nav li a{display: block;text-align: center;position: relative;color: #eee;height: 28px;line-height: 28px;padding: 0 18px;border: 1px solid #25262b;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px}
#nav li.hover a,#nav li:hover a{color: #3fb150;border: 1px solid #3fb150}
.top .toprig .item h4{display: block;font-size: 30px}
#nav ul .subnav{position: absolute;filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0,10px,0);-moz-transform: translate3d(0,10px,0);-webkit-transform: translate3d(0,10px,0)}
#nav ul li:hover .subnav{opacity: 1;visibility: visible;transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0)}
#nav ul .subnav{background: #fff;border-top: 2px solid #63b670;box-shadow: 0 13px 42px 11px rgba(0,0,0,.05);height: auto;left: 0;overflow: hidden;position: absolute;top: 100%;width: 100%;z-index: 199}
#nav ul .subnav a{color: #666;display: block;font-size: 13px;font-weight: 500;height: 40px;line-height: 40px;padding: 0;transition: all .2s ease-in-out 0s;max-width: 100%;border: 0;border-bottom: 1px solid #eee;border-radius: initial}
#nav ul .subnav a:hover{color: #63b670;background: #f9f9f9;text-indent: 3px}
#banner_main{overflow: hidden;position: relative;z-index: 2;margin-bottom: 15px;}
#banner_main .banner{height: 650px;margin-top: 0;}
#banner{width: 100%;min-width: 1000px;position: relative;overflow: hidden;z-index: 0}
#banner,.banner ul{max-height: 650px;overflow: hidden}
.banner li{width: 100%;position: absolute;z-index: 1;overflow: hidden}
.banner li img{width: 1920px;display: block;position: relative;left: 50%;margin-left: -960px;top: 0}
#banner .tip{width: 1000px;height: 20px;line-height: 0;font-size: 0;text-align: center;position: absolute;left: 50%;margin-left: -500px;bottom: 20px;z-index: 3}
#banner .tip span{height: 5px;margin: 0 2px;width: 50px;display: inline-block;font-size: 0;cursor: pointer;background: #fff;opacity: .6;filter: Alpha(opacity=60);*zoom:1}
#banner .tip span.cur{background-color: #3fb150;opacity: 1;filter: Alpha(opacity=100)}
#banner #btn_prev,#banner #btn_next{width: 40px;height: 90px;position: absolute;top: 50%;z-index: 5;margin-top: -45px;-webkit-transition: all 0s ease-in-out 0s;-moz-transition: all 0s ease-in-out 0s;transition: all 0s ease-in-out 0s}
#banner #btn_prev{background-position: 0 0;left: 10%;}
#banner #btn_next{background-position: -50px 0;right: 10%;}
#banner #btn_prev:hover{background-position: 0 -98px}
#banner #btn_next:hover{background-position: -50px -98px}
.transs{-webkit-transition: all .4s cubic-bezier(.4,0,.2,1);-moz-transition: all .4s cubic-bezier(.4,0,.2,1);-o-transition: all .4s cubic-bezier(.4,0,.2,1);transition: all .4s cubic-bezier(.4,0,.2,1)}
.index .title{text-align: center;width: 100%;padding-bottom: 30px;line-height: normal;font-weight: normal;font-size: inherit;}
.index .title h3{font-size: 30px;font-weight: 400;display: block;line-height: 30px;background: url(img/title.png) no-repeat center}
.index .title p{color: #999;font-size: 20px;text-transform: uppercase;font-family: avantgardeitvbybt book,arial;padding-top: 14px}
.index .title h3 b{display: inline-block}
.imenu{text-align: center}
.imenu a{font-size: 16px;display: inline-block;padding: 0 24px;text-align: center;border-left: 1px solid #3fb150;height: 20px;line-height: 20px}
.imenu a:first-child{border-left: 0}
.imenu a:hover{color: #3fb150}
.index .floor_1_main{padding-top: 80px;padding-bottom: 80px;}
.ipro{position: relative;overflow: hidden;padding: 30px 0}
.ipro .list{width: 108%}
.ipro .item{float: left;width: 386px;display: block;height: 290px;overflow: hidden;margin-bottom: 20px;margin-right: 20px;position: relative}
.ipro .item a{display: block;position: relative;width: 100%;height: 290px}
.ipro .item .item-img{width: 386px;height: 290px;display: table-cell;vertical-align: middle;text-align: center;overflow: hidden;background-color: #ededed;}
.ipro .item img{transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;max-height: 290px;max-width: 386px;_height: 290px;_width: 386px;}
.ipro .item:hover img{transform: scale(1.06,1.06)}
.ipro .item h3{position: absolute;left: 0;bottom: 0;width: 100%;text-indent: 30px;font-weight: 400;font-size: 14px;height: 65px;line-height: 65px;background: url(img/black60.png) repeat;color: #fff;}
.ipro .item em{position: absolute;right: 0;bottom: 20px;z-index: 2;width: 32px;height: 26px;background-position: -190px 0;display: block;margin-right: 30px;vertical-align: middle}
.ipro .item:hover h3{background: url(img/ipro_t.png) repeat-x left top}
.index .floor_2_main{background: url(img/iyoushi.jpg) no-repeat center top;height: 700px;overflow: hidden;}
.index .floor_2,.index .floor_3{padding: 80px 0 40px;position: relative;}
.index .floor_2 .title{color: #fff}
.iyoushi{/* background: url(img/bieshu.png) no-repeat 460px center;*//* height: 536px;*//* overflow: hidden;*/}
.iyoushi .item{width: 375px;/* height: 128px;*//* background: url(img/yousitem.png) no-repeat left top;*/float: left;margin-top: 40px;}
.iyoushi .item a{display: block;padding: 40px}
.iyoushi .item .img{width: 50px;height: 50px;overflow: hidden;position: relative;margin-left: 10px}
.iyoushi .item .img img{position: absolute;left: 0;top: 0;width: 50px;display: block}
.iyoushi .item .txt{width: 140px;padding-left: 60px;color: #fff}
.iyoushi .item .txt h3{font-size: 20px;font-weight: 700;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s}
.iyoushi .item .txt p{font-family: arial;color: #ccc;padding-top: 0}
.iyoushi .it1,.iyoushi .it5{/* margin-left: 62px;*//* margin-right: 60px;*/text-align: center;}
.iyoushi .it1 img{width:280px;}
.iyoushi .it2,.iyoushi .it6{margin-right: 65px;float: right;width: 750px;color: #ffffff;text-indent: 2rem;line-height: 30px;font-size: 14px;}
.iyoushi .it4{float: right}
.iyoushi .item:hover{/* background: url(img/yousitem_a.png) no-repeat left top*/}
.iyoushi .item:hover .txt h3{color: #3fb150}
.iyoushi .item:hover .img img{top: -50px}
.xunpan{width: 100%;background: url(img/xunpan.jpg) no-repeat center center fixed;no-repeat center center fixed;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;height: 100%;color: #fff;}
.xunpan .zixun{width: 300px;padding-top: 40px;text-align: center}
.xunpan .zixun a{-moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px;height: 50px;display: block;line-height: 50px;color: #fff;background: #3fb145;font-size: 20px}
.xunpan .zixun:hover a{background: #43be4a}
.xunpan .tel{border: 1px solid #85878d;height: 50px;line-height: 50px;color: #fff;font-size: 26px;text-align: center;font-family: avantgardeitvbybt book,arial;-moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px;margin-bottom: 20px}
.xunpan .tel em{width: 25px;height: 25px;display: inline-block;background-position: -100px 0;margin-right: 10px}
.xunpan strong{display: inline-block;color: #fff;font-weight: 700;font-size: 28px;padding-right: 10px;font-style: italic}
.xunpan p{font-size: 20px}
.xunpan .bigtxt{font-size: 40px;padding-bottom: 20px;padding-top: 54px}
.floor_3_main{overflow: hidden}
.liuc{position: relative;overflow: hidden;padding: 40px 0 10px;}
.liuc .list{width: 108%}
.liuc li{float: left;width: 201px;margin-bottom: 15px;}
.liuc li .Piece{width: 178px;padding: 5px;background: #f5f5f5;float: left;font-size: 20px;text-align: center;-webkit-transition: all .3s ease;transition: all .3s ease;box-shadow: 0 0 0 #fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.liuc li .jtou{width: 36px;height: 188px;background: url(img/jtou.png) no-repeat center;float: left;display: block}
.liuc li img{width: 178px;max-height: 80px;display: block;margin: 0 auto;}
.liuc li p{text-align: center;height: 30px;font-size: 14px;}
.liuc li p.p-img{text-align: center;height: 88px;}
.liuc li:last-child .jtou{display: none}
.liuc li:hover .Piece{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);box-shadow: 0 15px 30px rgba(0,0,0,.1);-webkit-transform: translate3d(0,-2px,0);transform: translate3d(0,-2px,0)}
.photo{}
.photo li{width: 243px;}
.photo li .Piece{width: 215px;padding: 5px;background: #f5f5f5;float: left;font-size: 20px;text-align: center;-webkit-transition: all .3s ease;transition: all .3s ease;box-shadow: 0 0 0 #fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.photo li .jtou{width: 36px;height: 188px;background: url(img/jtou.png) no-repeat center;float: left;display: block}
.photo li img{width: 215px;max-height: 150px;display: block;margin: 0 auto;}
.photo li p{text-align: center;height: 30px;line-height: 30px;font-size: 14px;padding-top: 5px;padding-bottom: 5px;}
.photo li p.p-img{text-align: center;height: 150px;padding-top: 0;display: table-cell;vertical-align: middle;text-align: center;overflow: hidden;padding-bottom: 0;}
.photo li:last-child .jtou{display: none}
.photo li:hover .Piece{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);box-shadow: 0 15px 30px rgba(0,0,0,.1);-webkit-transform: translate3d(0,-2px,0);transform: translate3d(0,-2px,0)}
.floor_4_main{background: #f5f5f5;overflow: hidden;width: 100%}
.index .floor_4{padding: 80px 0;position: relative}
.textlist{overflow:hidden;}
.textlist .list{width: 104%;padding-bottom: 30px!important}
.textlist .item{float: left;width: 275px;height: 310px;margin-right: 30px;transition: all .2s linear 0s;margin-bottom: 30px;box-shadow: 0 2px 5px rgba(0,0,0,.1);background: #fff;}
.textlist .item a{display: block;padding: 0;color: #333}
.textlist .item .img{width: 275px;height: 161px;overflow: hidden;cursor: pointer;position: relative;}
.textlist .item .img img{width: 100%;height: 100%;transition: all .3s ease-out 0s;display: block}
.textlist .item:hover .img img{transform: scale(1.1,1.1)}
.textlist .item .txt{padding: 10px 10px 0;}
.textlist .item h3{font-size: 18px;height: 28px;overflow: hidden;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.textlist .desc{line-height: 24px;height: 52px;overflow: hidden;margin-bottom: 5px;cursor: pointer;padding-top: 5px;color: #888888;}
.textlist span{display: block;color: #666;font-family: arial;padding-top: 10px;border-top: 1px solid #ededed;text-align: center;}
.textlist .item h3>span{display:initial;color: #de0606;}
.textlist .item:hover{-webkit-box-shadow: 0 15px 15px rgba(0,0,0,.1);box-shadow: 0 15px 30px rgba(0,0,0,.1);-webkit-transform: translate3d(0,-2px,0);transform: translate3d(0,-2px,0)}
.textlist .item:hover h3{color: #3fb150}
.textlist-new{padding:20px 0}
.textlist-new .list{padding-bottom: 0 !important;}
.textlist-new .item{width: 304px;height: 400px;margin-right:20px}
.textlist-new .item:nth-child(3n){margin-right:0}
.textlist-new .item .img{width: 304px;height: 250px;}
.floor_4 .btn{width: 40px;height: 40px;display: block;position: absolute;top: 45%;cursor: pointer;}
.floor_4 .btn.prev{background-position: -100px -50px;left: -5%}
.floor_4 .btn.next{background-position: -190px -50px;right: -5%}
.floor_4 .btn.prev:hover{background-position: -145px -50px}
.floor_4 .btn.next:hover{background-position: -236px -50px}
.indnews{padding: 80px 0;overflow: hidden;position: relative;background: #f5f5f5;}
.index .more{width: 180px;height: 36px;line-height: 36px;text-align: center;color: #fff;display: block;margin: 40px auto 0;background: #444;transition: all .2s linear 0s}
.index .more:hover{background: #3fb150;color: #fff;text-indent: 10px}
.ipatent_main{width: 100%;background: url(img/patent.jpg) no-repeat center top;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;height: 100%;overflow: hidden;}
.ipatent_main .floor{overflow: hidden;padding: 100px 0}
.ipatent_main .title{color: #fff}
.ipatent_main .title h3{background: url(img/title1.png) no-repeat center}
.ipatent{padding-top: 40px}
.ipatent .item{width: 580px;height: 140px;background: url(img/pat_bk.png) no-repeat left top;float: left;margin-left: 37px}
.ipatent .item:first-child{margin-left: 0}
.ipatent .item a{display: block;padding: 30px}
.ipatent .item .img{width: 64px;height: 60px;overflow: hidden;position: relative;margin-right: 40px;margin-left: 22px;margin-top: 10px}
.ipatent .item .img img{position: absolute;left: 0;top: 0;width: 100%;display: block}
.ipatent .item .txt{width: 350px;color: #fff;padding-left: 20px}
.ipatent .item .txt h3{font-size: 20px;font-weight: 700}
.ipatent .item .txt p{font-family: arial;color: #ccc;padding-top: 0}
.newsBox{width: 380px;height: 410px;overflow: hidden;position: relative}
.newsBox .bd{border: 1px solid #ddd}
.newsBox .hd{height: 28px;overflow: hidden;position: absolute;bottom: 1px;z-index: 10;padding-left: 20px;text-align: center;right: 44%;}
.newsBox .hd ul{overflow: hidden;zoom:1}
.newsBox .hd ul li{margin-right: 6px;width: 10px;height: 10px;line-height: 14px;text-align: center;background: #999;cursor: pointer;-moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%;display: inline-block}
.newsBox .hd ul li.on{background: #00ae66;color: #fff}
.picBox .bd{height: 100%;z-index: 0}
.newsBox .bd li{zoom:1;vertical-align: middle;position: relative;height: 408px;overflow: hidden;background: #ffffff;}
.newsBox .bd img{width: 380px;height: 285px;display: block;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s}
.newsBox .bd li h3{display: block;font-size: 18px;color: #000;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s}
.newsBox .bd li .txt{z-index: 5;padding: 15px 20px;border-top: 0;height: 93px}
.newsBox .bd li p{padding: 0;color: #666;line-height: 24px;height: 45px;overflow: hidden}
.newsBox .bd li .time{font-size: 16px;padding-right: 30px;padding-top: 28px}
.newsBox .bd li a:hover h3{color: #3fb150}
.newsBox .bd li a:hover img{filter: alpha(opacity=80);-moz-opacity: .8;-khtml-opacity: .8;opacity: .8}
.index .txtlistbox{width: 800px}
.txtlistbox .item{border: 1px solid #ddd;margin-bottom: 14px;transition: all .2s linear 0s;margin-bottom: 20px;background: #ffffff;}
.txtlistbox .item a{display: block;padding: 26px 28px;}
.txtlistbox .item h3{font-size: 18px;vertical-align: top;padding-bottom: 5px;}
.txtlistbox .item p{font-size: 14px;line-height: 20px;height: 40px;color: #888;}
.txtlistbox .item .time{display: block;width: 90px;height: 71px;border-right: 1px solid #ddd;line-height: 20px;margin-right: 30px;color: #666;vertical-align: middle;* zoom:1;font-size: 16px;}
.txtlistbox .item .time b{color: #666;display: block;font-size: 46px;line-height: 48px;padding-bottom: 5px;}
.txtlistbox .item:hover{border: 1px solid #3fb150;-webkit-box-shadow: 0 15px 15px rgba(0,0,0,.1);box-shadow: 0 2px 6px rgba(0,0,0,.1);-webkit-transform: translate3d(0,-2px,0);transform: translate3d(0,-2px,0)}
.iabout{width: 100%;background: url(img/fl6.jpg) no-repeat center bottom #f8f8f8;padding: 80px 0}
.iabout .txt{width: 470px;height: 240px;display: block;background: #fff;padding: 40px}
.iabout .txt img{max-width: 100%;display: block}
.iabout .txt p{padding-top: 20px;color: #333}
.iabout .txt span{width: 154px;height: 34px;line-height: 34px;text-align: center;display: block;border: 1px solid #1a7140;margin-top: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;cursor: pointer}
.iabout .txt:hover span{background: #1a7140;color: #fff}
.iabout .img{width: 650px;height: 320px;display: block;overflow: hidden}
.iabout .img img{width: 100%;display: block}
.footer_main{width: 100%;background: #191919;color: #fff}
.footer_main .footer{padding-bottom: 40px}
.footer_main .footer .links{padding: 30px 0;margin-bottom: 40px;font-size: 16px;border-bottom: 1px solid #353535}
.footer_main .footer .links span{color: #fff;display: inline-block}
.footer_main .footer .links a{display: inline-block;font-size: 14px;color: #999;padding-right: 10px}
.footer_main .footer .links a:hover{color: #3fb150}
.footer_main .qcode{width: 580px;}
.footer_main .qcode .ewm{width: 130px;height: 130px;display: block;border: 5px solid #666}
.footer_main .btel{width: 400px;line-height: 28px;}
.footer_main .btel img{display: block;margin: 0 auto 8px;max-width: 100%;max-height: 60%}
.footer_main .btel .p1{color: #fff}
.footer_main .btel .p2{font-family: graydesign regular,"arial, helvetica, sans-serif";font-size: 34px;color: #3fb150;line-height: 34px;padding-bottom: 5px}
.footer_main .btel .p3{color: #999;line-height: 25px;}
.footer_main .btel .p3 a{color: #999;}
.footer_main .btel .p3 a:hover{color: #3fb150;}
.footer_main .botnavlist{}
.footer_main .botnavlist li{float: left;width: 140px;padding: 0 0 0 48px;display: block;list-style: none;font-size: 16px;line-height: 32px;text-align: left;border-right: 1px solid #353535;overflow: hidden;}
.footer_main .botnavlist li:first-child{padding-left: 0}
.footer_main .botnavlist li a{color: #fff;display: block;line-height: 32px;font-size: 16px}
.footer_main .botnavlist li a:hover{color: #3fb150}
.footer_main .botnavlist li .drop{padding-top: 10px}
.footer_main .botnavlist li .drop a{display: block;line-height: 26px;color: #999;width: 100%;font-size: 14px;}
.footer_main .botnavlist li .drop a:hover{color: #3fb150}
.copymain{border-top: 1px solid #353535;line-height: 60px;color: #999;font-size: 14px;}
.copymain a{color: #999}
.copymain a:hover{color: #3fb150}
.footer_main .yyzz{padding: 0 8px}
.toolbar{width: 130px;position: fixed;right: 0;top: 460px;z-index: 999}
.toolbar dd{width: 130px;height: 55px;margin-bottom: 0;position: relative}
.toolbar dd a{color: #fff;width: 130px;height: 55px;display: block;cursor: pointer;text-align: center;background: url(img/rightfixicon.png) no-repeat -36px 0;line-height: 45px;-webkit-transition: all 0s ease-in-out 0s;-moz-transition: all 0s ease-in-out 0s;transition: all 0s ease-in-out 0s}
.toolbar dd a span{width: 24px;height: 24px;display: inline-block;background: url(img/rightfixicon.png) no-repeat 0 0;vertical-align: middle;margin-right: 5px}
.toolbar dd a:hover{background-position: -168px 0}
.toolbar .pop{position: absolute;right: 90px;top: -45px;background: #3fb150;display: none}
.toolbar .pop-code{width: 100px;padding: 15px 15px 0}
.toolbar .pop-code img{width: 100px;height: 100px;display: block}
.toolbar .pop-code h3{height: 40px;line-height: 40px;text-align: center;color: #fff;font-size: 12px;font-weight: 400;white-space: nowrap}
.toolbar .zxzx span{background-position: 0 4px}
.toolbar .lf span{background-position: 0 -33px}
.toolbar .bj span{background-position: 0 -65px}
.toolbar .code span{background-position: 0 -33px}
.toolbar .top{width: 130px;height: 45px;background: #3fb150}
.toolbar .top span{background-position: 0 -127px}
.toolbar .top:hover{background: #2c9638}
.toolbar .side_tel{position: absolute;right: 0;top: 0;background: #3fb150;height: 45px;line-height: 45px;color: #fff;width: 0;text-align: center}
.animated{-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both}
@font-face{font-family: ADELE;src: url(img/ADELE.eot);src: url(img/adele.eot) format("eot"),url(img/adele.ttf) format("truetype")}
@-webkit-keyframes flipInY{0%{-webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);transform: perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;opacity: 0}
40%{-webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);transform: perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in}
60%{-webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);transform: perspective(400px) rotate3d(0,1,0,10deg);opacity: 1}
80%{-webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);transform: perspective(400px) rotate3d(0,1,0,-5deg)}
100%{-webkit-transform: perspective(400px);transform: perspective(400px)}}
@keyframes flipInY{0%{-webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);-ms-transform: perspective(400px) rotate3d(0,1,0,90deg);transform: perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;opacity: 0}
40%{-webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);-ms-transform: perspective(400px) rotate3d(0,1,0,-20deg);transform: perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in}
60%{-webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);-ms-transform: perspective(400px) rotate3d(0,1,0,10deg);transform: perspective(400px) rotate3d(0,1,0,10deg);opacity: 1}
80%{-webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);-ms-transform: perspective(400px) rotate3d(0,1,0,-5deg);transform: perspective(400px) rotate3d(0,1,0,-5deg)}
100%{-webkit-transform: perspective(400px);-ms-transform: perspective(400px);transform: perspective(400px)}}
.flipInY{-webkit-backface-visibility: visible!important;-ms-backface-visibility: visible!important;backface-visibility: visible!important;-webkit-animation-name: flipInY;animation-name: flipInY}