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