/*配置颜色*/
.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}/*-------</end 头部 logo >------------*/
.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}/*-------</end 导航>------------*/

/*-------</end 切换导航按钮>------------*/

/* 小屏幕 一*/
@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}/*-----------</logo>---------------*/
  .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}}
/*产品列表*/
/*-----------</end 最新产品>---------------*/
.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}/*-----------</end>---------------*/

.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}/*-----------</end>---------------*/

.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}/*-----------<图库>---------------*/
/*-----------</end 最新产品>---------------*/
/* 横向放置的手机和竖向放置的平板之间的分辨率 四*/
.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}}