/*配置颜色*/ .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, .bannereffect .tp-bullets.simplebullets.round .bullet:hover, .bannereffect .tp-bullets.simplebullets.round .bullet.selected, .bannereffect .tp-bullets.simplebullets.navbar .bullet:hover, .bannereffect .tp-bullets.simplebullets.navbar .bullet.selected{background-color:#d8af6d !important}.themefont,.themetxthover:hover,#righthistory a:hover,.articlelabel .news-item .case .case_more{color:#d8af6d !important}.themefborder,.themebdhover:hover,.form .header{border-color:#d8af6d !important}.navboxpublic .trianglebtn:before,.inpro-nav .inproline,.articlelabel .news-item .case .case_more{border-color:#d8af6d !important}.themefbg{background-color:#1f3e85 !important}.themefbgorder{border-color:#1f3e85 !important}a:hover,.album .images-swiper .swiper-slide .imagesitem:hover .title,.news-center .newsbox .newsitem:hover .title{color:#d8af6d}.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}.tpl_six, .tpl_seven, .tpl_elevn{background: #fff !important}.row{margin-left: 0;margin-right: 0}/* 登录注册栏修改背景颜色和边框 */ .common_top{border: 0;background: #f5f5f5}body{max-width: 100%}@media screen and (max-width: 1220px){.w100{width:95%;margin:0 auto !important}} /* 新加 */ /* #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:#d8af6d !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:#d8af6d !important}.articlelabel .inarticlelabe ul li,.friendbox, .friendlinktitle{background-color:#1f3e85 !important}.in_title{text-align: center;position: relative}.in_title:before{content: "";width: 90px;height: 1px;background-color:#d8af6d;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:#d8af6d}*/ .in_title b{font-size: 32px;font-weight: normal}.in_title p{font-size: 18px;color: #999}.inmore{text-align: center;color:#d8af6d;border: solid 2px #d8af6d}.inmore a{display: block;font-size: 14px;width: 100%;height: 40px;line-height: 40px;color:#d8af6d;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: #d8af6d}.tpl_one{max-height: 96px}#righthistory .tpl_elevn{background: no-repeat left top}#righthistory a{color: #333 !important}#righthistory .themebbg{color: #fff !important}#righthistory a.overflow.themebg:hover{color: #fff !important}/* #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}.tpl_footers .footers .footersinformation p{text-align: center !important}@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:#1f3e85 !important}*/ } /*字体*/ @font-face{font-family: "iconfont";src: ;/* ie9 */ src: format('embedded-opentype'), /* ie6-ie8 */ format('woff2'), format('woff'), format('truetype'), /* chrome, firefox, opera, safari, android, ios 4.2 */ 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}.icon-jian:before{content: "\e643"}.icon-link:before{content: "\e63f"}.icon-iconshanchu:before{content: "\e62f"}.icon-dizhi:before{content: "\e63e"}.icon-ren:before{content: "\e644"}.icon-home:before{content: "\e600"}.icon-youxiang:before{content: "\e601"}.icon-lianxiwomen-xianxing:before{content: "\e64b"}.icon-jia:before{content: "\e711"}.icon-iconshiliangzhinengduixiang:before{content: "\e735"}.contact{background: no-repeat left top}.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 */ } .ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}/* animate.css动画库 */ .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both} .animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite} .animated.hinge{-webkit-animation-duration:2s;animation-duration:2s} .animated.bouncein,.animated.bounceout,.animated.flipoutx,.animated.flipouty{-webkit-animation-duration:.75s;animation-duration:.75s} @-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translatez(0);transform:translatez(0)} 40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)} 40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)} 70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)} 90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)} } @keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translatez(0);transform:translatez(0)} 40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)} 40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)} 70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)} 90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)} } .bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom} @-webkit-keyframes flash{0%,50%,to{opacity:1} 25%,75%{opacity:0} } @keyframes flash{0%,50%,to{opacity:1} 25%,75%{opacity:0} } .flash{-webkit-animation-name:flash;animation-name:flash} @-webkit-keyframes pulse{0%{-webkit-transform:scalex(1);transform:scalex(1)} 50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)} to{-webkit-transform:scalex(1);transform:scalex(1)} } @keyframes pulse{0%{-webkit-transform:scalex(1);transform:scalex(1)} 50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)} to{-webkit-transform:scalex(1);transform:scalex(1)} } .pulse{-webkit-animation-name:pulse;animation-name:pulse} @-webkit-keyframes rubberband{0%{-webkit-transform:scalex(1);transform:scalex(1)} 30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)} 40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)} 50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)} 65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)} 75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)} to{-webkit-transform:scalex(1);transform:scalex(1)} } @keyframes rubberband{0%{-webkit-transform:scalex(1);transform:scalex(1)} 30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)} 40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)} 50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)} 65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)} 75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)} to{-webkit-transform:scalex(1);transform:scalex(1)} } .rubberband{-webkit-animation-name:rubberband;animation-name:rubberband} @-webkit-keyframes shake{0%,to{-webkit-transform:translatez(0);transform:translatez(0)} 10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)} 20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)} } @keyframes shake{0%,to{-webkit-transform:translatez(0);transform:translatez(0)} 10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)} 20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)} } .shake{-webkit-animation-name:shake;animation-name:shake} @-webkit-keyframes headshake{0%{-webkit-transform:translatex(0);transform:translatex(0)} 6.5%{-webkit-transform:translatex(-6px) rotatey(-9deg);transform:translatex(-6px) rotatey(-9deg)} 18.5%{-webkit-transform:translatex(5px) rotatey(7deg);transform:translatex(5px) rotatey(7deg)} 31.5%{-webkit-transform:translatex(-3px) rotatey(-5deg);transform:translatex(-3px) rotatey(-5deg)} 43.5%{-webkit-transform:translatex(2px) rotatey(3deg);transform:translatex(2px) rotatey(3deg)} 50%{-webkit-transform:translatex(0);transform:translatex(0)} } @keyframes headshake{0%{-webkit-transform:translatex(0);transform:translatex(0)} 6.5%{-webkit-transform:translatex(-6px) rotatey(-9deg);transform:translatex(-6px) rotatey(-9deg)} 18.5%{-webkit-transform:translatex(5px) rotatey(7deg);transform:translatex(5px) rotatey(7deg)} 31.5%{-webkit-transform:translatex(-3px) rotatey(-5deg);transform:translatex(-3px) rotatey(-5deg)} 43.5%{-webkit-transform:translatex(2px) rotatey(3deg);transform:translatex(2px) rotatey(3deg)} 50%{-webkit-transform:translatex(0);transform:translatex(0)} } .headshake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headshake;animation-name:headshake} @-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)} 40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)} 60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)} 80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)} to{-webkit-transform:rotate(0deg);transform:rotate(0deg)} } @keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)} 40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)} 60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)} 80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)} to{-webkit-transform:rotate(0deg);transform:rotate(0deg)} } .swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing} @-webkit-keyframes tada{0%{-webkit-transform:scalex(1);transform:scalex(1)} 10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)} 30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)} 40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)} to{-webkit-transform:scalex(1);transform:scalex(1)} } @keyframes tada{0%{-webkit-transform:scalex(1);transform:scalex(1)} 10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)} 30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)} 40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)} to{-webkit-transform:scalex(1);transform:scalex(1)} } .tada{-webkit-animation-name:tada;animation-name:tada} @-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none} 15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)} 30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)} 45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)} 60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)} 75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)} to{-webkit-transform:none;transform:none} } @keyframes wobble{0%{-webkit-transform:none;transform:none} 15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)} 30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)} 45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)} 60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)} 75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)} to{-webkit-transform:none;transform:none} } .wobble{-webkit-animation-name:wobble;animation-name:wobble} @-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none} 22.2%{-webkit-transform:skewx(-12.5deg) skewy(-12.5deg);transform:skewx(-12.5deg) skewy(-12.5deg)} 33.3%{-webkit-transform:skewx(6.25deg) skewy(6.25deg);transform:skewx(6.25deg) skewy(6.25deg)} 44.4%{-webkit-transform:skewx(-3.125deg) skewy(-3.125deg);transform:skewx(-3.125deg) skewy(-3.125deg)} 55.5%{-webkit-transform:skewx(1.5625deg) skewy(1.5625deg);transform:skewx(1.5625deg) skewy(1.5625deg)} 66.6%{-webkit-transform:skewx(-.78125deg) skewy(-.78125deg);transform:skewx(-.78125deg) skewy(-.78125deg)} 77.7%{-webkit-transform:skewx(.390625deg) skewy(.390625deg);transform:skewx(.390625deg) skewy(.390625deg)} 88.8%{-webkit-transform:skewx(-.1953125deg) skewy(-.1953125deg);transform:skewx(-.1953125deg) skewy(-.1953125deg)} } @keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none} 22.2%{-webkit-transform:skewx(-12.5deg) skewy(-12.5deg);transform:skewx(-12.5deg) skewy(-12.5deg)} 33.3%{-webkit-transform:skewx(6.25deg) skewy(6.25deg);transform:skewx(6.25deg) skewy(6.25deg)} 44.4%{-webkit-transform:skewx(-3.125deg) skewy(-3.125deg);transform:skewx(-3.125deg) skewy(-3.125deg)} 55.5%{-webkit-transform:skewx(1.5625deg) skewy(1.5625deg);transform:skewx(1.5625deg) skewy(1.5625deg)} 66.6%{-webkit-transform:skewx(-.78125deg) skewy(-.78125deg);transform:skewx(-.78125deg) skewy(-.78125deg)} 77.7%{-webkit-transform:skewx(.390625deg) skewy(.390625deg);transform:skewx(.390625deg) skewy(.390625deg)} 88.8%{-webkit-transform:skewx(-.1953125deg) skewy(-.1953125deg);transform:skewx(-.1953125deg) skewy(-.1953125deg)} } .jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center} @-webkit-keyframes bouncein{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)} 20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)} 40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)} 60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)} 80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)} to{opacity:1;-webkit-transform:scalex(1);transform:scalex(1)} } @keyframes bouncein{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)} 20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)} 40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)} 60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)} 80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)} to{opacity:1;-webkit-transform:scalex(1);transform:scalex(1)} } .bouncein{-webkit-animation-name:bouncein;animation-name:bouncein} @-webkit-keyframes bounceindown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)} 60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)} 75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)} 90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)} to{-webkit-transform:none;transform:none} } @keyframes bounceindown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)} 60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)} 75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)} 90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)} to{-webkit-transform:none;transform:none} } .bounceindown{-webkit-animation-name:bounceindown;animation-name:bounceindown} @-webkit-keyframes bounceinleft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)} 60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)} 75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)} 90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)} to{-webkit-transform:none;transform:none} } @keyframes bounceinleft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)} 60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)} 75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)} 90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)} to{-webkit-transform:none;transform:none} } .bounceinleft{-webkit-animation-name:bounceinleft;animation-name:bounceinleft} @-webkit-keyframes bounceinright{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)} 60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)} 75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)} 90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)} to{-webkit-transform:none;transform:none} } @keyframes bounceinright{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)} 60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)} 75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)} 90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)} to{-webkit-transform:none;transform:none} } .bounceinright{-webkit-animation-name:bounceinright;animation-name:bounceinright} @-webkit-keyframes bounceinup{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)} 60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)} 75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)} 90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)} to{-webkit-transform:translatez(0);transform:translatez(0)} } @keyframes bounceinup{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)} 0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)} 60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)} 75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)} 90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)} to{-webkit-transform:translatez(0);transform:translatez(0)} } .bounceinup{-webkit-animation-name:bounceinup;animation-name:bounceinup} @-webkit-keyframes bounceout{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)} 50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)} to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)} } @keyframes bounceout{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)} 50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)} to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)} } .bounceout{-webkit-animation-name:bounceout;animation-name:bounceout} @-webkit-keyframes bounceoutdown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)} 40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)} to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)} } @keyframes bounceoutdown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)} 40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)} to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)} } .bounceoutdown{-webkit-animation-name:bounceoutdown;animation-name:bounceoutdown} @-webkit-keyframes bounceoutleft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)} to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)} } @keyframes bounceoutleft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)} to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)} } .bounceoutleft{-webkit-animation-name:bounceoutleft;animation-name:bounceoutleft} @-webkit-keyframes bounceoutright{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)} to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)} } @keyframes bounceoutright{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)} to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)} } .bounceoutright{-webkit-animation-name:bounceoutright;animation-name:bounceoutright} @-webkit-keyframes bounceoutup{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)} 40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)} to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)} } @keyframes bounceoutup{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)} 40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)} to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)} } .bounceoutup{-webkit-animation-name:bounceoutup;animation-name:bounceoutup} @-webkit-keyframes fadein{0%{opacity:0} to{opacity:1} } @keyframes fadein{0%{opacity:0} to{opacity:1} } .fadein{-webkit-animation-name:fadein;animation-name:fadein} @-webkit-keyframes fadeindown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)} to{opacity:1;-webkit-transform:none;transform:none} } @keyframes fadeindown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)} to{opacity:1;-webkit-transform:none;transform:none} } .fadeindown{-webkit-animation-name:fadeindown;animation-name:fadeindown} @-webkit-keyframes fadeindownbig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)} to{opacity:1;-webkit-transform:none;transform:none} } @keyframes fadeindownbig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)} to{opacity:1;-webkit-transform:none;transform:none} } .fadeindownbig{-webkit-animation-name:fadeindownbig;animation-name:fadeindownbig} @-webkit-keyframes fadeinleft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)} to{opacity:1;-webkit-transform:none;transform:none} } @keyframes fadeinleft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)} to{opacity:1;-webkit-transform:none;transform:none} } .fadeinleft{-webkit-animation-name:fadeinleft;animation-name:fadeinleft} @-webkit-keyframes fadeinleftbig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)} to{opacity:1;-webkit-transform:none;transform:none} } @keyframes fadeinleftbig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)} to{opacity:1;-webkit-transform:none;transform:none} } .fadeinleftbig{-webkit-animation-name:fadeinleftbig;animation-name:fadeinleftbig} @-webkit-keyframes fadeinright{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} to{opacity:1;-webkit-transform:none;transform:none} } @keyframes fadeinright{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} to{opacity:1;-webkit-transform:none;transform:none} } .fadeinright{-webkit-animation-name:fadeinright;animation-name:fadeinright} @-webkit-keyframes fadeinrightbig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)} to{opacity:1;-webkit-transform:none;transform:none} } @keyframes fadeinrightbig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)} to{opacity:1;-webkit-transform:none;transform:none} } .fadeinrightbig{-webkit-animation-name:fadeinrightbig;animation-name:fadeinrightbig} @-webkit-keyframes fadeinup{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)} to{opacity:1;-webkit-transform:none;transform:none} } @keyframes fadeinup{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)} to{opacity:1;-webkit-transform:none;transform:none} } .fadeinup{-webkit-animation-name:fadeinup;animation-name:fadeinup} @-webkit-keyframes fadeinupbig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)} to{opacity:1;-webkit-transform:none;transform:none} } @keyframes fadeinupbig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)} to{opacity:1;-webkit-transform:none;transform:none} } .fadeinupbig{-webkit-animation-name:fadeinupbig;animation-name:fadeinupbig} @-webkit-keyframes fadeout{0%{opacity:1} to{opacity:0} } @keyframes fadeout{0%{opacity:1} to{opacity:0} } .fadeout{-webkit-animation-name:fadeout;animation-name:fadeout} @-webkit-keyframes fadeoutdown{0%{opacity:1} to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)} } @keyframes fadeoutdown{0%{opacity:1} to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)} } .fadeoutdown{-webkit-animation-name:fadeoutdown;animation-name:fadeoutdown} @-webkit-keyframes fadeoutdownbig{0%{opacity:1} to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)} } @keyframes fadeoutdownbig{0%{opacity:1} to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)} } .fadeoutdownbig{-webkit-animation-name:fadeoutdownbig;animation-name:fadeoutdownbig} @-webkit-keyframes fadeoutleft{0%{opacity:1} to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)} } @keyframes fadeoutleft{0%{opacity:1} to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)} } .fadeoutleft{-webkit-animation-name:fadeoutleft;animation-name:fadeoutleft} @-webkit-keyframes fadeoutleftbig{0%{opacity:1} to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)} } @keyframes fadeoutleftbig{0%{opacity:1} to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)} } .fadeoutleftbig{-webkit-animation-name:fadeoutleftbig;animation-name:fadeoutleftbig} @-webkit-keyframes fadeoutright{0%{opacity:1} to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} } @keyframes fadeoutright{0%{opacity:1} to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} } .fadeoutright{-webkit-animation-name:fadeoutright;animation-name:fadeoutright} @-webkit-keyframes fadeoutrightbig{0%{opacity:1} to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)} } @keyframes fadeoutrightbig{0%{opacity:1} to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)} } .fadeoutrightbig{-webkit-animation-name:fadeoutrightbig;animation-name:fadeoutrightbig} @-webkit-keyframes fadeoutup{0%{opacity:1} to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)} } @keyframes fadeoutup{0%{opacity:1} to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)} } .fadeoutup{-webkit-animation-name:fadeoutup;animation-name:fadeoutup} @-webkit-keyframes fadeoutupbig{0%{opacity:1} to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)} } @keyframes fadeoutupbig{0%{opacity:1} to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)} } .fadeoutupbig{-webkit-animation-name:fadeoutupbig;animation-name:fadeoutupbig} @-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotatey(-1turn);transform:perspective(400px) rotatey(-1turn)} 0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} 40%{-webkit-transform:perspective(400px) translatez(150px) rotatey(-190deg);transform:perspective(400px) translatez(150px) rotatey(-190deg)} 50%{-webkit-transform:perspective(400px) translatez(150px) rotatey(-170deg);transform:perspective(400px) translatez(150px) rotatey(-170deg)} 50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} 80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)} to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} } @keyframes flip{0%{-webkit-transform:perspective(400px) rotatey(-1turn);transform:perspective(400px) rotatey(-1turn)} 0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} 40%{-webkit-transform:perspective(400px) translatez(150px) rotatey(-190deg);transform:perspective(400px) translatez(150px) rotatey(-190deg)} 50%{-webkit-transform:perspective(400px) translatez(150px) rotatey(-170deg);transform:perspective(400px) translatez(150px) rotatey(-170deg)} 50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} 80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)} to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} } .animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip} @-webkit-keyframes flipinx{0%{-webkit-transform:perspective(400px) rotatex(90deg);transform:perspective(400px) rotatex(90deg);opacity:0} 0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} 40%{-webkit-transform:perspective(400px) rotatex(-20deg);transform:perspective(400px) rotatex(-20deg)} 60%{-webkit-transform:perspective(400px) rotatex(10deg);transform:perspective(400px) rotatex(10deg);opacity:1} 80%{-webkit-transform:perspective(400px) rotatex(-5deg);transform:perspective(400px) rotatex(-5deg)} to{-webkit-transform:perspective(400px);transform:perspective(400px)} } @keyframes flipinx{0%{-webkit-transform:perspective(400px) rotatex(90deg);transform:perspective(400px) rotatex(90deg);opacity:0} 0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} 40%{-webkit-transform:perspective(400px) rotatex(-20deg);transform:perspective(400px) rotatex(-20deg)} 60%{-webkit-transform:perspective(400px) rotatex(10deg);transform:perspective(400px) rotatex(10deg);opacity:1} 80%{-webkit-transform:perspective(400px) rotatex(-5deg);transform:perspective(400px) rotatex(-5deg)} to{-webkit-transform:perspective(400px);transform:perspective(400px)} } .flipinx{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipinx;animation-name:flipinx} @-webkit-keyframes flipiny{0%{-webkit-transform:perspective(400px) rotatey(90deg);transform:perspective(400px) rotatey(90deg);opacity:0} 0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} 40%{-webkit-transform:perspective(400px) rotatey(-20deg);transform:perspective(400px) rotatey(-20deg)} 60%{-webkit-transform:perspective(400px) rotatey(10deg);transform:perspective(400px) rotatey(10deg);opacity:1} 80%{-webkit-transform:perspective(400px) rotatey(-5deg);transform:perspective(400px) rotatey(-5deg)} to{-webkit-transform:perspective(400px);transform:perspective(400px)} } @keyframes flipiny{0%{-webkit-transform:perspective(400px) rotatey(90deg);transform:perspective(400px) rotatey(90deg);opacity:0} 0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} 40%{-webkit-transform:perspective(400px) rotatey(-20deg);transform:perspective(400px) rotatey(-20deg)} 60%{-webkit-transform:perspective(400px) rotatey(10deg);transform:perspective(400px) rotatey(10deg);opacity:1} 80%{-webkit-transform:perspective(400px) rotatey(-5deg);transform:perspective(400px) rotatey(-5deg)} to{-webkit-transform:perspective(400px);transform:perspective(400px)} } .flipiny{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipiny;animation-name:flipiny} @-webkit-keyframes flipoutx{0%{-webkit-transform:perspective(400px);transform:perspective(400px)} 30%{-webkit-transform:perspective(400px) rotatex(-20deg);transform:perspective(400px) rotatex(-20deg);opacity:1} to{-webkit-transform:perspective(400px) rotatex(90deg);transform:perspective(400px) rotatex(90deg);opacity:0} } @keyframes flipoutx{0%{-webkit-transform:perspective(400px);transform:perspective(400px)} 30%{-webkit-transform:perspective(400px) rotatex(-20deg);transform:perspective(400px) rotatex(-20deg);opacity:1} to{-webkit-transform:perspective(400px) rotatex(90deg);transform:perspective(400px) rotatex(90deg);opacity:0} } .flipoutx{-webkit-animation-name:flipoutx;animation-name:flipoutx;-webkit-backface-visibility:visible!important;backface-visibility:visible!important} @-webkit-keyframes flipouty{0%{-webkit-transform:perspective(400px);transform:perspective(400px)} 30%{-webkit-transform:perspective(400px) rotatey(-15deg);transform:perspective(400px) rotatey(-15deg);opacity:1} to{-webkit-transform:perspective(400px) rotatey(90deg);transform:perspective(400px) rotatey(90deg);opacity:0} } @keyframes flipouty{0%{-webkit-transform:perspective(400px);transform:perspective(400px)} 30%{-webkit-transform:perspective(400px) rotatey(-15deg);transform:perspective(400px) rotatey(-15deg);opacity:1} to{-webkit-transform:perspective(400px) rotatey(90deg);transform:perspective(400px) rotatey(90deg);opacity:0} } .flipouty{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipouty;animation-name:flipouty} @-webkit-keyframes lightspeedin{0%{-webkit-transform:translate3d(100%,0,0) skewx(-30deg);transform:translate3d(100%,0,0) skewx(-30deg);opacity:0} 60%{-webkit-transform:skewx(20deg);transform:skewx(20deg)} 60%,80%{opacity:1} 80%{-webkit-transform:skewx(-5deg);transform:skewx(-5deg)} to{-webkit-transform:none;transform:none;opacity:1} } @keyframes lightspeedin{0%{-webkit-transform:translate3d(100%,0,0) skewx(-30deg);transform:translate3d(100%,0,0) skewx(-30deg);opacity:0} 60%{-webkit-transform:skewx(20deg);transform:skewx(20deg)} 60%,80%{opacity:1} 80%{-webkit-transform:skewx(-5deg);transform:skewx(-5deg)} to{-webkit-transform:none;transform:none;opacity:1} } .lightspeedin{-webkit-animation-name:lightspeedin;animation-name:lightspeedin;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} @-webkit-keyframes lightspeedout{0%{opacity:1} to{-webkit-transform:translate3d(100%,0,0) skewx(30deg);transform:translate3d(100%,0,0) skewx(30deg);opacity:0} } @keyframes lightspeedout{0%{opacity:1} to{-webkit-transform:translate3d(100%,0,0) skewx(30deg);transform:translate3d(100%,0,0) skewx(30deg);opacity:0} } .lightspeedout{-webkit-animation-name:lightspeedout;animation-name:lightspeedout;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} @-webkit-keyframes rotatein{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0} 0%,to{-webkit-transform-origin:center} to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1} } @keyframes rotatein{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0} 0%,to{-webkit-transform-origin:center} to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1} } .rotatein{-webkit-animation-name:rotatein;animation-name:rotatein} @-webkit-keyframes rotateindownleft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0} 0%,to{-webkit-transform-origin:left bottom} to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1} } @keyframes rotateindownleft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0} 0%,to{-webkit-transform-origin:left bottom} to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1} } .rotateindownleft{-webkit-animation-name:rotateindownleft;animation-name:rotateindownleft} @-webkit-keyframes rotateindownright{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0} 0%,to{-webkit-transform-origin:right bottom} to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1} } @keyframes rotateindownright{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0} 0%,to{-webkit-transform-origin:right bottom} to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1} } .rotateindownright{-webkit-animation-name:rotateindownright;animation-name:rotateindownright} @-webkit-keyframes rotateinupleft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0} 0%,to{-webkit-transform-origin:left bottom} to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1} } @keyframes rotateinupleft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0} 0%,to{-webkit-transform-origin:left bottom} to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1} } .rotateinupleft{-webkit-animation-name:rotateinupleft;animation-name:rotateinupleft} @-webkit-keyframes rotateinupright{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0} 0%,to{-webkit-transform-origin:right bottom} to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1} } @keyframes rotateinupright{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0} 0%,to{-webkit-transform-origin:right bottom} to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1} } .rotateinupright{-webkit-animation-name:rotateinupright;animation-name:rotateinupright} @-webkit-keyframes rotateout{0%{transform-origin:center;opacity:1} 0%,to{-webkit-transform-origin:center} to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0} } @keyframes rotateout{0%{transform-origin:center;opacity:1} 0%,to{-webkit-transform-origin:center} to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0} } .rotateout{-webkit-animation-name:rotateout;animation-name:rotateout} @-webkit-keyframes rotateoutdownleft{0%{transform-origin:left bottom;opacity:1} 0%,to{-webkit-transform-origin:left bottom} to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0} } @keyframes rotateoutdownleft{0%{transform-origin:left bottom;opacity:1} 0%,to{-webkit-transform-origin:left bottom} to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0} } .rotateoutdownleft{-webkit-animation-name:rotateoutdownleft;animation-name:rotateoutdownleft} @-webkit-keyframes rotateoutdownright{0%{transform-origin:right bottom;opacity:1} 0%,to{-webkit-transform-origin:right bottom} to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0} } @keyframes rotateoutdownright{0%{transform-origin:right bottom;opacity:1} 0%,to{-webkit-transform-origin:right bottom} to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0} } .rotateoutdownright{-webkit-animation-name:rotateoutdownright;animation-name:rotateoutdownright} @-webkit-keyframes rotateoutupleft{0%{transform-origin:left bottom;opacity:1} 0%,to{-webkit-transform-origin:left bottom} to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0} } @keyframes rotateoutupleft{0%{transform-origin:left bottom;opacity:1} 0%,to{-webkit-transform-origin:left bottom} to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0} } .rotateoutupleft{-webkit-animation-name:rotateoutupleft;animation-name:rotateoutupleft} @-webkit-keyframes rotateoutupright{0%{transform-origin:right bottom;opacity:1} 0%,to{-webkit-transform-origin:right bottom} to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0} } @keyframes rotateoutupright{0%{transform-origin:right bottom;opacity:1} 0%,to{-webkit-transform-origin:right bottom} to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0} } .rotateoutupright{-webkit-animation-name:rotateoutupright;animation-name:rotateoutupright} @-webkit-keyframes hinge{0%{transform-origin:top left} 0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} 20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left} 40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1} to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0} } @keyframes hinge{0%{transform-origin:top left} 0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} 20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left} 40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1} to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0} } .hinge{-webkit-animation-name:hinge;animation-name:hinge} @-webkit-keyframes rollin{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)} to{opacity:1;-webkit-transform:none;transform:none} } @keyframes rollin{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)} to{opacity:1;-webkit-transform:none;transform:none} } .rollin{-webkit-animation-name:rollin;animation-name:rollin} @-webkit-keyframes rollout{0%{opacity:1} to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)} } @keyframes rollout{0%{opacity:1} to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)} } .rollout{-webkit-animation-name:rollout;animation-name:rollout} @-webkit-keyframes zoomin{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)} 50%{opacity:1} } @keyframes zoomin{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)} 50%{opacity:1} } .zoomin{-webkit-animation-name:zoomin;animation-name:zoomin} @-webkit-keyframes zoomindown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} 60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)} } @keyframes zoomindown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} 60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)} } .zoomindown{-webkit-animation-name:zoomindown;animation-name:zoomindown} @-webkit-keyframes zoominleft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} 60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)} } @keyframes zoominleft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} 60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)} } .zoominleft{-webkit-animation-name:zoominleft;animation-name:zoominleft} @-webkit-keyframes zoominright{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} 60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)} } @keyframes zoominright{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} 60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)} } .zoominright{-webkit-animation-name:zoominright;animation-name:zoominright} @-webkit-keyframes zoominup{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} 60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)} } @keyframes zoominup{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} 60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)} } .zoominup{-webkit-animation-name:zoominup;animation-name:zoominup} @-webkit-keyframes zoomout{0%{opacity:1} 50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)} 50%,to{opacity:0} } @keyframes zoomout{0%{opacity:1} 50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)} 50%,to{opacity:0} } .zoomout{-webkit-animation-name:zoomout;animation-name:zoomout} @-webkit-keyframes zoomoutdown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)} } @keyframes zoomoutdown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)} } .zoomoutdown{-webkit-animation-name:zoomoutdown;animation-name:zoomoutdown} @-webkit-keyframes zoomoutleft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)} to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center} } @keyframes zoomoutleft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)} to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center} } .zoomoutleft{-webkit-animation-name:zoomoutleft;animation-name:zoomoutleft} @-webkit-keyframes zoomoutright{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)} to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center} } @keyframes zoomoutright{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)} to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center} } .zoomoutright{-webkit-animation-name:zoomoutright;animation-name:zoomoutright} @-webkit-keyframes zoomoutup{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)} } @keyframes zoomoutup{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)} } .zoomoutup{-webkit-animation-name:zoomoutup;animation-name:zoomoutup} @-webkit-keyframes slideindown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible} to{-webkit-transform:translatez(0);transform:translatez(0)} } @keyframes slideindown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible} to{-webkit-transform:translatez(0);transform:translatez(0)} } .slideindown{-webkit-animation-name:slideindown;animation-name:slideindown} @-webkit-keyframes slideinleft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible} to{-webkit-transform:translatez(0);transform:translatez(0)} } @keyframes slideinleft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible} to{-webkit-transform:translatez(0);transform:translatez(0)} } .slideinleft{-webkit-animation-name:slideinleft;animation-name:slideinleft} @-webkit-keyframes slideinright{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible} to{-webkit-transform:translatez(0);transform:translatez(0)} } @keyframes slideinright{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible} to{-webkit-transform:translatez(0);transform:translatez(0)} } .slideinright{-webkit-animation-name:slideinright;animation-name:slideinright} @-webkit-keyframes slideinup{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible} to{-webkit-transform:translatez(0);transform:translatez(0)} } @keyframes slideinup{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible} to{-webkit-transform:translatez(0);transform:translatez(0)} } .slideinup{-webkit-animation-name:slideinup;animation-name:slideinup} @-webkit-keyframes slideoutdown{0%{-webkit-transform:translatez(0);transform:translatez(0)} to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)} } @keyframes slideoutdown{0%{-webkit-transform:translatez(0);transform:translatez(0)} to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)} } .slideoutdown{-webkit-animation-name:slideoutdown;animation-name:slideoutdown} @-webkit-keyframes slideoutleft{0%{-webkit-transform:translatez(0);transform:translatez(0)} to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)} } @keyframes slideoutleft{0%{-webkit-transform:translatez(0);transform:translatez(0)} to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)} } .slideoutleft{-webkit-animation-name:slideoutleft;animation-name:slideoutleft} @-webkit-keyframes slideoutright{0%{-webkit-transform:translatez(0);transform:translatez(0)} to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} } @keyframes slideoutright{0%{-webkit-transform:translatez(0);transform:translatez(0)} to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} } .slideoutright{-webkit-animation-name:slideoutright;animation-name:slideoutright} @-webkit-keyframes slideoutup{0%{-webkit-transform:translatez(0);transform:translatez(0)} to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)} } @keyframes slideoutup{0%{-webkit-transform:translatez(0);transform:translatez(0)} to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)} } .slideoutup{-webkit-animation-name:slideoutup;animation-name:slideoutup} body .news-nr-box .downloadbtn{display: inline-block;width: auto;padding: 0 10px 0 0;background-position: 9px;height: 40px;line-height: 40px}.menu .header-box{position: relative;max-width:1180px;margin:0 auto}.menu .header-box .logo{float: none;position: relative;z-index: 2;padding:0px;display: block;height: 96px}.menu .header-box .logo img{max-height: 96px !important;max-width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}.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:16px;color:#333;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;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{} /* .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;color: #fff}.menu .m-menutop-so{padding: 15px;border-bottom: 1px solid rgba(255,255,255,.1)}.menu .m-menutop-so .mnavformgroup{background-color:#d8af6d;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: 1px}.menu .m-menutop-so .iconshiliangzhinengduixiang:before{font-size: 18px}.menu .header-box .logo{height: auto;text-align: left}.menu .header-box .logo img{max-height: 96px !important;max-width: 100%;position: relative;top: 0;left: 10px;transform: translate(0)}} @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}} /* 增加导航栏背景颜色 */ .menu{background: #f5f5f5}.banner{width:100%;overflow: hidden}.carousel{margin: 0}.bannerbox{margin:0 auto;position: relative}.banner .carousel-control{background: none}.bannereffect .tp-leftarrow.large, .bannereffect .tp-rightarrow.large{display: none}.bannereffect .tp-bullets.simplebullets.round .bullet{width: 18px !important;height: 10px !important;border-radius: 5px;opacity: 1;transition: all 0.3s}.bannereffect .tp-bullets.simplebullets.round .bullet:hover, .bannereffect .tp-bullets.simplebullets.round .bullet.selected, .bannereffect .tp-bullets.simplebullets.navbar .bullet:hover, .bannereffect .tp-bullets.simplebullets.navbar .bullet.selected{width: 36px !important;height: 10px !important;border-radius: 5px}/* */ #md_tpl_two .bannereffect .tp-bullets{bottom: 130px!important}@media screen and (min-width: 769px) and (max-width: 1200px) {} @media screen and (min-width: 769px) and (max-width: 890px) {} @media screen and (max-width: 768px) {} @media screen and (max-width: 425px) {.flex-control-nav{bottom: 35px}} /*-----------<关于我们>---------------*/ .about-draggable{margin: 60px 0 22px}.about-content-box{width: 100%;max-width: 100%;background: #f6f6f6}.tpl_four{overflow: visible}.about-us{margin: 0 auto}.about-us .aboutusbox{width: 100%;padding: 50px 0;position: relative}.about-us .aboutusbox .cw1200{max-width: 1180px;margin: 0 auto}.about-us .aboutusbox .cw1200 .title{font: 400 18px/18px "微软雅黑";color: #333;margin: 0}.about-us .aboutusbox .cw1200 .eng{margin: 16px 0 32px;font: 14px/14px "微软雅黑";color: #aaa}.about-us .aboutusbox .cw1200 .content{height: 168px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;max-width: 55%;font: 12px/28px "微软雅黑";color: #aaa}.about-us .aboutusbox .cw1200 .more{display: block;width: 143px;height: 33px;margin-top: 30px;text-align: center;font: 14px/33px "微软雅黑";border-width: 1px;border-style: solid}.about-us .aboutusbox .cw1200 .imgbox{position: absolute;top: -20px;right: 8%;width: 33%;height: 453px;border-width: 1px;border-style: solid}.about-us .aboutusbox .cw1200 .imgbox img{display: block;width: 100%;height: 453px}@media screen and (min-width: 769px) and (max-width: 1600px){.about-us .aboutusbox .cw1200 .imgbox{width: 40%}.about-us .aboutusbox .cw1200 .content{width: 43%}} @media screen and (min-width: 769px) and (max-width: 1200px){.about-us{max-width: 1024px;margin: 0 auto;padding-left: 8%}.about-us .aboutusbox .cw1200 .imgbox{width: 45%}.about-us .aboutusbox .cw1200 .content{width: 40%}} @media screen and (min-width: 769px) and (max-width: 890px){.about-us{max-width: 768px;padding: 0 15px;box-sizing: border-box}.about-us .aboutusbox{padding: 30px 0 35px}.about-us .aboutusbox .cw1200 .eng{margin: 15px 0 30px}.about-us .aboutusbox .cw1200 .content{height: 150px;max-width: 100%;margin-top: 20px;font: 12px/25px "微软雅黑"}.about-us .aboutusbox .cw1200 .more{margin-top: 25px}.about-us .aboutusbox .cw1200 .imgbox{position: relative;top: 0;right: 0;width: 100%;max-height: 576px}.about-us .aboutusbox .cw1200 .imgbox img{max-height: 576px}} @media screen and (max-width: 768px){.about-us{max-width: 768px;padding: 0 15px;box-sizing: border-box}.about-us .aboutusbox{padding: 30px 0 35px}.about-us .aboutusbox .cw1200 .eng{margin: 15px 0 30px}.about-us .aboutusbox .cw1200 .content{height: 150px;max-width: 100%;margin-top: 20px;font: 12px/25px "微软雅黑"}.about-us .aboutusbox .cw1200 .more{margin-top: 25px}.about-us .aboutusbox .cw1200 .imgbox{position: relative;top: 0;right: 0;width: 100%;max-height: 576px}.about-us .aboutusbox .cw1200 .imgbox img{max-height: 576px}} @media screen and (max-width: 425px){.about-us{max-width: 425px;padding: 0 15px;box-sizing: border-box}.about-us .aboutusbox{padding: 30px 0 35px}.about-us .aboutusbox .cw1200 .eng{margin: 15px 0 30px}.about-us .aboutusbox .cw1200 .content{height: 150px;max-width: 100%;margin-top: 20px;font: 12px/25px "微软雅黑"}.about-us .aboutusbox .cw1200 .more{margin-top: 25px}.about-us .aboutusbox .cw1200 .imgbox{position: relative;top: 0;right: 0;width: 100%;max-height: 273px}.about-us .aboutusbox .cw1200 .imgbox img{max-height: 273px}} /*-----------<联系我们>---------------*/ .contact-box{max-width: 100%;margin-top: 75px !important}.contact{height: 500px;position: relative}.contact .lbs-box{display: none}.contact .map-box1{min-height: 500px}.contact .inmap{position: absolute;z-index: 1;top: 0;left: 0;width: 100%}.contact .inmap img{width: 100%}.contact .incontact{position: relative;z-index: 2;width: 540px;background-color: rgba(255, 255, 255, .85);margin-bottom: 60px}.contact .incontact .incontact_box{padding: 30px}.contact .incontact h3{font-size: 18px}.contact .itemlist{margin: 25px 0}.contact .itemlist ul li{padding: 5px 0;color: #c1c1c1;font-size: 14px}.contact .itemlist ul li a{color: #c1c1c1;font-size: 14px}.contact .feedbackc{line-height: 36px;padding: 10px 35px}.contact .feedbackc:hover{color: #fff}.concact-box-263{position: relative;top: 98px}.bmap_mask{background: rgba(0, 0, 0, .25) !important}/* 横向放置的手机和竖向放置的平板之间的分辨率 三*/ @media screen and (max-width: 1030px){} @media screen and (max-width: 980px){} @media screen and (max-width: 870px){.contact{height: 400px}.contact .map-box1{min-height: 400px}.contact-box{margin-top: 35px !important}.contact .incontact{position: relative;z-index: 2;width: 90%;left: 5%;background-color: rgba(255, 255, 255, .85);margin-bottom: 0}.concact-box-263{top: 60px}.contact .itemlist{margin: 20px 0}.contact .incontact .incontact_box{padding: 20px}.contact .feedbackc{display: block;width: 30%;line-height: 36px;padding: 0;border-radius: 0;text-align: center}} @media screen and (max-width: 768px){} @media screen and (max-width: 600px){}.news-center .textbox{width: 100%;text-align: center;margin-top: 50px}.news-center .textbox .title{font-size: 18px;color: #333;z-index: 10;position: relative;background: #fff;margin: 0 auto;padding: 0 25px;display: table}.news-center .textbox .title-enlish{margin-top: 5px;font-size: 14px;color: #aaa;position: relative}.news-center .textbox .title-enlish::before{content: "";position: absolute;top: -10px;left: 0;width: 100%;height: 2px;background: #e2e2e2}.news-center .newsbox{margin: 40px 0 0;padding-bottom: 10px}.news-center .newsbox .newsitem{float: left;width: 30.66%;display: block;background: #f5f5f5;padding-bottom: 35px}.news-center .newsbox .newsitem .imgbox{position: relative;width: 100%}.news-center .newsbox .newsitem .imgbox img{display: block;width: 100%;height: auto}.news-center .newsbox .newsitem .imgbox .date{position: absolute;left: 50%;bottom: -32px;width: 64px;height: 64px;color: #fff;font-size: 14px;text-align: center;border-radius: 50%;transform: translatex(-50%)}.news-center .newsbox .newsitem .imgbox .date div{line-height: 24px}.news-center .newsbox .newsitem .imgbox .date div:first-child{margin-top: 8px}.news-center .newsbox .newsitem .title{padding: 0 20px;margin: 57px 0 10px;text-align: center;font: 400 14px/22px "微软雅黑";height: 44px;color: #333;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2}.news-center .newsbox .newsitem .content{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;padding: 0 20px;font: 12px/20px "微软雅黑";color: #c1c1c1;width: 100%;height: 60px;box-sizing: border-box;text-align: justify}.news-center .newsbox .newsitem:hover{box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.2)}.news-center .newsbox .newsitem:nth-child(2){margin: 0 4%}@media screen and (max-width: 769px){.news-center .newsbox{margin: 30px 0 0;padding-bottom: 20px}.news-center .newsbox .newsitem{width: 48%;padding-bottom: 25px;margin-bottom: 30px}.news-center .newsbox .newsitem .title{padding: 0px 15px;margin: 50px 0 15px;text-align: left;font: 600 14px/20px "微软雅黑";white-space: normal;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 40px}.news-center .newsbox .newsitem .content{padding: 0 15px;font: 12px/18px "微软雅黑";height: 54px}.news-center .newsbox .newsitem:nth-child(2n 1){margin: 0 4% 25px 0}.news-center .newsbox .newsitem:nth-child(2){margin: 0 0 25px}} @media screen and (max-width: 1024px){.new-content-box{width: 90%}.news-center .newsbox{margin: 40px 0 0;padding-bottom: 50px}} @media screen and (max-width: 425px){.new-content-box{width: 90%}.news-center .textbox{margin-top: 25px}.news-center .newsbox .newsitem .title{margin: 48px 0 6px}.news-center .newsbox{margin: 25px 0 0;padding-bottom: 20px}.news-center .newsbox a:last-child{display: none}} /*产品列表*/ /*--------------------------*/ .tpl_five{overflow: visible}/* 产品分类 */ .product-container{position: relative}.product-container .productclass-swiper{width: 100%;position: absolute;padding-top: 15px;top: -110px;z-index: 3;padding: 0 2%;box-sizing: border-box;background-color: #fff}.product-container .productclass-swiper .swiper-wrapper{margin-top: 20px}.product-container .productclass-swiper .productclass-swiper-slider .pronavitem{width: 86%;display: block;padding: 32px 22px 32px 35px;float: left;margin-left: 7%;box-sizing: border-box;background-color: #f5f5f5}.product-container .productclass-swiper .productclass-swiper-slider .pronavitem .infobox{float: left;padding-top: 40px}.product-container .productclass-swiper .productclass-swiper-slider .pronavitem .infobox h3{max-width: 90px;margin-bottom: 8px;font: 400 18px/18px "微软雅黑";color: #323232}.product-container .productclass-swiper .productclass-swiper-slider .pronavitem .infobox div{font-size: 14px;color: #aaa}.product-container .productclass-swiper .productclass-swiper-slider .pronavitem .imgbox{float: right;width: 169px;overflow: hidden}.product-container .productclass-swiper .productclass-swiper-slider .pronavitem .imgbox img{display: block;width: 100%;max-height: 127px;height: auto}.product-container .productclass-swiper .swiper-button-prev, .product-container .productclass-swiper .swiper-button-next{margin-top: -16px;background: none}.product-container .productclass-swiper .swiper-button-prev::before, .product-container .productclass-swiper .swiper-button-next::before, .product-container .productclass-swiper .swiper-button-prev::after, .product-container .productclass-swiper .swiper-button-next::after{position: absolute;top: 14px;left: 2px;content: '';display: block;width: 22px;height: 4px;border-radius: 2px;background: #e3e3e3;transform: rotate(-45deg)}.product-container .productclass-swiper .swiper-button-prev::after, .product-container .productclass-swiper .swiper-button-next::after{top: 27px;transform: rotate(45deg)}.product-container .productclass-swiper .swiper-button-next{transform: rotate(180deg)}.product-container .titlebox{padding-top: 170px}.product-container .titlebox .textbox{width: 100%;text-align: center}.product-container .titlebox .textbox .title{font-size: 18px;color: #333;position: relative;z-index: 10;background: #fff;margin: 0 auto;padding: 0 25px;display: table}.product-container .titlebox .textbox .title-enlish{margin-top: 5px;font-size: 14px;color: #aaa;position: relative}.product-container .titlebox .textbox .title-enlish::before{content: "";position: absolute;top: -10px;left: 0;width: 100%;height: 2px;background: #e2e2e2}.product-container .probox{padding-bottom: 90px}.product-container .probox .proitem{position: relative;float: left;width: 22%;margin-right: 4%;margin-top: 35px}.product-container .probox .proitem:nth-child(4n){margin-right: 0}.product-container .probox .proitem .imgbox{width: 100%}.product-container .probox .proitem .imgbox:hover{box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.2)}.product-container .probox .proitem .imgbox img{display: block;width: 100%;height: auto}.product-container .probox .proitem .title{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 45px;margin: 15px 0;font: 400 14px/22px "微软雅黑";color: #666}.product-container .probox .proitem .price{font-size: 14px;color: #666}.product-container .probox .proitem .more{position: absolute;right: 0;bottom: 0;width: 27px;height: 27px;border-radius: 50%}.product-container .probox .proitem .more::before, .product-container .probox .proitem .more::after{position: absolute;top: 9px;left: 10px;content: '';display: block;width: 11px;height: 2px;border-radius: 1px;background: #fff;transform: rotate(45deg)}.product-container .probox .proitem .more::after{top: 16px;transform: rotate(-45deg)}@media screen and (min-width: 769px) and (max-width: 1200px){.product-container .titlebox{padding-top: 205px}.product-container .productclass-swiper{padding: 0}.product-container .productclass-swiper .productclass-swiper-slider .pronavitem .infobox{padding-top: 0}} @media screen and (min-width: 769px) and (max-width: 890px){.product-container .titlebox{padding-top: 205px}.product-container .productclass-swiper .productclass-swiper-slider .pronavitem .infobox{padding-top: 0}.product-container .productclass-swiper .productclass-swiper-slider .pronavitem .imgbox{float: none}} @media screen and (max-width: 768px){.product-container .productclass-swiper{padding: 0;top: 10px}.product-container .productclass-swiper .productclass-swiper-slider .pronavitem{padding: 20px 22px 20px 35px}.product-container .titlebox{padding-top: 235px}.product-container .productclass-swiper .productclass-swiper-slider .pronavitem .infobox{padding-top: 0}} @media screen and (max-width: 425px){.product-container .productclass-swiper{padding: 0;top: 10px}.product-container .productclass-swiper .swiper-wrapper{margin-top: 15px}.product-container .productclass-swiper .productclass-swiper-slider .pronavitem{padding: 20px 10px;width: 90%;margin: 0 5%}.product-container .productclass-swiper .productclass-swiper-slider .pronavitem .infobox{padding-top: 13px}.product-container .productclass-swiper .productclass-swiper-slider .pronavitem .infobox h3{max-width: 58px;margin-bottom: 4px;font: 400 14px/14px "微软雅黑"}.product-container .productclass-swiper .productclass-swiper-slider .pronavitem .infobox a{font-size: 12px}.product-container .productclass-swiper .productclass-swiper-slider .pronavitem .imgbox{width: 78px}.product-container .productclass-swiper .productclass-swiper-slider .pronavitem .imgbox img{max-height: 58px;height: auto}.product-container .productclass-swiper .swiper-button-prev, .product-container .productclass-swiper .swiper-button-next{display: none}.product-container .titlebox{padding-top: 150px}.product-container .titlebox .textbox .title span{padding: 0 20px}.product-container .probox{padding-bottom: 35px}.product-container .probox .proitem{width: 48%;margin-right: 0%;margin-top: 25px}.product-container .probox .proitem:nth-child(2n 1){margin-right: 4%}} @media screen and (max-width: 320px){.product-container .productclass-swiper .productclass-swiper-slider .pronavitem .infobox div{font-size: 12px}.product-container .productclass-swiper .productclass-swiper-slider .pronavitem .infobox h3{font: 400 12px/12px "微软雅黑"}.product-container .productclass-swiper .productclass-swiper-slider .pronavitem .imgbox{width: 50%}.product-container .productclass-swiper .productclass-swiper-slider .pronavitem .imgbox img{max-height: 45px}} .friendlink .link{padding-top: 75px}.friendlink .link .link-mobile-swiper{display: none}.friendlink .link .link-swiper{position: relative;padding: 0 35px}.friendlink .link .link-swiper::before, .friendlink .link .link-swiper::after{position: absolute;top: 0;left: 0;content: '';display: block;width: 35px;height: 100%;background: #fff}.friendlink .link .link-swiper::after{left: auto;right: 0}.friendlink .link .link-swiper .swiper-wrapper .swiper-slide .linkitem{max-height: 140px}.friendlink .link .link-swiper .swiper-wrapper .swiper-slide .linkitem img{display: block;width: 60%;height: auto;margin: 0 auto 25px}.friendlink .link .link-swiper .swiper-wrapper .swiper-slide .linkitem .title{width: 80%;margin: 0 auto;text-align: center;font-size: 20px;font-weight: 100;color: #c1c1c1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.friendlink .link .link-swiper .swiper-wrapper .swiper-slide .linktextitem{width: 90%;margin: 0 auto;display: block;text-align: center;font-size: 20px;font-weight: 100;white-space: nowrap;color: #333;overflow: hidden;text-overflow: ellipsis}.friendlink .link .link-swiper .swiper-button-prev, .friendlink .link .link-swiper .swiper-button-next{left: 0;background: none}.friendlink .link .link-swiper .swiper-button-prev::before, .friendlink .link .link-swiper .swiper-button-next::before, .friendlink .link .link-swiper .swiper-button-prev::after, .friendlink .link .link-swiper .swiper-button-next::after{position: absolute;top: 14px;left: 2px;content: '';display: block;width: 22px;height: 4px;border-radius: 2px;background: #e3e3e3;transform: rotate(-45deg)}.friendlink .link .link-swiper .swiper-button-prev::after, .friendlink .link .link-swiper .swiper-button-next::after{top: 27px;transform: rotate(45deg)}.friendlink .link .link-swiper .swiper-button-next{left: auto;right: 0;transform: rotate(180deg)}@media screen and (max-width: 1024px){.friendlink .link{padding-top: 0;background: #fff}.friendlink .link .link-swiper{padding: 0 15px}.friendlink .link .link-swiper .swiper-wrapper .swiper-slide .linkitem .title{font-size: 14px}.friendlink .link .link-swiper .swiper-wrapper .swiper-slide .linkitem img{width: 75%;margin: 0 auto 15px}.friendlink .link .link-swiper .swiper-wrapper .swiper-slide .linktextitem{font-size: 16px}.friendlink .link .link-swiper .swiper-button-prev, .friendlink .link .link-swiper .swiper-button-next{left: 5px;background: none}.friendlink .link .link-swiper .swiper-button-prev::before, .friendlink .link .link-swiper .swiper-button-next::before, .friendlink .link .link-swiper .swiper-button-prev::after, .friendlink .link .link-swiper .swiper-button-next::after{top: 17px;left: 2px;content: '';display: block;width: 15px;height: 2px;border-radius: 2px;background: #e3e3e3;transform: rotate(-45deg)}.friendlink .link .link-swiper .swiper-button-prev::after, .friendlink .link .link-swiper .swiper-button-next::after{top: 27px;transform: rotate(45deg)}.friendlink .link .link-swiper .swiper-button-next{left: auto;right: 5px;transform: rotate(180deg)}} /*---footer----*/ .footers{width:100%;background: #333}.footerbox{margin: 0 auto;max-width: 1180px}.footers .footers-box{padding:15px 0;background: repeat-x top}.footers .footers-box a{margin-right:10px;color: #aaa !important;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: repeat-y right top}.infooternav_con{float: left;width: 30%;background: 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: 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;color: #aaa}.footers .qr{display: none}@media screen and (max-width: 870px){.footerpc{display: none}.footerm{display: block;width: 90%;text-align: center;margin: 0 auto;padding-bottom: 60px}.footerm p{color: #aaa;padding: 5px 0}.infootercon{background: none !important}}/*---footer----*/ .tpl_nine{background-color: #333}.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: repeat-y right top}.infooternav_con{float: left;width: 30%;background: repeat-y right top}.infooternav_right{float: left;width: 30%}.infooternav .frcon p{color: #aaa;line-height: 24px;font-size: 12px}.infooternav .frcon p a{color: #aaa}.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: repeat-x right top;padding: 20px 0;text-align:center;color: #aaa}.infooternav .fpp20{padding: 0 35px;height: 300px}.infooternav .frer img{margin:20px 0 10px 0}.infooternav h3{display: block;padding-bottom: 20px;position: relative;font-size: 18px;color: #fff}.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}} #righthistory .fnavlist a,#righthistory .frcon a,#righthistory .footersinformation a{color: #aaa !important}/*-----------<图库>---------------*/ /*--------------------------*/ /* 横向放置的手机和竖向放置的平板之间的分辨率 四*/ .album .textbox{width: 100%;text-align: center;margin-top: 70px}.album .textbox .title{font-size: 18px;color: #333;position: relative;z-index: 10;background: #fff;margin: 0 auto;padding: 0 25px;display: table}.album .textbox .title-enlish{margin-top: 5px;font-size: 14px;color: #aaa;position: relative}.album .textbox .title-enlish::before{content: "";position: absolute;top: -10px;left: 0;width: 100%;height: 2px;background: #e2e2e2}.album .images-swiper{width: 100%;height: 410px;margin-top: 45px}.album .images-swiper .swiper-slide .imagesitem{width: 100%;height: 315px;display: block;margin: 0 auto}.album .images-swiper .swiper-slide .imagesitem .imgbox{width: 100%}.album .images-swiper .swiper-slide .imagesitem .imgbox img{display: block;width: 100%;height: auto}.album .images-swiper .swiper-slide .imagesitem .title{margin-top: 22px;font: 400 14px/14px "微软雅黑";color: #333}.album .images-swiper .swiper-slide .imagesitem:hover .imgbox{box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.2)}.album .images-swiper .swiper-pagination{bottom: 45px}.album .images-swiper .swiper-pagination .swiper-pagination-bullet{width: 18px;height: 10px;background: #eaeaea;border-radius: 5px;opacity: 1;transition: all 0.3s}.album .images-swiper .swiper-pagination .swiper-pagination-bullet-active{width: 36px;height: 10px;background: #d8d8d8;border-radius: 5px}@media screen and (min-width: 769px) and (max-width: 1200px){.album-content-box{max-width: 90%}.album .images-swiper{height: 355px}} @media screen and (min-width: 769px) and (max-width: 890px){.album-content-box{max-width: 90%}.album .images-swiper{height: 290px}} @media screen and (max-width: 768px){.album-content-box{max-width: 90%}.album .textbox{margin-top: 40px}.album .images-swiper{height: 275px}.album .images-swiper .swiper-pagination{bottom: 35px}} @media screen and (max-width: 425px){.album .images-swiper{height: 250px;margin-top: 35px}.album .images-swiper .swiper-pagination{bottom: 35px}.album .images-swiper .swiper-pagination .swiper-pagination-bullet{width: 13px;height: 7px;background: #eaeaea;border-radius: 5px;opacity: 1;transition: all 0.3s}.album .images-swiper .swiper-pagination .swiper-pagination-bullet-active{width: 26px;height: 7px;background: #d8d8d8;border-radius: 5px}} @media screen and (max-width: 375px){.album .images-swiper{height: 230px;margin-top: 35px}} .row{margin:0}.doesnot{text-align: center;font-size: 20px;margin: 50px 0}/*----按钮----*/ a.a-btn{border-width: 1px;border-style: solid;width: 110px;text-align: center;height:40px;line-height:40px;display:inline-block;cursor:pointer;margin-right:25px;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}.pro_keyword a{display: inline-block;background-color: #999;line-height: 36px;margin-right: 10px;padding: 0px 12px;color: #fff;font-size: 14px;border-radius: 3px}a.a-btn.a-btn2{color:#fff}.topologycenter .body-left{padding-top:25px}.photo.row{padding-top: 20px}/*----面包屑模块----*/ .breadcrumbbox{margin-bottom: 10px}.prodetail-breadcrumb{margin-bottom: 0;padding-bottom: 15px;max-width: 1180px;margin: 0 auto}.breadcrumb{position: relative;overflow: hidden;height: 40px;line-height: 40px;padding: 15px 0 0;color:#fff}.breadcrumb:before{position: absolute;left: 0;content: "\e600";font-family: "iconfont" !important;font-size: 18px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #d8af6d}.breadcrumb b{padding-left: 25px}.breadcrumb em{font-family: arial;font-size: 14px;padding: 0 8px}.breadcrumb a{color:#666 !important;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: #666}.breadcrumb a:last-child{color: #d8af6d !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: #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: #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: #d8af6d !important}.body-right #proclass li.ac .classtriangle:after{border-top-color:#fff!important}.body-left .leftbox{background: #fff;border-bottom: 1px solid #eee;padding-bottom: 10px}.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{margin-bottom: 20px;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}.relate-eng{text-align: center;color:#aaa}.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;background: none;border-radius:0;position:relative;margin:0px}.productbox .product-box li:first-child .thumbnail{padding: 0}.productbox .product-box li,.productbox .product-box li:first-child{margin-top: 15px;margin: 15px 0.5% 0 \9}.relate-box{margin-bottom: 50px !important}.productbox .product-box li.col-md-3:nth-child(4n 1){margin-left: 0}.productbox .div-img img{width:100%;max-height: 196px}.productbox .div-img img:hover{box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2)}.productbox .product-box .thumbnail a.imgbox{position: relative;z-index: 2;display: block}.productbox .product-box .thumbnail h5{margin: 10px 0 15px;height: 44px;white-space: normal;position: relative;line-height:22px;color: #666;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.productbox .more{float: left;position: absolute;display: block;width: 27px;height: 27px;background: #d8af6d;border-radius: 50%;bottom: 0;right: 0}.productbox .more::before, .productbox .more::after{position: absolute;top: 9px;left: 10px;content: '';display: block;width: 11px;height: 2px;border-radius: 1px;background: #fff;transform: rotate(45deg)}.productbox .more::after{top: 16px;transform: rotate(-45deg)}/*-----------表格---------------*/ .table-01{width:100%;margin-bottom:15px}.table-01 th, .table-01 td{padding:5px 2px;font-size:14px}.table-01 th{text-align:left;width:px;font-weight:normal;color: #666;font-size:14px}.table-01 td{color: #666}.table-01 .jiathis_style_24x24{margin:0}.standard div{display: inline-block;padding: 5px 10px 5px 0}.standard .is-standard{padding: 0}table.table-01 th{width: auto;max-width: 44px}.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: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 #d2d2d2;height:30px;color: #333;line-height: 30px;padding: 2px 5px;width:95%;size:auto;font-size:12px}input.text01:focus, input.text01:hover, input.text01:active{border-color: #d2d2d2;box-shadow: 0 0 3px #d2d2d2}.textarea01{border:1px solid #d2d2d2;padding:5px;color:#333;width:95%}.textarea01:focus,.textarea01:hover{border-color: #d2d2d2;box-shadow: 0 0 4px #d2d2d2}/*----------------------------------------------------------------------------------------------*/ /*----产品列表----*/ .content-box.product-content-box{margin-top: 25px !important}.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: 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:20px 0;max-width: 1180px;margin: 0 auto}.product-detail .product-detail-box{max-width: 1180px;margin: 0 auto}.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}.product-detail .col-md-7{padding-left: 50px !important}.fieldset-style{overflow:hidden;margin:10px 0;word-break: break-all;word-wrap:break-word}.fieldset-style .div1{color: #666;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}.product-detail .col-md-7 .themefont{line-height: 40px;padding: 0 40px}.prodetail-content-box{width: 100%;max-width: 100% !important}.prodetail-content-box .body-right{width: 100%}.pro_page .pro_page_fr,.pro_page .pro_page_fl{height: 40px;line-height: 40px}.prodetail-content-box .productbox h4.title01{position: relative;display: block;width: 100%}.prodetail-content-box .productbox h4.title01::before{content: "";border: 1px solid #e2e2e2;position: absolute;bottom: 10px;width: 100%}.prodetail-content-box .productbox h4.title01 span{padding: 0 10px;color: #333;display: block;float: none;display: inline-block;padding: 0 30px;background: #fff;position: absolute;left: 50%;transform: translatex(-50%);font-size: 18px}/*-----------产品询价页---------------*/ .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}.pro_page,.pro_keyword{max-width: 1180px;margin: 0 auto;line-height: 40px}.pro_keyword{padding-bottom: 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;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: ""}.feedbackbox .themebg.btn-success,.feedbackbox .btn-warning.btn-can{width: 70px;padding: 0 25px !important;border: none;border-radius: 0;line-height: 40px;height: 40px !important;margin: 10px 25px 55px 0}/*-----------公司介绍---------------*/ .company-box{padding:5px 0 50px}.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:#333}.map dl dd{display:inline;margin:0px}.map dl dd a{margin:0 10px 10px;float:left;color: #333} .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:#ccc}.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: #333;border-bottom:1px solid #ccc;position: relative}.nlist-box li:before{content:"● ";left: 0px}.nlist-box li a{color: #333;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: 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}/* 新加 */ .itemcontact{padding: 0 0 50px 0}.itemcontact .itemcontactlist ul{overflow: hidden}.itemcontact .itemcontactlist ul li{width: 100%;overflow: hidden;margin-bottom: 40px}.itemcontact .contact_i{float: left;width: 100px;height: 100px;line-height: 100px;border: solid 1px #e5e5e5;text-align: center} .itemcontact .contact_i:hover{box-shadow: 1px 1px 7px 0px rgba(90, 90, 90, 0.2)}.itemcontact .contact_i i:before{font-size: 45px;color: #dbdbdb}.itemcontact .contact_i:hover i:before{color: #d8af6d}.itemcontact .contact_i .iconyouxiang:before{font-size: 35px;color: #dbdbdb}.itemcontact .contactcon{width: 100%}.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;font-size: 18px;color: #d8af6d}.itemcontact .contact_item p,.itemcontact .contact_item p a{font-size: 14px;color: #666}.contactbox .lbs-box{display: none}.contactbox .map-box1{min-height: 600px;width: 38%;float: left;margin: 0 0 75px}.contactbox .contactbg .content-box{float: right;width: 56%}.contactbox .contactbg{max-width: 1180px;margin: 0 auto}.contactbox .breadcrumbbox{margin-bottom: 20px}.itemcontactmore{background-color: rgba(255,255,255,.3);padding: 20px}.itemcontactmore ul{overflow: hidden}.itemcontactmore ul li{width: 100%;padding: 10px 0}.itemcontactmore ul li div{width: 100%}.message-list dl .themebg{background-color:#444 !important}.message-list dl{border: 1px solid #444 !important} .pagination>li>a, .pagination>li>span{background-color: #fff;border: 1px solid #d2d2d2}.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus{background-color:#d8af6d;border-color: #d8af6d}.feedbackbox th span{color: #d8af6d !important}/* 产品分类 */ .classleftbox .product-class{padding: 0}.classleftbox .product-class{border: none}.body-left.classleftbox .product-class li{border-bottom: 1px solid rgba(255,255,255,.1)}.classleftbox .product-class li a{color: #999;font-size: 16px;padding: 0}#proclassleft li.ac .classtriangle:after, #md_detailproductclass li.ac .classtriangle:after{content: '\e711';color: #d8af6d;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{content: '\e643'}#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);transform: rotate(0deg)}.select-container{width: 16px;height: 16px;display: inline-block;border: 1px solid #e5e5e5;position: relative;top: 3px;border-radius: 2px;margin-right: 10px}.textfor .select-container::before{content: "";position: absolute;left: 2px;top: 3px;width: 10px;height: 5px;border: 3px solid #d8af6d;border-radius: 1px;border-top: none;border-right: none;background: transparent;transform: rotate(-45deg)}} #proclassleft li .second span:nth-child(2){width: 72%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;line-height: 30px;height: 30px}#proclassleft li .classbox, #md_detailproductclass li .classbox{margin: 5px 0}#proclassleft li .classbox.ac{margin: 20px 0}#proclassleft li.ac .themebg{color: #999 !important;background-color: #fff !important}/* 图库 */ .photo.row{padding-top: 0}.photo.row .thumbnail{padding: 0;border: none;border-radius: 0}.photo.row .col-md-3:hover p{color: #d8af6d}.photo.row .col-md-3:hover img{box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2)}.photo.row .col-md-3{width: 22.75%;margin-left: 3%}.albumindex .body-right{width: 100%}/* 招聘 */ .recruitn_box .page{margin-top: 0}.recruitn_title{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:#d8af6d;line-height: 30px;border-radius: 5px;margin-top: 10px}.detailbox a:hover{color: #fff !important}.employment .mt10 li{color: #333 !important}#zpopen,.list_dt:hover{cursor: pointer;background-color: #d8af6d}#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{overflow: hidden;background-color: #f5f5f5;margin-bottom: 30px}.list_dd:hover{box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2)}.list_dd .item_img{float: left;max-width:30%}.list_dd .item_img img{width: 95%}.list_dd .item_con{float: left;max-width:69%;padding: 10px 0 20px 20px}.list_dd .item_con ul li{line-height: 25px}.list_dd .item_con ul li:first-child{line-height: 35px;color: #d8af6d}#zpopen{margin-bottom: 0}.rcon100{max-width:100% !important}/* 新闻 */ .rentitle{} /* .rentitle:before{content: "";position: absolute;left: 10px;top: 50%;margin-top: -12px;display: block;width: 4px;height: 24px;background-color: #d8af6d}*/ .rentitle h4{display: block;height:46px;line-height: 46px;font-size: 16px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}.narticle-left{width: 100%;margin-bottom: 40px}.narticle-left .narticlenav ul{overflow: hidden;display: flex;justify-content: center;flex-wrap: wrap}.narticle-left .narticlenav ul li{max-width: 18%;text-align: center;padding: 0 15px;margin-bottom: 10px;box-sizing: border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.narticle-left .narticlenav ul li a{color: #323232;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: #d8af6d;position: relative}.narticle-left .narticlenav ul li:hover a::before{content: "";position: absolute;bottom: 0;width: 100%;height: 2px;background-color: #d8af6d}.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: #d8af6d}.topologyleft .article_detail-box .body-right{width: 100%}/* .newlist{} .newlist ul li{overflow: hidden;padding: 30px 0;background: 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: #d8af6d}*/ .newlist .newsbox{padding-bottom: 10px}.newlist .newsbox .newsitem{float: left;width: 31%;display: block;background: #f5f5f5;padding-bottom: 25px;margin-right: 3.5%}.newlist .newsbox .newsitem .imgbox{position: relative;width: 100%}.newlist .newsbox .newsitem .imgbox img{display: block;width: 100%;height: 275px}.newlist .newsbox .newsitem .imgbox .date{position: absolute;left: 50%;bottom: -32px;width: 64px;height: 64px;color: #fff;font-size: 14px;text-align: center;border-radius: 50%;transform: translatex(-50%)}.newlist .newsbox .newsitem .imgbox .date div{line-height: 24px}.newlist .newsbox .newsitem .imgbox .date div:first-child{margin-top: 8px}.newlist .newsbox .newsitem .title{padding: 0 20px;margin: 57px 0 5px;text-align: center;font: 400 14px/22px "微软雅黑";height: 44px;color: #333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.newlist .newsbox .newsitem .content{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;padding: 0 20px;font: 12px/20px "微软雅黑";color: #c1c1c1;width: 100%;height: 60px;box-sizing: border-box;text-align: justify}.newlist .newsbox .newsitem:hover{box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.2)}.newlist .newsbox .newsitem:hover .title{color:#d8af6d}.newlist .newsbox .newsitem:nth-child(3n){margin: 0}.newlist .newsbox .newsitem:nth-child(n 4){margin-top: 55px}.hotlist{margin: 0 0 50px}.newlist .textbox{width: 100%;text-align: center;margin-bottom: 50px}.newlist .textbox .title{position: relative;font-size: 18px;color: #333}.newlist .textbox .title::before{content: "";position: absolute;top: 20px;left: 0;width: 100%;height: 2px;background: #e2e2e2}.newlist .textbox .title span{position: relative;z-index: 10;padding: 0 40px;background-color: #fff}.newlist .textbox .eng{margin-top: 5px;font-size: 14px;color: #aaa}.articledetailbox .narticle-llist{margin-top: 0}.articledetailbox .body-right{width: 100%}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: 30px 0 45px 0;margin-bottom: 20px;border-bottom: 1px solid #eee;}.news-nr-box .news1-tiem span{padding: 0px 12px}.news-nr-box .news1-tiem span i{margin-right: 5px}.news-nr-box .news1-tiem span a{color: #aaa}.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{margin-top: 25px}.artshow_keyword a{display: inline-block;background-color: #999;line-height: 36px;margin:0 10px 10px 0;padding: 0px 12px;color: #fff;font-size: 14px;border-radius: 3px}.npager{margin: 30px 0}.npager ul li{float: left;width: 50%;background-color: #999;height: 40px;line-height: 40px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}.npager ul li:hover{background-color: #d8af6d}.npager ul li span{padding-left: 10px}.npager ul li:hover a{color: #fff}.article_content-box .body-right{float:none;width: 100%}/* 底部菜单 */ .footerpc{background: #333}.infooternav .frcon p a{color: #aaa !important}/* 产品列表 */ .prolist .proitem{display: block;width: 100%;margin-bottom: 50px;float: left}.prolist .proitem .imgbox{float: left;width: 32%}.prolist .proitem .imgbox img{display: block;width: 100%;height: auto}.prolist .proitem .imgbox img:hover{box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2)}.prolist .proitem .infobox{float: right;width: 63%;padding: 20px 0}.prolist .proitem .infobox .title{font: 400 16px/16px "微软雅黑";color: #666}.prolist .proitem .infobox .content{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin: 18px 0;font: 12px/24px "微软雅黑";color: #999}.prolist .proitem .infobox .tag{margin-bottom: 25px;font: 12px/12px "微软雅黑";color: #999}.prolist .proitem .infobox .price{float: left;margin-right: 30px;font: 16px/27px "微软雅黑";color: #666}.prolist .proitem .infobox .more{float: left;position: relative;display: block;width: 27px;height: 27px;background: #d8af6d;border-radius: 50%}.prolist .proitem .infobox .more::before, .prolist .proitem .infobox .more::after{position: absolute;top: 9px;left: 10px;content: '';display: block;width: 11px;height: 2px;border-radius: 1px;background: #fff;transform: rotate(45deg)}.prolist .proitem .infobox .more::after{top: 16px;transform: rotate(-45deg)}/*团队列表*/ .grouplist{padding:10px;overflow:hidden}.grouplist li{float:left;width:33.33%;padding:10px;box-sizing: border-box}.grouplist li img{width:100%}.grouplist li .imgbox:hover{box-shadow:0 0 10px rgba(0,0,0,.5)}.grouplist li h3{height:30px;margin-top:10px;line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333;font-size:16px}.grouplist li p{height:25px;line-height:25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#aaa;font-size:14px}#proclassleft .textfor span{background: none !important;color: #d8af6d !important}.classleftbox .product-class li a:hover span{color: #d8af6d !important}#proclassleft .ac .ac{} .classleftbox .product-class .ac .ac a{width: 100%;margin: 0 auto}.prox-llist .rentitle h4{text-align: left;color: #333}.prox-llist ul li{margin-top: 10px;overflow: hidden}.prox-llist .item-img{width:100%}.prox-llist .item-img img{width: 100%}.prox-llist .item-con{position: relative}.prox-llist .item-con h3{font-weight: bold;margin-top: 20px;color: #666;font-size: 14px;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: 10px 0 30px;color: #999;font-size: 14px}.prox-llist ul li:hover h3{color: #d8af6d}.prox-llist ul li:hover .item-img{box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2)}.proshowtitle{margin: 30px 0;padding-bottom: 30px;background: repeat-x right bottom}.proshowtitle h1{font-size: 24px;color: #fff;margin: 30px 0}.proshowtitle p{font-size: 14px;color: #aaa}.prox-llist .item-con .more{position: absolute;right: 0;bottom: 0;width: 27px;height: 27px;border-radius: 50%;background: #d8af6d}.prox-llist .item-con .more::before, .prox-llist .item-con .more::after{position: absolute;top: 9px;left: 10px;content: '';display: block;width: 11px;height: 2px;border-radius: 1px;background: #fff;transform: rotate(45deg)}.prox-llist .item-con .more::after{top: 16px;transform: rotate(-45deg)}.productimgbox .thumbnail{padding: 0;border: 1px solid #d8af6d}body .product-detail .productimgsmall{background: none;padding: 0;border: none}body .product-detail .productimgsmall:after, body .product-detail .productimgsmall:before{width:0}.product-detail .col-md-7 h1{padding-left: 0}/* body .product-detail .productimgsmall li{border: 1px solid red}*/ body .product-detail .productimgsmall li.active, body .product-detail .productimgsmall li:hover{border: 2px solid #d8af6d}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:40%;overflow:hidden;float: left}.index_zhuanjia_pic{height:300px;overflow:hidden}/* .index_zhuanjia_pic ul{position:absolute;left:0}*/ .index_zhuanjia_pic li{overflow:hidden;position:relative;float:left}.prodetail-left-box{float: right;width: 50%}.index_zhuanjia_left_inc{width:32px;height:41px;position:absolute;left:0px;top:50%;margin-top: -20px;cursor:pointer;background: 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: left top no-repeat;z-index:9} .index_zhuanjia_list{width:23%;overflow:hidden}.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 #d8af6d solid}.index_zhuanjia_lists ul li.on{border:2px #d8af6d solid}.index_zhuanjia_lists ul li img{width: 100%}/* banner */ .renbanner{text-align:center;position: relative}.renbanner .item-img{opacity: 1}.renbanner .item-img img{width: 100%;max-height: 350px}.renbanner .item-con{width: 100%;position: absolute;text-align: center;top: 50%;left: 35%;-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}.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:#d8af6d}.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:#1f3e85}.companydata-item ul{overflow: hidden;padding: 30px 0}.companydata-item ul li{float: left;width: 25%;background: 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: #d8af6d}.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: #d8af6d}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 #d8af6d}.product-count .input-group-addon{background: #fff;border: 1px solid #dcdcdc;color: #666}.product-count .form-control{background: #fff;color: ##d8af6d;border: 1px solid #dcdcdc}.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: #333;margin-bottom: 35px;text-align: left;font-weight: bold}.table-02 th{text-align: right}/* 小屏幕 一*/ .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}.photo.row .layout_default p{margin-bottom: 35px}@media screen and (min-width:870px){.topologyleft .body-left{width:20%} /* .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}.grouplist li{width:50%}.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;display: block}.npager ul li{float: none;width: 100%;margin-bottom: 10px}.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 .contactbg .content-box{width: 90%;margin: 0 auto;float: none}.contactbox .map-box1{min-height: 300px;width: 90%;margin: 0 auto 30px;float: none}.prolist .proitem{width: 48%;float: left}.prolist .proitem:nth-child(2n 1){margin-right: 4%}.prolist .proitem .imgbox,.prolist .proitem .infobox{float: none;width: 100%}.prolist .proitem .infobox .content,.prolist .proitem .infobox .tag{display: none}.prolist .proitem .infobox .price{margin-top: 15px}.prolist .proitem .infobox .more{top:15px;float: right}.prolist .proitem .infobox .title{line-height: 23px;height: 46px;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.newlist .newsbox .newsitem .imgbox img{height: 115px}.newlist .textbox{margin-bottom: 10px}} @media screen and (max-width:425px){.body-right .newlist .newsbox{margin-top: 0}.body-right .newlist .newsbox .newsitem{width: 48%;margin-right: 4%;margin-top: 20px;padding-bottom: 20px}.body-right .newlist .newsbox .newsitem:nth-child(2n){width: 48%;margin-right: 0}.body-right .newlist .newsbox .newsitem:nth-child(2n 1){margin-right: 4%}.body-right .newlist .newsbox .newsitem:last-child{display: none}.body-right .newlist .newsbox .newsitem .content{padding: 0 15px}.body-right .newlist .newsbox .newsitem .title{padding: 0 15px;margin: 50px 0 10px}.body-right .hotlist{margin: 30px 0 20px}.news-nr-box .news1-tiem{padding: 20px 0}.prolist .proitem .infobox{padding: 10px 0}.product-detail,.pro_page, .pro_keyword,.body-right .productbox{padding: 0;max-width: 90% !important}.product-detail .col-md-7{padding-left: 0 !important}.photo.row .col-md-3{width: 46%;margin: 0 2%}.photo.row .col-md-3:nth-child(2n 1),.photo.row .col-md-3:nth-child(4n 1){margin-left: 2%}} 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;display: block;height: 96px}.menu .header-box .logo img{max-height: 96px !important;max-width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}.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:16px;color:#333;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;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{} /* .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;color: #fff}.menu .m-menutop-so{padding: 15px;border-bottom: 1px solid rgba(255,255,255,.1)}.menu .m-menutop-so .mnavformgroup{background-color:#d8af6d;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: 1px}.menu .m-menutop-so .iconshiliangzhinengduixiang:before{font-size: 18px}.menu .header-box .logo{height: auto;text-align: left}.menu .header-box .logo img{max-height: 96px !important;max-width: 100%;position: relative;top: 0;left: 10px;transform: translate(0)}} @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}} /* 增加导航栏背景颜色 */ .menu{background: #f5f5f5}.banner{width:100%;overflow: hidden}.carousel{margin: 0}.bannerbox{margin:0 auto;position: relative}.banner .carousel-control{background: none}.bannereffect .tp-leftarrow.large, .bannereffect .tp-rightarrow.large{display: none}.bannereffect .tp-bullets.simplebullets.round .bullet{width: 18px !important;height: 10px !important;border-radius: 5px;opacity: 1;transition: all 0.3s}.bannereffect .tp-bullets.simplebullets.round .bullet:hover, .bannereffect .tp-bullets.simplebullets.round .bullet.selected, .bannereffect .tp-bullets.simplebullets.navbar .bullet:hover, .bannereffect .tp-bullets.simplebullets.navbar .bullet.selected{width: 36px !important;height: 10px !important;border-radius: 5px}/* */ #md_tpl_two .bannereffect .tp-bullets{bottom: 130px!important}@media screen and (min-width: 769px) and (max-width: 1200px) {} @media screen and (min-width: 769px) and (max-width: 890px) {} @media screen and (max-width: 768px) {} @media screen and (max-width: 425px) {.flex-control-nav{bottom: 35px}} /*-----------<关于我们>---------------*/ .about-draggable{margin: 60px 0 22px}.about-content-box{width: 100%;max-width: 100%;background: #f6f6f6}.tpl_four{overflow: visible}.about-us{margin: 0 auto}.about-us .aboutusbox{width: 100%;padding: 50px 0;position: relative}.about-us .aboutusbox .cw1200{max-width: 1180px;margin: 0 auto}.about-us .aboutusbox .cw1200 .title{font: 400 18px/18px "微软雅黑";color: #333;margin: 0}.about-us .aboutusbox .cw1200 .eng{margin: 16px 0 32px;font: 14px/14px "微软雅黑";color: #aaa}.about-us .aboutusbox .cw1200 .content{height: 168px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;max-width: 55%;font: 12px/28px "微软雅黑";color: #aaa}.about-us .aboutusbox .cw1200 .more{display: block;width: 143px;height: 33px;margin-top: 30px;text-align: center;font: 14px/33px "微软雅黑";border-width: 1px;border-style: solid}.about-us .aboutusbox .cw1200 .imgbox{position: absolute;top: -20px;right: 8%;width: 33%;height: 453px;border-width: 1px;border-style: solid}.about-us .aboutusbox .cw1200 .imgbox img{display: block;width: 100%;height: 453px}@media screen and (min-width: 769px) and (max-width: 1600px){.about-us .aboutusbox .cw1200 .imgbox{width: 40%}.about-us .aboutusbox .cw1200 .content{width: 43%}} @media screen and (min-width: 769px) and (max-width: 1200px){.about-us{max-width: 1024px;margin: 0 auto;padding-left: 8%}.about-us .aboutusbox .cw1200 .imgbox{width: 45%}.about-us .aboutusbox .cw1200 .content{width: 40%}} @media screen and (min-width: 769px) and (max-width: 890px){.about-us{max-width: 768px;padding: 0 15px;box-sizing: border-box}.about-us .aboutusbox{padding: 30px 0 35px}.about-us .aboutusbox .cw1200 .eng{margin: 15px 0 30px}.about-us .aboutusbox .cw1200 .content{height: 150px;max-width: 100%;margin-top: 20px;font: 12px/25px "微软雅黑"}.about-us .aboutusbox .cw1200 .more{margin-top: 25px}.about-us .aboutusbox .cw1200 .imgbox{position: relative;top: 0;right: 0;width: 100%;max-height: 576px}.about-us .aboutusbox .cw1200 .imgbox img{max-height: 576px}} @media screen and (max-width: 768px){.about-us{max-width: 768px;padding: 0 15px;box-sizing: border-box}.about-us .aboutusbox{padding: 30px 0 35px}.about-us .aboutusbox .cw1200 .eng{margin: 15px 0 30px}.about-us .aboutusbox .cw1200 .content{height: 150px;max-width: 100%;margin-top: 20px;font: 12px/25px "微软雅黑"}.about-us .aboutusbox .cw1200 .more{margin-top: 25px}.about-us .aboutusbox .cw1200 .imgbox{position: relative;top: 0;right: 0;width: 100%;max-height: 576px}.about-us .aboutusbox .cw1200 .imgbox img{max-height: 576px}} @media screen and (max-width: 425px){.about-us{max-width: 425px;padding: 0 15px;box-sizing: border-box}.about-us .aboutusbox{padding: 30px 0 35px}.about-us .aboutusbox .cw1200 .eng{margin: 15px 0 30px}.about-us .aboutusbox .cw1200 .content{height: 150px;max-width: 100%;margin-top: 20px;font: 12px/25px "微软雅黑"}.about-us .aboutusbox .cw1200 .more{margin-top: 25px}.about-us .aboutusbox .cw1200 .imgbox{position: relative;top: 0;right: 0;width: 100%;max-height: 273px}.about-us .aboutusbox .cw1200 .imgbox img{max-height: 273px}} /*-----------<联系我们>---------------*/ .contact-box{max-width: 100%;margin-top: 75px !important}.contact{height: 500px;position: relative}.contact .lbs-box{display: none}.contact .map-box1{min-height: 500px}.contact .inmap{position: absolute;z-index: 1;top: 0;left: 0;width: 100%}.contact .inmap img{width: 100%}.contact .incontact{position: relative;z-index: 2;width: 540px;background-color: rgba(255, 255, 255, .85);margin-bottom: 60px}.contact .incontact .incontact_box{padding: 30px}.contact .incontact h3{font-size: 18px}.contact .itemlist{margin: 25px 0}.contact .itemlist ul li{padding: 5px 0;color: #c1c1c1;font-size: 14px}.contact .itemlist ul li a{color: #c1c1c1;font-size: 14px}.contact .feedbackc{line-height: 36px;padding: 10px 35px}.contact .feedbackc:hover{color: #fff}.concact-box-263{position: relative;top: 98px}.bmap_mask{background: rgba(0, 0, 0, .25) !important}/* 横向放置的手机和竖向放置的平板之间的分辨率 三*/ @media screen and (max-width: 1030px){} @media screen and (max-width: 980px){} @media screen and (max-width: 870px){.contact{height: 400px}.contact .map-box1{min-height: 400px}.contact-box{margin-top: 35px !important}.contact .incontact{position: relative;z-index: 2;width: 90%;left: 5%;background-color: rgba(255, 255, 255, .85);margin-bottom: 0}.concact-box-263{top: 60px}.contact .itemlist{margin: 20px 0}.contact .incontact .incontact_box{padding: 20px}.contact .feedbackc{display: block;width: 30%;line-height: 36px;padding: 0;border-radius: 0;text-align: center}} @media screen and (max-width: 768px){} @media screen and (max-width: 600px){}.news-center .textbox{width: 100%;text-align: center;margin-top: 50px}.news-center .textbox .title{font-size: 18px;color: #333;z-index: 10;position: relative;background: #fff;margin: 0 auto;padding: 0 25px;display: table}.news-center .textbox .title-enlish{margin-top: 5px;font-size: 14px;color: #aaa;position: relative}.news-center .textbox .title-enlish::before{content: "";position: absolute;top: -10px;left: 0;width: 100%;height: 2px;background: #e2e2e2}.news-center .newsbox{margin: 40px 0 0;padding-bottom: 10px}.news-center .newsbox .newsitem{float: left;width: 30.66%;display: block;background: #f5f5f5;padding-bottom: 35px}.news-center .newsbox .newsitem .imgbox{position: relative;width: 100%}.news-center .newsbox .newsitem .imgbox img{display: block;width: 100%;height: auto}.news-center .newsbox .newsitem .imgbox .date{position: absolute;left: 50%;bottom: -32px;width: 64px;height: 64px;color: #fff;font-size: 14px;text-align: center;border-radius: 50%;transform: translatex(-50%)}.news-center .newsbox .newsitem .imgbox .date div{line-height: 24px}.news-center .newsbox .newsitem .imgbox .date div:first-child{margin-top: 8px}.news-center .newsbox .newsitem .title{padding: 0 20px;margin: 57px 0 10px;text-align: center;font: 400 14px/22px "微软雅黑";height: 44px;color: #333;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2}.news-center .newsbox .newsitem .content{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;padding: 0 20px;font: 12px/20px "微软雅黑";color: #c1c1c1;width: 100%;height: 60px;box-sizing: border-box;text-align: justify}.news-center .newsbox .newsitem:hover{box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.2)}.news-center .newsbox .newsitem:nth-child(2){margin: 0 4%}@media screen and (max-width: 769px){.news-center .newsbox{margin: 30px 0 0;padding-bottom: 20px}.news-center .newsbox .newsitem{width: 48%;padding-bottom: 25px;margin-bottom: 30px}.news-center .newsbox .newsitem .title{padding: 0px 15px;margin: 50px 0 15px;text-align: left;font: 600 14px/20px "微软雅黑";white-space: normal;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 40px}.news-center .newsbox .newsitem .content{padding: 0 15px;font: 12px/18px "微软雅黑";height: 54px}.news-center .newsbox .newsitem:nth-child(2n 1){margin: 0 4% 25px 0}.news-center .newsbox .newsitem:nth-child(2){margin: 0 0 25px}} @media screen and (max-width: 1024px){.new-content-box{width: 90%}.news-center .newsbox{margin: 40px 0 0;padding-bottom: 50px}} @media screen and (max-width: 425px){.new-content-box{width: 90%}.news-center .textbox{margin-top: 25px}.news-center .newsbox .newsitem .title{margin: 48px 0 6px}.news-center .newsbox{margin: 25px 0 0;padding-bottom: 20px}.news-center .newsbox a:last-child{display: none}} /*产品列表*/ /*--------------------------*/ .tpl_five{overflow: visible}/* 产品分类 */ .product-container{position: relative}.product-container .productclass-swiper{width: 100%;position: absolute;padding-top: 15px;top: -110px;z-index: 3;padding: 0 2%;box-sizing: border-box;background-color: #fff}.product-container .productclass-swiper .swiper-wrapper{margin-top: 20px}.product-container .productclass-swiper .productclass-swiper-slider .pronavitem{width: 86%;display: block;padding: 32px 22px 32px 35px;float: left;margin-left: 7%;box-sizing: border-box;background-color: #f5f5f5}.product-container .productclass-swiper .productclass-swiper-slider .pronavitem .infobox{float: left;padding-top: 40px}.product-container .productclass-swiper .productclass-swiper-slider .pronavitem .infobox h3{max-width: 90px;margin-bottom: 8px;font: 400 18px/18px "微软雅黑";color: #323232}.product-container .productclass-swiper .productclass-swiper-slider .pronavitem .infobox div{font-size: 14px;color: #aaa}.product-container .productclass-swiper .productclass-swiper-slider .pronavitem .imgbox{float: right;width: 169px;overflow: hidden}.product-container .productclass-swiper .productclass-swiper-slider .pronavitem .imgbox img{display: block;width: 100%;max-height: 127px;height: auto}.product-container .productclass-swiper .swiper-button-prev, .product-container .productclass-swiper .swiper-button-next{margin-top: -16px;background: none}.product-container .productclass-swiper .swiper-button-prev::before, .product-container .productclass-swiper .swiper-button-next::before, .product-container .productclass-swiper .swiper-button-prev::after, .product-container .productclass-swiper .swiper-button-next::after{position: absolute;top: 14px;left: 2px;content: '';display: block;width: 22px;height: 4px;border-radius: 2px;background: #e3e3e3;transform: rotate(-45deg)}.product-container .productclass-swiper .swiper-button-prev::after, .product-container .productclass-swiper .swiper-button-next::after{top: 27px;transform: rotate(45deg)}.product-container .productclass-swiper .swiper-button-next{transform: rotate(180deg)}.product-container .titlebox{padding-top: 170px}.product-container .titlebox .textbox{width: 100%;text-align: center}.product-container .titlebox .textbox .title{font-size: 18px;color: #333;position: relative;z-index: 10;background: #fff;margin: 0 auto;padding: 0 25px;display: table}.product-container .titlebox .textbox .title-enlish{margin-top: 5px;font-size: 14px;color: #aaa;position: relative}.product-container .titlebox .textbox .title-enlish::before{content: "";position: absolute;top: -10px;left: 0;width: 100%;height: 2px;background: #e2e2e2}.product-container .probox{padding-bottom: 90px}.product-container .probox .proitem{position: relative;float: left;width: 22%;margin-right: 4%;margin-top: 35px}.product-container .probox .proitem:nth-child(4n){margin-right: 0}.product-container .probox .proitem .imgbox{width: 100%}.product-container .probox .proitem .imgbox:hover{box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.2)}.product-container .probox .proitem .imgbox img{display: block;width: 100%;height: auto}.product-container .probox .proitem .title{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 45px;margin: 15px 0;font: 400 14px/22px "微软雅黑";color: #666}.product-container .probox .proitem .price{font-size: 14px;color: #666}.product-container .probox .proitem .more{position: absolute;right: 0;bottom: 0;width: 27px;height: 27px;border-radius: 50%}.product-container .probox .proitem .more::before, .product-container .probox .proitem .more::after{position: absolute;top: 9px;left: 10px;content: '';display: block;width: 11px;height: 2px;border-radius: 1px;background: #fff;transform: rotate(45deg)}.product-container .probox .proitem .more::after{top: 16px;transform: rotate(-45deg)}@media screen and (min-width: 769px) and (max-width: 1200px){.product-container .titlebox{padding-top: 205px}.product-container .productclass-swiper{padding: 0}.product-container .productclass-swiper .productclass-swiper-slider .pronavitem .infobox{padding-top: 0}} @media screen and (min-width: 769px) and (max-width: 890px){.product-container .titlebox{padding-top: 205px}.product-container .productclass-swiper .productclass-swiper-slider .pronavitem .infobox{padding-top: 0}.product-container .productclass-swiper .productclass-swiper-slider .pronavitem .imgbox{float: none}} @media screen and (max-width: 768px){.product-container .productclass-swiper{padding: 0;top: 10px}.product-container .productclass-swiper .productclass-swiper-slider .pronavitem{padding: 20px 22px 20px 35px}.product-container .titlebox{padding-top: 235px}.product-container .productclass-swiper .productclass-swiper-slider .pronavitem .infobox{padding-top: 0}} @media screen and (max-width: 425px){.product-container .productclass-swiper{padding: 0;top: 10px}.product-container .productclass-swiper .swiper-wrapper{margin-top: 15px}.product-container .productclass-swiper .productclass-swiper-slider .pronavitem{padding: 20px 10px;width: 90%;margin: 0 5%}.product-container .productclass-swiper .productclass-swiper-slider .pronavitem .infobox{padding-top: 13px}.product-container .productclass-swiper .productclass-swiper-slider .pronavitem .infobox h3{max-width: 58px;margin-bottom: 4px;font: 400 14px/14px "微软雅黑"}.product-container .productclass-swiper .productclass-swiper-slider .pronavitem .infobox a{font-size: 12px}.product-container .productclass-swiper .productclass-swiper-slider .pronavitem .imgbox{width: 78px}.product-container .productclass-swiper .productclass-swiper-slider .pronavitem .imgbox img{max-height: 58px;height: auto}.product-container .productclass-swiper .swiper-button-prev, .product-container .productclass-swiper .swiper-button-next{display: none}.product-container .titlebox{padding-top: 150px}.product-container .titlebox .textbox .title span{padding: 0 20px}.product-container .probox{padding-bottom: 35px}.product-container .probox .proitem{width: 48%;margin-right: 0%;margin-top: 25px}.product-container .probox .proitem:nth-child(2n 1){margin-right: 4%}} @media screen and (max-width: 320px){.product-container .productclass-swiper .productclass-swiper-slider .pronavitem .infobox div{font-size: 12px}.product-container .productclass-swiper .productclass-swiper-slider .pronavitem .infobox h3{font: 400 12px/12px "微软雅黑"}.product-container .productclass-swiper .productclass-swiper-slider .pronavitem .imgbox{width: 50%}.product-container .productclass-swiper .productclass-swiper-slider .pronavitem .imgbox img{max-height: 45px}} .friendlink .link{padding-top: 75px}.friendlink .link .link-mobile-swiper{display: none}.friendlink .link .link-swiper{position: relative;padding: 0 35px}.friendlink .link .link-swiper::before, .friendlink .link .link-swiper::after{position: absolute;top: 0;left: 0;content: '';display: block;width: 35px;height: 100%;background: #fff}.friendlink .link .link-swiper::after{left: auto;right: 0}.friendlink .link .link-swiper .swiper-wrapper .swiper-slide .linkitem{max-height: 140px}.friendlink .link .link-swiper .swiper-wrapper .swiper-slide .linkitem img{display: block;width: 60%;height: auto;margin: 0 auto 25px}.friendlink .link .link-swiper .swiper-wrapper .swiper-slide .linkitem .title{width: 80%;margin: 0 auto;text-align: center;font-size: 20px;font-weight: 100;color: #c1c1c1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.friendlink .link .link-swiper .swiper-wrapper .swiper-slide .linktextitem{width: 90%;margin: 0 auto;display: block;text-align: center;font-size: 20px;font-weight: 100;white-space: nowrap;color: #333;overflow: hidden;text-overflow: ellipsis}.friendlink .link .link-swiper .swiper-button-prev, .friendlink .link .link-swiper .swiper-button-next{left: 0;background: none}.friendlink .link .link-swiper .swiper-button-prev::before, .friendlink .link .link-swiper .swiper-button-next::before, .friendlink .link .link-swiper .swiper-button-prev::after, .friendlink .link .link-swiper .swiper-button-next::after{position: absolute;top: 14px;left: 2px;content: '';display: block;width: 22px;height: 4px;border-radius: 2px;background: #e3e3e3;transform: rotate(-45deg)}.friendlink .link .link-swiper .swiper-button-prev::after, .friendlink .link .link-swiper .swiper-button-next::after{top: 27px;transform: rotate(45deg)}.friendlink .link .link-swiper .swiper-button-next{left: auto;right: 0;transform: rotate(180deg)}@media screen and (max-width: 1024px){.friendlink .link{padding-top: 0;background: #fff}.friendlink .link .link-swiper{padding: 0 15px}.friendlink .link .link-swiper .swiper-wrapper .swiper-slide .linkitem .title{font-size: 14px}.friendlink .link .link-swiper .swiper-wrapper .swiper-slide .linkitem img{width: 75%;margin: 0 auto 15px}.friendlink .link .link-swiper .swiper-wrapper .swiper-slide .linktextitem{font-size: 16px}.friendlink .link .link-swiper .swiper-button-prev, .friendlink .link .link-swiper .swiper-button-next{left: 5px;background: none}.friendlink .link .link-swiper .swiper-button-prev::before, .friendlink .link .link-swiper .swiper-button-next::before, .friendlink .link .link-swiper .swiper-button-prev::after, .friendlink .link .link-swiper .swiper-button-next::after{top: 17px;left: 2px;content: '';display: block;width: 15px;height: 2px;border-radius: 2px;background: #e3e3e3;transform: rotate(-45deg)}.friendlink .link .link-swiper .swiper-button-prev::after, .friendlink .link .link-swiper .swiper-button-next::after{top: 27px;transform: rotate(45deg)}.friendlink .link .link-swiper .swiper-button-next{left: auto;right: 5px;transform: rotate(180deg)}} /*---footer----*/ .footers{width:100%;background: #333}.footerbox{margin: 0 auto;max-width: 1180px}.footers .footers-box{padding:15px 0;background: repeat-x top}.footers .footers-box a{margin-right:10px;color: #aaa !important;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: repeat-y right top}.infooternav_con{float: left;width: 30%;background: 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: 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;color: #aaa}.footers .qr{display: none}@media screen and (max-width: 870px){.footerpc{display: none}.footerm{display: block;width: 90%;text-align: center;margin: 0 auto;padding-bottom: 60px}.footerm p{color: #aaa;padding: 5px 0}.infootercon{background: none !important}}/*---footer----*/ .tpl_nine{background-color: #333}.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: repeat-y right top}.infooternav_con{float: left;width: 30%;background: repeat-y right top}.infooternav_right{float: left;width: 30%}.infooternav .frcon p{color: #aaa;line-height: 24px;font-size: 12px}.infooternav .frcon p a{color: #aaa}.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: repeat-x right top;padding: 20px 0;text-align:center;color: #aaa}.infooternav .fpp20{padding: 0 35px;height: 300px}.infooternav .frer img{margin:20px 0 10px 0}.infooternav h3{display: block;padding-bottom: 20px;position: relative;font-size: 18px;color: #fff}.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}} #righthistory .fnavlist a,#righthistory .frcon a,#righthistory .footersinformation a{color: #aaa !important}/*-----------<图库>---------------*/ /*--------------------------*/ /* 横向放置的手机和竖向放置的平板之间的分辨率 四*/ .album .textbox{width: 100%;text-align: center;margin-top: 70px}.album .textbox .title{font-size: 18px;color: #333;position: relative;z-index: 10;background: #fff;margin: 0 auto;padding: 0 25px;display: table}.album .textbox .title-enlish{margin-top: 5px;font-size: 14px;color: #aaa;position: relative}.album .textbox .title-enlish::before{content: "";position: absolute;top: -10px;left: 0;width: 100%;height: 2px;background: #e2e2e2}.album .images-swiper{width: 100%;height: 410px;margin-top: 45px}.album .images-swiper .swiper-slide .imagesitem{width: 100%;height: 315px;display: block;margin: 0 auto}.album .images-swiper .swiper-slide .imagesitem .imgbox{width: 100%}.album .images-swiper .swiper-slide .imagesitem .imgbox img{display: block;width: 100%;height: auto}.album .images-swiper .swiper-slide .imagesitem .title{margin-top: 22px;font: 400 14px/14px "微软雅黑";color: #333}.album .images-swiper .swiper-slide .imagesitem:hover .imgbox{box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.2)}.album .images-swiper .swiper-pagination{bottom: 45px}.album .images-swiper .swiper-pagination .swiper-pagination-bullet{width: 18px;height: 10px;background: #eaeaea;border-radius: 5px;opacity: 1;transition: all 0.3s}.album .images-swiper .swiper-pagination .swiper-pagination-bullet-active{width: 36px;height: 10px;background: #d8d8d8;border-radius: 5px}@media screen and (min-width: 769px) and (max-width: 1200px){.album-content-box{max-width: 90%}.album .images-swiper{height: 355px}} @media screen and (min-width: 769px) and (max-width: 890px){.album-content-box{max-width: 90%}.album .images-swiper{height: 290px}} @media screen and (max-width: 768px){.album-content-box{max-width: 90%}.album .textbox{margin-top: 40px}.album .images-swiper{height: 275px}.album .images-swiper .swiper-pagination{bottom: 35px}} @media screen and (max-width: 425px){.album .images-swiper{height: 250px;margin-top: 35px}.album .images-swiper .swiper-pagination{bottom: 35px}.album .images-swiper .swiper-pagination .swiper-pagination-bullet{width: 13px;height: 7px;background: #eaeaea;border-radius: 5px;opacity: 1;transition: all 0.3s}.album .images-swiper .swiper-pagination .swiper-pagination-bullet-active{width: 26px;height: 7px;background: #d8d8d8;border-radius: 5px}} @media screen and (max-width: 375px){.album .images-swiper{height: 230px;margin-top: 35px}}