@charset "UTF-8"; body{overflow-x: hidden;overflow-y: auto;} body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd{margin: 0px;} input,button,ul,ol{margin: 0px; padding: 0px;} body,input,button,form{font-size: 14px; line-height: 28px; font-family: "microsoft yahei", 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #333;} h1,h2,h3,h4,h5,h6,font{font-weight: normal;} ul,ol,li{list-style: none;} input{background: none; border: 0 none;} img,iframe{border: 0px;} em,i{font-style: normal;} button,input,select,textarea{font-size: 100%;} table{border-collapse: collapse; border-spacing: 0;} .red{color: #e74037;} .fl{float: left;} .fr{float: right;} .tac{text-align: center;} .tar{text-align: right;} .poa{position: absolute;} .por{position: relative;} .hidden{display: none;} .hide{display: none !important;} .w1200{width: 1200px; margin: 0 auto;} .g-ico{background: url(/theme/TF000015/g-images/g-ico.png) no-repeat; display: inline-block; vertical-align: middle;} .icon{vertical-align: middle; background: url(/theme/TF000015/images/icon.png) no-repeat; display: inline-block;} a{color: #333; text-decoration: none;} a:hover{color: #009b4c; text-decoration: none;} a:visited{text-decoration: none;} .ease,.ease *{-webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;} .noease,.noease *{-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;} :-moz-placeholder{color: #cccccc;} ::-moz-placeholder{color: #cccccc;} input:-ms-input-placeholder,textarea:-ms-input-placeholder{color: #cccccc;} input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #cccccc;} /*清除浮动*/ .clearfix{*zoom: 1;} .clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} .global-wrap{position: relative; min-height: 100%; clear: both;} .ielt7 .global-wrap{height: 100%;} .content-wrapper{width: 1220px; margin: 0 auto;} @media screen and (min-width: 1460px){.content-wrapper{width: 1460px;}} /***************top and bottom css*********************/ .dialog-layout{width: 100%; height: 100%; position: fixed; z-index: 100; top: 0; left: 0; background: #000; opacity: 0.3; filter: alpha(opacity=30);} /*header_main*/ .header_main{width: 100%;position: relative;z-index: 999;background: #595959;height: 30px;line-height: 30px;font-size: 12px;color: #b8b8b8;} .header_main .header{position: relative;} .header_main .ksdh{color: #b8b8b8;} .header_main .ksdh li{display: inline-block;color: #b8b8b8;line-height: 30px;position: relative;} .header_main .ksdh li a{display: inline-block;color: #b8b8b8;} .header_main .ksdh li s{display: block; width: 45px; height: 40px;} .header_main .ksdh a:hover{color: #009b4c;} .header_main .ksdh .lxwm s{background-position: -60px 0;width: 18px;height: 18px;display: inline-block;margin-right: 5px;} .header_main .ksdh .wzmap s{background-position: -90px 0;width: 17px;height: 18px;display: inline-block;margin-right: 5px;} .header_main .ksdh .mobile s{background-position: 0 0;width: 18px;height: 18px;display: inline-block;margin-right: 5px;} .header_main .ksdh span{display: inline-block;padding: 0 10px;color: #999;} .header_main li .imgbox{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);} .header_main li:hover .imgbox{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);} .header_main .imgbox{width: 160px;position: absolute;background: #fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 0 0 5px 5px;text-align: center;color: #009b4c;padding: 10px;top: 30px;left: -15px;box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);} .header_main .imgbox img{width: 160px; height: 160px; display: block; margin: 0 auto;} .header_main .imgbox p{font-size: 16px;line-height: 20px;} .header_main .imgbox p b{display: block;font-size: 14px;font-weight: normal;line-height: 20px;} /*top_mian*/ .top_main{width: 100%; background: #fff; box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1); position: relative; z-index: 10;} .top_main .top{padding-top: 20px;} .top_main .webtel{padding-top: 20px;} .top_main .webtel span{width: 32px; height: 32px; display: inline-block; margin-right: 8px; background-position: 0 -30px;} .top_main .webtel b{font-size: 40px;color: #009b4c;display: inline-block;font-family: "AvantGardeITVbyBT Book", arial;line-height: 40px;vertical-align: middle;} .top_main .logo{display: block;} .top_main .logo a{display: block;} .top_main .logo img{width: 100%;height: 100%;display: block;} .top_main .nav{line-height: 54px;} .top_main .nav li{float: left;display: inline-block;list-style: none;font-size: 16px;text-align: center;position: relative;padding: 20px 8px;} .top_main .nav li a{width: 117px;display: block;text-align: center;position: relative;color: #222;height: 30px;line-height: 30px;-moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px;} .top_main .nav li.hover a,.top_main .nav li:hover a{color: #fff;background: #009b4c;} .top_main .nav li .subnav{background: #fff;border-top: 2px solid #63b670;box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);height: auto;left: 0;overflow: hidden;position: absolute;top: 100%;width: 100%;z-index: 199;} .top_main .nav li .subnav{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);} .top_main .nav li:hover .subnav{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);} .top_main .nav li .subnav a{-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;color: #666;display: block;font-size: 13px;font-weight: 500;line-height: 40px;height: 40px;padding: 0;transition: all 0.2s ease-in-out 0s;width: 100%;border-bottom: 1px solid #eee;background: #fff;} .top_main .nav li .subnav a:hover{color: #63b670;background: #f9f9f9;text-indent: 10px;} .contactPage{padding: 0 0 0;} .contactPage .bcontact{padding-top: 30px; margin-bottom: 30px;} .contactPage .txtcon img{max-width: 100%;} .contactPage .t2{padding: 58px 0 48px; text-align: center;} .contactPage .t2 .titb{font-size: 30px; margin-bottom: 16px;} .contactPage .t2 .txt{font-size: 14px; line-height: 24px;} .contactPage .t2 .txt span{font-weight: bold; color: #009b4c; padding: 0 5px;} .contactPage .t2 .entit{text-transform: uppercase; font-size: 18px; color: #999;} .contactPage .mapArea{width: 100%; height: 400px; margin-top: 40px;} .contactPage .mapArea #allmap{width: 100%; height: 400px;} .formData{padding-bottom: 20px;} .formData .item{float: left;color: #999;font-weight: normal;width: 425px;height: 56px;line-height: 56px;border: 1px solid #e5e5e5;margin-right: 76px;margin-bottom: 45px;position: relative;} .formData .item label{padding-left: 15px;position: absolute;left: 0;top: 0;z-index: 11;text-align: center;display: block;margin: 0;height: 56px;line-height: 56px;font-size: 18px;color: #cccccc;} .formData .item input{outline: none;line-height: 38px;height: 38px;font-size: 18px;} .formData .item .txt{width: 355px;height: 56px;line-height: 56px;display: block;background: none;padding-left: 70px;border: 0 none;color: #999;} .formData .item .red{position: absolute;right: 15px;top: 0;color: #ff0000;z-index: 11;} .formData .item.mr0{margin-right: 0;} .formData .msg-box{position: absolute;left: 0;top: 0px;} .formData .liuyan{width: 928px;height: 260px;border: 1px solid #e5e5e5;float: left;} .formData .liuyan label{text-align: right;display: block;} .formData .liuyan textarea{width: 908px;height: 234px;line-height: 35px;padding: 12px 10px;text-indent: 100px;font-size: 18px;font-family: "microsoft yahei";color: #333;border: 0 none;overflow: hidden;background: none;resize: none;display: block;outline: none;} .formData .bot{width: 100%;} .formData .sub{width: 232px;line-height: 54px;margin-right: 2px;text-align: center;background: #009b4c;border: 2px solid #009b4c;color: #FFF;cursor: pointer;font-size: 18px;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;} .formData .sub:hover{color: #009b4c;background: none;} .formData .yzm{width: 432px;} .formData .yzm .txt{padding-left: 80px;} .formData .yzm img{position: absolute;right: 0;top: 0;height: 56px;border: 0px;display: block;} /*footer_main*/ .footer_main{width: 100%; padding-bottom: 0; background: #1d773a; color: #fff; border-top: 8px solid #ed8e06;} .footer_main .links{padding: 20px 0;font-size: 16px;border-bottom: 1px solid #186631;} .footer_main .links span{color: #fff;font-weight: bold;display:inline-block;} .footer_main .links a{display:inline-block;font-size: 14px;color: #fff;padding-right: 10px;} .footer_main .links a:hover{color: #ed8e06;} .bottom_main{border-top: 1px solid #20803f; padding: 56px 0;} .bottom_main .bNav{width: 558px;height: 180px;border-right: 1px solid #186631;} .bottom_main .bNav dl{display:inline-block;float:left;width: 139px;overflow:hidden;text-align:left;padding-top:10px;} .bottom_main .bNav dl dt{height:16px;display:block;padding-bottom: 25px;} .bottom_main .bNav dl dt a{display:block; font-size:16px; color:#fff; line-height:16px;} .bottom_main .bNav dl dd{display:block;height:14px;padding-bottom: 14px;} .bottom_main .bNav dl dd a{display:block;font-size:14px;color: #fff;line-height:14px;} .bottom_main .bNav dl dd a:hover{color: #ed8e06;} .bottom_main .ewm{width: 140px;height: 180px;text-align:center;padding-left: 35px;border-left: 1px solid #20803f;} .bottom_main .ewm dl{float:left;display:block;margin-right:30px;} .bottom_main .ewm dl:nth-child(2){margin-right:0px;} .bottom_main .ewm dl:first-child+dl{margin-right:0px;} .bottom_main .ewm dl dt{width: 140px;height: 140px;background-color:#fff;text-align:center;} .bottom_main .ewm dl dt img{width: 130px;height: 130px;display:inline-block;background-size:100%;margin-top:5px;} .bottom_main .ewm dl dd{font-size:14px;color: #fff;line-height:24px;padding-top:10px;} .bottom_main .contact_info{width: 350px;height: 180px;padding-left: 80px;border-left: 1px solid #20803f;border-right: 1px solid #186631;} .bottom_main .contact_info p.p1{font-size:14px;color: #fff;line-height:14px;padding-top:10px;} .bottom_main .contact_info p.dh{font-size:36px;color: #ed8e06;font-family:"Arial";line-height:36px;padding-top: 4px;font-weight:bold;padding-bottom:12px;} .bottom_main .contact_info h3{font-size:20px; padding-top:8px;} .bottom_main .contact_info p.tel{font-size:14px;color: #fff;line-height:22px;width: 250px;} .bottom_main .contact_info i{display:block; padding-top:8px; font-size:14px; color:#fff;} .bottom_main .contact_info i a{display:inline-block; color:#fff; padding-right:12px;} .copyright_main{background: #136b2f; height: 40px; line-height: 40px; color: #a7beac; font-size: 12px;} .copyright_main a{color: #a7beac;} .copyright_main a:hover{color: #ed8e06;} /***********top and bottom css end***********/ /***********index css ***********/ .banner_main{width: 100%; position: relative; z-index: 3;} .banner{width: 100%; min-width: 1000px; position: relative; overflow: hidden; z-index: 0; height: 550px;} .banner .list{max-height: 550px; 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 li a{width: 100%; display: block;} .banner .tip{width: 100%; height: 20px; text-align: center; position: absolute; left: 0; bottom: 4%; z-index: 10;} .banner .tip span{width: 15px; height: 15px; overflow: hidden; margin: 0 5px; display: inline-block; cursor: pointer; vertical-align: top; text-indent: -1000px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; border: 3px solid #fff;} .banner .tip span.cur{background: #009b4c;} .banner .prev, .banner .next{width: 24px;height: 44px;position: absolute;z-index: 12;top: 50%;margin-top: -22px;cursor: pointer;background-position: -48px -30px;display: none;-webkit-transition: all .0s ease-in-out 0s;-moz-transition: all .0s ease-in-out 0s;transition: all .0s ease-in-out 0s;} .banner .prev{left: 3%; background-position: -48px -30px;} .banner .prev:hover{background-position: -48px -80px;} .banner .next{right: 3%; background-position: -80px -30px;} .banner .next:hover{background-position: -80px -80px;} .index{width: 100%; overflow: hidden;} .index .title{text-align: center; width: 100%; margin-bottom: 40px; position: relative;} .index .title h3{font-size: 60px; font-weight: bold; display: block; line-height: 60px;} .index .title h3 b{display: inline-block; color: #009b4c;} .index .title h4{font-size: 24px; font-weight: normal; padding-top: 20px; display: block; letter-spacing: 10px;} .index .title s{position: absolute; top: 12px; display: block; background: url(/theme/TF000015/images/line.png) no-repeat; width: 124px; height: 42px;} .index .title .line_lef{left: 50%; margin-left: -392px;} .index .title .line_rig{right: 50%; margin-right: -392px;} .index .menu{overflow: hidden; padding-bottom: 20px; padding-top: 20px;} .index .menu ul{text-align: center;} .index .menu li{width: 180px;height: 40px;line-height: 40px;margin: 0 5px 10px;display: inline-block;} .index .menu li:first-child{margin-left: 0;} .index .menu li:last-child{margin-right: 0;} .index .menu li a{display: block; border: 1px solid #dcdcdc; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; height: 40px; line-height: 40px;} .index .menu li a:hover{border: 1px solid #009b4c; color: #fff; background: #009b4c;} .index .menu li.current a{border: 1px solid #009b4c; color: #fff; background: #009b4c;} .index .more{width: 510px; margin: 0 auto; display: block; text-align: center; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; position: relative; height: 55px; line-height: 55px;} .index .more a{display: block; text-align: center; font-size: 18px; float: left; width: 250px; height: 50px; line-height: 50px;} .index .more .gd{color: #fff; background: #009b4c; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; border: 2px solid #009b4c;} .index .more .gd:hover{background: #ed8e06; border: 2px solid #ed8e06;} .index .more .zx{border: 2px solid #e5e5e5; color: #333; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; border-left: 0 none;} .index .more .zx:hover{background: #ed8e06; border: 2px solid #ed8e06; color: #fff; border-left: 0 none;} .index .floor_1_main{width: 100%; position: relative; z-index: 4;} .index .floor_1{padding: 140px 0 80px; overflow: hidden;} .index .ipro{overflow: hidden; padding-bottom: 60px;} .index .ipro .cont{display: none;} .index .ipro .cont:first-child{display: block;} .index .ipro .bigimg{width: 585px; height: 450px; overflow: hidden;} .index .ipro .bigimg ul{width: 585px; height: 450px; overflow: hidden;} .index .ipro .bigimg ul li{width: 585px; height: 450px; overflow: hidden;} .index .ipro .bigimg ul li img{width: 100%; height: 100%; display: block;} .index .ipro .smalimg{width: 585px; overflow: hidden; height: 450px;} .index .ipro .smalimg .list{width: 108%;} .index .ipro .item{float: left; width: 280px; height: 215px; overflow: hidden; position: relative; margin-bottom: 20px; margin-right: 20px;} .index .ipro .item img{width: 100%; height: 100%; display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;} .index .ipro .item .bg{background: url(/theme/TF000015/images/bghover.png) no-repeat left top;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;display: block;text-align: center;opacity: 0;color: #fff;} .index .ipro .item .bg h3{font-size: 18px; padding-top: 30%;} .index .ipro .item .bg span{width: 100px; height: 30px; line-height: 30px; display: block; margin: 0 auto; border: 1px solid #85c0a2; text-align: center; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;} .index .ipro .item:hover .bg{opacity: 1;} .index .ipro .item:hover img{transform: scale(1.06, 1.06);} .index .floor_2_main{width: 100%;} .index .floor_2_main .floor_2{padding: 80px 0;} .index .youshi .item{padding-bottom: 60px; position: relative; padding-top: 64px;} .index .youshi .item .tit{width: 194px; position: relative;} .index .youshi .item .tit img{width: 170px; height: 330px; display: block;} .index .youshi .item .tit h3{font-size: 18px; text-transform: uppercase; position: absolute; left: 134px; top: 34px;} .index .youshi .item .txt{padding-top: 78px; width: 502px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;} .index .youshi .item .txt h2{font-size: 30px; font-weight: bold; color: #009b4c; line-height: 32px;} .index .youshi .item .txt h4{display: block; line-height: 20px;} .index .youshi .item .txt .desc{padding-top: 20px;} .index .youshi .item .txt .cha{font-size: 18px; width: 200px; height: 54px; line-height: 54px; display: block; border: 2px solid #009b4c; text-align: center; color: #009b4c; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-top: 34px;} .index .youshi .item .txt .cha:hover{background: #009b4c; color: #fff;} .index .youshi .item .img{position: absolute; right: -80px; top: 0;} .index .youshi .item .img img{max-width: 530px;display: block;} .index .youshi .item.it2{padding-left: 490px;} .index .youshi .item.it2 .img{right: auto; left: 0;} .index .youshi .item:hover .txt{-webkit-transform: translate3d(0, -6px, 0); transform: translate3d(0, -6px, 0);} .index .floor_3_main{background: url(/theme/TF000015/images/liuc_bg.jpg) repeat center top; height: 150px;} .index .floor_3_main .title2{width: 280px; height: 78px; border-right: 1px solid #33a169; margin-top: 38px; color: #fff;} .index .floor_3_main .title2 h3{font-size: 26px;} .index .floor_3_main .title2 h3 i{font-size: 18px; display: inline-block;} .index .floor_3_main .title2 p{font-size: 30px; font-family: "AvantGardeITVbyBT Book", arial; padding-top: 16px;} .index .floor_3_main .title2 p em{width: 26px; height: 28px; display: inline-block; background-position: 0 -110px; margin-right: 18px;} .index .floor_3_main .liuc{width: 888px; overflow: hidden; padding-left: 30px; color: #fff; padding-top: 38px;} .index .floor_3_main .liuc .list{width: 108%;} .index .floor_3_main .liuc li{float: left; width: 134px;} .index .floor_3_main .liuc li p{width: 80px; float: left; text-align: center; font-size: 16px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;} .index .floor_3_main .liuc li p img{max-width: 100%; display: block; margin: 0 auto 12px; height: 44px;} .index .floor_3_main .liuc li .jt{width: 42px; height: 44px; float: left; display: block; background: url(/theme/TF000015/images/jtou1.png) no-repeat center;} .index .floor_3_main .liuc li:hover p{animation: flipInY 1.2s ease-out forwards; -webkit-animation: flipInY 1.2s ease-out forwards;} .index .textlist{width: 740px;} .index .newsBox{width: 430px;position: relative;} .index .newsBox .item{position: relative; z-index: 3;} .index .newsBox .item .img{height: 170px; overflow: hidden;} .index .newsBox .item .img img{width: 228px;height: 170px;display: block;} .index .newsBox .item .img .time{width: 202px; height: 170px; position: relative; overflow: hidden; background: url(/theme/TF000015/images/xw_time.jpg) no-repeat; text-align: center; color: #fff; font-size: 16px;} .index .newsBox .item .img .time b{font-size: 60px; line-height: 60px; display: block; padding-top: 40px;} .index .newsBox .item .img .time .yuan{position: absolute; width: 136px; height: 136px; display: block; left: 50%; margin-left: -68px; top: 50%; margin-top: -68px; background: url(/theme/TF000015/images/yuan.png) no-repeat;} .index .newsBox .item a{display: block;} .index .newsBox .item img{width: 100%; height: 100%; display: block;} .index .newsBox .item .txt{width: 100%;} .index .newsBox .item .txt h3{font-size: 20px;font-weight: normal;padding: 15px 0 0;} .index .newsBox .item .txt p{color: #999;overflow: hidden;height: 60px;line-height: 20px;padding-top: 5px;} .index .newsBox .item .txt span{width: 202px;height: 55px;line-height: 55px;border: 2px solid #009b4c;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;text-align: center;display: block;font-size: 18px;color: #009b4c;margin-top: 15px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;} .index .newsBox .item .txt:hover span{background: #009b4c; color: #fff;} .index .newsBox .di{position: absolute; left: 0; bottom: 0; width: 100%; height: 100px; background: #ceeeff; -moz-border-radius-bottomleft: 15px; -webkit-border-bottom-left-radius: 15px; border-bottom-left-radius: 15px; z-index: 0;} .index .floor_4_main{background: url(/theme/TF000015/images/flo4.jpg) repeat left top; height: 427px;} .index .floor_4{padding: 100px 0;} .index .floor_4 .bd{overflow: hidden;} .index .floor_4 .btn{width: 12px;height: 22px;display: block;position: absolute;top: 50%;cursor: pointer;margin-top: -31px;-webkit-transition: all .0s ease-in-out 0s;-moz-transition: all .0s ease-in-out 0s;transition: all .0s ease-in-out 0s;} .index .floor_4 .prev{background-position: -48px -130px; left: -5%;} .index .floor_4 .prev:hover{background-position: -48px -160px;} .index .floor_4 .next{background-position: -70px -130px; right: -5%;} .index .floor_4 .next:hover{background-position: -70px -160px;} .index .floor_5,.index .floor_6{padding: 80px 0;} .index .iabout .lefnav{width: 200px;} .index .iabout .lefnav li{width: 40px;height: 180px;overflow: hidden;float: left;display: block;position: relative;} .index .iabout .lefnav li a{display: block; padding-top: 60px; text-align: center; background: #1d773a; color: #fff;} .index .iabout .lefnav li em{width: 10px;height: 10px;border: 2px solid #fff;-moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%;position: absolute;left: 50%;margin-left: -7px;top: 30px;} .index .iabout .lefnav li h3{width: 20px; height: 108px; line-height: 16px; margin: 0 auto;} .index .iabout .lefnav li.li1 a{background: #186b33;} .index .iabout .lefnav li.li2 a{background: #1d773a;} .index .iabout .lefnav li.li3 a{background: #217f40;} .index .iabout .lefnav li.li4 a{background: #258845;} .index .iabout .lefnav li.li5 a{background: #29944b;} .index .iabout .lefnav li a:hover{background: #ed8e06;} .index .iabout .lefnav .more1{width: 150px; height: 125px; background: url(/theme/TF000015/images/fuhao1.jpg) no-repeat left top; position: relative; display: block;} .index .iabout .lefnav .more1 p{width: 23px;height: 60px;line-height: 14px;background: #009b4c;color: #fff;position: absolute;right: -12px;bottom: -10px;text-align: center;padding-top: 5px;font-size: 12px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;} .index .iabout .lefnav .more1:hover p{background: #ed8e06;} .index .iabout .img{width: 510px;height: 330px;overflow: hidden;} .index .iabout .img img{width: 100%; height: 100%; display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;} .index .iabout .img:hover img{transform: scale(1.06, 1.06);} .index .iabout .txt{width: 456px; position: relative;} .index .iabout .txt .yh{width: 90px; height: 50px; display: block; background: url(/theme/TF000015/images/fuhao2.jpg) no-repeat;} .index .iabout .txt a{position: relative; z-index: 2; width: 424px; height: 264px; display: block; background: #fff;} .index .iabout .txt a h2{font-size: 24px; padding: 10px 0;} .index .iabout .txt a .desc{overflow: hidden;color: #333;} .index .iabout .txt a .cha{margin-top: 36px;width: 180px;height: 40px;line-height: 40px;text-align: center;background: #009b4c;color: #fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;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;} .index .iabout .txt a:hover .cha{background: #ed8e06;} .index .iabout .txt .bk{width: 364px; height: 330px; border: 1px solid #dfdfdf; display: block; position: absolute; right: 0; top: 0;} .index .ihonor{padding-top: 52px; position: relative;} .index .ihonor .bd{overflow: hidden;} .index .ihonor .list{width: 118%;} .index .ihonor .item{float: left; width: 280px; height: 215px; overflow: hidden; position: relative; margin-bottom: 20px; margin-right: 27px;} .index .ihonor .item img{width: 100%; height: 100%; display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;} .index .ihonor .item .bg{background: url(/theme/TF000015/images/bghover.png) no-repeat left top;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;display: block;text-align: center;color: #fff;opacity: 0;} .index .ihonor .item .bg h3{font-size: 18px; padding: 30% 3% 0;} .index .ihonor .item .bg span{width: 100px; height: 30px; line-height: 30px; display: block; margin: 0 auto; border: 1px solid #85c0a2; text-align: center; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;} .index .ihonor .item:hover .bg{opacity: 1;} .index .ihonor .item:hover img{transform: scale(1.06, 1.06);} .index .ihonor .btn{width: 42px; height: 72px; display: block; position: absolute; top: 50%; margin-top: -21px; cursor: pointer;} .index .ihonor .prev{background-position: -110px -210px; left: -5%;} .index .ihonor .prev:hover{background-position: -216px -210px;} .index .ihonor .next{background-position: -164px -210px; right: -5%;} .index .ihonor .next:hover{background-position: -270px -210px;} .index .floor_7_main{border-top: 1px solid #e9e9e9;} .index .floor_7{padding: 100px 0;} .xunpan{width: 100%; background: url(/theme/TF000015/images/xunpan.jpg) no-repeat center top; height: 200px; color: #fff;} .xunpan .w1200{height: 200px;} .xunpan .img{width: 355px; height: 250px; display: block; position: absolute; left: 0; bottom: 0;} .xunpan .img img{width: 100%; height: 100%; display: block;} .xunpan .zixun{width: 668px; margin-top: 30px; text-align: center; height: 132px; background: url(/theme/TF000015/images/kuang.png) no-repeat;} .xunpan .zixun .tit{font-size: 36px; line-height: 36px; padding-top: 14px; padding-bottom: 18px;} .xunpan .zixun .tit .en{font-size: 20px; text-transform: uppercase; line-height: 20px; display: block;} .xunpan .zixun .tel{font-size: 36px; color: #fff; font-family: "AvantGardeITVbyBT Book", arial;} .xunpan .zixun .tel em{width: 34px; height: 34px; display: inline-block; background-position: 0 -70px; margin-right: 10px; vertical-align: middle;} .xunpan .zixun .tel a{width: 112px;height: 27px;line-height: 27px;display: inline-block;text-align: center;background-position: -165px 0;font-size: 14px;font-weight: bold;color: #fff;-webkit-transition: all .0s ease-in-out 0s;-moz-transition: all .0s ease-in-out 0s;transition: all .0s ease-in-out 0s;} .xunpan .zixun .tel a:hover{background-position: -165px -34px;} .teamwork{position: relative;} .teamwork .item{float: left;width: 282px;margin-right: 42px;margin-bottom: 40px;display: block;position: relative;text-align: center;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;} .teamwork .item a{display: block; position: relative; z-index: 3;} .teamwork .item img{width: 282px;height: 80px;box-sizing: border-box;border: 2px solid #e5e5e5;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;} .teamwork .item a:hover img{border: 2px solid #009b4c;} .indexTit{width: 100%; text-align: center; position: relative; margin-bottom: 46px; margin: 0 auto;} .indexTit h2{font-size: 36px; line-height: 36px;} .indexTit .line{width: 74px; height: 1px; display: block; background: #009b4c; margin: 40px auto 60px;} .indexTit .en{font-size: 60px; line-height: 60px; text-transform: uppercase; white-space: nowrap; display: block; color: #e1e1e1;} .indexTit h3{font-size: 30px; font-weight: normal; color: #666; padding: 20px 0 0; text-transform: uppercase;} .thumblist{overflow: hidden;} .thumblist .list{width: 118%;} .thumblist .item{float: left; position: relative; width: 570px; height: 246px; margin-right: 50px; margin-bottom: 30px;} .thumblist .item a{width: 529px; height: 204px; border: 1px solid #e5e5e5; position: relative; z-index: 3; display: block; padding: 18px; background: #fff;} .thumblist .item img{width: 283px;height: 200px;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;} .thumblist .item .txt{width: 212px; height: 200px; overflow: hidden; position: relative;} .thumblist .item .txt h3{font-size: 16px;display: block;border-bottom: 1px solid #ededed;height: 36px;line-height: 36px;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;} .thumblist .item .txt p{padding-top: 20px; color: #737373; line-height: 24px;} .thumblist .item .txt .jia{position: absolute;right: 0;bottom: 0;width: 40px;height: 40px;display: block;background-position: -140px -76px;text-align: center;vertical-align: middle;transition: all .3s ease-out 0s;-webkit-transition: all .0s ease-in-out 0s;-moz-transition: all .0s ease-in-out 0s;transition: all .0s ease-in-out 0s;} .thumblist .item .di{width: 565px; height: 240px; border: 1px solid #e5e5e5; position: absolute; right: -2px; bottom: -2px;} .thumblist .item a:hover img{filter: brightness(105%);} .thumblist .item a:hover .txt .jia{background-position: -190px -76px;} .textlist .item{margin-bottom: 26px; transition: all 0.2s linear 0s; width: 100%; position: relative;} .textlist .item a{display: block;} .textlist .item .img{width: 133px;height: 100px;overflow: hidden;margin-right: 22px;} .textlist .item .img img{width: 100%; height: 100%; display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;} .textlist .item .txt{width: 480px;} .textlist .item h3{font-size: 18px;} .textlist .item p{font-size: 14px;line-height: 20px;color: #999;height: 60px;overflow: hidden;padding-top: 10px;} .textlist .item .time{display: block;width: 66px;height: 100px;line-height: 50px;text-align: center;font-size: 14px;border-left: 1px solid #e9e9e9;padding-left: 20px;} .textlist .item .time b{display: block;font-size: 48px;color: #009b4c;line-height: 60px;} .textlist .item:hover img{transform: scale(1.06, 1.06);} .announ_main{width: 100%; height: 76px; line-height: 76px; border-bottom: 1px solid #eee;} .announ_main .announ_right{width: 282px; padding-top: 20px;} .announ_main .announ_right .search{width: 282px; height: 35px; line-height: 35px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; background: #f6f6f6; position: relative;} .announ_main .announ_right .search input{outline: none; border: 0 none; height: 35px; line-height: 35px;} .announ_main .announ_right .search .txt{width: 200px;background: none;padding-left: 15px;display: block;color: #999;} .announ_main .announ_right .search .btn{width: 50px; background: url(/theme/TF000015/images/sou.png) no-repeat center #009b4c; position: absolute; right: 0; top: 0; cursor: pointer; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px;} .announ_main .announ_right .search .btn:hover{background-color: #ed8e06;} .announ_main .announ_left span{display: inline-block;} .announ_main .announ_left a{display: inline-block; padding: 0 10px 0 0;} .announ_main .announ_left a s{width: 1px; height: 16px; display: inline-block; margin-right: 10px; background: #e9e9e9; vertical-align: middle;} .announ_main .announ_left a:first-child s{display: none;} /**内页样式**/ .nybanner{width: 100%;position: relative;height: 250px;overflow: hidden;background-position: center;background-repeat: no-repeat;background-image: url(/theme/TF000015/images/nybanner.jpg);} .wrapper{position: relative;width: 100%;padding: 30px 0;} .wrapper .sitepath{color: #d9d9d9; text-transform: uppercase;} .wrapper .sitepath .home{width: 14px; height: 16px; display: inline-block; background-position: -114px -122px; margin-right: 10px;} .wrapper .sitepath a{display: inline-block; white-space: nowrap; color: #2f4056;} .wrapper .sitepath a:hover{color: #009b4c;} .wrapper .sitepath span{color: #2f4056;} .wrapper .w1200{position: relative; z-index: 5;} .wrapper .left{width: 240px;} .wrapper .left .submenubox{padding-bottom: 20px;} .wrapper .left .submenubox .left_title{height: 80px; background: #009b4c; color: #fff;} .wrapper .left .submenubox .left_title h3{font-size: 24px; font-weight: bold; line-height: 80px; padding-left: 26px; text-transform: uppercase;} .wrapper .left .submenubox .left_title s{background-position: -248px -76px; vertical-align: middle; width: 28px; height: 28px; margin-right: 30px; margin-top: 28px;} .wrapper .left .submenu{position: relative;} .wrapper .left .submenu li{display: block;} .wrapper .left .submenu li a.sub1{height: 60px;line-height: 60px;display: block;padding-left: 28px;background: url(/theme/TF000015/images/jtou.png) no-repeat 90% center #fff;font-size: 18px;border: 1px solid #eeeeee;border-top: 0 none;overflow: hidden;} .wrapper .left .submenu li a.sub1:hover{background: url(/theme/TF000015/images/jtou_a.png) no-repeat 90% center #fff;border-left: 2px solid #009b4c;border-right: 1px solid #f5f5f5;color: #009b4c;} .wrapper .left .submenu li.hover a.sub1{background: url(/theme/TF000015/images/jtou_a.png) no-repeat 90% center #fff;border-left: 2px solid #009b4c;border-right: 1px solid #f5f5f5;color: #009b4c;} .wrapper .left .submenu s{width: 2px; height: 61px; display: block; background: #009b4c; position: absolute; left: 0; top: 0;} .wrapper .left .submenu .box{padding-bottom: 0;background: #f9f9f9;border: 1px solid #eeeeee;border-top: 0 none;display: none;} .wrapper .left .submenu .box a{color: #333;line-height: 40px;display: block;height: 40px;padding-left: 28px;overflow: hidden;} .wrapper .left .submenu .box a s{width: 10px;height: 10px;margin-right: 8px;display: inline-block;background-position: 2px -178px;} .wrapper .left .submenu .box a:hover,.wrapper .left .submenu .box a.hover{color: #009b4c;} .wrapper .left .submenu li.hover .box{display: block;} .wrapper .left .leftbox{padding: 10px;position: relative;margin-bottom: 20px;border: 1px solid #eee;} .wrapper .left .leftbox .left_title{padding-bottom: 10px; border-bottom: 1px solid #eeeeee; padding-left: 5px;} .wrapper .left .leftbox .left_title h3{font-size: 18px; font-weight: normal; color: #009b4c; display: block; text-transform: uppercase;} .wrapper .left .leftbox .leftprocomt{padding-top: 10px;} .wrapper .left .leftbox .leftprocomt li{float: left;text-align:center;width: 104px;margin-right: 10px;} .wrapper .left .leftbox .leftprocomt li img{width: 104px;height: 78px;border-radius: 3px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;} .wrapper .left .leftbox .leftprocomt li p{font-size: 12px;line-height: 30px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;} .wrapper .left .leftbox .leftprocomt li:hover img{-webkkit-filter:brightness(105%);filter:brightness(105%);} .leftprocomt li:hover p{color: #009b4c;} .wrapper .left .leftbox .cont{padding-top: 18px;white-space: normal;} .wrapper .left .leftbox .cont .img{float: left;display: block;border: 1px solid #e5e5e5;margin: 0 auto 10px;} .wrapper .left .leftbox .cont img{width: 216px;height: 216px;} .wrapper .left .leftbox .cont p{white-space: normal; word-break: break-all; word-wrap: break-word;} .wrapper .left .leftbox .cont .zx{width: 100%;height: 50px;font-size: 20px;line-height: 50px;background: #009b4c;color: #fff;display: block;margin-top: 10px;} .wrapper .left .leftbox .cont .zx em{width: 50px;height: 50px;display: inline-block;background-position: -152px -152px;vertical-align: top;border-right: 1px solid #fff;margin-right: 35px;} .wrapper .left .leftbox .cont .zx:hover{background: #ed8e06;} .wrapper .right{width: 930px;} .wrapper .right .right_title{padding-bottom: 10px; border-bottom: 1px solid #eee; text-transform: uppercase;} .wrapper .right .right_title h3{color: #009b4c; font-size: 18px; border-left: 3px solid #009b4c; height: 20px; line-height: 20px; padding-left: 14px; margin-top: 5px;} .wrapper .right .cont{padding: 40px 0;color: #666666;} .wrapper .right .cont .t1{padding: 0 0 25px;color: #009b4c;font-size: 20px;} .wrapper .right .cont .t2{color: #009b4c;font-size: 30px;display: block;padding: 30px 0;} .wrapper .Productlist{} .wrapper .Productlist .list{width: 100%;} .wrapper .Productlist .item{float: left;width: 288px;margin-right: 30px;margin-bottom: 30px;display: block;position: relative;text-align: center;border: 1px solid #eee;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;} .wrapper .Productlist .item a{display: block; width: 100%;} .wrapper .Productlist .item img{width: 288px;height: 216px;display: block;} .wrapper .Productlist .item h3{display: block;/* border: 1px solid #eee; */border-top: 0 none;height: 66px;line-height: 66px;overflow: hidden;text-align: center;font-size: 18px;} .wrapper .Productlist .item:hover{box-shadow: 1px 2px 15px rgba(0, 0, 0, 0.2);} .wrapper .single img{max-width: 100%; display: inline;} .wrapper .showinfo img{max-width: 100%; display: inline;} .wrapper .showinfo .Article-title{border-bottom: 1px solid #92e9ff; padding-bottom: 20px; text-align: center;} .wrapper .showinfo .Article-title h1{font-size: 24px;} .wrapper .showinfo .Article-title .mark span{font-size: 12px; padding: 0 5px;} .wrapper .showinfo .newsinfo{padding: 20px 0;} .wrapper .reLink{height: 48px; line-height: 48px; padding: 0; border-top: 2px solid #eee; border-bottom: 2px solid #eee; margin: 20px auto;} .wrapper .reLink .prevLink,.wrapper .reLink .nextLink{width: 50%;} .wrapper .reLink .nextLink{text-align: right;} .wrapper .thumblist .item{width: 430px; height: 144px; margin-right: 38px;} .wrapper .thumblist .item a{width: 414px; height: 128px; padding: 8px;} .wrapper .thumblist .item img{width: 180px; height: 127px; display: block;} .wrapper .thumblist .item .txt{width: 212px; height: 127px; overflow: hidden; position: relative;} .wrapper .thumblist .item .txt h3{height: 30px; line-height: 30px; overflow: hidden;} .wrapper .thumblist .item .txt p{padding-top: 8px;color: #737373;line-height: 22px;} .wrapper .thumblist .item .txt .jia{display: none;} .wrapper .thumblist .item .di{width: 430px; height: 144px; border: 1px solid #e5e5e5; position: absolute; right: -10px; bottom: -10px;} .showproduct .tod{padding-bottom: 60px;} .showproduct .tiao{background: url(/theme/TF000015/images/tiao.jpg) repeat left bottom;height: 20px;width: 100%;margin-bottom: 40px;} .showproduct .showImg{width: 475px;height: 357px;} .showproduct .showImg .showImg_left{width: 473px;height: 355px;position:relative;overflow:hidden;border: 1px solid #e5e5e5;} .showproduct .showImg .showImg_left .hd{position:absolute; bottom:30px; right:20px; height:12px;z-index: 1;} .showproduct .showImg .showImg_left .hd ul{display:inline-block;} .showproduct .showImg .showImg_left .hd ul li{display:block;float:left;width:12px;height:12px;background-color: #009b4c;border-radius:10px;text-indent: -999px;cursor: pointer;margin-left:10px;} .showproduct .showImg .showImg_left .hd ul li.on{background-color: #ed8e06;} .showproduct .showImg .showImg_left .bd{width: 473px;height: 355px;} .showproduct .showImg .showImg_left .bd ul{display:inline-block;} .showproduct .showImg .showImg_left .bd ul li{float:left;} .showproduct .showImg .showImg_left .bd ul li img{width: 473px;height: 355px;} .showproduct .baseInfo{width: 412px;} .showproduct .baseInfo .t{border-bottom: 1px dotted #dedede;display: block;font-size: 24px;color: #009b4c;font-weight: bold;padding-bottom: 10px;} .showproduct .baseInfo .desc{padding-top: 18px;color: #999;line-height: 30px;height: 234px;border-bottom: 1px dotted #dedede;overflow: hidden;} .showproduct .baseInfo .webtel{padding-top: 23px;font-size: 18px;font-family: "AvantGardeITVbyBT Book", arial;} .showproduct .baseInfo .webtel strong{font-size: 40px; color: #009b4c; font-weight: bold; line-height: 40px;} .showproduct .detaiInfo .title2{border-bottom: 1px solid #eee;position: relative;padding-bottom: 12px;margin-bottom: 15px;} .showproduct .detaiInfo .title2 h3{font-size: 20px;color: #333;} .showproduct .detaiInfo .title2 s{width: 80px; height: 5px; display: block; position: absolute; left: 0; bottom: -2px; background: #009b4c;} .showproduct .detaiInfo .info{padding: 0 0 30px;} /*showNews*/ .showNews .title{font-size: 24px; color: #333333; text-align: center; margin: 10px 0 22px; font-weight: bold;} .showNews .mark{color: #999999; height: 38px; line-height: 38px; text-align: center; margin-bottom: 20px; border-top: 1px dashed #e5e5e5; border-bottom: 1px dashed #e5e5e5;} .showNews .showContxt{color: #666666; padding: 0 0 30px; line-height: 30px;} .showNews .showContxt img{max-width: 100%;} .exhibition_hall{text-align: center; position: relative; overflow: hidden;} .thumblist1 .item{border-bottom: 1px dotted #b0b0b0; padding: 30px 0; font-family: 'PingFang SC', "microsoft yahei", "Arial";} .thumblist1 .item:first-child{padding-top: 0;} .thumblist1 .item a{display: block;} .thumblist1 .item .img{width: 200px;height: 150px;overflow: hidden;} .thumblist1 .item .img img{width: 100%;display: block;height: 100%;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;} .thumblist1 .item .img:hover img{transform: scale(1.06, 1.06);} .thumblist1 .item .txt{width: 700px;} .thumblist1 .item .txt h3{font-size: 18px;line-height: 30px;} .thumblist1 .item .txt .desc{padding-top: 10px;color: #999;height: 70px;overflow: hidden;line-height: 24px;margin-bottom: 12px;} .thumblist1 .item .txt span{display: inline-block; font-size: 12px; color: #b7b7b7; padding-right: 26px;} .thumblist1 .item .txt span em{width: 20px;height: 18px;display: inline-block;margin-right: 10px;background-position: -196px -120px;} .thumblist1 .item .txt span .time{background-position: -174px -121px;} .leftnews .cont li{line-height: 30px; height: 30px; overflow: hidden;} .leftnews .cont li a{display: block;} @keyframes down-ico{0%{top: 0; opacity: 1;} 35%{top: 20%; opacity: 0;} 65%{top: -20%; opacity: 0;} 100%{top: 0; opacity: 1;}} @-webkit-keyframes down-ico{0%{top: 0; opacity: 1;} 35%{top: 20%; opacity: 0;} 65%{top: -20%; opacity: 0;} 100%{top: 0; opacity: 1;}} /***********index css end***********/ .toolbar{width: 52px;position: fixed;right: 1%;top: 44%;z-index: 999;} .toolbar dd{width: 51px;height: 51px;margin-bottom: 1px;position: relative;-webkit-border-radius: 100%;border-radius: 100%;margin-top:4px;border:#ebebeb solid 1px;background-color:#fff;-webkit-border-radius: 100%;border-radius: 100%;} .toolbar dd i{width: 51px;height: 51px;display: block;position: absolute;left: 0;top: 0;cursor: pointer;text-align: center;-webkit-border-radius: 100%;border-radius: 100%;} .toolbar dd i span{width: 35px;height: 35px;display: block;margin: 8px 0 0 8px;background: url(/theme/TF000015/images/rightFixIcon.png) no-repeat 0 0;} .toolbar dd.gottop{display: none;} .toolbar .slide-tel{display: block;width: 0;height: 53px;line-height: 53px;font-size: 24px;font-weight: bold;font-family: arial;color: #FFF;position: absolute;padding: 0 0 0 53px;top: -1px;right: -2px;-webkit-border-radius: 50px;border-radius: 50px;overflow: hidden;} .toolbar .pop{position: absolute;right: 90px;top: -65px;background: #009b4c;display: none;} .toolbar .pop-code{width: 160px;} .toolbar .pop-code img{width: 120px;height: 120px;display: block;padding: 20px 20px 0;} .toolbar .pop-code h3{height: 52px;line-height: 26px;text-align: center;color: #fff;font-size: 16px;font-weight: 400;white-space: nowrap;} .toolbar .pop-code h3 b{display: block;font-size: 14px;font-weight: normal;} .toolbar .qq span{background-position: -35px -47px;} .toolbar .qq a{width: 52px; height: 52px; cursor: pointer; display: block;} .toolbar .qq:hover{background-color: #009b4c;border-radius: 100%;} .toolbar .qq:hover span{background-position: 0 -47px;} .toolbar .tel span{background-position: -35px 0;} .toolbar .tel:hover{background: #009b4c;} .toolbar .tel:hover span{background-position: 0 0;} .toolbar .code span{background-position: -35px -95px;} .toolbar .code:hover{background-color: #009b4c;border-radius: 100%;} .toolbar .code:hover span{background-position: 0 -95px;} .toolbar .top span{background-position: -35px -142px;} .toolbar .top:hover{background-color: #009b4c;border-radius: 100%;} .toolbar .top:hover span{background-position: 0 -142px;} .toolbar dd:hover{} /**********alone css end**********/ /*******animated css******/ .active .animated{-webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .delay100{-webkit-animation-delay: 100ms; animation-delay: 100ms;} .delay200{-webkit-animation-delay: 200ms; animation-delay: 200ms;} .delay300{-webkit-animation-delay: 300ms; animation-delay: 300ms;} @-webkit-keyframes flipInY{0%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 1;} 40%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg);} 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); opacity: 1;} 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);} 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);}} @-webkit-keyframes fadeInUp{from{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInUp{from{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}} .active .fadeInUp{-webkit-animation-name: fadeInUp; animation-name: fadeInUp;} @keyframes down-ico{0%{top: 0; opacity: 1;} 35%{top: 20%; opacity: 0;} 65%{top: -20%; opacity: 0;} 100%{top: 0; opacity: 1;}} @-webkit-keyframes down-ico{0%{top: 0; opacity: 1;} 35%{top: 20%; opacity: 0;} 65%{top: -20%; opacity: 0;} 100%{top: 0; opacity: 1;}} @keyframes scale-three2{0%{transform: scale(1); opacity: .8;} 100%{transform: scale(1.3); opacity: 0;}} @-webkit-keyframes scale-three2{0%{-webkit-transform: scale(1); opacity: .7;} 100%{-webkit-transform: scale(1.3); opacity: 0;}} @-moz-keyframes scale-three2{0%{-moz-transform: scale(1); opacity: .7;} 100%{-moz-transform: scale(1.3); opacity: 0;}} @-o-keyframes scale-three2{0%{-o-transform: scale(1); opacity: .7;} 100%{-o-transform: scale(1.3); opacity: 0;}} /*# sourceMappingURL=common.css.map */ /* FILE ARCHIVED ON 06:56:32 Sep 30, 2021 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 04:36:39 Jul 10, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.585 exclusion.robots: 0.039 exclusion.robots.policy: 0.029 esindex: 0.01 cdx.remote: 20.656 LoadShardBlock: 117.164 (3) PetaboxLoader3.datanode: 92.447 (4) PetaboxLoader3.resolve: 125.512 (2) load_resource: 146.396 */