.out{ float:left; margin-top:6px; margin-left:40px;} .out a{ display:block; float:left; margin-left: 10px; color:#fff; line-height:30px; padding:0 10px 0 10px; border-radius:4px;} .out .out_01{ background:url(http://pic20_2.qiyeku.com/qiyeku_pic/2021/3/26/mltor/product/product_pic/image/2021_04_20/20210420092946880.png) no-repeat center left; background-color:#fff; padding-left:28px; color:#333;} .out .out_02{ background:url(http://pic20_2.qiyeku.com/qiyeku_pic/2021/3/26/mltor/product/product_pic/image/2021_04_20/20210420093011020.png) no-repeat center left; background-color:#ff011d; padding-left:33px;} .out .out_03{ background:url(http://pic20_2.qiyeku.com/qiyeku_pic/2021/3/26/mltor/product/product_pic/image/2021_04_20/20210420093029770.png) no-repeat center left; background-color:#3A5899; padding-left:26px;} .out .out_04{ background:url(http://pic20_2.qiyeku.com/qiyeku_pic/2021/3/26/mltor/product/product_pic/image/2021_04_20/20210420093019864.png) no-repeat center left; background-color:#0076B5; padding-left:33px;} .content1 { width:1300px; margin: auto; } #wrapper { text-align:center; font-family: 'Lato', sans-serif; text-transform:uppercase; } .weixin img{display: none; width:130px; } #toolbar { width:100%; max-width:670px; min-width:550px; margin: 70px auto; } .button { width:70px; height:70px; border-radius:50%; background-color:#3AB09E; color:#ffffff; text-align:center; font-size:3.5em; position:relative; left:50%; margin-left:-35px; z-index:1; } .button,.icons{ -webkit-transition: -webkit-all 1s cubic-bezier(.87,-.41,.19,1.44); transition: all 1s cubic-bezier(.87,-.41,.19,1.44); } .button:after { content:"+"; } .button.active { -webkit-transform: rotate(45deg); transform: rotate(45deg); left:60px; } .icons { width:0%; overflow:hidden; height:36px; list-style:none; padding:16px 10px 10px 50px; background-color:#ffffff; box-shadow: 1px 1px 1px 1px #DCDCDC; margin:-68px 0 0 45%; border-radius: 2em; } .icons.open { width:80%; margin:-68px 0 0 5%; overflow:hidden; } .icons li { display: none; width:10%; color:#3AB09E; } .icons.open li { width:16%; display: inline-block; } .weixin::after { position: absolute; top: 50%; right: 0; content: ""; width: 1px; height: 8px; margin-top: -4px; background-color: #c0c0c0; } *{margin:0px; padding:0px; font-size:14px;font-family:Microsoft YaHei; } img{border:0px; display:inline-block; font-size:0px; position:relative; } a{text-decoration:none;} body { margin:0px; padding:0px; } @font-face {font-family: "iconfont"; src: url('/css/iconfont/iconfont.eot'); /* IE9*/ src: url('/css/iconfont/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/css/iconfont/iconfont.woff') format('woff'), /* chrome, firefox */ url('/css/iconfont/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('/css/iconfont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */ } @font-face { font-family: 'iconfont'; /* project id 781842 */ src: url('//at.alicdn.com/t/font_781842_dzf2heyghpb.eot'); src: url('//at.alicdn.com/t/font_781842_dzf2heyghpb.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_781842_dzf2heyghpb.woff2') format('woff2'), url('//at.alicdn.com/t/font_781842_dzf2heyghpb.woff') format('woff'), url('//at.alicdn.com/t/font_781842_dzf2heyghpb.ttf') format('truetype'), url('//at.alicdn.com/t/font_781842_dzf2heyghpb.svg#iconfont') format('svg'); url('//at.alicdn.com/t/font_2664072_ek1m6hzpwbk.woff2?t=+852-4977218979') format('woff2'), url('//at.alicdn.com/t/font_2664072_ek1m6hzpwbk.woff?t=+852-4977218979') format('woff'), url('//at.alicdn.com/t/font_2664072_ek1m6hzpwbk.ttf?t=+852-4977218979') format('truetype'); } @font-face { font-family: 'iconfont'; /* Project id 2664108 */ src: url('//at.alicdn.com/t/font_2664108_sd9gdsuvihd.woff2?t=+852-2556519985') format('woff2'), url('//at.alicdn.com/t/font_2664108_sd9gdsuvihd.woff?t=+852-2556519985') format('woff'), url('//at.alicdn.com/t/font_2664108_sd9gdsuvihd.ttf?t=+852-2556519985') format('truetype'); } .iconfont { font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } table{border-collapse: ; border-spacing:0;} .pager_box{clear:both; text-align:center; line-height:40px; margin:20px auto;font-size:14px; color:#0054a3;} .pager{font-size:14px; padding:0 10px; color:#ffffff; line-height:25px; display:inline-block;background-color:#0054a3; margin:0px 5px;} .pager_hover,.pager:hover{font-size:14px; background-color:#f08519; padding:0 10px; line-height:25px; display:inline-block; margin:0px 5px; color:#ffffff; } .first_pager,.prev_pager,.next_pager,.last_pager{ line-height:25px; color:#0054a3; display:inline-block; margin:0px 5px; font-size:14px; } .clear{ clear:both;} h1,h2,h3,h4,h5{ font-weight:normal;} #top{background-color:#ffffff;} /*reset-start*/ @charset "utf-8"; @font-face { font-family: "Alibaba-PuHuiTi-Regular"; src: url("/fonts/Alibaba-PuHuiTi-Regular.woff") format("woff"), url("/fonts/Alibaba-PuHuiTi-Regular.eot") format("embedded-opentype"), url("/fonts/Alibaba-PuHuiTi-Regular.otf") format("opentype"); } html{color:#000; background:#FFF; font-family: 'Alibaba-PuHuiTi-Regular'; width: 100%; overflow-x: hidden;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} body { width:100%;background:#FFF;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,strong,th,var,optgroup{ font-style:inherit;font-weight:inherit;} del,ins{text-decoration:none;} li{list-style:none;} caption,th{text-align:left;} q:before,q:after{content:'';} abbr,acronym{border:0;font-variant:normal;} sup{vertical-align:baseline;} sub{vertical-align:baseline;} input,button,textarea,select,optgroup,option{ font-size:inherit; font-style:inherit;font-weight:inherit;} input,button,textarea,select{*font-size:100%;} input,select{vertical-align:middle;} body{font:12px/1.231;} select,input,button,textarea,button{font:99%;} table{font-size:inherit;font:100%; border-collapse:collapse;} pre,code,kbd,samp,tt{ *font-size:108%;line-height:100%;} i,em,b { font-style: normal; font-weight: normal;} /*title*/ h1 { font-size:32px;} h2 { font-size:26px;} h3 { font-size:20px;} h4 { font-size:14px;} h5 { font-size:12px;} h6 { font-size:10px;} a { color:#666; text-decoration:none; blr:expression(this.onFocus=this.blur())} /*for ie f6n.net*/ a:focus{outline:0;} /*for ff f6n.net*/ a:hover {text-decoration:none;} .vam { vertical-align:middle;} .clear{clear:both; height:0; line-height:0; font-size:0; overflow:hidden;} .tr { text-align:right;} .tl { text-align:left;} .pr { position:relative;} .pa { position:absolute;} .center { text-align:center;} .fl { float:left;} .fr { float:right;} /* 公用樣式 */ .imgALL img { display: block; margin: 0 auto;} .fz30 { font-size:3.0vw;} /*英文小标題24px*/ .fz35 { font-size:3.5vw;} /*正文字體28px*/ .fz37 { font-size:3.75vw;} /*小标題30px*/ .fz75 { font-size:7.5vw;} /*大标題60px*/ .t20s { -webkit-transition: all 2s;-moz-transition: all 2s;-o-transition: all 2s;transition: all 2s;} .t20s img { -webkit-transition: all 2s;-moz-transition: all 2s;-o-transition: all 2s;transition: all 2s;} .t10s { -webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;} .t8s { -webkit-transition: all 0.8s;-moz-transition: all 0.8s;-o-transition: all 0.8s;transition: all 0.8s;} .t5s { -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;/*! transition: all 0.5s; */} .t5s img { -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;/*! transition: all 0.5s; */} .tt { -webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;} .tt img { -webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;} .yy:hover { -moz-box-shadow: 0px 0px 20px 1px #8c8883; box-shadow: 0px 0px 20px 1px #8c8883;} .yy_img { -moz-box-shadow: 0px 0px 20px 1px #8c8883; box-shadow: 0px 0px 20px 1px #8c8883;} .t5st5 { -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;} .t5st5:hover { margin-top: -5px;} /* 導航 */ .header_bg { width: 100%; z-index: 900; position: absolute; background: linear-gradient(to bottom, rgba(255, 255, 255), rgba(0, 0, 0, 0));} .header_bg h1 { display:block; float: left; width: 231px; margin-top: 15px; } .header_bg .nav { width: 970px; height: 80px; line-height: 80px; float: right; display: block; font-size: 18px; height: 100px; } .header_bg .nav a { color: #484848;width: 12.5%;display: block;float: left; text-align: center; height: 100px;font-size: 16px;} .header_bg .nav a:hover { color: #f08519;} .header_bg .t_cal { width: 36px; height: 36px; float:right; margin-top: 50px;} /* .header_bg .t_cal:hover { width: 87px; height: 87px; background: url(/images/t_callh.png) no-repeat center center; margin-top: 18px;} .header_bg .t_cal:hover img {display: none;} */ .header_c { position: relative;} .t_cal_xs { position: absolute;right: 0;background: #fff;top: 115px;padding: 10px 15px;border-radius: 8px; opacity: 0; border: 1px solid #e2e1e1;} .t_cal:hover .t_cal_xs { opacity: 1;} .navbar-container .navRight>li[data-v-01e10f57] { padding:0 20px; } .navbar-container .navRight>li a[data-v-01e10f57] { font-size:13px; color:#f2f2f2 } .navbar-container .navRight .top-search[data-v-01e10f57] { position:relative } .language-icon[data-v-01e10f57] { position: relative; top: 6px; margin:0 6px; display: inline-block; width: 60px; height: 19px; cursor: pointer; background: url(http://pic20_2.qiyeku.com/qiyeku_pic/2021/3/26/mltor/product/product_pic/image/2021_05_11/20210511105420591.png); } .navbar-container .navRight>li[data-v-01e10f57] { padding:0 20px } .navbar-container .navRight>li a[data-v-01e10f57] { font-size:13px; color:#f2f2f2 } .navbar-container .navRight .top-search[data-v-01e10f57] { position:relative } .navbar-container .navRight .top-search a[data-v-01e10f57] { width:24px; height:24px; margin-top:19px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAZpJREFUSA3tVDFLw0AUbtLqEF2ipoNkbUO7F3+Ai6sILg6lXUQUN/0ZOinqIIp0cXV08A90q4JNAkJSSig4NaRBaOr3oAdHuIulo/QgvJfvfe++dy/vksst1r/vgJJ1wslkojiOcwhOA35FUZQE9l1V1dtSqfSUlctiUgHP8zbjOG6BuIGNL/P5fHs8HhcgUAN2hudT07S6aZrfbDORFQpMK3+Ddcrl8jEEfvjkfr+vhWH4gPiSZVm7fGwmH205sm27gw2WZQmDwWC12+1+gbsv4xCuioJJkjSAX6Qr57nFYjFE/ApFNHk87QsFQKpSz9Pk9DsEiFNJ4/y7TACHSAo8UeSjeuKEohjDZALUf5qWzEUcPJ0sklAAc36DpPMgCFZkyb7vryF2Cu69jEO4cEwpgCl6gYl1XW8ahjEkjK1er7ceRVEL1dOYbjNcZKUCVOFoNLpDUg0f8xqVtum7TFt3ApzauAX8ALeaihEuqQBj4yR78OlXUYUdQqwD+4gL+Oq67g5u9/NfImyvuSyJoIiPuZIXSYsOzNSBX7b2rG8V3FB8AAAAAElFTkSuQmCC) no-repeat 50%; cursor:pointer } /* 懸浮導航 */ .xf_nav { height: 100px; background: rgba(246, 246, 246, 0.9); position:fixed;; top: 0; } .xf_nav .nav { margin-top: 0;} .xf_nav .t_cal { margin-top: 25px;} .xf_nav .t_cal_xs { top: 80px;} .xf_nav h1 { width: 160px;} #container { padding-top: 0px; overflow: hidden; } #main img { max-width: 100%; transform: translateZ(0px); transform: -webkit-translateZ(0px); } @font-face { font-family: 'iconfont'; /* project id 781842 */ src: url('//at.alicdn.com/t/font_781842_q4z374nfie9.eot'); src: url('//at.alicdn.com/t/font_781842_q4z374nfie9.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_781842_q4z374nfie9.woff2') format('woff2'), url('//at.alicdn.com/t/font_781842_q4z374nfie9.woff') format('woff'), url('//at.alicdn.com/t/font_781842_q4z374nfie9.ttf') format('truetype'), url('//at.alicdn.com/t/font_781842_q4z374nfie9.svg#iconfont') format('svg'); } .iconfont { font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } @font-face { font-family: "iconfont"; /* Project id 2664108 */ src: url('//at.alicdn.com/t/font_2664108_siuac4czqd.woff2?t=+852-4880617290') format('woff2'), url('//at.alicdn.com/t/font_2664108_siuac4czqd.woff?t=+852-4880617290') format('woff'), url('//at.alicdn.com/t/font_2664108_siuac4czqd.ttf?t=+852-4880617290') format('truetype'); } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-fangzi:before { content: "\e611"; } .icon-thin-_home_flat:before { content: "\e610"; } #iconfont1 { width: 1300px; margin: auto; } /*------------------------------------------------------------ header ------------------------------------------------------------*/ .a_dw{position: relative;top: -150px;} #header { width: 100%; z-index: 900; position: absolute; background: linear-gradient(to bottom, rgba(255, 255, 255), rgba(0, 0, 0, 0)); } #header.active { height: 61px; } #header .hInner { padding: 16px 51px 0 50px; } #header.active .hInner { padding: 5px 51px 0 50px; } #header .hInner h1 { float: left; } #header.active .hInner h1 img { width: 184px; } #header .hInner .rBox { margin-top: 10px; float: right; } #header.active .hInner .rBox { margin-top: 0; width: 620px; } #header .searchBox { padding-right: 86px; float: right; position: relative; } #header.active .searchBox { padding-right: 40px; } #header .searchBox:before { width: 1px; height: 35px; position: absolute; left: -41px; top: 2px; background: #DFDFDF; content: ""; } #header.active .searchBox:before { display: none; } #header .searchBox .search { width: 40px; position: absolute; right: 0; top: 3px; border-radius: 20px; background: #FFE400; transition: all 0.3s; -webkit-transition: all 0.3s; cursor: pointer; } #header.active .searchBox .search { top: 5px; background: none; } #header .searchBox.active .search { width: 270px; background: #FFE400 !important; } #header .searchBox .search a {display: block; background: #FFE400 !important; border-radius:35px;width: 40px;height: 40px;line-height: 40px;text-align: center;} #header .searchBox .search a img{display: block;} #header .searchBox .search img{display: none;} #header .searchBox .search:hover img{display: block;position: absolute;z-index: 999;top: 45px;left: -115px;width: 150px} .menu { display: none; } #gNavi { margin-top: 13px; float: left; transition: all 0.3s; -webkit-transition: all 0.3s; } #header.active #gNavi.active { visibility: hidden; opacity: 0; } #gNavi > li { margin-right: 41px; float: left; } #gNavi > li:last-child { margin-right: 0; } #gNavi > li > a { height: 61px; display: block; position: relative; color: #333; font-size: 16px; overflow: hidden; } #gNavi > li > a s{ display: block; position: absolute; width: 100%;height: 99%;top: 0;left: 0; background: #fff; transition: all 0.7s ; -webkit-transition: all 0.7s ; } #gNavi.act > li > a s{ left: 100%; } #header.active #gNavi > li > a { height: 44px; } #gNavi > li > a:before { width: 0; height: 2px; position: absolute; left: 50%; bottom: 0; z-index: 10; transform: translateX(-50%); -webkit-transform: translateX(-50%); background: #f08519; content: ""; transition: all 0.3s; -webkit-transition: all 0.3s; } #gNavi > li:hover > a:before { width: 100%; } #gNavi li div { width: 100%; position: absolute; left: 0; top: 100%; display: none; overflow: hidden; zoom: 1; box-shadow: 0 4px 2px rgba(197,197,195,0.1); background-color: #515151; } #gNavi li ul { float: right; margin-right: 310px; } #gNavi > li:nth-child(6) ul { box-sizing: border-box; width: 405px; } #header.active #gNavi li ul { width: 672px; } #gNavi li li { margin-right: 45px; float: left; } #gNavi li li a { display: block; color: #fff; font-size: 13px; line-height: 58px; } #gNavi li li a:hover { color: #fa8d3e; } @media all and (min-width: 1201px) and (max-width: 1600px) { #gNavi > li:nth-child(4) ul { padding-left: 165px; } #header .hInner .rBox { width: 870px; } #header.active .hInner .rBox { width: 540px; } #gNavi li ul { width: 895px; } #gNavi > li:nth-child(6) ul{width: 730px;} #header.active #gNavi li ul { width: 593px; } #gNavi > li { margin-right: 25px; } #gNavi li li { margin-right: 29px; } #header .searchBox:before { left: -15px; } } @media all and (min-width: 1321px) and (max-width: 1450px) { #footer .fBox .rBox, #footer .fTxtBox .textBox { /*! width: 1000px; */ } #footer .fBox .fNavi > li { width: 133px; } #header .hInner { padding: 16px 100px 0 ; } #header .searchBox{padding-right: 60px;} #header .hInner .rBox{width: 880px;} #footer .fBox{padding: 76px 100px 0;} #footer .fBox .rBox, #footer .fTxtBox .textBox{/*! width: 960px; */} #footer .fBox .logo{max-width: 180px;} #footer .fBox .logo img{display: block;width: 100%;} } @media all and (min-width: 1201px) and (max-width: 1320px) { #footer .fBox .fNavi > li { width: 120px; } #gNavi li ul { width: 850px; } #gNavi > li:nth-child(6) ul{width: 685px;} #header .hInner { padding: 16px 100px 0 ; } #header .searchBox{padding-right: 60px;} #header .hInner .rBox{width: 760px;} #gNavi > li:nth-child(1){display: none;} #gNavi > li{margin-right: 20px;} #footer .fBox{padding: 76px 100px 0;} #footer .fBox .logo{max-width: 180px;} #footer .fBox .logo img{display: block;width: 100%;} #footer .fBox .fNavi > li:nth-child(1){display: none;} } @media all and (min-width: 768px) and (max-width: 1200px) { .menuBox { width: 100%; height: 100%; position: fixed; left: 0; top: 0; overflow-y: auto; z-index: 9999; background: rgba(0,0,0,0.9); -webkit-overflow-scrolling: touch; } .menuBox .close { position: absolute; right: 64px; top: 28px; } .menuBox .close a { display: block; transition: all 0.3s; -webkit-transition: all 0.3s; } .menuBox .close a:hover { transform: rotate(180deg); -webkit-transform: rotate(180deg); } .menuBox .close img { width: 50px; } .menuBox ul { margin: 99px 0 65px; } .menuBox li { margin-bottom: 19px; text-align: center; } .menuBox li a { padding-bottom: 10px; display: inline-block; position: relative; color: #fff; font-size: 24px; } .menuBox li a:before { width: 0; height: 2px; position: absolute; left: 50%; top: 100%; transform: translateX(-50%); -webkit-transform: translateX(-50%); transition: all 0.3s; -webkit-transition: all 0.3s; background: #fff; content: ""; } .menuBox li a:hover:before { width: 100%; } .menuBox .tel { margin: 0 auto 41px; padding-right: 60px; width: 300px; color: #fff; font-size: 21px; line-height: 1.35; text-align: right; box-sizing: border-box; background: url(../img/common/sp_tel.png) no-repeat right center; background-size: 40px auto; } .menuBox .tel span { display: block; font-size: 35px; font-weight: bold; } .menuBox .search { margin: 0 auto 80px; width: 90%; max-width: 620px; position: relative; border-radius: 40px; background: #FFE400; } .menuBox .search a { width: 70px; position: absolute; right: 6px; top: 0; } .menuBox .search a img { width: 100%; } .menuBox .search input { padding: 0 80px 0 40px; width: 100%; height: 72px; color: #000; font-size: 20px; line-height: 72px; border: none; border-radius: 0; box-sizing: border-box; background: none; } #header .rBox { display: none; } #header .menu { position: absolute; right: 60px; top: 27px; display: block; } #header .menu a { width: 58px; height: 49px; display: block; } #header .menu span { width: 58px; height: 6px; display: block; position: absolute; left: 0; top: 0; background: #000; transition: all 0.3s; -webkit-transition: all 0.3s; } #header .menu span:nth-child(2) { top: 22px; } #header .menu span:nth-child(3) { width: 29px; top: 43px; } #header .menu a:hover span { width: 20px; } #header .menu a:hover span:nth-child(2) { width: 39px; } #header .menu a:hover span:nth-child(3) { width: 58px; } #footer .fBox .logo { margin: 0 0 40px; float: none; } #footer .fBox .rBox { width: auto; float: none; } #footer .fBox .fNavi > li { width: 14% !important; box-sizing: border-box; } /*#footer .fBox .fNavi > li:nth-child(1) { width: 20% !important; } #footer .fBox .fNavi > li:nth-child(3) { width: 24% !important; }*/ #footer .fTxtBox .textBox { width: auto; float: none; } } @media all and (min-width: 0px) and (max-width: 767px) { .a_dw{position: relative;top: -52px;} .tanchuang {height: calc(100vh - 52px);} .pc { display: none !important; } .sp { display: block !important; } img { width: 100%; } .nec1 .box .nert .tc img { width: auto; } #container { padding-top: 52px; overflow: hidden; } .menuBox { width: 100%; height: 100%; position: fixed; left: 0; top: 0; overflow-y: auto; z-index: 9999; background: rgba(0,0,0,0.9); -webkit-overflow-scrolling: touch; } .menuBox .close { width: 24px; position: absolute; right: 20px; top: 14px; } .menuBox .close a { display: block; transition: all 0.3s; -webkit-transition: all 0.3s; } .menuBox .close a:hover { transform: rotate(180deg); -webkit-transform: rotate(180deg); } .menuBox ul { margin: 99px 0 65px; } .menuBox li { margin-bottom: 19px; text-align: center; } .menuBox li a { padding-bottom: 10px; display: inline-block; position: relative; color: #fff; font-size: 18px; } .menuBox li a:before { display: none; width: 0; height: 2px; position: absolute; left: 50%; top: 100%; transform: translateX(-50%); -webkit-transform: translateX(-50%); transition: all 0.3s; -webkit-transition: all 0.3s; background: #fff; content: ""; } .menuBox li a:hover:before { width: 100%; } .menuBox .tel { margin: 0 auto 26px; padding-right: 30px; width: 152px; color: #fff; font-size: 11px; text-align: right; box-sizing: border-box; background: url(../img/common/sp_tel.png) no-repeat right center; background-size: 20px auto; } .menuBox .tel span { display: block; font-size: 17px; font-weight: bold; } .menuBox .search { margin: 0 auto 80px; width: 90%; max-width: 310px; position: relative; border-radius: 20px; background: #FFE400; } .menuBox .search a { width: 35px; position: absolute; right: 3px; top: 0; } .menuBox .search input { padding: 0 40px 0 20px; width: 100%; height: 38px; color: #000; font-size: 14px; line-height: 38px; border: none; border-radius: 0; box-sizing: border-box; background: none; } #header { height: 51px; } #header .hInner { padding: 10px 20px; } #header .rBox { display: none; } #header .menu { margin-top: 8px; width: 20px; float: right; display: block; } #header .menu a { width: 20px; height: 17px; display: block; position: relative; } #header .menu span { width: 20px; height: 2px; display: block; position: absolute; left: 0; top: 0; background: #000; transition: all 0.3s; -webkit-transition: all 0.3s; } #header .menu span:nth-child(2) { top: 7px; } #header .menu span:nth-child(3) { width: 10px; top: 15px; } #header .menu a:hover span { width: 7px; } #header .menu a:hover span:nth-child(2) { width: 14px; } #header .menu a:hover span:nth-child(3) { width: 20px; } #header div a img { width: 112px; } #side { display: none; } #footer { padding: 49px 20px 80px; background: #141414; } #footer .fBox { padding: 0; position: relative; } #footer .fBox .logo { margin: 0 0 40px; width: 170px; float: none; position: relative; } #footer .fBox .logo a{font-size: 12px;color: #fff;} #footer .fBox .subBox{position: relative;} #footer .fBox .subBox .a_top{width: 30px;height: 30px;position: absolute;top: 0;right: 0;background: url(../img/solution/sm_22.png) center no-repeat;background-size: cover;opacity: .8;} #footer .fBox .rBox { width: auto; float: none; } #footer .fBox .rBox .inner { margin-bottom: 22px; padding: 0 ; /*border:0;*/ } #footer .fBox .rBox .inner .img { margin: 2px 20px 0 0; width: 80px; font-size: 10px; } #footer .fBox .rBox .inner .img img { margin-bottom: 7px; } #footer .fBox .rBox .inner .textBox { padding-top: 0; max-width: 235px; font-size: 12px; color: #fff; opacity: 1; } #footer .fBox .rBox .inner .textBox .clearfix{margin-bottom: 10px; /*border-bottom: 1px solid #888;*/} #footer .fBox .rBox .inner .textBox p { margin-bottom: 13px; font-size: 11px; letter-spacing: -0.3px; } #footer .fBox .rBox .inner .textBox .tel { margin-bottom: 10px; border-width: 1px; width: 160px; } #footer .fBox .rBox .inner .textBox .tel img { width: 25px; } #footer .fBox .rBox .inner .textBox .tel span { width: 134px; line-height: 25px; font-size: 16px; border-width: 1px; } #footer .fBox .rBox .inner .textBox .address { width: 31px; } #footer .fBox .rBox .fNavi { display: none; } #footer .fTxtBox { display: none; } #footer .fBox .text { font-size: 11px; } .btmBox { position: fixed; width: 100%; display: block; left: 0; bottom: 0; z-index: 9000; background: #FE5A09; } .btmBox li { width: 33.33%; float: left; } .btmBox li a img { margin: 0 auto; width: auto; height: 23px; display: block; } .btmBox li a { display: block; padding: 7px 0; color: #fff; font-size: 12px; text-align: center; } } @media all and (min-width: 320px) and (max-width: 369px) { #footer .fBox .rBox .inner .img { margin-right: 10px; } #footer .fBox .rBox .inner .textBox { max-width: 190px } }/** * Swiper 4.3.5 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2018 Vladimir Kharlampidi * * Released under the MIT License * * Released on: July 31, 2018 */ .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} .topWrap{ position: relative;width: 100%;z-index: 99; background: #333;} .topWrap .header{ width:1200px; margin:0 auto;} .topWrap h5{ height:38px; overflow:hidden; font:12px "Microsoft YaHei"; line-height:38px; color:#454445;} .topWrap h5 i{ color:#cfcfcf;} .topWrap h5 span{ display:inline-block; font:12px "Microsoft YaHei"; height:38px; line-height:38px; color:#8a8a8a; float:right;} .topWrap h5 span a{ display:inline-block; color:#cfcfcf; padding:0 15px;} .topWrap h2{ width:275px; overflow:hidden; float:left; margin-top:20px;} .topWrap h2 img{ display:block;width:270px; height:auto;} .topWrap .menu{ width:905px; float:right; height:115px;} .topWrap li{ font:15px "Microsoft Yahei";float:left; height:115px; margin:0 35px;} .topWrap li a{ display:inline-block;color:#333;height:85px;line-height:100px;text-align:center;} .topWrap li a:hover ,.topWrap .cur a{color:#0054a3; position:relative;} background: -moz-linear-gradient(left, #0054a3 0%, #008cee 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #0054a3 0%,#008cee 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #0054a3 0%,#008cee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03a1eb', endColorstr='#996633',GradientType=1 ); /* IE6-9 */} .topWrap .nones{ margin:0 0 0 26px;} .nav2{ position:absolute; top:150px; left:0; width:100%; height:130px; background:#FFF; display:none;border-top: 1px #f0f0f0 solid;} .nav3{ width:1200px; margin:0 auto;height:130px;} .nav2 p{ width:170px;height:130px; float:left; border-right:1px solid #F0F0F0;} .nav2 p a{ line-height:none; display:block; height:128px;color: #fff;} .nav2 p img{ display:block; padding:20px 0 15px 40px;} .nav2 p em{ display:block; font:12px "Microsoft YaHei"; text-align:center; color:#666;} .topWrap li .nav2 p a:hover:before ,.topWrap .cur .nav2 p a:before{ top:126px; height:4px;} .topWrap .nav4{position:absolute;top:86px;left:0;width: 160%;padding:12px 0;margin-left:-26%;display:none; background:#fff; border:5px solid #f0f0f0;} .topWrap .nav4 span{display:block;font:14px "Microsoft YaHei"; line-height:33px;} .topWrap .nav4 span a{display:block; color:#666;padding:0;line-height:33px;background:none; height:33px;text-align:center; overflow:hidden;} .topWrap .nav4 span a:hover{background:#0054a3;color:#fff;} .online .code{display: none;} .online .submit{display:none;} .ty-banner-1 { overflow: hidden; line-height: 0; text-align:center;} .ty-banner-1 img{ visibility: hidden; } .ty-banner-1 img.show{ visibility: visible; } .p12-curmbs-1 { font-size: 14px;border-bottom: 1px dashed #dcdcdc; } .p12-curblock{ display: none; } .p12-curmbs-1 b {border-left: 10px solid #0054a3; font-weight: normal; padding-left: 8px; } .p12-curmbs-1 i {font-style: normal; } .p12-curmbs-1 span {font-family: '宋體';padding: 0 5px;height: 46px;line-height: 46px; } .tl-fdh-02 { height: 55px; background: #f5f5f5;margin-bottom: 20px;overflow: hidden; } .tl-fdh-02 li { width: 20%;height: 55px;font-size: 18px;line-height: 55px; text-align: center;float: left;border-right: 1px solid #eee; box-sizing:border-box; cursor: pointer;text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .tl-fdh-02 li a {color: #333; display: block;width: 100%; } .tl-fdh-02 li.sidenavcur,.tl-fdh-02 li:hover {background: url(http://pic18_2.qiyeku.com/qiyeku_pic/2018/9/30/renshang/product/product_pic/image/2018_10_13/20181013092221854.png) no-repeat bottom center #0054a3; border-color: #0054a3;} .tl-fdh-02 li.sidenavcur a,.tl-fdh-02 li:hover a { color: #fff;} .p16-left-nav-1 { height: 55px; background: #f9f9f9; margin-bottom: 20px;overflow: hidden;} .p16-left-nav-1 li {width: 33%;height: 55px; font-size: 18px;line-height: 55px; text-align: center; float: left;border-right: 1px solid #eee; cursor: pointer; text-overflow: ellipsis;overflow:hidden;white-space: nowrap; } .p16-left-nav-1 li a{color: #333;} .p16-left-nav-1 li.sidenavcur,.p16-left-nav-1 li:hover {background: url(http://pic18_2.qiyeku.com/qiyeku_pic/2018/9/30/renshang/product/product_pic/image/2018_10_13/20181013092221854.png) no-repeat bottom center #0054a3;border-color: #0054a3;} .p16-left-nav-1 li.sidenavcur a,.p16-left-nav-1 li:hover a { color: #fff; } /*内頁闆塊全局變量*/ /*翻頁*/ .p12-pagination-1-main {margin: 0 auto; padding: 20px 0;height: 30px;text-align: center;} .pager_box{clear:both; text-align:center; line-height:40px; margin:20px auto;font-size:14px; color:#404040;} .pager{font-size:14px; padding:0 10px; color:#666; line-height:25px; display:inline-block;background-color:#fff;border: 1px solid #e5e5e5; margin:0px 5px;} .pager_hover,.pager:hover{font-size:14px; background-color:#0054a3; padding:0 10px; line-height:25px; display:inline-block; margin:0px 5px; color:#ffffff; } .first_pager,.prev_pager,.next_pager,.last_pager{ line-height:25px; color:#404040; display:inline-block; margin:0px 5px; font-size:14px; } /* -- 當前位置 -- */ .topadcs{width:100%; overflow:hidden; text-align:center;margin:0px auto;} .topadcs a img{ width:100%; height:auto; display:block;} .topadcs a{display:block;margin:0 auto;} .topadcs a.fullad{ height:520px;} /*Main模闆*/ .blk-main{width:1300px; margin: 0 auto;} /*小模塊*/ .blk-xs{width:240px;padding: 30px 0 0 30px; } /*中模塊*/ .blk-sm{width:900px; padding: 30px;} /*小版塊*/ .blk{margin-top:-200px;} .fdh-01-tit {background: #03a1eb; height: 80px; } .fdh-01-tit h3 { height: 75px; font-size: 24px; font-weight: normal;line-height: 75px;color: #fff;border-bottom: 1px solid #fff;text-align: center;} .fdh-01-tit h3 span { font-size: 14px; text-transform: uppercase; } .fdh-01-nav-one h3 { height: 50px;line-height: 50px;background: url(images/p14-icon5.png) no-repeat right center #ececeb; margin-bottom: 2px; } .fdh-01-nav-one h3 a { display: block; font-size: 16px; font-weight: normal; margin-right: 40px; margin-left: 70px;color: #666666; } .fdh-01-nav-one h3.sidenavcur, .fdh-01-nav-one h3:hover {background: url(images/p14-icon2.png) no-repeat right center #BD8554; } .fdh-01-nav-one h3.sidenavcur a,.fdh-01-nav-one h3:hover a{color: #fff; } .fdh-01-nav dl {padding: 2px 0 4px;} .fdh-01-nav dt {height: 50px; font-size: 16px; line-height: 50px;padding-left: 54px; padding-right: 40px;margin-bottom: 1px;background: #ececec; position: relative;} .fdh-01-nav dt:after {content: ""; width: 8px;height: 8px; border: 2px solid #b8b8b8; border-style: solid solid none none;position: absolute;top: 50%; right: 32px; margin-top: -4px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .fdh-01-nav dt.sidenavcur:after, .fdh-01-nav dt:hover:after {border-color: #0054a3;} .fdh-01-nav dt.sidenavcur a, .fdh-01-nav dt:hover a { color: #BD8554; } .fdh-01-nav dd {border: 1px solid #ececec; border-bottom: 0; } .fdh-01-nav p { height: 50px;font-size: 14px;line-height: 50px;padding-left: 72px;padding-right: 40px; border-bottom: 1px solid #ececec;background: #fff; position: relative; } .fdh-01-nav p.sidenavcur a,.fdh-01-nav p:hover a {color: #BD8554;} .fdh-01-nav p.sidenavcur:after,.fdh-01-nav p:hover:after {background: #BD8554; } .fdh-01-nav a {display: block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .cbgg-01 { background: #f39800; text-align: center; color: #fff; } .cbgg-01-img img { width: 100%;display: block; } .cbgg-01 p { padding-top: 15px; } .cbgg-01 p img {vertical-align: middle;margin-right: 5px; } .cbgg-01 span {display: block;font-size: 28px;font-weight: bold;font-family: Arial;padding-bottom: 20px; padding-top: 10px;} .cplb-3n-ts-03-tit {height: 50px;font-size: 24px;font-weight: normal; line-height: 50px; border-bottom: 1px solid #ebebeb;margin-bottom: 15px;} .cplb-3n-ts-03-tit span {display: inline-block; height: 50px;border-bottom: 1px solid #3e4651;} .cplb-3n-ts-03-list dl { width: 31.1%;border: 1px solid #dedede;margin-bottom: 15px;background: #fff; float: left; margin-right: 1.2%; } .p14-info-2 {background: #fff; } .p14-info-2-tit {height: 80px; font-size: 24px; line-height: 80px;background: #40978e;color: #fff; text-align: center; } .p14-info-2-list dl {padding: 26px 10px 20px 7px; border-bottom: 1px dashed rgba(153, 153, 153, 0.3);font-size: 12px;line-height: 18px; display: inline-block;width: 223px; } .p14-info-2-list dt {width: 90px;float: left;margin-right: 6px; } .p14-info-2-list dt img {display: block; max-width: 100%; margin: 0 auto;width:90px; height:67px; } .p14-info-2-list dd h3 {height: 22px; font-size: 14px; font-weight: normal;line-height: 22px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5px;} .p14-info-2-list-desc { height: 18px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .p14-info-2-list dl:nth-last-child(1) { border-bottom: 0;} /*---産品列表頁面的随機資訊--*/ .RandomNews {background-color:#fff;margin-bottom:20px;} .diysr{ background:url(http://pic18_2.qiyeku.com/qiyeku_pic/2018/9/30/renshang/product/product_pic/image/2018_10_15/20181015055303852.gif) no-repeat; height:30px;line-height:28px;color: #BD8554; font-size:24px; text-align:center; font-weight: 500;margin-top: 60px;} .diysr a{color:#015198;font-weight:bold;} .diysr a:hover,.tit a:hover{text-decoration:underline;} .news_random{width:930px;padding-top:8px; background:#fff;} .news_random li{ height:28px;line-height:28px; padding: 2px 20px 0 3px; width:442px; float:left;overflow:hidden;font-size: 13px;} .news_random li a{ background:url(http://pic18_2.qiyeku.com/qiyeku_pic/2018/9/30/renshang/product/product_pic/image/2018_10_15/20181015055706815.gif) no-repeat 0 4px; padding-left:12px;} .news_random li a:hover{color:#015198; font-size:13px;} .leib { width: 240px;margin-bottom: 20px;} .leib .tit {background: #999 none repeat scroll 0 0; color: #ffffff;font-size: 24px; height: 60px; line-height: 60px;text-align: center;} .leib .nr { border: 2px solid #999 ;} .leib .nr h4 {background: #BD8554 none repeat scroll 0 0;height: 30px;line-height: 30px;margin: 4px 13px 2px; overflow: hidden; padding-left:57px;} .leib .nr h4 a {color: #fff; font-size:15px;} .leib .nr h4.cur a {color: #fff;} .leib .nr ul { margin: 0 auto;width: 181px;} .leib .nr li { display: block;font: 13px/28px "Microsoft YaHei";height: 28px; overflow: hidden; position: relative; z-index: 5;} .leib .nr li a { display: block;height: 28px;line-height: 28px;padding: 0 0 0 55px;} .leib .nr li.cur a { color: #BD8554;font-weight: bold;} /* -- 最近浏覽過的産品 -- */ dl.pd_t05_con_dl { width:180px; overflow:hidden; margin:10px auto 3px;} dl.pd_t05_con_dl dt{border:solid 1px #ccc;} dl.pd_t05_con_dl dt,dl.pd_t05_con_dl dt a{ width:178px; height:140px; line-height:0; font-size:0;} dl.pd_t05_con_dl dt img { width:176px; height:119px; padding:1px; object-fit: contain;} dl.pd_t05_con_dl dt a:hover img { border:solid 0px #239420; opacity : 0.8;object-fit: contain;} dl.pd_t05_con_dl dd {width:180px; overflow:hidden;height:20px; line-height:20px; padding-top:5px; text-align:center; color:#555; } .contact-z1 {height: 140px; background: url("http://pic18_2.qiyeku.com/qiyeku_pic/2016/4/24/zsshuanghong/product/product_pic/image/2018_11_01/20181101052246487.jpg") no-repeat;color: #333; margin-bottom: 30px; } .contact-z1 p { font-size: 20px; height: 30px;line-height: 30px;padding: 37px 0 0 95px; background: url(http://pic18_2.qiyeku.com/qiyeku_pic/2016/4/24/zsshuanghong/product/product_pic/image/2018_11_01/20181101052557591.png) no-repeat 74px 44px;} .contact-z1 span {display: block;height: 30px; font-weight: bold; font-size: 18px; line-height: 30px; padding-left: 73px;} @charset "UTF-8";/*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2014 Daniel Eden */.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}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-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%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-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;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.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)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.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)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,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%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,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 swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,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) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.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)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.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)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.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)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.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)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.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)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.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)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.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)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.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)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.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)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.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)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,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)}100%{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)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}@-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)}100%{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)}100%{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)}100%{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)}100%{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)}100%{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)}100%{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)}100%{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)}100%{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}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{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)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{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)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{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)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{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)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{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)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{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)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{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)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{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)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{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}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{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}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{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}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{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}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{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}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{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}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{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}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{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) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-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);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-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) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-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);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-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) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-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) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.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) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-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) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}@-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);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-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);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-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}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-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%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,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}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,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}100%{-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) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.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)}100%{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)}100%{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)}100%{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)}100%{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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} /*banner*/ .banner{ overflow:hidden; width:100%; height:888px; position:relative;} .banner ul{ overflow:hidden; width:100%; height:888px; position:relative} .banner li{ width:100%; height:888px; position:absolute; left:0; top:0} .banner li a{ display:block; width:100%; height:100%;} .banner .li01{background:url(Img/Index/banner01.jpg) no-repeat center top;} .banner .li02{background:url(Img/Index/banner02.jpg) no-repeat center top;} .banner .li03{background:url(Img/Index/banner03.jpg) no-repeat center top;} .banner .btn{ overflow:hidden; width:69px; height:11px; position:absolute; left:50%; bottom:20px; margin-left:-35px;} .banner .btn span{ display:block; width:11px; height:11px; background:url(http://pic20_2.qiyeku.com/qiyeku_pic/2021/3/26/mltor/product/product_pic/image/2021_03_31/20210331060201695.png) no-repeat left center; cursor:pointer; float:left; margin:0 6px;} .banner .btn span.cur{ background-position:right} .banner i{ display:none; width:42px; height:72px; position:absolute; cursor:pointer;} .banner i.btn_left{ left:100px; top:445px; background:url(http://pic20_2.qiyeku.com/qiyeku_pic/2021/3/26/mltor/product/product_pic/image/2021_04_27/20210427090939768.png) no-repeat top center;} .banner i.btn_right{ right:100px; top:445px; background:url(http://pic20_2.qiyeku.com/qiyeku_pic/2021/3/26/mltor/product/product_pic/image/2021_04_27/20210427091023612.png) no-repeat top center;} .banner:hover i{display:block} .banner i:hover{background-position:bottom} .seabox{overflow: hidden;height:65px;overflow:hidden;background: #666;font-family: "Microsoft Yahei";font-size:14px;background: url(http://pic18_4.qiyeku.com/qiyeku_pic/2019/6/30/lihong/product/product_pic/image/2019_07_08/20190708104607680.gif) repeat-x;} .search00{width:1200px; margin:0 auto;} .sea_in{margin-top: 13px;} .sea_in .serach{width:276px;height:35px;border:0;line-height:35px;color:#666;padding:0 0 0 10px;float:left;outline: none;display: block;font-size:14px;background:url(images/sou1.jpg) no-repeat left top;border:none; } .sea_in .sub{ width:31px; height:35px;background:url(images/sou2.jpg) no-repeat left top;border:none; float:left;} .k_word{overflow:hidden;width:1000px;color:#666; height: 52px; line-height: 52px;} .k_word a{color:#666; display: inline-block; padding: 0 12px;font-size:14px;} .k_word b{font-weight: normal;} #left_content{ width:235px;} .left_content_p{width:205px; margin:0 auto;} .left_content_p p{ line-height:28px; color:#666666;}.gf-iproduct-lnav ul span h3 a{ color: #fff; font-size: 18px; } .gf-iproduct-lnav ul li p{ text-align: center; font-size: 16px; } .prodcutlist {overflow: hidden;padding:1% 0;text-align: center;} .prodcutlist * {display: block;overflow: hidden;} .prodcutlist a {display:inline-block;background: #fff;width:17%;margin:0.8%;} .prodcutlist a .pic{max-width: 300px;max-height: 300px;min-height: 300px;} .prodcutlist a .txt{text-align: center;border-top: #eeeeee 1px solid;padding: 7% 0 3% 0;} .prodcutlist a .txt h4{font-size: 16px;} .prodcutlist a .txt h5{font-size: 14px;padding: 10px 0;text-transform: uppercase;color: #999;} .prodcutlist a:hover .txt{background: #fa8d3e;} .prodcutlist a:hover .pic 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);} .prodcutlist a:hover h5{color: #000;} #iporudct { background: url(http://pic20_2.qiyeku.com/qiyeku_pic/2021/3/26/mltor/product/product_pic/image/2021_04_02/20210402105548333.jpg) center -150px no-repeat; background-size: auto; } /* product */ section { position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; } .gf-iproduct {overflow: hidden;height: 720px;} .gf-iproduct * {display: block;overflow: hidden;font-weight:normal;} .gf-iproduct-lbox { width:7%;height:100%;background: #e7e7e7;position: absolute;left:0px;top:0px;z-index: 1;} .gf-iproduct-ltitle {margin-top:7%;position: relative;padding:0 0 0 100px;margin-left:10%;float: left;} .gf-iproduct-ltitle h1{ position: absolute;left:-80px;top:110px;z-index: 1;font-size: 60px;font-family: Arial;text-transform: uppercase;font-weight:bold;color:#0054a3;transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-moz-transform: rotate(90deg);} .gf-iproduct-ltitle span{width:50px;text-align: center;} .gf-iproduct-ltitle span h3{font-size: 30px;color:#0054a3;line-height: 30px; } .gf-iproduct-ltitle span line { width:2px;height: 260px; background:#d1d1d1;position: relative;margin:20px auto;} .gf-iproduct-ltitle span line i { width:2px;height: 40px;background:#0054a3; position: absolute;left:0;top: 0;z-index: 1;} .gf-iproduct-lnav {margin-top:7%;float: left;width:20%;height:93%;position: relative;padding-left:1%;} .gf-iproduct-lnav ul{width:250px;height:140px;border: 1px solid #ccc;position: relative;overflow: visible; cursor: pointer; margin:2px;clear: both;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} .gf-iproduct-lnav * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} .gf-iproduct-lnav ul:hover {border: 1px solid #0054a3;} .gf-iproduct-lnav ul li {} .gf-iproduct-lnav ul li img {display: block;height: auto;margin:0 auto;text-align: center; margin-top:15px;} .gf-iproduct-lnav ul span {position: absolute;left:0;top: -1px;width:0;height:60%;padding-top:40%;background: #0054a3;z-index: 4;} .gf-iproduct-lnav ul span i{width:15px;height: 15px;background: #014392;float: left;margin:-36px 10px 3px 28px;border-radius:100px;position: relative;z-index:4;filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0;} .gf-iproduct-lnav ul span i:after{content:"";background:#fff;width: 5px;height:5px;position: absolute; top:50%; left:50%; border-radius:100px;margin-left:-2.5px;margin-top:-2.5px;z-index:6;} .gf-iproduct-lnav ul span h3{color: #fff;font-size: 18px;position: absolute;left:-80%;top:30%;width:200px;} .gf-iproduct-lnav .slick-slide.slick-current.slick-active span {width:350px;border: 1px solid #0054a3;} .gf-iproduct-lnav .slick-slide.slick-current.slick-active span h3{left:20%;transition-delay: 0.1s;} .gf-iproduct-lnav .slick-slide.slick-current.slick-active span i {filter:alpha(Opacity=100);-moz-opacity:1.0;opacity: 1.0;transition-delay: 0.5s;} .gf-iproduct-rpic {margin-top:5%;float: left;width:50%;height:93%;position: relative;} .gf-iproduct-rpic ul{position: relative;} .gf-iproduct-rpic ul * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} .gf-iproduct-rpic ul li {margin-top: 13%;} .gf-iproduct-rpic ul li img {display: block;width:auto; margin: auto;} .gf-iproduct-rpic ul span {position: absolute;left:50%;top:0px;width:800px;margin-left: -400px;z-index: 4; text-align: center;} .gf-iproduct-rpic ul span h1{color: #0054a3;font-size: 45px;line-height: 60px;text-transform: uppercase;font-weight:bold;font-family: Arial;} .gf-iproduct-rpic ul span h3{color: #000;font-size: 30px;margin:10px auto;} .gf-iproduct-rpic ul span a{color: #000;font-size: 12px; padding: 10px 0;border: 1px solid #ccc;border-radius:100px;width:120px;overflow:hidden; clear: both;display:inline-block;margin:10px auto;} .gf-iproduct-rpic ul span a:hover { color: #fff;background:#0054a3;} /* slick plugin */ .slick-slider { display: block;/* box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; */} .slick-slider *:focus { outline: none;} .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-loading .slick-list { } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } .slick-slide img { display: block; max-width:100%; height:auto;} .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; } /* Arrows */ .slick-prev, .slick-next { position:absolute;display:block;height:119px;width:65px;cursor:pointer;z-index:80;top:50%; margin-top:-59.5px;padding:0;outline:none;text-indent:-9999px; border-radius:0px; background-color: transparent; background-repeat:no-repeat; background-position:center;opacity: 0.5;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease; border:none;} .slick-prev:focus, .slick-next:focus { outline: none; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-size: 20px; line-height: 1; color: white; opacity: 1.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left:5%; background-image:url(http://pic20_2.qiyeku.com/qiyeku_pic/2021/3/26/mltor/product/product_pic/image/2021_04_01/20210401092345539.png);} .slick-next { right:5%; background-image:url(http://pic20_2.qiyeku.com/qiyeku_pic/2021/3/26/mltor/product/product_pic/image/2021_04_01/20210401092337831.png);} .slick-prev:hover {opacity: 1.0;background-image:url(http://pic20_2.qiyeku.com/qiyeku_pic/2021/3/26/mltor/product/product_pic/image/2021_04_01/20210401092322742.png);} .slick-next:hover {opacity: 1.0;background-image:url(http://pic20_2.qiyeku.com/qiyeku_pic/2021/3/26/mltor/product/product_pic/image/2021_04_01/20210401092329658.png);} /* 1280 */ @media screen and (max-width: 1280px) { .gf-header-nav li a {font-size: 14px;} .gf-header-nav li ul.children li a {font-size:12px;} .gf-header-nav li ul.children{top:70px;left:20px;width:140px;} .showchildren {top:60px!important;} .fixed .showchildren {top:40px!important;} .gf-header-right {width: 78%;} .gf-banner .b4-1 {width: 700px;height:405px;left:50%;bottom:-420px;margin-left:-350px;} .gf-b-btxt h1{font-size:42px;line-height: 52px;} .gf-b-btxt h2{font-size:16px;line-height: 24px;margin:10px 0;} .gf-zhuanti-r li span h2{font-size:20px;} .gf-zhuanti-r li span h3{font-size:12px;} .gf-iproduct-ltitle {margin-left:5%;} #iporudct {min-height:750px;background: url(../upload/iproductbg.jpg) center -5% no-repeat;background-size: cover;} .gf-iproduct-lnav ul{width:70px;height:70px;} .gf-iproduct-lnav ul span h3 {font-size: 14px;} .gf-iproduct-rpic ul span h3 {margin: 0px auto;} .gf-iproduct-rpic {margin-top:4%;width: 58%;float: right;} .gf-iproduct-rpic ul li {margin-top:20%;} .gf-iproduct-rpic ul li img {width:70%;height: auto;} .gf-iproduct-rpic .slick-next,.gf-iproduct-rpic .slick-prev {right:0; opacity: 0.2;} .gf-iproduct-rpic ul span {top: 60px;} .inews a span h4 {font-size:12px;} .property3 .mt05b,.property4 .mt05b,.technology4 .mt05b,.technology6 .mt05b{margin-top: 7%} .title1 h4{font-size: 13px;line-height: 22px;width:80%;} .title1 h3 {font-size:28px;} .title1 h1{font-size: 36px;} .title1 h2 {font-size:28px;} #canvas6 {height:105%;padding-top:50px;} .gfat5 {width:100%;} .gf-market-pic {width:65%;margin:2% auto auto auto;} .gfap1 {margin-top: 6%;} .gfat2 li h2 {font-size:24px;} .technology4 .title1 h1 sup{ vertical-align:super; } .gfat6 {margin:2% auto;} .technology1 .mt10b {margin-top:15%; } .technology2 .mt10b {margin-top:15%;} .technology3 .mt10b {margin-top:9%} .technology4 .mt10b {margin-top:11%} .technology5 .mt10b {margin-top:12%;} .technology6 .mt10b {margin-top:9%} .technology7 .mt10b {margin-top:8%} .gf-pdf-download-list2 li a {min-height: 320px;max-height: 320px;} } @media screen and (max-width: 1200px) { .inews a span {padding: 2%;} } /* 1152 */ @media screen and (max-width: 1152px) { content { width: 94%;} .gf-header-right {width:76%;} .gf-header-nav li a {font-size: 14px;} .gf-header-nav li ul.children li a {line-height:40px!important;font-size: 12px;} .gf-b-btxt {width:600px;top:35%;margin-left: -300px;} .gf-b-btxt h2 {font-size: 14px;margin:10px 0;} .top20 {top:20%;} .gf-footer-l {width:75%;} .gf-iproduct-lnav {margin-top:7%;float: left;width:20%;height:93%;} .gf-iproduct-lnav ul{width:80px;height:80px;} .gf-iproduct-lnav ul span h3 {font-size: 16px;} #iporudct {min-height: 800px;} .inews a span h3 {font-size: 14px;} .inews a li img {min-height: 210px;max-height:210px;} .gf-pdf-download-list2 li a span{right:110%; top:-8%;} .gf-pdf-download-list2 li a span h5 {font-size: 14px;} .gf-pdf-download-list2 li a h4 {font-size: 14px;padding-top: 140%;} } /* 1024 */ @media screen and (max-width: 1024px) { content { width: 96%;} .gf-header-logo {width:180px;height: 35px; margin-top: 10px;} .gf-header-logo a { width:180px;height: 35px;} .fixed .gf-header-nav a {padding: 0px 3px 0px 3px;margin-left: 10px;} .fixed .gf-header-language {margin-top:0px;} .gf-header-nav li a {font-size: 13px;line-height:20px!important;} .gf-header-language {margin-top:0px;} .gf-hl-show .gf-h-language-icon{ display:none;} .showchildren {top:30px!important;} .fixed .showchildren {top:30px!important;} .gf-header-right {width:80%;padding-top:15px; } .gf-zhuanti-r li span {top: 20%;} .gf-zhuanti-r li span h2 {font-size: 15px;} .gf-zhuanti-l span {left: 10%;} .gf-iproduct-lbox {width:4%;} .gf-iproduct-ltitle {margin-left:3%;} #iporudct {min-height: 740px;} .gf-iproduct-rpic {width: 58%;float: right;} .inews a span h3 {font-size: 14px;} .gf-footer-l {width:73%;} .gf-footer ul h3 {font-size: 16px;} .gf-footer ul li a {font-size: 12px;padding:2px 0;} .gf-footer ul li {padding:2px 0;font-size: 12px;line-height: 22px;} .inews a span h3 {font-size: 12px;} .inews a li img {min-height: 190px;max-height:190px;} .i3box li a:hover span h6{margin-top:30%;} } /* 860 */ @media screen and (max-width: 860px) { .gf-b-pcbg video {display: none!important;} header,.pcpic,.pcpic-1,.pcpic-2,.scrolldown,.gf-zhuanti-r li span h6,.gf-footer-l,#fp-nav,.mapbox {display:none!important;} .nav_mobile,.mbpic,.cd-nav-container header { display:block!important;} video{display:block!important;} .gf-footer {padding-top:5%;padding-bottom: 3%;} .gf-footer-logo {padding: 20px 0;margin: 10px 0 20px 0;text-align: center;} .gf-footer-logo a {margin: auto;} .gf-footer ul h3 line {margin:10px auto;overflow: hidden;} .gf-footer-r {float: none;width:100%;padding-bottom: 5%;overflow: hidden;text-align: center;} .gf-footer-copy {text-align: center;} .gf-footer-copy li,.gf-footer-copy li a {display: inline-block;margin:0 5px;} .gf-footer-copy li.left {float: none;text-align: center;} .gf-footer-copy li.right {float: none;text-align: center;} .gf-banner .b4-1 {display:none!important;} .gf-b-btxt {width:90%;height:auto;top:30%;left:0;margin-left:0px;padding:0 5%} .gf-b-btxt h1 {font-size:26px;line-height: 36px;} .gf-b-btxt h2 {font-size: 12px;line-height: 20px;text-align: center;} .top20 {top:20%;} #iporudct {min-height: 700px;} .gf-zhuanti-l {width:100%;float: none;max-height:auto;} .gf-zhuanti-l span {left:5%;top:14%;} .gf-zhuanti-l span h2{font-size:30px;} .gf-zhuanti-l span h3{font-size: 14px;} .gf-zhuanti-r {width:100%;float: none;max-height: auto;} .gf-zhuanti-r li span {left:5%;top:20%;} .gf-zhuanti-r li span h3{font-size: 12px;line-height: 22px;width:60%;} .gf-iproduct-ltitle {margin-top:7%;padding:0 0 0 10%;margin-left:0;float: none;width:90%;} .gf-iproduct-ltitle h1{ position: relative;left:auto;top:auto;font-size: 40px;transform:none;-ms-transform:none;-webkit-transform:none;-o-transform:none;-moz-transform:none;} .gf-iproduct-ltitle span{width:100%;text-align: left;} .gf-iproduct-ltitle span h3{font-size: 30px;color:#005bac;line-height: 30px; } .gf-iproduct-ltitle span line { width:90%;height:2px;margin:20px 0;} .gf-iproduct-ltitle span line i { width:40px;height:2px;} .gf-iproduct-lnav {margin-top:0;float: none;width:90%;height:auto;padding-left:10%;} .gf-iproduct-lnav ul{width:90%;height:auto;} .gf-iproduct-lnav ul li img {width:80%;height: auto;margin:10% auto;} .gf-iproduct-lnav ul span {display: none;} .gf-iproduct-lnav .slick-slide.slick-current.slick-active ul {border: 1px solid #005bac;} .gf-iproduct-rpic {margin-top:10%;float: none;width:80%;height:auto;padding-left:10%;} .gf-iproduct-rpic ul{width:100%;} .gf-iproduct-rpic ul li {margin-top:1%;} .gf-iproduct-rpic ul li img {width:100%;height:auto; margin: auto;} .gf-iproduct-rpic ul span {position:relative;left:auto;top:auto;width:100%;margin-left:0px;} .gf-iproduct-rpic ul span h1{font-size: 20px; line-height:20px;} .gf-iproduct-rpic ul span h3{font-size: 14px;margin:10px auto;} .gf-iproduct-rpic ul span a{font-size: 11px; padding: 5px 0;width:100px;margin:10px auto;} } .main{width:100%;background:#fff;position:relative} .main .contaner{width:100%;padding-top:0px} .main .contaner .group_information.group_information_index{margin:61px auto 61px} .main .contaner .group_information{width:100%;max-width:1400px;overflow:hidden;box-sizing:border-box} .main .contaner .group_information{width:100%;max-width:1400px;overflow:hidden;box-sizing:border-box} .main .contaner .group_information.group_information_index{margin:61px auto 61px} .main .contaner .group_information .group_info_lf{width:50%;float:left;overflow:hidden} .main .contaner .group_information .group_info_txt{width:100%;font-size:14px;font-family:Microsoft YaHei,Microsoft YaHei-Regular;font-weight:400;color:#333333;line-height:28px;margin-top:0px;padding:0 64px 0 0;text-align:justify;text-align-last:left;box-sizing:border-box} .main .contaner .group_information .group_info_txt.group_info_txt_index{margin-top:16px} .main .contaner .group_information .group_company{width:100%;margin:29px 0 0 0} .main .contaner .group_information .group_company .company_list{width:100%;overflow:hidden} .main .contaner .group_information .company_item{width:18%;float:left;text-align:center;box-sizing:border-box} .main .contaner .group_information .company_item .company_image{height:102px;width:102px;line-height:102px;text-align:center;display:inline-block} .main .contaner .group_information .company_item .company_image img{max-width:100%;max-height:100%;display:block;margin:auto} .main .contaner .group_information .company_item .company_title{font-size:14px;font-family:Microsoft YaHei,Microsoft YaHei-Regular;font-weight:400;color:#666666;margin-top:20px} .main .contaner .group_information .group_info_rt{float:right;width:50%;height:444px;border-top-left-radius:80px;border-bottom-right-radius:100px;overflow:hidden;behavior:url(./css/PIE.htc);position:relative;overflow:hidden;text-align:center} .main .contaner .group_information .group_info_rt .company_img{width:100%;height:100%;display:inline-block} .main .contaner .group_information .group_info_rt .ico_play{width:62px;height:62px;position:absolute;left:50%;top:50%;margin:-31px 0 0 -31px;text-align:center;line-height:62px;cursor:pointer} .main .contaner .group_information .group_info_rt .ico_play > img{width:100%;height:100%;display:inline-block} .main .group_t{width:100%;overflow:hidden} .main .news_nav_lf{line-height:80px} .main .news_nav_lf .news_nav_title{position:relative;font-size:80px;font-family:Roboto,Roboto-Bold;font-weight:700;color:#f2f5f4;float:left} .main .news_nav_lf .news_title_z{font-size:50px;font-family:Microsoft YaHei,Microsoft YaHei-Bold;font-weight:700;color:#333333;position:absolute;left:0;top:0;z-index:1} .main .news_nav_lf .nav_more{padding:0 25px 0 0;float:left;font-size:14px;font-family:Microsoft YaHei,Microsoft YaHei-Regular;font-weight:400;color:#0C673E;margin-left:30px;background:url(https://pic22_1.qiyeku.com/qiyeku_pic/2021/3/26/mltor/product/product_pic/image/2023_11_29/20231129053105816.png) no-repeat;background-position:61px 50%;cursor:pointer} .main .news_nav_lf .nav_more a{color:#0054a3} .main .news_nav_lf .nav_more.news_more{margin-left:12%} .group_info_lf .play {display: inline-block;margin-top:30px;} .group_info_lf .play a{display: block;overflow: hidden;background: #0054a3;border: 1px solid #0054a3;padding: 15px 20px;font-size: 0;} .group_info_lf .play i{width: 13px;height: 16px;display: inline-block;vertical-align: middle;margin-right: 10px;background: url("") center no-repeat;background-size: 100%; } .group_info_lf .play span{font-size: 14px;color: #fff;display: inline-block;vertical-align: middle;margin-right: 10px;} .group_info_lf .play a:hover {background: #f08519;border: 1px solid #f08519;} .group_info_lf .play a:hover span,.index-about .about-item .left .play a:hover i{opacity: 1;} .group_info_lf .line{width:80px;height:4px;background:#f08519;margin:15px 0} #video_model{position:fixed;z-index:9999;width:100%;height:100%;left:0;top:0;display:none} #video_model .mask{position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.8)} #video_model .video{position:absolute;left:0;right:0;margin:auto;top:0;width:94%;max-width:960px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);z-index:9;background:#252525} #video_model .video .close{position:absolute;right:-50px;top:0;width:40px;z-index:99999;cursor:pointer} #video_model .video_inner{width:98%;padding:10px;overflow:hidden;position:relative} #video_model .video_inner video{display:block;width:100%;outline:none} #video_model .video_inner .video_inner_mask{position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center} #video_model .video_inner .video_inner_mask img{cursor:pointer} #video_model .video .text{padding:16px 10px 30px} #video_model .video .text h6{font-size:16px;color:#fff} #video_model .video .text p{font-size:12px;margin-top:12px;color:#666}.table{display:table;width:100%;height:100%} .table-cell{display:table-cell;vertical-align:middle} .right{float:right} .left{float:left} .section{background-position:center;background-repeat:no-repeat;background-size:cover;clear:both;overflow:hidden} .title-style h2{text-transform:uppercase;font-size:50px;line-height:60px;margin:8px 0 20px 0;color:#1a1a1a;font-weight:bold} .index-about .about-item{position:absolute;top:0;left:12.5%;width:75%;height:100%;z-index:3} .index-about .title-style .line{margin:20px auto auto} .title-style .line{width:80px;height:4px;background:#f08519;margin:10px 0} .index-about{position:relative;height: 235px;} .index-about .title-style{text-align:center;width:100%;padding-bottom:50px} .index-about .title-style h2{color:#fff} .index-about .title-style .line{margin:20px auto auto} .index-about .title-style h6{font-size:16px;line-height:24px;color:#fff;padding:20px 0;margin:0;font-weight:normal;overflow:hidden;opacity:.6} .index-about .about-item{position:absolute;top:0;left:12.5%;width:75%;height:100%;z-index:3} .index-about .about-item .content{width:100%;height:auto;overflow:hidden;} .index-about .about-item .left{padding:5% 3% 0 5%;overflow:hidden;width:43%;height:90%;position:relative} .index-about .about-item .left::after{content:'';display:block;width:1px;height:100%;background:#fff;position:absolute;right:0;top:0;opacity:.3} .index-about .about-item .left .title{overflow:hidden} .index-about .about-item .left .title h2{font-size:34px;text-transform:uppercase;margin:0;color:#fff;font-weight:bold;font-weight:bold} .index-about .about-item .left .title .line{width:80px;height:4px;background:#f08519;margin:15px 0} .index-about .about-item .left .text{font-size:14px;line-height:26px;color:#fff;overflow:hidden;height:205px} .index-about .about-item .left .play{display:inline-block;margin-top:30px} .index-about .about-item .left .play a{display:block;overflow:hidden;background:#f08519;border:1px solid #f08519;padding:15px 20px;font-size:0} .index-about .about-item .left .play i{width:13px;height:16px;display:inline-block;vertical-align:middle;margin-right:10px;background:url("http://pic20_2.qiyeku.com/qiyeku_pic/2021/3/26/mltor/product/product_pic/image/2021_04_12/20210412034130143.png") center no-repeat;background-size:100%} .index-about .about-item .left .play span{font-size:14px;color:#fff;display:inline-block;vertical-align:middle;margin-right:10px} .index-about .about-item .left .play a:hover{background:#f99229;border:1px solid #f99229} .index-about .about-item .left .play a:hover span,.index-about .about-item .left .play a:hover i{opacity:1} .index-about .about-item .right{overflow:hidden;width:100%;position:relative} .index-about .about-item .right::after{content:'';display:block;width:100%;height:1px;background:#fff;position:absolute;left:0;top:50%;margin-top:-0.5px;opacity:0} .index-about .about-item .right .item{position:relative;float:left;width:16.3333333%;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;text-align: center;} .index-about .about-item .right .item:hover{background:#f08519} .index-about .about-item .right .item li{color:#fff;list-style:none;position:absolute;left:0;top:0;width:80%;padding:20% 10% 0 10%;height:80%} .index-about .about-item .right .item li h2{font-weight:normal;margin:0;font-weight:bold} .index-about .about-item .right .item li h2 strong{font-size:60px} .index-about .about-item .right .item li h2 span{font-size:16px;margin-left:5px} .index-about .about-item .right .item li h6{font-weight:normal;margin:0;font-size:14px;line-height:20px;opacity:.7} .index-about .about-item .right .item .img img{display:block;width:100%;height:auto;opacity:0;height:243px} .index-about .about-item .right .item::after{content:'';display:block;width:1px;height:100%;background:#fff;position:absolute;right:0;top:0;opacity:0} .index-about .about-item .right .item:last-child::after,.index-about .about-item .right .item:nth-child(3)::after{display:none} .index-about .img{} .index-about .img img{display:block;width:100%;height:auto} .cp{width:100%;background-color:#f5f7fa} .box2{margin:0 80px;margin:0 auto} .pad-120-90,.pad-80-100,.pad-100,.pad-90{padding:60px 0;padding-bottom:38px} .pad-90-60{padding:80px 0 60px 0} .ovh{overflow:hidden} .f-30,.f-32,.f-34,.f-36,.f-40{font-size:28px} .ovh{overflow:hidden} .fl{float:left} .fr{float:right} .f-18{font-size:14px} .f-16{font-size:16px} .f-20,.f-24{font-size:15px} .f-56{font-size:45px} .fb{font-weight:bold} .auto-img{max-width:100%;height:auto} .ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .line-hide-2{height:10em;overflow:hidden;display:-webkit-box !important;-webkit-line-clamp:2;-webkit-box-orient:vertical} .line-hide-3{height:4.5em;overflow:hidden;display:-webkit-box !important;-webkit-line-clamp:3;-webkit-box-orient:vertical} .line-hide-4{height:7em;overflow:hidden;display:-webkit-box !important;-webkit-line-clamp:4;-webkit-box-orient:vertical} .tran_scale,.aboutVision .avItem .item .w{display:block;overflow:hidden} .tran_scale img,.aboutVision .avItem .item .w > img{transition:all 1s ease} .tran_scale:hover img,.aboutVision .avItem .item:hover .w > img{transform:scale(1.1,1.1)} .indAboutNum{margin-top:80px} .mTitle{margin-bottom:0px} .indGain .item{padding:40px 0} .fixed:before,.clearfix:before,.cf:before,body:before,.header:before,.main:before,.footer:before{content:'';display:table} .fixed:after,.clearfix:after,.cf:after,after,.header:after,.main:after,.footer:after{content:'';display:table;clear:both} .fixed,.clearfix,.cf,.header,.main,.footer{*zoom:1} .clear,.cl{display:block!important;float:none!important;clear:both;width:auto!important;max-width:none!important;min-width:0!important;max-height:none!important;min-height:0!important;overflow:hidden;margin:0!important;padding:0!important;border:0 none!important;font-size:0!important;line-height:0!important} .indAbout .img{width:100%;margin-left:85px} .indAbout .img .pic1{width:28.8%;margin-top:18.7%;float:left} .indAbout .img .pic2{width:100%;float:right} .indAbout .title{margin-bottom:50px;line-height:50px} .indAbout .title .f1{color:#174592} .indAbout .title .f2{padding-bottom:0.5em;background:url(http://pic20_2.qiyeku.com/qiyeku_pic/2021/3/20/bangtai/product/product_pic/image/2021_03_25/20210325041432004.png) left bottom no-repeat} .indAbout .font .f3,.indAbout .font .f4{margin-bottom:1em} .indAbout .font .more{width:8em;padding:0 1em;margin:3em 0 0 0 !important} .indAboutNum{margin-bottom:60px} .indAboutNum .wrap{margin:0 -40px} .indAboutNum .item{float:left;width:21%;text-align:center;line-height:1} .indAboutNum .item .w{border-right:1px solid #eee} .indAboutNum .item:nth-child(1){width:22.5%} .indAboutNum .item:nth-child(3){width:14%} .indAboutNum .item:last-child .w{border:none} .indAboutNum .item .f1{color:#174592} .indAboutNum .item .f2{margin-top:1em} .yellowBtn{position:relative;overflow:hidden;display:block;width:8em;padding:0 1em;line-height:3;height:3em;text-align:left;border:1px solid #174592} .yellowBtn .ff{text-align:left !important;position:absolute;left:0;top:0;width:100%;height:100%;text-indent:1em;z-index:2;background:url(http://pic20_2.qiyeku.com/qiyeku_pic/2021/3/20/bangtai/product/product_pic/image/2021_03_25/20210325041420019.png) 8.5em center no-repeat;color:#174592} .yellowBtn .btnBg{display:block;position:absolute;left:-100%;top:0;width:100%;height:100%;z-index:1;background:#f08519;transition:0.5s all ease;-webkit-transition:0.5s all ease;-o-transition:0.5s all ease;-moz-transition:0.5s all ease} .yellowBtn:hover .btnBg{left:0} .yellowBtn:hover .ff{background:url(http://pic20_1.qiyeku.com/qiyeku_pic/2016/5/29/zyjstz/product/product_pic/image/2020_07_09/20200709032015370.png) 8.5em center no-repeat;color:#fff} .indSTab .item .cont .f3,.indExp .fontBox .font .f4,.aboutTeam .item .font .f4,.newsCont .item .font .btn,.indAbout .font .more{width:10em;background-position:7.5em center;line-height:2.6;height:2.6em} .indSTab .item .cont .f3,.indExp .fontBox .font .f4,.aboutTeam .item .font .f4,.newsCont .item .font .btn,.indAbout .font .more{margin:40px auto 0 auto} .common_tit{text-align:center} .common_tit h3{font-size:24px;color:#ffffff} .common_tit h5{font-family:Candara;font-size:14px;font-weight:bold;color:#ffffff;margin-bottom:10px} /*gun*/ .pr_prev,.pr_next{opacity: 0.7; font-size:50px; height:60px; display:inline-block; background-color:#b9b9b9; color:white; text-align:center; line-height:50px; border-radius:30px 30px; border:2px #ffffff solid;margin-top: 25px;} .pr_prev:hover,.pr_next:hover{ color:#ffffff; background-color:#a1a1a1;} .pr_carousel{ width:1055px; overflow:hidden; float:left;margin-left:10px; display:inline-block;} .pr_carousel li{display:inline-block; text-align:center; width:100px; height:100px; overflow:hidden;text-align:center; margin:15px 15px 0px 0px; } .tuijian_img{ width:100px; height:70px; display:block; text-align:center; background-color:#ffffff;} .tuijian_img img{ width:100px; height:70px; font-size:0px;} .tuijian_name { font-size:14px; color:#858484; text-align:center; line-height:20px; margin-top:10px; display:inline-block;} .about-ours {position: relative;} .about-ours .absolute{position: absolute;height: 100%;width: 60%;left: 16%;} .about-ours .left{width:50%;} .about-ours .left .title-style h2{} .about-ours .left .text{} .about-ours .left .text .item{font-size: 14px;line-height: 24px;color: #999999;border-bottom: 1px solid #e6e6e6;padding-bottom: 20px;margin-top: 20px;} .about-ours .left .text .item h3{font-size: 18px;line-height: 26px;color: #1a1a1a;} .about-ours .left .text .item h3 strong {color: #0054a3;} .about-ours .right{width:45%;position: relative;margin-top:9%;text-align: center;} .about-ours .right .slogo{width: 465px;height: 110px;position: absolute;left: 55%;top:-10%;margin-left: -202.5px;text-align: center; animation: icons 4s linear infinite;-webkit-animation:icons 4s linear infinite} .about-ours .right .slogo img{display: inline-block;} .about-ours .img img{display: block;width: 100%;} .about-ours .left .text .item2{font-size: 14px;line-height: 24px;color: #999999;padding-bottom: 20px;margin-top: 20px;} @-webkit-keyframes icons { 0%{-webkit-transform: translate(0,0);transform: translate(0,0);}50%{-webkit-transform: translate(0,1em);transform: translate(0,1em);}100%{-webkit-transform: translate(0,0);transform: translate(0,0);}} @keyframes icons {0%{-webkit-transform: translate(0,0);transform: translate(0,0);}50%{-webkit-transform: translate(0,1em);transform: translate(0,1em);}100%{-webkit-transform: translate(0,0);transform: translate(0,0);}} .about-bei { background-size: auto;height: 720px;} .item2 h3{ color: #1a1a1a;} /*按鈕*/ em.an{ width:37px; height:40px; display:block; position:absolute; cursor:pointer; z-index:999} em.anLt{ background:url(http://pic20_2.qiyeku.com/qiyeku_pic/2020/11/30/jinde/product/product_pic/image/2020_12_07/20201207103047705.png) no-repeat center top; left:0} em.anRt{ background:url(http://pic20_2.qiyeku.com/qiyeku_pic/2020/11/30/jinde/product/product_pic/image/2020_12_07/20201207103038814.png) no-repeat center top; right:0} em.an:hover{ background-position:bottom;}.in-cond-box { overflow: hidden; } .w1400 { margin-right: auto; margin-left: auto; width: 1300px; } .in-cond { width: 100%; height: 400px; background: linear-gradient(to top, rgb(227, 227, 227), rgba(65, 65, 65, 0)); background-size: 100% 100%; box-sizing: border-box; padding-top: 50px; overflow: hidden; } .in-cond-box { overflow: hidden; } .in-cond-box-l { width: 25%; padding-top: 10px; } .in-cond-box-l span { font-size: 36px; color: #fff; } .in-cond-box-l h3 { font-size: 18px; color: #fff; margin-top: 15px; margin-bottom: 35px; } .in-cond-box-l p { font-size: 20px; color: #fff; margin-bottom: 25px; } .in-cond-box-l img { display: inline-block; vertical-align: middle; } .in-cond-box-l h4 { display: inline-block; vertical-align: middle; font-size: 32px; color: #fff; margin-left: 5px; } .in-cond-box-r { width: 100%; } .in-cond-box-r ul { overflow: hidden; padding-top: 10px; } .in-cond-box-r li { float: left; width: 19%; margin-right: 1.25%; background: #fff; box-sizing: border-box; text-align: center; padding-top: 40px; height: 220px; transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .in-cond-box-r li:hover { transform: translateY(-10px); } .in-cond-box-r li>div { width: 100%; height: 70px; position: relative; } .in-cond-box-r li>div img { position: absolute; left: 50%; top: 55%; transform: translate(-50%, -50%); } .in-cond-box-r li:last-of-type { margin-right: 0; } .in-cond-box-r li span { display: block; font-size: 16px; color: #333333; margin-bottom: 10px; margin-top: 25px; } .in-cond-box-r li p { font-size: 12px; color: #999999; } .ptb5{padding:5% 0} .title{} .title h2{font-size:44px;font-family:'Conv_Montserrat-Bold';text-transform:uppercase;font-weight:bold} .title h3{font-size:30px;font-weight:normal} .title h3 line{width:40px;height:2px;background:#fa8d3e;margin:0 15px;display:inline-block;vertical-align:middle} .title h6{font-size:14px;line-height:28px;color:#999999;font-weight:normal;padding:30px 0;overflow:hidden;width:60%} .tmore{position:absolute;width:115px;right:0;top:55%} .tmore a{display:block;position:relative;font-size:14px;padding-bottom:20px;font-family:'Conv_Montserrat-Bold';text-transform:uppercase;font-weight:bold} .tmore a i{display:block;width:16px;height:10px;position:absolute;right:0;top:4px;background:url("http://pic20_2.qiyeku.com/qiyeku_pic/2021/3/26/mltor/product/product_pic/image/2021_04_02/20210402024439610.jpg") center no-repeat;background-size:100%} .tmore a::after{content:'';width:100%;height:2px;background:#000;position:absolute;left:0;bottom:0px} .tmore a:hover{color:#000;letter-spacing:1px} .tmore a:hover i{right:10%} .tmore a:hover::after{background:#000} .dtable{display:table;width:100%;height:100%} .dtable-cell{display:table-cell;vertical-align:middle} .container{position:relative;overflow:hidden} a{text-decoration:none;color:#1a1a1a;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease} a *{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease} .w{width:1300px;margin:0 auto;max-width:94%} .hx_news{padding:90px 0px 20px 0px} .hx_news .rec_tit{overflow:hidden;margin-bottom: 60px;} .hx_news .rec_tit_l{float:left;margin-right:40px;width:14%;background:url('http://pic20_2.qiyeku.com/qiyeku_pic/2021/3/20/bangtai/product/product_pic/image/2021_03_25/20210325032957063.png') no-repeat right center} .hx_news .rec_tit_l h2{display:block;font-size:36px;background-image:-webkit-linear-gradient(bottom,#174592,#3b7deb);background-image:-moz-linear-gradient(bottom,#174592,#3b7deb);background-image:-o-linear-gradient(bottom,#174592,#3b7deb);background-image:linear-gradient(bottom,#174592,#3b7deb);-webkit-background-clip:text;-moz-background-clip:text;-ms-background-clip:text;-o-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;-ms-text-fill-color:transparent;-o-text-fill-color:transparent;text-fill-color:transparent;line-height:1.2;font-weight:revert} .hx_news .rec_tit_c{float:left;margin-top:12px} .hx_news .rec_tit_c strong{display:block;font-size:18px;color:#666;line-height:1.7} .hx_news .rec_tit_c span{margin-top:6px;display:block;font-size:16px;color:#999;line-height:1.7} .hx_news .rec_tit_r{float:right;display:block;margin-top:27px;padding:0 64px 0 20px;left:65px;line-height:44px;background:url('http://pic20_2.qiyeku.com/qiyeku_pic/2021/3/20/bangtai/product/product_pic/image/2021_03_24/20210324051925656.jpg') #fff no-repeat right;font-size:16px;color:#252525;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);-ms-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);-o-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2)} .hx_news .rec_tit_r:hover{color:#174592} .hx_news .rec_tit_l span{font-size:30px;background-image:-webkit-linear-gradient(bottom,#174592,#3b7deb);background-image:-moz-linear-gradient(bottom,#174592,#3b7deb);background-image:-o-linear-gradient(bottom,#174592,#3b7deb);background-image:linear-gradient(bottom,#174592,#3b7deb);-webkit-background-clip:text;-moz-background-clip:text;-ms-background-clip:text;-o-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;-ms-text-fill-color:transparent;-o-text-fill-color:transparent;text-fill-color:transparent;line-height:1.2} .fl-post-feed-header{margin-bottom:20px} .fl-node-6451f011dff97{width:45%} .fl-module-content{margin:0;padding:0} .fl-builder-content *,.fl-builder-content::before,.fl-builder-content::after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .fl-node-6451f011dff85{width:100%} x} .fl-post-feed-post{border-bottom:1px solid #e6e6e6;margin-bottom:40px} #news-video-wrap{} #news-video-wrap .news-content-wrap{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} #news-video-wrap .parent{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} #news-video-wrap .news-content-l{width:100%} #news-video-wrap .news-content-r{width:35%} .parent .div1,.parent .div2,.parent .div3{position:relative;overflow:hidden} #news-video-wrap .pic-r,#video-content-wrap .pic-r{width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} #news-video-wrap .news-video-tab{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} #news-video-wrap .news-tab-item-wrap{display:-webkit-box;display:-ms-flexbox;display:flex} #news-video-wrap .news-video-tab .news-tab-item:nth-child(1){margin-right:77px} #news-video-wrap .news-video-tab .news-tab-item{color:rgba(51,51,51,0.4);position:relative;cursor:pointer} #news-video-wrap .news-video-tab .news-tab-item.active{color:#333} #news-video-wrap .news-video-tab .news-tab-item.active::after{content:'';width:64px;height:4px;background:#0071D0;position:absolute;left:0;bottom:-16px} #news-video-wrap .news-content-wrap{margin-top:0px;display:-webkit-box;display:-ms-flexbox;display:flex} #news-video-wrap .parent .img-wrap img.pic,#video-content-wrap .parent .video-wrap img.pic{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:all 0.3s ease-in;transition:all 0.3s ease-in;-webkit-transform-origin:center center;transform-origin:center center;will-change:transform;width: 100%;} #news-video-wrap .parent .img-wrap:hover img.pic,#video-content-wrap .parent .video-wrap:hover img.pic{-webkit-transform:scale(1.05);transform:scale(1.05)} #news-video-wrap .news-content-wrap .parent .div1{margin-right:20px;width:56%;font-size:0;height:490px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center} #news-video-wrap .news-content-wrap .parent .div2{width:100%;font-size:0;height:280px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center} #news-video-wrap .news-content-wrap .parent .div3{margin-top:18px;width:100%;font-size:0;height:280px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} .pic-bg{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(rgba(0,0,0,0.1)),color-stop(rgba(0,0,0,0.3)),to(rgba(0,0,0,0.5)));background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.1),rgba(0,0,0,0.3),rgba(0,0,0,0.5));position:absolute;top:0;right:0;bottom:0;left:0;z-index:2} #video-content-wrap .parent>div{width:586px;font-size:0} #video-content-wrap .parent .div1,#video-content-wrap .parent .pic-r{width:32%;position:relative} #video-content-wrap .parent{margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} #news-video-wrap .parent .type,#video-content-wrap .parent .type{position:absolute;left:0;top:0;color:#fff;background-color:#333333;padding:6px 13px;z-index:3} #video-content-wrap{display:none} #video-content-wrap .parent .play{width:80px;height:80px;position:absolute;top:calc(50% - 40px);left:calc(50% - 40px);cursor:pointer} #news-video-wrap .parent .news-title,#video-content-wrap .parent .news-title{position:absolute;left:20px;bottom:20px;color:#fff;width:calc(100% - 40px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;z-index:3;font-size: 16px;} #news-video-wrap .news-content-l{margin-right:40px} #news-video-wrap .news-date{color:#473636;margin-top:56px} #news-video-wrap .news-item:nth-child(1) .news-date{margin-top:0} #news-video-wrap .news-name{font-weight:bold;margin-top:12px;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;cursor:pointer} #news-video-wrap .news-item{position:relative} #news-video-wrap .news-name::after{content:'';width:67px;height:2px;background-color:#0071D0;bottom:-20px;position:absolute;left:0} @-webkit-keyframes news-progress{from{width:67px} to{width:100%} }#news-video-wrap .news-name:hover:after{-webkit-animation:news-progress forwards .3s linear;animation:news-progress forwards .3s linear} #news-video .fl-row-content-wrap{background-position:right bottom;background-size:auto} #new-list-wrap .fl-post-feed-header{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;margin-bottom:7px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap} #new-list-wrap .fl-post-feed-header::after{content:'';width:67px;height:2px;background-color:#0071D0;bottom:-7px;position:absolute;left:0} @-webkit-keyframes header-progress{from{width:67px} to{width:100%} }#new-list-wrap .fl-post-feed-header:hover:after{-webkit-animation:header-progress forwards .3s linear;animation:header-progress forwards .3s linear} #new-list-wrap .fl-post-feed-post{border:none;margin-bottom:0} #new-list-wrap .fl-post-feed-title{margin-top:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3} #new-list-wrap .fl-post-feed-title a{color: #333;font-weight: 600;font-size: 18px;} #new-list-wrap .fl-post-feed-meta{margin-bottom:0;font-size:12px;margin-top:40px;color: #333;} #new-list-wrap .fl-post-feed-post:nth-child(1) .fl-post-feed-meta{margin-top:0px} #new-list-wrap .fl-post-feed-meta:nth-child(2){width:100%} #new-list-wrap .fl-post-feed-meta:nth-child(2){-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1} #new-list-wrap .fl-terms-label{margin-right:4px;font-size:12px} #new-list-wrap .fl-post-feed-meta a,#new-list-wrap .fl-post-feed-meta .fl-sep-term{display:none} .news1{ height:400px;} .news1 dl{ width:572px; float:left; overflow:hidden;margin: 30px;} .news_list dt{ margin-bottom:20px;} .news_list dt img{ display: block; width: 102px; height: 70px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; float: left; margin: 0px 20px 0px 0;} .link_jieshao{width:1300px; margin:0 auto; border:2px #0054a3 solid;} .lj_title{ height:40px; line-height:40px; background-color:#0054a3; } .lj_titlespan{ color:#ffffff; padding:0 20px; height:40px;line-height:40px; display:inline-block; text-align:center; background-color:#0054a3; cursor: pointer;} .lj_titlespanhover{background-color:#ffffff; color:#0054a3;} .lj_box_main{display:none; line-height:28px;} .lj_box_mainhover{display:block;} .lj_box_main a{display: inline-block; padding:0 10px; line-height:30px;} .lj_box{padding:15px 20px; margin:0 auto;height: 52px;overflow: auto;} .indexbottomalink { width: 1300px; height: 320px; overflow: hidden; margin: auto } .indexbottom{width:100%;font-size:13px;background: #e7e7e7;height: 350px;border-bottom: 1px solid #e7e7e7;} .indexbottomalink{width: 1300px;height:320px;overflow:hidden} .indexbottomalink dl{padding-top:54px} .indexbottomalink dl dd{width:20%;float:left} .indexbottomalink dl dd.thislast{margin-right:0} .indexbottomalink dl dd h4{color:#fff;font-size:18px;line-height:22px;text-transform:uppercase;padding-bottom:10px;position: relative;margin-bottom: 10px;} .indexbottomalink dl dd h4 a{color:#000} .indexbottomalink dl dd p{line-height:30px;height:30px;overflow:hidden;color:#505050} .indexbottomalink dl dd p a{color:#505050} .indexbottomalink dl dd p a:hover{color:#0054a3} .indexbottomalink dt{width:142px;float:right;text-align:center;color:#707070;font-size:14px} .indexbottomalink dt p{padding-top:10px} .footcontact{float:right} .footcontact span{display:inline-block;padding-left:50px;color:#707070} .footcontact span.footcontacttitle{font-weight:bold;font-size:16px;707070:#fff;padding-left:0px} .indexbottomcopy{height:54px;line-height:54px;color:#fff;width: 1300px; margin: auto;} .indexbottomcopy a{color:#fff} .indexbottomcopy span{color:#fff;font-family:Arial;font-size:13px;float:right} .indexbottomalink dl dd.thislast{margin-right:0;width:335px;color:#939393} .fd-bot{background-color:#747474;} .tel{float:right;text-align:right;width: 445px;} .tel span{padding-left:24px;background:url(http://pic20_2.qiyeku.com/qiyeku_pic/2021/3/26/mltor/product/product_pic/image/2021_04_06/20210406092529330.png) left center no-repeat;color:#000;font-size: 17px;} .tel p{font-family:ff-syl;font-size:25px;color:#000;line-height:40px;font-weight: bold;} .container{max-width:100%} @media (min-width:1600px){.container{width:1200px} }@media (max-width:1200px){.container{width:1170px} #index-body .i-about .list li{width:22%} }@media (max-width:992px){.container{width:970px} }@media (max-width:768px){.container{width:750px} } .footer-right{margin-top:15px;width:100%;font-size:14px;color:#939393} .floatr{float:right} .floatl{float:left} .footer-right > div{width:28%;text-align:center;margin-left:10px} .footer-right > div .img{width:120px;height:120px;background-color:#555;margin:auto;margin-bottom:auto;margin-bottom:10px} .indexbottomalink dl dd h4::after{ content:""; display:block; height:3px; width:1em; background: #0054a3; margin-top:10px; }.qqnewbox {position:fixed; top:50%; margin-top:-146px; right:10px; width:50px; z-index:1000;} .qqnewbox ul {background:#fff; border-radius:24px; box-shadow:0 0 10px rgba(0,0,0,0.2); padding:20px 0 10px;} .qqnewbox .li {text-align:center; position:relative; margin:0 4px 10px; border-bottom:1px solid #eee; padding-bottom:6px;} .qqnewbox .li .ico{height:30px;overflow:hidden;line-height: 30px;} .qqnewbox .li span {font-size:26px; color:#174592;} .qqnewbox .li .words {position:absolute; white-space:nowrap; top:0; right:50px; height:42px; line-height:42px; overflow:hidden; background:#fff; color:#222; z-index:1; font-size:14px; text-align:center; width:0; box-shadow:0 0 10px rgba(0,0,0,0.2);} .qqnewbox .li .words p {padding:0 24px;} .qqnewbox .li .tt {height:20px; line-height:20px; display:block; color:#222; position:relative; z-index:2;} .qqnewbox .li a {display:block;} .qqnewbox .li.last {border-bottom:0; margin-bottom:0;} .qqnewbox .retop {text-align:center;} .qqnewbox .retop a {background:#174592; color:#fff; font-size:13px; font-weight:bold; border-radius:50%; width:38px; height:38px; display:inline-block; line-height:38px;} @media (max-width: 1000px) { .qqnewbox {display:none;} } .clear {clear:both; height:0 !important; width:0 !important; overflow:hidden; font-size:0;} .bctip {font-size:14px; color:#787878; padding-bottom:14px;} .bctip span {color:#174592;} .daohang_pad {padding:20px;} .daohang_ul {padding-bottom:20px;} .daohang_part {width:50%; float:left; text-align:center;} .daohang_part .mar {margin:0 8px;} .daohang_part img {width:100%;} .daohang_part .tit {height:20px; line-height:20px; overflow:hidden; font-size:14px; margin-top:5px;}