/*配置颜色*/ .Themebg,.Themebghover:hover,.ThemeBbg,.menu .navbar-nav > li > a:hover,.menu .nav > li ul li a:hover, .product .pro_list li a:hover,.title_x,.p_pro_d .title_d,#ProClass li.ac .Classtriangle,.pro_class_x .product-class li a:hover, .pro_class_x .product-class li a.Themebg,.p_info_d .title_d{background-color:rgb(12, 82, 158) !important}.Themefont,.Themetxthover:hover{color:rgb(12, 82, 158) !important}.ThemeFborder,.Themebdhover:hover,.form .header{border-color:rgb(12, 82, 158) !important}.NavBoxPublic .TriangleBtn:before,.inpro-nav .inproline{border-color:rgb(12, 82, 158) !important}.ThemeFbg{background-color:rgb(0, 0, 0) !important}.ThemeFbgorder{border-color:rgb(0, 0, 0) !important}a:hover{color:rgb(12, 82, 158)}.tc{text-align:center}.tl{text-align:left}.tr{text-align:right}.fl{float:left !important}.fr{float:right}.clear{clear:both}.clear_overflow{clear:both;overflow:hidden}.fb{font-weight:bold}.hidden{display:none}.w1220{width:1220px;margin:0 auto;font-size:14px}.min1220{min-width:1220px;font-size:14px}.w100{width:100%;margin:0 auto !important}.w95{width:95%;margin:0 auto !important}.position_r{position:relative}@media screen and (max-width: 1220px){.w100{width:95%;margin:0 auto !important}#md_tpl_seven,#md_tpl_footers{margin:0}} /* 新加 */ #rightHistory .copy-end,.friendLink{background-color: #333}.tpl_six,.tpl_seven,.tpl_elevn{background-color: #444}.content-box{margin: 0 auto !important}.menu .nav > li .Themebghover:hover,.menu .nav > li .ThemeBbg,.product-con ul li:hover h3,.product-con .font_box b,.album .swiper-slide ul li:hover p,.article .inartlist ul li:hover h3,.article .inartlist ul li:hover p,.article .inartlist ul li:hover b,.articleLabel .inarticlelabe ul li:hover h3,.infooternav .fnavlist ul li a:hover{color:rgb(12, 82, 158) !important}.menu .nav > li a:hover:before,.menu .nav > li .ThemeBbg:before,.about .item_img:before,.article .inartlist ul li:hover span,.contact .feedbackc{background-color:rgb(12, 82, 158) !important}.notice .search .navbar-form .form-control,.articleLabel .inarticlelabe ul li,.friendBox,.friendlinktitle{background-color:rgb(0, 0, 0) !important}.in_title{text-align: center;position: relative}.in_title:before{content: "";width: 90px;height: 1px;background-color:rgb(12, 82, 158);position: absolute;bottom: -10px;left: 50%;margin-left: -45px}/* .in_title:after{content: "";width: 140px;height: 3px;position: absolute;bottom: -12px;left: 50%;margin-left: -70px;background-color:rgb(12, 82, 158)}*/ .in_title b{font-size: 32px;font-weight: normal}.in_title p{font-size: 18px;color: #999}.inmore{text-align: center;color:rgb(12, 82, 158);border: solid 2px rgb(12, 82, 158)}.inmore a{display: block;font-size: 14px;width: 100%;height: 40px;line-height: 40px;color:rgb(12, 82, 158);transition:background-color 0.5s;-moz-transition:background-color 0.5s;/* Firefox 4 */ -webkit-transition:background-color 0.5s;/* Safari and Chrome */ -o-transition:background-color 0.5s;/* Opera */ } .inmore a:hover{color: #fff;background-color: rgb(12, 82, 158)}.tpl_one{max-height: 96px}#rightHistory .tpl_elevn{background: url(/Public/Images/Theme261/map.jpg) no-repeat left top}#rightHistory,#rightHistory h2,#rightHistory h3{color: #fff}#rightHistory .iconguangbo,#rightHistory .iconguangbo:before{font-size: 12px}#rightHistory .iconguangbo{float: left}#rightHistory .noticeBox .navbar-form{margin-top: 3px}#rightHistory .noticeBox .form-control{border-radius: 0;box-shadow: none;font-size: 12px;height: 33px;line-height: 33px;padding: 0px 10px !important;background-color: #fff;box-sizing: border-box;display: inline-block;vertical-align: top;width: 100%;border: none;border-left: 1px solid rgba(255, 255, 255, .1)}#rightHistory .noticeBox .btn-search{background: none !important;border: none !important;border-left: 1px solid rgba(255, 255, 255, .1) !important;line-height: 18px}#rightHistory .noticeBox{line-height: 40px;padding: 0 10px}#rightHistory .noticeBox .alertinfo ul{float: left;width: 80%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}#rightHistory a{color: #fff}.bannerpp{color: #333} .bannerpp i{display: none !important}#rightHistory .column{border: none}#rightHistory{padding-bottom: 0 !important}.mobile_copyright{display: none}@media screen and (max-width: 768px){.in_title:before{content: "";width: 50px;margin-left: -25px}.in_title b{font-size: 18px}.in_title p span{font-size: 14px}.inmore a{height: 36px;line-height: 36px}.friendLink{background-color:rgb(0, 0, 0) !important}.mobile_copyright{display: block}} /*字体*/ @font-face{font-family: "iconfont";src: url('/Public/Images/Theme261/icon/iconfont.eot?t=1571382176885');/* IE9 */ src: url('/Public/Images/Theme261/icon/iconfont.eot?t=1571382176885#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAxUAAsAAAAAFhwAAAwGAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCFGgqbeJVzATYCJANECyQABCAFhG0HgVwbKxJRlHFWEtkX2DbsUSxwNjzxzQ3eBgDAZI3yAQAACwBwWYIgeJ7sqverqts707M6kAyZKgSYin10NItrNkKhF2GGcmpPoNDnrylQDrgBAggSzj9u2k/SwpognvbK+lSRiVdsVrmSUhMOZlq/u7A5dI6UdnPwibWz0rlBOIMTtTSPPf/7tVbP8y5iyS2UGxIxnslfhofvYvoxtUQnQUi3iEpjSKLREqETWiCkjoV4ldmcUCqlLn1wfwjgU1hF0rL1589ggUHRCUpMHKdwsAiFYDJIwQ20BeuaDrIVC1etU7eBLfb3y0eq54LC0igH6jr6SQxuMW8f66Vp0kC9jGXN0cCBDTRQEZgDdVMYdBno5Was8Ssa9gL5RbFfMjaxH+dVRBXVtdfXUCOM+XE6TYy4KcrUQn7F1X/igcZgo3CxyEAI8HHwCEmSIILYQB9y4f2sCDG6OzTE4g4DsXKHDbHWEUcGgAvkA7CA8gLIACoCQICqAAiAqkNHFdQegAPUF4AHNBRACDQCQBJoDGgSbE8FGCKKPkXrFAcNYGYwsBYAaqUdJ2g120NhvXO0CmU8rILJVMIoczuZFaKiRXKqZxbN74fMOm/hsmUylylZuHC+/PmyQ8+2w7COG5xP6FqjKAxlQajO4eCYbvwVhGEf115NYSLDV/XeKJhp85JjfZRO4SMJr18foGW0lOoFVRMIKP1+gvSxHeqoV5cbdKIak9ajFxJGUtDCBixY5zas0Ee6PFq3U6XHlY7ooRxsOidAYNKlGUr2qi4VAj/h8ymo2lgJyIjpPbjWJKJqBNLapdgRtdZgEPgUBp1biyvNDptFpa22l3UNChTHfWkufcbLasdIlDF4Buez1DHf9MvU0hG/3zfzWaXB6h7GlVepeaOHiiL7QTyg9NxtqOUkGo8+7TUj6bSK1CadQGVYjY6OQxAKyDG5CzHINNZ2CWGjEDPjkNaDY0YXIASIWcgC1P6xFpNbBKHNOPdgmM0LyOhDIa17ampbOnwtvNey90siFLUMA6RL74EgfvCR5xMBCzr0cj1r9EUMwob3P1uB6V2kE22yCX5327NP1MfRXRw7HhlmOeG9hHH1V66egsK1J8cvN3J0bvcWPBhXZRgVtZusTouwzXhJfwXXhJHOlaYnyVZBqv0JRUWnOM7FH6RKdAK5dSzS51d2QNiwCzNmmA/FDN0gpjoTdSKKragc9qRMMWM2/0TLfsFUcLwIMwmbEWHNMlqaTQaDUej3K8zpjLgZD1CKqxhmOuIXJxyj+kQvAxQ1hguBgRQSChAat46WgDPcrBXVKHfWZ7IKHvlSUd0zMXzg+STskr/KaEtbxXETog+f7SYHBRQlMs1DsAhZu2AzXq1goMJoAbYmmc06aBEa/cQRX57B0RrTtDc3mSyR7/TuV/h8lQaLTZgQUAY6RkrXUNkyGQhteTpTcPwB9Sfks2hhIAc/B1HyekaJkbhDxR8LlN72xx321ZwfI736q9rxrpmEYpZmjRmyVv02kclegk6lMa+Y9C5F/j4TVXL+lmCj78xkEpnuTL7lE1idkbDFlTTFMeXu7QUob7NhegeeYsYGdCN+IebwRCNDbpVJNOpL1JkgRGvGMHOgdGREiBmNQtjU0Uh5SiGwJiYiZvMM0Bem3K7AqjeCnqN3Es9fFBgG5/unelx7JQVz3E4ymodNIoZQ3OwvEOGYfujlFK4cY9r+Z3LOIaGPRhq32xxmiK41oRydoU4y+Uyd+k0FQE16RTeEyKE8AHzZZBkKwD6r/eFQXlB4dlVt9acaUV37qUWnJrPburw8Q9Nt8J/D0mlbQWfkkO/lIYNAXr4sUzF9q1q9ddoBXF/CuPu7zFBZaSjzUcZ3ZWXBzCDYefejyo++/6jio2MrZlfOBrmv2nk//liKbWPkBxGqzzZHIvAXH27cPpHLhIG+Ld7f68hcFpcVMRlKLQfNyNFA4ChpkH0octTfZjMoT4U6IphcJnpyY0POcuAN++cfQxovSSHn7w5MATu/gOsnLV66eLFLTERfef58m7x290tRCVi27OEZAn2sUX8IL3jy7sJ3FYkTS4vwAsLr+autBvv5pqzyG9HzeTkZHdxGZen6Kz+8luFdtnTpK6o93+RuKiHw1oKP3p+VnzddUg4WLWLLxe5OtbpADQNusfy0q1MTj8az23Ua9QOxwQRzszkhGDvACcLZbFlMAisb3T1wGL3Mln5w9AMp+zJ6eGA3ms1KiJGxs+FgdsMzKYskWbKnxDrIs84Yki0FEviDVbEsrpjLir22L7OqEKqrgwqvaRIaWwjFhgbumFWMjSQmxH4QO4EoeyPWI1o/aI2KHM9LkZtdeeIPd/WhHGuCwqP/4/hu4NEiaRFgNw4Sj8Tzi87jvC5epP6XMJvnPMzzir66cDQJHeJ9+f/hLPK/1jw2VwMO/vy/9Hrsl62jM1OKGIW9Q8Psw31T1UiE9snb/Su4yvSH6+5bthPicP5hcY7j7Zub4xAyJ/8041h51E7tsrHUMU6ldH/y41ikKq1kf8s06wYYQZsnN82fuhaZJqXdKJ8fNY/W9sZqqnz5ms60pS8SunFnW7m5p+enbO35/kBZ28jChvYC0YxOviHBzeUih6fjVWU7eye1GWbUVzXGF9mFc6tiEXLah1l1QNKuDio4im+++fobKz5IcAgvXyhEsImgzoSCoVieYDG7OBQS/YkEB6R83PP7q/v606Z33kmrpitoCvJSxXXnhyqcXXVrSZh4evQn0Md61Koonvr8wtvbWXeYcSwFk/fBh7uJ8LiN7ksH/y86hE6PPxTRWLqsvSvvk5Su2KnKCWWx8a15PRPMRW15EYN3UrrvvJ3a3rZyg4OUpZpzlR2JNckavgYryNfu6sWzdnNcvTsj90V2gj/H6l20QVokL+7lwwn5C+B+m/11g4Dt9utJ4c+L5fdodJoN26laorGXWFaz/KEkT8n7LR9SbdncAavgzZvZ8iDvt6wHvNOVlRijsuLM9YoKu3xF5cwPc/8r+79Mx2Bnhj5VCgA6jU3nuoY5NBpwarTaoWiZ2GLls0TLxfrSPSOWRwfvl1gWDWR7w/e008kPHo9Ivujs/KPYyOMPyHb6nlUh2i1aaFX1UenLjWs45OAfHOadj5P20MLi5tNJpiRs1Xf0m7TQwC+3jlzahZ6jddGG9CdMh2Mb6LmVX66DOu7xnTcW8bEzH3WhRXQONGm9E7m3Flr3ZV5eAz0Wpm2lpbZGbf9RYuMpJNPmR4RLIck16EbdH8PcCW+2NUdZPpSMwKq4tPlomBTEXYPPComVbbs4H9moSUYWL9vRtRQ9H9X3v+Hhg917bW28dJTX2O3NPzh1ztwcbNzYv+1T+Wt3ki2Ltkw+isyxUSozUOARS9IkZU69VAPp51ZNXfhJTlfXg85rVd8UZGd1LeOJPqVLFLHSx3TRaHNEV40ari2QBdX8zCXboZdxqriILKv24kfqtS7F8VU9VUWUvXSil/7xm48NKzvVHpJs+NvF/h9OenBv5WEb0kuGxV0W46J+/iL+1NVyCkL6uyU/qpTQ1K46MlV+ACN9rV6ititRV5c3aJdyHA8rwFf7wB+6uExPu6VyCiv+wlI5voPCoZCDxqUk1wgrploEDD/bxqUJHHwqaLNxQJbpjBHjAeWtYg5C5KiDIsE5B03kDtcInzhY5PrsYBOlHXx6S9Y2A0o3zm8xnbAkAcPnwbgRHKUWXq6ckl+kKo95UGVb/1FemFSoVrlqNOeFIuVNrDBjtrrMnClh9HQO0JodjLxnmDqdLSXlYezMMr1WqTJatOJhxJQwWNGCHAIpTZcCMJzO7zgSmIicuGQV+/ovCEWFB8kzGrz5/YPIKTAzB9VUVrUA90UfCzU4lPIzqFFczCRaAnr1HCYAWhNNeDWTAVPFc1mIhJKDsRVwylUV6mh0Uf2heyrIvR7pa1S521RKtBixxBZHXPHEl0BCyZCEJCWSlGRixo/Dc54ZY403GFWvTaSoRGXa4IrrEcOMwLgfMSXtZsOnyKhuXqScNbQdOYz1o1yhuepoMr1q0mLelKoMzEc+sK5wPiMzX6Kr+ZhZD/zP05Hjame2M8YGpV3iWHK1KqH08k/nzSJRjc/BgwEA') format('woff2'), url('/Public/Images/Theme261/icon/iconfont.woff?t=1571382176885') format('woff'), url('/Public/Images/Theme261/icon/iconfont.ttf?t=1571382176885') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('/Public/Images/Theme261/icon/iconfont.svg?t=1571382176885#iconfont') format('svg');/* iOS 4.1- */ } .iconfont{font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}.iconjia1:before{content: "\e61f"}.iconshiliangzhinengduixiang:before{content: "\e603"}.iconcaidan-copy:before{content: "\e600"}.iconbofang:before{content: "\e601"}.iconlianjie:before{content: "\e60a"}.icondaohangshouye:before{content: "\e602"}.iconrili:before{content: "\e64a"}.iconyouxiang:before{content: "\e604"}.icondianhua:before{content: "\e658"}.iconshanchu:before{content: "\e632"}.iconguangbo:before{content: "\e62f"}.icondizhi:before{content: "\e660"}.iconshuangjiantou:before{content: "\e618"}.iconyoujiantou:before{content: "\e667"}.iconyuedu:before{content: "\e663"}.iconjia:before{content: "\e7dc"}.transitionall{transition:all 0.5s;-moz-transition:all 0.5s;/* Firefox 4 */ -webkit-transition:all 0.5s;/* Safari and Chrome */ -o-transition:all 0.5s;/* Opera */ } /* Animate.css动画库 */ .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both} .animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite} .animated.hinge{-webkit-animation-duration:2s;animation-duration:2s} .animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s} @-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)} 40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)} 40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)} 70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)} 90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)} } @keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)} 40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)} 40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)} 70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)} 90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)} } .bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom} @-webkit-keyframes flash{0%,50%,to{opacity:1} 25%,75%{opacity:0} } @keyframes flash{0%,50%,to{opacity:1} 25%,75%{opacity:0} } .flash{-webkit-animation-name:flash;animation-name:flash} @-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)} 50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)} to{-webkit-transform:scaleX(1);transform:scaleX(1)} } @keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)} 50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)} to{-webkit-transform:scaleX(1);transform:scaleX(1)} } .pulse{-webkit-animation-name:pulse;animation-name:pulse} @-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)} 30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)} 40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)} 50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)} 65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)} 75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)} to{-webkit-transform:scaleX(1);transform:scaleX(1)} } @keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)} 30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)} 40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)} 50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)} 65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)} 75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)} to{-webkit-transform:scaleX(1);transform:scaleX(1)} } .rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand} @-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)} 10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)} 20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)} } @keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)} 10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)} 20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)} } .shake{-webkit-animation-name:shake;animation-name:shake} @-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)} 6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)} 18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)} 31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)} 43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)} 50%{-webkit-transform:translateX(0);transform:translateX(0)} } @keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)} 6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)} 18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)} 31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)} 43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)} 50%{-webkit-transform:translateX(0);transform:translateX(0)} } .headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake} @-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)} 40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)} 60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)} 80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)} to{-webkit-transform:rotate(0deg);transform:rotate(0deg)} } @keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)} 40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)} 60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)} 80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)} to{-webkit-transform:rotate(0deg);transform:rotate(0deg)} } .swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing} @-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)} 10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)} 30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)} 40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)} to{-webkit-transform:scaleX(1);transform:scaleX(1)} } @keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)} 10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)} 30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)} 40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)} to{-webkit-transform:scaleX(1);transform:scaleX(1)} } .tada{-webkit-animation-name:tada;animation-name:tada} @-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none} 15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)} 30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)} 45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)} 60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)} 75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)} to{-webkit-transform:none;transform:none} } @keyframes wobble{0%{-webkit-transform:none;transform:none} 15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)} 30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)} 45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)} 60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)} 75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)} to{-webkit-transform:none;transform:none} } .wobble{-webkit-animation-name:wobble;animation-name:wobble} @-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none} 22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)} 33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)} 44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)} 55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)} 66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)} 77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)} 88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)} } @keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none} 22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)} 33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)} 44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)} 55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)} 66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)} 77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)} 88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)} } .jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center} @-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)} 20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)} 40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)} 60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)} 80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)} to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)} } @keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)} 20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)} 40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)} 60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)} 80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)} to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)} } .bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn} @-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)} 60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)} 75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)} 90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)} to{-webkit-transform:none;transform:none} } @keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)} 60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)} 75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)} 90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)} to{-webkit-transform:none;transform:none} } .bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown} @-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)} 60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)} 75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)} 90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)} to{-webkit-transform:none;transform:none} } @keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)} 60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)} 75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)} 90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)} to{-webkit-transform:none;transform:none} } .bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft} @-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)} 60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)} 75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)} 90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)} to{-webkit-transform:none;transform:none} } @keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)} 60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)} 75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)} 90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)} to{-webkit-transform:none;transform:none} } .bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight} @-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)} 60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)} 75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)} 90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)} to{-webkit-transform:translateZ(0);transform:translateZ(0)} } @keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)} 60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)} 75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)} 90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)} to{-webkit-transform:translateZ(0);transform:translateZ(0)} } .bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp} @-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)} 50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)} to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)} } @keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)} 50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)} to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)} } .bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut} @-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)} 40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)} to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)} } @keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)} 40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)} to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)} } .bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown} @-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)} to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)} } @keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)} to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)} } .bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft} @-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)} to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)} } @keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)} to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)} } .bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight} @-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)} 40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)} to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)} } @keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)} 40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)} to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)} } .bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp} @-webkit-keyframes fadeIn{0%{opacity:0} to{opacity:1} } @keyframes fadeIn{0%{opacity:0} to{opacity:1} } .fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn} @-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)} to{opacity:1;-webkit-transform:none;transform:none} } @keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)} to{opacity:1;-webkit-transform:none;transform:none} } .fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown} @-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)} to{opacity:1;-webkit-transform:none;transform:none} } @keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)} to{opacity:1;-webkit-transform:none;transform:none} } .fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig} @-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)} to{opacity:1;-webkit-transform:none;transform:none} } @keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)} to{opacity:1;-webkit-transform:none;transform:none} } .fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft} @-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)} to{opacity:1;-webkit-transform:none;transform:none} } @keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)} to{opacity:1;-webkit-transform:none;transform:none} } .fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig} @-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} to{opacity:1;-webkit-transform:none;transform:none} } @keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} to{opacity:1;-webkit-transform:none;transform:none} } .fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight} @-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)} to{opacity:1;-webkit-transform:none;transform:none} } @keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)} to{opacity:1;-webkit-transform:none;transform:none} } .fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig} @-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)} to{opacity:1;-webkit-transform:none;transform:none} } @keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)} to{opacity:1;-webkit-transform:none;transform:none} } .fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp} @-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)} to{opacity:1;-webkit-transform:none;transform:none} } @keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)} to{opacity:1;-webkit-transform:none;transform:none} } .fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig} @-webkit-keyframes fadeOut{0%{opacity:1} to{opacity:0} } @keyframes fadeOut{0%{opacity:1} to{opacity:0} } .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut} @-webkit-keyframes fadeOutDown{0%{opacity:1} to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)} } @keyframes fadeOutDown{0%{opacity:1} to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)} } .fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown} @-webkit-keyframes fadeOutDownBig{0%{opacity:1} to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)} } @keyframes fadeOutDownBig{0%{opacity:1} to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)} } .fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig} @-webkit-keyframes fadeOutLeft{0%{opacity:1} to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)} } @keyframes fadeOutLeft{0%{opacity:1} to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)} } .fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft} @-webkit-keyframes fadeOutLeftBig{0%{opacity:1} to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)} } @keyframes fadeOutLeftBig{0%{opacity:1} to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)} } .fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig} @-webkit-keyframes fadeOutRight{0%{opacity:1} to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} } @keyframes fadeOutRight{0%{opacity:1} to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} } .fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight} @-webkit-keyframes fadeOutRightBig{0%{opacity:1} to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)} } @keyframes fadeOutRightBig{0%{opacity:1} to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)} } .fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig} @-webkit-keyframes fadeOutUp{0%{opacity:1} to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)} } @keyframes fadeOutUp{0%{opacity:1} to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)} } .fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp} @-webkit-keyframes fadeOutUpBig{0%{opacity:1} to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)} } @keyframes fadeOutUpBig{0%{opacity:1} to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)} } .fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig} @-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)} 0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} 40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)} 50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)} 50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} 80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)} to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} } @keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)} 0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} 40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)} 50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)} 50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} 80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)} to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} } .animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip} @-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0} 0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} 40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)} 60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1} 80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)} to{-webkit-transform:perspective(400px);transform:perspective(400px)} } @keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0} 0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} 40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)} 60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1} 80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)} to{-webkit-transform:perspective(400px);transform:perspective(400px)} } .flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX} @-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0} 0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} 40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)} 60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1} 80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)} to{-webkit-transform:perspective(400px);transform:perspective(400px)} } @keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0} 0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} 40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)} 60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1} 80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)} to{-webkit-transform:perspective(400px);transform:perspective(400px)} } .flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY} @-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)} 30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1} to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0} } @keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)} 30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1} to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0} } .flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important} @-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)} 30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1} to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0} } @keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)} 30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1} to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0} } .flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY} @-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0} 60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)} 60%,80%{opacity:1} 80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)} to{-webkit-transform:none;transform:none;opacity:1} } @keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0} 60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)} 60%,80%{opacity:1} 80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)} to{-webkit-transform:none;transform:none;opacity:1} } .lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} @-webkit-keyframes lightSpeedOut{0%{opacity:1} to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0} } @keyframes lightSpeedOut{0%{opacity:1} to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0} } .lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} @-webkit-keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0} 0%,to{-webkit-transform-origin:center} to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1} } @keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0} 0%,to{-webkit-transform-origin:center} to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1} } .rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn} @-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0} 0%,to{-webkit-transform-origin:left bottom} to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1} } @keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0} 0%,to{-webkit-transform-origin:left bottom} to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1} } .rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft} @-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0} 0%,to{-webkit-transform-origin:right bottom} to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1} } @keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0} 0%,to{-webkit-transform-origin:right bottom} to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1} } .rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight} @-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0} 0%,to{-webkit-transform-origin:left bottom} to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1} } @keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0} 0%,to{-webkit-transform-origin:left bottom} to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1} } .rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft} @-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0} 0%,to{-webkit-transform-origin:right bottom} to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1} } @keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0} 0%,to{-webkit-transform-origin:right bottom} to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1} } .rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight} @-webkit-keyframes rotateOut{0%{transform-origin:center;opacity:1} 0%,to{-webkit-transform-origin:center} to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0} } @keyframes rotateOut{0%{transform-origin:center;opacity:1} 0%,to{-webkit-transform-origin:center} to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0} } .rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut} @-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1} 0%,to{-webkit-transform-origin:left bottom} to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0} } @keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1} 0%,to{-webkit-transform-origin:left bottom} to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0} } .rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft} @-webkit-keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1} 0%,to{-webkit-transform-origin:right bottom} to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0} } @keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1} 0%,to{-webkit-transform-origin:right bottom} to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0} } .rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight} @-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1} 0%,to{-webkit-transform-origin:left bottom} to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0} } @keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1} 0%,to{-webkit-transform-origin:left bottom} to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0} } .rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft} @-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1} 0%,to{-webkit-transform-origin:right bottom} to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0} } @keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1} 0%,to{-webkit-transform-origin:right bottom} to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0} } .rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight} @-webkit-keyframes hinge{0%{transform-origin:top left} 0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} 20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left} 40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1} to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0} } @keyframes hinge{0%{transform-origin:top left} 0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} 20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left} 40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1} to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0} } .hinge{-webkit-animation-name:hinge;animation-name:hinge} @-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)} to{opacity:1;-webkit-transform:none;transform:none} } @keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)} to{opacity:1;-webkit-transform:none;transform:none} } .rollIn{-webkit-animation-name:rollIn;animation-name:rollIn} @-webkit-keyframes rollOut{0%{opacity:1} to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)} } @keyframes rollOut{0%{opacity:1} to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)} } .rollOut{-webkit-animation-name:rollOut;animation-name:rollOut} @-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)} 50%{opacity:1} } @keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)} 50%{opacity:1} } .zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn} @-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} 60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)} } @keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} 60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)} } .zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown} @-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} 60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)} } @keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} 60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)} } .zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft} @-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} 60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)} } @keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} 60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)} } .zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight} @-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} 60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)} } @keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} 60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)} } .zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp} @-webkit-keyframes zoomOut{0%{opacity:1} 50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)} 50%,to{opacity:0} } @keyframes zoomOut{0%{opacity:1} 50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)} 50%,to{opacity:0} } .zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut} @-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)} } @keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)} } .zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown} @-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)} to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center} } @keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)} to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center} } .zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft} @-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)} to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center} } @keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)} to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center} } .zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight} @-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)} } @keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)} } .zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp} @-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible} to{-webkit-transform:translateZ(0);transform:translateZ(0)} } @keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible} to{-webkit-transform:translateZ(0);transform:translateZ(0)} } .slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown} @-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible} to{-webkit-transform:translateZ(0);transform:translateZ(0)} } @keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible} to{-webkit-transform:translateZ(0);transform:translateZ(0)} } .slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft} @-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible} to{-webkit-transform:translateZ(0);transform:translateZ(0)} } @keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible} to{-webkit-transform:translateZ(0);transform:translateZ(0)} } .slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight} @-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible} to{-webkit-transform:translateZ(0);transform:translateZ(0)} } @keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible} to{-webkit-transform:translateZ(0);transform:translateZ(0)} } .slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp} @-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)} to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)} } @keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)} to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)} } .slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown} @-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)} to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)} } @keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)} to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)} } .slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft} @-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)} to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} } @keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)} to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} } .slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight} @-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)} to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)} } @keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)} to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)} } .slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} body .news-nr-box .DownloadBtn{display: inline-block;width: auto;padding: 0 10px 0 0;background-position: 9px;height: 40px;line-height: 40px}.menu .header-box{position: relative;max-width:1180px;margin:0 auto}.menu .header-box .logo{float: none;position: relative;z-index: 2;padding:0px;text-align: center;display: block}.menu .header-box .logo img{max-height: 100px !important;max-width: 100%}.logo_name span{text-indent: -99em;position: absolute;display: block}.tpl_two,.tpl_three,.tpl_four,.tpl_five,.tpl_six,.tpl_seven,.tpl_ten,.tpl_elevn,.tpl_footers{overflow: hidden}.menu .NavBoxPublic ul.navPublic li a{color: #333}.content-box{max-width: 1180px;margin: 30px auto}.overflow{white-space: nowrap;overflow: hidden;text-overflow:ellipsis;display: block}.cl{clear: both}.Animation{-webkit-transition: all .4s ease-in-out 0s;-moz-transition: all .4s ease-in-out 0s;-ms-transition: all .4s ease-in-out 0s;transition: all .4s ease-in-out 0s}.m-box01{max-width: 1180px !important}.column{margin: 0px}.tpl_ten .title_name2{color: #fff !important}.content-box .page .col-lg-9{height: auto}/*-------------------*/ .headFixed{margin: 0px auto}.menu .nav-box{max-width: 1180px;margin: 0 auto}.menu .nav{padding:0;float:none;margin:0;width:100%}.menu .nav li{float:left;text-align:center;width: 12.5%}.menu .nav li:last-child{background: none}.menu .nav > li:hover ul{display: block;padding: 0}/*--下拉菜单倒三角--*/ .menu .nav > li .Triangle:after{content: '';display: inline-block;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top:6px solid;position: absolute;right: 5px;top:30px}.menu .nav > li ul{width: 100%;display: none;padding: 0;box-shadow:1px 1px 4px 0 rgba(0,0,0,.4);position: absolute;left:0px;top:56px;width: 100%;z-index: 9}.menu .nav > li ul li{line-height:40px;padding: 0px;background: none;float: none;text-align: center;width: 100%;border-top: 1px solid #fff}.menu .nav > li ul li a{font-size: 12px;color: #fff;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;padding: 0px 5px;margin: 0px}.menu .nav > li ul li a:hover{text-decoration: none;color: #fff}.menu .navbar-nav > li > a{display:block;position: relative;font-size:14px;color:#fff;height:auto;padding:0px;line-height:56px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.menu .navbar-nav > li > a.active, .menu .navbar-nav > li > a:hover, .menu .navbar-nav > li > a:focus{background: none;color: #fff}.menu .navbar-nav > li > a.active{background-image:none;-webkit-box-shadow: none;box-shadow: none}.NavBtn{display:none;text-align:center;overflow: hidden}.header-box .clearfix.none{display: none}.btn-navbar-t{display: none;float: right;padding: 3px 8px 7px;margin-right: 5px;margin-left: 5px;border: 1px solid #ccc}.btn-navbar-t:hover, .btn-navbar-t:focus, .btn-navbar-t:active, .btn-navbar-t.active, .btn-navbar-t.disabled, .btn-navbar-t[disabled], .btn-navbar-t .icon-bar:hover, .btn-navbar-t .icon-bar:focus, .btn-navbar-t .icon-bar:active{filter:Alpha(opacity=80);opacity:0.8}.btn-navbar-t .icon-bar{background: #ccc;display: block;margin-top: 4px;width: 18px;height: 2px}/*-------------------*/ /*-------------------*/ /* 小屏幕 一*/ @media screen and (max-width:1180px){.menu .header-nav .nav-box{width:auto}.content-box{margin:30px 15px}} /* 小屏幕 二*/ @media screen and (max-width:870px){.menu .header-box .logo{padding: 0px}.menu{height:auto}.header-box .clearfix.none{display: block}.menu .header-nav{position: static;width: 100%;height:auto;margin: 0}.menu .header-box{width:100%;position: relative}/*--------------------------*/ .menu .nav li a:hover:after{display: none}.menu .btn-t{display: block;position: absolute;top: 18px;right: 14px;z-index: 99}.menu .header-nav .nav-box{background:none;height:auto;padding:0;margin:0}.menu .navbar-collapse{margin:0;border-top-width: 2px;border-top-style: solid}.menu .navbar-collapse.collapse{display:none!important}.menu .navbar-collapse.in{overflow-y:hidden;display:block!important;height: auto}.menu .navbar-collapse.collapseing{padding: 0;margin: 0}.menu .nav{float:none;width:100%}.menu .nav li{float:none;width:100%;background:none;border-top-width:1px;border-top-style:solid}.menu .nav li:last-child{border-bottom:none}.menu .nav li a{padding: 0 20px;text-align:left;display: block;font-size:14px;margin:0;line-height:30px}.menu .nav li a:hover,.menu .nav li.active a ,.menu .nav li.active{text-align:left;color: #fff}.menu .nav li a:hover,.menu .nav li.Theme{border-radius:0;-webkit-transform:translatex(5px);-moz-transform:translatex(5px);transform:translatex(5px)}.menu .NavBox{width: 100%;visibility:hidden;height:0;overflow: hidden}.menu .header-box.active .NavBox{visibility: visible}/*--------------------------*/ } /* 新加 */ .menu .logo_name{float:left;max-width: 25%;overflow: hidden}.menu .header-nav{float:right;width:74%}.menu .navbar-brand img{max-width: 100%;max-height: 100px !important}.menu .nav li{padding: 20px 0;position: relative}.menu .navbar-nav > li > a{position: relative;font-size: 16px}.menu .nav > li ul{top: 95px}.menu .nav > li .Triangle:after{top: 26px}.menu .nav > li .Themebghover:hover,.menu .nav > li .ThemeBbg{background:none !important}.menu .nav > li a:hover:before,.menu .nav > li .ThemeBbg:before{content: "";width: 40px;height:2px;background-color: olive;position: absolute;bottom: 6px;left: 50%;margin-left: -20px}.menu .header-box .logo{float: left;padding-left: 10px}.menu .header-box .logo img{min-height: 60px !important;max-height: 60px !important;padding-top: 15px}@media screen and (max-width: 870px){.header-nav #NavBoxPublic{width: 100%;height: 100%;background-color: #333;border: none}.menu .NavBoxPublic ul.navPublic li{border-bottom: 1px solid rgba(255,255,255,.1)}.menu .NavBoxPublic ul.navPublic li .Themefont{color: #fff !important}.NavBoxPublic .TriangleBtn:before, .inpro-nav .inproline{border-color: #fff !important}.menu .NavBoxPublic ul.navPublic li .Themebg{background-color: rgba(255,255,255,.1) !important}.menu .m-menutop{overflow: hidden}.menu .m-menutop-logo{float: left;width: 80%} .menu .m-menutop-logo img{max-height: 45px;max-width: 100%}.menu .m-menutop-cose{float: right;padding-top: 10px;width: 15%;text-align: right}.menu .m-menutop-cose i{font-size: 26px;margin-right: 10px}.menu .m-menutop-so{padding: 15px;border-bottom: 1px solid rgba(255,255,255,.1)}.menu .m-menutop-so .mnavformgroup{background-color:rgb(0, 0, 0);overflow: hidden;position: relative;padding: 10px 10px}.menu .m-menutop-so .input1{width: 80%;border: none;background: none}.menu .m-menutop-so .button1{display: inline-block;text-align: center;background: none;border: 0;outline: none;color: #fff;position: absolute;right: 0;top: 5px}.menu .m-menutop-so .iconshiliangzhinengduixiang:before{font-size: 18px}} @media screen and (max-width: 768px){.menu .header-box .logo img{min-height: 10px !important;max-height:45px!important;padding-top: 0}.album video{display: none}.album .title_name2{color: #444!important}} @media screen and (max-width: 600px){.row .col-md-4, .row .col-md-5, .row .col-md-6, .row .col-md-7, .row .col-md-8, .row .col-md-9, .row .col-md-10, .row .col-md-11{padding: 0px}} @media screen and (max-width: 480px){} @media screen and (max-width: 414px){} @media screen and (max-width: 320px){#pp{margin-left: 0}} .banner{width:100%;overflow: hidden}.carousel{margin: 0}.bannerBox{margin:0 auto;position: relative}.banner .carousel-control{background: none}/*-----------<关于我们>---------------*/ .about{margin: 50px 0}.about .about_det:before{content: "";position: absolute;left: 0px;top:0px;background: url(/Public/Images/Theme221/yinhao.png) } .about .inabout{overflow: hidden;margin-top: 50px}.about .item_img{float: left;width: 48%;text-align: center;position: relative}.about .inaboutimg1{position: absolute;z-index: 1}.about .inaboutimg2 img{padding-top: 40px;width: 75%;position: relative;z-index: 3}.about .item_img:after{content: } .about .item_img:before{content: "";display: block;width: 100%;height: 150px;background-color: aqua;position: absolute;top: 50%;margin-top: -55px;left: -5%;z-index: 2}.about .item_con{float: right;width: 48%;padding-top: 30px}.about .about_name{font-size: 18px}.about .about_font{height: 187px;overflow: hidden;color: #999 !important;line-height: 24px;margin: 20px 0}.about .about_font p{color: #999 !important}.about .about_more{} @media screen and (max-width: 768px){.about{margin: 30px 0}.about .item_img{float: none;;width: 100%}.about .item_con{float: none;width: 90%;margin: 0 auto;padding-top: 0}.about .about_name{display: none}.about .item_img:before{height: 80px;left: 0;margin-top: -6%}.about .inaboutimg2 img{padding-top: 10%;width: 65%;position: relative;z-index: 3}.about .inaboutimg1 img{width: 60%;padding-left: 0}} @media screen and (max-width: 480px){} @media screen and (max-width: 414px){} @media screen and (max-width: 375px){} @media screen and (max-width: 320px){} /*-----------<联系我们>---------------*/ .contact{position: relative;padding: 30px}.contact .lbs-box{display: none}.contact .map-box1{min-height: 600px;opacity: .4}.contact .inmap{position: absolute;z-index: 1;top: 0;left: 0;width: 100%}.contact .inmap img{width: 100%}.contact .incontact{position: relative;z-index: 2;width: 540px;background-color: rgba(0, 0, 0, .5);margin-bottom: 60px}.contact .incontact .incontact_box{padding: 30px}.contact .incontact h3{font-size: 18px}.contact .itemlist{margin: 30px 0}.contact .itemlist ul li{padding: 5px 0}.contact .feedbackc{line-height: 36px;padding: 8px 15px;border-radius: 5px}.contact .feedbackc:hover{color: #fff}/* 横向放置的手机和竖向放置的平板之间的分辨率 三*/ @media screen and (max-width: 1030px){} @media screen and (max-width: 980px){} @media screen and (max-width: 870px){.contact{position: relative;padding: 20px}.contact .incontact{position: relative;z-index: 2;width: 100%;background-color: rgba(0, 0, 0, .5);margin-bottom: 0}.contact .itemlist{margin: 20px 0}.contact .incontact .incontact_box{padding: 20px}.contact .feedbackc{display: block;line-height: 36px;padding: 0;border-radius: 5px;text-align: center}} @media screen and (max-width: 768px){} @media screen and (max-width: 600px){}/*-----------<最新资讯>---------------*/ .article{padding: 50px 0}.article .inmore{width: 50%;margin: 0 auto}.article .inartlist{margin-top: 50px}.article .inartlist ul{margin-left:-3%;overflow: hidden}.article .inartlist ul li{float:left;overflow:hidden;width:30.3%;margin:10px 0 50px 3%}.article .inartlist b{font-size: 14px;color: #999;font-weight: normal}.article .inartlist h3{margin: 20px 0 10px 0;font-size: 18px;line-height: 24px;overflow: hidden;height: 48px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-weight: normal}.article .inartlist span{display: block;height: 1px;width: 10%;background-color: #999;transition: width 0.5s;-moz-transition: width 0.5s;/* Firefox 4 */ -webkit-transition: width 0.5s;/* Safari 和 Chrome */ -o-transition: width 0.5s;/* Opera */} .article .inartlist p{margin-top: 20px;font-size: 12px;color: #999;line-height: 20px;overflow: hidden;height: 40px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2}.article .inartlist ul li:hover span{width: 50%}/* 横向放置的手机和竖向放置的平板之间的分辨率 三*/ @media screen and (max-width: 768px){.article{padding: 30px 0}.article .inmore{width: 100%;margin: 0 auto}.article .inartlist{margin-top: 30px}.article .inartlist ul{margin-left:0;overflow: hidden}.article .inartlist ul li{float:none;overflow:hidden;width:100%;margin:10px 0 30px 0}.article .inartlist h3{margin: 10px 0 10px 0;font-size: 14px;overflow: hidden;max-height: 48px;height: auto;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-weight: normal}.article .inartlist p{margin-top: 20px;font-size: 12px;overflow: hidden;max-height: 60px;height: auto;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3}} /*产品列表*/ .product{padding: 50px 0}.product .inmore{width: 50%;margin: 0 auto}.product-con{padding: 50px 0}.product-con ul{margin-left:-2%}.product-con ul li{float:left;overflow:hidden;position:relative;background-color:#333;width:31.3%;margin:10px 0 10px 2%}.product-con ul li a{padding: 20px;display: block}.product-con li img{width:100%}.product .img_box{position: relative}.product-con .font_box{} .product-con .font_box h3{font-size: 18px;font-weight: normal;line-height: 20px;overflow: hidden;height: 40px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin: 20px 0}.product-con .font_box p{color: #aaa;line-height: 20px;overflow: hidden;height: 60px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;font-size: 14px}.product-con .font_box b{display: block;margin-top: 20px;font-size: 18px;font-weight: normal}.product-con .img_box .off{position:absolute;visibility:hidden;text-align:center;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.1);color:#FFF;transition:background-color 0.5s;-moz-transition:background-color 0.5s;/* Firefox 4 */ -webkit-transition:background-color 0.5s;/* Safari and Chrome */ -o-transition:background-color 0.5s;/* Opera */ } .product-con ul li:hover .img_box .off{visibility: visible;background-color:rgba(0,0,0,0.6)} .product-con .img_box .off i{font-size: 30px;position: absolute;top: 50%;margin-top: -15px;margin-left: -15px;color: #fff}.product-navm{display: none}/*--------------------------*/ @media screen and (max-width:768px){.product{padding: 30px 0}.product .inmore{width: 100%}.product-con{padding: 30px 0}.product-con ul li{width:48%;margin:5px 0 5px 2%}.product-con ul li a{padding: 10px}.product-con .font_box h3{margin: 10px 0;font-size: 14px} .product-con .font_box b{margin-top: 10px;font-size: 14px } .product-con .font_box p{font-size: 12px}} /*---友情链接----*/ .friendLink{position: relative;z-index: 2}.friendBox{margin: 0px auto;max-width: 1180px;box-sizing: border-box}.friendLink .link-box .friendlinktitle{color:#fff;font-size:14px;line-height:30px;display:block;height: 40px;position: absolute;top: -40px;width: 100%;max-width: 1180px}.friendLink .link-box .friendlinktitle h3{display: block;padding:20px 0 0 30px;position: relative}.friendLink .link-box .friendlinktitle h3:before{content: '';width: 20px;height: 2px;background-color: #666;position: absolute;bottom: -14px}.friendLink .link-box ul{overflow: hidden;padding: 30px 30px 10px 30px;margin-left: -2%}.friendLink .link-box .lineNone{float: left;width: 14.6%;margin: 10px 0 10px 2%;text-align: center}.friendLink .link-box .lineNonebg{padding: 5px 0}.friendLink .link-box p{font-size: 14px;color: #999;margin-top: 10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}.friendLink .link-box .linetext{float: left;margin: 10px 0 10px 2%}.friendLink .linkpc{display: block}.friendLink .linkm{display: none}.friendLinkImg{width: auto !important}/* 小屏幕 一*/ @media screen and (max-width:1180px){.friendBox{padding: 5px 15px !important}} @media screen and (max-width: 870px){.friendLink .linkpc{display: none}.friendLink .linkm{display: block;padding: 20px}.friendLink .linkm .friendlinktitle{color:#fff;font-size:14px;line-height:30px;display:block;height: 40px;width: 100%;max-width: 1180px}.friendLink .linkm .friendlinktitle h3{display: block;padding:0;position: relative}.friendLink .linkm .friendlinktitle h3:before{content: '';width: 20px;height: 2px;background-color: #666;position: absolute;bottom: -14px}.friendLink .linkm .linkmtext{width: auto}.friendLink .linkm .linkmimg{width: auto;text-align: center}.friendLink .linkm .lineNonebg{padding: 5px 10px}.friendLink .linkm p{font-size: 14px;color: #999;margin-top: 10px}}/*---footer----*/ .footers{width:100%}.footerBox{margin: 0 auto;max-width: 1180px}.footers .footers-box{padding:15px 0}.footers .footers-box a{margin-right:10px;color: #333;word-break: break-all;word-wrap:break-word;text-decoration: underline}.footers .footers-box p{padding:0;font-size:12px;line-height:20px}.infooternav{overflow: hidden;color: #aaa;padding: 40px 0}.infooternav_left{float: left;width: 30%;background: url(/Public/Images/Theme261/line2.jpg) repeat-y right top}.infooternav_con{float: left;width: 30%;background: url(/Public/Images/Theme261/line2.jpg) repeat-y right top}.infooternav_right{float: left;width: 30%}.infooternav .frcon p{color: #aaa;line-height: 24px;font-size: 12px}.infooternav .frer ul li{display: inline-block;text-align: center}.infooternav .frer ul li:nth-child(1){margin-right: 20px}.infooternav .frer ul li img{width: 100px;padding: 5px;background-color:rgba(255, 255, 255, .1)}.infooternav p{color: #aaa}.infootercon{background: url(/Public/Images/Theme261/line3.jpg) repeat-x right top;padding: 20px 0;text-align:center;color: #aaa}.infooternav .fpp20{padding: 0 35px;height: 100% !important}.infooternav .frer img{margin:20px 0 10px 0}.infooternav h3{display: block;padding-bottom: 20px;position: relative;font-size: 18px}.infooternav h3:before{content: '';width: 20px;height: 2px;background-color: #666;position: absolute;bottom: 0}.infooternav .fnavlist ul{padding-top: 10px}.infooternav .fnavlist ul li{line-height: 30px;font-size: 14px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}.infooternav .fnavlist ul li a{color: #aaa}.infootercon p{color: #aaa;padding: 5px 0}.footerpc{display: block}.footerm{display: none}/*--------------------------*/ .footersInformation{width: 100%;text-align: center}.tpl_footers .footers .footersInformation p{text-align: center}@media screen and (max-width: 870px){.footerpc{display: none}.footerm{display: block;width: 90%;text-align: center;margin: 0 auto;padding-bottom: 60px}.footerm p{color: #aaa;padding: 5px 0}.infootercon{background: none !important}}/*---footer----*/ .footers{width:100%}.footerBox{margin: 0 auto;max-width: 1180px}.footers .footers-box{padding:15px 0}.footers .footers-box a{margin-right:10px;color: #333;word-break: break-all;word-wrap:break-word;text-decoration: underline}.footers .footers-box p{padding:0;font-size:12px;line-height:20px}.infooternav{overflow: hidden;color: #aaa;padding: 40px 0}.infooternav_left{float: left;width: 30%;background: url(/Public/Images/Theme261/line2.jpg) repeat-y right top}.infooternav_con{float: left;width: 30%;background: url(/Public/Images/Theme261/line2.jpg) repeat-y right top}.infooternav_right{float: left;width: 30%}.infooternav .frcon p{color: #aaa;line-height: 24px;font-size: 12px}.infooternav .frer ul li{display: inline-block;text-align: center}.infooternav .frer ul li:nth-child(1){margin-right: 20px}.infooternav .frer ul li img{width: 100px;padding: 5px;background-color:rgba(255, 255, 255, .1)}.infooternav p{color: #aaa}.infootercon{background: url(/Public/Images/Theme261/line3.jpg) repeat-x right top;padding: 20px 0;text-align:center;color: #aaa}.infooternav .fpp20{padding: 0 35px;height: 300px}.infooternav .frer img{margin:20px 0 10px 0}.infooternav h3{display: block;padding-bottom: 20px;position: relative;font-size: 18px}.infooternav h3:before{content: '';width: 20px;height: 2px;background-color: #666;position: absolute;bottom: 0}.infooternav .fnavlist ul{padding-top: 10px}.infooternav .fnavlist ul li{line-height: 30px;font-size: 14px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}.infooternav .fnavlist ul li a{color: #aaa}.infootercon p{color: #aaa;padding: 5px 0}.footerpc{display: block}.footerm{display: none}/*--------------------------*/ .footersInformation{width: 100%;text-align: center}.tpl_footers .footers .footersInformation p{text-align: center}@media screen and (max-width: 870px){.footerpc{display: none}.footerm{display: block;width: 90%;text-align: center;margin: 0 auto;padding-bottom: 60px}.footerm p{color: #aaa;padding: 5px 0}} .row{margin:0}.DoesNot{text-align: center;font-size: 20px;margin: 50px 0}/*----按钮----*/ a.a-btn{padding:0 10px;height:28px;line-height:28px;display:inline-block;cursor:pointer;margin-right:5px;margin-bottom: 5px}a.a-btn + a{margin-bottom:3px}a.a-btn.a-btn1{background-color:#cfcdcf;color: #fff666;border-radius: 5px}a.a-btn.a-btn1:hover{background-color:#ccc;color:#FFF}.Themebg.btn-success{margin-bottom: 5px;margin-right: 5px}.btn-warning.btn-can{margin-left: 0px}.TopologyLeft .body-right,.TopologyLeft .body-left{margin: 0px}.pro_keyword{padding: 0px}a.a-btn.a-btn2{color:#fff}.TopologyCenter .body-left{padding-top:25px}.photo.row{padding-top: 20px}/*----面包屑模块----*/ .breadCrumbbox{padding: 5px 0;border-bottom: 1px solid rgba(255,255,255,.1);background-color:rgb(0, 0, 0);margin-bottom: 30px}.breadCrumb{position: relative;overflow: hidden;height: 40px;line-height: 40px;padding: 0;color:#fff}.breadCrumb:before{position: absolute;left: 0;content: "\e602";font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #fff} .breadCrumb b{padding-left: 20px}.breadCrumb em{font-family: Arial;font-size: 14px;padding: 0 8px}.breadCrumb a{color:#fff;margin: 0px;line-height: 40px;padding: 0;max-width: 500px}.breadCrumb a.pick{color:#1e82c5}.breadCrumb em, .breadCrumb b, .breadCrumb span{margin: 0px;line-height: 40px;color: #fff}.breadCrumb .Themefont{color:#fff !important}.breadCrumb a:last-child{color: rgb(12, 82, 158) !important}/*----翻页模块----*/ .page{margin-top: 25px}.page .col-lg-3, .page .col-lg-9{padding:0;margin:10px 0;height:34px;line-height:34px}.page .col-lg-9{text-align: right} .page .pagination{margin:0;padding-left:12px}.page .pagination > li > a{color: #fff}.page .pagination > li:first-child > a, .pagination > li:first-child > span{border-bottom-left-radius: 0;border-top-left-radius: 0}.page .pagination > li:last-child > a, .pagination > li:last-child > span{border-bottom-right-radius: 0;border-top-right-radius: 0}.page .pagination > .active > a, .page .pagination > .active > span, .page .pagination > .active > a:hover, .page .pagination > .active > span:hover, .page .pagination > .active > a:focus, .page .pagination > .active > span:focus{background-color: #1e82c5;border-color:#1e82c5;color:#FFF}/*----左侧标题模块----*/ /*----产品分类----*/ .classifi{padding: 10px 0}.classifi .product-class{text-align: center}.classifi .product-class li{position: relative;padding-right:10px;display: inline-block;height:36px;line-height:36px}.classifi .product-class li a{max-width: 150px;margin-top:5px;display:block;padding:0 20px;color:#fff;border-radius:30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.classifi .product-class li a.ThemeSbg{color: #fff !important}.classifi .product-class li a:hover, .classifi .product-class li a.active{color:#fff}.classifi#ProClass li .classBox{top: 46px}.classifiLeft{background: #fff;margin-top:15px}.ClassLeftBox .product-class{border: 1px solid #ccc;border-top: none;padding: 10px}.body-left.ClassLeftBox .product-class li{background: none;margin-bottom: 0px;border-bottom: 1px solid #ccc}.body-left.ClassLeftBox .product-class li:last-child{border-bottom: none}.ClassLeftBox .product-class li a,.ClassLeftBox .product-class li{line-height: 38px}.body-left.ClassLeftBox .product-class li a.ThemeSbg,.body-left.ClassLeftBox .product-class li a:hover{color: #fff!important}.body-right #ProClass li.ac .Classtriangle:after{border-top-color:#fff!important}.body-left .LeftBox{background: #fff}.body-left h4,.classifi h4{height: 40px;line-height: 40px;text-align: center;position: relative;color: #fff}.body-left h4 span,.classifi h4 span{font-size: 16px}.body-left .LeftBox .list-box{padding:10px;border: 1px solid #ccc;border-top: none}.LeftBox .more{text-align: center;clear: both;margin: 10px 0px}.LeftBox .more a{display: inline-block;font-size: 12px;position: relative;padding: 3px 10px;color: #fff;border-radius: 20px}.LeftBox .more i{font-size: 14px;margin-right: 5px}/*----公司资讯----*/ .body-left .list-box{padding:10px 0}.body-left .list-box li{line-height:34px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;color: #fff;position: relative;border-bottom: 1px solid #e1e1e1}.body-left .list-box li a{color: #fff;padding-left: 10px}.body-left .list-box li span{display:none}.LeftBox.mt15{margin-top: 15px}.ClassLeftBox .list-box li:before{position: absolute;left: 0px;top: -3px}/*----相关产品模块---*/ .body-right .productBox{width:100%;margin:15px auto 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}.productBox h4.title01{overflow:hidden;height:40px;color: #fff;font-size:14px;font-weight: bolder;line-height:40px;border: 1px solid}.productBox h4.title01 span{padding:0 10px;color: #fff;display: block;float: left} .productBox h4.title01 .a-more{color:#fff;font-size: 12px;float: right;padding: 0 10px;line-height:40px}.productBox{max-width: 1180px !important}.productBox .product-box li{-webkit-transition: all .4s ease-in-out 0s;-moz-transition: all .4s ease-in-out 0s;-ms-transition: all .4s ease-in-out 0s;-o-transition: all .4s ease-in-out 0s;transition: all .4s ease-in-out 0s}.productBox .product-box .thumbnail{border: 0;padding:0 0 2px;background: none;border-radius:0;position:relative;margin:0px}.productBox .product-box li,.productBox .product-box li:first-child{margin-top: 15px;margin: 15px 0.5% 0 \9}.productBox .product-box li.col-md-3:nth-child(4n+1){margin-left: 0}.productBox .div-img img{width:100%}.productBox .product-box .thumbnail a.ImgBox{position: relative;z-index: 2}.productBox .product-box .thumbnail h5{text-align: center;position: relative;height:30px;line-height:30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #fff;font-size:12px}/*-----------表格---------------*/ .table-01{width:100%;margin-bottom:15px}.table-01 th, .table-01 td{padding:5px 2px;font-size:14px}.table-01 th{text-align:right;width:60px;font-weight:normal;color: #fff;font-size:14px}.table-01 td{color: #fff}.table-01 .jiathis_style_24x24{margin:0}.table-02{width:100%}.table-02 th, .table-02 td{padding:5px 2px;font-size:12px;line-height:30px}.table-02 th{text-align:right;width:125px;font-weight:normal;color: #fff;vertical-align:text-top}.table-02 td{color: #fff}.table-02 .line-b{border-bottom:2px solid #1e82c5}.table-02 .line-b th{color:#000;text-align:left}.table-03 th{width:80px}.table-02.table-02-b th{width:110px}/*-----------输入框---------------*/ input.text01{border:1px solid #444444;background-color: #444;height:30px;color: #fff;line-height: 30px;padding: 2px 5px;width:95%;size:auto;font-size:12px}input.text01:focus, input.text01:hover, input.text01:active{border-color: #444;box-shadow: 0 0 3px #444}.textarea01{background-color:#444;border:1px solid #444;padding:5px;color:#fff;width:95%}.textarea01:focus{border-color: #d8d9da;box-shadow: 0 0 4px #444}/*----------------------------------------------------------------------------------------------*/ /*----产品列表----*/ .pro-list li{-webkit-transition: all .4s ease-in-out 0s;-moz-transition: all .4s ease-in-out 0s;-ms-transition: all .4s ease-in-out 0s;-o-transition: all .4s ease-in-out 0s;transition: all .4s ease-in-out 0s}.pro-list .thumbnail{border: 0;padding:0 0 2px;background: none;border-radius:0;position:relative;margin:0px}.pro-list li.col-md-4,.pro-list li.col-md-4:first-child{margin-top: 15px;margin: 15px 0.4% 0 \9}.pro-list li.col-md-4:nth-child(3n+1){margin-left:0}.pro-list .thumbnail a.ImgBox{position: relative;z-index: 2;display: block}.pro-list .thumbnail h5{text-align: center;position: absolute;height:30px;line-height:30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#fff;font-size:12px;bottom: 0px;width: 100%;background:url(/Public/Images/Theme212/black.png) repeat}.pro-list .div-img{overflow: hidden}.pro-list .div-img img{width:100%}.pro-list .thumbnail:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}.productBox{max-width: 1030px;margin:25px auto 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}/*-----------产品详情页---------------*/ .product-detail{padding:0;display:table;width:100%;margin-top: 10px}.product-detail .thumbnail{margin-bottom:0;border-radius:0}.product-detail .thumbnail img{width:100%}.product-detail h2{font-size:16px;padding:4px 0 5px 20px;margin:0}.product-detail .col-md-5, .product-detail .col-md-7{padding:0}.fieldset-style{overflow:hidden;background: #333;margin:15px 0;word-break: break-all;word-wrap:break-word}.fieldset-style .div1{padding:6px 10px;color: #fff;border-top:none}.fieldset-style .div1 dl img{max-width:100%}.fieldset-style .div1 dl{overflow:hidden;margin-bottom:10px;margin-top:5px}.fieldset-style .div1 dl dt{margin-bottom:8px;height:30px;line-height:30px;display:block;border-bottom:1px solid #ccc;font-size: 14px;color:#1e82c5}.fieldset-style .div1 dl dd{line-height:22px}.fieldset-style h3{color: #fff}/*-----------产品询价页---------------*/ .table-box{padding:0px;margin-bottom:10px}.RightTitle{border-bottom-width: 2px;font-size: 20px;margin-bottom: 10px;border-bottom-style:solid;line-height:45px;text-indent: 10px}.table-box .title.p1{border:none;font-size:12px;height:20px;line-height:20px}/*-----------客户留言、留言反馈---------------*/ .message-box{padding: 0 10px 10px;background: #fff;margin-bottom:10px}.message-list{padding: 0;margin-top: 10px}.message-list dl{overflow:hidden;border: 1px solid #ddd;margin-top: 15px}.message-list dl dt{font-family:"宋体";font-size:15px;line-height:30px;overflow:hidden;margin-bottom:10px;height:30px;padding:0 5px}.message-list dl dt b{font-weight:normal;color:#fff}.message-list dl dt span{float:right;font-size:12px;color:#fff;max-width: 150px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis}.message-list dl dd{margin:0 12px}.message-list dl dd p{font-size:13px;color: #fff;padding-bottom:10px}.message-list dl dd p i{float:left;color: #fff;padding-right:18px;font-size:18px} blockquote{border-left: 5px solid #fff;margin: 0 0 20px;padding:0}blockquote small:before{content: ""}/*-----------公司介绍---------------*/ .company-box{padding:5px 0}.company-box p{line-height:2.1em}.Company_imgbox{float:left;width: 50%;margin: 0 20px 0 0}.Company_imgbox img{width: 100%}.company-box .about-name{font-size: 20px;text-align: center;margin: 25px 0;color:#333}.Company_item{width: 100%}/*---友情链接----*/ .friendBox{margin: 15px auto 0;max-width: 1030px}.friendLink .link-box{height:auto;background-color:#fff;padding:5px 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}.friendLink .link-box h4{color: #fff;font-size:14px;line-height:30px;display: inline-block}.friendLink .link-box ul{overflow:hidden;display:inline;color: #fff;line-height:30px}.friendLink .link-box ul li{position: relative;display:inline-block;margin-right: 10px;font-style:normal;padding:0 3px}.friendLink .link-box ul li:first-child:after{display: none}.friendLink .link-box ul li:after{content: '|';position: absolute;left: -10px;top: 0}.friendLink .link-box ul a{word-break: break-all;word-wrap:break-word;font-style:normal;color: #fff}.friendLink .link-box ul a:hover{color:#ddd}/*-----------网站地图---------------*/ .map-box{padding:0;margin-bottom:10px}.map dl{border-bottom:1px dashed rgba(255,255,255,.1);padding:12px;font-size:13px;margin:0px}.map dl:last-child{border-bottom:none}.map dl dt{float:left;color:#fff}.map dl dd{display:inline;margin:0px}.map dl dd a{margin:0 10px 10px;float:left;color: #fff} .map dl dd a:hover{color:#1e82c5} .map dl dd p{overflow:hidden}.map-box1{margin:15px 0;min-height:300px}/*----新闻资讯----*/ .BgP10{padding:10px 0px}.tab-box{overflow:hidden;padding-top:5px;padding:10px}.tab-box a{margin-right:10px;padding:5px 15px;display:inline-block;color: #fff;margin-bottom:10px;background-color:rgb(0, 0, 0)}.tab-box a.Themebg:hover{color: #fff}.tab-box a:hover, .tab-box a.Themebg{color: #fff}.nlist-box{padding: 0px}.nlist-box li{height:35px;line-height:35px;overflow:hidden;color: #fff;border-bottom:1px solid #CCC;position: relative}.nlist-box li:before{content:"● ";left: 0px}.nlist-box li a{color: #fff;padding-left: 15px;float: left;width: 70%}.nlist-box li span{color: #fff;display:block;position: absolute;right: 0px;top: 0px}.nlist-box2 li{margin-bottom: 10px;border: 1px solid #e1e1e1;padding: 10px;height: auto;overflow: hidden}.nlist-box2 li .news_img{width: 30%;float: left}.nlist-box2 li img{width: 100%}.nlist-box2 li .news_det{width: 68%;float: right}.nlist-box2 li p{font-size: 14px;height: 30px;line-height: 30px;color: #333;padding:0px}.nlist-box2 li .time{color: #666;display: block;padding:0px;color: #fff;height: 25px;line-height: 25px;width: 85px;text-align: center}.nlist-box2 li .det_box{line-height: 24px;height: 72px;overflow: hidden;color: #333;margin-top: 10px}.body-right .page{clear: both;margin: 15px 0px 0px !important}.p_artlelist h3 span{color: #333 !important;padding: 0px 10px;font-size: 14px;font-weight: bold;display: inline-block}.p_artlelist h3{height: 42px;line-height: 42px;padding: 0px;margin-bottom: 10px}.p_artlelist h3 a{color: #fff;padding: 0px 20px}.p_artlelist h3 a.Themetxthover{color: #333 !important}.btn-warning.btn-can{margin-left: 0px !important;margin-top:0px;margin-right: 0px !important;padding: 0px 5px!important;height: 32px!important;margin-bottom: 5px;line-height: 32px}.Themebg.btn-success{margin-bottom: 10px;padding: 0px 5px!important;margin-right:5px;height: 32px!important}#pp{height: 31px}/* 新加 */ .contactbg{background-color:rgb(0, 0, 0)} .itemcontact{padding: 0 0 50px 0}.itemcontact .itemcontactlist ul{overflow: hidden}.itemcontact .itemcontactlist ul li{float: left;width: 33.3%;overflow: hidden}.itemcontact .contact_i{float: left;width: 100px;height: 100px;line-height: 100px;border: solid 1px #abaaa9;text-align: center} .itemcontact .contact_i i:before{font-size: 45px;color: #aaa}.itemcontact .contact_i .iconyouxiang:before{font-size: 35px;color: #aaa}.itemcontact .contactcon{width: 90%}.itemcontact .contact_item{float: right;width: calc(100% - 120px);font-size: 16px;padding-top: 10px;line-height: 30px } .itemcontact .contact_item b{display: block;font-weight: normal;padding-bottom: 5px}.contactbox .lbs-box{display: none}.contactbox .map-box1{min-height: 600px}.itemcontactmore{background-color: rgba(255,255,255,.3);padding: 20px}.itemcontactmore ul{overflow: hidden}.itemcontactmore ul li{float: left;width: 33.3%;padding: 10px 0}.itemcontactmore ul li div{width: 90%}.message-list dl .Themebg{background-color:#444 !important}.message-list dl{border: 1px solid #444 !important} .pagination>li>a, .pagination>li>span{background-color: #444;border: 1px solid #444}.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus{background-color:rgb(12, 82, 158);border-color: rgb(12, 82, 158)}.feedbackbox th span{color: rgb(12, 82, 158) !important}/* 产品分类 */ .ClassLeftBox .product-class{padding: 0}.ClassLeftBox .product-class{border: none}.body-left.ClassLeftBox .product-class li{background-color:rgb(0, 0, 0);border-bottom: 1px solid rgba(255,255,255,.1)}.ClassLeftBox .product-class li a{color: #fff;font-size: 16px}#ProClassLeft li.ac .Classtriangle:after, #md_detailProductClass li.ac .Classtriangle:after{content: '\e61f';position: absolute;right: 20px;top: 0px;margin-left: 5px;width: 0;height: 0;border: none;font-family: "iconfont" !important;font-size: 12px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;/* -webkit-transition: all .5s linear 0s;*/ -moz-transition: all .5s linear 0s;-ms-transition: all .5s linear 0s;-o-transition: all .5s linear 0s;transition: all .5s linear 0s}#ProClassLeft li.ac .Classtriangle.acc:after, #md_detailProductClass li.ac .Classtriangle.acc:after{-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-0-:;transform: rotate(0deg)}/* 图库 */ .photo.row{padding-top: 0}.photo.row .thumbnail{padding: 0;border: none;border-radius: 0}.photo.row .col-md-3:hover p{color: rgb(12, 82, 158)}/* 招聘 */ .recruitn_title{background-color: #444;padding: 0px 30px;height: 50px;line-height: 50px}.recruitn_title ul li{float: left;width: 15%;line-height: 50px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}.recruitn_title ul li:nth-child(1),.recruitn_title ul li:nth-child(3){width: 30%} .recruitn_title ul li:nth-child(5){width: 10%;text-align: right}.recruitn_title ul li i:before{font-size: 14px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-transition: all .5s linear 0s;-moz-transition: all .5s linear 0s;-ms-transition: all .5s linear 0s;-o-transition: all .5s linear 0s;transition: all .5s linear 0s}.detailBox a{display: block;width: 80px;text-align: center;background-color:rgb(12, 82, 158);line-height: 30px;border-radius: 5px;margin-top: 10px}.detailBox a:hover{color: #fff !important}.Employment li{color: #fff}#zpopen,.list_dt:hover{cursor: pointer;background-color: rgb(12, 82, 158)}#zpopen ul li i:before{display: inline-block;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg)}.recruitn_title{margin-bottom: 10px}.list_dd{display: none;padding: 20px 30px;overflow: hidden;background-color: #444;margin-bottom: 10px}.list_dd .item_img{float: left;max-width:30%}.list_dd .item_img img{width: 90%}.list_dd .item_con{float: left;max-width:69% } .list_dd .item_con ul li{line-height: 30px}#zpopen{margin-bottom: 0}.rcon100{max-width:100% !important}/* 新闻 */ .rentitle{padding: 0px 25px;background-color:rgb(0, 0, 0);position: relative}.rentitle:before{content: "";position: absolute;left: 10px;top: 50%;margin-top: -12px;display: block;width: 4px;height: 24px;background-color: rgb(12, 82, 158)}.rentitle h4{display: block;height:46px;line-height: 46px;font-size: 16px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}.narticle-left{float: left;width: 29%}.narticle-left .narticlenav ul{overflow: hidden}.narticle-left .narticlenav ul li{background-color:rgb(0, 0, 0);border-bottom: 1px solid rgba(255,255,255,.1);padding: 0 15px}.narticle-left .narticlenav ul li a{display: block;width: 100%;line-height: 38px;font-size: 16px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}.narticle-left .narticlenav ul li:hover a{color: #fff}.narticle-llist{margin-top: 30px}.narticle-llist ul li{background-color: #444;margin-top: 20px;padding: 10px;overflow: hidden}.narticle-llist .item-img{float: left;max-width:35%}.narticle-llist .item-img img{width: 90%}.narticle-llist .item-con{float: left;max-width:64% } .narticle-llist .item-con h3{font-size: 16px;word-break:break-all;line-height: 20px;overflow: hidden;height: 40px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2}.narticle-llist .item-con p{margin-top: 10px;color: #999;font-size: 16px} .narticle-llist ul li:hover h3{color: rgb(12, 82, 158)}.newlist{} .newlist ul li{overflow: hidden;padding: 30px 0;background: url(http://mz-style.258fuwu.com/Public/Images/Theme261/line3.jpg) repeat-x right bottom}.newlist ul li:nth-child(1){padding:0 0 30px 0}.newlist ul li .news_img{float: left;max-width: 35%}.newlist ul li .news_img img{width: 90%}.newlist ul li .news_det{float: left;max-width: 64%;color: #999}.newlist ul li b{font-weight: normal}.newlist ul li h3{margin: 20px 0;position: relative;display: block;color: #fff;font-size: 18px;line-height: 25px;overflow: hidden;max-height: 50px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2}.newlist ul li span{display: block;width: 30px;height: 1px;background-color: #999}.newlist ul li p{margin-top: 20px;color: #999;line-height: 20px;overflow: hidden;max-height: 40px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2}.newlist ul li .rcon100 p{max-height: 60px;-webkit-line-clamp: 3}.newlist ul li:hover h3{color: rgb(12, 82, 158)}.articledetailbox .narticle-llist{margin-top: 0}body .news-nr-box p,.artshowcon{color: #aaa}.news-nr-box h1{font-size:22px;font-family:Airal;text-align:center;line-height:25px;margin:0px}.news-nr-box .news1-tiem{text-align: center;font-size: 14px;color: #aaa;padding: 10px 0 20px 0;margin-bottom: 20px;background: url(http://mz-style.258fuwu.com/Public/Images/Theme261/line3.jpg) repeat-x right bottom}.news-nr-box .news1-tiem span{padding: 0px 20px}.news-nr-box .news1-tiem span i{margin-right: 5px}.news-nr-box .news1-tiem .iconrili:before{font-size: 16px}.news-nr-box .news1-tiem .iconlianjie:before{font-size: 20px}.news-nr-box .news1-tiem .iconyuedu:before{font-size: 20px}.artshow_keyword{} .artshow_keyword a{display: inline-block;background-color: #444;height: 36px;line-height: 36px;margin-right: 10px;padding: 0px 10px;color: #fff;font-size: 14px;border-radius: 5px}.npager{margin: 30px 0}.npager ul li{float: left;width: 50%;background-color: #444;height: 50px;line-height: 50px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}.npager ul li:hover{background-color: rgb(12, 82, 158)}.npager ul li span{padding-left: 10px}.npager ul li:hover a{color: #fff}/* 产品列表 */ .prolist{padding: 0}.prolist ul{margin-left:-4%}.prolist ul li{float:left;overflow:hidden;position:relative;background-color:#444;width:46%;margin:0px 0 20px 4%}.prolist ul li a{padding: 20px;display: block}.prolist li img{width:100%}.prolist .img_box{position: relative}.prolist .font_box{} .prolist .font_box h3{font-size: 18px;font-weight: normal;line-height: 20px;overflow: hidden;height: 40px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin: 20px 0}.prolist .font_box p{color: #aaa;line-height: 20px;overflow: hidden;height: 60px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;font-size: 14px}.prolist .font_box b{display: block;margin-top: 20px;font-size: 18px;font-weight: normal}.prolist .img_box .off{position:absolute;visibility:hidden;text-align:center;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.1);color:#FFF;transition:background-color 0.5s;-moz-transition:background-color 0.5s;/* Firefox 4 */ -webkit-transition:background-color 0.5s;/* Safari and Chrome */ -o-transition:background-color 0.5s;/* Opera */ } .prolist ul li:hover .img_box .off{visibility: visible;background-color:rgba(0,0,0,0.6)} .prolist ul li:hover .font_box h3{color: rgb(12, 82, 158)}.prolist .img_box .off i{font-size: 30px;position: absolute;top: 50%;margin-top: -15px;margin-left: -15px;color: #fff}#ProClassLeft .textfor span{background: none !important;color: rgb(12, 82, 158) !important}.ClassLeftBox .product-class li a:hover span{color: rgb(12, 82, 158) !important}#ProClassLeft .ac .ac{background-color: #444}.ClassLeftBox .product-class .ac .ac a{border-bottom: 1px solid #333;width: 80%;margin: 0 auto}.prox-llist{margin-top: 30px}.prox-llist .rentitle h4{text-align: left}.prox-llist ul li{background-color: #444;margin-top: 20px;padding: 10px;overflow: hidden}.prox-llist .item-img{float: left;max-width:35%}.prox-llist .item-img img{width: 90%}.prox-llist .item-con{float: left;max-width:64% } .prox-llist .item-con h3{font-size: 18px;word-break:break-all;line-height: 20px;overflow: hidden;height: 40px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;background: none;text-align: left}.prox-llist .item-con p{margin-top: 10px;color: #999;font-size: 18px;color: rgb(12, 82, 158)}.prox-llist ul li:hover h3{color: rgb(12, 82, 158)}.proshowtitle{margin: 30px 0;padding-bottom: 30px;background: url(http://mz-style.258fuwu.com/Public/Images/Theme261/line3.jpg) repeat-x right bottom}.proshowtitle h1{font-size: 24px;color: #fff;margin: 30px 0}.proshowtitle p{font-size: 14px;color: #aaa}.ProductimgBox .thumbnail{padding: 0;border: none}body .product-detail .ProductimgSmall{background: none;padding: 0;border: none}body .product-detail .ProductimgSmall:after, body .product-detail .ProductimgSmall:before{width:0}body .product-detail .ProductimgSmall li{border: 2px solid #444}body .product-detail .ProductimgSmall li.active, body .product-detail .ProductimgSmall li:hover{border: 2px solid rgb(12, 82, 158)}body .proshowimg{overflow: hidden}body .proshowimg .ProductimgBox{width: 73%;float: left}body .proshowimg .ProductimgSmall{float: right;width: 23%}body .proshowimg .ProductimgSmall ul{width: 100% !important}body .proshowimg .ProductimgSmall li{float: none;width: 100%;margin-right: 0}.index_zhuanjia{width:100%;overflow:hidden;margin:0 auto}.index_zhuanjia_pic{width:73%;height:300px;overflow:hidden;float:left;position:relative}.index_zhuanjia_pic ul{position:absolute;left:0}.index_zhuanjia_pic li{overflow:hidden;position:relative;float:left}.index_zhuanjia_left_inc{width:32px;height:41px;position:absolute;left:0px;top:50%;margin-top: -20px;cursor:pointer;background:url(http://mz-style.258fuwu.com/Public/Images/Theme261/float_left_inc.png) left top no-repeat;z-index:9} .index_zhuanjia_right_inc{width:32px;height:41px;position:absolute;right:0px;top:50%;margin-top: -20px;cursor:pointer;background:url(http://mz-style.258fuwu.com/Public/Images/Theme261/float_right_inc.png) left top no-repeat;z-index:9} .index_zhuanjia_list{width:23%;overflow:hidden;float:right}.index_zhuanjia_lists{height:300px;overflow:hidden;position:relative}.index_zhuanjia_lists ul{position:absolute;overflow:hidden}.index_zhuanjia_lists ul li{height:129px;overflow: hidden;border:2px #444 solid;margin-bottom: 9px;position:relative}.index_zhuanjia_lists ul li:hover{border:2px rgb(12, 82, 158) solid}.index_zhuanjia_lists ul li.on{border:2px rgb(12, 82, 158) solid}.index_zhuanjia_lists ul li img{width: 100%}/* banner */ .renbanner{text-align:center;position: relative}.renbanner .item-img{opacity: .4}.renbanner .item-img img{width: 100%;max-height: 350px}.renbanner .item-con{width: 100%;position: absolute;text-align: center;top: 50%;left: 50%;-webkit-transform: translateX(-50%) translateY(-60%);-moz-transform: translateX(-50%) translateY(-60%);-ms-transform: translateX(-50%) translateY(-60%);transform: translateX(-50%) translateY(-60%)}.renbanner .item-con p{font-size: 60px;color: rgba(255,255,255,0.2)} .renbanner .item-con h3{font-size: 24px;color: #fff;position: relative;top: -20px}.renbanner .item-con h3:before{content: "";position: absolute;bottom: -15px;width: 40px;height: 2px;background-color: #fff;left: 50%;margin-left: -20px}.rencontact{position:relative}.rencontact .inmap{} .rencontact .inmap img{width:100%} .rencontact .rencon{position: absolute;width: 100%;top: 50px}.rencontact .incontact{max-width: 1200px;margin: 0 auto;}.rencontact .incontact .incontact_box{padding:30px;background-color:rgba(0,0,0,.5);width: 500px}.rencontact .incontact h3{font-size:18px} .rencontact .itemlist{margin:30px 0} .rencontact .itemlist ul li{padding:5px 0} .rencontact .feedbackc{line-height:36px;padding:8px 15px;border-radius:5px;background-color:rgb(12, 82, 158)}.rencontact .feedbackc:hover{color:#fff} .rencontact .lbs-box{display: none}.rencontact .map-box1{min-height: 394px;opacity: .4}.companyData-item{width: 100%;margin: 0 auto;background-color:rgb(0, 0, 0)}.companyData-item ul{overflow: hidden;padding: 30px 0}.companyData-item ul li{float: left;width: 25%;background: url(http://mz-style.258fuwu.com/Public/Images/Theme261/line4.jpg) repeat-y right top}.companyData-item ul li:nth-child(4){background: none}.companyData-item .font-con{width:60%;margin:0 auto;overflow:hidden;text-align:center}.companyData-item .font-con b{position: relative;font-size: 30px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: rgb(12, 82, 158)}.companyData-item .font-con b:before{content: "";width: 30px;height: 4px;background-color: #fff;position: absolute;left: 50%;margin-left: -15px;bottom: -18px}.companyData-item .font-con p{font-size: 18px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-top: 25px;color: #ededed}.price_num{font-size: 20px;color: rgb(12, 82, 158)}table .is-standard{cursor: pointer;border: 1px solid #444444;background: #444444;padding: 5px 10px;display: inline-block;margin: 0 5px 5px 0;color: #fff}table .check-standard, table .checked-standard{border: 1px solid rgb(12, 82, 158)}.product-count .input-group-addon{background: #444444;border: 1px solid #444444;color: #fff}.product-count .form-control{background: #444444;color: #fff;border: 1px solid #333;border-top: none;border-bottom:none}.contactfoot .rencontact{display: none}.Employment .RequirementBox{background:rgba(0,0,0,.2);border: 1px solid rgba(255,255,255,0.2);margin: 10px 0}.Employment .RequirementBox li{border-top: 1px solid rgba(255,255,255,0.2)}.photo.row p{color: #fff;font-weight: bold;margin-bottom: 20px}.table-02 th{text-align: right;width: 60px}/* 小屏幕 一*/ .npager ul li a{display: block;width: 90%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}.Employment li,.Employment .detailBox{padding: 5px 0}#mbImage{padding: 0 !important}#mbCenter,#mbBottom{background: none !important}#mbNumber{color: #fff !important}@media screen and (min-width:870px){.TopologyLeft .body-left{width:29%} .TopologyLeft .body-right{width: 65%}.photo.row .layout_default p{margin-bottom: 10px}.photo.row .col-md-3{width: 31.3%;margin-left: 2%}.photo.row .col-md-3:nth-child(4n+1){margin-left: 2%}} @media screen and (max-width: 870px){.breadCrumbbox,.narticle-left{display: none}.index_zhuanjia_pic{float: none;width: 100%}.index_zhuanjia_list{display: none}.renbanner .item-con h3{font-size: 18px}.renbanner .item-con p{font-size: 30px}.TopologyLeft .bannerBox{margin-bottom: 10px}/* 导航 */ } @media screen and (max-width:768px){.proshowtitle h1{font-size: 20px}.newlist ul li h3{font-size: 14px}.newlist{margin-top: 10px}.news1-title{margin-top: 10px}.newlist ul li{padding: 15px 0}.newlist ul li .news_img{max-width: 45%}.newlist ul li .news_det{max-width: 53%;color: #999}.newlist ul li h3{margin: 10px 0}.newlist ul li p{margin-top: 10px}.Company_imgbox{float: none;width: 100%;margin: 0 0 20px 0}.Employment li,.Employment .detailBox{padding: 5px 0}.DoesNot{margin: 20px 0}.rencontact .incontact{max-width: 90%;margin: 0 auto;}.rencontact .incontact .incontact_box{width: auto}.recruitn_title{padding: 0px 10px;height: 30px;line-height: 30px}.recruitn_title ul li{line-height: 30px}.recruitn_title ul li:nth-child(1){width: 90%}.recruitn_title ul li:nth-child(2),.recruitn_title ul li:nth-child(3),.recruitn_title ul li:nth-child(4){display: none}.recruitn_title ul li:nth-child(5){width: 10%;text-align: right}.list_dd{padding: 10px}.list_dd .item_img{float:none;max-width:100%}.list_dd .item_img img{width: 100%}.list_dd .item_con{float: none;max-width:100% } .news-nr-box .news1-tiem span{padding: 0px 10px}.npager ul li{float: none;width: 100%;margin-bottom: 10px}.prolist{padding: 0}.prolist ul{margin-left:-2%}.prolist ul li{width:48%;margin:0px 0 10px 2%}.prolist ul li a{padding: 10px}.prolist .font_box h3{margin: 10px 0;font-size: 14px} .prolist .font_box b{margin-top: 10px;font-size: 14px } .companyData-item{width: 90%}.companyData-item .font-con{padding: 0}.companyData-item .font-con b{font-size: 20px}.companyData-item .font-con p{font-size: 14px}.companyData-item ul{padding: 10px 0}.companyData-item ul li{width: 50%;margin: 10px 0}.companyData-item ul li:nth-child(2){background: none}.companyData-item .font-con b:before{height: 2px}} @media screen and (max-width: 320px){.renbanner .item-con h3{font-size: 16px}.renbanner .item-con p{font-size: 20px}.news-nr-box .news1-tiem span{padding: 0px 10px;display: block}} /* 新加 end */ /* 小屏幕 一*/ @media screen and (max-width:1180px){.footerBox{margin: 0px 15px !important}} @media screen and (max-width:1030px){.page .col-lg-3{text-align: left;float: left}.page .col-lg-3, .page .col-lg-9{margin:0}} @media screen and (max-width:870px){} /* 横向放置的手机和竖向放置的平板之间的分辨率 三*/ @media screen and (max-width: 600px){.product-details .col-md-5{padding:0}/*产品列表*/ .classifi{padding:5px 0}.row .pro-list li.col-md-4,.productBox .product-box li.col-md-4{width:49%;margin-left: 0;margin:10px 0 \9}.row .pro-list li.col-md-4:nth-child(2n),.productBox .product-box li.col-md-4:nth-child(2n){margin-left: 2%}.productBox{margin:10px auto 0}.body-right .productBox{margin:10px auto 0;padding: 0}.nlist-box2 li .det_box{line-height: 22px;height: 66px;margin-top:5px } } /* 横向放置的手机和竖向放置的平板之间的分辨率 四*/ @media screen and (max-width: 480px){.pro-list .thumbnail .more{margin:10px auto;float:none;width:120px}.pro-list .thumbnail .col-md-4, .pro-list .thumbnail .col-md-9{width:100%;padding:0}.pro-list .thumbnail h3{text-align:center;margin-top:10px}a.a-btn + a{margin-bottom:8px}.nlist-box li span{display:none}.RightTitle2 .lineBox{height: 2px}.RightTitle2 .TxtBox{border-width: 1px}.productBox .product-box li{width: 48%;margin-left: 2%}.productBox .product-box li:nth-child(2n+1){margin-left: 0px}.nlist-box2 li .det_box{height: 44px}.Themebg.btn-success,.btn-warning.btn-can{float: inherit;vertical-align: top;margin-right: -10px}.Themebg.btn-success{margin-right: -10px}} @media screen and (max-width: 414px){.page .col-lg-3{width: 45%}.page .col-lg-9{width: 55%}.nlist-box2 li .news_det{width: 58%}.nlist-box2 li .news_img{width: 40%}} @media screen and (max-width: 375px){.page .col-lg-3{width: 100%;text-align: left}.page .col-lg-9{width: 100%;text-align: left}.page .col-lg-3,.page .col-lg-9{margin: 0px}.page .pagination{padding-left: 0px}} /* 的手机的分辨率一*/ @media screen and (max-width: 320px){/*产品列表*/ .row .pro-list li.col-md-4{width:100%;margin-left:0 !important;padding: 0}.table-02.table-02-b th{width:85px;line-height:20px}.table-02-b td{line-height:20px}.table-02 th{width:80px}.productBox .product-box li.col-md-4{width:100%;margin-left: 0 !important}.nlist-box2 li .det_box{height: 22px}} /* 新加 */ @media screen and (max-width: 870px){.breadCrumbbox,.narticle-left{display: none}} @media screen and (max-width: 768px){.albumindex{padding-top: 0}.itemcontact .itemcontactlist ul li{float: none;width:100%;margin: 10px 0}.itemcontact{padding: 0 0 30px 0}.itemcontactmore ul li{float:none;width: 100%}.contactbox .map-box1{min-height: 300px}} body .news-nr-box .DownloadBtn{display: inline-block;width: auto;padding: 0 10px 0 0;background-position: 9px;height: 40px;line-height: 40px}.menu .header-box{position: relative;max-width:1180px;margin:0 auto}.menu .header-box .logo{float: none;position: relative;z-index: 2;padding:0px;text-align: center;display: block}.menu .header-box .logo img{max-height: 100px !important;max-width: 100%}.logo_name span{text-indent: -99em;position: absolute;display: block}.tpl_two,.tpl_three,.tpl_four,.tpl_five,.tpl_six,.tpl_seven,.tpl_ten,.tpl_elevn,.tpl_footers{overflow: hidden}.menu .NavBoxPublic ul.navPublic li a{color: #333}.content-box{max-width: 1180px;margin: 30px auto}.overflow{white-space: nowrap;overflow: hidden;text-overflow:ellipsis;display: block}.cl{clear: both}.Animation{-webkit-transition: all .4s ease-in-out 0s;-moz-transition: all .4s ease-in-out 0s;-ms-transition: all .4s ease-in-out 0s;transition: all .4s ease-in-out 0s}.m-box01{max-width: 1180px !important}.column{margin: 0px}.tpl_ten .title_name2{color: #fff !important}.content-box .page .col-lg-9{height: auto}/*-------------------*/ .headFixed{margin: 0px auto}.menu .nav-box{max-width: 1180px;margin: 0 auto}.menu .nav{padding:0;float:none;margin:0;width:100%}.menu .nav li{float:left;text-align:center;width: 12.5%}.menu .nav li:last-child{background: none}.menu .nav > li:hover ul{display: block;padding: 0}/*--下拉菜单倒三角--*/ .menu .nav > li .Triangle:after{content: '';display: inline-block;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top:6px solid;position: absolute;right: 5px;top:30px}.menu .nav > li ul{width: 100%;display: none;padding: 0;box-shadow:1px 1px 4px 0 rgba(0,0,0,.4);position: absolute;left:0px;top:56px;width: 100%;z-index: 9}.menu .nav > li ul li{line-height:40px;padding: 0px;background: none;float: none;text-align: center;width: 100%;border-top: 1px solid #fff}.menu .nav > li ul li a{font-size: 12px;color: #fff;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;padding: 0px 5px;margin: 0px}.menu .nav > li ul li a:hover{text-decoration: none;color: #fff}.menu .navbar-nav > li > a{display:block;position: relative;font-size:14px;color:#fff;height:auto;padding:0px;line-height:56px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.menu .navbar-nav > li > a.active, .menu .navbar-nav > li > a:hover, .menu .navbar-nav > li > a:focus{background: none;color: #fff}.menu .navbar-nav > li > a.active{background-image:none;-webkit-box-shadow: none;box-shadow: none}.NavBtn{display:none;text-align:center;overflow: hidden}.header-box .clearfix.none{display: none}.btn-navbar-t{display: none;float: right;padding: 3px 8px 7px;margin-right: 5px;margin-left: 5px;border: 1px solid #ccc}.btn-navbar-t:hover, .btn-navbar-t:focus, .btn-navbar-t:active, .btn-navbar-t.active, .btn-navbar-t.disabled, .btn-navbar-t[disabled], .btn-navbar-t .icon-bar:hover, .btn-navbar-t .icon-bar:focus, .btn-navbar-t .icon-bar:active{filter:Alpha(opacity=80);opacity:0.8}.btn-navbar-t .icon-bar{background: #ccc;display: block;margin-top: 4px;width: 18px;height: 2px}/*-------------------*/ /*-------------------*/ /* 小屏幕 一*/ @media screen and (max-width:1180px){.menu .header-nav .nav-box{width:auto}.content-box{margin:30px 15px}} /* 小屏幕 二*/ @media screen and (max-width:870px){.menu .header-box .logo{padding: 0px}.menu{height:auto}.header-box .clearfix.none{display: block}.menu .header-nav{position: static;width: 100%;height:auto;margin: 0}.menu .header-box{width:100%;position: relative}/*--------------------------*/ .menu .nav li a:hover:after{display: none}.menu .btn-t{display: block;position: absolute;top: 18px;right: 14px;z-index: 99}.menu .header-nav .nav-box{background:none;height:auto;padding:0;margin:0}.menu .navbar-collapse{margin:0;border-top-width: 2px;border-top-style: solid}.menu .navbar-collapse.collapse{display:none!important}.menu .navbar-collapse.in{overflow-y:hidden;display:block!important;height: auto}.menu .navbar-collapse.collapseing{padding: 0;margin: 0}.menu .nav{float:none;width:100%}.menu .nav li{float:none;width:100%;background:none;border-top-width:1px;border-top-style:solid}.menu .nav li:last-child{border-bottom:none}.menu .nav li a{padding: 0 20px;text-align:left;display: block;font-size:14px;margin:0;line-height:30px}.menu .nav li a:hover,.menu .nav li.active a ,.menu .nav li.active{text-align:left;color: #fff}.menu .nav li a:hover,.menu .nav li.Theme{border-radius:0;-webkit-transform:translatex(5px);-moz-transform:translatex(5px);transform:translatex(5px)}.menu .NavBox{width: 100%;visibility:hidden;height:0;overflow: hidden}.menu .header-box.active .NavBox{visibility: visible}/*--------------------------*/ } /* 新加 */ .menu .logo_name{float:left;max-width: 25%;overflow: hidden}.menu .header-nav{float:right;width:74%}.menu .navbar-brand img{max-width: 100%;max-height: 100px !important}.menu .nav li{padding: 20px 0;position: relative}.menu .navbar-nav > li > a{position: relative;font-size: 16px}.menu .nav > li ul{top: 95px}.menu .nav > li .Triangle:after{top: 26px}.menu .nav > li .Themebghover:hover,.menu .nav > li .ThemeBbg{background:none !important}.menu .nav > li a:hover:before,.menu .nav > li .ThemeBbg:before{content: "";width: 40px;height:2px;background-color: olive;position: absolute;bottom: 6px;left: 50%;margin-left: -20px}.menu .header-box .logo{float: left;padding-left: 10px}.menu .header-box .logo img{min-height: 60px !important;max-height: 60px !important;padding-top: 15px}@media screen and (max-width: 870px){.header-nav #NavBoxPublic{width: 100%;height: 100%;background-color: #333;border: none}.menu .NavBoxPublic ul.navPublic li{border-bottom: 1px solid rgba(255,255,255,.1)}.menu .NavBoxPublic ul.navPublic li .Themefont{color: #fff !important}.NavBoxPublic .TriangleBtn:before, .inpro-nav .inproline{border-color: #fff !important}.menu .NavBoxPublic ul.navPublic li .Themebg{background-color: rgba(255,255,255,.1) !important}.menu .m-menutop{overflow: hidden}.menu .m-menutop-logo{float: left;width: 80%} .menu .m-menutop-logo img{max-height: 45px;max-width: 100%}.menu .m-menutop-cose{float: right;padding-top: 10px;width: 15%;text-align: right}.menu .m-menutop-cose i{font-size: 26px;margin-right: 10px}.menu .m-menutop-so{padding: 15px;border-bottom: 1px solid rgba(255,255,255,.1)}.menu .m-menutop-so .mnavformgroup{background-color:rgb(0, 0, 0);overflow: hidden;position: relative;padding: 10px 10px}.menu .m-menutop-so .input1{width: 80%;border: none;background: none}.menu .m-menutop-so .button1{display: inline-block;text-align: center;background: none;border: 0;outline: none;color: #fff;position: absolute;right: 0;top: 5px}.menu .m-menutop-so .iconshiliangzhinengduixiang:before{font-size: 18px}} @media screen and (max-width: 768px){.menu .header-box .logo img{min-height: 10px !important;max-height:45px!important;padding-top: 0}.album video{display: none}.album .title_name2{color: #444!important}} @media screen and (max-width: 600px){.row .col-md-4, .row .col-md-5, .row .col-md-6, .row .col-md-7, .row .col-md-8, .row .col-md-9, .row .col-md-10, .row .col-md-11{padding: 0px}} @media screen and (max-width: 480px){} @media screen and (max-width: 414px){} @media screen and (max-width: 320px){#pp{margin-left: 0}} .banner{width:100%;overflow: hidden}.carousel{margin: 0}.bannerBox{margin:0 auto;position: relative}.banner .carousel-control{background: none}/*-----------<关于我们>---------------*/ .about{margin: 50px 0}.about .about_det:before{content: "";position: absolute;left: 0px;top:0px;background: url(/Public/Images/Theme221/yinhao.png) } .about .inabout{overflow: hidden;margin-top: 50px}.about .item_img{float: left;width: 48%;text-align: center;position: relative}.about .inaboutimg1{position: absolute;z-index: 1}.about .inaboutimg2 img{padding-top: 40px;width: 75%;position: relative;z-index: 3}.about .item_img:after{content: } .about .item_img:before{content: "";display: block;width: 100%;height: 150px;background-color: aqua;position: absolute;top: 50%;margin-top: -55px;left: -5%;z-index: 2}.about .item_con{float: right;width: 48%;padding-top: 30px}.about .about_name{font-size: 18px}.about .about_font{height: 187px;overflow: hidden;color: #999 !important;line-height: 24px;margin: 20px 0}.about .about_font p{color: #999 !important}.about .about_more{} @media screen and (max-width: 768px){.about{margin: 30px 0}.about .item_img{float: none;;width: 100%}.about .item_con{float: none;width: 90%;margin: 0 auto;padding-top: 0}.about .about_name{display: none}.about .item_img:before{height: 80px;left: 0;margin-top: -6%}.about .inaboutimg2 img{padding-top: 10%;width: 65%;position: relative;z-index: 3}.about .inaboutimg1 img{width: 60%;padding-left: 0}} @media screen and (max-width: 480px){} @media screen and (max-width: 414px){} @media screen and (max-width: 375px){} @media screen and (max-width: 320px){} /*-----------<联系我们>---------------*/ .contact{position: relative;padding: 30px}.contact .lbs-box{display: none}.contact .map-box1{min-height: 600px;opacity: .4}.contact .inmap{position: absolute;z-index: 1;top: 0;left: 0;width: 100%}.contact .inmap img{width: 100%}.contact .incontact{position: relative;z-index: 2;width: 540px;background-color: rgba(0, 0, 0, .5);margin-bottom: 60px}.contact .incontact .incontact_box{padding: 30px}.contact .incontact h3{font-size: 18px}.contact .itemlist{margin: 30px 0}.contact .itemlist ul li{padding: 5px 0}.contact .feedbackc{line-height: 36px;padding: 8px 15px;border-radius: 5px}.contact .feedbackc:hover{color: #fff}/* 横向放置的手机和竖向放置的平板之间的分辨率 三*/ @media screen and (max-width: 1030px){} @media screen and (max-width: 980px){} @media screen and (max-width: 870px){.contact{position: relative;padding: 20px}.contact .incontact{position: relative;z-index: 2;width: 100%;background-color: rgba(0, 0, 0, .5);margin-bottom: 0}.contact .itemlist{margin: 20px 0}.contact .incontact .incontact_box{padding: 20px}.contact .feedbackc{display: block;line-height: 36px;padding: 0;border-radius: 5px;text-align: center}} @media screen and (max-width: 768px){} @media screen and (max-width: 600px){}/*-----------<最新资讯>---------------*/ .article{padding: 50px 0}.article .inmore{width: 50%;margin: 0 auto}.article .inartlist{margin-top: 50px}.article .inartlist ul{margin-left:-3%;overflow: hidden}.article .inartlist ul li{float:left;overflow:hidden;width:30.3%;margin:10px 0 50px 3%}.article .inartlist b{font-size: 14px;color: #999;font-weight: normal}.article .inartlist h3{margin: 20px 0 10px 0;font-size: 18px;line-height: 24px;overflow: hidden;height: 48px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-weight: normal}.article .inartlist span{display: block;height: 1px;width: 10%;background-color: #999;transition: width 0.5s;-moz-transition: width 0.5s;/* Firefox 4 */ -webkit-transition: width 0.5s;/* Safari 和 Chrome */ -o-transition: width 0.5s;/* Opera */} .article .inartlist p{margin-top: 20px;font-size: 12px;color: #999;line-height: 20px;overflow: hidden;height: 40px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2}.article .inartlist ul li:hover span{width: 50%}/* 横向放置的手机和竖向放置的平板之间的分辨率 三*/ @media screen and (max-width: 768px){.article{padding: 30px 0}.article .inmore{width: 100%;margin: 0 auto}.article .inartlist{margin-top: 30px}.article .inartlist ul{margin-left:0;overflow: hidden}.article .inartlist ul li{float:none;overflow:hidden;width:100%;margin:10px 0 30px 0}.article .inartlist h3{margin: 10px 0 10px 0;font-size: 14px;overflow: hidden;max-height: 48px;height: auto;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-weight: normal}.article .inartlist p{margin-top: 20px;font-size: 12px;overflow: hidden;max-height: 60px;height: auto;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3}} /*产品列表*/ .product{padding: 50px 0}.product .inmore{width: 50%;margin: 0 auto}.product-con{padding: 50px 0}.product-con ul{margin-left:-2%}.product-con ul li{float:left;overflow:hidden;position:relative;background-color:#333;width:31.3%;margin:10px 0 10px 2%}.product-con ul li a{padding: 20px;display: block}.product-con li img{width:100%}.product .img_box{position: relative}.product-con .font_box{} .product-con .font_box h3{font-size: 18px;font-weight: normal;line-height: 20px;overflow: hidden;height: 40px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin: 20px 0}.product-con .font_box p{color: #aaa;line-height: 20px;overflow: hidden;height: 60px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;font-size: 14px}.product-con .font_box b{display: block;margin-top: 20px;font-size: 18px;font-weight: normal}.product-con .img_box .off{position:absolute;visibility:hidden;text-align:center;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.1);color:#FFF;transition:background-color 0.5s;-moz-transition:background-color 0.5s;/* Firefox 4 */ -webkit-transition:background-color 0.5s;/* Safari and Chrome */ -o-transition:background-color 0.5s;/* Opera */ } .product-con ul li:hover .img_box .off{visibility: visible;background-color:rgba(0,0,0,0.6)} .product-con .img_box .off i{font-size: 30px;position: absolute;top: 50%;margin-top: -15px;margin-left: -15px;color: #fff}.product-navm{display: none}/*--------------------------*/ @media screen and (max-width:768px){.product{padding: 30px 0}.product .inmore{width: 100%}.product-con{padding: 30px 0}.product-con ul li{width:48%;margin:5px 0 5px 2%}.product-con ul li a{padding: 10px}.product-con .font_box h3{margin: 10px 0;font-size: 14px} .product-con .font_box b{margin-top: 10px;font-size: 14px } .product-con .font_box p{font-size: 12px}} /*---友情链接----*/ .friendLink{position: relative;z-index: 2}.friendBox{margin: 0px auto;max-width: 1180px;box-sizing: border-box}.friendLink .link-box .friendlinktitle{color:#fff;font-size:14px;line-height:30px;display:block;height: 40px;position: absolute;top: -40px;width: 100%;max-width: 1180px}.friendLink .link-box .friendlinktitle h3{display: block;padding:20px 0 0 30px;position: relative}.friendLink .link-box .friendlinktitle h3:before{content: '';width: 20px;height: 2px;background-color: #666;position: absolute;bottom: -14px}.friendLink .link-box ul{overflow: hidden;padding: 30px 30px 10px 30px;margin-left: -2%}.friendLink .link-box .lineNone{float: left;width: 14.6%;margin: 10px 0 10px 2%;text-align: center}.friendLink .link-box .lineNonebg{padding: 5px 0}.friendLink .link-box p{font-size: 14px;color: #999;margin-top: 10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}.friendLink .link-box .linetext{float: left;margin: 10px 0 10px 2%}.friendLink .linkpc{display: block}.friendLink .linkm{display: none}.friendLinkImg{width: auto !important}/* 小屏幕 一*/ @media screen and (max-width:1180px){.friendBox{padding: 5px 15px !important}} @media screen and (max-width: 870px){.friendLink .linkpc{display: none}.friendLink .linkm{display: block;padding: 20px}.friendLink .linkm .friendlinktitle{color:#fff;font-size:14px;line-height:30px;display:block;height: 40px;width: 100%;max-width: 1180px}.friendLink .linkm .friendlinktitle h3{display: block;padding:0;position: relative}.friendLink .linkm .friendlinktitle h3:before{content: '';width: 20px;height: 2px;background-color: #666;position: absolute;bottom: -14px}.friendLink .linkm .linkmtext{width: auto}.friendLink .linkm .linkmimg{width: auto;text-align: center}.friendLink .linkm .lineNonebg{padding: 5px 10px}.friendLink .linkm p{font-size: 14px;color: #999;margin-top: 10px}}/*---footer----*/ .footers{width:100%}.footerBox{margin: 0 auto;max-width: 1180px}.footers .footers-box{padding:15px 0}.footers .footers-box a{margin-right:10px;color: #333;word-break: break-all;word-wrap:break-word;text-decoration: underline}.footers .footers-box p{padding:0;font-size:12px;line-height:20px}.infooternav{overflow: hidden;color: #aaa;padding: 40px 0}.infooternav_left{float: left;width: 30%;background: url(/Public/Images/Theme261/line2.jpg) repeat-y right top}.infooternav_con{float: left;width: 30%;background: url(/Public/Images/Theme261/line2.jpg) repeat-y right top}.infooternav_right{float: left;width: 30%}.infooternav .frcon p{color: #aaa;line-height: 24px;font-size: 12px}.infooternav .frer ul li{display: inline-block;text-align: center}.infooternav .frer ul li:nth-child(1){margin-right: 20px}.infooternav .frer ul li img{width: 100px;padding: 5px;background-color:rgba(255, 255, 255, .1)}.infooternav p{color: #aaa}.infootercon{background: url(/Public/Images/Theme261/line3.jpg) repeat-x right top;padding: 20px 0;text-align:center;color: #aaa}.infooternav .fpp20{padding: 0 35px;height: 100% !important}.infooternav .frer img{margin:20px 0 10px 0}.infooternav h3{display: block;padding-bottom: 20px;position: relative;font-size: 18px}.infooternav h3:before{content: '';width: 20px;height: 2px;background-color: #666;position: absolute;bottom: 0}.infooternav .fnavlist ul{padding-top: 10px}.infooternav .fnavlist ul li{line-height: 30px;font-size: 14px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}.infooternav .fnavlist ul li a{color: #aaa}.infootercon p{color: #aaa;padding: 5px 0}.footerpc{display: block}.footerm{display: none}/*--------------------------*/ .footersInformation{width: 100%;text-align: center}.tpl_footers .footers .footersInformation p{text-align: center}@media screen and (max-width: 870px){.footerpc{display: none}.footerm{display: block;width: 90%;text-align: center;margin: 0 auto;padding-bottom: 60px}.footerm p{color: #aaa;padding: 5px 0}.infootercon{background: none !important}}/*---footer----*/ .footers{width:100%}.footerBox{margin: 0 auto;max-width: 1180px}.footers .footers-box{padding:15px 0}.footers .footers-box a{margin-right:10px;color: #333;word-break: break-all;word-wrap:break-word;text-decoration: underline}.footers .footers-box p{padding:0;font-size:12px;line-height:20px}.infooternav{overflow: hidden;color: #aaa;padding: 40px 0}.infooternav_left{float: left;width: 30%;background: url(/Public/Images/Theme261/line2.jpg) repeat-y right top}.infooternav_con{float: left;width: 30%;background: url(/Public/Images/Theme261/line2.jpg) repeat-y right top}.infooternav_right{float: left;width: 30%}.infooternav .frcon p{color: #aaa;line-height: 24px;font-size: 12px}.infooternav .frer ul li{display: inline-block;text-align: center}.infooternav .frer ul li:nth-child(1){margin-right: 20px}.infooternav .frer ul li img{width: 100px;padding: 5px;background-color:rgba(255, 255, 255, .1)}.infooternav p{color: #aaa}.infootercon{background: url(/Public/Images/Theme261/line3.jpg) repeat-x right top;padding: 20px 0;text-align:center;color: #aaa}.infooternav .fpp20{padding: 0 35px;height: 300px}.infooternav .frer img{margin:20px 0 10px 0}.infooternav h3{display: block;padding-bottom: 20px;position: relative;font-size: 18px}.infooternav h3:before{content: '';width: 20px;height: 2px;background-color: #666;position: absolute;bottom: 0}.infooternav .fnavlist ul{padding-top: 10px}.infooternav .fnavlist ul li{line-height: 30px;font-size: 14px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}.infooternav .fnavlist ul li a{color: #aaa}.infootercon p{color: #aaa;padding: 5px 0}.footerpc{display: block}.footerm{display: none}/*--------------------------*/ .footersInformation{width: 100%;text-align: center}.tpl_footers .footers .footersInformation p{text-align: center}@media screen and (max-width: 870px){.footerpc{display: none}.footerm{display: block;width: 90%;text-align: center;margin: 0 auto;padding-bottom: 60px}.footerm p{color: #aaa;padding: 5px 0}}