.zoomPad{
    position:relative;
    float:left;
    z-index:99;
    cursor:crosshair;
}
.zoomPreload{
    -moz-opacity:0.8;
    opacity: 0.8;
    filter: alpha(opacity = 80);
    color: #333;
    font-size: 12px;
    font-family: Tahoma;
    text-decoration: none;
    border: 1px solid #CCC;
    background-color: white;
    padding: 8px;
    text-align:center;
    background-image: url(../images/zoomloader.gif);
    background-repeat: no-repeat;
    background-position: 43px 30px;
    z-index:110;
    width:90px;
    height:43px;
    position:absolute;
    top:0px;
    left:0px;
    * width:100px;
    * height:49px;
}
.zoomPup{
    overflow:hidden;
    background-color: #FFF;
    -moz-opacity:0.6;
    opacity: 0.6;
    filter: alpha(opacity = 60);
    z-index:120;
    position:absolute;
    border:1px solid #CCC;
    z-index:101;
    cursor:crosshair;
}
.zoomOverlay{
    position:absolute;
    left:0px;
    top:0px;
    background:#FFF;
    /*opacity:0.5;*/
    z-index:5000;
    width:100%;
    height:100%;
    display:none;
    z-index:101;
}
.zoomWindow{
    position:absolute;
    left:110%;
    top:40px;
    background:#FFF;
    z-index:6000;
    height:auto;
    z-index:10000;
    z-index:110;
}
.zoomWrapper{
    position:relative;
    border:1px solid #C6C6C6;
    z-index:110;
}
.zoomWrapperTitle{
    display:block;
    background:#C6C6C6;
    color:#FFF;
    height:18px;
    line-height:18px;
    width:100%;
    overflow:hidden;
    text-align:center;
    font-size:10px;
    position:absolute;
    top:0px;
    left:0px;
    z-index:120;
    -moz-opacity:0.6;
    opacity: 0.6;
    filter: alpha(opacity = 60);
}
.zoomWrapperImage{
    display:block;
    position:relative;
    overflow:hidden;
    z-index:110;
}
.zoomWrapperImage img{
    border:0px;
    display:block;
    position:absolute;
    z-index:101;
}
.zoomIframe{
    z-index: -1;
    filter:alpha(opacity=0);
    -moz-opacity: 0.80;
    opacity: 0.80;
    position:absolute;
    display:block;
}
/*********************************************************
/ When clicking on thumbs jqzoom will add the class
/ "zoomThumbActive" on the anchor selected
/*********************************************************/
#baguetteBox-overlay { display: none; opacity: 0; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; background-color: #222; background-color: rgba(0, 0, 0, 0.8); -webkit-transition: opacity .5s ease; -o-transition: opacity .5s ease; -moz-transition: opacity .5s ease; transition: opacity .5s ease; z-index: 99999999999999999999999999999999999999; }
#baguetteBox-overlay.visible { opacity: 1; }
#baguetteBox-overlay .full-image { display: inline-block; position: relative; width: 100%; height: 100%; text-align: center; }
#baguetteBox-overlay .full-image figure { display: inline; margin: 0; height: 100%; }
#baguetteBox-overlay .full-image img { display: inline-block; width: auto; height: auto; max-height: 100%; max-width: 100%; vertical-align: middle; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }
#baguetteBox-overlay .full-image figcaption { display: block; position: absolute; bottom: 0; width: 100%; text-align: center; line-height: 1.8; color: #ccc; background-color: #000; background-color: rgba(0, 0, 0, 0.6); font-family: Verdana, Geneva, sans-serif; }
#baguetteBox-overlay .full-image:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }
#baguetteBox-slider { position: absolute; left: 0; top: 0; height: 100%; width: 100%; white-space: nowrap; -webkit-transition: left .4s ease, -webkit-transform .4s ease; transition: left .4s ease, -webkit-transform .4s ease; -o-transition: left .4s ease, -o-transform .4s ease; -moz-transition: left .4s ease, transform .4s ease, -moz-transform .4s ease; transition: left .4s ease, transform .4s ease; transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease, -o-transform .4s ease; transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease; }
#baguetteBox-slider.bounce-from-right { -webkit-animation: bounceFromRight .4s ease-out; -moz-animation: bounceFromRight .4s ease-out; animation: bounceFromRight .4s ease-out; }
#baguetteBox-slider.bounce-from-left { -webkit-animation: bounceFromLeft .4s ease-out; -moz-animation: bounceFromLeft .4s ease-out; animation: bounceFromLeft .4s ease-out; }
.baguetteBox-button#next-button, .baguetteBox-button#previous-button { top: 50%; top: -webkit-calc(50% - 30px); top: -moz-calc(50% - 30px); top: calc(50% - 30px); width: 44px; height: 60px; }
.baguetteBox-button { position: absolute; cursor: pointer; outline: 0; padding: 0; margin: 0; border: 0; border-radius: 15%; background-color: #323232; background-color: rgba(50, 50, 50, 0.5); color: #ddd; font: 1.6em sans-serif; -webkit-transition: background-color .4s ease; -o-transition: background-color .4s ease; -moz-transition: background-color .4s ease; transition: background-color .4s ease; }
.baguetteBox-button:hover { background-color: rgba(50, 50, 50, 0.9); }
.baguetteBox-button#next-button { right: 2%; display: block !important; }
.baguetteBox-button#previous-button { left: 2%; display: block !important; }
.baguetteBox-button#close-button { top: 20px; right: 2%; right: -webkit-calc(2% + 6px); right: -moz-calc(2% + 6px); right: calc(2% + 6px); width: 30px; height: 30px; }
.baguetteBox-button svg { position: absolute; left: 0; top: 0; }
/*# sourceMappingURL=baguetteBox.css.map */
/* CSS Document */
* { margin: 0; padding: 0; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-size: 62.5%; }
body { color: #333; font-family: "Microsoft YaHei", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-size: 1.4rem; max-width: 920px; margin: 0 auto; 
 background:#ffffff; }
img { border: none; }
ul li { list-style-type: none; }
ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span { margin: 0; padding: 0; list-style: none; }
a { text-decoration: none; color: #333; outline: none; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
h1, h2 { margin: 0; padding: 0; font-weight: normal; }
img { max-width: 100%; border: 0px solid #ccc; }
embed, video, iframe { max-width: 100%; }
input[type="submit"], textarea[type="submit"] { cursor: pointer; }
input[type="checkbox"], textarea[type="checkbox"] { cursor: pointer; }
input[type="radio"], textarea[type="radio"] { cursor: pointer; }
input, textarea, select { font-size: 14px; font-size: 1.4rem; border: none; outline: none; background: none; }
input:focus, textarea:focus, select:focus { outline: none; }
textarea { resize: none; }
.pull-left { float: left; }
.pull-right { float: right; }
.clear { clear: both; }
.fix { *zoom: 1; }
.fix:after, .fix:before { display: block; content: "clear"; height: 0; clear: both; overflow: hidden; visibility: hidden; }
/* html5 */
article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block; }
header{
    width: 100%;
    z-index: 9999;
}
::-webkit-input-placeholder { color: #999; opacity: 1; }
/* WebKit browsers */
:-o-placeholder { color: #999; opacity: 1; }
/* Mozilla Firefox 4 to 18 */
::-moz-placeholder { color: #999; opacity: 1; }
/* Mozilla Firefox 19+ */
:-ms-input-placeholder { color: #999; opacity: 1; }
/* Internet Explorer 10+ */
::-moz-selection { color: #fff; background: #c61b03; }
::selection { color: #fff; background: #c61b03; }
.self-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;font-weight: bold; }
.self-ellipsis-2 { display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.self-ellipsis-3 { display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.self-ellipsis-4 { display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.relative { position: relative; }
.absolute { position: absolute; }
.common-vc { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.common-hc { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.common-center { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.text-right { text-align: right; }
.text-left { text-align: left; }
.nlazy { min-width: 20%; }
/**/
.email { word-break: break-all; }
.scale-big img { -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }
.scale-big: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); }

.scale-big2 img { -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }
.scale-big2: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); }

.scale-big3 img { -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }
.scale-big3: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); }

.scale-small img { -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.scale-small:hover img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
[class*="-item"] .item-pic { position: relative; display: block; text-align: center; overflow: hidden; }
[class*="-item"] .item-pic img { display: block !important; width: 100%; }
[class*="-item"] .item-pics { position: relative; display: block; text-align: center; overflow: hidden; }
[class*="-item"] .item-title { overflow: hidden; }
[class*="-item"] .item-title a {  }
[class*="-item"] .item-title a:hover { color: #c61b03 !important; }
[class*="-item"] .item-subt { overflow: hidden; }
[class*="-item"] .item-subt a { display: block; }
[class*="-item"] .item-subt a:hover { color: #c61b03 !important; }
[class*="-item"] .item-desc { overflow: hidden; color: #666; }
[class*="-item"] .item-desc a { display: block; color: #666; }
[class*="-item"] .item-desc a:hover { color: #c61b03 !important; }
.wp1 { width: 1400px; margin: auto; }
@media screen and (max-width: 1419px) { .wp1 { width: 100%; } }
@media screen and (max-width: 1219px) { .wp1 { width: 100%; } }
@media screen and (max-width: 991px) { .wp1 { width: 100%; } }
@media screen and (max-width: 767px) { .wp1 { width: 100%; padding-left: 10px; padding-right: 10px; } }
.wp { width: 1400px; margin: auto; }
@media screen and (max-width: 1419px) { .wp { width:100%; } }
@media screen and (max-width: 1219px) { .wp { width: 100%; } }
@media screen and (max-width: 991px) { .wp { width: 100%; } }
@media screen and (max-width: 767px) { .wp { width: 100%; padding-left: 10px; padding-right: 10px; } }
.no_margin { margin-left: auto !important; }
.no_marginr { margin-right: auto !important; }
.no_marginl { margin-left: auto !important; }
.at-resp-share-element .at4-share-count-container { text-decoration: none; float: right; padding-right: 15px; line-height: 25px !important; }
.at-resp-share-element .at-icon { width: 24px !important; height: 24px !important; }
.at-style-responsive .at-share-btn { padding: 0 !important; border-radius: 2px !important; }
.at-resp-share-element .at-share-btn { margin-bottom: 0 !important; margin-right: 3px !important; }
.at-resp-share-element .at-icon { width: 24px !important; height: 24px !important; }
.at-style-responsive .at-share-btn { padding: 0 !important; border-radius: 2px !important; }
/*.at-resp-share-element .at-share-btn .at-icon-wrapper { width: 24px !important; height: 24px !important; }*/
.at-resp-share-element .at-share-btn { margin-bottom: 0 !important; margin-right: 3px !important; }
.item-table { display: table; table-layout: fixed; width: 100%; height: 100%; }
.item-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; }
/* .an-btn1 start */
.an-btn1 { position: relative; z-index: 1; overflow: hidden; -webkit-transition: background 0.4s linear, color 0.3s linear; -o-transition: background 0.4s linear, color 0.3s linear; -moz-transition: background 0.4s linear, color 0.3s linear; transition: background 0.4s linear, color 0.3s linear; }
.an-btn1:before { position: absolute; top: 50%; left: 50%; width: 120%; height: 50%; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; z-index: -1; content: ''; background: #c61b03; -webkit-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); }
.an-btn1 .iconfont { -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }
.an-btn1:hover { border-color: #c61b03 !important; background-color: #c61b03 \9; color: #fff !important; }
.an-btn1:hover .iconfont { color: #fff !important; }
.an-btn1:hover:before { height: 500%; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
/* .an-btn1 end */
/* .an-btn2 start */
.an-btn2 { position: relative; z-index: 1; overflow: hidden; -webkit-transition: background 0.4s linear, color 0.3s linear; -o-transition: background 0.4s linear, color 0.3s linear; -moz-transition: background 0.4s linear, color 0.3s linear; transition: background 0.4s linear, color 0.3s linear; }
.an-btn2:before { position: absolute; top: 50%; left: 50%; width: 120%; height: 50%; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; z-index: -1; content: ''; background: #fff; -webkit-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s;  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg);}
.an-btn2 .iconfont { -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }
.an-btn2:hover { border-color: #c61b03 !important; background-color: #fff \8; color: #c61b03 !important; }
.an-btn2:hover .iconfont { color: #c61b03 !important; }
.an-btn2:hover:before { height: 400%; opacity: 1; filter: alpha(opacity=90); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }
/* .an-btn2 end */
@media screen and (min-width: 992px) { .an-bd1 .item-backdrop { position: absolute; left: 0px; top: 0px; bottom: 0; right: 0; -webkit-transition: all 900ms ease; -o-transition: all 900ms ease; -moz-transition: all 900ms ease; transition: all 900ms ease; -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; -moz-transition: transform 0.4s ease, -moz-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease, -moz-transform 0.4s ease, -o-transform 0.4s ease; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: bottom center; -moz-transform-origin: bottom center; -ms-transform-origin: bottom center; -o-transform-origin: bottom center; transform-origin: bottom center; }
    .an-bd1 .item-backdrop:before { position: absolute; content: ''; left: 0px; top: 0px; right: 0px; bottom: 0px; opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; background-color: #000; } }
@media screen and (min-width: 992px) { .an-bd1:hover .item-backdrop { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } }
/*-------------table start-------------------------------------------------------------------*/
.table table { width: 100%; border-collapse: collapse; border: 1px solid #ccc; }
.table table p { line-height: 22px !important; }
.table table p { min-height: 22px !important; }
.table table, .table table a { color: #000; }
.table table tr td { padding: 5px 3px; border: 1px solid #ccc; }
@media screen and (max-width: 1000px) { .table { width: 100%; overflow: scroll; }
    .table div { width: 900px; max-width: 900px; } }
/*-------------table end---------------------------------------------------------------------*/
/*-------------proslide_menubtn start--------------------------------------------------------*/
.proslide_menubtn { display: none; width: 23px; height: 18px; position: absolute; top: 12px; right: 0; cursor: pointer; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9; }
.proslide_menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #333; }
@media screen and (max-width: 991px) { .table div { width: 100%; max-width: 900px; }.proslide_menubtn { display: block; } }
/*-------------proslide_menubtn end----------------------------------------------------------*/
/*-------------page-start--------------------------------------------------------------------*/
.page { text-align: center; overflow: hidden; }
.page li { display: inline-block; min-width: 35px; padding: 0 2px; height: 30px; line-height: 30px; margin: 0 3px 10px; font-size: 12px; font-size: 1.2rem; }
.page li.prev, .page li.next { min-width: 30px; padding: 0 2px; border-color: transparent !important; background-color: transparent !important; color: #333; }
.page li.prev:hover, .page li.next:hover { color: #c61b03; }
.page  li.prev .iconfont, .page li.next .iconfont { font-size: 14px; font-size: 1.4; vertical-align: middle; }
.page  li:hover, .page li.active { background-color: #c61b03; color: #fff; }
.page  li:hover a{color:#fff}
.page  li.pageEllipsis{background-color: #fff !important;color: #777 !important;}
@media only screen and (max-width: 767px) { .page li { min-width: 26px; font-size: 12px; font-size: 1.2rem; height: 26px; line-height: 26px; } }
.page .fl { float: none; display: inline-block; }
@media only screen and (max-width: 767px) { .page .fl { float: none; } }
.page .add-form { float: none; display: inline-block; background: url(../images/af-bg.png) no-repeat right center; padding-right: 28px; margin-left: 80px; }
@media only screen and (max-width: 767px) { .page .add-form { margin-left: 10px; } }
.page .add-form .add-btn { text-align: center; min-width: 168px; padding: 0 5px; height: 30px; line-height: 30px; background-color: #c61b03; color: #FFFFFF; cursor: pointer; }
.page .add-form .add-btn:hover { background-color: #333; }
@media only screen and (max-width: 767px) { .page .add-form .add-btn { min-width: 120px; font-size: 12px; font-size: 1.2rem; height: 26px; line-height: 26px; } }
@media only screen and (max-width: 767px) { .page .add-form { float: none; } }
/*-------------page-end--------------------------------------------------------------------*/
/*-------------pro-share start-------------------------------------------------------------*/
.pro-share { font-size: 0; letter-spacing: 0; }
.pro-share .share-title { margin-right: 8px; display: inline-block; *display: inline; *zoom: 1; line-height: 26px; font-size: 16px; font-size: 1.6rem; color: #888; }
@media only screen and (max-width: 991px) { .pro-share .share-title { font-size: 14px; font-size: 1.4rem; } }
@media only screen and (max-width: 767px) { .pro-share .share-title { font-size: 12px; font-size: 1.2rem; } }
.pro-share .share-pic { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; height: 26px; }
/*-------------pro-share end---------------------------------------------------------------*/
/*-------------m-oths----------------------------------------------------------------------*/
.m-oths { padding-top: 40px; font-size: 16px; font-size: 1.6rem; line-height: 30px; }
.m-oths, .m-oths a { color: #666; }
.m-oths a:hover { color: #c61b03; }
.m-oths .item-name { float: left; margin-right: 5px; }
.m-oths .item-info { overflow: hidden; }
@media screen and (max-width: 991px) { .m-oths { padding-top: 15px; font-size: 14px; font-size: 1.4rem; line-height: 26px; } }
@media screen and (max-width: 767px) { .m-oths { padding-top: 15px; line-height: 22px; font-size: 12px; font-size: 1.2rem; } 
.nbanner{
	margin-top:60px;
	}
}
.page_wrap { padding-bottom: 40px;  min-height:400px; overflow:hidden;}
@media screen and (max-width: 1219px) { .page_wrap { padding-bottom: 60px; } }
@media screen and (max-width: 991px) { .page_wrap { padding-bottom: 40px; } }
@media screen and (max-width: 767px) { .page_wrap { padding-bottom: 30px;padding-top:10px } }
/*-------------bread start-----------------------------------------------------------------*/
.bread { font-size: 18px; font-size: 1.8rem; line-height: 24px; padding-top: 22px; padding-bottom: 10px; overflow: hidden; display:none; }
.bread, .bread a { color: #555; font-size:18px; }
.bread a:hover, .bread .bread-active { color: #c61b03; }
.bread .bread-active { cursor: auto; }
@media screen and (max-width: 1219px) { .bread { padding-top: 20px; padding-bottom: 20px; } }
@media screen and (max-width: 991px) { .bread { font-size: 14px; font-size: 1.4rem; padding-top: 20px; padding-bottom: 20px; } }
@media screen and (max-width: 767px) { .bread { line-height: 20px; font-size: 12px; font-size: 1.2rem; padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 20px;} }
/*-------------bread end-------------------------------------------------------------------*/
.search-box ::-webkit-input-placeholder { color: #666; opacity: 1; }
/* WebKit browsers */
.search-box :-o-placeholder { color: #666; opacity: 1; }
/* Mozilla Firefox 4 to 18 */
.search-box ::-moz-placeholder { color: #666; opacity: 1; }
/* Mozilla Firefox 19+ */
.search-box :-ms-input-placeholder { color: #666; opacity: 1; }
/* Internet Explorer 10+ */
.search { position: relative; margin-right: 10px; }
@media screen and (max-width: 991px) { .search { display: none; } }
.search .search-icon { cursor: pointer; display: block; color: #777; font-size: 14px; font-size: 1.4rem; width: 32px; height: 32px; line-height: 32px; text-align: center; background: #F3F3F3;  }
.search .search-icon .iconfont { color: #B3B3B3; font-size: 16px; font-size: 1.6rem; margin-left: 0px; }
.search .search-box { display: none; overflow: hidden; position: absolute; top: 30px; right: 0; z-index: 999; width: 260px; height: 50px; border-radius: 2px; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.22); padding: 10px 10px; cursor: pointer; }
.search .search-box .iconfont { border-radius: 5px; font-size: 16px; font-size: 1.6rem; color: #fff; background-color: #c61b03; position: absolute; width: 30px; height: 30px; line-height: 30px; text-align: center; right: 10px; top: 50%; margin-top: -15px; z-index: -1; }
.search .search-box .item-input { position: absolute; height: 30px; line-height: 30px; top: 50%; margin-top: -15px; width: 100%; left: 0; padding: 0 45px 0 10px; }
.search .search-box .item-submit { position: absolute; width: 35px; height: 100%; top: 0px; right: 0px; cursor: pointer; z-index: 1; }
/*-------------header start----------------------------------------------------------------*/
@media screen and (max-width: 991px) { .header .wp1 { width: 100%; padding: 0 15px; } }
.header .h-top { padding-top: 28px; padding-bottom: 27px; padding-right:30px}
@media screen and (max-width: 1419px) { .header .h-top { padding: 20px 0 20px; } }
@media screen and (max-width: 1219px) { .header .h-top { padding: 20px 0; } }
.header .h-top .h-select-new { float: right; position: relative; }
@media screen and (max-width: 991px) { 
.header .h-top { padding: 30px 0; }
.header .h-top .h-select-new { display: none; } }
.header .h-top .h-select-new .iconfontn { display: block; width: 50px; height: 32px; line-height: 32px; text-align: center; background: #F3F3F3; border-radius: 0px 16px 16px 0px; color: #B3B3B3; cursor: pointer; }
.header .h-top .h-select-new .box-yiji { display: none; position: absolute; right: 0; top: 100%; width: 180px; background-color: #F3F3F3; z-index: 99; padding: 10px 0; }
.header .h-top .h-select-new .box-yiji li { position: relative; }
.header .h-top .h-select-new .box-yiji li > a { line-height: 30px; display: block; padding: 0 15px; text-transform: capitalize; font-family: "Raleway-Medium", arial; }
.header .h-top .h-select-new .box-yiji li > a:hover { color: #c61b03; }
.header .h-top .h-select-new .box-yiji li.active > a { color: #c61b03; }
.header .h-top .h-select-new .box-yiji li:hover .box-erji { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); visibility: visible; opacity: 1; }
.header .h-top .h-select-new .box-erji { position: absolute; right: 100%; top: 0; background-color: #F3F3F3; width: 180px; padding: 10px 0; display: block; visibility: hidden; opacity: 0; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top; -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; -moz-transition: all 400ms ease; transition: all 400ms ease; }
.header .h-top .lang-box { float: right; margin-right: 10px; position: relative; }
@media screen and (max-width: 991px) { .header .h-top .lang-box { margin-left: 0px; float: right;margin-right: 0px} }
.header .h-top .lang-box .lang-title { min-width: 120px; height: 32px; line-height: 32px; padding-right: 20px; padding-left: 5px; background-color: #F3F3F3; font-size: 14px; font-size: 1.4rem; color: #666; cursor: pointer; }
.header .h-top .lang-box .lang-title .lang { display: inline-block; vertical-align: middle; margin-right: 4px; float:none !important;}
.header .h-top .lang-box .lang-title .iconfont { position: absolute; right: 6px; font-size: 12px; font-size: 1.2rem; color: #999; }
@media screen and (max-width: 767px) { .header .h-top .lang-box .lang-title { min-width: 100px;font-size: 12px; font-size: 1.2rem; height: 30px; line-height: 30px; } }
.header .h-top .lang-box .lang-list { display: none; position: absolute; z-index: 99; background-color: #F3F3F3; top: 100%; left: 0; width: 100%; }
.header .h-top .lang-box .lang-list a { display: block; line-height: 24px; padding: 3px 5px; }
.header .h-top .lang-box .lang-list a:hover { color: #c61b03; }
@media screen and (max-width: 767px) { .header .h-top .lang-box .lang-list a { font-size: 12px; font-size: 1.2rem; } }
.header .h-top .lang-box .lang-list .lang { display: inline-block; vertical-align: middle; margin-right: 4px; float: none; }
.header .h-top .item-p { float: right; margin-right: 20px; font-size: 16px; font-size: 1.6rem; color: #777; line-height: 32px; }
.header .h-top .item-p a { color: #777; }
.header .h-top .item-p a:hover { color: #c61b03; }
@media screen and (max-width: 991px) { .header .h-top .item-p { display: none; } }
.header .h-top .item-p .iconfont { font-size: 18px; font-size: 1.8rem; color: #c61b03; vertical-align: middle; }
.header .wp { padding-left: 500px; }
@media screen and (max-width: 1219px) { .header .wp { padding: 0; } }
@media screen and (max-width: 991px) { .header .wp { padding: 0 15px; width: 100%; } }
.header .logo { display: block;  top: 5px; line-height: 85px; text-align: center; }
.header .logo a { display: inline-block; }
.header .logo img { max-height:75px; vertical-align: middle; }
@media screen and (max-width: 1419px) { .header .logo { line-height: 70px; }
    .header .logo img { max-height: 60px;margin-top: 0px;} }
@media screen and (max-width: 1219px) { .header .logo { position: relative; left: auto; top: auto; line-height: 70px; }
    .header .logo img { max-height: 70px; } }
@media screen and (max-width: 991px) { .header .logo { margin-bottom: 15px; } }
@media screen and (max-width: 767px) {
    .header{
        position: fixed;
        width: 100%;
        left: 0px;
        top: 0px;
        z-index: 888;
        background: #f5f5f5;
    }
    .header .wp1{
        background: #f5f5f5;
    }
    .header .logo { line-height: 50px;     position: absolute;
        top: 5px;
        left: 50%;
        width: 200px;
        margin-left: -100px;}
    .header .logo img { max-height: 50px;margin-top: 0px } }
.header .navlist { float: left;
    width: 770px;
    font-size: 0;
    letter-spacing: 0;
    padding-bottom: 20px;
    margin-top: -50px;
    margin-left: 500px; }
.header .navlist > li { position: relative; display: inline-block; vertical-align: top; margin: 0 24px; }
.header .navlist > li > a { font-size: 16px; font-size: 1.6rem; text-transform: uppercase; display: inline-block; position: relative; line-height: 24px; color: #333; padding-bottom: 13px; }
.header .navlist > li > a:before { position: absolute; content: ''; left: 0; right: 0; height: 2px; margin: 0 auto; bottom: 0; width: 0; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; background-color: #c61b03; }
.header .navlist > li.nav-active > a, .header .navlist > li:hover > a { color: #c61b03; }
.header .navlist > li.nav-active > a:before, .header .navlist > li:hover > a:before { width: 100%; }
@media screen and (max-width: 1419px) { .header .navlist { width: 640px;     margin-left: 470px;}
    .header .navlist > li { margin: 0 14px; } }
@media screen and (max-width: 1219px) { .header .navlist { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding-bottom: 15px; padding-top: 15px; margin-left: 0px;
    margin-top: 0px;}
    .header .navlist > li { width: 14.28%\9; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; margin-right: 0; padding: 0 5px; }
    .header .navlist > li > a { font-size: 16px; font-size: 1.6rem; line-height: 20px; padding-bottom: 10px; } }
@media screen and (max-width: 991px) { .header .navlist { display: none; } }
.header .navlist li:hover .yiji { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); visibility: visible; opacity: 1; }
.header .yiji { z-index: 9999; position: absolute; top: 100%; width: 200px; left: 50%; margin-left: -100px; visibility: hidden; opacity: 0; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top; -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; -moz-transition: all 400ms ease; transition: all 400ms ease; background-color: #c61b03; background-color: rgba(11, 118, 200, 0.7); }
.header .yiji li { position: relative; text-align: left; }
.header .yiji li > a { display: block; line-height: 20px; padding: 7px 17px; font-size: 14px; font-size: 1.4rem; color: #fff; }
.header .yiji li:hover > a { text-decoration: underline; }
.header .yiji li:hover .erji { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); visibility: visible; opacity: 1; }
@media screen and (max-width: 980px) { .header .yiji { display: none; } }
.header .erji li:hover .sanji { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); visibility: visible; opacity: 1; }
.header .erji, .header .sanji { position: absolute; left: 100%; top: 0; display: block; visibility: hidden; opacity: 0; width: 200px; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top; -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; -moz-transition: all 400ms ease; transition: all 400ms ease; background-color: #c61b03; background-color: rgba(11, 118, 200, 0.7); margin-left: 2px; }
/*-------------header end------------------------------------------------------------------*/
/*-------------footer start----------------------------------------------------------------*/
.footer { background-color: #222; /* WebKit browsers */ /* Mozilla Firefox 4 to 18 */ /* Mozilla Firefox 19+ */ /* Internet Explorer 10+ */ }
.footer ::-webkit-input-placeholder { color: #A6A6A6; opacity: 1; }
.footer :-o-placeholder { color: #A6A6A6; opacity: 1; }
.footer ::-moz-placeholder { color: #A6A6A6; opacity: 1; }
.footer :-ms-input-placeholder { color: #A6A6A6; opacity: 1; }
.footer .f-top .box-right { float: none; width:100%; padding-bottom: 0px; }
@media screen and (max-width: 1219px) { .footer .f-top .box-right { padding-bottom: 0px; } }
@media screen and (max-width: 767px) { .footer .f-top .box-right { float: none; width: 100%; padding: 15px; padding-bottom: 30px} }
.footer .f-top .box-right .item-box { background: url(../images/bg2.jpg) no-repeat center; background-size: cover; margin-top: -60px; padding: 26px 59px; }
@media screen and (max-width: 1219px) { .footer .f-top .box-right .item-box { padding: 20px 30px; } }
@media screen and (max-width: 991px) { .footer .f-top .box-right .item-box { padding: 20px; } }
@media screen and (max-width: 767px) { .footer .f-top .box-right .item-box { display: none; } }
.footer .f-top .box-right .box-list { font-size: 16px; font-size: 1.6rem; line-height: 44px; width: 410px; }
.footer .f-top .box-right .box-list span, .footer .f-top .box-right .box-list a { display: inline-block; margin-right: 15px; }
.footer .f-top .box-right .box-list a:hover { text-decoration: underline; }
@media screen and (max-width: 1419px) { .footer .f-top .box-right .box-list { line-height: 38px; } }
@media screen and (max-width: 991px) { .footer .f-top .box-right .box-list { line-height: 32px; } }
.footer .f-top .box-right .f-follow { font-size: 0; letter-spacing: 0; margin-top: 67px; text-align:center; }
@media screen and (max-width: 1219px) { .footer .f-top .box-right .f-follow { margin-top: 20px; } }
@media screen and (max-width: 767px) { .footer .f-top .box-right .f-follow { margin-top: 10px; } }
.footer .f-top .box-right .f-follow a,.f-follow a{ display: inline-block; vertical-align: top; margin-left: 20px; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }
@media screen and (max-width: 991px) { .footer .f-top .box-right .f-follow a { margin-left: 15px; } }
@media screen and (max-width: 767px) { .footer .f-top .box-right .f-follow a { margin-left: 10px; } }
.footer .f-top .box-right .f-follow a:first-child,.f-follow a:first-child { margin-left: 0; }
.footer .f-top .box-right .f-follow a:hover,.f-follow a:hover { margin-top: -5px; margin-bottom: 5px; text-decoration: none; }
.footer .f-top .box-right .f-follow a .iconfont,.f-follow a .iconfont { display: block; font-size: 19px; font-size: 1.9rem; color: #fff; width: 34px; height: 34px; text-align: center; line-height: 34px; }
@media screen and (max-width: 991px) { .footer .f-top .box-right .f-follow a .iconfont { width: 30px; height: 30px; line-height: 30px; } }
@media screen and (max-width: 767px) { .footer .f-top .box-right .f-follow a .iconfont { width: 28px; height: 28px; line-height: 28px; font-size: 16px; font-size: 1.6rem; } }
.footer .f-top .box-right .f-follow a .icon-facebook, .f-follow a .icon-facebook{ background-color: #5D82D1; }
.footer .f-top .box-right .f-follow a .icon-twitter,.f-follow a .icon-twitter{ background-color: #40BFF5; }
.footer .f-top .box-right .f-follow a .icon-instagram, .f-follow a .icon-instagram{ background-color: #EB5E4C; }
.footer .f-top .box-right .f-follow a .icon-pinterest,.f-follow a .icon-pinterest{ background-color: #E13138; }
.footer .f-top .box-right .f-follow a .icon-youtube,.f-follow a .icon-youtube{ background-color: #C4302A; }
.footer .f-top .box-right .f-follow a .icon-linkedin, .f-follow a .icon-linkedin{ background-color: #238CC8; }
.footer .f-top .box-right .f-follow a .icon-vk, .f-follow a .icon-vk{ background-color: #C87523; }
.footer  .copyright { margin-top: 20px; max-width: 690px; width: 95%; font-size: 16px; font-size: 1.6rem; line-height: 36px;padding-top:10px; border-top:1px solid #ccc; }
.footer  .copyright img { margin-left: 8px; }
.footer  .copyright, .footer .f-top .box-right .copyright a { color: #E5E5E5; }
.footer  .copyright a:hover { color: #c61b03; }
.footer .f-follow-width{
    float:none;width:100%;
    
}
.footer .wximg{
    margin-top: 20px;float:left;width:40%;    font-size: 0;
    letter-spacing: 0;
    margin-top: 27px;
}
.footer .beian{
    display:block;
    padding-top:30px;
    color:#fff;
}
@media screen and (max-width: 1219px) { .footer .f-top .box-right .copyright { line-height: 30px; margin-top: 20px; } }
@media screen and (max-width: 991px) { .footer .f-top .box-right .copyright { font-size: 14px; font-size: 1.4rem; border-top:1px solid #666; color:#aaa; text-align:center; } }
@media screen and (max-width: 767px) { .footer .f-top .box-right .copyright { font-size: 12px; font-size: 1.2rem; line-height: 20px; margin-top:20px ; } }
.footer .f-top .box-left { padding-top: 39px; padding-bottom: 30px; }
@media screen and (max-width: 991px) { .footer .f-top .box-left { padding-top: 20px; padding-bottom: 20px; } }
@media screen and (max-width: 767px) { .footer .f-top .box-left { display: none; } }
.footer .f-top .box-left .box-title { color: #A6A6A6; font-size: 30px; font-size: 3rem; line-height: 1.2; font-family: "Raleway-Medium", arial; margin-bottom: 41px; }
@media screen and (max-width: 1219px) { .footer .f-top .box-left .box-title { margin-bottom: 20px; font-size: 26px; font-size: 2.6rem; } }
@media screen and (max-width: 991px) { .footer .f-top .box-left .box-title { font-size: 22px; font-size: 2.2rem; margin-bottom: 10px; } }
.footer .f-top .box-left .box-form { width: 46.71429%; }
.footer .f-top .box-left .box-form .star { position: relative; }
.footer .f-top .box-left .box-form .star:before { position: absolute; content: '*'; font-family: "Raleway-Medium", arial; font-size: 20px; font-size: 2rem; color: #FF0000; left: 0; top: 17px; }
.footer .f-top .box-left .box-form .item-input { float: left; width: 45.87156%; }
.footer .f-top .box-left .box-form .item-input:nth-child(2) { float: right; }
@media screen and (max-width: 991px) { .footer .f-top .box-left .box-form .item-input { width: 100%; } }
.footer .f-top .box-left .box-form .item-input1 { width: 100%; margin-bottom: 71px; }
@media screen and (max-width: 1419px) { .footer .f-top .box-left .box-form .item-input1 { margin-bottom: 20px; } }
@media screen and (max-width: 991px) { .footer .f-top .box-left .box-form .item-input1 { margin-bottom: 0; } }
.footer .f-top .box-left .box-form input, .footer .f-top .box-left .box-form textarea { display: block; width: 100%; color: #fff; font-size: 14px; font-size: 1.4rem; }
.footer .f-top .box-left .box-form input { border-bottom: solid 1px #BFBFBF; border-color: rgba(191, 191, 191, 0.5); padding: 0 30px; height: 46px; line-height: 46px; }
@media screen and (max-width: 991px) { .footer .f-top .box-left .box-form input { padding: 0 15px; } }
.footer .f-top .box-left .box-form textarea { display: block; border: solid 1px #BFBFBF; border-color: rgba(191, 191, 191, 0.5); height: 96px; line-height: 20px; padding: 10px; }
.footer .f-top .box-left .box-form .item-txt { font-size: 14px; font-size: 1.4rem; line-height: 20px; padding: 0 30px; margin: 68px 0 20px; color: #A6A6A6; }
.footer .f-top .box-left .box-form .item-txt.star:before { top: 7px; }
@media screen and (max-width: 1419px) { .footer .f-top .box-left .box-form .item-txt { margin: 30px 0 10px; } }
@media screen and (max-width: 991px) { .footer .f-top .box-left .box-form .item-txt { padding: 0 15px; margin: 10px 0; } }
.footer .f-top .box-left .box-form .item-img { float: left; margin-left: 45px; cursor: pointer; width: 140px; height: 49px; }
@media screen and (max-width: 1219px) { .footer .f-top .box-left .box-form .item-img { margin-left: 15px; } }
@media screen and (max-width: 991px) { .footer .f-top .box-left .box-form .item-img { margin-left: 0; margin-top: 10px; } }
.footer .f-top .box-left .box-form .item-btn { margin-top: 27px; }
@media screen and (max-width: 991px) { .footer .f-top .box-left .box-form .item-btn { margin-top: 10px; } }
.footer .f-top .box-left .box-form .item-btn input { background-color: #c61b03; color: #fff; border: 0; font-size: 20px; font-size: 2rem; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; cursor: pointer; }
.footer .f-top .box-left .box-form .item-btn input:hover { background-color: #000; }
@media screen and (max-width: 1219px) { .footer .f-top .box-left .box-form .item-btn input { font-size: 16px; font-size: 1.6rem; } }
@media screen and (max-width: 991px) { .footer .f-top .box-left .box-form .item-btn input { font-size: 14px; font-size: 1.4rem; height: 36px; line-height: 36px; } }
.footer .f-bot { padding: 13px 0; background-color: #fff; text-align: center; font-size: 16px; font-size: 1.6rem; line-height: 30px; text-align: center; font-family: "Raleway-Medium", arial; }
.footer .f-bot, .footer .f-bot a { color: #666; }
.footer .f-bot a:hover { color: #c61b03; }
@media screen and (max-width: 767px) { .footer .f-bot { display: none; } }
.footer .links a { margin-right: 30px; display: inline-block; }
/*-------------footer end------------------------------------------------------------------*/
/*-------------index start-----------------------------------------------------------------*/
.index-title { font-size: 36px; font-size: 3.6rem; text-transform: uppercase;  line-height: 1.2; position: relative; text-align: center; }
.index-title a { color: #c61b03; position: relative; padding: 0 26px; display: inline-block; }
.index-title a:hover { color: #000; }
.index-title a:after { position: absolute; content: ''; right: 100%; height: 2px; background-color: #89d7f8; top: 50%; width: 280px; margin-top: -1px; }
.index-title a:before { position: absolute; content: ''; left: 100%; height: 2px; background-color: #89d7f8; top: 50%; width: 280px; margin-top: -1px; }
@media screen and (max-width: 1219px) { .index-title { font-size: 30px; font-size: 3rem; }
    .index-title a { padding: 0 20px; } }
@media screen and (max-width: 991px) { .index-title { font-size: 24px; font-size: 2.4rem; }
    .index-title a { padding: 0 15px; }
    .index-title a:after { width: 80px; }
    .index-title a:before { width: 80px; } }
@media screen and (max-width: 767px) { .index-title { font-size: 20px; font-size: 2rem; }
    .index-title a { padding: 0 10px; }
    .index-title a:after { width: 50px; }
    .index-title a:before { width: 50px; } }
.index-btn { display: inline-block; min-width: 120px; line-height: 34px; border: solid 1px #c61b03; background-color: #c61b03; text-align: center; font-size: 14px; font-size: 1.4rem; color: #fff; text-transform: uppercase;    border-radius: 11px; }
@media screen and (max-width: 991px) { .index-btn { line-height: 30px; } }
@media screen and (max-width: 767px) { .index-btn { min-width: 90px; font-size: 12px; font-size: 1.2rem; line-height: 26px; } }
.index-about { padding: 50px 0 30px; }
@media screen and (max-width: 991px) { .index-about { padding: 50px 0; } }
@media screen and (max-width: 767px) { .index-about { padding: 30px 0; } }
.index-about .index-title { margin-bottom: 10px; }
@media screen and (max-width: 1219px) { .index-about .index-title { margin-bottom: 45px; } }
@media screen and (max-width: 991px) { .index-about .index-title { margin-bottom: 35px; } }
@media screen and (max-width: 767px) { .index-about .index-title { margin-bottom: 25px; } }
.index-about .item-pic { z-index: 88;
    float: left;
    width: 50%;
    margin-right: 3.33333%;
    padding: 5% 0 0 0;
    position: relative; }
.index-about .item-pic a { overflow: hidden; display: block; }
.index-about .item-pic img { position: relative; z-index: 2; }
@media screen and (max-width: 760px) { .index-about .item-pic { float: none; width: 100%; margin: 0 auto 15px; } }
.index-about .item-title { overflow: visible; font-family: "Raleway-Medium", arial; font-size: 26px; font-size: 2.6rem; line-height: 1.2; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-bottom: 25px; padding-top: 50px; padding-bottom: 20px; }
.index-about .item-title:before { position: absolute; content: ''; width: 80px; height: 2px; bottom: 0; left: 0; background-color: #333; }
@media screen and (max-width: 1219px) { .index-about .item-title { padding-top: 0; padding-bottom: 15px; font-size: 22px; font-size: 2.2rem; margin-bottom: 20px; } }
@media screen and (max-width: 991px) { .index-about .item-title { font-size: 18px; font-size: 1.8rem; padding-bottom: 10px; } }
@media screen and (max-width: 767px) { .index-about .item-title { font-size: 16px; font-size: 1.6rem; margin-bottom: 10px; } }
.index-about .item-desc { overflow: visible; font-size: 18px; font-size: 1.8rem; line-height: 30px; margin-bottom: 30px; text-align:justify;}
.index-about .item-desc, .index-about .item-desc a { color: #333; }
.index-about .item-desc, .index-about .item-desc a:hover{
	color:#000!important;
	}
@media screen and (max-width: 1219px) { .index-about .item-desc { line-height: 26px; margin-bottom: 30px; } }
@media screen and (max-width: 991px) { .index-about .item-desc { margin-bottom: 20px; font-size: 14px; font-size: 1.4rem; line-height: 24px; } }
@media screen and (max-width: 767px) { .index-about .item-desc { margin-bottom: 15px; font-size: 12px; font-size: 1.2rem; line-height: 20px; } }
.index-hotpro { overflow: hidden; margin-top:0px;padding-top:15px; padding-bottom: 40px; background:url(../images/pro_bg.jpg) no-repeat center / cover ; }
@media screen and (max-width: 1219px) { .index-hotpro { padding-bottom: 50px; } }
@media screen and (max-width: 991px) { .index-hotpro { padding-bottom: 30px; } }
@media screen and (max-width: 767px) { .index-hotpro { padding-bottom: 10px; } }
.index-hotpro .index-title { margin-bottom: 30px; }
@media screen and (max-width: 1219px) { .index-hotpro .index-title { margin-bottom: 25px; } }
@media screen and (max-width: 991px) { .index-hotpro .index-title { margin-bottom: 20px; } }
@media screen and (max-width: 767px) { .index-hotpro .index-title { margin-bottom: 10px; } }

.index-hotpro .tab-content .tab-content-item { display: none; }
.index-hotpro .tab-content .tab-content-item:first-child { display: block; }
.index-hotpro .tab-content .box-list { font-size: 14pt; letter-spacing: 0;font-fmaily:微软雅黑; }
.index-hotpro .tab-content .box-list .list-item { display: inline-block; vertical-align: top; width: 32.3%; margin-left: 1.5%; margin-bottom: 19px; position: relative; overflow: hidden; }

.index-hotpro .tab-content .box-list .list-item:first-child{
	margin-left: 0;
	}


@media screen and (max-width: 768px) { .index-hotpro .tab-content .box-list .list-item { width: 100%; margin-left: 0 !important; margin-right: 0; } 

.index-hotpro .tab-content .box-list .list-item2 { display: inline-block; vertical-align: top; width: 32.3%; margin-left: 1.5%; margin-bottom: 19px; position: relative; overflow: hidden; }
.index-hotpro .tab-content .box-list .list-item2:first-child{
	margin-left: 0;
	}

}
.index-hotpro .tab-content .box-list .item-pic { border: 0px solid #E1E1E1; float:left; width:35%; }
.index-hotpro .tab-content .box-list .item-title { margin-bottom: 21px; font-size: 20px; font-size: 2rem; line-height: 1.2;  text-transform: uppercase; }
.index-hotpro .tab-content .box-list .item-title, .index-hotpro .tab-content .box-list .item-title a { color: #fff; }
@media screen and (min-width: 992px) { .index-hotpro .tab-content .box-list .item-title a:hover { color: #ddd !important; } }
@media screen and (max-width: 1219px) { .index-hotpro .tab-content .box-list .item-title { font-size: 20px; font-size: 2rem; margin-bottom: 15px; } }
@media screen and (max-width: 991px) { .index-hotpro .tab-content .box-list .item-title { font-size: 16px; font-size: 1.6rem; margin-bottom: 5px; }
    .index-hotpro .tab-content .box-list .item-title, .index-hotpro .tab-content .box-list .item-title a { color: #333; } }
@media screen and (max-width: 767px) { .index-hotpro .tab-content .box-list .item-title { font-size: 16px; font-size: 1.6rem; margin-bottom: 8px; } 

.index-hotpro .tab-content .box-list .list-item2 .item-pic { border: 0px solid #E1E1E1;  width:100%; min-height:100px;  }
.index-hotpro .tab-content .box-list  .list-item2 .item-backdrop{
	width:100%;display:none;
	}
}
.index-hotpro .tab-content .box-list .item-desc { font-size: 16px; font-size: 1.6rem; line-height: 30px; max-height: 60px; }
.index-hotpro .tab-content .box-list .item-desc, .index-hotpro .tab-content .box-list .item-desc a { color: #fff; }

@media screen and (min-width: 992px) { .index-hotpro .tab-content .box-list .item-desc a:hover { color: #ddd !important; } }
@media screen and (max-width: 991px) { .index-hotpro .tab-content .box-list .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 24px; max-height: 48px; }
    .index-hotpro .tab-content .box-list .item-desc, .index-hotpro .tab-content .box-list .item-desc a { color: #666; } }
@media screen and (max-width: 767px) { .index-hotpro .tab-content .box-list .item-desc { font-size: 13px; font-size: 1.3rem; line-height: 20px; max-height: 40px; } }
.index-hotpro .tab-content .box-list .item-backdrop { padding: 0 11.34021%; }
.index-hotpro .tab-content .box-list .item-backdrop:before { background-color: #c61b03; opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
@media screen and (max-width: 1219px) { .index-hotpro .tab-content .box-list .item-backdrop { padding: 0 5.6701%; } }
@media screen and (max-width: 991px) { 
.index-hotpro .tab-content .box-list .item-backdrop { position: relative; padding: 10px 0 0; float:left; width:63%; margin-left:2%; }
.index-hotpro .tab-content .box-list .list-item3{
	display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-left: 0;
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
	border-bottom:1px dashed #ccc;
	padding-bottom:5px;
	}
.index-hotpro .tab-content .box-list .list-item3 .item-backdrop { position: relative; padding: 10px 0 0; float:left; width:100%; margin-left:0; }

    .index-hotpro .tab-content .box-list .item-backdrop .item-table, .index-hotpro .tab-content .box-list .item-backdrop .item-cell { display: inline; } }
.index-hotpro .tab-content .box-list .item-table { position: relative; }
.index-app .index-title { margin-bottom: 52px; }
@media screen and (max-width: 1219px) { .index-app .index-title { margin-bottom: 45px; } }
@media screen and (max-width: 991px) { .index-app .index-title { margin-bottom: 35px; } }
@media screen and (max-width: 767px) { .index-app .index-title { margin-bottom: 25px; } }
.index-app .box-item { background: url(../images/bg1.jpg) no-repeat left center; background-size: 42.8125% 100%; padding: 70px 0; }
@media screen and (max-width: 1219px) { .index-app .box-item { background-size: 26.04167% 100%; } }
@media screen and (max-width: 991px) { .index-app .box-item { padding: 50px 0; } }
@media screen and (max-width: 767px) { .index-app .box-item { padding: 30px 0; } }
@media screen and (max-width: 480px) { .index-app .box-item { background-image: none; padding: 0; } }
.index-app .box-item .item-pics { float: left; width: 440px; margin-left: 16.5%; margin-right: 3.33333%; border: solid 20px #fff; }
.index-app .box-item .item-pics img { width: 100%; display: block !important; }
@media screen and (max-width: 1219px) { .index-app .box-item .item-pics { margin-left: 0; } }
@media screen and (max-width: 991px) { .index-app .box-item .item-pics { border-width: 10px; width: 350px; margin-right: 2.5%; } }
@media screen and (max-width: 767px) { .index-app .box-item .item-pics { width: 45.83333%; margin-right: 1.66667%; } }
@media screen and (max-width: 480px) { .index-app .box-item .item-pics { width: 100%; float: none; border-width: 8px; margin: 0 auto 15px; border: 0; } }
.index-app .box-item .item-body { overflow: hidden; }
.index-app .box-item .item-title { font-size: 18px; font-size: 1.8rem; line-height: 1.3; margin-bottom: 22px;  margin-top: 1px; }
@media screen and (max-width: 991px) { .index-app .box-item .item-title { font-size: 16px; font-size: 1.6rem; margin-bottom: 10px; margin-top: 0; } }
@media screen and (max-width: 767px) { .index-app .box-item .item-title { font-size: 14px; font-size: 1.4rem; margin-bottom: 5px; } }
.index-app .box-item .item-desc { font-size: 16px; font-size: 1.6rem; line-height: 30px; max-height: 90px; margin-bottom: 18px; }
@media screen and (max-width: 991px) { .index-app .box-item .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 24px; max-height: 72px; margin-bottom: 15px; } }
@media screen and (max-width: 767px) { .index-app .box-item .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; max-height: 60px; margin-bottom: 12px; } }
.index-app .box-item .index-btn { margin-bottom: 31px; }
@media screen and (max-width: 991px) { .index-app .box-item .index-btn { margin-bottom: 20px; } }
@media screen and (max-width: 767px) { .index-app .box-item .index-btn { margin-bottom: 15px; } }
.index-app .box-item .box-list { font-size: 0; letter-spacing: 0; }
.index-app .box-item .box-list .list-item { display: inline-block; vertical-align: top; width: 30.65134%; margin-left: 4.02299%; margin-bottom: 15px; }
.index-video { padding: 91px 0 51px; }
@media screen and (max-width: 1219px) { .index-video { padding-top: 70px; } }
@media screen and (max-width: 991px) { .index-video { padding: 50px 0 30px; } }
@media screen and (max-width: 767px) { .index-video { padding: 30px 0 10px; } }
.index-video .index-title { margin-bottom: 37px; }
@media screen and (max-width: 991px) { .index-video .index-title { margin-bottom: 35px; } }
@media screen and (max-width: 767px) { .index-video .index-title { margin-bottom: 25px; } }
.index-video .box-list { font-size: 0; letter-spacing: 0; /* .item-videobox start */ /* .item-videobox end */ }
.index-video .box-list .list-item { display: inline-block; vertical-align: top; width: 31%; margin-left: 3.5%; border: 1px solid #DCDCDC; padding: 28px 19px 20px; margin-bottom: 20px; }
@media screen and (max-width: 1219px) { .index-video .box-list .list-item { padding: 20px 15px; } }
@media screen and (max-width: 991px) { .index-video .box-list .list-item { padding: 15px; width: 32%; margin-left: 2%; } }
@media screen and (max-width: 750px) { .index-video .box-list .list-item { padding: 15px 10px; width: 98%;} }
@media screen and (max-width: 480px) { .index-video .box-list .list-item { width: 98%; margin-left: 1% !important; margin-right: 1%; } }
@media screen and (max-width: 400px) { .index-video .box-list .list-item { width: 98%; } }
.index-video .box-list .item-videobox { width: 100%; overflow: hidden; margin: 0 auto; }
.index-video .box-list .item-videobox .item-video { position: relative; overflow: hidden; padding-bottom: 75%; height: 0; }
.index-video .box-list .item-videobox .item-video iframe, .index-video .box-list .item-videobox .item-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }
.index-video .box-list .item-videobox .item-video iframe body { margin: 0px !important; }
.index-video .box-list .item-pic { cursor: pointer; }
.index-video .box-list .item-title { font-size: 20px; font-size: 2rem; line-height: 1.2; margin-top: 25px; }
@media screen and (max-width: 1219px) { .index-video .box-list .item-title { font-size: 18px; font-size: 1.8rem; margin-top: 20px; } }
@media screen and (max-width: 991px) { .index-video .box-list .item-title { font-size: 16px; font-size: 1.6rem; margin-top: 15px; } }
@media screen and (max-width: 767px) { .index-video .box-list .item-title { font-size: 14px; font-size: 1.4rem; margin-top: 10px; } }
.index-video .box-list .item-desc { margin-top: 33px; font-size: 16px; font-size: 1.6rem; line-height: 30px; }
.index-video .box-list .item-desc, .index-video .box-list .item-desc a { color: #333; text-align:justify;}
@media screen and (max-width: 1219px) { .index-video .box-list .item-desc { line-height: 26px; margin-top: 15px; } }
@media screen and (max-width: 991px) { .index-video .box-list .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 24px; margin-top: 10px; } }
@media screen and (max-width: 767px) { .index-video .box-list .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; margin-top: 5px; } }
.index-news { padding-bottom: 80px; text-align: center; }
@media screen and (max-width: 1219px) { .index-news { padding-bottom: 80px; } }
@media screen and (max-width: 991px) { .index-news { padding-bottom: 80px; } }
@media screen and (max-width: 767px) { .index-news { padding-bottom: 30px; } }
.index-news .index-title { margin-bottom: 30px; }
@media screen and (max-width: 991px) { .index-news .index-title { margin-bottom: 25px; } }
@media screen and (max-width: 767px) { .index-news .index-title { margin-bottom: 15px; } }
.index-news .box-list { font-size: 0; letter-spacing: 0; padding-bottom: 26px; text-align: left; }
@media screen and (max-width: 767px) { .index-news .box-list { padding-bottom: 10px; } }
.index-news .box-list .list-item { display: inline-block; vertical-align: top; width: 32.33333%; margin-left: 1.5%; margin-bottom: 20px; position: relative; overflow: hidden; background-color: #F8F8F8; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; position: relative; }
.index-news .box-list .list-item:before { position: absolute; content: ''; left: 0; right: 0; height: 2px; bottom: 0; width: 0; margin: 0 auto; background-color: #c61b03; -webkit-transition: all 1s; -o-transition: all 1s; -moz-transition: all 1s; transition: all 1s; }
.index-news .box-list .list-item:hover:before { width: 100%; }
@media screen and (max-width: 750px) { .index-news .box-list .list-item { width: 98%; margin-left: 1% !important; margin-right: 1%; } }
.index-news .box-list .item-body { padding: 30px 29px 33px; }
@media screen and (max-width: 1219px) { .index-news .box-list .item-body { padding: 20px; } }
@media screen and (max-width: 991px) { .index-news .box-list .item-body { padding: 15px; } }
@media screen and (max-width: 767px) { .index-news .box-list .item-body { padding: 10px 5px; } }
.index-news .box-list .item-title { font-size: 18px; font-size: 1.8rem;  position: relative; line-height: 24px; padding-bottom: 27px;  }
/*.index-news .box-list .item-title:before { position: absolute; content: ''; width: 25px; height: 2px; bottom: 0; left: 0; background-color: #c61b03; }
*/@media screen and (max-width: 1219px) { .index-news .box-list .item-title { padding-bottom: 15px; } }
@media screen and (max-width: 991px) { .index-news .box-list .item-title { font-size: 16px; font-size: 1.6rem; line-height: 1.2;  padding-bottom: 10px; } }
@media screen and (max-width: 767px) { .index-news .box-list .item-title {  font-size: 14px; font-size: 1.4rem; } }
.index-news .box-list .item-desc {     font-size: 1.5rem;
    line-height: 1.6;
    height: 80px;
    margin-top: 15px;}
.index-news .box-list .item-desc, .index-news .box-list .item-desc a { color: #999; }
@media screen and (max-width: 1219px) { .index-news .box-list .item-desc { line-height: 26px; height: 52px; } }
@media screen and (max-width: 991px) { .index-news .box-list .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 24px; height: 70px; } }
@media screen and (max-width: 767px) { .index-news .box-list .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; height: 60px; margin-bottom: 5px; } }
.index-news .box-list .item-date { font-size: 14px; font-size: 1.4rem; line-height: 20px; color: #999; }
@media screen and (max-width: 991px) { .index-news .box-list .item-date { font-size: 12px; font-size: 1.2rem; } }
.index-cer { padding-bottom: 80px; }
@media screen and (max-width: 767px) { .index-cer { padding-bottom: 30px; } }
.index-cer .index-title { margin-bottom: 42px; }
@media screen and (max-width: 991px) { .index-cer .index-title { margin-bottom: 35px; } }
@media screen and (max-width: 767px) { .index-cer .index-title { margin-bottom: 25px; } }
.index-cer .cer-scroll { position: relative; overflow: hidden; }
.index-cer .cer-scroll .scroll-btns { font-size: 0; letter-spacing: 0; text-align: center; margin-top: 20px; }
.index-cer .cer-scroll .scroll-btns .scroll-btn { display: inline-block; vertical-align: top; cursor: pointer; font-size: 28px; font-size: 2.8rem; color: #c61b03; }
.index-cer .cer-scroll .scroll-btns .scroll-btn:hover { color: #000; }
@media screen and (max-width: 999px) { .index-cer .cer-scroll .scroll-btns .scroll-btn { font-size: 28px; font-size: 2.8rem; } }
@media screen and (max-width: 767px) { .index-cer .cer-scroll .scroll-btns .scroll-btn { font-size: 24px; font-size: 2.4rem; } }
.index-cer .cer-scroll .scroll-btns .prev { margin-right: 20px; }
@media screen and (max-width: 999px) { .index-cer .cer-scroll .scroll-btns .prev { margin-right: 20px; } }
@media screen and (max-width: 767px) { .index-cer .cer-scroll .scroll-btns .prev { margin-right: 10px; } }
.index-cer .cer-scroll .scroll-list-box { width: 100%; overflow: hidden; }
.index-cer .cer-scroll .scroll-list { width: 10000%; }
.index-cer .cer-scroll .scroll-list .list-item { float: left; width: 0.23083%; margin-right: 0.02556%; }
@media screen and (max-width: 1219px) { .index-cer .cer-scroll .scroll-list .list-item { width: 0.235%; margin-right: 0.02%; } }
@media screen and (max-width: 767px) { .index-cer .cer-scroll .scroll-list .list-item { width: 0.32%; } }
@media screen and (max-width: 480px) { .index-cer .cer-scroll .scroll-list .list-item { width: 0.49%; } }
.index-cer .cer-scroll .scroll-list .item-pics { position: relative; padding-bottom: 100%; border: solid 1px #DCDCDC; }
.index-cer .cer-scroll .scroll-list .item-pics img { max-width: 100% !important; max-height: 100% !important; }
.index-cer .cer-scroll .scroll-list .item-box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; }
.index-cer .cer-scroll .scroll-list .item-backdrop:before { background-color: #000; opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }
.index-cer .cer-scroll .scroll-list .item-backdrop .iconfont { font-size: 36px; font-size: 3.6rem; color: #fff; position: relative; }
@media screen and (max-width: 999px) { .index-cer .cer-scroll .scroll-list .item-backdrop { display: none; } }
.index-cer .cer-scroll .scroll-list .item-title { font-size: 16px; font-size: 1.6rem; text-align: center; line-height: 1.2; margin-top: 15px; }
@media screen and (max-width: 1219px) { .index-cer .cer-scroll .scroll-list .item-title { font-size: 16px; font-size: 1.6rem; } }
@media screen and (max-width: 999px) { .index-cer .cer-scroll .scroll-list .item-title { font-size: 14px; font-size: 1.4rem; } }
@media screen and (max-width: 767px) { .index-cer .cer-scroll .scroll-list .item-title { font-size: 12px; font-size: 1.2rem; margin-top: 10px; } }
.index-faq { padding-bottom: 80px; }
@media screen and (max-width: 1219px) { .index-faq { padding-bottom: 70px; } }
@media screen and (max-width: 991px) { .index-faq { padding-bottom: 50px; } }
@media screen and (max-width: 767px) { .index-faq { padding-bottom: 30px; } }
.index-faq .index-title { margin-bottom: 42px; }
@media screen and (max-width: 991px) { .index-faq .index-title { margin-bottom: 35px; } }
@media screen and (max-width: 767px) { .index-faq .index-title { margin-bottom: 25px; } }
.index-download { padding-bottom: 80px; }
@media screen and (max-width: 1219px) { .index-download { padding-bottom: 70px; } }
@media screen and (max-width: 991px) { .index-download { padding-bottom: 50px; } }
@media screen and (max-width: 767px) { .index-download { padding-bottom: 30px; } }
.index-download .index-title { margin-bottom: 42px; }
@media screen and (max-width: 991px) { .index-download .index-title { margin-bottom: 35px; } }
@media screen and (max-width: 767px) { .index-download .index-title { margin-bottom: 25px; } }
/*-------------index end-------------------------------------------------------------------*/
/*-------------products1 start-------------------------------------------------------------*/
/*proslide start*/
.proslide { border-bottom: solid 1px #DCDCDC; padding-bottom: 22px; margin-bottom: 58px; }
@media screen and (max-width: 991px) { .proslide { margin-bottom: 40px; } }
@media screen and (max-width: 767px) { .proslide { margin-bottom: 20px; padding-bottom: 0; } }
.slide-title { position: relative; font-size: 20px; font-size: 2.0rem;  text-transform: uppercase; margin-bottom: 6px; }
.slide-title p, .slide-title a { display: block; line-height: 26px; padding: 13px 0; }
.slide-title a:hover { color: #c61b03; }
.slide-title.slide-title2 { display: none; }
@media screen and (max-width: 991px) { .slide-title { font-size: 18px; font-size: 1.8rem; }
    .slide-title p, .slide-title a { padding: 10px 0; }
    .slide-title p, .slide-title a { padding: 7px 40px 7px 0; }
    .slide-title.slide-title1 { display: none; }
    .slide-title.slide-title2 { display: block; } }
.pro-slidenav { font-size: 0; letter-spacing: 0; margin-bottom: 40px; }
.pro-slidenav > li { position: relative; display: inline-block; vertical-align: top; width: 22.5%; margin-left: 3.33333%; }
.pro-slidenav > li:nth-child(4n+1) { margin-left: 0; }
@media screen and (max-width: 991px) { .pro-slidenav > li { width: 100%; margin-left: 0; } }
.pro-slidenav > li > a { display: block; font-size: 16px; font-size: 1.6rem; line-height: 24px; padding: 9px 25px 9px 0; position: relative; border-bottom: solid 1px #999999; }
.pro-slidenav > li > a > .iconfont { font-size: 14px; font-size: 1.4rem; color: #666; position: absolute; right: 0; top: 13px; cursor: pointer; }
.pro-slidenav > li > .iconfont { font-size: 14px; font-size: 1.4rem; color: #666; position: absolute; right: 0; top: 13px; cursor: pointer; }
.pro-slidenav > li:hover > a, .pro-slidenav > li.slide-active > a, .pro-slidenav > li.active > a { color: #c61b03; }
.pro-slidenav > li:hover > a > .iconfont, .pro-slidenav > li.slide-active > a > .iconfont, .pro-slidenav > li.active > a > .iconfont { color: #c61b03; }
.pro-slidenav > li:hover > a > .iconfont:before, .pro-slidenav > li.slide-active > a > .iconfont:before, .pro-slidenav > li.active > a > .iconfont:before { content: "\e722"; }
.pro-slidenav > li:hover > .iconfont, .pro-slidenav > li.slide-active > .iconfont, .pro-slidenav > li.active > .iconfont { color: #c61b03; }
.pro-slidenav > li:hover > .iconfont:before, .pro-slidenav > li.slide-active > .iconfont:before, .pro-slidenav > li.active > .iconfont:before { content: "\e722"; }
.proslide-yiji { display: none; padding: 5px 0 7px; background-color: #fff; z-index: 9; position: absolute; left: 0; right: 0; }
.proslide-yiji > li { position: relative; }
.proslide-yiji > li > a { display: block; color: #666; font-size: 14px; font-size: 1.4rem; padding: 5px 24px 5px 15px; line-height: 24px; position: relative; }
.proslide-yiji > li > a > .iconfont { font-size: 14px; font-size: 1.4rem; color: #666; position: absolute; right: 0; top: 10px; cursor: pointer; }
.proslide-yiji > li > .iconfont { font-size: 14px; font-size: 1.4rem; color: #666; position: absolute; right: 0; top: 10px; cursor: pointer; }
.proslide-yiji > li > label { display: block; color: #666; font-size: 14px; font-size: 1.4rem; padding: 5px 0 5px 0; line-height: 24px; position: relative; cursor: pointer; }
.proslide-yiji > li > label input { margin-right: 5px; }
.proslide-yiji > li > label:hover { color: #c61b03; text-decoration: underline; }
.proslide-yiji > li.slide-active1 > a, .proslide-yiji > li:hover > a, .proslide-yiji > li.active > a { color: #c61b03; text-decoration: underline; }
.proslide-yiji > li.slide-active1 > a > .iconfont, .proslide-yiji > li:hover > a > .iconfont, .proslide-yiji > li.active > a > .iconfont { color: #c61b03; }
.proslide-yiji > li.slide-active1 > a > .iconfont:before, .proslide-yiji > li:hover > a > .iconfont:before, .proslide-yiji > li.active > a > .iconfont:before { content: "\e722"; }
.proslide-yiji > li.slide-active1 > .iconfont, .proslide-yiji > li:hover > .iconfont, .proslide-yiji > li.active > .iconfont { color: #c61b03; }
.proslide-yiji > li.slide-active1 > .iconfont:before, .proslide-yiji > li:hover > .iconfont:before, .proslide-yiji > li.active > .iconfont:before { content: "\e722"; }
.proslide-erji > li { position: relative; }
.proslide-erji > li a { display: block; color: #666; padding: 5px 0 5px 30px; line-height: 24px; font-size: 14px; font-size: 1.4rem; }
.proslide-erji > li.slide-active2 > a, .proslide-erji > li:hover > a { color: #c61b03; text-decoration: underline; }
/*proslide end*/
/* .pro1-top start */
.pro1-top .item-title { font-size: 20px; font-size: 2.0rem;  line-height: 1.2; margin-bottom: 17px; }
@media screen and (max-width: 1219px) { .pro1-top .item-title { font-size: 18px; font-size: 1.8rem; } }
@media screen and (max-width: 767px) { .pro1-top .item-title { font-size: 16px; font-size: 1.6rem; margin-bottom: 10px; } }
.pro1-top .item-desc { border: solid 1px #F6F6F6; margin-bottom: 40px; font-size: 16px; font-size: 1.6rem; line-height: 30px; padding: 9px 23px 8px; }
.pro1-top .item-desc, .pro1-top .item-desc a { color: #666; }
@media screen and (max-width: 1219px) { .pro1-top .item-desc { line-height: 26px; } }
@media screen and (max-width: 991px) { .pro1-top .item-desc { padding: 8px 15px; font-size: 14px; font-size: 1.4rem; line-height: 24px; margin-bottom: 30px; } }
@media screen and (max-width: 767px) { .pro1-top .item-desc { padding: 8px 10px; font-size: 12px; font-size: 1.2rem; line-height: 20px; margin-bottom: 20px; } }
/* .pro1-top end */
/* pro1-list start */
.pro1-list { padding-bottom: 0px; font-size: 0; letter-spacing: 0; min-height:450px;}
.pro1-list .list-item { display: inline-block; vertical-align: top; width: 47.5%; margin-left: 5%; margin-bottom: 30px;     padding-bottom: 20px;
    text-align: center;
    border-bottom: 0px solid #999999;}
@media screen and (max-width: 1219px) { .pro1-list .list-item { width: 49%; margin-left: 2%; } }
@media screen and (max-width: 991px) { .pro1-list .list-item { margin-bottom: 30px; } }
@media screen and (max-width: 640px) { .pro1-list .list-item { width: 100%; margin-left: 0; margin-bottom: 20px;   padding-bottom: 20px} }
.pro1-list .item-pic { float: left; width: 42.10526%; margin-right: 4.5614%; position: relative; }
@media screen and (max-width: 767px) { .pro1-list .item-pic { width: 125px; margin-right: 10px; } }
.pro1-list .item-body { overflow: hidden; }
.pro1-list .item-title { margin-top: 18px; font-size: 18px; font-size: 1.8rem;  line-height: 24px; }
@media screen and (max-width: 1219px) { .pro1-list .item-title { margin-top: 10px; } }
@media screen and (max-width: 991px) { .pro1-list .item-title { font-size: 16px; font-size: 1.6rem; margin-top: 0; } }
@media screen and (max-width: 767px) { .pro1-list .item-title { font-size: 14px; font-size: 1.4rem; } }
.pro1-list .item-desc { font-size: 16px; font-size: 1.6rem; line-height: 30px;  margin-top: 14px; overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
@media screen and (max-width: 1219px) { .pro1-list .item-desc { line-height: 26px;  } }
@media screen and (max-width: 991px) { .pro1-list .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 24px;  margin-top: 10px; } }
@media screen and (max-width: 767px) { .pro1-list .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px;  margin-top: 5px; } }
.pro1-list .item-btnbox { margin-top: 70px; font-size: 0; letter-spacing: 0; }
.pro1-list .item-btnbox input { display: inline-block; vertical-align: middle; margin-right: 13px; }
@media screen and (max-width: 1219px) { .pro1-list .item-btnbox { margin-top: 30px; } }
@media screen and (max-width: 991px) { .pro1-list .item-btnbox { margin-top: 20px; } }
@media screen and (max-width: 767px) { .pro1-list .item-btnbox { margin-top: 10px; }
    .pro1-list .item-btnbox input { margin-right: 8px; } }
.pro1-list .item-btn { display: inline-block; vertical-align: middle; font-size: 14px; font-size: 1.4rem; color: #666; text-decoration: underline; }
@media screen and (max-width: 767px) { .pro1-list .item-btn { font-size: 12px; font-size: 1.2rem; } }
/* pro1-list end */
/*-------------products1 end---------------------------------------------------------------*/
/*-------------products2 start-------------------------------------------------------------*/
.pro2-top { margin-bottom: 38px; margin-top:30px}
@media screen and (max-width: 991px) { .pro2-top { margin-bottom: 30px; } }
.pro2-top .pro2-scroll { position: relative; float: left; width: 40.33333%; margin-right: 5.5%; }
@media screen and (max-width: 1219px) { .pro2-top .pro2-scroll { width: 50%; margin-right: 2.5%; } }
@media screen and (max-width: 991px) { .pro2-top .pro2-scroll { float: none; width: 100%; margin: 0 auto 20px; padding: 0 0px; } }
.pro2-top .pro2-scroll .scroll-btns .scroll-btn { cursor: pointer; position: absolute; top: 50%; margin-top: -14px; font-size: 25px; font-size: 2.5rem; z-index: 9; background: #c61b03; padding:5px;
    color: #fff;	}
.pro2-top .pro2-scroll .scroll-btns .scroll-btn:hover { background: #fff;color: #c61b03; }
.pro2-top .pro2-scroll .scroll-btns .prev { left: 0; }
.pro2-top .pro2-scroll .scroll-btns .next { right: 0; }
.pro2-top .pro2-scroll .scroll-list-box { width: 100%; overflow: hidden; }
.pro2-top .pro2-scroll .scroll-list { width: 10000%; /* .item-videobox start */ /* .item-videobox end */ }
.pro2-top .pro2-scroll .scroll-list .list-item { float: left; width: 1%; }
@media screen and (max-width: 991px) { .pro2-top .pro2-scroll .scroll-list .list-item { width: 0.32%; margin-right: 0.02%; } }
@media screen and (max-width: 640px) { .pro2-top .pro2-scroll .scroll-list .list-item { width: 0.49%; } }
@media screen and (max-width: 480px) { .pro2-top .pro2-scroll .scroll-list .list-item { width: 1%; margin-right: 0; } }
.pro2-top .pro2-scroll .scroll-list .item-videobox { width: 100%; overflow: hidden; margin: 0 auto; }
.pro2-top .pro2-scroll .scroll-list .item-videobox .item-video { position: relative; overflow: hidden; padding-bottom: 100%; height: 0; }
.pro2-top .pro2-scroll .scroll-list .item-videobox .item-video iframe, .pro2-top .pro2-scroll .scroll-list .item-videobox .item-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }
.pro2-top .pro2-scroll .scroll-list .item-videobox .item-video iframe body { margin: 0px !important; }
/* pro-info */
.pro2-info { overflow: hidden; }
.pro2-info .item-title { font-size: 24px; font-size: 2.4rem; line-height: 26px; border-bottom: solid 1px #EAEAEA; padding-bottom: 16px; padding-top: 0px; margin-bottom: 18px; }
@media screen and (max-width: 1219px) { .pro2-info .item-title { padding-top: 0; font-size: 22px; font-size: 2.2rem; } }
@media screen and (max-width: 991px) { .pro2-info .item-title { font-size: 20px; font-size: 2rem; line-height: 24px; margin-bottom: 15px; padding-bottom: 12px; } }
@media screen and (max-width: 767px) { .pro2-info .item-title { font-size: 18px; font-size: 1.8rem; padding-bottom: 8px; } }
.pro2-info .item-desc { padding-bottom: 20px; min-height: 310px; font-size: 16px; font-size: 1.6rem; line-height: 30px; }
.pro2-info .item-desc p { min-height: 30px; }
.pro2-info .item-desc, .pro2-info .item-desc a { color: #666; }
.pro2-info .item-desc img, .pro2-info .item-desc iframe { max-width: 100%; }
@media screen and (max-width: 1219px) { .pro2-info .item-desc { height: auto; min-height: 310px; line-height: 26px; }
    .pro2-info .item-desc p { min-height: 26px; } }
@media screen and (max-width: 991px) { .pro2-info .item-desc { line-height: 24px; font-size: 14px; font-size: 1.4rem; }
    .pro2-info .item-desc p { min-height: 24px; } }
@media screen and (max-width: 767px) { .pro2-info .item-desc { line-height: 20px; font-size: 12px; font-size: 1.2rem;min-height: 180px;}
    .pro2-info .item-desc p { min-height: 20px; } }
.pro2-info .pro-share { margin-bottom: 57px; display: inline-block}
@media screen and (max-width: 1419px) { .pro2-info .pro-share { margin-bottom: 30px; } }
@media screen and (max-width: 767px) { .pro2-info .pro-share { margin-bottom: 20px; } }
.pro2-info .pro-share .share-title { color: #666; font-size: 14px; font-size: 1.4rem; }
@media screen and (max-width: 991px) { .pro2-info .pro-share .share-title { font-size: 14px; font-size: 1.4rem; } }
@media screen and (max-width: 767px) { .pro2-info .pro-share .share-title { font-size: 12px; font-size: 1.2rem; } }
.pro2-info .down-btn { display: inline-block; color: #c61b03; font-size: 16px; font-size: 1.6rem; margin-bottom: 28px; margin-left: 40px}
.pro2-info .down-btn .iconfont { font-size: 18px; font-size: 1.8rem; margin-right: 5px; vertical-align: middle; font-weight: bold; }
.pro2-info .down-btn span { text-decoration: underline; }
.pro2-info .down-btn:hover { color: #c61b03; }
@media screen and (max-width: 767px) { .pro2-info .down-btn { font-size: 14px; font-size: 1.4rem; margin-bottom: 20px; } }
.pro2-info .item-btns { font-size: 0; letter-spacing: 0; display:none; }
.pro2-info .item-btn { display: inline-block; vertical-align: middle; border-radius: 23px; min-width: 160px; line-height: 45px; background-color: #EAEAEA; color: #333; text-align: center; font-size: 16px; font-size: 1.6rem; }
.pro2-info .item-btn:first-child { margin-right: 20px; }
.pro2-info .item-btn:hover { color: #fff; background-color: #c61b03; }
@media screen and (max-width: 991px) { .pro2-info .item-btn { font-size: 14px; font-size: 1.4rem; line-height: 40px; min-width: 140px; } }
@media screen and (max-width: 767px) { .pro2-info .item-btn { line-height: 34px; min-width: 130px; font-size: 14px; font-size: 1.4rem; } }
@media screen and (max-width: 480px) { .pro2-info .item-btn { line-height: 34px; width: 100%; font-size: 14px; font-size: 1.4rem; }
    .pro2-info .item-btn:first-child { margin-right: 0; margin-bottom: 15px; } }
.pro2-attr { margin-bottom: 50px; }
.pro_con{width:100%; overflow:hidden;}
.pro_left{float:left;width:220px;}
.pro_right{float:right; width:calc( 100% - 245px);}
.privacy-left-content{padding-top:20px;}
.category-list {
	padding: 16px;
	background-color: #e3ebf5;
	margin-bottom: 20px
}
.category-list h3 {
	font-size: 22px;
	margin-bottom: 20px;
	    color: #02209f;
		    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
	text-align:center;
}

.category-list ul {
	padding-left: 0;
	margin-bottom: 0
}
.category-list ul li {
	list-style-type: none;
	position: relative;
	margin-bottom: 22px
}
.category-list ul li a {
	color: #444;
	font-size:16px;
	-webkit-transition: all ease .5s;
	transition: all ease .5s
}
.category-list ul li i {
	position: absolute;
	right: 0;
	font-size: 22px
}
.category-list ul li:last-child {
	margin-bottom: 10px
}
.category-list ul li:hover{
	
	}
.category-list ul li:hover a {
	color: #005ead;
	font-weight:600;
	
}
@media screen and (max-width: 1219px) { .pro2-attr { margin-bottom: 30px; } }
.pro2-spec .box-title { border-bottom: solid 1px #EBEBEB; font-size: 30px; font-size: 3rem; line-height: 1.2; color: #c61b03;  text-transform: uppercase; padding-bottom: 8px; }
@media screen and (max-width: 1219px) { .pro2-spec .box-title { font-size: 26px; font-size: 2.6rem; } }
@media screen and (max-width: 991px) { .pro2-spec .box-title { font-size: 22px; font-size: 2.2rem; } 
.pro_left{display:none;}
.pro_right{float:none; width:100%;}
}
@media screen and (max-width: 767px) { .pro2-spec .box-title { font-size: 18px; font-size: 1.8rem; } }
.pro2-spec .box-body { padding-top: 30px; font-size: 16px; font-size: 1.6rem; line-height: 30px; }
.pro2-spec .box-body p { min-height: 30px; }
.pro2-spec .box-body img, .pro2-spec .box-body iframe { max-width: 100%;  height:auto !important;}
.pro2-spec .box-body, .pro2-spec .box-body a { color: #333; }
.pro2-spec .box-body strong { color: #c61b03; font-weight: normal; }
.pro2-spec .box-body em { font-style: normal; text-decoration: underline; color: #c61b03; }
@media screen and (max-width: 1219px) { .pro2-spec .box-body { font-size: 16px; font-size: 1.6rem; line-height: 26px; }
    .pro2-spec .box-body p { min-height: 26px; } }
@media screen and (max-width: 991px) { .pro2-spec .box-body { font-size: 14px; font-size: 1.4rem; line-height: 24px; }
    .pro2-spec .box-body p { min-height: 24px; } }
@media screen and (max-width: 767px) { .pro2-spec .box-body { padding-top: 20px; font-size: 12px; font-size: 1.2rem; line-height: 20px; }
    .pro2-spec .box-body p { min-height: 20px; } }
.pro2-tags { margin-top: 44px; font-family: "Raleway-Medium", arial; font-size: 16px; font-size: 1.6rem; line-height: 24px; }
@media screen and (max-width: 991px) { .pro2-tags { margin-top: 30px; } }
@media screen and (max-width: 991px) { .pro2-tags { font-size: 14px; font-size: 1.4rem; } }
@media screen and (max-width: 767px) { .pro2-tags { font-size: 12px; font-size: 1.2rem; line-height: 20px; } }
.pro2-tags .item-title { float: left;margin-right: 10px; text-transform: uppercase; }
.pro2-tags .item-desc { overflow: hidden; word-break: break-word; color: #666; }
.pro2-tags .item-desc a { color: #666; }
.pro2-tags .item-desc a:hover { color: #c61b03; }
.related-box { margin-top: 46px; }
@media screen and (max-width: 991px) { .related-box { margin-top: 30px; } }
.related-box .box-title { font-size: 30px; font-size: 3rem; text-transform: uppercase; line-height: 1.2; position: relative; text-align: center; }
.related-box .box-title:before { position: absolute; content: ''; left: 0; right: 0; height: 1px; background-color: #E3E3E3; top: 50%; }
.related-box .box-title a { position: relative; background-color: #fff; padding: 0 40px; display: inline-block; }
.related-box .box-title a:hover { color: #c61b03; }
@media screen and (max-width: 1219px) { .related-box .box-title { font-size: 28px; font-size: 2.8rem; }
    .related-box .box-title a { padding: 0 20px; } }
@media screen and (max-width: 991px) { .related-box .box-title { font-size: 24px; font-size: 2.4rem; }
    .related-box .box-title a { padding: 0 15px; } }
@media screen and (max-width: 767px) { .related-box .box-title { font-size: 20px; font-size: 2rem; } }
.related-box .related-scroll { position: relative; }
.related-box .related-scroll .scroll-btns { display: none; }
.related-box .related-scroll .scroll-list-box { width: 100%; overflow: hidden; }
.related-box .related-scroll .scroll-list { width: 10000%; padding-top: 34px; }
@media screen and (max-width: 767px) { .related-box .related-scroll .scroll-list { padding-top: 25px; } }
.related-box .related-scroll .scroll-list .list-item { float: left; width: 0.2%; margin-right: 0.06667%; text-align: center; position: relative; }
@media screen and (max-width: 1219px) { .related-box .related-scroll .scroll-list .list-item { width: 0.235%; margin-right: 0.02%; } }
@media screen and (max-width: 767px) { .related-box .related-scroll .scroll-list .list-item { width: 0.32%; } }
@media screen and (max-width: 480px) { .related-box .related-scroll .scroll-list .list-item { width: 0.49%; margin-right: 0.02%; } }
.related-box .related-scroll .scroll-list .item-title { font-size: 18px; font-size: 1.8rem; line-height: 24px; margin-top: 10px; text-align: center; }
@media screen and (max-width: 991px) { .related-box .related-scroll .scroll-list .item-title { font-size: 16px; font-size: 1.6rem; } }
@media screen and (max-width: 767px) { .related-box .related-scroll .scroll-list .item-title { font-size: 14px; font-size: 1.4rem; margin-top: 10px; } }
/*-------------products2 end---------------------------------------------------------------*/
/*-------------news1 start-----------------------------------------------------------------*/
.news1-list { padding-bottom: 31px; font-size: 0; letter-spacing: 0; }
@media screen and (max-width: 991px) { .news1-list { padding-bottom: 20px; } }
@media screen and (max-width: 767px) { .news1-list { padding-bottom: 10px; } }
.news1-list li { display: inline-block; vertical-align: top; width: 100%; padding-bottom: 50px; margin-bottom: 48px; border-bottom: solid 1px #F1F1F1; }
@media screen and (max-width: 1219px) { .news1-list li { padding-bottom: 35px; margin-bottom: 35px; } }
@media screen and (max-width: 991px) { .news1-list li { padding-bottom: 20px; margin-bottom: 20px; } }
@media screen and (max-width: 480px) { .news1-list li { width: 48%; margin: 0 1% 20px; padding-bottom: 0; border-bottom: 0; } }
.news1-list .item-pic { width: 33.33333%; float: left; margin-right: 3%; }
@media screen and (max-width: 1219px) { .news1-list .item-pic { margin-right: 2.5%; } }
@media screen and (max-width: 767px) { .news1-list .item-pic { width: 230px; } }
@media screen and (max-width: 480px) { .news1-list .item-pic { width: 100%; float: none; margin: 0 auto 10px; } }
.news1-list .item-body { overflow: hidden; }
.news1-list .item-title { font-size: 24px; font-size: 2.4rem;line-height: 28px; margin-bottom: 13px; margin-top: 34px; }
@media screen and (max-width: 1219px) { .news1-list .item-title { margin-top: 0; margin-bottom: 13px; font-size: 18px; font-size: 1.8rem; line-height: 24px; } }
@media screen and (max-width: 991px) { .news1-list .item-title { font-size: 16px; font-size: 1.6rem; margin-bottom: 5px; } }
@media screen and (max-width: 767px) { .news1-list .item-title { font-size: 14px; font-size: 1.4rem; } }
.news1-list .item-date { font-size: 14px; font-size: 1.4rem; margin-bottom: 13px; line-height: 20px; color: #999; }
.news1-list .item-date .iconfont { vertical-align: middle; margin-right: 7px; margin-left: 1px; color: #999; vertical-align: middle; }
@media screen and (max-width: 991px) { .news1-list .item-date { margin-bottom: 5px; } }
@media screen and (max-width: 767px) { .news1-list .item-date { font-size: 12px; font-size: 1.2rem; }
    .news1-list .item-date .iconfont { font-size: 14px; font-size: 1.4rem; } }
.news1-list .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 30px; height: 90px; margin-bottom: 38px; }
.news1-list .item-desc, .news1-list .item-desc a { color: #555; }
@media screen and (max-width: 1219px) { .news1-list .item-desc { margin-bottom: 25px; } }
@media screen and (max-width: 991px) { .news1-list .item-desc { line-height: 24px; height: 72px; margin-bottom: 15px; } }
@media screen and (max-width: 767px) { .news1-list .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; height: 60px; } }
@media screen and (max-width: 480px) { .news1-list .item-desc { height: 40px; } }
.news1-list .item-btn { font-size: 14px; font-size: 1.4rem; display: inline-block; min-width: 125px; line-height: 38px; border: solid 1px #c61b03; color: #c61b03; text-transform: uppercase; text-align: center; border-radius: 20px; }
.news1-list .item-btn:hover { background-color: #c61b03; color: #fff; }
@media screen and (max-width: 991px) { .news1-list .item-btn { min-width: 120px; line-height: 30px; } }
@media screen and (max-width: 767px) { .news1-list .item-btn { font-size: 12px; font-size: 1.2rem; min-width: 110px; line-height: 26px; } }
@media screen and (max-width: 480px) { .news1-list .item-btn { min-width: 100px; } }
/*-------------news1 end-------------------------------------------------------------------*/
/*-------------news2 start-----------------------------------------------------------------*/
.news2-main > .item-title { text-align: center; font-size: 26px; font-size: 2.6rem;  line-height: 30px; }
@media screen and (max-width: 1219px) { .news2-main > .item-title { font-size: 22px; font-size: 2.2rem; line-height: 26px; } }
@media screen and (max-width: 991px) { .news2-main > .item-title { font-size: 20px; font-size: 2rem; line-height: 24px; } }
@media screen and (max-width: 767px) { .news2-main > .item-title { font-size: 18px; font-size: 1.8rem; line-height: 22px; } }
@media screen and (max-width: 640px) { .news2-main > .item-title { font-size: 16px; font-size: 1.6rem; line-height: 20px; } }
.news2-main .item-date { text-align: center; margin-top: 28px; }
.news2-main .item-date .iconfont { margin-right: 5px; vertical-align: middle; }
.news2-main .item-date > span { line-height: 26px; display: inline-block; color: #999; margin-right: 35px; }
@media screen and (max-width: 991px) { .news2-main .item-date { margin-top: 20px; } }
@media screen and (max-width: 767px) { .news2-main .item-date { margin-top: 10px; }
    .news2-main .item-date > span { font-size: 12px; font-size: 1.2rem; margin-right: 10px; } }
.news2-main .pro-share { display: inline-block; }
.news2-main .pro-share .share-title { color: #333; font-size: 14px; font-size: 1.4rem; }
@media screen and (max-width: 767px) { .news2-main .pro-share .share-title { font-size: 12px; font-size: 1.2rem; } }
.news2-main .item-kind { font-size: 0; letter-spacing: 0; text-align: center; margin-top: 20px; }
.news2-main .item-kind > * { display: inline-block; vertical-align: top; font-size: 14px; font-size: 1.4rem; color: #999; margin: 0 15px; }
@media screen and (max-width: 767px) { .news2-main .item-kind { margin-top: 10px; }
    .news2-main .item-kind > * { font-size: 12px; font-size: 1.2rem; margin: 0 8px; } }
.news2-main .item-desc { font-size: 16px; font-size: 1.6rem; line-height: 30px; padding: 27px 0 0; }
.news2-main .item-desc p { min-height: 30px; }
.news2-main .item-desc img, .news2-main .item-desc iframe { max-width: 100%; }
.news2-main .item-desc, .news2-main .item-desc a { color: #333; }
@media screen and (max-width: 991px) { .news2-main .item-desc { padding: 24px 0 0; font-size: 14px; font-size: 1.4rem; line-height: 24px; }
    .news2-main .item-desc p { min-height: 24px; } }
@media screen and (max-width: 767px) { .news2-main .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; padding: 20px 0 0; }
    .news2-main .item-desc p { min-height: 20px; } }
.related-news { margin-top: 46px; }
@media screen and (max-width: 991px) { .related-news { margin-top: 30px; } }
.related-news .box-title { font-size: 30px; font-size: 3rem; text-transform: uppercase;  line-height: 1.2; position: relative; text-align: center; }
.related-news .box-title:before { position: absolute; content: ''; left: 0; right: 0; height: 1px; background-color: #E3E3E3; top: 50%; }
.related-news .box-title a { position: relative; background-color: #fff; padding: 0 40px; display: inline-block; }
.related-news .box-title a:hover { color: #c61b03; }
@media screen and (max-width: 1219px) { .related-news .box-title { font-size: 28px; font-size: 2.8rem; }
    .related-news .box-title a { padding: 0 20px; } }
@media screen and (max-width: 991px) { .related-news .box-title { font-size: 24px; font-size: 2.4rem; }
    .related-news .box-title a { padding: 0 15px; } }
@media screen and (max-width: 767px) { .related-news .box-title { font-size: 20px; font-size: 2rem; } }
.related-news .box-list { font-size: 0; letter-spacing: 0; text-align: left; padding-top: 34px; }
@media screen and (max-width: 767px) { .related-news .box-list { padding-top: 25px; } }
.related-news .box-list .list-item { display: inline-block; vertical-align: top; width: 32.33333%; margin-left: 1.5%; margin-bottom: 20px; position: relative; overflow: hidden; background-color: #F8F8F8; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; position: relative; }
.related-news .box-list .list-item:before { position: absolute; content: ''; left: 0; right: 0; height: 2px; bottom: 0; width: 0; margin: 0 auto; background-color: #c61b03; -webkit-transition: all 1s; -o-transition: all 1s; -moz-transition: all 1s; transition: all 1s; }
.related-news .box-list .list-item:hover:before { width: 100%; }
@media screen and (max-width: 480px) { .related-news .box-list .list-item { width: 48%; margin-left: 1% !important; margin-right: 1%; } }
.related-news .box-list .item-body { padding: 30px 29px 33px; }
@media screen and (max-width: 1219px) { .related-news .box-list .item-body { padding: 20px; } }
@media screen and (max-width: 991px) { .related-news .box-list .item-body { padding: 15px; } }
@media screen and (max-width: 767px) { .related-news .box-list .item-body { padding: 10px 5px; } }
.related-news .box-list .item-title { font-size: 18px; font-size: 1.8rem;  position: relative; line-height: 24px; padding-bottom: 27px; margin-bottom: 22px; }
.related-news .box-list .item-title:before { position: absolute; content: ''; width: 25px; height: 2px; bottom: 0; left: 0; background-color: #c61b03; }
@media screen and (max-width: 1219px) { .related-news .box-list .item-title { padding-bottom: 15px; } }
@media screen and (max-width: 991px) { .related-news .box-list .item-title { font-size: 16px; font-size: 1.6rem; line-height: 1.2; margin-bottom: 15px; padding-bottom: 10px; } }
@media screen and (max-width: 767px) { .related-news .box-list .item-title { margin-bottom: 5px; margin-bottom: 10px; font-size: 14px; font-size: 1.4rem; } }
.related-news .box-list .item-desc { font-size: 16px; font-size: 1.6rem; line-height: 30px; height: 60px; margin-bottom: 15px; }
.related-news .box-list .item-desc, .related-news .box-list .item-desc a { color: #999; }
@media screen and (max-width: 1219px) { .related-news .box-list .item-desc { line-height: 26px; height: 52px; } }
@media screen and (max-width: 991px) { .related-news .box-list .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 24px; height: 48px; } }
@media screen and (max-width: 767px) { .related-news .box-list .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; height: 40px; margin-bottom: 5px; } }
.related-news .box-list .item-date { font-size: 14px; font-size: 1.4rem; line-height: 20px; color: #999; }
@media screen and (max-width: 991px) { .related-news .box-list .item-date { font-size: 12px; font-size: 1.2rem; } }
/*-------------news2 end-------------------------------------------------------------------*/
/*-------------appilcation1 start----------------------------------------------------------*/
.app1-list { font-size: 0; letter-spacing: 0; padding-bottom: 84px; }
@media screen and (max-width: 1219px) { .app1-list { padding-bottom: 30px; } }
@media screen and (max-width: 991px) { .app1-list { padding-bottom: 20px; } }
@media screen and (max-width: 767px) { .app1-list { padding-bottom: 10px; } }
.app1-list .list-item { display: inline-block; vertical-align: top; width: 31.41667%; margin-left: 2.875%; margin-bottom: 39px; border: solid 1px #E5E5E5; padding: 15px 15px 33px; }
@media screen and (max-width: 1219px) { .app1-list .list-item { padding: 15px 15px 20px; } }
@media screen and (max-width: 991px) { .app1-list .list-item { width: 32%; margin-left: 2%; margin-bottom: 30px; padding: 10px 10px 15px; } }
@media screen and (max-width: 767px) { .app1-list .list-item { padding: 5px 5px 10px; } }
@media screen and (max-width: 480px) { .app1-list .list-item { width: 48%; margin-left: 1% !important; margin-right: 1%; margin-bottom: 20px; } }
.app1-list .item-title { margin-top: 24px; font-size: 18px; font-size: 1.8rem; font-family: "Raleway-Medium", arial; line-height: 24px; }
@media screen and (max-width: 1219px) { .app1-list .item-title { margin-top: 15px; } }
@media screen and (max-width: 991px) { .app1-list .item-title { font-size: 16px; font-size: 1.6rem; line-height: 22px; } }
@media screen and (max-width: 767px) { .app1-list .item-title { margin-top: 10px; font-size: 14px; font-size: 1.4rem; line-height: 20px; } }
.app1-list .item-desc { font-size: 16px; font-size: 1.6rem; line-height: 30px; height: 60px; margin-top: 8px; }
@media screen and (max-width: 1219px) { .app1-list .item-desc { line-height: 26px; height: 52px; } }
@media screen and (max-width: 991px) { .app1-list .item-desc { margin-top: 5px; font-size: 14px; font-size: 1.4rem; line-height: 22px; height: 44px; } }
@media screen and (max-width: 767px) { .app1-list .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; height: 40px; margin-top: 5px; } }
.app1-list .item-btn { margin-top: 19px; display: inline-block; min-width: 125px; font-size: 14px; font-size: 1.4rem; line-height: 24px; padding: 7px; border-radius: 20px; border: solid 1px #c61b03; text-transform: uppercase; color: #666; text-align: center; }
@media screen and (max-width: 991px) { .app1-list .item-btn { font-size: 14px; font-size: 1.4rem; padding: 4px; } }
@media screen and (max-width: 767px) { .app1-list .item-btn { font-size: 12px; font-size: 1.2rem; line-height: 20px; min-width: 90px; margin-top: 10px; padding: 3px; } }
/*-------------appilcation1 end------------------------------------------------------------*/
/*-------------appilcation2 start----------------------------------------------------------*/
/*-------------appilcation2 end------------------------------------------------------------*/
/*-------------download start--------------------------------------------------------------*/
.download-list { padding-bottom: 56px; }
@media screen and (max-width: 1219px) { .download-list { padding-bottom: 50px; } }
@media screen and (max-width: 991px) { .download-list { padding-bottom: 20px; } }
@media screen and (max-width: 767px) { .download-list { padding-bottom: 10px; } }
.download-list .list-item { text-align: center; border-bottom: dashed 1px #C6C6C6; position: relative; padding-right: 250px; padding-bottom: 37px; margin-bottom: 24px; }
.download-list .list-item p a{cursor: pointer;}
@media screen and (max-width: 1219px) { .download-list .list-item { padding-right: 180px; } }
@media screen and (max-width: 991px) { .download-list .list-item { margin-bottom: 30px; padding-bottom: 30px; } }
@media screen and (max-width: 767px) { .download-list .list-item { margin-bottom: 20px; padding-bottom: 20px; padding-right: 0; } }
.download-list .item-btn { text-align: center; display: inline-block; min-width: 142px; font-size: 14px; font-size: 1.4rem; border: solid 1px #c61b03; color: #c61b03; line-height: 22px; padding: 9px 10px 9px; position: absolute; top: 28px; right: 0; cursor: pointer; }
.download-list .item-btn .iconfont { font-size: 22px; font-size: 2.2rem; vertical-align: middle; margin-right: 10px; }
.download-list .item-btn:hover .iconfont { color: #fff; }
@media screen and (max-width: 1219px) { .download-list .item-btn { top: 25px; } }
@media screen and (max-width: 991px) { .download-list .item-btn { min-width: 130px; padding: 6px 10px; }
    .download-list .item-btn .iconfont { font-size: 20px; font-size: 2rem; margin-right: 3px; } }
@media screen and (max-width: 767px) { .download-list .item-btn { position: relative; top: auto; right: auto; margin: 20px auto 0; min-width: 120px; font-size: 12px; font-size: 1.2rem; padding: 4px 5px; }
    .download-list .item-btn .iconfont { font-size: 16px; font-size: 1.6rem; } }
.download-list .item-title { text-align: left; font-size: 18px; font-size: 1.8rem;line-height: 30px; min-height: 30px; }
@media screen and (max-width: 991px) { .download-list .item-title { font-size: 16px; font-size: 1.6rem; line-height: 24px; min-height: 24px; } }
@media screen and (max-width: 767px) { .download-list .item-title { font-size: 14px; font-size: 1.4rem; line-height: 20px; min-height: 20px; } }
.download-list .item-desc { text-align: left; font-size: 16px; font-size: 1.6rem; line-height: 30px; margin-top: 4px; min-height: 30px; padding-left:10%}
@media screen and (max-width: 991px) { .download-list .item-desc { margin-top: 5px; font-size: 14px; font-size: 1.4rem; line-height: 24px; min-height: 24px; } }
@media screen and (max-width: 767px) { .download-list .item-desc { margin-top: 5px; font-size: 12px; font-size: 1.2rem; line-height: 20px; min-height: 20px; } }
/*-------------download end----------------------------------------------------------------*/
/*-------------video start-----------------------------------------------------------------*/
.video-list { /* .item-videobox start */ /* .item-videobox end */ }
.video-list .item1 .item-videobox, .video-list .item1 .item-pic { float: left; margin-right: 4.58333%; }
@media screen and (max-width: 991px) { .video-list .item1 .item-videobox, .video-list .item1 .item-pic { margin-right: 2.5%; } }
.video-list .item2 .item-videobox, .video-list .item2 .item-pic { float: right; margin-left: 4.58333%; }
@media screen and (max-width: 991px) { .video-list .item2 .item-videobox, .video-list .item2 .item-pic { margin-left: 2.5%; } }
.video-list .item-videobox { overflow: hidden; }
.video-list .item-videobox .item-video { position: relative; overflow: hidden; padding-bottom: 75%; height: 0; }
.video-list .item-videobox .item-video iframe, .video-list .item-videobox .item-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }
.video-list .item-videobox .item-video iframe body { margin: 0px !important; }
.video-list .item-pic img { cursor: pointer; }
.video-list .item-videobox, .video-list .item-pic { width: 400px; }
@media screen and (max-width: 991px) { .video-list .item-videobox, .video-list .item-pic { width: 300px; } }
@media screen and (max-width: 767px) { .video-list .item-videobox, .video-list .item-pic { width: 250px; } }
@media screen and (max-width: 640px) { .video-list .item-videobox, .video-list .item-pic { width: 200px; } }
@media screen and (max-width: 400px) { .video-list .item-videobox, .video-list .item-pic { width: 100%; float: none !important; margin: 0 auto !important; } }
.video-list .list-item { background-color: #F2F2F2; margin-bottom: 39px; }
@media screen and (max-width: 991px) { .video-list .list-item { margin-bottom: 30px; } }
@media screen and (max-width: 767px) { .video-list .list-item { margin-bottom: 25px; } }
.video-list .item-body { padding: 72px 4.58333% 20px; }
@media screen and (max-width: 1219px) { .video-list .item-body { padding-top: 20px; padding-bottom: 20px; } }
@media screen and (max-width: 991px) { .video-list .item-body { padding: 20px 2.5%; } }
@media screen and (max-width: 767px) { .video-list .item-body { padding-top: 15px; padding-bottom: 15px; } }
.video-list .item-title { overflow: visible; font-size: 20px; font-size: 2rem; line-height: 1.2; margin-bottom: 47px; }
@media screen and (max-width: 1219px) { .video-list .item-title { margin-bottom: 20px; font-size: 18px; font-size: 1.8rem; } }
@media screen and (max-width: 991px) { .video-list .item-title { font-size: 16px; font-size: 1.6rem; margin-bottom: 15px; } }
@media screen and (max-width: 767px) { .video-list .item-title { font-size: 14px; font-size: 1.4rem; margin-bottom: 10px; } }
.video-list .item-desc { overflow: visible; font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #333; }
@media screen and (max-width: 991px) { .video-list .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 24px; } }
@media screen and (max-width: 767px) { .video-list .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; } }
.video-backdrop { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: #000; background-color: rgba(0, 0, 0, 0.7); z-index: 999999999; /* .item-videobox start */ /* .item-videobox end */ }
.video-backdrop .item-close { position: absolute; right: 2.60417%; top: 2.60417%; color: #fff; font-size: 36px; font-size: 3.6rem; cursor: pointer; }
@media screen and (max-width: 767px) { .video-backdrop .item-close { font-size: 26px; font-size: 2.6rem; } }
.video-backdrop .item-videobox { overflow: hidden; max-width: 400px; position: absolute; top: 50%; left: 50%; width: 95%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.video-backdrop .item-videobox .item-video { position: relative; overflow: hidden; padding-bottom: 75%; height: 0; }
.video-backdrop .item-videobox .item-video iframe, .video-backdrop .item-videobox .item-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }
.video-backdrop .item-videobox .item-video iframe body { margin: 0px !important; }
/*-------------video end-------------------------------------------------------------------*/
/*-------------cer start-------------------------------------------------------------------*/
.cer-list { font-size: 0; letter-spacing: 0; }
.cer-list .list-item { display: inline-block; vertical-align: top; width: 23.08333%; margin-left: 2.55556%; margin-bottom: 36px; }
@media screen and (max-width: 767px) { .cer-list .list-item { width: 31.33%; margin-left: 1% !important; margin-right: 1%; margin-bottom: 30px; } }
@media screen and (max-width: 400px) { .cer-list .list-item { width: 48%; } }
.cer-list .item-pics { position: relative; padding-bottom: 100%; }
.cer-list .item-pics img { max-width: 100% !important; max-height: 100% !important; }
.cer-list .item-box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; }
.cer-list .item-backdrop .iconfont { font-size: 36px; font-size: 3.6rem; color: #fff; position: relative; }
@media screen and (max-width: 991px) { .cer-list .item-backdrop { display: none; } }
.cer-list .item-title { font-size: 18px; font-size: 1.8rem; text-align: center; line-height: 1.2; margin-top: 36px; }
@media screen and (max-width: 1219px) { .cer-list .item-title { font-size: 16px; font-size: 1.6rem; margin-top: 25px; } }
@media screen and (max-width: 991px) { .cer-list .item-title { font-size: 14px; font-size: 1.4rem; margin-top: 15px; } }
@media screen and (max-width: 767px) { .cer-list .item-title { font-size: 12px; font-size: 1.2rem; margin-top: 10px; } }
/*-------------cer end---------------------------------------------------------------------*/
/*-------------faq start-------------------------------------------------------------------*/
.faq-list .list-item { border: solid 1px #DCDCDC; padding: 35px 38px 32px; margin-bottom: 37px; }
@media screen and (max-width: 1219px) { .faq-list .list-item { padding: 30px; } }
@media screen and (max-width: 991px) { .faq-list .list-item { padding: 20px; margin-bottom: 30px; } }
@media screen and (max-width: 767px) { .faq-list .list-item { padding: 15px; margin-bottom: 20px; } }
@media screen and (max-width: 480px) { .faq-list .list-item { padding: 15px 15px 15px 10px; } }
.faq-list .item-title { font-size: 20px; font-size: 2rem; line-height: 1.2; position: relative; font-family: "Raleway-Medium", arial; margin-bottom: 18px; }
@media screen and (max-width: 1219px) { .faq-list .item-title { font-size: 18px; font-size: 1.8rem; } }
@media screen and (max-width: 991px) { .faq-list .item-title { font-size: 16px; font-size: 1.6rem; margin-bottom: 15px; } }
@media screen and (max-width: 767px) { .faq-list .item-title { font-size: 14px; font-size: 1.4rem; margin-bottom: 10px; } }
.faq-list .item-desc { font-size: 16px; font-size: 1.6rem; line-height: 30px; position: relative; font-family: "Raleway-Medium", arial; color: #333; }
@media screen and (max-width: 1219px) { .faq-list .item-desc { font-size: 16px; font-size: 1.6rem; line-height: 26px; } }
@media screen and (max-width: 991px) { .faq-list .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 24px; } }
@media screen and (max-width: 767px) { .faq-list .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; } }
.faq-list .item-title, .faq-list .item-desc { padding-left: 37px; }
@media screen and (max-width: 1219px) { .faq-list .item-title, .faq-list .item-desc { padding-left: 30px; } }
@media screen and (max-width: 991px) { .faq-list .item-title, .faq-list .item-desc { padding-left: 25px; } }
@media screen and (max-width: 767px) { .faq-list .item-title, .faq-list .item-desc { padding-left: 20px; } }
.faq-list .item-title .iconfont, .faq-list .item-desc .iconfont { position: absolute; left: 0; color: #c61b03; font-size: 23px; font-size: 2.3rem; }
@media screen and (max-width: 1219px) { .faq-list .item-title .iconfont, .faq-list .item-desc .iconfont { font-size: 20px; font-size: 2rem; } }
@media screen and (max-width: 991px) { .faq-list .item-title .iconfont, .faq-list .item-desc .iconfont { font-size: 18px; font-size: 1.8rem; } }
@media screen and (max-width: 767px) { .faq-list .item-title .iconfont, .faq-list .item-desc .iconfont { font-size: 16px; font-size: 1.6rem; } }
/*-------------faq end---------------------------------------------------------------------*/
/*-------------contact start---------------------------------------------------------------*/
.contact-box .item-info { font-size: 16px; font-size: 1.6rem; line-height: 30px; margin-bottom: 40px; margin-top:40px; }
.contact-box .item-info .title1{
	text-align:center;
	margin-bottom:20px;
	}
.contact-box .item-info p { min-height: 30px; }
.contact-box .item-info img, .contact-box .item-info iframe { max-width: 100%; height:auto !important; }
.contact-box .item-info, .contact-box .item-info a { color: #555; }
.contact-box .item-info a:hover { color: #c61b03; }
.contact-box .item-info strong { font-weight: normal;  }
.contact-box .item-info .item-title { font-size: 24px; font-size: 2.4rem; line-height: 1.2; margin-bottom: 25px; color: #333; }
@media screen and (max-width: 1219px) { .contact-box .item-info .item-title { font-size: 22px; font-size: 2.2rem; } }
@media screen and (max-width: 991px) { .contact-box .item-info .item-title { font-size: 20px; font-size: 2rem; margin-bottom: 20px; } }
@media screen and (max-width: 767px) { .contact-box .item-info .item-title { font-size: 18px; font-size: 1.8rem; margin-bottom: 15px; } }
@media screen and (max-width: 640px) { .contact-box .item-info .item-title { font-size: 16px; font-size: 1.6rem; } }
@media screen and (max-width: 1219px) { .contact-box .item-info { margin-bottom: 50px; font-size: 16px; font-size: 1.6rem; line-height: 26px; } }
@media screen and (max-width: 991px) { .contact-box .item-info { margin-bottom: 40px; font-size: 14px; font-size: 1.4rem; line-height: 24px; } }
@media screen and (max-width: 767px) { .contact-box .item-info { margin-bottom: 30px; font-size: 12px; font-size: 1.2rem; line-height: 20px; } }
.contact-box .item-form { padding-bottom: 29px; }
@media screen and (max-width: 767px) { .contact-box .item-form { padding-bottom: 20px; } }
.contact-box .item-form .attachment { float: left; width: 100%; position: relative; padding-left: 22px; margin-bottom: 28px; }
@media screen and (max-width: 991px) { .contact-box .item-form .attachment { padding-left: 20px; margin-bottom: 20px; } }
@media screen and (max-width: 480px) { .contact-box .item-form .attachment { padding-left: 10px; } }
.contact-box .item-form .attachment span { float: left; }
.contact-box .item-form .attachment #file-name { padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.contact-box .item-form .attachment .file-group { float: left; width: 377px; height: 34px; line-height: 34px; background-color: #c61b03; position: relative; overflow: hidden; }
@media screen and (max-width: 991px) { .contact-box .item-form .attachment .file-group { width: 48.16667%; } }
@media screen and (max-width: 480px) { .contact-box .item-form .attachment .file-group { width: 100%; } }
.contact-box .item-form .attachment .file-group .file-btn { border-radius: 0; width: 100%; height: 100%; background-color: #c61b03; color: #FFFFFF; border: 0; }
.contact-box .item-form .attachment .file-group .file-single { width: 100%; height: 100%; opacity: 0; cursor: pointer; position: absolute; left: 0; top: 0; z-index: 111; }
.contact-box .item-form .attachment .file-group .file { width: 100%; height: 100%; opacity: 0; cursor: pointer; position: absolute; left: 0; top: 0; z-index: 111; }
.contact-box .item-form .attachment .file-group .file-name-p { overflow: hidden; height: 34px; line-height: 34px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; }
.contact-box .item-form .attachment .file-group .file-name-p i { cursor: pointer; }
.contact-box .item-form .attachment .file-group .file-name-p span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.contact-box .item-form .star { position: relative; }
.contact-box .item-form .star:before { position: absolute; content: '*'; font-size: 12px; font-size: 1.2rem; color: #FF0000; left: 10px; top: 15px; }
.contact-box .item-form .item-input { width: 50%; padding-left: 22px; margin-bottom: 21px; float: left; }
.contact-box .item-form .item-input1 { width: 100%; }
.contact-box .item-form .item-input1.star { background-position-y: 18px; }
.contact-box .item-form textarea { height: 133px; padding: 4px 12px; line-height: 24px; }
.contact-box .item-form .item-code { width: 398px; margin-right: 50px; }
.contact-box .item-form .item-img { float: left; cursor: pointer; line-height: 34px; }
.contact-box .item-form .item-img img { vertical-align: middle; max-height: 34px; }
.contact-box .item-form .item-btn { padding-left: 0; width: 377px; margin-left: 57px; }
.contact-box .item-form .item-btn input { font-size: 16px; font-size: 1.6rem; border-color: #c61b03; background-color: #c61b03; color: #fff; text-transform: uppercase; cursor: pointer; }
.contact-box .item-form .item-btn input:hover { border-color: #000; background-color: #000; }
@media screen and (max-width: 1219px) { .contact-box .item-form .item-code { width: 350px; margin-right: 20px; }
    .contact-box .item-form .item-btn { width: 350px; margin-left: 20px; } }
@media screen and (max-width: 991px) { .contact-box .item-form .item-input { padding-left: 20px; }
    .contact-box .item-form .item-code { width: -webkit-calc( 100% - 130px) !important; width: -moz-calc( 100% - 130px) !important; width: calc( 100% - 130px) !important; margin-right: 0; }
    .contact-box .item-form .item-img { margin-left: 0; float: right; }
    .contact-box .item-form .item-btn { width: 100%; float: left; margin-left: 0; padding-left: 20px; }
    .contact-box .item-form .item-input, .contact-box .item-form .item-input1 { margin-bottom: 15px; } }
@media screen and (max-width: 767px) { .contact-box .item-form input, .contact-box .item-form textarea { font-size: 12px; font-size: 1.2rem; }
    .contact-box .item-form .item-code { width: 100% !important; margin-left: 0; }
    .contact-box .item-form .item-img { float: left; margin-left: 20px; margin-bottom: 15px; }
    .contact-box .item-form .item-btn { margin-left: 0; width: 100%; padding-left: 20px; }
    .contact-box .item-form .item-btn input { font-size: 14px; font-size: 1.4rem; } }
@media screen and (max-width: 480px) { .contact-box .item-form .item-input, .contact-box .item-form .item-input1, .contact-box .item-form .item-btn { width: 100%; padding-left: 10px !important; }
    .contact-box .item-form .item-img { margin-left: 10px; }
    .contact-box .item-form .star:before { left: 0; } }
.map img { display: block; margin: 0 auto; }
/*-------------contact end-----------------------------------------------------------------*/
.lang { background: url(../images/lang.png) no-repeat; }
.no { height: 16px; width: 24px; background-position: 0 0; }
.ny { height: 16px; width: 24px; background-position: 0 -16px; }
.pa { height: 16px; width: 24px; background-position: 0 -32px; }
.my { height: 16px; width: 24px; background-position: 0 -48px; }
.ne { height: 16px; width: 24px; background-position: 0 -64px; }
.nl { height: 16px; width: 24px; background-position: 0 -80px; }
.pl { height: 16px; width: 24px; background-position: 0 -96px; }
.ru { height: 16px; width: 24px; background-position: 0 -112px; }
.sd { height: 16px; width: 24px; background-position: 0 -128px; }
.si { height: 16px; width: 24px; background-position: 0 -144px; }
.ps { height: 16px; width: 24px; background-position: 0 -160px; }
.pt { height: 16px; width: 24px; background-position: 0 -176px; }
.ro { height: 16px; width: 24px; background-position: 0 -192px; }
.lt { height: 16px; width: 24px; background-position: 0 -208px; }
.lv { height: 16px; width: 24px; background-position: 0 -224px; }
.mg { height: 16px; width: 24px; background-position: 0 -240px; }
.la { height: 16px; width: 24px; background-position: 0 -256px; }
.lb { height: 16px; width: 24px; background-position: 0 -272px; }
.lo { height: 16px; width: 24px; background-position: 0 -288px; }
.mi { height: 16px; width: 24px; background-position: 0 -304px; }
.mr { height: 16px; width: 24px; background-position: 0 -320px; }
.ms { height: 16px; width: 24px; background-position: 0 -336px; }
.mt { height: 16px; width: 24px; background-position: 0 -352px; }
.mk { height: 16px; width: 24px; background-position: 0 -368px; }
.ml { height: 16px; width: 24px; background-position: 0 -384px; }
.mn { height: 16px; width: 24px; background-position: 0 -400px; }
.tr { height: 16px; width: 24px; background-position: 0 -416px; }
.tw { height: 16px; width: 24px; background-position: 0 -432px; }
.uk { height: 16px; width: 24px; background-position: 0 -448px; }
.tg { height: 16px; width: 24px; background-position: 0 -464px; }
.th { height: 16px; width: 24px; background-position: 0 -480px; }
.tl { height: 16px; width: 24px; background-position: 0 -496px; }
.ur { height: 16px; width: 24px; background-position: 0 -512px; }
.yi { height: 16px; width: 24px; background-position: 0 -528px; }
.yo { height: 16px; width: 24px; background-position: 0 -544px; }
.zu { height: 16px; width: 24px; background-position: 0 -560px; }
.uz { height: 16px; width: 24px; background-position: 0 -576px; }
.vi { height: 16px; width: 24px; background-position: 0 -592px; }
.xh { height: 16px; width: 24px; background-position: 0 -608px; }
.sn { height: 16px; width: 24px; background-position: 0 -624px; }
.so { height: 16px; width: 24px; background-position: 0 -640px; }
.sq { height: 16px; width: 24px; background-position: 0 -656px; }
.sk { height: 16px; width: 24px; background-position: 0 -672px; }
.sl { height: 16px; width: 24px; background-position: 0 -688px; }
.sm { height: 16px; width: 24px; background-position: 0 -704px; }
.sr { height: 16px; width: 24px; background-position: 0 -720px; }
.sw { height: 16px; width: 24px; background-position: 0 -736px; }
.ta { height: 16px; width: 24px; background-position: 0 -752px; }
.te { height: 16px; width: 24px; background-position: 0 -768px; }
.st { height: 16px; width: 24px; background-position: 0 -784px; }
.su { height: 16px; width: 24px; background-position: 0 -800px; }
.sv { height: 16px; width: 24px; background-position: 0 -816px; }
.el { height: 16px; width: 24px; background-position: 0 -832px; }
.en { height: 16px; width: 24px; background-position: 0 -848px; }
.eo { height: 16px; width: 24px; background-position: 0 -864px; }
.cy { height: 16px; width: 24px; background-position: 0 -880px; }
.da { height: 16px; width: 24px; background-position: 0 -896px; }
.de { height: 16px; width: 24px; background-position: 0 -912px; }
.es { height: 16px; width: 24px; background-position: 0 -928px; }
.fi { height: 16px; width: 24px; background-position: 0 -944px; }
.fr { height: 16px; width: 24px; background-position: 0 -960px; }
.fy { height: 16px; width: 24px; background-position: 0 -976px; }
.et { height: 16px; width: 24px; background-position: 0 -992px; }
.eu { height: 16px; width: 24px; background-position: 0 -1008px; }
.fa { height: 16px; width: 24px; background-position: 0 -1024px; }
.az { height: 16px; width: 24px; background-position: 0 -1040px; }
.be { height: 16px; width: 24px; background-position: 0 -1056px; }
.bg { height: 16px; width: 24px; background-position: 0 -1072px; }
.af { height: 16px; width: 24px; background-position: 0 -1088px; }
.am { height: 16px; width: 24px; background-position: 0 -1104px; }
.ar { height: 16px; width: 24px; background-position: 0 -1120px; }
.bn { height: 16px; width: 24px; background-position: 0 -1136px; }
.cn { height: 16px; width: 24px; background-position: 0 -1152px; }
.co { height: 16px; width: 24px; background-position: 0 -1168px; }
.cs { height: 16px; width: 24px; background-position: 0 -1184px; }
.bs { height: 16px; width: 24px; background-position: 0 -1200px; }
.ca { height: 16px; width: 24px; background-position: 0 -1216px; }
.ceb { height: 16px; width: 24px; background-position: 0 -1232px; }
.it { height: 16px; width: 24px; background-position: 0 -1248px; }
.ja { height: 16px; width: 24px; background-position: 0 -1264px; }
.jv { height: 16px; width: 24px; background-position: 0 -1280px; }
.in { height: 16px; width: 24px; background-position: 0 -1296px; }
.ig { height: 16px; width: 24px; background-position: 0 -1312px; }
.is { height: 16px; width: 24px; background-position: 0 -1328px; }
.ka { height: 16px; width: 24px; background-position: 0 -1344px; }
.ko { height: 16px; width: 24px; background-position: 0 -1360px; }
.ku { height: 16px; width: 24px; background-position: 0 -1376px; }
.ky { height: 16px; width: 24px; background-position: 0 -1392px; }
.kk { height: 16px; width: 24px; background-position: 0 -1408px; }
.km { height: 16px; width: 24px; background-position: 0 -1424px; }
.kn { height: 16px; width: 24px; background-position: 0 -1440px; }
.gu { height: 16px; width: 24px; background-position: 0 -1456px; }
.ha { height: 16px; width: 24px; background-position: 0 -1472px; }
.haw { height: 16px; width: 24px; background-position: 0 -1488px; }
.ga { height: 16px; width: 24px; background-position: 0 -1504px; }
.gd { height: 16px; width: 24px; background-position: 0 -1520px; }
.gl { height: 16px; width: 24px; background-position: 0 -1536px; }
.he { height: 16px; width: 24px; background-position: 0 -1552px; }
.ht { height: 16px; width: 24px; background-position: 0 -1568px; }
.hu { height: 16px; width: 24px; background-position: 0 -1584px; }
.hy { height: 16px; width: 24px; background-position: 0 -1600px; }
.hi { height: 16px; width: 24px; background-position: 0 -1616px; }
.hmn { height: 16px; width: 24px; background-position: 0 -1632px; }
.hr { height: 16px; width: 24px; background-position: 0 -1648px; }
@media screen and (min-width: 992px) { .n-nav, .n-nav-icon { display: none; } }
@-webkit-keyframes resize { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    0% { opacity: 0;
        -webkit-transform: scale(5, 5);
        transform: scale(5, 5); }
    100% { opacity: 1;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1); } }
@-moz-keyframes resize { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    0% { opacity: 0;
        -webkit-transform: scale(5, 5);
        -moz-transform: scale(5, 5);
        transform: scale(5, 5); }
    100% { opacity: 1;
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        transform: scale(1, 1); } }
@keyframes resize { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    0% { opacity: 0;
        -webkit-transform: scale(5, 5);
        -moz-transform: scale(5, 5);
        -o-transform: scale(5, 5);
        transform: scale(5, 5); }
    100% { opacity: 1;
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1); } }
.n-nav .n-nav-icon { position: fixed; right: 5px; top: 16px; width: 35px; height: 28px; line-height: 28px; text-align: center; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 999999999; }
.n-nav .n-nav-icon .iconfont { font-size: 20px; font-size: 2.0rem; color: #c61b03; }
.n-nav .n-nav-icon span { display: none; width: 100%; height: 2px; margin-bottom: 4px; background-color: #c61b03; }
.n-nav .n-nav-icon.active { top: 5px; background: #666 url(../images/nav-close.png) no-repeat center; background-size: 30px; }
.n-nav .n-nav-icon.active span, .n-nav .n-nav-icon.active .iconfont { display: none; }
.n-nav .n-nav-body{
    display: none;
    width: 100%;
    background-color: rgba(0,0,0,0.6);
    z-index: 99999;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    overflow-y: scroll;
}
.n-nav .n-nav-body-new { width: 100%; position: fixed;  top: 0; bottom: 0;  left: 0; z-index: 99999; background-color: #666; padding-top: 40px; }
.n-nav .box-search { background-color: #fff; padding: 5px 10px; position: relative; border: solid 1px #c61b03; margin: 5px 10px; }
.n-nav .box-search .item-input { width: 100%; line-height: 32px; height: 32px; padding: 0 60px 0 0; }
.n-nav .box-search .iconfont { font-weight: bold; background-color: #c61b03; width: 44px; height: 32px; line-height: 32px; border-radius: 5px; color: #fff; text-align: center; position: absolute; right: 10px; top: 5px; z-index: 0; }
.n-nav .box-search .iconfont:hover { background-color: #666; }
.n-nav .box-search .item-submit { position: absolute; width: 44px; height: 32px; right: 10px; top: 5px; z-index: 1; }
.n-nav .box-list { margin-top: 30px; }
.n-nav .box-list > li { position: relative; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: resize; -moz-animation-name: resize; animation-name: resize; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; padding: 0 10px; }
.n-nav .box-list > li a { display: block; font-size: 14px; font-size: 1.4rem; line-height: 26px; padding: 10px 25px 10px 10px; color: #fff; text-transform: uppercase; border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
.n-nav .box-list li { position: relative; }
.n-nav .box-list li .has-next { position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; background: url(../images/n1.png) no-repeat center; background-size: contain; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; cursor: pointer; }
.n-nav .box-list li.active > .has-next { background: url(../images/n2.png) no-repeat center; background-size: contain; }
.n-nav .box-list .yiji-list { display: none; }
.n-nav .box-list .yiji-list li { padding-left: 12px; }
.n-nav .box-list .yiji-list li .has-next { right: 0; }
.n-nav .box-list .yiji-list li > a { padding: 10px 25px 10px 20px; line-height: 22px; position: relative; }
.n-nav .box-list .yiji-list li > a:before { position: absolute; content: ''; width: 5px; height: 5px; background-color: #fff; top: 19px; left: 10px; }
.n-nav .box-list .erji-list { display: none; }
.n-nav .box-list .sanji-list { display: none; }
@charset "utf-8";
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT
Copyright (c) 2015 Daniel Eden
*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
.animated.bounceIn,
.animated.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}
.animated.flipOutX,
.animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}
@-webkit-keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0);
    }
}
@keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0);
    }
}
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}
@-webkit-keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}
@keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}
.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}
@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}
@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}
@keyframes shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}
.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}
@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}
@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}
.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}
@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}
@-webkit-keyframes jello {
    11.1% {
        -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(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg)
    }
    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes jello {
    11.1% {
        -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(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg)
    }
    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}
.jello{
    -webkit-animation-name:jello;
    animation-name:jello;
    -webkit-transform-origin: center;
    transform-origin: center
}
@-webkit-keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes bounceInDown {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes bounceInLeft {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes bounceInRight {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes bounceInUp {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
}
@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
}
.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}
@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
}
.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}
@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}
.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}
@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}
.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}
@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}
.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
}
@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }
}
.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}
@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}
.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}
.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}
@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}
.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}
@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}
.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}
@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}
.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}
@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}
.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}
@keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}
.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}
@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}
.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}
.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}
.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}
.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}
.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}
@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}
.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}
@keyframes rollOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}
.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    50% {
        opacity: 1;
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    50% {
        opacity: 1;
    }
}
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}
@-webkit-keyframes zoomInStable {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    33.333% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    66.666666% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes zoomInStable {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    33.333% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    66.666666% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.zoomInStable {
    -webkit-animation-name: zoomInStable;
    animation-name: zoomInStable;
}
@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}
@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}
.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}
@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}
.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}
@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}
.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}
@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}
.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    100% {
        opacity: 0;
    }
}
@keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    100% {
        opacity: 0;
    }
}
.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}
@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}
.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}
@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}
.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}
@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}
.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}
@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 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;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 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;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 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;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
@keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        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: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
@keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        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: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
@keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        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: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
@keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}
@keyframes anime {
    from {
        opacity: 0;
        transform: scaleY(0);
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
    }
    to {
        opacity: 1;
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        -moz-transform: scaleY(1);
    }
}
@-webkit-keyframes anime {
    from {
        opacity: 0;
        transform: scaleY(0);
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
    }
    to {
        opacity: 1;
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        -moz-transform: scaleY(1);
    }
}
@-moz-keyframes anime {
    from {
        opacity: 0;
        transform: scaleY(0);
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
    }
    to {
        opacity: 1;
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        -moz-transform: scaleY(1);
    }
}
@-o-keyframes anime {
    from {
        opacity: 0;
        transform: scaleY(0);
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
    }
    to {
        opacity: 1;
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        -moz-transform: scaleY(1);
    }
}
@-ms-keyframes anime {
    from {
        opacity: 0;
        transform: scaleY(0);
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
    }
    to {
        opacity: 1;
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        -moz-transform: scaleY(1);
    }
}

@font-face {
    font-family: 'Raleway-Bold';
    src: url('../fonts/Raleway-Bold.eot');
    src: url('../fonts/Raleway-Bold.eot') format('embedded-opentype'),
    url('../fonts/Raleway-Bold.woff2') format('woff2'),
    url('../fonts/Raleway-Bold.woff') format('woff'),
    url('../fonts/Raleway-Bold.ttf') format('truetype'),
    url('../fonts/Raleway-Bold.svg#Raleway-Bold') format('svg');
    font-display: swap;
}
@font-face {
    font-family: 'Raleway-Medium';
    src: url('../fonts/Raleway-Medium.eot');
    src: url('../fonts/Raleway-Medium.eot') format('embedded-opentype'),
    url('../fonts/Raleway-Medium.woff2') format('woff2'),
    url('../fonts/Raleway-Medium.woff') format('woff'),
    url('../fonts/Raleway-Medium.ttf') format('truetype'),
    url('../fonts/Raleway-Medium.svg#Raleway-Medium') format('svg');
    font-display: swap;
}
@font-face {
    font-family: 'Raleway-Regular';
    src: url('../fonts/Raleway-Regular.eot');
    src: url('../fonts/Raleway-Regular.eot') format('embedded-opentype'),
    url('../fonts/Raleway-Regular.woff2') format('woff2'),
    url('../fonts/Raleway-Regular.woff') format('woff'),
    url('../fonts/Raleway-Regular.ttf') format('truetype'),
    url('../fonts/Raleway-Regular.svg#Raleway-Regular') format('svg');
    font-display: swap;
}
@font-face {font-family: "iconfont";
    src: url('../fonts/iconfont.eot?t=1608694604781'); /* IE9 */
    src: url('../fonts/iconfont.eot?t=1608694604781#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
    url('../fonts/iconfont.woff?t=1608694604781') format('woff'),
    url('../fonts/iconfont.ttf?t=1608694604781') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url('../fonts/iconfont.svg?t=1608694604781#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-size: 1.6rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-icon-test10:before {
    content: "\e651";
}
.icon-icon-test12:before {
    content: "\e653";
}
.icon-qq:before {
    content: "\e7ca";
}
.icon-phone11:before {
    content: "\e7cb";
}
.icon-skype:before {
    content: "\e7cc";
}
.icon-message2:before {
    content: "\e7dc";
}
.icon-companyname:before {
    content: "\e610";
}
.icon-message:before {
    content: "\ebe1";
}
.icon-whatsapp1:before {
    content: "\e7c5";
}
.icon-address1:before {
    content: "\e7c8";
}
.icon-contact1:before {
    content: "\e7cd";
}
.icon-email2:before {
    content: "\e7ce";
}
.icon-email11:before {
    content: "\e7cf";
}
.icon-skype1:before {
    content: "\e7d0";
}
.icon-fax1:before {
    content: "\e7d1";
}
.icon-qq1:before {
    content: "\e7d2";
}
.icon-tel1:before {
    content: "\e7d3";
}
.icon-wechat1:before {
    content: "\e7d4";
}
.icon-website:before {
    content: "\e7d5";
}
.icon-phone2:before {
    content: "\e7d6";
}
.icon-mobile1:before {
    content: "\e7d7";
}
.icon-qiyemingcheng-tubiao:before {
    content: "\e602";
}
.icon-home:before {
    content: "\e624";
}
.icon-search:before {
    content: "\e603";
}
.icon-yuanxingjiantoushang:before {
    content: "\e965";
}
.icon-yuanxingjiantouxia:before {
    content: "\e966";
}
.icon-yuanxingjiantouyou:before {
    content: "\e967";
}
.icon-yuanxingjiantouzuo:before {
    content: "\e968";
}
.icon-up7:before {
    content: "\e722";
}
.icon-bottom7:before {
    content: "\e723";
}
.icon-left7:before {
    content: "\e724";
}
.icon-right7:before {
    content: "\e725";
}
.icon-up9:before {
    content: "\e72a";
}
.icon-bottom9:before {
    content: "\e72b";
}
.icon-left9:before {
    content: "\e72c";
}
.icon-right9:before {
    content: "\e72d";
}
.icon-up14:before {
    content: "\e73e";
}
.icon-bottom14:before {
    content: "\e73f";
}
.icon-right14:before {
    content: "\e741";
}
.icon-up16:before {
    content: "\e746";
}
.icon-bottom16:before {
    content: "\e747";
}
.icon-left16:before {
    content: "\e748";
}
.icon-right16:before {
    content: "\e749";
}
.icon-top10:before {
    content: "\e7ee";
}
.icon-bottom10:before {
    content: "\e7ef";
}
.icon-left10:before {
    content: "\e7f0";
}
.icon-right10:before {
    content: "\e7f1";
}
.icon-left14:before {
    content: "\e743";
}
.icon-ren:before {
    content: "\e608";
}
.icon-fangdajing:before {
    content: "\e633";
}
.icon-xiazai:before {
    content: "\e61f";
}
.icon-vk:before {
    content: "\e692";
}
.icon-wenhao:before {
    content: "\e606";
}
.icon-fangdajing1:before {
    content: "\e6fe";
}
.icon-Sign_in:before {
    content: "\e60b";
}
.icon-rili:before {
    content: "\e60d";
}
.icon-facebook:before {
    content: "\e620";
}
.icon-pinterest:before {
    content: "\e8ab";
}
.icon-linkedin:before {
    content: "\e648";
}
.icon-youtube:before {
    content: "\e6d6";
}
.icon-twitter:before {
    content: "\e607";
}
.icon-instagram:before {
    content: "\e79d";
}
.icon-download4:before {
    content: "\e7a3";
}
.icon-download3:before {
    content: "\e640";
}
.icon-yuanxingjiantouxiangyouzuo:before {
    content: "\e60c";
}
.icon-yuanxingjiantouxiangyou:before {
    content: "\e613";
}
.icon-shixinyuanxingjiantoushang1:before {
    content: "\e93f";
}
.icon-shixinyuanxingjiantouxia1:before {
    content: "\e942";
}
.icon-shixinyuanxingjiantouyou1:before {
    content: "\e940";
}
.icon-shixinyuanxingjiantouzuo1:before {
    content: "\e941";
}
.icon-calendar3:before {
    content: "\e7e1";
}
.icon-liebiao:before {
    content: "\e834";
}
.icon-list:before {
    content: "\e66f";
}
.icon-address:before {
    content: "\e7bc";
}
.icon-email:before {
    content: "\e7bd";
}
.icon-contact:before {
    content: "\e7be";
}
.icon-whatsapp:before {
    content: "\e7bf";
}
.icon-wechat:before {
    content: "\e7c1";
}
.icon-fax:before {
    content: "\e7c2";
}
.icon-mobile:before {
    content: "\e7c3";
}
.icon-email1:before {
    content: "\e7c4";
}
.icon-phone1:before {
    content: "\e7c6";
}
.icon-tel:before {
    content: "\e7c7";
}
.icon-website1:before {
    content: "\e7c9";
}

/* 
 * 	Core Owl Carousel CSS File
 *	v2.0.0
 */

/* clearfix */
.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.owl-carousel{
	display: none;
	width: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	/* position relative and z-index fix webkit rendering fonts issue */
	position: relative;
	z-index:1;
}


.owl-carousel .owl-stage{
	position: relative;
	-ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage-outer{
	position:relative;
	overflow: hidden;
	/* temporary fix for flashing background */
	-webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-stage-outer.owl-height{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

.owl-carousel .owl-video-wrapper{
	position: relative;
	height: 100%;
	background: #000;
}

.owl-controls .owl-nav div,
.owl-controls .owl-dot{
	cursor: pointer;
	cursor: hand;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.owl-carousel .owl-video-play-icon{
	position:absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url('owl-video-play.png') no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	transition-property: scale;
	transition-duration: 100ms;
	transition-timing-function: ease;
}

.owl-carousel .owl-video-play-icon:hover{
	-moz-transform: scale(1.3, 1.3);
	-ms-transform: scale(1.3, 1.3);
	-o-transform: scale(1.3, 1.3);
	-webkit-transform: scale(1.3, 1.3);
	transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon{
	display: none;
}

.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;

	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;

	transition-property: opacity;
  	transition-duration: 400ms;
  	transition-timing-function: ease;
}

.owl-carousel .owl-video-frame{
	position: relative;
	z-index: 1;
}

.owl-loaded{
	display: block;
}
.owl-loading{
	opacity: 0;
	display: block;
}
.owl-hidden{
	opacity:0;
}
.owl-carousel .owl-refresh .owl-item{
	display: none;
}

.owl-carousel .owl-item{
	position:relative;
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: rgba(0,0,0,0); 
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* If mouseDrag:false then you are able to select text */
.owl-carousel.owl-text-select-on .owl-item{
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all;
}

.owl-carousel .owl-grab {
	cursor: move;
	cursor: -webkit-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab;
}

.owl-carousel .owl-item img.owl-lazy{
	opacity: 0;
}

.owl-carousel .owl-item img{
	opacity: 1;
	display: block;
	width: 100%;
	max-height:30vh;
	object-fit: cover;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transition-property: opacity;
  	transition-duration: 400ms;
  	transition-timing-function: ease;
}

/* to do */
.owl-carousel .owl-stage.backfacefix .owl-item{
	-webkit-backface-visibility: hidden;
}

.owl-rtl{
	direction: rtl;
}
.owl-rtl .owl-item {
	float:right;
}

/* No Js */
.no-js .owl-carousel{
	display: block;
}

/* animate */

.animated {
  -webkit-animation-duration: 600ms;
  animation-duration: 600ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-animated-in{
	z-index: 0
}
.owl-animated-out{
	z-index: 1
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}



.banner { position: relative; }
.banner img { display: block !important; width: 100%; }
.banner .owl-theme .owl-controls .owl-dots { font-size: 0; letter-spacing: 0; text-align: center; position: absolute; bottom: 20px; left: 0; right: 0; }
@media screen and (max-width: 991px) { .banner .owl-theme .owl-controls .owl-dots { bottom: 15px; } }
@media screen and (max-width: 767px) { .banner .owl-theme .owl-controls .owl-dots { bottom: 10px; } }
.banner .owl-theme .owl-controls .owl-dot { display: inline-block; vertical-align: top; }
.banner .owl-theme .owl-controls .owl-dot { display: inline-block; vertical-align: top; }
.banner .owl-theme .owl-controls .owl-dot span { display: block; width: 40px; height: 8px; border-radius: 0; margin: 0 5px; font-size: 0; border: 0; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; background-color: #fff; }
@media screen and (max-width: 1219px) { .banner .owl-theme .owl-controls .owl-dot span { width: 30px; } }
@media screen and (max-width: 991px) { .banner .owl-theme .owl-controls .owl-dot span { width: 20px; } }
@media screen and (max-width: 767px) { .banner .owl-theme .owl-controls .owl-dot span { width: 15px; height: 2px; margin: 0 2px; } }
.banner .owl-theme .owl-controls .owl-dot.active span, .banner .owl-theme .owl-controls.clickable .owl-dot:hover span { background-color: #c61b03; }
/*xun pan tijiao*/
.xunpanlb .table{margin-top: 30px;}
.xunpanlb .table .thead{font-size: 0;letter-spacing: 0;border: 1px solid #dcdcdc;}
.xunpanlb .table .thead p{text-align: center; padding: 0 10px;font-size: 16px; line-height: 40px;width: 33.3333%;display: inline-block;vertical-align: middle; box-sizing:border-box}
.xunpanlb .table .thead p:nth-child(2){border-right: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;}
.xunpanlb .table .tbody{font-size: 0;letter-spacing: 0;}
.xunpanlb .table .tbody .tread{border: 1px solid #dcdcdc;border-top: 0;}
.xunpanlb .table .tbody .tread .td{height: 100%; text-align: center;padding: 10px 10px;font-size: 16px; line-height: 40px;width: 33.3333%;display: inline-block;vertical-align: middle; box-sizing:border-box}
.xunpanlb .table .tbody .tread .td:nth-child(2){border-right: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;}
.xunpanlb .table .tbody .td img{max-width: 110px;}
.xunpanlb .table .tbody .td a{color: #666666;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;}
.xunpanlb .table .tbody .td a:hover{color: #c61b03;}
@media screen and (max-width: 520px){
    .xunpanlb .table{border-top: 1px solid #dcdcdc;}
    .xunpanlb .table .thead{display: none;}
    .xunpanlb .table .tbody .td{width: 100% !important;}
    .xunpanlb .table .tbody .tread .td:nth-child(2){border: 0 !important;}
}
.listcart{ margin-top:30px; width:100%; clear:both}
.listcart a,.listcart button{display:inline-block; color:#fff;min-width: 160px;line-height:40px; box-sizing:border-box;  font-size:14px;font-size: 1.4rem; margin-right:10px;text-align: center;margin-bottom:20px; background:#666; padding-left:5px; padding-right:5px; border:none; cursor:pointer
}
.listcart a:hover,.listcart button:hover{ background:#c61b03;color:#fff;}
@media screen and (max-width: 640px) {.listcart a,.listcart button{ width:100%; display:block}}
.at-resp-share-element .at4-share-count-container {
    text-decoration: none;float: right; padding-right: 15px;line-height: 25px !important;
}
.at-resp-share-element .at-icon{width: 24px!important;height: 24px!important;}
.at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}
/*.at-resp-share-element .at-share-btn .at-icon-wrapper{width: 24px!important;height: 24px!important;}*/
.at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}
.pro2-hotpro .index-hotpro { margin-top: 0; }
.pro2-hotpro .index-item .item-title { font-size: 32px; font-size: 3.2rem; padding: 80px 0 40px; }
@media screen and (max-width: 1219px) { .pro2-hotpro .index-item .item-title { padding: 70px 0 40px; } }
@media screen and (max-width: 999px) { .pro2-hotpro .index-item .item-title { padding: 50px 0 20px; font-size: 30px; font-size: 3rem; } }
@media screen and (max-width: 767px) { .pro2-hotpro .index-item .item-title { padding: 30px 0 0; font-size: 24px; font-size: 2.4rem; } }
.ajax-form .captcha div.fr{float: right;}
.inquiry-success p img{margin: 0 auto;}
.disnone{display: none;}
.pro-share .share-pic a{margin-left: 3px;}
.top{width:46px; height:46px; margin:auto; background:#c61b03; box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.39); cursor:pointer;position:fixed;right:20px;bottom:-100px; color:#fff; font-size:20px !important; text-align:center; line-height:46px;transition:0.9s;z-index:999; -webkit-animation-name:top; animation-name:top; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-timing-function:linear; animation-timing-function:linear;    -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite}
.bottom{bottom:80px;}
.icon-up:before {
    content: "\e73e";
}
.inquiry-success{text-align: center;margin-top: 5%;margin-bottom: 10%;}
.inquiry-success *{text-align: center;}
.inquiry-success p img{width: 108px;}
.inquiry-success .text{font-size: 20px;color: #333333;margin: 20px 0;}
.inquiry-success .but a{display: inline-block;width: 200px;height: 50px;background-color: #c61b03;color: #FFFFFF;line-height: 50px;padding: 0;border: 0;font-size: 16px}
/*猫碌鈥好ヅ犅�**/
/*20220524quxiao */
/** { touch-action: pan-y; }*/
/*jssor slider loading skin spin css*/
.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/*jssor slider arrow skin 106 css*/
.jssora106 {display:block;position:absolute;cursor:pointer;}
.jssora106 .c {fill:#fff;opacity:.3;}
.jssora106 .a {fill:none;stroke:#000;stroke-width:350;stroke-miterlimit:10;}
.jssora106:hover .c {opacity:.5;}
.jssora106:hover .a {opacity:.8;}
.jssora106.jssora106dn .c {opacity:.2;}
.jssora106.jssora106dn .a {opacity:1;}
.jssora106.jssora106ds {opacity:.3;pointer-events:none;}

/*jssor slider thumbnail skin 101 css*/
.jssort101 .p {position: absolute;top:0;left:0;box-sizing:border-box;background:#000;}
.jssort101 .p .cv {position:relative;top:0;left:0;width:100%;height:100%;border:2px solid #000;box-sizing:border-box;z-index:1;display: none}
.jssort101 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;visibility:hidden;}
.jssort101 .p:hover .cv, .jssort101 .p.pdn .cv {border:none;border-color:transparent;}
.jssort101 .p:hover{padding:2px;}
.jssort101 .p:hover .cv {background-color:rgba(0,0,0,6);opacity:.35;}
.jssort101 .p:hover.pdn{padding:0;}
.jssort101 .p:hover.pdn .cv {border:2px solid #fff;background:none;opacity:.35;}
.jssort101 .pav .cv {border-color:#fff;opacity:.35;}
.jssort101 .pav .a, .jssort101 .p:hover .a {visibility:visible;}
.jssort101 .t {position:absolute;top:0;left:0;width:100%;height:100%;border:none;opacity:1;}
.jssort101 .pav .t, .jssort101 .p:hover .t{opacity:.6;}
.photoContent .item img{
    border: 2px solid #fff;
    width: 97%;
}
.photoContent{
    padding: 0px 0px 30px;
}
.type-div{
    text-align: center;
}
.type-div .svg-div{
    border-radius: 100px;
    background:  #c61b03;
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: relative;
    margin: 0px auto;
}
.type-div .svg-div svg{
    position: absolute;
    top: 50%;
    bottom: 50%;
    transform: translate(-50%, -50%);
}
.type-div .type-text{
    padding: 5px 0px;
    font-size: 1.4rem;
}
.mobileType{
    padding-bottom: 20px;
}
.productList{


}
.product-col{
    width: 49.2%;
    display: inline-block;
    padding: 0 0.5rem;
    padding-bottom: 1rem;
}
.product-col:after{
    content: "";
    display: block;
    clear: both;
}
.product-col a{
    display: inline-block;
    width: 7rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: rgb(0 0 0 / 10%) 0px 0.025rem 0.3rem 0px;
    border-radius: 0.15rem;
    width: 100%;
    margin-bottom: 0.65rem;
    background: rgb(255, 255, 255);
}
.product-col:first-child{
    /*width: 100%;*/
}
.product-col a img{
    border: none;
    max-width: 100%;
    vertical-align: top;
}
/*茅禄藴猫庐陇*/
.mobileBaner{
    display: none;
}
.mobileType{
    display: none;
}
.productList{
    display: none;
}
.mobileShow{
    
    padding: 15px 0px;
}
.mobileShow p,.mobileShow a{
    color: #aaa;
	text-align:center;
	font-size:12px;

}
.mobileMenu{
    display: none;
    background-color: #c61b03;
    position: fixed;
    z-index: 999;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50px;
    text-align: center;
}
.mobileMenu ul li{
    width: 20%;
    float: left;
}
.mobileMenu ul li a{
    color:#fff;
    text-align: center;
    position: relative;
    font-size: 10px;
}
.mobileMenu ul li a i{
    font-size: 25px;
    display: block;
    margin-top: 8px;
}
.mobileMenu ul li:after{
    clear: both;
    content: "";
    display: block;
}
.n-nav-icon-right{
    position: fixed;
    right: 8px;
    top: 11px;
    width: 35px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    z-index: 9999;
}
.n-nav .n-nav-icon-right .iconfontn{
    font-size: 2.5rem;
    color: #c61b03;
}
@font-face {
    font-family: "iconfontn"; /* Project id 2818275 */
    src: url('../fonts/iconfontn.woff2?t=1636867993725') format('woff2'),
    url('../fonts/iconfontn.woff?t=1636867993725') format('woff'),
    url('../fonts/iconfontn.ttf?t=1636867993725') format('truetype');
}

.iconfontn {
    font-family: "iconfontn" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-team:before {
    content: "\e7ae";
}

.icon-home:before {
    content: "\e7c6";
}

.icon-shopping:before {
    content: "\e7cf";
}

.icon-contacts:before {
    content: "\e7d3";
}
.icon-gouwuche:before {
    content: "\e64f";
}

.icon-appstore-fill:before {
    content: "\e853";
}

.icon-fuwu:before {
    content: "\e649";
}
.bannerType{
    display: flex;justify-content: center;padding-bottom: 21px
}
.icon-gongdan:before {
    content: "\e658";
}
@media screen and (max-width: 640px) {
    .mobileMenu{
        display: block;
    }
    .mobileShow{
        display: block;
    }
    .mobileBaner{
        display: block;
		margin-top:50px;
    }


    .banner{
        display: none;
    }

   
    
   
}
/*忙鈥扳�姑ε撀好� 路氓录聫*/
.product-img-div{
    border-radius: 0.15rem 0.15rem 0px 0px;
}
.product-img-div img{
    border-radius: 0.15rem 0.15rem 0px 0px;
}
.photo_wf_item_text{
    padding: 1rem 1.3rem 1rem 1.3rem; width: 100%; box-sizing: border-box;
    font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,"茅禄鈥樏ぢ解��",Arial,Tahoma;
}
.photo_wf_item_name{
    font-weight: bold; font-size: 2rem; color: rgb(34, 34, 34); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; word-break: break-word; text-align: left;
    margin-bottom: 0.5rem;
}
.photo_wf_item_desc{
    height: 3.8rem;
    overflow: hidden;padding-top: 0.3rem; font-size: 0.55rem; color: rgb(102, 102, 102); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; word-break: break-word; text-align: left;
}


.title-wrapper {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    right: 0;
    left: 0;
    width: 80%;
    text-align: center;
}
.title-wrapper.title {
    -webkit-transition-property: top opacity;
    transition-property: top opacity;
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    opacity: 1;
    
    z-index: 88;
}
.p5-button-link {
    width: 18rem;
    height: 4.2rem;
    border-radius: 4.2rem;
    display: inline-block;
    line-height: 4.2rem;
    border: .02rem solid;
    text-align: center;
    font-size: .18rem;
    cursor: pointer;
    position: relative;
}
.button-white {
    color: #fff;
    border: .02rem solid #fff;
}
.carType-buttonBox a {

    margin-right: 2rem;
}
.p5-button-link .p5-button-word {
    font-size: 1.5rem;
    font-weight: bolder;
}
@media screen and (max-width: 1200px) {
    .carType-buttonBox a {
        font-size: 1.5rem;
        margin-right: 2rem;
    }
    .p5-button-link .p5-button-word {
        font-size: 1rem;
        font-weight: bolder;
    }
    .p5-button-link {
        width: 13rem;
        height: 3rem;
        border-radius: 3rem;
        display: inline-block;
        line-height: 3rem;
    }
    .title-wrapper.title{
        top:8rem;
    }
}
@media screen and (max-width: 640px){
    .title-wrapper.title {
        top: 10rem;
		padding:0 12px;
    }
    .carType-buttonBox a {
        font-size: 1rem;
        margin-right: 0.5rem;
    }
    .title-wrapper{
        width:100%
    }
    .p5-button-link{
        width: 11rem;
        height: 3.5rem;
        line-height: 3.5rem;
    }
}
.carType-buttonBox a:last-of-type{margin-right:0}
.button-white:hover{background-color:#fff;color:#303030}
.big-title{
    color: #fff;
    font-size: 2rem;
    font-weight: 600;
    text-align:left;
    padding-bottom: 2rem;
    padding-left:.2rem;
}
.about-lunbo{
    padding-top: 0rem;
}
.about-lunbo{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.about-lunbo .about-img{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    position: relative;
    width: 50%;
}
.about-lunbo .about-text{
    text-align: left;
    margin-right: 3%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    width: 47%;
    margin-left: 0%;
    font-family: "Microsoft YaHei", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.about-lunbo .about-text .textbox{
    display: none;
    transition: all .5s;
}

.about-lunbo .about-text  .textbox h3{
    line-height: 1.5;
    font-size: 2.8rem;
    font-weight: 700;
	margin-top:3rem;
    margin-bottom: 2rem;
    color: #303030;
    -webkit-line-clamp: 2;
}
.about-lunbo .about-text .textbox p {
    font-size: 1.6rem;
    line-height: 2;
    letter-spacing: -.003rem;
    color: #444;
    font-weight: 400;
    margin-bottom: 8rem;
    -webkit-line-clamp: 4;
}
.about-lunbo .about-text .textbox p img{
	vertical-align: middle;
    margin: 0 10px;
	max-height:26px;
	}
.about-lunbo .about-text .textbox .p5-button-link {
    background-image: -webkit-linear-gradient(
            45deg,#6ee2b2,#4dcab5 50%,#4bc7bb);
    background-image: linear-gradient(
            45deg,#6ee2b2,#4dcab5 50%,#4bc7bb);
    color: #fff;
    border: 0;
    width: 13rem;
    height: 3rem;
    line-height: 3rem;
    font-size: 1rem;
}
.about-lunbo .about-text .textbox .p5-button-link .p5-button-word{
    font-size: 1.3rem;
    font-family: fantasy;
}
@media screen and (max-width: 1100px){
    .about-lunbo .about-text .textbox h3{
        font-size: 2.5rem;
    }
    .about-lunbo .about-text .textbox p{
        margin-bottom: 5rem;
        min-height: 165px;
    }
}
@media screen and (max-width: 970px){
    .about-lunbo .about-text .textbox h3{
        font-size: 2rem;
    }
    .about-lunbo .about-text .textbox p{
        margin-bottom: 2rem;
    }
}
@media screen and (max-width: 745px){
    .about-lunbo{
        padding-top: 3rem;
    }
    .about-lunbo{
        flex-wrap: wrap;
    }
    .about-lunbo .about-text{
        order: 1;
        width: 100%;
        margin-right: 0px;
        margin-left: 0px;
        margin-top: 1.5rem;
    }
    .about-lunbo .about-img{
        order: 0;
        width: 100%;
    }
}
.block {
    width: 218px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    background: #7e7e7e;
    font-size: 19px;
    color: #fff;
    cursor: pointer;
}
.tab-active {
    background-color: #c61b03;
    color: #fff;
    font-weight: bold;
}

.icon-riqi:before {
    content: "\e620";
}
.list-item .type{
    background: url(../images/type2.png);
}
.list-item .type {
    top: 0;
    left: 0;
    position: absolute;
    padding: 7px 20px;
    text-align: center;
    max-width: 90%;
    z-index: 8;
}
.type span {
    color: #fff;
    font-size: 13px;
    display: block;
    width: 100%;
    height: 100%;
}
.news-item {
    overflow: hidden;
    position: relative;
    text-align: left;
}
.scale-big img {
	border-radius: 10px;
	
}
.scale-big2 img {
	
	max-height:238px;
	object-fit: cover;
}
.scale-big3 img {
	
	max-height:279px;
	object-fit: cover;
}
.news-item .list-box {
    width: 100%;
    background: #f8f8f8;
    padding: 20px 20px 0 28px;
    overflow-y: scroll;
}
.news-item #wrapper:before {
    content: "";
    height: 80px;
    right: 15px;
    position: absolute;
    bottom: 0;
    background: linear-gradient(rgba(248,248,248,0) 0%,rgba(248,248,248,1) 80%);
    left: 15px;
}
#scroller {
    overflow: auto;

}
.news-item a {
    display: block;
    margin: 7% 0;
}
.news-item a h4 {
    font-size: 17px;
    line-height: 24px;
}
.news-item a .time {
    font-size: 16px;
    color: #666;
}
.pro1-list.pro-d .list-item{
    width: 32%;
    margin-left: 2%;
	background:#eee;
}
.pro1-list.pro-d .list-item:nth-child(3n+1){
        margin-left: 0!important;
    }
@media screen and (max-width: 750px){
    .pro1-list.pro-d .list-item{
        width: 49%;
        margin-left: 0%;
    }
    .pro1-list.pro-d .list-item:nth-child(even){
        margin-left: 2%!important;
    }
	.block {
    width: 198px;
    height: 45px;
    text-align: center;
    line-height: 45px;
 
    font-size: 19px;
    color: #fff;
    cursor: pointer;
}
}
.about-img .owl-prev{
    position: absolute;
    left: 0;
    background: rgba(0,0,0,.2);
    padding: 0;
    border-radius: 0;
    cursor: pointer;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADKQTcFAAADIklEQVRIDb1XMUgbYRTOXSJNNRKhibGDUBIEhyBBiKiT0K1LB4fSIVBKKKSbRejibDenQCo0hFDoILi5WGgrHQw1EEwolC4SSwlUbdQheiYx6fedObnEu+ROkj4I//3vfe999797//+/CBYDUq/XhampKc/l5eUDwN349UM3QFdBEEoYzvA7tFqt+Z2dnT/Q1WlrJ0I749zcnO3k5MSPQBMgsrfDKjZgJWBzQ0ND37e2tqqKvnXUJQ4Gg95KpTIDB3llrY4G5qW+vr5UOp3e08LeIGZaA4FAEG8e0HIwq0O8XUi6Nf1NxCSdnJx8iNFrlqAdHqR7mUzmk5pcVDtwpd0mZXzGZGw1l1WZ8JvWarVZZd7tEasdGR0dPS4UCseMLa+Y1dsopG7zNcUjB7muibllMLlt9TYF7zAZaHBZRBYUZKKDg67Z7/c7HQ6HvApdkMpALnKKPJHwYOhwUPnLj0tLSzPJZPLN6urq01ab3pxc5LQ1jkE9nK4+Fos9np6eflStVqXNzc1vukANAzmZIp69hsXpdNri8fgzn88XPD8/P15eXo5ubGz8NhzgCugmcb9Rp7GxMUc0Gn05PDzsKxaLvxYWFqK5XO7UqL8K129Dzg1X88rKynOS7u/vZ8Ph8Lujo6OyKpjhR3IarkZGTaVSaZfL9XNxcfEjDpuOV5/em6Cy5bP5CYI49UBa+vX19RflcvkiEol8wL6saGHa6URRPOXJxUvclNjt9rvj4+Oza2trr1BkDlPOV+AzEh+adQyFQrF8Pr/rdru9iUTiNYvOZIxDke2KSScLKro8Pz//NpvNfh4cHHRhP983E4OcAiqMd3CIJ4oZZwWLKr9zcHBwocw7jSgsCXfze5EVBsl1ctCzmyFlDHKRU74W2ZhBx26x11JqcFnkRgCFUsMlXcK28vaSGc3f1+3t7b/kuO5A2Bl4PB4r0jDSC3KkeBfflpmVRU61Mml0g5rtqIK5zYjF7DG22repy6QBb/b/21v1G/W6ob/+xmpSPvOb41j8IUlSBam6B5WhCwVYCdgMqveLUkiM1yo3Ut0K4Jzp7/aftn+vaV1vcDz9YAAAAABJRU5ErkJggg==) no-repeat;
    background-size: contain;
    background-repeat: no-repeat;
    top: 50%;
    width: 4rem;
    height: 4rem;
    margin-left: 5px;
}
.about-img .owl-next{
    position: absolute;
    right: 0;
    background: rgba(0,0,0,.2);
    padding: 0;
    border-radius: 0;
    cursor: pointer;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADKQTcFAAADJElEQVRIDb1Xz2saQRR23ZjYRqnQGhUSaBSpFBGbVtFcDAg95KgHIeClf0IvvXjvoeLVppcQevPuJdA29JASBVEJlOYQ9JLQ/DBpwHSNVfu9rSvrJppZ0T4wM2/mfe/befNm5oXTMEin0+H8fr+l1Wo9hrkZv/sYmyUox3F1NFf4nfA8X8nlcj8x1qG5YcINm1xZWZm6uLhww5EHRPphttIcbAXYlk0m09729vYfaVzZDiT2+Xz2ZrMZBEBcmRLIoNd1Ot23fD5/cJvtDWIKq9fr9eHLvbcB1I7BXxGSV4a/j5hIl5aWwmjtagmG2YP0oFAofJKTa+UAWum4Sck/+STfci5eUmhP2+32sqSPu8VqrQsLC+eHh4fn5FtcMWVvN5HGzdfnjziIq0dMRwbKqNnb5/wOZbbLpdFSQkE8dwB60waDYcrtdj/oDajsEBdxaulGQofpciCO9fX1tc3NzbeJRILOuGohLuLkrVarG4qF1QNW/BvA51j1C2Qqn81mf7BiZXYN3mazPQOxUTY4tFsqlc6Ojo72gsGgZ3Fx0RMOh61bW1vlRqPRHgqUTSLcbYmYOdSE39/fv8RVmA+FQk/m5+efrq6uunZ3d0u1Wu1a5n9gl4gpuUbK5nK5/CsWi72rVqulubk5RyqVejWQSTFBnOKZUowzq6enp9eRSCSdTCZfon/JCsSKO1P4U8cXqD4eePZ06XR6bXp6eiYajX5gJe3aXdHNRY+4KnE4HIZMJvPa5XIt6/X6e6rA/4xF4hM1QKfTadjY2HhjNpvtlUqlGI/H02rwXdsTLZUraoCBQMBmNBof4Vh9Rojfs2aynIM4OewvvcFxtMxHClk8c3x83JA7Y+0jpwS8zR+1lGGQMiuQ7EYlJSxxEaf4LFJhhjGqFict9S6XRiwEkCRtPNJ1FAL2STKj+Pu6s7NzRhy9CoQqA4vFwiMM1kmQI8RF7C1FVhQx1JLSrQZvLUclm1FaLOaAfMuxfVUmTeDL/n95K/+iSRf0vT2Wk1Kf9hxX4ndBEJoI1UMMMT0osBVgW0D2fpESifwp5UaolQakU/jH/U/bXzQoYR86iRWlAAAAAElFTkSuQmCC) no-repeat;
    background-size: contain;
    background-repeat: no-repeat;
    top: 50%;
    width: 4rem;
    height: 4rem;
    margin-right: 5px;
}
.about-img .owl-theme .owl-controls .owl-dots {
    font-size: 0;
    letter-spacing: 0;
    text-align: center;
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
}
.about-img .owl-theme .owl-controls .owl-dot {
    display: inline-block;
    vertical-align: top;
}
.about-img .owl-theme .owl-controls .owl-dot span {
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    margin: 0 8px 0 0;
    background-color: #fff;
    border: solid 1px #fff;
    transition: width .4s;
}
.about-img .owl-theme .owl-controls .owl-dot.active span{
    width: 15px;
    border-radius: 50px;
    background-color: #fff;
    border: solid 1px #fff;
}
.about-img .owl-theme .owl-controls .owl-dot:hover span{
    background-color: #fff;
    background-color: #fff;
    border: solid 1px #fff;
}
.type-div{
    padding:5px;background: #e6e6e6;
}
.type-div.tab-active {
    background-color: #c61b03;
    color: #fff;
    font-weight: bold;
}
.banner-text{
    padding-bottom: 20px;
    color: #fff;
}
.active-text{
    position: absolute;
    bottom: 0px;
    text-align: center;
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 48px;
    background: rgba(0,0,0,0.5);
    color: #fff;
}
.export_pdf{
    display: none;
}
.about-index .item-desc a.index-btn{
    margin-top:20px;display:inline-block;margin-left:20px;color:#fff
}
.item-desc.item-content{
    margin-left:43%
}
.absolute-input{
    position: absolute;
    bottom:30px;
}
.index-video [class*="-item"] .item-pic img{
    display: inline-block!important;
    width: auto;
}
.index-video .box-list .item-desc{
    min-height: 220px;
}
@media screen and (max-width: 750px){
    .item-desc.item-content{
        margin-left:0%
    }
	.about-index .item-desc a.index-btn{
    margin-top:20px;display:inline-block;margin-left: -45px;
    left: 50%;color:#fff
}
    .absolute-input{
        position: relative;
		bottom:0;
		margin-left: -45px;
    left: 50%;
    }
    .index-video .box-list .item-desc{
        min-height: 120px;
    }
    .productsList{
        margin-top: 0px;
    }
    .footer .f-follow-width{
        width: 100%;
		float:none;
    }
    .footer .wximg{
        width:100%;
		text-align:center;
    }
    .footer{
        position: relative;
    }
    .footer .beian{
        display: block;
        padding-top: 0px; 
        color: #fff;
        position: absolute;
        bottom: 60px;
        text-align: center;
        left: 45%;
    }
}

/*鍒嗛〉*/

.pagepage {   
        height: 100%;   
        padding-top: 8px;   
        padding-right: 3px;   
        padding-bottom: 12px;   
        padding-left: 3px;   
}   
  
.pagepage a{   
        display: block;   
        height: 26px;   
        overflow: hidden;   
        line-height: 26px;   
        background-color: #c61b03;   
        border: 1px solid #140c4d;   
        float: left;   
        text-align: center;   
        margin-right: 2px;   
        margin-left: 2px;   
        text-decoration: none;   
        padding-right: 8px;   
        padding-left: 8px;   
        color: #ffffff;   
} 
.pagepage a b{
	 background: none;   
        border:0px; 
		color: #fff; 
		padding:0;
}
.pagepage a:hover{   
        display: block;   
        background-color: #009900;   
        border: 1px solid #009900;   
        float: left;   
        text-align: center;   
        text-decoration: none;   
        color: #FFFFFF;   
}   
.pagepage b{   
        display: block;   
        height: 26px;   
        overflow: hidden;   
        line-height: 26px;   
        background-color: #FFFFFF;   
        border: 1px solid #C0C0C0;   
        float: left;   
        text-align: center;   
        margin-right: 2px;   
        margin-left: 2px;   
        color: #999999;   
        padding-right: 8px;   
        padding-left: 8px;   
}