@charset "utf-8";
@font-face {
  src: url(../fonts/HelveticaInserat.ttf);
}
@font-face {
  font-family: 'FuturistCondensed';
  src: url('../fonts/FuturistCondensed Regular.TTF');/* IE9*/
  src: url('../fonts/FuturistCondensed Regular.TTF') format('embedded-opentype'), /* IE6-IE8 */
  /*url('../fonts/FuturistCondensed Regular.woff') format('woff'), *//* chrome、firefox */
  url('../fonts/FuturistCondensed Regular.TTF') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../fonts/FuturistCondensed Regular.svg#iconfont') format('svg');/* iOS 4.1- */
}
@font-face {
  font-family: 'iconfont';  /* Project id 1502878 */
  src: url('//at.alicdn.com/t/font_1502878_a9tpg1oplz5.woff2?t=1635818178583') format('woff2'),
       url('//at.alicdn.com/t/font_1502878_a9tpg1oplz5.woff?t=1635818178583') format('woff'),
       url('//at.alicdn.com/t/font_1502878_a9tpg1oplz5.ttf?t=1635818178583') format('truetype');
}
html, body{font-family: "Source Han Sans CN"!important;}
body {
  min-width: 320px;
  color: #666;
  overflow-x: hidden;
}
.iconfont {
  font-family: 'iconfont';
}
img {max-width: 100%;}
li {list-style: none;}
i,em {font-style: normal;}
a {color: #666;}
a:hover {color: #d80808;text-decoration: none;}
h1,h2,h3,h4,h5,h6,ul,li {margin: 0; padding: 0;}
img {border: 0;}
.clear{clear: both;}
.container{padding: 0 10vw; width: 100%;}
@media(max-width: 1600px){
  .container{padding: 0 9vw; }
}
@media(max-width: 1500px){
  .container{padding: 0 8vw; }
}
.container2 {
  width: 1100px;
  margin: 0 auto;
  padding: 0 15px;
}
#page{padding-top: 0px; overflow: hidden;}
nav.mm-menu_offcanvas{display: none;}

header{width: 100%; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .2); position: fixed; z-index: 9;}
header:before{content: "";  transition: .5s all;}
header .head-bar{height: 50px; line-height: 50px; position: relative; background: #df5334; color: #fff; transition: .5s all;}
header .head-bar .container{width: 100%; padding: 0 7vh;}
header .head-bar .head-contact>i{font-size: 18px; margin-right: 5px;} 
header .head-bar p{margin: 0 60px 0 0; display: inline-block;}
header .inner{padding: 0 5vh; height: 100px; background: #fff; position: relative;}
header .logo{position: absolute; display: flex; vertical-align: middle; padding-top: 5px;}
header .logo img{max-height: 100px; vertical-align: middle;}
header nav{text-align: center; padding-top: 0;}
header nav{margin-left:5vh}
header nav ul{position: relative;}
header nav>ul>li{display: inline-block; padding: 0; padding: 0 30px; }
header nav ul li a{display: inline-block; line-height: 95px; font-size: 16px;}
header nav ul li.active{}
header nav ul li.active>a{color: #d80808;border-bottom: 4px solid #df5334;}
header nav ul li>ul{display: none; position: absolute; background: #fff; padding: 5px 20px; box-shadow: 0 0 10px rgba(0, 0, 0, .15);}
header nav ul li>ul>li>a{line-height: 40px;}
header .language{margin-top: 25px; border: 1px solid #dedede; padding: 5px;}
header .language>a>img{vertical-align: middle; position: relative; margin-top: -2px;}
header .language .lang-none{display: none;}
header .top-nav{text-align: right;}
header .top-nav a{color: #fff; margin: 0 15px; font-size: 1.6rem;}
header .head-sidebar{position: absolute; right: 5vh; top: 42px;}
header .head-sidebar>div{display: inline-block; vertical-align: top;}
header .menu-bar{width: 20px; height: 20px;}
header .menu-bar>a{display: block; width: 20px; height: 20px;}
header .menu-bar div{height: 3px; background: #333333; position: absolute; transition: .5s all;}
header .menu-bar div.top{width: 18px; margin-top: 0;transition: .5s all;}
header .menu-bar div.mid{width: 14px; top: 7px; transition: .5s all;}
header .menu-bar div.bottom{width: 20px; top: 14px; transition: .5s all;}
header .menu-bar:hover div.top{width: 14px;}
header .menu-bar:hover div.mid{width: 20px;}
header .menu-bar:hover div.bottom{width: 18px;}
header .menu-bar>a.active .top{width: 22px;  transform: rotate(-45deg) translateY(10px);transition: .5s all;}
header .menu-bar>a.active .mid{opacity: 0; transition: .5s all;}
header .menu-bar>a.active .bottom{width: 22px; transform: rotate(45deg) translateY(-9px); transition: .5s all;}
header .menu-bar>a.active:hover div.top, header .menu-bar>a.active:hover div.mid, header .menu-bar>a.active:hover div.bottom{width: 22px;}
header .search-bar{margin-right: 0vh;}
header .search-bar>a>i{display: block; width: 18px; height: 18px; background: url(../images/icon_search.png) no-repeat;}
header .search-bar .content{position: fixed;width:100%;height: 100%;top:0;left: 0;background: rgba(0, 0, 0, 0.45);z-index: 999;display: none;}
header .search-bar .content .container{position: relative;height: 100%;}
header .search-bar .content .s-content{background: #fff;text-align: center;padding:6vh 0;position: absolute;top:30%;width: 100%;left: 0;transform: translateY(20px);opacity: 0;transition: 0.5s;}
header .search-bar .content a.close{position: absolute;font-size: 32px;top:10px;right: 20px;}
header .search-bar .content .title{font-size: 24px;color:#242424;margin-bottom: 10px;line-height: 1.5;}
header .search-bar .content .input{font-size: 0;line-height: 1;}
header .search-bar .content input{height: 60px;outline: none;vertical-align: middle}
header .search-bar .content .inpt3{padding-left: 20px;border:1px solid #d2d2d2;font-size: 16px;width: 45%}
header .search-bar .content .inpt3::-webkit-input-placeholder {color: #b6b6b6;}
header .search-bar .content .inpt3:-moz-placeholder {color: #b6b6b6;}
header .search-bar .content .inpt3::-moz-placeholder {color: #b6b6b6;}
header .search-bar .content .inpt3:-ms-input-placeholder {color: #b6b6b6;}
header .search-bar .content .inpt4{width: 60px;background: #313131 url(../images/search.png)no-repeat center center;border:none;}
header .search-bar .content.active .s-content{transform: none;opacity: 1;transition-delay: 0.36s;}
header.head_active .head-bar{position: relative; margin-top: -50px; opacity: 0; transform: translateY(-50px); transition: .5s all;}
header.head_active:before{background: #df5334; height: 5px; width: 100%; position: absolute; z-index: 1; transition: .5s all;}
/**/
.col-banner{margin-top: 150px; transition: .5s all;}
.col-banner .swiper-container .swiper-button{background: none;}
.col-banner .swiper-container .swiper-button i{font-size: 36px; color: #fff;}
.col-banner .swiper-container .swiper-pagination-bullet{width: 12px; height: 12px; background: #fff; opacity: .5}
.col-banner .swiper-container .swiper-pagination-bullet-active{background: #e21121; opacity: .9;}
.col-banner .swiper-container .swiper-slide{position: relative;}
.col-banner .swiper-container .content{position: absolute; width: 100%; padding: 0 12vh; color: #fff; left:0%; top: 50%; transform: translateY(-50%); z-index: 9;}
.col-banner .swiper-container .content p{color: #fff; font-size: 2.2rem; text-transform: uppercase; transform: translateY(20px);opacity: 0;transition: 0.5s;}
.col-banner .swiper-container .content h2{font-size: 5rem; margin-bottom: 20px; font-weight: BOLD; transform: translateY(20px);opacity: 0;transition: 0.5s;}
.col-banner .swiper-container .content h3{font-size: 2.4rem; transition: 0.5s; transform: translateY(20px);opacity: 0;transition: 0.5s;}
.col-banner .swiper-container .content a.more{display: inline-block; padding: 0 30px; line-height: 60px;  background: #df5334; border-radius: 5px; color: #fff; font-size: 2rem; margin-top: 50px; transform: translateY(20px);opacity: 0;transition: 0.5s;}
.col-banner .swiper-container .content a.more:hover{background: #b93517; transition: .1s all;}
.col-index a.more i{width: 25px; height: 25px; display: inline-block; margin-right: 5px; vertical-align: middle; -webkit-animation:circle 1s infinite linear;/*匀速 循环*/ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAAGz7rX1AAAKQ2lDQ1BJQ0MgcHJvZmlsZQAAeNqdU3dYk/cWPt/3ZQ9WQtjwsZdsgQAiI6wIyBBZohCSAGGEEBJAxYWIClYUFRGcSFXEgtUKSJ2I4qAouGdBiohai1VcOO4f3Ke1fXrv7e371/u855zn/M55zw+AERImkeaiagA5UoU8Otgfj09IxMm9gAIVSOAEIBDmy8JnBcUAAPADeXh+dLA//AGvbwACAHDVLiQSx+H/g7pQJlcAIJEA4CIS5wsBkFIAyC5UyBQAyBgAsFOzZAoAlAAAbHl8QiIAqg0A7PRJPgUA2KmT3BcA2KIcqQgAjQEAmShHJAJAuwBgVYFSLALAwgCgrEAiLgTArgGAWbYyRwKAvQUAdo5YkA9AYACAmUIszAAgOAIAQx4TzQMgTAOgMNK/4KlfcIW4SAEAwMuVzZdL0jMUuJXQGnfy8ODiIeLCbLFCYRcpEGYJ5CKcl5sjE0jnA0zODAAAGvnRwf44P5Dn5uTh5mbnbO/0xaL+a/BvIj4h8d/+vIwCBAAQTs/v2l/l5dYDcMcBsHW/a6lbANpWAGjf+V0z2wmgWgrQevmLeTj8QB6eoVDIPB0cCgsL7SViob0w44s+/zPhb+CLfvb8QB7+23rwAHGaQJmtwKOD/XFhbnauUo7nywRCMW735yP+x4V//Y4p0eI0sVwsFYrxWIm4UCJNx3m5UpFEIcmV4hLpfzLxH5b9CZN3DQCshk/ATrYHtctswH7uAQKLDljSdgBAfvMtjBoLkQAQZzQyefcAAJO/+Y9AKwEAzZek4wAAvOgYXKiUF0zGCAAARKCBKrBBBwzBFKzADpzBHbzAFwJhBkRADCTAPBBCBuSAHAqhGJZBGVTAOtgEtbADGqARmuEQtMExOA3n4BJcgetwFwZgGJ7CGLyGCQRByAgTYSE6iBFijtgizggXmY4EImFINJKApCDpiBRRIsXIcqQCqUJqkV1II/ItchQ5jVxA+pDbyCAyivyKvEcxlIGyUQPUAnVAuagfGorGoHPRdDQPXYCWomvRGrQePYC2oqfRS+h1dAB9io5jgNExDmaM2WFcjIdFYIlYGibHFmPlWDVWjzVjHVg3dhUbwJ5h7wgkAouAE+wIXoQQwmyCkJBHWExYQ6gl7CO0EroIVwmDhDHCJyKTqE+0JXoS+cR4YjqxkFhGrCbuIR4hniVeJw4TX5NIJA7JkuROCiElkDJJC0lrSNtILaRTpD7SEGmcTCbrkG3J3uQIsoCsIJeRt5APkE+S+8nD5LcUOsWI4kwJoiRSpJQSSjVlP+UEpZ8yQpmgqlHNqZ7UCKqIOp9aSW2gdlAvU4epEzR1miXNmxZDy6Qto9XQmmlnafdoL+l0ugndgx5Fl9CX0mvoB+nn6YP0dwwNhg2Dx0hiKBlrGXsZpxi3GS+ZTKYF05eZyFQw1zIbmWeYD5hvVVgq9ip8FZHKEpU6lVaVfpXnqlRVc1U/1XmqC1SrVQ+rXlZ9pkZVs1DjqQnUFqvVqR1Vu6k2rs5Sd1KPUM9RX6O+X/2C+mMNsoaFRqCGSKNUY7fGGY0hFsYyZfFYQtZyVgPrLGuYTWJbsvnsTHYF+xt2L3tMU0NzqmasZpFmneZxzQEOxrHg8DnZnErOIc4NznstAy0/LbHWaq1mrX6tN9p62r7aYu1y7Rbt69rvdXCdQJ0snfU6bTr3dQm6NrpRuoW623XP6j7TY+t56Qn1yvUO6d3RR/Vt9KP1F+rv1u/RHzcwNAg2kBlsMThj8MyQY+hrmGm40fCE4agRy2i6kcRoo9FJoye4Ju6HZ+M1eBc+ZqxvHGKsNN5l3Gs8YWJpMtukxKTF5L4pzZRrmma60bTTdMzMyCzcrNisyeyOOdWca55hvtm82/yNhaVFnMVKizaLx5balnzLBZZNlvesmFY+VnlW9VbXrEnWXOss623WV2xQG1ebDJs6m8u2qK2brcR2m23fFOIUjynSKfVTbtox7PzsCuya7AbtOfZh9iX2bfbPHcwcEh3WO3Q7fHJ0dcx2bHC866ThNMOpxKnD6VdnG2ehc53zNRemS5DLEpd2lxdTbaeKp26fesuV5RruutK10/Wjm7ub3K3ZbdTdzD3Ffav7TS6bG8ldwz3vQfTw91jicczjnaebp8LzkOcvXnZeWV77vR5Ps5wmntYwbcjbxFvgvct7YDo+PWX6zukDPsY+Ap96n4e+pr4i3z2+I37Wfpl+B/ye+zv6y/2P+L/hefIW8U4FYAHBAeUBvYEagbMDawMfBJkEpQc1BY0FuwYvDD4VQgwJDVkfcpNvwBfyG/ljM9xnLJrRFcoInRVaG/owzCZMHtYRjobPCN8Qfm+m+UzpzLYIiOBHbIi4H2kZmRf5fRQpKjKqLupRtFN0cXT3LNas5Fn7Z72O8Y+pjLk722q2cnZnrGpsUmxj7Ju4gLiquIF4h/hF8ZcSdBMkCe2J5MTYxD2J43MC52yaM5zkmlSWdGOu5dyiuRfm6c7Lnnc8WTVZkHw4hZgSl7I/5YMgQlAvGE/lp25NHRPyhJuFT0W+oo2iUbG3uEo8kuadVpX2ON07fUP6aIZPRnXGMwlPUit5kRmSuSPzTVZE1t6sz9lx2S05lJyUnKNSDWmWtCvXMLcot09mKyuTDeR55m3KG5OHyvfkI/lz89sVbIVM0aO0Uq5QDhZML6greFsYW3i4SL1IWtQz32b+6vkjC4IWfL2QsFC4sLPYuHhZ8eAiv0W7FiOLUxd3LjFdUrpkeGnw0n3LaMuylv1Q4lhSVfJqedzyjlKD0qWlQyuCVzSVqZTJy26u9Fq5YxVhlWRV72qX1VtWfyoXlV+scKyorviwRrjm4ldOX9V89Xlt2treSrfK7etI66Trbqz3Wb+vSr1qQdXQhvANrRvxjeUbX21K3nShemr1js20zcrNAzVhNe1bzLas2/KhNqP2ep1/XctW/a2rt77ZJtrWv913e/MOgx0VO97vlOy8tSt4V2u9RX31btLugt2PGmIbur/mft24R3dPxZ6Pe6V7B/ZF7+tqdG9s3K+/v7IJbVI2jR5IOnDlm4Bv2pvtmne1cFoqDsJB5cEn36Z8e+NQ6KHOw9zDzd+Zf7f1COtIeSvSOr91rC2jbaA9ob3v6IyjnR1eHUe+t/9+7zHjY3XHNY9XnqCdKD3x+eSCk+OnZKeenU4/PdSZ3Hn3TPyZa11RXb1nQ8+ePxd07ky3X/fJ897nj13wvHD0Ivdi2yW3S609rj1HfnD94UivW2/rZffL7Vc8rnT0Tes70e/Tf/pqwNVz1/jXLl2feb3vxuwbt24m3Ry4Jbr1+Hb27Rd3Cu5M3F16j3iv/L7a/eoH+g/qf7T+sWXAbeD4YMBgz8NZD+8OCYee/pT/04fh0kfMR9UjRiONj50fHxsNGr3yZM6T4aeypxPPyn5W/3nrc6vn3/3i+0vPWPzY8Av5i8+/rnmp83Lvq6mvOscjxx+8znk98ab8rc7bfe+477rfx70fmSj8QP5Q89H6Y8en0E/3Pud8/vwv94Tz+4A5JREAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkMxOTY5MjFFNDc2MTFFQkI0MTNFMjJBNDgzMDQyRDUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkMxOTY5MjJFNDc2MTFFQkI0MTNFMjJBNDgzMDQyRDUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGQzE5NjkxRkU0NzYxMUVCQjQxM0UyMkE0ODMwNDJENSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGQzE5NjkyMEU0NzYxMUVCQjQxM0UyMkE0ODMwNDJENSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PubgzakAAAKjSURBVHjaYvj//z8DEDsCsTyIDeLYQAVBwIKJgYGBlQECGIGYjRGsjIHBCYiZgXg3QAAxQJV/B9EwWTBggtK/kDm/QQRAAMGU/YeaCgI/gJgdxGeCagFJOEIVFUP537HphPMBAgjZ9kNQBbYw+wRA2oH4J7IOkMPvQD0AwuJQegmIEEIKiP9QNh+yjtVAnA5l32MEy0Kc/gNqByco9JBddRBqsQOIAxBADEgWi0LtuArEDkAsDMTuQOwGFReDqWVAchQDDvwfiZ4HYrMALTsGCwwkoArEEUDMAcQfkWLZCohPgDSxwGIMCjqAuByJjxwF/5Cj4D80yv8z4Af/YTEOM00AKngdmsaEoc6+BBUXhdkKEEDYPN4BxK+A+CUQd6HLMyFZuxtq2lcgNgNiSyC+Ag2EowjHQXS+BeKNWGxjR0obe2FxEwDEb3DESzsQ/0GOI2IishaZj0tDHhBbQeWYkTWw4AhzZPAXmcNEIMLeogtg06AAxJ+hQSqCaf///1FA/BqPx2EYFJkhMA5IwxY8ijfBgh7mJFFokQLycA3UWYpQNkiMC+Y8ZD+4QhMYKC+fAOLDQMwDFXOBKQIIMHxuTgTiK/8JA39otnbDZRa6gCo0ZYPAYyCOICIAd6JZ+hCI2XBZchyqaAcRBsOwC5LhTkA8DYlfgG7JI6iENwkWgPBpqL4jSGL2QNwKLS0dYZb0QhWWk2iBF5KrLbHIw8ydCCsPQEAWj4EleCJ+PQ49ElD59yDOOyhHBofihQRSlwYOfZJQ+XegNL8EmpqjcWT2EiB+h0MuCohv4JBLhNILkLMuCHgQiAcBaDAQG18v0JPwUajEHhITADreATXnEK7MqAjET6GKngBxNJEGByHpewk1B2eORy9Wrv0nDtwG4lhcZgEAFVCnSX3jE2EAAAAASUVORK5CYII=);}
@keyframes circle{
  0%{ transform:rotate(0deg); }
  100%{ transform:rotate(360deg); }
}
@-webkit-keyframes circle{
  0%{ transform:rotate(0deg); }
  100%{ transform:rotate(360deg); }
}
.col-index a.more:hover i{}
.col-index .container{padding: 0 10vw; width: 100%; margin: auto;}
.col-index .title-head{font-size: 3rem;}
.col-index .title-head h2{ margin-bottom: 10px; color: #333;}
.col-index .title-head p{color: #df5334;}
/**/
.col-banner .swiper-container .swiper-slide-active p{transform: none;transition-delay: 0.5s;opacity: 1;}
.col-banner .swiper-container .swiper-slide-active h2{transform: none;transition-delay: 0.7s;opacity: 1; }
.col-banner .swiper-container .swiper-slide-active h3{transform: none;transition-delay: 0.9s;opacity: 1; }
.col-banner .swiper-container .swiper-slide-active a.more{transform: none;transition-delay: 1.1s;opacity: 1;}
.col-banner .container{position: relative; height: 100%;}
.col-banner .title{font-size: 4.8rem; color: #fff; font-weight: bold; position: absolute; bottom: 7vh;}
/*about*/
.col-index-about {padding: 8.5vh 0 0 0;}
.col-index-about .title-head{margin-top: 68px;}
.col-index-about .about-content{padding-left: 30px;}
.col-index-about .container{ width: 100%; padding: 0 10vw;}
.col-index-about .container .col{padding: 0;}
.col-index-about .content {line-height: 2; padding-top: 45px; font-size: 16px;}
.col-index-about a.more{display: inline-block; padding: 0 30px; line-height: 60px;  background: #df5334; border-radius: 5px; color: #fff; font-size: 2rem; margin-top: 50px; }
/*product*/
.col-index-product {margin:8vh auto;}
.col-index-product .container .title-head{margin-bottom: 40px;}
.col-index-product .product-container{}
.col-index-product .product-container .swiper-wrapper{}
.col-index-product .product-container .swiper-slide{position: relative;}
.col-index-product .product-container .swiper-slide img{width: 100%;}
.col-index-product .product-container .swiper-slide span{display: block; width: 100%; height: 40px; line-height: 40px; color: #fff;  font-size: 3.6rem; font-weight: bold;position: absolute; left: 0; bottom: 10vh;  text-align: center; transition: .5s all;}
.col-index-product .product-container .swiper-slide:hover span{bottom: 50%; transform: translateY(50%); transition: .5s all;}
.col-index-product .product-container .swiper-slide p{width: 100%; display: block;  position: absolute; bottom: 3vh; text-align: center; color: #fff;}
.col-index-product .product-container .swiper-slide p i{margin-left: 2vh; transition: .5s all;}
.col-index-product .product-container .swiper-slide p a{color: #fff;}
.col-index-product .product-container .swiper-slide:hover p i{margin-left: 4vh; transition: .5s all;}
.col-index-product .product-container .swiper-slide .layout-mask{background: rgba(0, 0, 0, .4); width: 100%; height: 100%; position: absolute; opacity: 0; transition: .5s all;}
.col-index-product .product-container .swiper-slide:hover .layout-mask{opacity: 1; transition: .5s all;}
.col-index-product .product-container .swiper-button{background: none; text-align: center; font-size: 2rem; line-height: 44px; background: #666; color: #ccc; transition: .5s;}
.col-index-product .product-container .swiper-button:hover{background: #df5334; color: #fff; margin-top: -22px; transition: .5s;}
.col-index-product .product-container .swiper-button-prev{left: 0}
.col-index-product .product-container .swiper-button-next{right: 0}
.col-index-product .product-container .swiper-pagination{width: 100%; text-align: center;}
.col-index-product .product-container .swiper-pagination .swiper-pagination-bullet{margin: 0 2px; width: 10px; height: 10px;}
.col-index-product .product-container .swiper-pagination-bullet-active{background: #df5334;}
/*join us*/
.col-index-fengya{margin: 12vh auto; background: url(../images/fengya_bg.jpg) no-repeat center fixed;}
.col-index-fengya .container{width: 100%; min-height: 550px; margin: auto; text-align: center;}
.col-index-fengya .title-head{margin-top: 10vh;}
.col-index-fengya .title-head h2, .col-index-fengya .title-head p{color: #fff!important; }
.col-index-fengya .content{color: #fff; font-size: 1.6rem; line-height: 1.8; margin: 5vh auto;}
.col-index-fengya .content ul{font-size: 0;}
.col-index-fengya .content li{width: 33.33%; display: inline-block; vertical-align: top; text-align: center; font-size: 1.6rem;}
.col-index-fengya .content li img{display: block; margin: auto}
.col-index-fengya .content li .inner{padding: 0 4vw;}
/*news*/
.col-index-news{margin-top: 6vh;}
.col-index-news .title-head {position: relative;}
.col-index-news .news-container{margin-top: 10vh; padding-bottom: 7vh;  border-bottom: 1px solid #dedede;}
.col-index-news .news-container .img{overflow: hidden; border: 1px solid #dedede;}
.col-index-news .news-container .img a{display: block; position: relative; transition: .5s all;}
.col-index-news .news-container .img a:hover{background: #000; transition: .5s all;}
.col-index-news .news-container .img a .mask-layer{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.col-index-news .news-container .img a .mask-layer{padding: 2em;color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.col-index-news .news-container .img a .mask-layer i{font-size: 2rem;opacity: 0; transition: .5s all; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.col-index-news .news-container .img a .mask-layer::before{border-top: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: scale(0,0.8);transform: scale(0,0.8);}
.col-index-news .news-container .img a .mask-layer::after{border-right: 1px solid #fff;border-left: 1px solid #fff;-webkit-transform: scale(0.8,0);transform: scale(0.8,0);}
.col-index-news .news-container .img a .mask-layer::before, .col-index-news .news-container .img a .mask-layer::after{position: absolute;top: 30px;right: 30px;bottom: 30px;left: 30px;content: '';opacity: 0;-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;transition: opacity 0.5s, transform 0.5s;}
.col-index-news .news-container .img a:hover .mask-layer::before,
.col-index-news .news-container .img a:hover .mask-layer::after{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.col-index-news .news-container .img a:hover img{opacity: 0.5;}
.col-index-news .news-container .img a:hover .mask-layer i{opacity: 1; transition: .5s all;}
.col-index-news .news-container .img img{transition: .5s all;}
.col-index-news .news-container .img img:hover{transform: scale(1.1,1.1); transition: .5s all;}
.col-index-news .news-container .date{display: block; color: #df5334; margin-bottom: 2vh;}
.col-index-news .news-container strong {}
.col-index-news .news-container strong a{color: #333; font-size: 2.4rem; margin: 2vh 0; display: block; height: 34px; line-height: 34px; overflow: hidden; transition: .5s all;}
.col-index-news .news-container strong a:hover{color: #e21121; transition: .5s all;}
.col-index-news .news-container .desc{line-height: 1.8; min-height: 110px; font-size: 1.6rem; overflow: hidden; }
.col-index-news .news-container .more{display: block; margin-top: 3vh; width: 110px; height: 35px; line-height: 35px; text-align: center; color: #fff; background: #b5b5b5; transition: .5s all;}
.col-index-news .news-container .more i{margin-left: 1vh; transition: .5s all;}
.col-index-news .news-container .more span{ transition: .5s all;}
.col-index-news .news-container .more:hover{width: 110px;background: #e21121; transition: .5s all;}
.col-index-news .news-container .more:hover span{opacity: 1; transition: .5s all;}
.col-index-news .news-container .more:hover i{margin-left: 2vh; transition: .5s all;}
.col-index-news .news-container .swiper-page{width: 300px; margin: auto; position: relative; text-align: center; margin-top: 6vh;}
.col-index-news .news-container .swiper-page .swiper-button{background: none; width: 120px; height: 40px; margin-top: 0; display: inline-block; position: static; line-height: 40px; border:1px solid #ddd; text-align: center; transition: .5s all;}
.col-index-news .news-container .swiper-page .swiper-button:hover{background: #df5334; color: #fff; transition: .5s all;}
/**/
.col-index-team{margin: 6vh 0 10vh 0;}
.col-index-team .title-head{margin-bottom: 80px;}
.col-index-team .index-team{padding: 5vh 16vw; box-shadow: 0 5px 15px rgba(0, 0, 0, .1); position: relative; }
.col-index-team .index-team:before{content: ""; height: 20px; position: absolute; left: 30px; right: 30px; top: -20px; background: #f9f9f9;} 
.col-index-team .index-team:after{content: ""; height: 20px; position: absolute; left: 60px; right: 60px; top: -40px; background: #dbdbdb;} 
.col-index-team .team-container{position: relative;}
.col-index-team .team-container .swiper-slide{}
.col-index-team .team-container .swiper-slide .img{border-radius: 100%; width: 140px; height: 140px; margin: auto;}
.col-index-team .team-container .swiper-slide .title{font-size: 2rem; color: #df5334; margin: 20px auto 30px auto}
.col-index-team .team-container .swiper-slide .content{font-size: 1.6rem; line-height: 2;}
.col-index-team .team-container .swiper-page{text-align: center; height: 20px; width: 100%;}
.col-index-team .team-container .swiper-page .swiper-pagination{position: static; margin-top: 20px;}
.col-index-team .team-container .swiper-page .swiper-pagination-bullet{width: 14px; height: 14px; margin: 0 5px; opacity: 1; background: #fff!important; border: 1px solid #fff;position: relative;}

.col-index-team .team-container .swiper-page .swiper-pagination-bullet-active{padding: 2px; border: 1px solid #df5334; background: #fff!important; }
.col-index-team .team-container .swiper-page .swiper-pagination-bullet:after{content: ""; background: #df5334; width: 6px; height: 6px; position: absolute; left: 3px; top: 3px; border-radius: 100%;}
/*sub page*/
.col-location{line-height: 60px; border-bottom: 1px solid #dedede;background: #efefef; margin-top: 150px;}
.col-location ul{border-left: 1px solid #dedede;}
.col-location li{display: inline-block; padding: 0 35px; border-right: 1px solid #dedede;}
.col-location li.first{display: inline-block; height: 60px; line-height: 60px; padding: 0 20px;border-right: 1px solid #efefef; color: #df5334;}
.col-sub-nav{margin: 0 auto 5vh auto; width: 20vw; float: right; min-width: 275px;}
.col-sub-nav h3{font-size: 3rem; color: #333; line-height: 55px; text-align: left; position: relative;}
.col-sub-nav h3:after{content: "";position: absolute; width: 50px; height: 3px; left: 0; bottom: 0; background: #df5334;}
.col-sub-nav menu{font-size: 0; display: block; padding: 20px 0 0; text-align: center; border-radius: 30px; position: relative;}
.col-sub-nav menu>div{ display: block;font-size: 16px; }
.col-sub-nav menu>div>a{display: block; line-height: 60px; color: #333; text-align: left; position: relative; z-index: 8; transition: .5s all;border-bottom: 1px solid #dedede;}
.col-sub-nav menu>div>a:hover, .col-sub-nav #menu>div>a.current{ transition: .5s all;}
.col-sub-nav menu>div.current>a{color: #fff; background: #df5334; transition: .9s all;}
.col-sub-nav .nav_border{background: #e21121; position: absolute; height: 60px; bottom: 0; left: 0; color: #c70025; border-radius: 30px;}
.col-content{margin-right: 24vw;}
.col-product-nav{min-width:275px;}
.col-product-nav menu>div>a{line-height: 50px!important;}
.col-product-nav .inner{padding-right:20px;}
.col-product-nav a{display:block; line-height:38px; font-weight:bold; text-indent:1em; margin-top:5px; border-bottom:1px solid #efefef; position:relative; transition:.5s all;}
.col-product-nav a:hover, .col-product-nav a.current{color:#df5334; transition:.5s all;}
.col-product-nav ul li{padding: 0 20px;}
.col-product-nav ul li a{ font-size: 14px; text-align:left; font-weight:normal; padding:5px 0; margin:0; text-indent:2em; border-bottom:1px solid #dedede;}
.col-product-nav ul li a:hover, .col-product-nav ul li a.current{ background:none; color:#df5334;transition:.5s all;}
.col-product-nav a i{position:absolute; right:20px; top:10px;}
.col-product-nav ul{display:none; }
.col-product-nav ul.current{display:block;}
.col-sub-nav a{display:block; line-height:38px; font-weight:bold; text-indent:1em; margin-top:5px; border-bottom:1px solid #efefef; position:relative; transition:.5s all;}
.col-sub-nav ul li{padding: 0 20px;}
.col-sub-nav ul li a{ font-size: 14px; text-align:left; font-weight:normal; padding:5px 0; margin:0; display: block; line-height:35px; text-indent:2em; border-bottom:1px solid #dedede; text-indent:1em; margin-top:5px; border-bottom:1px solid #efefef; }
.col-sub-nav ul li a:hover, .col-sub-nav ul li a.current{ background:none; color:#df5334;transition:.5s all;}
.col-page .sub-contact{ position: relative; margin-top: 30px;}
.col-page .sub-contact .content{position: absolute; left: 0; top: 0;  padding: 20px 20px;}
.col-page .sub-contact .content .s-title{font-size: 3rem; line-height: 70px; color: #fff; position: relative; margin-bottom: 3vh;}
.col-page .sub-contact .content .s-title:after{content: ""; width: 50px; height: 3px; background: #df5334; position: absolute; bottom: 0; left: 0;}
.col-page .sub-contact .content p{color: #fff; font-size: 1.8rem; margin-bottom: 1vh;}
.col-page .sub-contact .content p i{font-size: 2.4rem;}
/**/
.col-page{padding: 8vh 0;}
.col-page-about .col-about .title-head{ color: #333; font-size:3.6rem; font-weight: bold; text-align: center; margin: 2vh 0 5vh; }
.col-page-about .col-about .title-head span{display: block; font-size: 1.6rem; color: #666; font-weight: normal;}
.col-page-about .col-about .content{line-height: 2;}
.col-page-about .col-about .col{padding: 0;}
.col-page-about .col-about .row .content{padding: 0; font-size: 1.8rem!important;}
.col-page-about .col-about .row .content .s-title{font-size: 3rem; color: #333; font-weight: bold; margin-bottom: 2vh; line-height: 1.5;}
.col-page-about .col-about .row .content .s-title span{font-size: 1.8rem; color: #e21121; display: block;}

.col-page-about .col-about .row .img{text-align: center; padding-right: 50px;}
.col-page-about .col-about .row .img img{margin: auto;}
.col-page-about .col-about .taodi{ text-align: center; margin: 12vh auto; }
.col-page-about .col-about .fengya{min-height: 518px; position: relative;}
.col-page-about .col-about .fengya .content{width: 45%;padding: 12vh 0 0 7vw; font-size: 1.6rem; color: #fff;}
.col-page-about .col-about .fengya a.more{display: inline-block; padding: 0 30px; line-height: 50px; border: 1px solid #df5334;  background: #df5334; border-radius: 5px; color: #fff;   font-size: 2rem; margin-top: 50px;}
.col-page-about .col-about .fengya a.product{background: none; color: #df5334!important; }
.col-page-about .col-about .fengya a.more i{width: 25px; height: 25px; display: inline-block; margin-right: 5px; vertical-align: middle; -webkit-animation:circle 1s infinite linear;/*匀速 循环*/ background: url(../images/icon_music.png) no-repeat;}
.col-page-about .col-about .fengya a.product i{background: url(../images/icon_music1.png) no-repeat;}

.col-page-about .col-culture{min-height: 600px; background: url(../images/culture_bg.jpg) no-repeat center; margin: 8vh auto;}
.col-page-about .col-culture .title-head{text-align: center; color: #fff; font-size:3.6rem; font-weight: bold; margin: 15vh 0 2vh; }
.col-page-about .col-culture .content{padding: 1vh 0 3vh 0; text-align: center;}
.col-page-about .col-culture table{width: 100%;  vertical-align: middle;}
.col-page-about .col-culture table td {display: block; float: left; width: 33.33%; min-height: 350px; position: relative; border-radius: 100%; background: rgba(12, 12, 82, .8); color: #fff; text-align: center; padding: 6vh 0;  z-index: 2; vertical-align: middle;}
.col-page-about .col-culture table td:nth-child(1){ margin-right: -15px; z-index: 2;}
.col-page-about .col-culture table td:nth-child(2){background: rgba(35, 35, 123, 1); z-index: 1;}
.col-page-about .col-culture table td:nth-child(3){ margin-left: -15px; z-index: 2;}
.col-page-about .col-culture table td strong{font-size: 18px;}
.col-page-about .col-honor{}
.col-page-about .col-honor .title-head{ color: #333; font-size:3.6rem; text-align: center; font-weight: bold; margin: 2vh 0 2vh; }
.col-page-about .col-honor .content{padding-top: 5vh;}
.col-page-about .content table td{border: 1px solid #ddd; padding: .7em;}
.col-page-about .container>.title{margin:0 auto 3vh auto; text-align: center;}
/*product*/
.col-page-product{}
.col-page-product .product-list{margin-left: -10px; margin-right: -10px;}
.col-page-product .product-list ul{font-size: 0;}
.col-page-product .product-list li{width: 33.33%; padding-left: 10px; padding-right: 10px; display: inline-block; position: relative; overflow: hidden; margin-bottom: 5vh;}
.col-page-product .product-list li a{display: block; overflow: hidden;transition: .5s all;}
.col-page-product .product-list li a img{max-width: 100%; transition: .5s all;}
.col-page-product .product-list li a:hover{box-shadow: 0 0 15px rgba(0, 0, 0, .1); transition: .5s all;}
.col-page-product .product-list li a:hover img{transform: scale(1.1,1.1); transition: .5s all;}
.col-page-product .product-list li h2{display: block; line-height: 50px; font-size: 1.8rem; text-align: center; color: #333; border: 1px solid #dedede;}

/*product detail*/
.col-product-detail .product-title h1{font-size: 3.6rem; margin-bottom: 3vh; text-align: center; color: #000;}
.col-product-detail .product-detail-container .swiper-slide{text-align: center;}
.col-product-detail .product-detail-container .swiper-slide img{border: 5px solid #f3f3f3;}
.col-product-detail .product-detail-container .swiper-button{background: none; font-size: 72px;}
.col-product-detail .inquiry-container{padding: 0 10px;}
.col-product-detail .product-detail{margin: 5vh auto}
.col-product-detail .product-inquiry .title-head{font-size: 2.5rem; font-weight: bold; border-bottom: 1px solid #dedede; line-height: 55px;}

/**/
.product-show{width:45%; display: inline-block;}
.product-desc{width: 53%; display: inline-block; vertical-align: top;}
.product-desc .inner{padding-left: 30px;}
.product-desc h1{font-size: 18px; line-height: 40px; margin: 10px 0; font-weight: bold;}
.product-desc .s-content{padding: 20px 0 0 0;}
.product-para{}
.product-para p{display: block; height: 40px; line-height: 40px; border-bottom: 1px solid #dedede;}
.jqueryzoom{ width: 100%; overflow: hidden; border:1px solid #dcdcdc;}
.jqueryzoom .cloudzoom{ text-align: center; max-width:100%;}
.product-thumb{ padding:0px 40px; position: relative; margin-top:10px;}
.product-thumb .swiper-slide{ border:1px solid #ebebeb;}
.product-thumb .cloudzoom-gallery{ cursor: pointer;}
.product-thumb .swiper-slide img{max-width: 100%;}
.product-detail-prev{ position: absolute; left: 0; color:#000000; padding:6px 8px; top:50%; margin-top:-27px; font-size: 30px;}
.product-detail-next{ position: absolute; right: 0; color:#000000; padding:6px 8px; top:50%; margin-top:-27px; font-size: 30px;}
.col-product-detail{margin: 20px auto;}
.col-product-detail .tab-menu{background: #fff; height: 45px; line-height: 45px; list-style: none; border: 1px solid #efefef;}
.col-product-detail .tab-menu li{padding: 0 10px;}
.col-product-detail .tab-content{background: #fff; padding: 10px;border: 1px solid #efefef; border-top: none;}
/**/
/*recruitment*/
.col-page-recruit{padding-bottom: 0;}
.col-page-recruit .container .col{padding: 0;}
.col-page-recruit .col-concept-img{ padding-right: 50px; position: relative; z-index: 3;}
.col-page-recruit .col-concept-img img{box-shadow: 5px 15px 20px rgba(0, 0, 0, .15);}
.col-page-recruit .col-concept .content{padding-top: 12vh;}
.col-page-recruit .col-concept .content p{color: #014190; font-size: 2.4rem; margin-bottom: 1vh;}
.col-page-recruit .col-concept .content strong{display: block; font-size: 3.6rem; font-weight: 600; color: #555; margin-bottom: 4vh;}
.col-page-recruit .col-job{background: #f2f2f7; margin-top: -50px; padding-bottom: 8vh;}
.col-page-recruit .col-job .title-head{font-size: 3rem; margin-top: 12vh;}
.col-page-recruit .col-job .title-head span{font-size: 3.6rem; color: #014190; display: block; margin-bottom: 1vh;}
.col-page-recruit .col-job .job-list{margin-top: 5vh;}
.col-page-recruit .col-job .job-list>ul>li{}
.col-page-recruit .col-job .job-list .col{padding: 2px;}
.col-page-recruit .col-job .job-list>ul>li .inner{background: #fff; min-height: 290px; color: #000; padding: 30px 20px ; position: relative;}
.col-page-recruit .col-job .job-list>ul>li .s-title{font-size: 2.4rem; margin: 2vh 0;}
.col-page-recruit .col-job .job-list>ul>li .s-desc{word-break: break-all;}
.col-page-recruit .col-job .job-list>ul>li .s-desc>*{width: auto!important;}
.col-page-recruit .col-job .job-list>ul>li a.more{display: inline-block; padding: 0 15px; line-height: 40px; border: 1px solid #dedede; text-align: center; position: absolute; bottom: 20px; transition: .5s all;}
.col-page-recruit .col-job .job-list>ul>li a.more:hover{background: #d80808; border: 1px solid #d80808; color: #fff; transition: .5s all;}

.col-page-recruit .position-title{margin-bottom: 30px;}
.col-page-recruit .position-content{font-size: 14px; color: #666; margin-bottom: 30px;}
.col-page-recruit .position-content p, .position-content span{background: none!important; font-family:'simhei'!important;}
.col-page-recruit .position-content h3{font-size: 18px; border-bottom: 1px solid #dedede; padding: 10px 0; margin: 10px 0; color: #333;}
.col-page-recruit .container a.apply{display:inline-block; padding: 6px 40px; margin-bottom: 5vh; line-height: 30px; background: #0067b7; color: #fff; transition: .5s all; -webkit-transition:.5s all; -ms-transition:.5s all; position: relative;}
.col-page-recruit .container a.apply i{color: #fff; opacity: 0; -webkit-opacity:0; -ms-opacity:0; transition: .5s all; -webkit-transition:.5s all; -ms-transition:.5s all; position: absolute; left: 60%; top: 50%; margin-top: -8px;}
.col-page-recruit .container a.apply:hover{background: #00736e;}
.col-page-recruit .container a.apply:hover i{opacity: 1; -webkit-opacity:1; -ms-opacity:1; left: 80%;}
.col-recruit-form{padding: 0;}
.job_form {padding:55px 0;background:#f7f7f7}
.job_form h1 {font-size:2.2rem;color:#000;font-weight:bold;letter-spacing:5px;text-align:center;margin:0 0 24px}
.job_form h1 p {font-size:1.4rem;color:#737373;font-weight:normal;margin:8px 0 0;letter-spacing:normal}
.job_message {width:100%;max-width:980px;margin:0 auto;}
.job_message li {margin:10px 0;line-height:35px;}
.job_message li:after {content:'';clear:both;display:block}
.job_message li span {line-height:35px;font-size:1.4rem;display:block;}
.job_message li input[type="text"] {width:100%;height:35px;line-height:35px;float:left;padding:0 10px;box-shadow:0 0 12px rgba(0,0,0,0.15);border:0;border-radius:3px;transition:all .3s;background:#FFF;font-size:1.4rem;}
.job_message li input[type="radio"] {margin:0 0 0 15px;}
.job_message li textarea {width:100%;height:120px;padding:0 10px;box-shadow:0 0 12px rgba(0,0,0,0.15);border:0;border-radius:3px;transition:all .3s;background:#FFF;font-size:1.4rem;}
.job_message li input[type="text"]:hover,.job_message li textarea:hover {box-shadow:0 5px 12px rgba(0,0,0,0.2)}
.job_message li span:last-child {display:none}
.job_message .sub input {display:inline-block;padding:7px 30px;font-size:1.4rem;color:#fff;background:#004585;margin:0 10px;border:0;transition:all .3s;border-radius:5px}
.job_message .sub input:hover {box-shadow:0 5px 12px rgba(0,0,0,0.2);}
.job_message .code {margin:20px 0}
.job_message .code span {line-height:35px;font-size:1.4rem;display:block;}
.job_message .code input[type="text"] {width:25%;height:35px;line-height:35px;float:left;padding:0 10px;box-shadow:0 0 12px rgba(0,0,0,0.2);border:0;border-radius:3px;transition:all .3s;font-size:1.4rem}
/**/
.col-page-contact{padding-bottom: 0;}
.col-contact {padding-bottom: 5vh;}
.col-contact .s-title{font-size: 3rem; color: #222; margin-bottom: 20px;}
.col-contact .s-content em{color: #d90b1c; font-size: 16px; width: 40px; height: 40px; border: 1px solid #dedede; line-height: 40px; text-align: center; margin-right: 10px;}
.col-contact .s-content p{margin: 20px 0; font-size: 1.8rem;}
#allmap{width: 100%; min-height: 350px;}
.col-message{background: #f2f2f2; padding: 8vh 0;}
.col-message .title-head{font-size: 3.6rem; margin: 0 0 5vh auto;}
/**/
#messagelist{padding:15px}
#messagelist .metlist{margin-top:30px;border:1px solid #ddd;padding:5px}
#messagelist .metlist dt{padding:5px}
#messagelist .metlist dt span.name{color:#2c7199}
#messagelist .metlist dt span.time{padding-left:5px;color:#aaa;font-size:12px; font-weight: normal;}
#messagelist .metlist dt span.tt{float:right;padding-right:5px;color:#aaa}
#messagelist .metlist dd.info span.tt{display:none;clear:both}
#messagelist .metlist dd.info span.text{display:block; font-size: 1.8rem; line-height:1.5;padding:0 5px 10px;border-bottom:1px solid #ddd}
#messagelist .metlist dd.reinfo span.tt{display:block;padding:10px 5px 0;color:#2c7199}
#messagelist .metlist dd.reinfo span.text{display:block;line-height:1.5;padding:5px 5px 10px; font-size: 1.8rem;}
#messagelist .v52fmbx{margin:30px 0 0}
.p_message {
    width:  100%;
    position:  relative;
}
.p_message ul{}
.p_message ul li{list-style: none; margin: 15px 0;}
.p_message ul li input{background: #fff; border:1px solid #dedede; padding: 10px 8px; width: 90%;}
.p_message ul li textarea{background: #fff; height: 150px; width: 90%; padding: 10px 8px; border:1px solid #dedede;}
.col-page-contact .p_message ul li textarea{height: 100px;}
.btn-submit{margin-top: 30px;}
.btn-submit input{width: 20%; padding: 10px; text-align: center; background: #f94c25; border: none; color: #fff;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background: #f94c25; border: 1px solid #f94c25;}
.pagination>li>a, .pagination>li>span{color: #666;}
/**/
/**/
.col-page-news{}
.news-list{position: relative;  }
.news-list>ul{font-size: 0;}
.col-page-news .news-list>ul>li{font-size: 1.5rem; display:block; float:none; overflow: hidden; border-bottom: 1px solid #ddd; padding: 0 0 20px 0; margin-bottom: 20px;}
.col-page-news .news-list li .s-date{color: #999;}
.news-list>ul{font-size: 0;}
.news-list>ul>li{padding: 20px 0; display: block; float:none; vertical-align: top; }
.news-list>ul>li .img{width: 36%; float: left; margin-right: 20px;}
.news-list>ul>li.even a{position: relative; top: 50px;}
.news-list>ul>li>a{display: block; background: #fff;  transition: 0.5s all;}
.news-list>ul>li>a h2{font-size: 2rem; color: #222; margin-top: 10px; font-weight: bold; margin: 10px 0; line-height: 1.5;}
.news-list>ul>li>a .content{padding: 5px;}
.news-list>ul>li>a>p{font-size: 13px; color: #666; line-height: 24px;}
.news-list>ul>li>a p.news-cate{font-size: 1.2rem; display: inline-block; background: #ff6600; color: #fff;  padding:5px 10px;}
.news-list>ul>li>a p.news-date {color: #666; font-size: 1.5rem;}
.news-list>ul>li>a p.news-date i{font-size: 1.5rem; margin-right: 10px;}
.news-list>ul>li>a .news-desc{font-size: 1.6rem; line-height: 1.7; color: #666;}
.news-list>ul>li>a p.news-date{margin-top: 20px; font-size: 1.2rem; color: #999;}
.news-list>ul>li>a .img{overflow: hidden;}
.news-list>ul>li>a img{transition: 0.5s all;}
.news-list>ul>li>a:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1); transition: 0.5s all;}
.graphic-list>ul{overflow: hidden; font-size: 0;}
.graphic-list>ul>li{display: inline-block!important; width: 33.33%; /*float: left;*/ overflow: hidden; padding: 0 0 20px 0; margin-bottom: 20px; vertical-align: top;}
.graphic-list>ul>li .img{width: 100%;}
.graphic-list>ul>li .content{padding: 10px;}
.graphic-list>ul>li>a{margin: 0 15px; display: block; background: #fff; border: 1px solid #dedede;}
.graphic-list>ul>li>a h2{font-size: 1.6rem; color: #222; margin-top: 10px; font-weight: bold; transition: .5s all;}
.graphic-list>ul>li>a:hover h2{color: #e21121;}
.graphic-list>ul>li>a .news-desc{font-size: 1.6rem; line-height: 1.7; margin-top: 10px; color: #666;}
.graphic-list>ul>li>a p.news-date{margin-top: 20px; font-size: 1.2rem; color: #df5334;}
.video-list{}
.video-list .img{position: relative;}
.video-list .img div{width: 4vw; height: 4vw; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 100%; background: rgba(255, 255, 255, .3); transition: .5s all;}
.video-list .img:hover div{ background: rgba(255, 255, 255, .6); transition: .5s all;}
.video-list .img i{width: 2.5vw; height: 2.5vw; border-radius: 100%; background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 2rem; text-align: center; line-height: 2.5vw; color: #df5334;}

.img-list>ul>li>a{margin:0 25px;}
.img-single>ul>li{border-bottom: 1px solid #dedede;}
.page-single{padding: 30px 0;}
.nycontainer{padding: 0 0 5VH 0;}
.newshow .newshowtit {text-align: center; margin-top: 55px; border-bottom: 1px dotted #bfbebe;}
.newshow .newshowtit h1 {font-size: 22px; color: #333;}
.newshow .newshowtit .date {line-height: 65px; font-size: 12px; color: #999;}
.newshow .newshowtxt p { margin-top: 25px; line-height: 25px;}
.newshow .newshowimg {  text-align: center; margin: 65px 0;}
.prev-next { float: left; margin-top: 10px;}
.prev-next a {display: block; color: #999; line-height: 25px; transition: 0.3s;}
.prev-next a b { color: #666;}
.prev-next a:hover { color: #d80808;}
.prev-next a.prev { border-bottom: 1px dashed #d4d4d4;  }
/**/
.video-list{}
.video-list li{margin-bottom: 2vh; overflow: hidden;}
.video-list li>div{position: relative;}
.video-list li>div>span{display: block; text-align: center; width: 100%; line-height: 42px; background: rgba(0,0,0,.5); color: #fff; position: absolute; bottom: 0; left: 0; transition: .5s all;}
.video-list li:hover span{ transform: translateY(50px); transition: .5s all;}
.video-list li .layout-mask{position: absolute; width: 100%; display: block; height: 100%; background: rgba(0,0,0,.3); color: #fff; left: 0; top: 0; opacity: 0; transition: .5s all;}
.video-list li:hover .layout-mask{opacity: 1; transition: .5s all;} 
.video-list li .layout-mask i{width: 50px; height: 50px; border: 3px solid #fff; border-radius: 100%; line-height: 50px; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
/**/
.col-page-download{}
.col-page-download .download-list{}
.col-page-download .download-list>ul li{margin-bottom: 10px;  position: relative;}
.col-page-download .download-list>ul li>a{display: block; position: relative; color: #222;background: #f2f2f2; transition: .5s all;}
.col-page-download .download-list>ul li>a.current{background: #df5334; color: #fff; transition: .5s all;}
.col-page-download .download-list>ul li h2{font-size: 1.8rem;  line-height: 45px;  padding: 0 15px; }
.col-page-download .download-list>ul li>a>i{position: absolute; right: 15px; top: 16px; font-size: 14px;}
.col-page-download .download-list .content{line-height: 40px; padding: 15px; border: 1px solid #dedede; border-top: none; display: none;}
.col-page-download .download-list .content>span{padding: 0 5px;}
.col-page-download .download-list .content .f_r{float: right;}
.col-page-download .download-title{color: #333; line-height: 65px; margin-bottom: 20px;}
.col-page-download .download-button{background: #df5334; display: inline-block; padding: 0 30px; line-height: 45px; color: #fff; margin-bottom: 20px;}
.col-page-download .content_title{border-bottom: 1px solid #dedede; line-height: 40px; color: #333; font-size: 1.5rem;}
.col-page-detail .col-download .content{padding: 20px 10px; line-height: 22px;}
/**/
.col-page-contact .contact-info{}
.col-page-contact .contact-info p{padding: 5px 0; border-bottom: 1px solid #efefef; font-size: 1.8rem;}
.col-page-contact .contact-info p i{color: #df5334; font-size: 2.2rem; margin-right: 10px;}
.col-page-contact .map{margin-top: 30px;}
/**/
.page{text-align: center;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background:#df5334; border-color: #df5334;}
/**/
footer{background: #2e2e2e; padding-top: 8vh;}
footer .container{width: 100%; padding-bottom: 5vh!important;}
footer .footer-nav dl{display: inline-block; vertical-align: top; padding: 0 40px; }
footer .footer-nav dl dt{font-size: 1.6rem; font-weight: bold; margin-bottom: 10px; line-height: 35px; color: #fff;}
footer .footer-nav dl dd{padding: 5px 0;}
footer .footer-nav dl dd a{color: #ccc; font-size: 1.4rem;}
footer .footer-contact{color: #ccc;padding-left: 40px; padding-right: 40px;}
footer .footer-contact .footer-logo{margin-bottom: 4vh;}
footer .footer-contact a{color: #ccc;}
footer .footer-contact li{padding: 5px 0; font-size: 1.6rem; margin-bottom: 15px;}
footer .footer-contact li a{display: block;}
footer .footer-contact li.s-tel a{ font-family: Arial Black; font-weight: bold; }
footer .footer-contact li.s-email a{}
footer .footer-contact li span{color: #999;}
footer .footer-contact .qrcode{margin-top: 15px;}
footer .footer-contact .qrcode img{max-width: 120px;}
footer .title-head{position: relative; padding-left: 15px; margin-bottom: 30px; color: #f0f0f5;}
footer .title-head:before{content: ""; position: absolute; left: 0; top: 5%; width: 3px; height: 90%; background: #df5334;}
footer .footer-fengya .content{padding-right: 50px;font-size: 1.8rem; margin-bottom: 20px; line-height: 1.8; color: rgba(255, 255, 255, .8);}
footer .footer-message li{margin-bottom: 10px;}
footer .footer-message input{background: #535557; border: none; width: 100%; height: 40px; text-indent: 10px; line-height: 40px; color: #ccc;}
footer .footer-message textarea{background: #535557; border: none; width: 100%; color: #ccc;  text-indent: 10px; }
footer .footer-message .inquiry-col{padding-left: 0}
footer .footer-message .inquiry-button{background:#df5334; width: 45%; line-height: 40px; padding: 0; margin-top: 15px;}
footer .footer-message .inquiry-reset{background:#df5334;}
footer .copyright{background: #1f1f1f;}
footer .copyright .container{padding-top: 15px!important; padding-bottom: 15px!important;}
footer .copyright p{margin: 0;}
/* search */
#search{overflow:hidden}
#search .goomay-keywords-light{/*background: #e3007f !important;*/color: #df5334 !important}
#search .search_left{border: 1px solid #d6d6d6;padding-top:5px;padding-bottom:5px;}
#search .s_head{border-bottom: 1px solid #d6d6d6;height: 50px;}
#search .s_head h2{line-height: 50px;text-align: center;font-size: 24px;font-weight: bold;color:#d92129;}
#search .s_body ul{margin-top: 10px;}
#search .s_body ul span{display: block;color: #333;line-height: 40px;}
#search .s_body ul input,.s_body ul select{height: 35px;width: 100%;line-height: 35px;border: 1px solid #e6e6e6;padding-left: 10px;margin-bottom: 10px;}
#search .s_body .sub input{height: 45px;line-height: 45px;background: #df5334;border: 0;color: #fff;transition: 0.3s;text-align: center;padding-left: 0px;font-size: 16px;}
#search .search_right .no-result{text-align: center;font-size: 30px;color:#004ea2;margin-top:50px;}
#search .search-result-title{font-size: 20px;color: #333;line-height: 30px;height: 30px;overflow: hidden;}
#search .search-result-title a{color: #1a0dab;}
#search .entry-image {float: left;width: 120px;margin: 0 20px 0 0;}
#search .entry-c{position: relative;overflow: hidden;}
#search .search-result-info{padding:5px 0;}
#search .search-result-info li{display: inline-block;}
#search .entry-content p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#search .search_right em{color: #004cff;}
#search .search_right .search-result{margin-left:25px;}
#search .search_right .search-li{border-bottom: 1px solid #d6d6d6;margin-bottom: 30px;padding-bottom: 10px;}
#search .search_right li{overflow: hidden;}
#search .search-result-info li:before{content: '/';display: inline-block;margin-left: 10px;margin-right: 10px;opacity: 0.5}
#search .search-result-info li:first-child:before { display: none; }
#search .product_list{padding-bottom: 15px;border-bottom: 1px solid #d6d6d6; margin-bottom: 15px;}
#search .product_img{float: left;}
#search .product_img img{border-radius: 50%;}
#search .product_img img:hover{width: 90px;height: 90px;}
#search .product_body{float: left;margin-left: 20px;margin-top: 10px;}
#search .se_news{float: right;width: 79%;}
#search .news ul li .se_news a {color:#d80808;text-decoration: underline;display: inline-block;height: 22px;overflow: hidden;transition: 0.3s;}
#search .search_right .news .date em{color: #fff;}


/****询盘****/
.inquiry-container .row{margin-left:0px;margin-right:0px;}
.inquiry-container li img{height:30px;}
.inquiry-container a{color:#000000;}
.inquiry-input{padding:0 10px 0 0!important;}
.inquiry-text{padding-right: 10px;}
.inquiry-title{font-size: 24px;margin:0px 0px 40px;color:#cccccc;position: relative;}
.inquiry-title:before{width: 90%;content:"";position: absolute;border-top: 1px dashed #cccccc;right: 0;top:15px;}
.inquiry-title:after{width: 90%;content:"";position: absolute;border-bottom: 1px dashed #cccccc;right: 0;top:20px;}
.inquiry-chose{background-color:#162c4c;color:#ffffff;padding:0px 20px;line-height: 50px}
.inquiry-chose .inquiry-select select{height:30px;color:#000000;line-height: 30px;width: 100%;border:none;padding:0 20px;cursor:pointer;}
.inquiry-container .classification{padding:0;}
.inquiry-search{text-align: right;}
.inquiry-search input{width: 290px;height: 30px;line-height: 30px;padding:0 10px;color:#000000;display: inline-block;float: right;margin: 10px 0;border: 0}
.inquiry-search i{width: 40px;height: 30px;background: #a0a0a0;color: #ffffff;float: right;line-height: 30px;text-align: center;font-size: 20px;margin: 10px 0;cursor:pointer;}
.inquiry-container .product-list{padding:20px 0 30px;border-bottom: 1px dashed #737373;color:#000000;}
.inquiry-container .fa-play{color:#ffffff;background: #162c4c;width: 24px;height:24px;line-height: 24px;text-align: center;}
.inquiry-container .product-list .product-ul li{height:60px;line-height: 60px;color:#000000;border-bottom: 1px solid #f2f2f2;}
.inquiry-add,.inquiry-button{background: #e60012;color:#ffffff;border: none;padding:12px 20px;width:130px;text-align: center;border-radius: 5px;cursor: pointer; margin: auto;}
.inquiry-button{margin-top: 30px;}
.inquiry-reset{background: #777!important;}
.inquiry-add .fa{font-size: 16px}
.inquiry-list{margin-top:20px;}
.inquiry-container .list-head{background: #f2f2f2;height:46px!important;line-height: 46px!important;}
.inquiry-list li{height:60px;line-height: 60px;color:#000000;border-bottom: 1px solid #f2f2f2;}
.inquiry-container .fa-times,.inquiry-container .fa-plus{font-size: 18px;cursor: pointer;}
.gm-row{margin:0;padding:0 !important;}
.inquiry-container .input-name{line-height: 40px;color:#0d0d0d;}
.inquiry-container .input-type input,.inquiry-container .input-type textarea{width: 100%;font-size: 12px;padding:5px; border: 1px solid #dedede;}
.inquiry-container .input-type textarea{height:140px; margin-bottom: 17px;}
.inquiry-container .input-type input{height:40px;margin-bottom: 20px}
.inquiry-container .input-verify{padding-left: 0!important;}
.inquiry-container .input-star{color:#cd0406;}
.inquiry-form{margin:50px 0 40px;}
.inquiry-submit{margin:0 auto;margin-top: 40px;}
.inquiry-add-page{margin-top:30px;}
.inquiry-page {padding:8px 0;text-align:right;}
.inquiry-page li {display: inline;}
.inquiry-page li a{font-family: arial;background: #ffffff;padding: 2px 6px;margin: 0 2px;font-size: 12px;display: inline;border:1px solid #cccccc;}
.inquiry-page li a:hover {background: #f3f3f3;}
.inquiry-page li.active a{background: #f3f3f3;color: #ababab;}
.inquiry-page li.bgnone a{display: none;}
.submit-hide{display: none;}
.inquiry-captcha .captcha_src{
  height:40px;
}

#gotoTop{
  display: none;
  z-index: 299;
  position: fixed;
  width: 40px;
  height: 40px;
  background-color: #333;
  background-color: rgba(0,0,0,0.3);
  font-size: 20px;
  line-height: 36px;
  text-align: center;
  color: #FFF;
  top: auto;
  left: auto;
  right: 30px;
  bottom: 50px;
  cursor: pointer;
  border-radius: 2px;
}
#gotoTop:hover{
  background-color: #1ABC9C;
}
.customer-service{
  z-index: 299;
  position: fixed;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
  color: #FFF;
  top: auto;
  left: auto;
  right: 30px;
  bottom: 90px;
}
.customer-service li{
  width: 40px;
  height: 40px;
  background-color: #333;
  background-color: rgba(0,0,0,0.3);
  cursor: pointer;
  border-radius: 2px;
  margin-bottom: 10px;
}
.customer-service li a{
  color: #FFF;
}
.customer-service li:hover{
  background-color: #1ABC9C !important;
}
/*普通产品询盘*/
.enquiry-area{width: 100%;height: 100%;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;padding: 0 0 25px;border: 1px solid #eee;font-size: 14px;background: #fff;overflow: hidden;}
.enquiry-area .enquiry-head{cursor: default;background: #003e59;color: #ffffff;position: relative;width: 100%;height: 55px;line-height: 55px;font-size: 16px;padding-left: 22px;}
.enquiry-area .enquiry-item{position: relative;background: #fff;padding:0 20px;margin-top: 20px;}
.enquiry-area .enquiry-item button{background: #ff6f00;border: none;border-bottom: 2px solid #ef5a00;color: #ffffff;padding: 8px 22px;border-radius: 3px;text-decoration: none;transition: background 200ms ease;outline: none;cursor: pointer;width: 100%;}
.enquiry-area .enquiry-item button i{display: inline-block;margin-left: 8px;}
.enquiry-area .enquiry-item .enquiry-input{box-sizing: border-box;width: 50%;padding: 10px;font-family: 'Open Sans', sans-serif;background: #fff;margin: 0;height: 40px;font-size: 14px;border: 1px solid #eee;border-left: 2px solid #003e59;outline: none;resize: none;overflow: hidden;border-radius: 3px;transition: box-shadow 200ms ease;}
.enquiry-area .enquiry-item .enquiry-textarea{width:100%!important;height:95px!important;}

@media(max-width :1600px){
  .col-index .container{padding: 0 9vw;}
  header nav>ul>li{padding: 0 20px;}
  .col-index-news .news-container .desc{min-height: 138px;}
  .col-content{margin-right:26vw ;}
}
@media(max-width :1500px){
  html{font-size: 9px;}
  .col-index .container{padding: 0 8vw;}
  .col-page .sub-contact .content p{font-size: 1.8rem;}
  footer .footer-fengya .content{padding-right: 0;}
}
@media(max-width :1366px){
  .col-index .container{padding: 0 7vw;}
  header .inner{padding: 0 3vh;}
  header nav>ul>li{padding: 0 10px;}
  header nav ul li a{/*padding: 0 15px;*/}
  .col-page-about .col-about .row .content{padding: 0; font-size: 1.6rem!important;}
  .col-page .sub-contact .content{padding-top: 0;}
  .video-list .img div{width: 5vw; height: 5vw;}
  .video-list .img i{width: 3.6vw; height: 3.6vw; line-height: 3.6vw;}
}
@media(max-width :1200px){
  .container{padding: 0 6vw}
  .col-content{margin-right:27vw ;}
}
@media(max-width :992px){
  .container{padding: 0 2vw;}
  nav{display: none;}
  header .head-sidebar{display: none;}
  header{height: 70px;}
  header .inner{height: 70px; transition: .5s all;}
  header .logo{}
  header .logo img{max-height: 60px;}
  header .head-bar p{margin-right: 20px;}
  header .top-nav{display: none;}
  .col-location{margin-top: 120px;}
  .col-banner {margin-top: 120px;}
  .col-banner .swiper-container .content h2{font-size: 4rem;}
  .col-banner .swiper-container .content p{font-size: 4rem;}
  .col-index-about .about-img{text-align: center;}
  .col-index-about .title-head{text-align: center!important;}
  .col-page-about .col-about .row .content{padding: 40px;}
  .col-page-about .col-about .row2{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    /* -webkit-box-direction: normal; */
    -webkit-box-direction: reverse;
  }
  .col-page-about .col-about .taodi{ text-align: center; margin:3vh auto 5vh auto; }
  .col-page-about .col-about .fengya .content{width: 60%;}
  .col-product-nav, .col-sub-nav{display: none;}
  .col-content{margin-right: 0;}
  .col-sub-nav menu>div a{}
  #col-product-nav menu>div a{}
  .graphic-list>ul>li{width: 50%;}
  .graphic-list>ul>li>a{margin: 0 10px;}
  .video-list .img div{width: 10vw; height: 10vw;}
  .video-list .img i{width: 7vw; height: 7vw; line-height: 7vw;}
  .col-page-product .product-list li{width: 50%;}
  .col-page-recruit .col-concept .content{padding: 10vh 2vh;}
  .col-message .row{margin: 0;}
  .footer-nav{display: none;}
  footer .footer-contact{margin: 5vh 0; padding: 0}
}

@media(max-width :768px){
  .col-banner .swiper-container .content h2{font-size: 3rem;}
  .col-banner .swiper-container .content p{font-size: 3rem;}
  .col-index-product .container, .col-index-join, .col-index-news .container{padding-left: 10px; padding-right: 10px;}
  .col-index-about .content .s-data td{padding: 0 2vh;}
  .col-page-about .col-about .row .content{padding: 20px;}
  .col-page-about .col-about .row .img{padding: 20px;}
  .col-page-about .col-about .fengya{background-position: 60% center!important;}
  .col-page-about .col-about .fengya .content{width: 70%;}
}

@media(max-width :640px){
    header .head-bar .container{padding:0;}
    header .head-bar p{margin-right:0;}
    .col-banner .swiper-container .content{padding:0 6vh}
    .col-banner .swiper-container .content h2{margin-bottom:10px;}
    .col-banner .swiper-container .content a.more{display:none;}
  .col-sub-nav menu>div a{padding: 0 40px;}
  #col-product-nav menu>div a{padding: 0 40px;}
  .col-page-about .col-about .fengya .content{width: 90%;}
  .col-page-about .col-about .fengya a.more{padding: 0 20px}
  .video-list .img div{width: 12vw; height: 12vw;}
  .video-list .img i{width: 9vw; height: 9vw; line-height: 9vw; font-size: 1.6rem;}
}

@media(max-width :480px){
    .col-banner .swiper-container .content{padding:0 3vh;}
  .col-banner .swiper-container .content h2{letter-spacing: 0;}
  .col-banner .swiper-container .content h3{font-size:2rem;}
  .col-banner .swiper-container .content p{letter-spacing: 3px;}
  .col-index-about .content .s-data strong{font-size: 3rem;}
  .col-sub-nav menu>div a{padding: 0 30px;}
  .col-page{padding: 2vh 0 6vh 0;}
  .col-location li{padding: 0 25px;}
  #col-product-nav .container{padding: 0 10px;}
  #col-product-nav menu>div a{padding: 0 20px; margin-left: 10px}
  .graphic-list>ul>li .img{width: 100%; margin-right: 0; margin-bottom: 20px; float: none;}
  .col-page-about .col-about .fengya a.more{padding: 0 10px}
}
@media(max-width :420px){
  .col-location li{padding: 0 15px;}
      header .head-bar .container .col-md-6{padding:0;}
      .col-index-fengya .content li{width:100%;}
      .col-page-about .col-about .fengya .content{width:94%; padding-top:5vh;}
}
@media(max-width :370px){
  .col-location li{padding: 0 10px;}
  .col-banner .swiper-container .content h2{font-size:2.4rem;}
  .col-banner .swiper-container .content h3{font-size:1.8rem;}
}
/*手机版菜单*/
.mm-slideout{z-index: auto!important;}
@media screen and (max-width: 992px)  {
  #header a.mm_btn {background: center center no-repeat transparent;display: block;width: 70px;height:70px;position: absolute;top: 0px;right:0; padding: 20px;z-index: 12; }
  #header .mm_btn .menu_bar {width: 30px;height: 30px; position: relative;transform: translateZ(0) rotate(0);transition: transform .4s cubic-bezier(.4,.01,.165,.99);}
  #header .mm_btn .menu_bar_item { position: absolute;left: 0;top: 0; transform: translateZ(0) rotate(0); transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s; -webkit-transform: translateZ(0) rotate(0); -webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s; width: 30px;height: 30px;}
  #header .mm_btn .menu_bar_item .rect{ width: 30px; height: 2px; background: #333; position: absolute; left: 0; top: 14px;/*transition: transform .2s ease .2s;-webkit-transition: -webkit-transform .2s ease .2s;*/-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
  #header.head_active .mm_btn .menu_bar_item .rect{background: #333; transition: .5s all;}
  #header .mm_btn .menu_bar_item .rect.top {transform: translate3d(0,-8px,0); -webkit-transform: translate3d(0,-8px,0);}
  #header .mm_btn .menu_bar_item .rect.mid {transform: translate3d(0,0px,0); -webkit-transform: translate3d(0,0px,0); transition: 0.5s;}
  #header .mm_btn .menu_bar_item .rect.bottom {transform: translate3d(0,8px,0); -webkit-transform: translate3d(0,8px,0);}
  #header .mm_btn.is_active .menu_bar_item.mid{opacity: 0;}
  #header .mm_btn.is_active .menu_bar_item .rect {transition: transform 0s ease 0s; transform: translate3d(0,0,0); -webkit-transition: -webkit-transform 0s ease 0s; -webkit-transform: translate3d(0,0,0);}
  #header .mm_btn.is_active .menu_bar_item.bottom { transform: translateZ(0) rotate(-45deg); -webkit-transform: translateZ(0) rotate(-45deg);}
  #header .mm_btn.is_active .menu_bar_item {transform: translateZ(0) rotate(45deg);transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s;-webkit-transform: translateZ(0) rotate(45deg);-webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s;}
  /*菜单弹出方向*/
  .mm-menu_offcanvas{left: auto!important;}
  .mm-menu{right: 0!important;}
  .mm-menu_offcanvas.mm-menu_opened{z-index: 9!important;}
  .mm-slideout{z-index: 10!important;}
  .mm-menu.mm-menu_pageshadow:after{content: ""; display: block; width: 20px; height: 120%; position: absolute; right: 100%; top: -10%; z-index: 99; box-shadow: 0 0 10px rgba(0,0,0,.3);}/*弹出菜单边阴影*/
  .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout{-webkit-transform: translate(-80vw,0)!important;-ms-transform: translate(-80vw,0)!important;transform: translate(-80vw,0)!important;-webkit-transform: translate3d(-80vw,0,0)!important;transform: translate3d(-80vw,0,0)!important;/*transform: translate3d(80vw,0,0)!important;*/}
  .mm-wrapper_opened .mm-menu_fx-menu-slide {-webkit-transform: translate(0,0)!important;-ms-transform: translate(0,0)!important;transform: translate(0,0)!important;-webkit-transform: translate3d(0,0,0)!important;transform: translate3d(0,0,0)!important;}
  /**/
  #menu{ color:rgba(0,0,0,.8);}
  #menu .mm-listview .mm-btn_next:after{border-color: rgba(189,189,189,1);}
  #menu .mm-btn:after, #menu .mm-btn:before{border-color: rgba(189,189,189,1);}
  #menu .mm-navbar a, #menu .mm-navbar>*{color:rgba(0,0,0,.8); font-size: 16px;}
  #menu.mm-menu_theme-white .mm-counter{color:rgba(0,0,0,.6);}
  /* #menu .mm-searchfield input{background: rgba(0,0,0,.3);color: rgba(0,0,0,.2);} */
  #menu .mm-listitem, #menu .mm-listitem #menu .mm-btn_next, #menu .mm-listitem #menu .mm-btn_next:before, #menu .mm-listitem:after, #menu .mm-listview{ border-color: rgba(0,0,0,.1); }
  #menu .mm-navbars_bottom, #menu .mm-navbars_top{border-color: rgba(0,0,0,.1);}
  #menu .mm-listitem a{font-size: 16px;}
}
@media (min-width: 550px){
  .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout {-webkit-transform: translate(-440px,0)!important;-ms-transform: translate(-440px,0)!important;transform: translate(-440px,0)!important;-webkit-transform: translate3d(-440px,0,0)!important;transform: translate3d(-440px,0,0)!important;}
}