.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: "微软雅黑" !important; font-size: 14px; font-size: 1.4rem; max-width: 1920px; margin: 0 auto; overflow-x: hidden; }

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-family: arial, helvetica, sans-serif; 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; }

::-webkit-input-placeholder { color: #4d4d4d; opacity: 1; }

/* WebKit browsers */
:-o-placeholder { color: #4d4d4d; opacity: 1; }

/* Mozilla Firefox 4 to 18 */
::-moz-placeholder { color: #4d4d4d; opacity: 1; }

/* Mozilla Firefox 19+ */
:-ms-input-placeholder { color: #4d4d4d; opacity: 1; }

/* Internet Explorer 10+ */
::-moz-selection { color: #fff; background: #0068B6; }
::selection { color: #fff; background: #0068B6; }

.self-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.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-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, [class*="-item"] .item-pics { position: relative; display: block; text-align: center; overflow: hidden; }

[class*="-item"] .item-pic img, [class*="-item"] .item-pics img { display: block !important; width: 100%; }

[class*="-item"] .item-title { overflow: hidden; }

[class*="-item"] .item-title a { display: block; }

[class*="-item"] .item-title a:hover { color: #0068B6 !important; }

[class*="-item"] .item-subt { overflow: hidden; }

[class*="-item"] .item-subt a { display: block; }

[class*="-item"] .item-subt a:hover { color: #0068B6 !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: #0068B6 !important; }

.wp1 { width: 1400px; margin: auto; }

@media screen and (max-width: 1419px) { .wp1 { width: 1200px; } }

@media screen and (max-width: 1219px) { .wp1 { width: 960px; } }

@media screen and (max-width: 991px) { .wp1 { width: 720px; } }

@media screen and (max-width: 767px) { .wp1 { width: 100%; padding-left: 15px; padding-right: 15px; } }

.wp { width: 1200px; margin: auto; }

@media screen and (max-width: 1219px) { .wp { width: 960px; } }

@media screen and (max-width: 991px) { .wp { width: 720px; } }

@media screen and (max-width: 767px) { .wp { width: 100%; padding-left: 15px; padding-right: 15px; } }

.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 .at-icon-wrapper { width: 24px !important; height: 24px !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; }

.an-bd5 { position: relative; overflow: hidden; }

.an-bd5 .item-backdrop { background-color: #1468AF; background: rgba(20, 104, 175, 0.67); }

@media screen and (min-width: 992px) { .an-bd5 .item-backdrop { position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 0px; opacity: 0; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); }
  .an-bd5:hover .item-backdrop { top: 0px; opacity: 1; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); } }

.item-table { display: table; table-layout: fixed; width: 100%; height: 100%; }

.item-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; }

/*-------------table start-------------------------------------------------------------------*/
.table table { width: 100%; border-collapse: collapse; border: 1px solid #d2d2d2;   }

.table table p { min-height: auto !important; }

.table table, .table table a { color: #666; }

.table table tr:first-child { text-align: center; font-size: 20px; font-size: 2rem; font-weight: bold; color: #333; }

@media screen and (max-width: 991px) { .table table tr:first-child { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 767px) { .table table tr:first-child { font-size: 14px; font-size: 1.4rem; } }

.table table tr td { padding: 2px 3px; border: 1px solid #d2d2d2;    text-align: center; }

@media screen and (max-width: 992px) { .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: 10px; 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: #fff; }

@media screen and (max-width: 767px) { .proslide_menubtn { display: block; } }

/*-------------proslide_menubtn end----------------------------------------------------------*/
/*-------------page-start--------------------------------------------------------------------*/
.page { text-align: center; overflow: hidden; font-size: 0; letter-spacing: 0; }

.page a { display: inline-block; vertical-align: top; min-width: 35px; padding: 0 2px; height: 30px; line-height: 30px; margin: 0 4px 10px; font-size: 14px; font-size: 1.4rem; }

.page a.prev, .page a.next { margin: 0 10px 10px; border-color: transparent !important; background-color: transparent !important; color: #999; }

.page a.prev:hover, .page a.next:hover { color: #0068B6; }

.page a.prev .iconfont, .page a.next .iconfont { font-size: 18px; font-size: 1.8rem; vertical-align: middle; }

.page a:hover, .page a.page-active,.page a.active { background-color: #0068B6; color: #fff; }

@media only screen and (max-width: 767px) { .page a { min-width: 30px; height: 28px; line-height: 28px; font-size: 12px; font-size: 1.2rem; margin: 0 2px 10px !important; } }

.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; vertical-align: top; margin-left: 0; }

.page .add-form .add-btn { text-align: center; min-width: 158px; padding: 0 5px; height: 30px; line-height: 30px; background-color: #0068B6; 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: 140px; height: 28px; line-height: 28px; font-size: 12px; font-size: 1.2rem; } }

/*-------------page-end--------------------------------------------------------------------*/
/*-------------contact start---------------------------------------------------------------*/
.contact-pc { position: fixed; z-index: 99999; right: 0; width: 69px; background-color: #F5F5F5; padding: 14px 0 6px; }

.contact-pc li { position: relative; width: 100%; height: 62px; }

.contact-pc li:first-child:after { display: none; }

.contact-pc li:after { position: absolute; content: ''; width: 47px; left: 50%; margin-left: -23.5px; height: 1px; background-color: #aaa; top: 0; }

.contact-pc li a { display: block; height: 100%; width: 100%; text-align: center; cursor: pointer; padding-top: 40px; background-repeat: no-repeat; background-position: center 8px !important; }

.contact-pc li .ewm { position: absolute; top: 0; left: 125px; max-width: 120px; width: 120px; height: 120px; }

.contact-pc li.ewm-box:hover .ewm { left: -125px; }

.contact-pc, .contact-phone { font-size: 12px; font-size: 1.2rem; }

.c1 a { background-image: url(../images/wechat.png); }

.c2 a { background-image: url(../images/whatsapp.png); }

.c3 a { background-image: url(../images/skype.png); }

.c4 a { background-image: url(../images/email.png); }

.c5 a { background-image: url(../images/top.png); background-size: 27px; }

.contact-phone { position: fixed; bottom: 0; height: 50px; left: 0; right: 0; display: none; z-index: 999; background-color: #F5F5F5; }

.contact-phone li { width: 33%; height: 100%; float: left; position: relative; }

.contact-phone li a { display: block; height: 100%; width: 100%; text-align: center; cursor: pointer; padding-top: 33px; background-repeat: no-repeat; background-position: center 3px !important; }

.contact-phone li.c4 a { background-position: center 6px !important; }

.contact-phone li.c5 a { background-size: 30px; background-position: center 1px !important; }

.contact-phone li .ewm { position: absolute; bottom: 50px; left: 0; display: none; max-width: 120px; width: 120px; height: 120px; }

@media only screen and (max-width: 767px) { .contact-pc { display: none; }
  .contact-phone { display: block; }
  body { padding-bottom: 50px; } }

/*back-top*/
@-webkit-keyframes top-shadow { 0% { box-shadow: 0px 0px 0 0px rgba(2, 29, 92, 0.77); }
  20% { box-shadow: 0px 3px 7px 0px rgba(2, 29, 92, 0.77); }
  50% { box-shadow: 0px 5px 15px 0px rgba(2, 29, 92, 0.77); }
  75% { box-shadow: 0px 3px 7px 0px rgba(2, 29, 92, 0.77); }
  100% { box-shadow: 0px 0px 0 0px rgba(2, 29, 92, 0.77); } }

.back-top { position: fixed; right: 10px; bottom: -100px; -webkit-transition: 1s; -o-transition: 1s; -moz-transition: 1s; transition: 1s; cursor: pointer; z-index: 998; border-radius: 50%; width: 59px; height: 59px; line-height: 59px; background-color: #0068B6; -webkit-animation: top-shadow 2.5s linear infinite; -moz-animation: top-shadow 2.5s linear infinite; animation: top-shadow 2.5s linear infinite; text-align: center; }

.back-top .iconfont { font-size: 20px; font-size: 2rem; color: #fff; position: relative; }

@media only screen and (max-width: 767px) { .back-top { display: none; } }

/*-------------contact 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: 767px) { .pro-share .share-title { font-size: 14px; font-size: 1.4rem; } }

.pro-share .share-pic { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; height: 26px; }

/*-------------pro-share end---------------------------------------------------------------*/
/*-------------m-oths----------------------------------------------------------------------*/
.m-oths { margin-top: 37px; padding: 22px 0 15px; border-top: solid 1px #D2D2D2; border-bottom: solid 1px #D2D2D2; font-size: 16px; font-size: 1.6rem; }

.m-oths a { color: #333; }

.m-oths a:hover { color: #0068B6; }

.m-oths .oths-item { line-height: 30px; margin-bottom: 11px; }

.m-oths .item-btn { float: left; margin-right: 20px; color: #656565; }

.m-oths .item-info { overflow: hidden; color: #666; display: block; }

@media screen and (max-width: 1219px) { .m-oths { font-size: 14px; font-size: 1.4rem; }
  .m-oths .oths-item { margin-bottom: 5px; line-height: 24px; }
  .m-oths .item-btn { margin-right: 10px; } }

@media screen and (max-width: 991px) { .m-oths { padding: 15px 0 10px; margin-top: 30px; } }

@media screen and (max-width: 767px) { .m-oths { margin-top: 20px; padding: 10px 0 5px; font-size: 12px; font-size: 1.2rem; }
  .m-oths .oths-item { margin-bottom: 5px; line-height: 20px; }
  .m-oths .item-btn { margin-right: 5px; } }

/*-------------bread start-----------------------------------------------------------------*/
.bread { border-bottom: solid 1px #EBEBEB; font-size: 16px; font-size: 1.6rem; line-height: 24px; padding-top: 13px; padding-bottom: 15px; overflow: hidden; }

.bread, .bread a { color: #656565; }

.bread a:hover, .bread .bread-active { color: #0068B6; }

.bread .iconfont { color: #0068B6; margin-right: 6px; font-size: 14px; font-size: 1.4rem; }

@media screen and (max-width: 991px) { .bread { font-size: 14px; font-size: 1.4rem; }
  .bread .iconfont { margin-right: 5px; } }

@media screen and (max-width: 767px) { .bread { font-size: 12px; font-size: 1.2rem; line-height: 20px; padding-top: 10px; padding-bottom: 10px; } }

/*-------------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-top: 42px; }

@media screen and (max-width: 767px) { .search { display: none; } }

.search .search-icon { cursor: pointer; display: block; }

.search .search-icon .iconfont { display: block; font-size: 17px; font-size: 1.7rem; color: #666666; }

.search .search-box { display: none; overflow: hidden; position: absolute; top: 38px; 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: 19px; font-size: 1.9rem; color: #fff; background-color: #0068B6; 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----------------------------------------------------------------*/
body { padding-top: 146px; }

body.fixed .header { -webkit-transform: translateY(-45px); -moz-transform: translateY(-45px); -ms-transform: translateY(-45px); -o-transform: translateY(-45px); transform: translateY(-45px); }

@media screen and (max-width: 767px) { body { padding-top: 0; } }

.header { background-color: #fff; position: fixed; z-index: 9999; width: 100%; top: 0; left: 0; padding-bottom: 12px; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease; border-bottom: solid 1px #f2f2f2; /* 767 navlist1 */ }

@media screen and (max-width: 767px) { .header { position: relative; border-bottom: 0; } }

.header .h-top { padding: 15px 0 11px; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease; line-height: 30px; }

.header .h-top, .header .h-top a { color: #999; }

.header .h-top a:hover { color: #0068B6; }

.header .h-top .lang-box { position: relative; }

.header .h-top .lang-box .item-title { font-size: 16px; font-size: 1.6rem; cursor: pointer; }

.header .h-top .lang-box .item-title .iconfont { display: inline-block; vertical-align: middle; line-height: 30px; font-size: 22px; font-size: 2.2rem; margin-right: 5px; }

.header .h-top .lang-box .item-title .icon-icon-test23 { font-size: 30px; font-size: 3rem; margin-left: 1px; vertical-align: middle; margin-left: -2px; margin-right: 0; }

.header .h-top .lang-box .box-list { position: absolute; top: 100%; right: 0; padding: 5px; background-color: #999; z-index: 999; min-width: 120px; display: none; }

.header .h-top .lang-box .box-list a { display: block; color: #fff; line-height: 24px; }

.header .h-top .lang-box .box-list a:hover { color: #0068B6; }

.header .h-top .item-p { margin-right: 38px; font-size: 16px; font-size: 1.6rem; }

.header .h-top .item-p .iconfont { display: inline-block; font-size: 23px; font-size: 2.3rem; margin-right: 8px; vertical-align: middle; }

@media screen and (max-width: 991px) { .header .h-top .lang-box .item-title { font-size: 14px; font-size: 1.4rem; }
  .header .h-top .lang-box .item-title .iconfont { font-size: 18px; font-size: 1.8rem; margin-right: 2px; }
  .header .h-top .item-p { margin-right: 25px; font-size: 14px; font-size: 1.4rem; }
  .header .h-top .item-p .iconfont { font-size: 18px; font-size: 1.8rem; margin-right: 5px; } }

@media screen and (max-width: 767px) { .header .h-top { padding: 5px 0 0; }
  .header .h-top .item-p { display: none; }
  .header .h-top .lang-box { margin-right: 25px; } }

.header .h-bot { -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease; }

.header .logo1 { display: inline-block; width: 85px; margin: 0 0 0 48px; }

.header .logo1 img { display: block; margin: 0 auto; width: 100%; }

@media screen and (max-width: 1219px) { .header .logo1 { margin-left: 23px; } }

@media screen and (max-width: 991px) { .header .logo1 { margin-left: 7px; } }

.header .logo { width: 60px; display: none; margin: 0 auto 10px; }

.header .logo img { display: block; width: 100%; }

@media screen and (max-width: 767px) { .header .logo { display: block; } }

.header .navlist { float: right; font-size: 0; letter-spacing: 0; margin-right: 64px; }

.header .navlist > li { position: relative; display: inline-block; vertical-align: top; margin-left: 50px; margin-top: 36px; padding:0 29px;padding-bottom: 13px; }
.header .navlist > li:first-child{margin-left: 0;}
.header .navlist > li > a { font-size: 18px; font-size: 1.8rem; font-weight: bold; text-transform: uppercase; display: block; position: relative; line-height: 28px; padding: 0 17px; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; text-align: center; }

.header .navlist > li > a:before { position: absolute; content: ''; width: 5px; height: 5px; background-color: #0068B6; border-radius: 50%; bottom: -8px; left: 0; right: 0; margin: 0 auto; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }

.header .navlist > li > a:after { position: absolute; content: ''; width: 0; height: 4px; background: url(../images/bg13.png) no-repeat bottom center; bottom: 0; border-radius: 0; left: 0; right: 0; margin: 0 auto; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.header .navlist > li.nav-active > a, .header .navlist > li:hover > a { border-radius: 5px; background-color: #0068B6; color: #fff; }

.header .navlist > li.nav-active > a:before, .header .navlist > li:hover > a:before { display: none; }

.header .navlist > li.nav-active > a:after, .header .navlist > li:hover > a:after { bottom: -4px; width: 16px; }

@media screen and (max-width: 1219px) { .header .navlist { margin-right: 20px; }
  .header .navlist > li { margin-left: 23px; } }

@media screen and (max-width: 991px) { .header .navlist { margin-right: 5px; }
  .header .navlist > li { margin-left: 7px; }
  .header .navlist > li > a { padding: 0 10px; font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 767px) { .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: 99; position: absolute; top: 100%; width: 200px; right: -64px; 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; background-color: #fff; box-shadow: 0px 2px 4px 0px rgba(20, 22, 24, 0.44); }

.header .yiji li { position: relative; text-align: left; }

.header .yiji li:first-child { border-top: solid 15px #fff; }

.header .yiji li:last-child { border-bottom: solid 23px #fff; }

.header .yiji li > a { display: block; line-height: 20px; padding: 8px 8px; font-size: 16px; font-size: 1.6rem; color: #333; }

.header .yiji li:hover > a { color: #0068B6; }

.header .yiji li:hover .erjibox { -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: 1219px) { .header .yiji { right: -150px; } }

@media screen and (max-width: 991px) { .header .yiji { display: none; } }

.header .erji li:hover .sanjibox { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); visibility: visible; opacity: 1; }

.header .erjibox, .header .sanjibox { position: absolute; left: 100%; top: 0; width: 245px; 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; border-left: solid 4px transparent; }

.header .erji, .header .sanji { background-color: #fff; box-shadow: 0px 2px 4px 0px rgba(20, 22, 24, 0.44); }

.header .navlist1 { display: none; }

.header .navlist1 > li { float: left; width: 25%; text-align: center; padding-bottom: 5px; }

.header .navlist1 > li > a { font-size: 14px; font-size: 1.4rem; font-weight: bold; text-transform: capitalize; display: inline-block; position: relative; line-height: 28px; padding: 0 5px; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; text-align: center; }

.header .navlist1 > li > a:before { position: absolute; content: ''; width: 5px; height: 5px; background-color: #0068B6; border-radius: 50%; bottom: -5px; left: 0; right: 0; margin: 0 auto; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }

.header .navlist1 > li > a:after { position: absolute; content: ''; width: 0; height: 4px; background: url(../images/bg13.png) no-repeat bottom center; bottom: 0; border-radius: 0; left: 0; right: 0; margin: 0 auto; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.header .navlist1 > li.nav-active > a, .header .navlist1 > li:hover > a { border-radius: 5px; background-color: #0068B6; color: #fff; }

.header .navlist1 > li.nav-active > a:before, .header .navlist1 > li:hover > a:before { display: none; }

.header .navlist1 > li.nav-active > a:after, .header .navlist1 > li:hover > a:after { bottom: -4px; width: 16px; }

@media screen and (max-width: 767px) { .header .navlist1 { display: block; } }

/*-------------header end------------------------------------------------------------------*/
/*-------------footer start----------------------------------------------------------------*/
.footer ::-webkit-input-placeholder { color: #999; opacity: 1; }

/* WebKit browsers */
.footer :-o-placeholder { color: #999; opacity: 1; }

/* Mozilla Firefox 4 to 18 */
.footer ::-moz-placeholder { color: #999; opacity: 1; }

/* Mozilla Firefox 19+ */
.footer :-ms-input-placeholder { color: #999; opacity: 1; }

/* Internet Explorer 10+ */
.footer { overflow: hidden; background-color: #757778; }

.footer, .footer a { color: #fff; }

.footer a:hover { color: #0068B6; }

.footer .f-top { padding: 48px 0 47px; }

.footer .f-top .footer-title { font-weight: bold; font-size: 24px; font-size: 2.4rem; line-height: 1.2; text-transform: uppercase; margin-bottom: 29px; }

.footer .f-top .box-list li { line-height: 20px; font-size: 14px; font-size: 1.4rem; margin-bottom: 10px; }

.footer .f-top .flist1 li, .footer .f-top .flist2 li { position: relative; padding-left: 12px; }

.footer .f-top .flist1 li:before, .footer .f-top .flist2 li:before { position: absolute; content: '>'; left: 0; top: 0; }

.footer .f-top .flist1 { width: 24.75%; padding-right: 15px; }

.footer .f-top .flist2 { width: 26.16667%; padding-right: 15px; }

.footer .f-top .flist2 ul { max-width: 220px; }

.footer .f-top .flist3 { width: 29.41667%; padding-right: 15px; }

.footer .f-top .flist4 { width: 19.66667%; padding-right: 15px; }

.footer .f-top .f-follow { padding-top: 5px; max-width: 160px; }

.footer .f-top .f-follow a { float: left; margin-right: 14px; margin-bottom: 10px; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; -webkit-transition: all .5s; }

.footer .f-top .f-follow a:hover { margin-top: -5px; margin-bottom: 15px; }

.footer .f-top .f-follow .iconfont { width: 38px; height: 38px; font-size: 26px; font-size: 2.6rem; color: #fff; text-align: center; line-height: 38px; display: block; }

.footer .f-top .f-follow .icon-facebook1 { background: #38579a; }

.footer .f-top .f-follow .icon-instagram { background: #d83415; }

.footer .f-top .f-follow .icon-linkedin1 { background: #1274aa; }

.footer .f-top .f-follow .icon-pinterest { background: #be2727; }

.footer .f-top .f-follow .icon-twitter1 { background: #3094d2; }

.footer .f-top .f-follow .icon-youtube1 { background: #d93738; }

@media screen and (max-width: 991px) { .footer .f-top { font-size: 0; letter-spacing: 0; }
  .footer .f-top .flist1, .footer .f-top .flist2, .footer .f-top .flist3, .footer .f-top .flist4 { width: 50%; float: none; display: inline-block; vertical-align: top; }
  .footer .f-top .flist1, .footer .f-top .flist2 { margin-bottom: 20px; } }

@media screen and (max-width: 767px) { .footer .f-top { padding: 20px 0 0; }
  .footer .f-top .flist1, .footer .f-top .flist2, .footer .f-top .flist3, .footer .f-top .footer-title { display: none; }
  .footer .f-top .flist4 { width: 100%; }
  .footer .f-top .f-follow { padding-top: 0; max-width: 100%; font-size: 0; letter-spacing: 0; text-align: center; }
  .footer .f-top .f-follow a { float: none; display: inline-block; vertical-align: top; margin-right: 0; margin-left: 10px; }
  .footer .f-top .f-follow a:first-child { margin-left: 0; }
  .footer .f-top .f-follow .iconfont { width: 30px; height: 30px; line-height: 30px; font-size: 20px; font-size: 2rem; } }

.footer .f-bot { border-top: solid 1px #9D9D9D; line-height: 24px; padding: 20px 0 27px; text-align: center; }

.footer .f-bot img { margin-left: 5px; }

@media screen and (max-width: 767px) { .footer .f-bot { padding: 15px 0; } }

.footer .links { margin-top: 6px; }

.footer .links a { display: inline-block; margin-right: 30px; }

@media screen and (max-width: 767px) { .footer .links { display: none; } }

/*-------------footer end------------------------------------------------------------------*/
/*-------------index start-----------------------------------------------------------------*/
/* index-title start */
.index-title { text-align: center; font-size: 0; letter-spacing: 0; padding-bottom: 25px; background: url(../images/bg4.png) no-repeat bottom center; }

@media screen and (max-width: 991px) { .index-title { background-size: 260px; padding-bottom: 15px; } }

@media screen and (max-width: 767px) { .index-title { background-size: 220px; padding-bottom: 10px; } }

.index-title > * { display: inline-block; vertical-align: middle; }

.index-title a { text-transform: uppercase; background: -webkit-linear-gradient(5deg, #1468AF 2.39258%, #62B3F8 44.04297%, #1468AF 76.95313%); background: -moz-linear-gradient(5deg, #1468AF 2.39258%, #62B3F8 44.04297%, #1468AF 76.95313%); background: linear-gradient(85deg, #1468AF 2.39258%, #62B3F8 44.04297%, #1468AF 76.95313%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 40px; font-size: 4rem; line-height: 1.2; font-weight: bold; margin: 0 12px; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }

.index-title a:hover { background: -webkit-linear-gradient(5deg, #62B3F8 2.39258%, #1468AF 44.04297%, #62B3F8 76.95313%); background: -moz-linear-gradient(5deg, #62B3F8 2.39258%, #1468AF 44.04297%, #62B3F8 76.95313%); background: linear-gradient(85deg, #62B3F8 2.39258%, #1468AF 44.04297%, #62B3F8 76.95313%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

@media screen and (max-width: 1219px) { .index-title a { font-size: 36px; font-size: 3.6rem; } }

@media screen and (max-width: 991px) { .index-title a { font-size: 30px; font-size: 3rem; } }

@media screen and (max-width: 767px) { .index-title a { font-size: 24px; font-size: 2.4rem; } }

.index-title span { width: 16px; height: 18px; background: url(../images/bg5.png); background-size: contain; }

@media screen and (max-width: 767px) { .index-title span { width: 12px; height: 14px; } }

/* index-title end */
/* index-item start */
@media screen and (max-width: 640px) { .index-item { text-align: center; } }

.index-item .item-title { float: left; font-size: 0; letter-spacing: 0; }

@media screen and (max-width: 640px) { .index-item .item-title { float: none; margin-bottom: 20px; } }

.index-item .item-title > * { display: inline-block !important; vertical-align: middle; }

.index-item .item-title a { text-transform: uppercase; background: -webkit-linear-gradient(5deg, #1468AF 2.39258%, #62B3F8 44.04297%, #1468AF 76.95313%); background: -moz-linear-gradient(5deg, #1468AF 2.39258%, #62B3F8 44.04297%, #1468AF 76.95313%); background: linear-gradient(85deg, #1468AF 2.39258%, #62B3F8 44.04297%, #1468AF 76.95313%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 40px; font-size: 4rem; line-height: 1.2; font-weight: bold; margin-right: 20px; }

.index-item .item-title a:hover { background: -webkit-linear-gradient(5deg, #62B3F8 2.39258%, #1468AF 44.04297%, #62B3F8 76.95313%); background: -moz-linear-gradient(5deg, #62B3F8 2.39258%, #1468AF 44.04297%, #62B3F8 76.95313%); background: linear-gradient(85deg, #62B3F8 2.39258%, #1468AF 44.04297%, #62B3F8 76.95313%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

@media screen and (max-width: 1219px) { .index-item .item-title a { font-size: 36px; font-size: 3.6rem; } }

@media screen and (max-width: 991px) { .index-item .item-title a { font-size: 30px; font-size: 3rem; } }

@media screen and (max-width: 767px) { .index-item .item-title a { font-size: 24px; font-size: 2.4rem; margin-right: 12px; } }

.index-item .item-title span { width: 93px; height: 34px; background: url(../images/bg6.png) no-repeat left; background-size: contain; }

@media screen and (max-width: 991px) { .index-item .item-title span { width: 77px; height: 28px; } }

@media screen and (max-width: 767px) { .index-item .item-title span { width: 70px; height: 25px; } }

.index-item .item-btn { float: right; display: inline-block; min-width: 176px; border: solid 2px #666; text-align: center; line-height: 24px; font-size: 16px; font-size: 1.6rem; padding: 10px; }

.index-item .item-btn:hover { background-color: #0068B6; border-color: #0068B6; color: #fff; }

@media screen and (max-width: 1219px) { .index-item .item-btn { padding: 8px; } }

@media screen and (max-width: 991px) { .index-item .item-btn { padding: 4px; min-width: 140px; font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .index-item .item-btn { font-size: 12px; font-size: 1.2rem; line-height: 20px; min-width: 120px; } }

@media screen and (max-width: 640px) { .index-item .item-btn { float: none; } }

/* index-item end */
.index-bg { background: url(../images/bg1.jpg) no-repeat top center; }

/* index-about start */
.index-about { text-align: center; padding: 71px 0 70px; }

@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: 33px; }

@media screen and (max-width: 767px) { .index-about .index-title { margin-bottom: 25px; } }

.index-about .item-pic { float: left; width: 50.83333%; overflow: visible; padding-top: 1.58333%; padding-bottom: 1.16667%; padding-left: 2.16667%; margin-right: 2.41667%; margin-left: -2.16667%; position: relative; }

@media screen and (max-width: 1319px) { .index-about .item-pic { margin-left: 0; } }

@media screen and (max-width: 991px) { .index-about .item-pic { float: none; width: 100%; max-width: 610px; margin: 0 auto 20px; } }

.index-about .item-pic:before { position: absolute; content: ''; left: 0; top: 0; bottom: 0; right: 8.19672%; background: -webkit-linear-gradient(5deg, #1468af, #62b3f8, #1468af); background: -moz-linear-gradient(5deg, #1468af, #62b3f8, #1468af); background: linear-gradient(85deg, #1468af, #62b3f8, #1468af); }

.index-about .item-pic a { overflow: visible; position: relative; }

.index-about .item-pic img { display: block !important; width: 100%; box-shadow: 0px 4px 46px 0px rgba(11, 36, 54, 0.51); }

.index-about .box-list { overflow: hidden; padding-top: 19px; text-align: left; }

@media screen and (max-width: 1219px) { .index-about .box-list { padding-top: 0; } }

.index-about .box-list .list-item { position: relative; padding-left: 65px; margin-bottom: 11px; }

@media screen and (max-width: 1219px) { .index-about .box-list .list-item { padding-left: 55px; } }

@media screen and (max-width: 991px) { .index-about .box-list .list-item { padding-left: 50px; } }

@media screen and (max-width: 767px) { .index-about .box-list .list-item { padding-left: 45px; } }

.index-about .box-list .iconfont { position: absolute; left: 0; top: 0; width: 45px; height: 45px; line-height: 45px; border-radius: 8px; background-color: #0068B6; color: #fff; text-align: center; font-size: 27px; font-size: 2.7rem; }

@media screen and (max-width: 1219px) { .index-about .box-list .iconfont { width: 40px; height: 40px; line-height: 40px; font-size: 24px; font-size: 2.4rem; } }

@media screen and (max-width: 767px) { .index-about .box-list .iconfont { width: 36px; height: 36px; line-height: 36px; font-size: 20px; font-size: 2rem; } }

.index-about .box-list .item-title { font-size: 20px; font-size: 2rem; line-height: 30px; padding-top: 7px; margin-bottom: 8px; }

@media screen and (max-width: 1219px) { .index-about .box-list .item-title { padding-top: 5px; font-size: 18px; font-size: 1.8rem; } }

@media screen and (max-width: 991px) { .index-about .box-list .item-title { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 767px) { .index-about .box-list .item-title { font-size: 14px; font-size: 1.4rem; line-height: 22px; padding-top: 7px; } }

.index-about .box-list .item-desc { font-size: 16px; font-size: 1.6rem; line-height: 30px; max-height: 120px; }

@media screen and (max-width: 1219px) { .index-about .box-list .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 24px; max-height: 96px; } }

@media screen and (max-width: 991px) { .index-about .box-list .item-desc { line-height: 22px; max-height: 88px; } }

@media screen and (max-width: 767px) { .index-about .box-list .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; max-height: 80px; } }

.index-about .box-list .email a { display: inline; }

.index-about .box-btn { display: inline-block; min-width: 182px; line-height: 24px; background-color: #0068B6; color: #fff; text-align: center; padding: 12px 10px; font-size: 16px; font-size: 1.6rem; margin-top: 41px; }

.index-about .box-btn .iconfont { font-size: 32px; font-size: 3.2rem; vertical-align: middle; margin-left: 5px; }

.index-about .box-btn:hover { background-color: #000; }

@media screen and (max-width: 991px) { .index-about .box-btn { margin-top: 30px; min-width: 150px; padding: 8px; font-size: 14px; font-size: 1.4rem; }
  .index-about .box-btn .iconfont { font-size: 24px; font-size: 2.4rem; } }

@media screen and (max-width: 767px) { .index-about .box-btn { margin-top: 20px; font-size: 12px; font-size: 1.2rem; line-height: 20px; padding: 6px; min-width: 120px; }
  .index-about .box-btn .iconfont { font-size: 20px; font-size: 2rem; } }

/* index-about end */
/* index-probox start */
.index-probox { padding-bottom: 44px; }

@media screen and (max-width: 1219px) { .index-probox { padding-bottom: 30px; } }

@media screen and (max-width: 991px) { .index-probox { padding-bottom: 20px; } }

@media screen and (max-width: 767px) { .index-probox { padding-bottom: 10px; } }

.index-probox .index-item { margin-bottom: 86px; }

@media screen and (max-width: 1219px) { .index-probox .index-item { margin-bottom: 70px; } }

@media screen and (max-width: 991px) { .index-probox .index-item { margin-bottom: 50px; } }

@media screen and (max-width: 767px) { .index-probox .index-item { margin-bottom: 30px; } }

.index-probox .box-list { font-size: 0; letter-spacing: 0; }

.index-probox .box-list .list-item { display: inline-block; vertical-align: top; width: 32.33333%; margin-left: 1.5%; margin-bottom: 40px; }

@media screen and (max-width: 991px) { .index-probox .box-list .list-item { margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .index-probox .box-list .list-item { margin-bottom: 20px; } }

@media screen and (max-width: 480px) { .index-probox .box-list .list-item { width: 48%; margin-left: 1% !important; margin-right: 1%; } }

.index-probox .box-list .item-pic { box-shadow: 0px 4px 10px 0px rgba(11, 36, 54, 0.27); }

@media screen and (max-width: 991px) { .index-probox .box-list .item-backdrop { display: none; } }

.index-probox .box-list .item-backdrop .item-body { position: absolute; top: 12px; left: 12px; right: 12px; bottom: 12px; border: solid 2px #fff; }

.index-probox .box-list .item-backdrop img { width: 67px; margin: 0 auto; }

.index-probox .box-list .item-backdrop .item-btn { display: inline-block; min-width: 125px; height: 30px; line-height: 28px; border: solid 2px #fff; text-align: center; color: #F6F6F6; font-size: 14px; font-size: 1.4rem; text-transform: uppercase; margin-top: 34px; }

.index-probox .box-list .item-title { margin-top: 27px; font-size: 16px; font-size: 1.6rem; font-weight: bold; line-height: 24px; text-align: center; }

.index-probox .box-list .item-title, .index-probox .box-list .item-title a { color: #1468AF; }

.index-probox .box-list .item-title a:hover { color: #000 !important; }

@media screen and (max-width: 991px) { .index-probox .box-list .item-title { margin-top: 15px; } }

@media screen and (max-width: 767px) { .index-probox .box-list .item-title { margin-top: 10px; font-size: 14px; font-size: 1.4rem; line-height: 20px; } }

/* index-probox end */
/* index-contact start */
.index-contact { background: #F2F5F8 url(../images/bg2.jpg) no-repeat right center; /* WebKit browsers */ /* Mozilla Firefox 4 to 18 */ /* Mozilla Firefox 19+ */ /* Internet Explorer 10+ */ }

.index-contact ::-webkit-input-placeholder { color: #999; opacity: 1; }

.index-contact :-o-placeholder { color: #999; opacity: 1; }

.index-contact ::-moz-placeholder { color: #999; opacity: 1; }

.index-contact :-ms-input-placeholder { color: #999; opacity: 1; }

.index-contact .item-pic { width: 50%; margin-right: 2.13542%; float: left; position: relative; }

.index-contact .item-pic img { display: block !important; width: 100%; }

@media screen and (max-width: 1449px) { .index-contact .item-pic { width: 55%; } }

@media screen and (max-width: 1219px) { .index-contact .item-pic { width: 100%; float: none; margin: 0 auto; } }

.index-contact .item-pic .box-btn { display: block; position: absolute; right: 1.875%; bottom: 4.0625%; min-width: 206px; height: 40px; background: url(../images/web2.png) no-repeat center; background-size: 100% 100%; text-align: center; line-height: 40px; color: #fff; font-size: 16px; font-size: 1.6rem; padding: 0 10px; }

.index-contact .item-pic .box-btn .iconfont { vertical-align: middle; }

.index-contact .item-pic .box-btn:hover { background-color: #0068B6; }

@media screen and (max-width: 767px) { .index-contact .item-pic .box-btn { min-width: 150px; font-size: 14px; font-size: 1.4rem; height: 30px; line-height: 30px; } }

.index-contact .item-form { padding: 35px 0 0; }

@media screen and (max-width: 1849px) { .index-contact .item-form { padding-top: 30px; } }

@media screen and (max-width: 1649px) { .index-contact .item-form { padding-top: 20px; } }

@media screen and (max-width: 1319px) { .index-contact .item-form { padding-top: 15px; } }

@media screen and (max-width: 1219px) { .index-contact .item-form { padding: 30px 0 20px; } }

.index-contact .item-form .item-title { font-weight: bold; font-size: 32px; font-size: 3.2rem; line-height: 1.2; margin-bottom: 41px; }

.index-contact .item-form .item-title a { display: inline-block; }

@media screen and (max-width: 1849px) { .index-contact .item-form .item-title { margin-bottom: 20px; } }

@media screen and (max-width: 1549px) { .index-contact .item-form .item-title { font-size: 26px; font-size: 2.6rem; } }

@media screen and (max-width: 1319px) { .index-contact .item-form .item-title { font-size: 22px; font-size: 2.2rem; margin-bottom: 15px; } }

@media screen and (max-width: 1219px) { .index-contact .item-form .item-title { margin-bottom: 20px; text-align: center; } }

@media screen and (max-width: 991px) { .index-contact .item-form .item-title { font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 767px) { .index-contact .item-form .item-title { font-size: 18px; font-size: 1.8rem; } }

.index-contact .item-form .item-input { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; }

@media screen and (max-width: 1749px) { .index-contact .item-form .item-input { margin-bottom: 14px; } }

@media screen and (max-width: 1319px) { .index-contact .item-form .item-input { margin-bottom: 12px; } }

.index-contact .item-form input, .index-contact .item-form textarea { width: 100%; background-color: #fff; padding: 0 19px; color: #999; font-size: 14px; font-size: 1.4rem; }

@media screen and (max-width: 1549px) { .index-contact .item-form input, .index-contact .item-form textarea { padding: 0 15px; } }

@media screen and (max-width: 991px) { .index-contact .item-form input, .index-contact .item-form textarea { font-size: 14px; font-size: 1.4rem; padding: 0 10px; } }

.index-contact .item-form input { height: 51px; line-height: 51px; }

@media screen and (max-width: 1649px) { .index-contact .item-form input { height: 44px; line-height: 44px; } }

@media screen and (max-width: 767px) { .index-contact .item-form input { height: 38px; line-height: 38px; } }

.index-contact .item-form textarea { height: 100px; padding-top: 15px; padding-bottom: 15px; }

@media screen and (max-width: 1549px) { .index-contact .item-form textarea { height: 80px; padding-top: 10px; padding-bottom: 10px; } }

@media screen and (max-width: 1219px) { .index-contact .item-form textarea { height: 150px; } }

.index-contact .item-form .item-code { float: left; width: 218px; margin-right: 18px; }

@media screen and (max-width: 1549px) { .index-contact .item-form .item-code { width: 190px; margin-right: 15px; } }

@media screen and (max-width: 1219px) { .index-contact .item-form .item-code { width: 40%; } }

@media screen and (max-width: 991px) { .index-contact .item-form .item-code { width: 35%; } }

@media screen and (max-width: 767px) { .index-contact .item-form .item-code { width: -moz-calc(100% - 155px); width: calc(100% - 155px); margin-right: 0; } }

.index-contact .item-form .item-img { float: left; line-height: 51px; }

.index-contact .item-form .item-img img { vertical-align: middle; max-height: 51px; }

@media screen and (max-width: 1649px) { .index-contact .item-form .item-img { line-height: 44px; }
  .index-contact .item-form .item-img img { max-height: 44px; } }

@media screen and (max-width: 767px) { .index-contact .item-form .item-img { float: right; line-height: 38px; }
  .index-contact .item-form .item-img img { max-height: 38px; } }

.index-contact .item-form .item-btn { float: right; width: 116px; }

.index-contact .item-form .item-btn input { background-color: #0068B6; color: #fff; padding: 0; text-align: center; font-size: 16px; font-size: 1.6rem; }

.index-contact .item-form .item-btn input:hover { background-color: #000; }

@media screen and (max-width: 1649px) { .index-contact .item-form .item-btn { width: 150px; } }

@media screen and (max-width: 1549px) { .index-contact .item-form .item-btn { width: 116px; } }

@media screen and (max-width: 1219px) { .index-contact .item-form .item-btn { width: 39.5%; } }

@media screen and (max-width: 991px) { .index-contact .item-form .item-btn { width: 37.5%; } }

@media screen and (max-width: 767px) { .index-contact .item-form .item-btn { width: 100%; font-size: 14px; font-size: 1.4rem; } }

/* index-contact end */
/* index-can start */
.index-can { background: url(../images/bg7.jpg) no-repeat top; background-size: 100%; padding: 78px 0 59px; }

@media screen and (max-width: 1219px) { .index-can { padding: 70px 0 40px; } }

@media screen and (max-width: 991px) { .index-can { padding: 50px 0 20px; } }

@media screen and (max-width: 767px) { .index-can { padding: 30px 0 10px; } }

.index-can .index-title { margin-bottom: 111px; }

@media screen and (max-width: 1219px) { .index-can .index-title { margin-bottom: 50px; } }

@media screen and (max-width: 991px) { .index-can .index-title { margin-bottom: 35px; } }

@media screen and (max-width: 767px) { .index-can .index-title { margin-bottom: 25px; } }

.index-can .box-list { font-size: 0; letter-spacing: 0; }

.index-can .box-list .list-item { display: inline-block; vertical-align: top; width: 23.33333%; margin-left: 2.22222%; text-align: center; margin-bottom: 30px; }

@media screen and (max-width: 991px) { .index-can .box-list .list-item { width: 23.5%; margin-left: 2%; } }

@media screen and (max-width: 767px) { .index-can .box-list .list-item { width: 48%; margin-bottom: 20px; margin-left: 1% !important; margin-right: 1%; } }

.index-can .box-list .item-pic { margin-bottom: 23px; max-width: 280px; margin-left: auto; margin-right: auto; }

@media screen and (max-width: 1219px) { .index-can .box-list .item-pic { margin-bottom: 15px; } }

@media screen and (max-width: 991px) { .index-can .box-list .item-pic { margin-bottom: 10px; } }

.index-can .box-list .item-title { font-size: 18px; font-size: 1.8rem; line-height: 28px; position: relative; padding-bottom: 19px; margin-bottom: 14px; }

.index-can .box-list .item-title:before { position: absolute; content: ''; width: 50px; height: 3px; left: 0; right: 0; margin: 0 auto; background-color: #666; bottom: 0; }

@media screen and (max-width: 1219px) { .index-can .box-list .item-title { font-size: 16px; font-size: 1.6rem; line-height: 24px; padding-bottom: 10px; margin-bottom: 10px; } }

@media screen and (max-width: 991px) { .index-can .box-list .item-title { font-size: 14px; font-size: 1.4rem; line-height: 20px; margin-bottom: 5px; } }

.index-can .box-list .item-desc { font-size: 16px; font-size: 1.6rem; line-height: 26px; }

@media screen and (max-width: 1219px) { .index-can .box-list .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 22px; } }

@media screen and (max-width: 991px) { .index-can .box-list .item-desc { line-height: 20px; font-size: 12px; font-size: 1.2rem; } }

@media screen and (max-width: 767px) { .index-can .box-list .item-desc { line-height: 16px; } }

/* index-can end */
.index-project .index-title { margin-bottom: 46px; }

@media screen and (max-width: 991px) { .index-project .index-title { margin-bottom: 40px; } }

@media screen and (max-width: 767px) { .index-project .index-title { margin-bottom: 25px; } }

.index-project .box-bar { font-size: 0; letter-spacing: 0; text-align: center; margin-bottom: 53px; }

@media screen and (max-width: 991px) { .index-project .box-bar { margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .index-project .box-bar { margin-bottom: 20px; } }

.index-project .box-bar a { display: inline-block; vertical-align: top; font-size: 18px; font-size: 1.8rem; border: solid 1px #BEBEBE; line-height: 24px; padding: 15px 20px; margin: 0 8px 8px; }

.index-project .box-bar a:hover { background-color: #0068B6; border-color: #0068B6; color: #fff; }

@media screen and (max-width: 1219px) { .index-project .box-bar a { font-size: 16px; font-size: 1.6rem; padding: 10px 15px; } }

@media screen and (max-width: 991px) { .index-project .box-bar a { padding: 8px 12px; margin: 0 5px 8px; } }

@media screen and (max-width: 767px) { .index-project .box-bar a { padding: 5px 10px; font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 480px) { .index-project .box-bar a { padding: 5px 3px; font-size: 12px; font-size: 1.2rem; line-height: 20px; } }
@media screen and (max-width: 341px) {.index-project .box-bar a {margin: 0 2px 3px;}}
.project-scroll { position: relative; }

.project-scroll .scroll-btns { font-size: 0; letter-spacing: 0; position: absolute; bottom: 0; left: 50%; margin-left: -67px; }

@media screen and (max-width: 1619px) { .project-scroll .scroll-btns { margin-left: -80px; } }

@media screen and (max-width: 1219px) { .project-scroll .scroll-btns { margin-left: -50px; } }

@media screen and (max-width: 991px) { .project-scroll .scroll-btns { margin-left: -40px; } }

@media screen and (max-width: 767px) { .project-scroll .scroll-btns { right: 0; left: auto; margin: 0; } }

.project-scroll .scroll-btns .scroll-btn { display: inline-block; vertical-align: top; width: 80px; height: 80px; background-color: #C5C5C5; text-align: center; line-height: 80px; font-size: 32px; font-size: 3.2rem; cursor: pointer; color: #fff; }

.project-scroll .scroll-btns .scroll-btn:hover { background-color: #0068B6; }

@media screen and (max-width: 1219px) { .project-scroll .scroll-btns .scroll-btn { width: 50px; height: 50px; line-height: 50px; font-size: 24px; font-size: 2.4rem; } }

@media screen and (max-width: 991px) { .project-scroll .scroll-btns .scroll-btn { width: 40px; height: 40px; line-height: 40px; font-size: 20px; font-size: 2.0rem; } }

@media screen and (max-width: 767px) { .project-scroll .scroll-btns .scroll-btn { width: 32px; height: 32px; line-height: 32px; font-size: 18px; font-size: 1.8rem; } }

.project-scroll .scroll-list-box { width: 100%; overflow: hidden; }

.project-scroll .scroll-list { width: 10000%; padding: 0; }

.project-scroll .scroll-list .list-item { float: left; width: 1%; position: relative; }

.project-scroll .scroll-list .item-pic { width: 49.27083%; float: right; }

@media screen and (max-width: 1619px) { .project-scroll .scroll-list .item-pic { width: 50%; } }

@media screen and (max-width: 767px) { .project-scroll .scroll-list .item-pic { width: 100%; float: none; } }

.project-scroll .scroll-list .item-body { position: absolute; top: 0; bottom: 0; width: 50.72917%; background: url(../images/bg3.jpg) no-repeat left bottom; background-size: cover; }

@media screen and (max-width: 1619px) { .project-scroll .scroll-list .item-body { width: 50%; } }

@media screen and (max-width: 767px) { .project-scroll .scroll-list .item-body { position: relative; width: 100%; padding: 30px 15px; } }

.project-scroll .scroll-list .item-table { float: right; width: 614px; padding-right: 10%; }

@media screen and (max-width: 1619px) { .project-scroll .scroll-list .item-table { width: 600px; } }

@media screen and (max-width: 1219px) { .project-scroll .scroll-list .item-table { width: 480px; padding-right: 4.16667%; } }

@media screen and (max-width: 991px) { .project-scroll .scroll-list .item-table { width: 360px; } }

@media screen and (max-width: 767px) { .project-scroll .scroll-list .item-table { width: 100%; padding: 0; float: none; } }

.project-scroll .scroll-list .item-title { font-size: 24px; font-size: 2.4rem; line-height: 1.2; font-weight: bold; margin-bottom: 27px; }

@media screen and (max-width: 1219px) { .project-scroll .scroll-list .item-title { font-size: 20px; font-size: 2rem; margin-bottom: 15px; } }

@media screen and (max-width: 991px) { .project-scroll .scroll-list .item-title { font-size: 18px; font-size: 1.8rem; margin-bottom: 10px; } }

@media screen and (max-width: 767px) { .project-scroll .scroll-list .item-title { font-size: 16px; font-size: 1.6rem; } }

.project-scroll .scroll-list .item-desc { font-size: 16px; font-size: 1.6rem; line-height: 30px; max-height: 150px; margin-bottom: 86px; }

.project-scroll .scroll-list .item-desc, .project-scroll .scroll-list .item-desc a { color: #333; }

@media screen and (max-width: 1419px) { .project-scroll .scroll-list .item-desc { margin-bottom: 30px; } }

@media screen and (max-width: 1219px) { .project-scroll .scroll-list .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 24px; max-height: 120px; } }

@media screen and (max-width: 991px) { .project-scroll .scroll-list .item-desc { line-height: 20px; max-height: 100px; margin-bottom: 15px; } }

@media screen and (max-width: 767px) { .project-scroll .scroll-list .item-desc { font-size: 12px; font-size: 1.2rem; } }

.project-scroll .scroll-list .item-btn { display: inline-block; min-width: 207px; line-height: 24px; border: solid 1px #666666; color: #666666; text-align: center; padding: 11px 10px 12px; font-size: 16px; font-size: 1.6rem; }

.project-scroll .scroll-list .item-btn:hover { background-color: #0068B6; border-color: #0068B6; color: #fff; }

@media screen and (max-width: 1419px) { .project-scroll .scroll-list .item-btn { min-width: 160px; padding: 8px; } }

@media screen and (max-width: 1219px) { .project-scroll .scroll-list .item-btn { min-width: 140px; line-height: 20px; } }

@media screen and (max-width: 991px) { .project-scroll .scroll-list .item-btn { padding: 5px; font-size: 14px; font-size: 1.4rem; min-width: 120px; } }

@media screen and (max-width: 767px) { .project-scroll .scroll-list .item-btn { font-size: 12px; font-size: 1.2rem; min-width: 110px; } }

.index-news { background: url(../images/bg14.png) no-repeat right top; background-size: auto 100%; padding: 116px 0 77px; }

@media screen and (max-width: 1219px) { .index-news { padding: 70px 0; } }

@media screen and (max-width: 991px) { .index-news { padding: 50px 0; } }

@media screen and (max-width: 767px) { .index-news { padding: 30px 0; } }

.index-news .index-item { margin-bottom: 28px; }

@media screen and (max-width: 767px) { .index-news .index-item { margin-bottom: 25px; } }

.index-news .item-pic { float: right; width: 47%; overflow: hidden; margin-left: 2.91667%; }

.index-news .item-pic img { display: block !important; width: 100%; }

@media screen and (max-width: 767px) { .index-news .item-pic { float: none; margin: 0 auto 20px; max-width: 564px; width: 100%; } }

.index-news .box-list { overflow: hidden; padding-top: 33px; }

@media screen and (max-width: 1219px) { .index-news .box-list { padding-top: 0; } }

.index-news .box-list .list-item { border-bottom: solid 1px #E4E4E4; padding-bottom: 25px; margin-bottom: 38px; }

.index-news .box-list .list-item:last-child { margin-bottom: 0; border-bottom: 0; padding-bottom: 0; }

@media screen and (max-width: 1219px) { .index-news .box-list .list-item { padding-bottom: 20px; margin-bottom: 20px; } }

@media screen and (max-width: 767px) { .index-news .box-list .list-item { padding-bottom: 15px; margin-bottom: 15px; } }

.index-news .box-list .item-date { margin-top: 8px; width: 124px; margin-right: 20px; text-align: center; float: left; font-size: 36px; font-size: 3.6rem; line-height: 1.2; font-weight: bold; }

.index-news .box-list .item-date span { display: block; font-size: 18px; font-size: 1.8rem; margin-top: 9px; font-weight: normal; }

@media screen and (max-width: 1219px) { .index-news .box-list .item-date { width: 100px; margin-right: 10px; font-size: 30px; font-size: 3rem; }
  .index-news .box-list .item-date span { margin-top: 0; font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 991px) { .index-news .box-list .item-date { width: 90px; margin-right: 5px; font-size: 24px; font-size: 2.4rem; }
  .index-news .box-list .item-date span { margin-top: 0; font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .index-news .box-list .item-date { width: 80px; margin-right: 5px; font-size: 20px; font-size: 2rem; }
  .index-news .box-list .item-date span { margin-top: 0; font-size: 12px; font-size: 1.2rem; } }

.index-news .box-list .item-body { overflow: hidden; }

.index-news .box-list .item-title { font-size: 18px; font-size: 1.8rem; line-height: 24px; margin-bottom: 23px; }

@media screen and (max-width: 1219px) { .index-news .box-list .item-title { margin-bottom: 10px; } }

@media screen and (max-width: 991px) { .index-news .box-list .item-title { font-size: 16px; font-size: 1.6rem; line-height: 20px; } }

@media screen and (max-width: 767px) { .index-news .box-list .item-title { font-size: 14px; font-size: 1.4rem; margin-bottom: 5px; } }

.index-news .box-list .item-desc { font-size: 16px; font-size: 1.6rem; line-height: 30px; height: 60px; }

.index-news .box-list .item-desc, .index-news .box-list .item-desc a { color: #656565; }

@media screen and (max-width: 991px) { .index-news .box-list .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 20px; height: 40px; } }

@media screen and (max-width: 767px) { .index-news .box-list .item-desc { font-size: 12px; font-size: 1.2rem; } }

/*-------------index end-------------------------------------------------------------------*/
.page_wrap { padding: 40px 0 100px; }

@media screen and (max-width: 1219px) { .page_wrap { padding-bottom: 70px; } }

@media screen and (max-width: 991px) { .page_wrap { padding: 40px 0 50px; } }

@media screen and (max-width: 767px) { .page_wrap { padding: 30px 0; } }

/*-------------1-1-products start----------------------------------------------------------*/
.main .box-main { width: 75.25%; margin-left: 3.08333%; }

@media screen and (max-width: 1219px) { .main .box-main { width: 73.33333%; margin-left: 2.5%; } }

@media screen and (max-width: 991px) { .main .box-main { width: 100%; margin: 0 auto 50px; float: none; } }

@media screen and (max-width: 767px) { .main .box-main { margin-bottom: 30px; } }

.main .box-slide { overflow: hidden; }

/* slide-title */
.slide-title { font-size: 24px; font-size: 2.4rem; font-weight: bold; text-transform: uppercase; color: #FFFFFF; margin-bottom: 8px; background-color: #0068B6; text-align: center; position: relative; }

.slide-title a, .slide-title i { color: #FFFFFF; display: block; line-height: 28px; padding: 10px 10px 7px; font-style: normal; }

.slide-title a:hover { background-color: #000; }

.slide-title.slide-title2 { display: none; }

@media screen and (max-width: 767px) { .slide-title { font-size: 20px; font-size: 2rem; }
  .slide-title a, .slide-title i { line-height: 26px; padding: 7px; }
  .slide-title.slide-title1 { display: none; }
  .slide-title.slide-title2 { display: block; } }

/* proslide start */
.proslide .slide-list > li > a { margin-bottom: 8px; display: block; width: 100%; line-height: 20px; padding: 10px 5px 10px 47px; font-size: 16px; font-size: 1.6rem; background-color: #FAFAFA; border: solid 1px #D2D2D2; position: relative; }

@media screen and (max-width: 767px) { .proslide .slide-list > li > a { font-size: 16px; font-size: 1.6rem; } }

.proslide .slide-list > li > a:after { position: absolute; content: ''; top: 0; bottom: 0; left: 39px; width: 1px; background-color: #D2D2D2; }

.proslide .slide-list > li > a:before { position: absolute; content: '\e60a'; width: 39px; left: 0; font-family: "iconfont" !important; font-size: 12px; font-size: 1.2rem; font-weight: bolder; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #707070; text-align: center; top: 50%; margin-top: -10px; }

.proslide .slide-list > li.active > a, .proslide .slide-list > li > a:hover { background: #0068B6; color: #FFFFFF; }

.proslide .slide-list > li.active > a:before, .proslide .slide-list > li > a:hover:before { color: #fff; content: '\e609'; }

.proslide .slide-yiji { padding: 6px 0 7px; border: solid 1px #d2d2d2; margin-bottom: 6px; }

.proslide .slide-yiji > li > a { font-size: 14px; font-size: 1.4rem; color: #666; padding: 4px 5px 3px 47px; line-height: 20px; display: block; }

@media screen and (max-width: 767px) { .proslide .slide-yiji > li > a { font-size: 14px; font-size: 1.4rem; padding-top: 5px; padding-bottom: 5px; } }

.proslide .slide-yiji > li:hover > a, .proslide .slide-yiji > li.active > a { color: #0068B6; }

.proslide .slide-erji { padding: 5px 0; }

.proslide .slide-erji > li > a { display: block; padding: 0 5px 0 75px; line-height: 20px; font-size: 12px; font-size: 1.2rem; color: #666; }

@media screen and (max-width: 767px) { .proslide .slide-erji > li > a { font-size: 14px; font-size: 1.4rem; padding-top: 5px; padding-bottom: 5px; } }

.proslide .slide-erji > li:hover > a, .proslide .slide-erji > li.active > a { color: #0068B6; }

/* proslide end */
/* pronews-slide start */
.pronews-slide { margin-top: 18px; }

.pronews-slide .box-list { margin-top: 20px; background-color: #FAFAFA; border: solid 1px #CCCCCC; }

.pronews-slide .box-list li { width: 100%; border-top: solid 1px #CCCCCC; padding: 23px 15px 18px 20px; }

.pronews-slide .box-list li:first-child { border: 0; }

@media screen and (max-width: 1219px) { .pronews-slide .box-list li { padding: 15px; } }

@media screen and (max-width: 767px) { .pronews-slide .box-list li { padding: 10px; } }

.pronews-slide .box-list .item-title { font-size: 16px; font-size: 1.6rem; line-height: 24px; }

.pronews-slide .box-list .item-title .iconfont { color: #0068B6; font-size: 22px; font-size: 2.2rem; vertical-align: bottom; margin-right: 5px; }

@media screen and (max-width: 1219px) { .pronews-slide .box-list .item-title { font-size: 14px; font-size: 1.4rem; } }

.pronews-slide .box-list .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 30px; max-height: 60px; margin-top: 7px; }

@media screen and (max-width: 1219px) { .pronews-slide .box-list .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 24px; max-height: 48px; } }

@media screen and (max-width: 767px) { .pronews-slide .box-list .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; max-height: 40px; } }

/* pronews-slide end */
/* slide-tags start */
.slide-tags { margin-top: 33px; }

@media screen and (max-width: 767px) { .slide-tags { margin-top: 20px; } }

.slide-tags .item-desc { margin-top: 21px; border: solid 1px #CCCCCC; background-color: #eee; padding: 22px 15px 32px; font-size: 16px; font-size: 1.6rem; line-height: 30px; word-break: break-word; }

.slide-tags .item-desc a:hover { color: #0068B6; }

@media screen and (max-width: 1219px) { .slide-tags .item-desc { padding: 15px 10px; font-size: 14px; font-size: 1.4rem; line-height: 24px; } }

/* slide-tags end */
.pro1-top .item-title { font-size: 20px; font-size: 2rem; padding-left: 45px; background: url(../images/bg8.png) no-repeat left top; min-height: 34px; line-height: 24px; padding-top: 5px; margin-bottom: 26px; color: #0068B6; }

@media screen and (max-width: 1219px) { .pro1-top .item-title { margin-bottom: 15px; } }

@media screen and (max-width: 767px) { .pro1-top .item-title { margin-bottom: 10px; font-size: 18px; font-size: 1.8rem; line-height: 22px; padding-left: 35px; background-size: 25px; padding-top: 3px; min-height: 30px; } }

@media screen and (max-width: 640px) { .pro1-top .item-title { font-size: 16px; font-size: 1.6rem; background-size: 21px; padding-left: 30px; min-height: 28px; padding-top: 1px; } }

.pro1-top .item-desc { background-color: #0068B6; background-color: rgba(0, 104, 182, 0.1); font-size: 14px; font-size: 1.4rem; line-height: 30px; padding: 9px 20px 11px; margin-bottom: 50px; }

@media screen and (max-width: 1219px) { .pro1-top .item-desc { margin-bottom: 30px; line-height: 24px; padding: 10px 15px; } }

@media screen and (max-width: 767px) { .pro1-top .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; padding: 10px; } }

.pro1-list { font-size: 0; letter-spacing: 0; padding: 0 0 20px; }

@media screen and (max-width: 767px) { .pro1-list { padding: 0 0 10px; } }

.pro1-list .list-item { display: inline-block; vertical-align: top; width: 31.78295%; margin-left: 2.32558%; margin-bottom: 32px; text-align: center; }

@media screen and (max-width: 1219px) { .pro1-list .list-item { margin-bottom: 25px; } }

@media screen and (max-width: 480px) { .pro1-list .list-item { width: 48%; margin: 0 1% 20px !important; } }

.pro1-list .item-backdrop { background-color: #1468AF; background-color: rgba(20, 104, 175, 0.5); }

.pro1-list .item-backdrop .iconfont { display: block; position: absolute; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; top: 50%; left: 50%; margin: -15px 0 0 -15px; color: #0068B6; background-color: #fff; }

.pro1-list .item-backdrop .iconfont:after { position: absolute; content: ''; width: 36px; height: 36px; background-color: #fff; background-color: rgba(255, 255, 255, 0.2); left: 50%; margin-left: -18px; top: 50%; margin-top: -18px; border-radius: 50%; }

@media screen and (max-width: 991px) { .pro1-list .item-backdrop { display: none; } }

.pro1-list .item-pic { border: solid 1px #BFBFBF; }

.pro1-list .item-pic:hover { box-shadow: 0px 4px 10px 0px rgba(11, 36, 54, 0.27); }

.pro1-list .item-title { margin-top: 16px; font-size: 16px; font-size: 1.6rem; height: 60px; line-height: 30px; text-align: center; }

@media screen and (max-width: 1219px) { .pro1-list .item-title { margin-top: 10px; height: 48px; line-height: 24px; } }

@media screen and (max-width: 767px) { .pro1-list .item-title { margin-top: 5px; font-size: 14px; font-size: 1.4rem; line-height: 20px; height: 40px; } }

/*-------------1-1-products end------------------------------------------------------------*/
/*-------------1-2-products start----------------------------------------------------------*/
.pro2-box { margin-bottom: 51px; }

@media screen and (max-width: 1219px) { .pro2-box { margin-bottom: 40px; } }

@media screen and (max-width: 991px) { .pro2-box { margin-bottom: 35px; } }

@media screen and (max-width: 767px) { .pro2-box { margin-bottom: 25px; } }

.pro2-box .m-propic { margin: 0 auto; width: 562px; float: left; margin-right: 39px; }

@media screen and (max-width: 1419px) { .pro2-box .m-propic { margin-right: 30px; } }

.pro2-box .m-propic .pic-big { position: relative; float: left; width: 456px; }

.pro2-box .m-propic .big-img { display: block; line-height: 0; font-size: 0; border-radius: 0; border: 0 solid #e2e2e2; box-shadow: 0px 4px 10px 0px rgba(11, 36, 54, 0.27); }

.pro2-box .m-propic .big-img .zoomPad { float: none; z-index: 8; }

.pro2-box .m-propic .big-img .zoomPad img { border-radius: 0; }

.pro2-box .m-propic .zoomWrapperImage img { max-width: 1200px; }

.pro2-box .m-propic .pic-small { position: relative; float: right; width: 89px; padding: 30px 0; }

.pro2-box .m-propic .pic-btn { position: absolute; left: 0; width: 100%; text-align: center; width: 88px; height: 20px; background-color: #EEEEEE; line-height: 20px; text-align: center; }

.pro2-box .m-propic .pic-btn .iconfont { color: #ABA9A9; }

.pro2-box .m-propic .pic-btn:hover { background-color: #0068B6; }

.pro2-box .m-propic .pic-btn:hover .iconfont { color: #fff; }

.pro2-box .m-propic .pic-btn.prev { top: 0; }

.pro2-box .m-propic .pic-btn.next { bottom: 0; }

.pro2-box .m-propic .pic-list { height: 361px; overflow: hidden; }

.pro2-box .m-propic .pic-list ul { height: 2000px; }

.pro2-box .m-propic .pic-list .list-item { margin-bottom: 10px; overflow: visible; padding-left: 0; }

.pro2-box .m-propic .pic-list .item-pics { display: block; border-radius: 0; border: 1px solid #BFBFBF; position: relative; overflow: hidden; }

.pro2-box .m-propic .pic-list .item-pics img { width: 100%; display: block; }

.pro2-box .m-propic .pic-list .item-pics:hover, .pro2-box .m-propic .pic-list .item-pics.zoomThumbActive { border-color: #0068B6; }

.pro2-box .m-propic2 { display: none; }

@media screen and (max-width: 1219px) { .pro2-box { /*.m-propic .pic-small { width: 110px; } .m-propic .pic-list { height: 444px; } .m-propic .list-item { margin-bottom: 40px; } */ }
  .pro2-box .zoomPad { cursor: default !important; }
  .pro2-box .zoomPup { display: none !important; }
  .pro2-box .zoomWindow { display: none !important; }
  .pro2-box .zoomPreload { display: none !important; }
  .pro2-box .m-propic { max-width: 100%; float: none; margin: 0 auto 30px; }
  .pro2-box .m-propic .pic-big { height: auto; } }

@media screen and (max-width: 767px) { .pro2-box .m-propic1 { display: none; }
  .pro2-box .m-propic2 { position: relative; display: block; overflow: hidden; width: 100%; padding-left: 30px; padding-right: 30px; }
  .pro2-box .m-propic2 .box-btn { position: absolute; top: 50%; margin-top: -12px; display: block; width: 24px; height: 24px; }
  .pro2-box .m-propic2 .box-btn .iconfont { font-size: 24px; font-size: 2.4rem; color: #666; }
  .pro2-box .m-propic2 .box-btn .iconfont:hover { color: #0068B6; }
  .pro2-box .m-propic2 .box-btn.prev { left: 0; }
  .pro2-box .m-propic2 .box-btn.next { right: 0; }
  .pro2-box .m-propic2 .box-list { overflow: hidden; }
  .pro2-box .m-propic2 .box-list ul { width: 1000%; }
  .pro2-box .m-propic2 .list-item { float: left; margin-left: .1%; margin-right: .1%; margin-bottom: 0; width: 3.13%; border-radius: 0; border: 1px solid #BFBFBF; overflow: hidden; }
  .pro2-box .m-propic2 .list-item img { display: block; } }

@media only screen and (max-width: 767px) and (max-width: 640px) { .pro2-box .m-propic2 .list-item { width: 4.8%; } }

@media only screen and (max-width: 767px) and (max-width: 480px) { .pro2-box .m-propic2 .list-item { width: 9.8%; } }

/* pro-info */
.pro2-info { overflow: hidden; }

.pro2-info .item-title { font-size: 18px; font-size: 1.8rem; line-height: 24px; border-bottom: solid 1px #CCCCCC; color: #0068B6; margin-bottom: 24px; margin-top: -2px; padding-bottom: 15px; }

@media screen and (max-width: 1219px) { .pro2-info .item-title { margin-top: 0; margin-bottom: 18px; padding-bottom: 10px; } }

@media screen and (max-width: 480px) { .pro2-info .item-title { font-size: 16px; font-size: 1.6rem; line-height: 20px; } }

.pro2-info .item-desc { padding-bottom: 20px; min-height: 242px; font-size: 16px; font-size: 1.6rem; line-height: 30px; }

.pro2-info .item-desc p { min-height: 30px; }

.pro2-info .item-desc img, .pro2-info .item-desc iframe { max-width: 100%; }

.pro2-info .item-desc strong { font-weight: normal; font-weight: bold; }

@media screen and (max-width: 1219px) { .pro2-info .item-desc { height: auto; min-height: auto; 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; } }

.pro2-info .pro-share { margin-bottom: 58px; }

.pro2-info .pro-share .share-title { display: none; }

@media screen and (max-width: 1219px) { .pro2-info .pro-share { margin-bottom: 30px; } }

.pro2-info .item-btns { font-size: 0; letter-spacing: 0; }

.pro2-info .item-btn { display: inline-block; vertical-align: middle; min-width: 141px; line-height: 33px; background-color: #D0D0D0; color: #333; text-align: center; font-size: 16px; font-size: 1.6rem; font-weight: bold; }

.pro2-info .item-btn:first-child { margin-right: 20px; }

.pro2-info .item-btn:hover { background-color: #0068B6; border-color: #0068B6; color: #fff; }

@media screen and (max-width: 1219px) { .pro2-info .item-btn { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .pro2-info .item-btn { line-height: 30px; min-width: 130px; font-size: 12px; font-size: 1.2rem; } }

.pro2-title { padding-right: 42px; }

.pro2-title span { display: inline-block; min-width: 250px; background-color: #0068B6; color: #fff; text-align: center; font-size: 20px; font-size: 2rem; line-height: 24px; padding: 13px 5px; font-weight: bold; position: relative; }

.pro2-title span:before { position: absolute; content: ''; right: -42px; top: 0; bottom: 0; width: 30px;}

@media screen and (max-width: 991px) { .pro2-title span { font-size: 18px; font-size: 1.8rem; min-width: 220px; padding: 10px 5px; } }

@media screen and (max-width: 767px) { .pro2-title span { font-size: 16px; font-size: 1.6rem; min-width: 200px; padding: 5px; }
  .pro2-title span:before { background-size: 20px; } }

.pro2-body { padding: 29px 0 33px; font-size: 14px; font-size: 1.4rem; line-height: 30px; }

.pro2-body p { min-height: 30px;font-size: 14px; }

.pro2-body, .pro2-body a { color: #333; }

.pro2-body img, .pro2-body iframe { max-width: 100%; }

.pro2-body strong { font-weight: normal; font-weight: bold; font-size: 20px; font-size: 2rem; }

.pro2-body em { display: inline-block; font-style: normal; padding-left: 19px; background: url(../images/bg9.png) no-repeat left 10px; }

@media screen and (max-width: 1219px) { .pro2-body { line-height: 24px; }
  .pro2-body p { min-height: 24px; }
  .pro2-body strong { font-size: 18px; font-size: 1.8rem; }
  .pro2-body em { background-position-y: 7px; } }

@media screen and (max-width: 991px) { .pro2-body { line-height: 22px; }
  .pro2-body strong { font-size: 16px; font-size: 1.6rem; }
  .pro2-body p { min-height: 22px; }
  .pro2-body em { background-position-y: 6px; } }

@media screen and (max-width: 767px) { .pro2-body { padding: 20px 0; font-size: 12px; font-size: 1.2rem; line-height: 20px; }
  .pro2-body strong { font-size: 14px; font-size: 1.4rem; }
  .pro2-body p { min-height: 20px; }
  .pro2-body em { background-position-y: 5px; padding-left: 12px; } }

.pro2-body .title { font-size: 16px; font-size: 1.6rem; color: #0068B6; font-weight: bold; }

@media screen and (max-width: 991px) { .pro2-body .title { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .pro2-body .title { font-size: 12px; font-size: 1.2rem; } }

.pro2-body .box-list { font-size: 0; letter-spacing: 0; }

.pro2-body .box-list .list-item { display: inline-block; vertical-align: top; border: solid 1px #0068B6; margin-right: 18px; margin-bottom: 10px; font-size: 14px; font-size: 1.4rem; line-height: 20px; padding: 21px 25px; text-align: center; }

.pro2-body .box-list .list-item p { min-height: auto; }

@media screen and (max-width: 991px) { .pro2-body .box-list .list-item { padding: 10px; margin-right: 10px; } }

@media screen and (max-width: 767px) { .pro2-body .box-list .list-item { font-size: 12px; font-size: 1.2rem; padding: 5px; line-height: 16px; margin: 0 5px 5px 0; } }

.pro2-body .box-list1 { font-size: 0; letter-spacing: 0; max-width: 937px; }

.pro2-body .box-list1 .list-item { display: inline-block; vertical-align: top; border: solid 1px #0068B6; width: 23.47919%; margin-left: 2.02775%; margin-bottom: 10px; font-size: 14px; font-size: 1.4rem; line-height: 20px; padding: 21px 2px; text-align: center; }

.pro2-body .box-list1 .list-item p { min-height: auto; }

@media screen and (max-width: 991px) { .pro2-body .box-list1 .list-item { padding: 10px 5px; } }

@media screen and (max-width: 767px) { .pro2-body .box-list1 .list-item { padding: 5px; font-size: 12px; font-size: 1.2rem; line-height: 16px; } }

@media screen and (max-width: 640px) { .pro2-body .box-list1 .list-item { width: auto; margin: 0 5px 5px 0 !important; } }

.pro2-tags { margin-bottom: 40px; background-color: #0068B6; background-color: rgba(0, 104, 182, 0.1); font-size: 16px; font-size: 1.6rem; line-height: 30px; padding: 20px; }

.pro2-tags a:hover { color: #0068B6; }

@media screen and (max-width: 1219px) { .pro2-tags { font-size: 14px; font-size: 1.4rem; line-height: 24px; padding: 15px; } }

@media screen and (max-width: 767px) { .pro2-tags { margin-bottom: 25px; font-size: 12px; font-size: 1.2rem; line-height: 20px; padding: 10px; } }

.back-btn { margin-bottom: 37px; min-width: 200px; display: inline-block; line-height: 30px; padding: 10px 10px 8px; background-color: #0068B6; color: #fff; text-align: center; font-size: 18px; font-size: 1.8rem; font-weight: bold; }

.back-btn .iconfont { font-size: 24px; font-size: 2.4rem; margin-left: 18px; vertical-align: middle; }

.back-btn:hover { background-color: #000; }

@media screen and (max-width: 991px) { .back-btn { min-width: 160px; line-height: 20px; padding: 10px 15px; font-size: 16px; font-size: 1.6rem; }
  .back-btn .iconfont { margin-left: 5px; font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 767px) { .back-btn { margin-bottom: 25px; min-width: 120px; line-height: 20px; padding: 8px 15px; font-size: 14px; font-size: 1.4rem; }
  .back-btn .iconfont { margin-left: 5px; font-size: 16px; font-size: 1.6rem; } }

.related-box .box-title { margin-bottom: 44px; font-size: 22px; font-size: 2.2rem; line-height: 1; text-transform: uppercase; font-weight: bold; position: relative; }

.related-box .box-title, .related-box .box-title a { color: #0068B6; }

.related-box .box-title a:hover { color: #000; }

.related-box .box-title span, .related-box .box-title a { background-color: #fff; position: relative; padding-right: 10px; display: inline-block; }

.related-box .box-title:before { position: absolute; content: ''; width: 100%; right: 0; height: 1px; background-color: #D2D2D2; top: 50%; }

@media screen and (max-width: 1219px) { .related-box .box-title { margin-bottom: 35px; } }

@media screen and (max-width: 991px) { .related-box .box-title { margin-bottom: 25px; } }

@media screen and (max-width: 767px) { .related-box .box-title { font-size: 20px; font-size: 2rem; margin-bottom: 20px; } }

.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: 0; }

.related-box .related-scroll .scroll-list .list-item { float: left; width: 0.23917%; margin-right: 0.01444%; text-align: center; }

@media screen and (max-width: 991px) { .related-box .related-scroll .scroll-list .list-item { width: 0.32%; 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-backdrop { background-color: #1468AF; background-color: rgba(20, 104, 175, 0.5); }

.related-box .related-scroll .scroll-list .item-backdrop .iconfont { display: block; position: absolute; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; top: 50%; left: 50%; margin: -15px 0 0 -15px; color: #0068B6; background-color: #fff; }

.related-box .related-scroll .scroll-list .item-backdrop .iconfont:after { position: absolute; content: ''; width: 36px; height: 36px; background-color: #fff; background-color: rgba(255, 255, 255, 0.2); left: 50%; margin-left: -18px; top: 50%; margin-top: -18px; border-radius: 50%; }

@media screen and (max-width: 991px) { .related-box .related-scroll .scroll-list .item-backdrop { display: none; } }

.related-box .related-scroll .scroll-list .item-pic { border: solid 1px #BFBFBF; }

.related-box .related-scroll .scroll-list .item-title { margin-top: 16px; font-size: 16px; font-size: 1.6rem; height: 60px; line-height: 30px; text-align: center; }

@media screen and (max-width: 1219px) { .related-box .related-scroll .scroll-list .item-title { margin-top: 10px; height: 48px; line-height: 24px; } }

@media screen and (max-width: 767px) { .related-box .related-scroll .scroll-list .item-title { margin-top: 5px; font-size: 14px; font-size: 1.4rem; line-height: 20px; height: 40px; } }

/*-------------1-2-products end------------------------------------------------------------*/
/*-------------2-1-case start--------------------------------------------------------------*/
.case-slide .slide-list > li > a { padding: 10px 5px 10px 9px; }

.case-slide .slide-list > li > a:after { display: none; }

.case-slide .slide-list > li > a:before { display: none; }

.case1-item { margin-bottom: 60px; }

@media screen and (max-width: 1219px) { .case1-item { margin-bottom: 50px; } }

@media screen and (max-width: 991px) { .case1-item { margin-bottom: 40px; } }

@media screen and (max-width: 767px) { .case1-item { margin-bottom: 30px; } }

.case1-item .item-pic { float: left; width: 58.69324%; margin-right: 3.87597%; }

@media screen and (max-width: 1219px) { .case1-item .item-pic { width: 49.83389%; margin-right: 2.21484%; } }

@media screen and (max-width: 767px) { .case1-item .item-pic { width: 250px; } }

@media screen and (max-width: 640px) { .case1-item .item-pic { width: 180px; } }

@media screen and (max-width: 400px) { .case1-item .item-pic { float: none; margin: 0 auto 15px; max-width: 400px; width: 100%; } }

.case1-item .item-body { overflow: hidden; text-align: center; }

@media screen and (max-width: 1219px) { .case1-item .item-body { text-align: left; } }

.case1-item .item-title { margin-top: 8px; margin-bottom: 33px; text-align: left; font-size: 24px; font-size: 2.4rem; font-weight: bold; line-height: 40px; height: 80px; }

.case1-item .item-title, .case1-item .item-title a { color: #0068B6; }

.case1-item .item-title a:hover { color: #000 !important; }

@media screen and (max-width: 1219px) { .case1-item .item-title { font-size: 20px; font-size: 2rem; line-height: 26px; height: 52px; margin: 0 0 20px; } }

@media screen and (max-width: 767px) { .case1-item .item-title { font-size: 18px; font-size: 1.8rem; line-height: 24px; height: auto; margin-bottom: 10px; }
  .case1-item .item-title a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } }

@media screen and (max-width: 640px) { .case1-item .item-title { font-size: 14px; font-size: 1.4rem; line-height: 20px; } }

.case1-item .item-desc { text-align: left; font-size: 16px; font-size: 1.6rem; line-height: 30px; height: 120px; margin-bottom: 72px; }

.case1-item .item-desc, .case1-item .item-desc a { color: #333; }

@media screen and (max-width: 1219px) { .case1-item .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 24px; height: 96px; margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .case1-item .item-desc { line-height: 20px; height: 80px; margin-bottom: 20px; } }

@media screen and (max-width: 640px) { .case1-item .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 16px; height: 48px; margin-bottom: 15px; } }

.case1-item .item-btn { text-align: center; display: inline-block; min-width: 182px; line-height: 24px; padding: 13px 10px 12px; background-color: #0068B6; color: #fff; font-size: 16px; font-size: 1.6rem; }

.case1-item .item-btn:hover { background-color: #000; }

@media screen and (max-width: 1219px) { .case1-item .item-btn { min-width: 160px; padding: 8px; } }

@media screen and (max-width: 767px) { .case1-item .item-btn { min-width: 140px; font-size: 14px; font-size: 1.4rem; line-height: 20px; } }

@media screen and (max-width: 640px) { .case1-item .item-btn { font-size: 12px; font-size: 1.2rem; min-width: 110px; padding: 5px; } }

.case1-list { font-size: 0; letter-spacing: 0; padding: 0 0 10px; }

.case1-list .list-item { display: inline-block; vertical-align: top; width: 32.00443%; margin-left: 1.99336%; margin-bottom: 35px; text-align: center; }

@media screen and (max-width: 767px) { .case1-list .list-item { margin-bottom: 25px; } }

@media screen and (max-width: 480px) { .case1-list .list-item { width: 48%; margin: 0 1% 20px !important; } }

.case1-list .item-backdrop { background-color: #1468AF; background-color: rgba(20, 104, 175, 0.5); }

.case1-list .item-backdrop .iconfont { display: block; position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -12px; color: #fff; font-size: 23px; font-size: 2.3rem; }

@media screen and (max-width: 991px) { .case1-list .item-backdrop { display: none; } }

.case1-list .item-title { margin-top: 8px; font-size: 16px; font-size: 1.6rem; line-height: 24px; text-align: center; }

@media screen and (max-width: 767px) { .case1-list .item-title { margin-top: 5px; font-size: 14px; font-size: 1.4rem; line-height: 20px; } }

/*-------------2-1-case end----------------------------------------------------------------*/
/*-------------2-2-case start--------------------------------------------------------------*/
.case2-main > .item-title { font-size: 22px; font-size: 2.2rem; line-height: 1.2; text-align: center; margin-bottom: 42px; color: #0068B6; }

@media screen and (max-width: 991px) { .case2-main > .item-title { font-size: 18px; font-size: 1.8rem; margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .case2-main > .item-title { margin-bottom: 20px; font-size: 18px; font-size: 1.8rem; } }

.case2-main .item-body { margin-bottom: 34px; font-size: 16px; font-size: 1.6rem; line-height: 30px; }

.case2-main .item-body p { min-height: 30px; }

.case2-main .item-body, .case2-main .item-body a { color: #333; }

.case2-main .item-body img, .case2-main .item-body iframe { max-width: 100%; }

@media screen and (max-width: 1219px) { .case2-main .item-body { line-height: 26px; }
  .case2-main .item-body p { min-height: 26px; } }

@media screen and (max-width: 991px) { .case2-main .item-body { font-size: 14px; font-size: 1.4rem; line-height: 24px; }
  .case2-main .item-body p { min-height: 24px; } }

@media screen and (max-width: 767px) { .case2-main .item-body { margin-bottom: 25px; font-size: 12px; font-size: 1.2rem; line-height: 20px; }
  .case2-main .item-body p { min-height: 20px; } }

/*-------------2-2-case end----------------------------------------------------------------*/
/*-------------3-1-support start-----------------------------------------------------------*/
.support1-main .box-title { font-size: 20px; font-size: 2rem; color: #0068B6; line-height: 1.2; text-align: center; border-bottom: solid 1px #D1D5D3; position: relative; max-width: 870px; margin: 0 auto 30px; padding-bottom: 3px; }

.support1-main .box-title:before { position: absolute; content: ''; left: 0; right: 0; height: 3px; background-color: #F5F3F3; bottom: -4px; }

@media screen and (max-width: 767px) { .support1-main .box-title { font-size: 18px; font-size: 1.8rem; margin-bottom: 20px; } }

.support1-main .box-list { padding-bottom: 30px; }

@media screen and (max-width: 991px) { .support1-main .box-list { padding-bottom: 20px; } }

@media screen and (max-width: 767px) { .support1-main .box-list { padding-bottom: 10px; } }

.support1-main .box-list .list-item { background-color: #F3F1F1; margin-bottom: 33px; padding: 23px 21px 27px; text-align: center; }

@media screen and (max-width: 991px) { .support1-main .box-list .list-item { margin-bottom: 30px; padding: 20px 15px; } }

@media screen and (max-width: 767px) { .support1-main .box-list .list-item { padding: 15px; } }

.support1-main .box-list .item-body { float: left; width: 100%; padding-right: 220px; text-align: left; }

@media screen and (max-width: 991px) { .support1-main .box-list .item-body { padding-right: 160px; } }

@media screen and (max-width: 767px) { .support1-main .box-list .item-body { float: none; padding-right: 0; } }

.support1-main .box-list .item-title { font-size: 16px; font-size: 1.6rem; line-height: 24px; margin-bottom: 14px; }

@media screen and (max-width: 991px) { .support1-main .box-list .item-title { margin-bottom: 10px; } }

@media screen and (max-width: 767px) { .support1-main .box-list .item-title { font-size: 14px; font-size: 1.4rem; margin-bottom: 5px; } }

.support1-main .box-list .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 22px; }

.support1-main .box-list .item-desc, .support1-main .box-list .item-desc a { color: #656565; }

@media screen and (max-width: 767px) { .support1-main .box-list .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; } }

.support1-main .box-list .item-btn { float: left; display: inline-block; margin-left: -172px; margin-top: 11px; min-width: 140px; line-height: 20px; padding: 10px; background-color: #0068B6; color: #fff; text-align: center; border-radius: 5px; }

.support1-main .box-list .item-btn:hover { background-color: #000; }

@media screen and (max-width: 1219px) { .support1-main .box-list .item-btn { margin-left: -140px; } }

@media screen and (max-width: 991px) { .support1-main .box-list .item-btn { padding: 8px; min-width: 120px; margin-left: -120px; } }

@media screen and (max-width: 767px) { .support1-main .box-list .item-btn { float: none; margin: 15px auto 0; padding: 5px; font-size: 12px; font-size: 1.2rem; line-height: 20px; min-width: 100px; } }

/*-------------3-1-support end-------------------------------------------------------------*/
/*-------------4-contact start-------------------------------------------------------------*/
.contact-main { background: url(../images/bg10.png) no-repeat center top; margin-top: -40px; padding-top: 40px; }

@media screen and (max-width: 1219px) { .contact-main { background-size: contain; background-position: center top; margin-top: 0; padding-top: 0; } }

.contact-info { font-size: 0; letter-spacing: 0; margin-bottom: 107px; }

@media screen and (max-width: 1219px) { .contact-info { margin-bottom: 70px; } }

@media screen and (max-width: 991px) { .contact-info { margin-bottom: 50px; } }

@media screen and (max-width: 767px) { .contact-info { margin-bottom: 30px; } }

.contact-info .list-item { display: inline-block; vertical-align: top; width: 31%; margin-left: 2.22222%; margin-top: 20px; text-align: center; }

.contact-info .list-item .item-icon { border-radius: 50%; border: solid 1px #0068B6; width: 79px; height: 79px; padding: 9px; margin: 0 auto; }

.contact-info .list-item .item-icon .iconfont { display: block; width: 59px; height: 59px; border-radius: 50%; background-color: #0068B6; color: #fff; line-height: 59px; font-size: 29px; font-size: 2.9rem; }

.contact-info .list-item .item-title { margin-top: 18px; font-size: 18px; font-size: 1.8rem; line-height: 24px; color: #0068B6; }

.contact-info .list-item .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 22px; margin-top: 9px; }

.contact-info .list-item .item-desc, .contact-info .list-item .item-desc a { color: #333; }

.contact-info .list-item .item-desc a:hover { color: #0068B6; }

@media screen and (max-width: 991px) { .contact-info .list-item { width: 23%; margin-left: 2%; } }

@media screen and (max-width: 767px) { .contact-info .list-item .item-title { font-size: 14px; font-size: 1.4rem; margin-top: 10px; }
  .contact-info .list-item .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; margin-top: 5px; }
  .contact-info .list-item .item-icon { width: 60px; height: 60px; padding: 5px; }
  .contact-info .list-item .item-icon .iconfont { width: 48px; height: 48px; line-height: 48px; font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 640px) { .contact-info .list-item { width: 48%; margin: 20px 1% 0 !important; } }

.contact-form .item-title { font-size: 30px; font-size: 3rem; line-height: 1.33; }

@media screen and (max-width: 1219px) { .contact-form .item-title { font-size: 26px; font-size: 2.6rem; } }

@media screen and (max-width: 991px) { .contact-form .item-title { font-size: 22px; font-size: 2.2rem; } }

@media screen and (max-width: 767px) { .contact-form .item-title { font-size: 18px; font-size: 1.8rem; } }

.contact-form .item-desc { font-size: 16px; font-size: 1.6rem; line-height: 24px; margin: 15px auto 51px; }

.contact-form .item-desc, .contact-form .item-desc a { color: #333; }

@media screen and (max-width: 1219px) { .contact-form .item-desc { margin: 10px 0 30px; } }

@media screen and (max-width: 991px) { .contact-form .item-desc { font-size: 14px; font-size: 1.4rem; margin-bottom: 20px; } }

@media screen and (max-width: 767px) { .contact-form .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; margin-bottom: 10px; } }

.contact-form .box-form { float: left; width: 615px; margin-right: 61px; }

.contact-form .box-form .item-title { margin-bottom: 37px; }

@media screen and (max-width: 1219px) { .contact-form .box-form { width: 480px; margin-right: 20px; } }

@media screen and (max-width: 991px) { .contact-form .box-form { width: 350px; }
  .contact-form .box-form .item-title { margin-bottom: 20px; } }

@media screen and (max-width: 767px) { .contact-form .box-form { width: 100%; margin: 0 auto 20px; max-width: 614px; float: none; } }

.contact-form .box-form .star { background: url(../images/star.png) no-repeat left 22px; }

@media screen and (max-width: 991px) { .contact-form .box-form .star { background-position-y: 15px; } }

.contact-form .box-form .iconfont { position: absolute; color: #0068B6; top: 0; width: 45px; padding-left: 3px; text-align: center; line-height: 50px; font-size: 20px; font-size: 2rem; }

.contact-form .box-form .iconfont.icon-xie { font-size: 22px; font-size: 2.2rem; }

@media screen and (max-width: 991px) { .contact-form .box-form .iconfont { width: 40px; line-height: 36px; font-size: 18px; font-size: 1.8rem; }
  .contact-form .box-form .iconfont.icon-xie { font-size: 20px; font-size: 2rem; } }

.contact-form .box-form .item-input { padding-bottom: 19px; position: relative; }

@media screen and (max-width: 1219px) { .contact-form .box-form .item-input { padding-bottom: 10px; } }

.contact-form .box-form .item-input1 { position: relative; padding-bottom: 22px; }

.contact-form .box-form .item-input1.star { background-position-y: 9px; }

.contact-form .box-form .item-input1 .iconfont { line-height: 24px; }

@media screen and (max-width: 1219px) { .contact-form .box-form .item-input1 { padding-bottom: 10px; } }

.contact-form .box-form input, .contact-form .box-form textarea { display: block; width: 100%; display: block; color: #4D4D4D; border-bottom: solid 1px #C9C9C9; background-color: transparent; font-size: 16px; font-size: 1.6rem; }

@media screen and (max-width: 991px) { .contact-form .box-form input, .contact-form .box-form textarea { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .contact-form .box-form input, .contact-form .box-form textarea { font-size: 12px; font-size: 1.2rem; } }

.contact-form .box-form input { height: 50px; line-height: 50px; padding: 0 10px 0 45px; }

@media screen and (max-width: 991px) { .contact-form .box-form input { height: 36px; line-height: 36px; padding-left: 40px; } }

.contact-form .box-form textarea { height: 108px; padding: 1px 10px 1px 45px; line-height: 24px; margin-top: 12px; margin-bottom: 7px; }

@media screen and (max-width: 1219px) { .contact-form .box-form textarea { margin-top: 5px; margin-bottom: 0; } }

@media screen and (max-width: 991px) { .contact-form .box-form textarea { padding-left: 40px; height: 80px; } }

@media screen and (max-width: 767px) { .contact-form .box-form textarea { margin-top: 0; height: 100px; } }

.contact-form .box-form .item-code { float: left; width: 262px; margin-right: 29px; }

.contact-form .box-form .item-code input { padding-left: 16px; }

@media screen and (max-width: 991px) { .contact-form .box-form .item-code { width: 233px; margin-right: 10px; } }

@media screen and (max-width: 767px) { .contact-form .box-form .item-code { width: -webkit-calc(100% - 115px); width: -moz-calc(100% - 115px); width: calc(100% - 115px); margin-right: 0; } }

.contact-form .box-form .item-img { float: left; cursor: pointer; line-height: 50px; }

.contact-form .box-form .item-img img { vertical-align: middle; max-height: 50px; }

@media screen and (max-width: 991px) { .contact-form .box-form .item-img { line-height: 36px; }
  .contact-form .box-form .item-img img { max-height: 36px; } }

@media screen and (max-width: 767px) { .contact-form .box-form .item-img { float: right; } }

.contact-form .box-form .item-btn { width: 184px; margin-top: 21px; }

@media screen and (max-width: 991px) { .contact-form .box-form .item-btn { margin-top: 10px; } }

@media screen and (max-width: 767px) { .contact-form .box-form .item-btn { width: 100%; } }

.contact-form .box-form .item-btn input { border-color: #0068B6; background-color: #0068B6; color: #fff; font-size: 18px; font-size: 1.8rem; padding: 0; text-transform: uppercase; }

.contact-form .box-form .item-btn input:hover { background-color: #000; border-color: #000; }

@media screen and (max-width: 991px) { .contact-form .box-form .item-btn input { font-size: 16px; font-size: 1.6rem; height: 36px; line-height: 36px; } }

@media screen and (max-width: 767px) { .contact-form .box-form .item-btn input { font-size: 14px; font-size: 1.4rem; } }

.map { overflow: hidden; margin-top: 8px; }

@media screen and (max-width: 767px) { .map { max-width: 614px; margin: 0 auto; } }

.map img { display: block; margin: 0 auto; }

/*-------------4-contact end---------------------------------------------------------------*/
/*-------------5-1-news start--------------------------------------------------------------*/
.news1-item { margin-bottom: 60px; }

@media screen and (max-width: 1219px) { .news1-item { margin-bottom: 40px; } }

@media screen and (max-width: 991px) { .news1-item { margin-bottom: 35px; } }

@media screen and (max-width: 767px) { .news1-item { margin-bottom: 25px; } }

.news1-item .item-pic { float: right; width: 47%; overflow: hidden; margin-left: 2.91667%; }

.news1-item .item-pic img { display: block !important; width: 100%; }

@media screen and (max-width: 767px) { .news1-item .item-pic { float: none; margin: 0 auto 20px; max-width: 564px; width: 100%; } }

.news1-item .box-list { overflow: hidden; padding-top: 92px; }

@media screen and (max-width: 1219px) { .news1-item .box-list { padding-top: 65px; } }

@media screen and (max-width: 991px) { .news1-item .box-list { padding-top: 50px; } }

@media screen and (max-width: 767px) { .news1-item .box-list { padding-top: 0; } }

.news1-item .box-list .item-date { margin-top: 8px; margin-right: 43px; text-align: center; float: left; font-size: 36px; font-size: 3.6rem; line-height: 1.2; font-weight: bold; color: #0068B6; }

.news1-item .box-list .item-date span { display: block; font-size: 18px; font-size: 1.8rem; margin-top: 9px; font-weight: normal; }

@media screen and (max-width: 1219px) { .news1-item .box-list .item-date { margin-right: 15px; font-size: 30px; font-size: 3rem; }
  .news1-item .box-list .item-date span { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 991px) { .news1-item .box-list .item-date { margin-right: 10px; font-size: 24px; font-size: 2.4rem; }
  .news1-item .box-list .item-date span { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .news1-item .box-list .item-date { width: 80px; height: 66px; padding-top: 8px; font-size: 20px; font-size: 2rem; }
  .news1-item .box-list .item-date span { font-size: 12px; font-size: 1.2rem; margin-top: 5px; } }

.news1-item .box-list .item-body { overflow: hidden; }

.news1-item .box-list .item-title { font-size: 18px; font-size: 1.8rem; line-height: 24px; margin-bottom: 23px; }

@media screen and (max-width: 1219px) { .news1-item .box-list .item-title { margin-bottom: 10px; } }

@media screen and (max-width: 991px) { .news1-item .box-list .item-title { font-size: 16px; font-size: 1.6rem; line-height: 20px; } }

@media screen and (max-width: 767px) { .news1-item .box-list .item-title { font-size: 14px; font-size: 1.4rem; margin-bottom: 5px; } }

.news1-item .box-list .item-desc { font-size: 16px; font-size: 1.6rem; line-height: 30px; height: 60px; }

.news1-item .box-list .item-desc, .news1-item .box-list .item-desc a { color: #656565; }

@media screen and (max-width: 991px) { .news1-item .box-list .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 20px; height: 40px; } }

@media screen and (max-width: 767px) { .news1-item .box-list .item-desc { font-size: 12px; font-size: 1.2rem; } }

@media screen and (max-width: 767px) { .news1-list { padding-bottom: 10px; } }

.news1-list .list-item { margin-bottom: 47px; }

@media screen and (max-width: 1219px) { .news1-list .list-item { margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .news1-list .list-item { margin-bottom: 20px; } }

.news1-list .item-date { background-color: #0068B6; color: #fff; float: left; width: 109px; height: 105px; padding-top: 12px; margin-right: 30px; text-align: center; float: left; font-size: 36px; font-size: 3.6rem; line-height: 1.2; font-weight: bold; }

.news1-list .item-date span { display: block; font-size: 18px; font-size: 1.8rem; margin-top: 9px; font-weight: normal; }

@media screen and (max-width: 1219px) { .news1-list .item-date { width: 100px; height: 95px; margin-right: 15px; font-size: 30px; font-size: 3rem; }
  .news1-list .item-date span { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 991px) { .news1-list .item-date { width: 90px; height: 75px; margin-right: 10px; font-size: 24px; font-size: 2.4rem; }
  .news1-list .item-date span { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .news1-list .item-date { width: 80px; height: 66px; padding-top: 8px; font-size: 20px; font-size: 2rem; }
  .news1-list .item-date span { font-size: 12px; font-size: 1.2rem; margin-top: 5px; } }

.news1-list .item-body { overflow: hidden; }

.news1-list .item-title { font-size: 18px; font-size: 1.8rem; line-height: 24px; margin-bottom: 23px; padding-top: 2px; }

@media screen and (max-width: 1219px) { .news1-list .item-title { margin-bottom: 10px; } }

@media screen and (max-width: 991px) { .news1-list .item-title { font-size: 16px; font-size: 1.6rem; line-height: 20px; } }

@media screen and (max-width: 767px) { .news1-list .item-title { font-size: 14px; font-size: 1.4rem; margin-bottom: 5px; } }

.news1-list .item-desc { font-size: 16px; font-size: 1.6rem; line-height: 30px; height: 60px; padding-left: 2px; }

.news1-list .item-desc, .news1-list .item-desc a { color: #656565; }

@media screen and (max-width: 991px) { .news1-list .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 20px; height: 40px; } }

@media screen and (max-width: 767px) { .news1-list .item-desc { font-size: 12px; font-size: 1.2rem; } }

/*-------------5-1-news end----------------------------------------------------------------*/
/*-------------5-2-news start--------------------------------------------------------------*/
.news2-main > .item-title { font-size: 22px; font-size: 2.2rem; line-height: 1.2; text-align: center; margin-bottom: 20px; color: #0068B6; }

@media screen and (max-width: 991px) { .news2-main > .item-title { font-size: 18px; font-size: 1.8rem; } }

@media screen and (max-width: 767px) { .news2-main > .item-title { margin-bottom: 10px; font-size: 18px; font-size: 1.8rem; } }

.news2-main .item-date { text-align: center; font-size: 14px; font-size: 1.4rem; line-height: 20px; color: #656565; margin-bottom: 21px; }

@media screen and (max-width: 767px) { .news2-main .item-date { font-size: 12px; font-size: 1.2rem; margin-bottom: 10px; } }

.news2-main .pro-share { text-align: center; margin-bottom: 56px; }

.news2-main .pro-share .share-title { display: none; }

@media screen and (max-width: 1219px) { .news2-main .pro-share { margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .news2-main .pro-share { margin-bottom: 15px; }
  .news2-main .pro-share .share-title { font-size: 12px; font-size: 1.2rem; } }

.news2-main .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 30px; }

.news2-main .item-desc p { min-height: 30px; }

.news2-main .item-desc, .news2-main .item-desc a { color: #656565; }

.news2-main .item-desc img, .news2-main .item-desc iframe { max-width: 100%; }

@media screen and (max-width: 1219px) { .news2-main .item-desc { line-height: 26px; }
  .news2-main .item-desc p { min-height: 26px; } }

@media screen and (max-width: 991px) { .news2-main .item-desc { 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; }
  .news2-main .item-desc p { min-height: 20px; } }

/*-------------5-2-news end----------------------------------------------------------------*/
/*-------------6-about start---------------------------------------------------------------*/
.about-title { font-size: 40px; font-size: 4rem; line-height: 1.2; font-weight: bold; color: #0068B6; text-transform: uppercase; }

.about-title span { display: inline-block; padding-right: 34px; background: url(../images/bg5.png) no-repeat right center; }

@media screen and (max-width: 1219px) { .about-title { font-size: 36px; font-size: 3.6rem; } }

@media screen and (max-width: 991px) { .about-title { font-size: 30px; font-size: 3rem; } }

@media screen and (max-width: 767px) { .about-title { font-size: 24px; font-size: 2.4rem; } }

.about-box1 { margin-bottom: 35px; }

@media screen and (max-width: 767px) { .about-box1 { margin-bottom: 30px; } }

.about-box1 .about-title { margin-bottom: 48px; }

@media screen and (max-width: 991px) { .about-box1 .about-title { margin-bottom: 35px; } }

@media screen and (max-width: 767px) { .about-box1 .about-title { margin-bottom: 20px; } }

.about-box1 .item-pic { float: left; width: 48.66667%; margin-right: 3.16667%; overflow: hidden; }

.about-box1 .item-pic img { display: block !important; width: 100%; }

@media screen and (max-width: 480px) { .about-box1 .item-pic { float: none; margin: 0 auto 20px; width: 100%; } }

.about-box1 .item-title { font-size: 24px; font-size: 2.4rem; line-height: 1.2; margin-bottom: 47px; padding-top: 16px; padding-left: 12px; }

@media screen and (max-width: 1219px) { .about-box1 .item-title { padding-top: 0; padding-left: 0; margin-bottom: 10px; font-size: 22px; font-size: 2.2rem; } }

@media screen and (max-width: 991px) { .about-box1 .item-title { font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 767px) { .about-box1 .item-title { font-size: 18px; font-size: 1.8rem; line-height: 22px; } }

@media screen and (max-width: 640px) { .about-box1 .item-title { font-size: 16px; font-size: 1.6rem; } }

.about-box1 .item-desc { font-size: 16px; font-size: 1.6rem; line-height: 30px; margin-bottom: 60px; }

.about-box1 .item-desc p { min-height: 30px; }

@media screen and (max-width: 1219px) { .about-box1 .item-desc { line-height: 26px; margin-bottom: 20px; }
  .about-box1 .item-desc p { min-height: 26px; } }

@media screen and (max-width: 991px) { .about-box1 .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 24px; }
  .about-box1 .item-desc p { min-height: 24px; } }

@media screen and (max-width: 767px) { .about-box1 .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; }
  .about-box1 .item-desc p { min-height: 20px; } }

.about-box1 .box-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; font-size: 0; letter-spacing: 0; text-align: left; }

.about-box1 .box-list .list-item { position: relative; text-align: center; display: inline-block; vertical-align: top; width: 19.03114%; max-width: 110px; margin-left: 7.95848%; }

.about-box1 .box-list .list-item img { display: block; width: 100%; }

.about-box1 .box-list .list-item.no_marginl { margin-left: 0 !important; }

@media screen and (max-width: 1219px) { .about-box1 .box-list .list-item { width: 23.5%; margin-left: 2%; } }

@media screen and (max-width: 991px) { .about-box1 .box-list .list-item { max-width: 88px; } }

.about-box1 .box-list .item-table { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.about-box1 .box-list .item-subt { font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #0068B6; word-break: break-all; }

@media screen and (max-width: 1219px) { .about-box1 .box-list .item-subt { line-height: 24px; } }

@media screen and (max-width: 991px) { .about-box1 .box-list .item-subt { font-size: 14px; font-size: 1.4rem; line-height: 20px; } }

@media screen and (max-width: 767px) { .about-box1 .box-list .item-subt { font-size: 12px; font-size: 1.2rem; } }

.about-box2 { background: url(../images/bg12.png) no-repeat left 85.91885%; background-size: 48.33333%; margin-bottom: 73px; }

@media screen and (max-width: 1219px) { .about-box2 { background-position-y: bottom; } }

@media screen and (max-width: 991px) { .about-box2 { background-image: none; margin-bottom: 50px; } }

@media screen and (max-width: 767px) { .about-box2 { margin-bottom: 30px; } }

.about-box2 .item-pic { float: right; width: 48.66667%; margin-left: 3.16667%; overflow: hidden; }

.about-box2 .item-pic img { display: block !important; width: 100%; }

@media screen and (max-width: 480px) { .about-box2 .item-pic { float: none; margin: 0 auto 20px; width: 100%; } }

.about-box2 .item-body { padding-top: 23px; }

@media screen and (max-width: 991px) { .about-box2 .item-body { padding-top: 0; } }

.about-box2 .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 30px; }

.about-box2 .item-desc p { min-height: 30px; }

@media screen and (max-width: 1219px) { .about-box2 .item-desc { line-height: 26px; }
  .about-box2 .item-desc p { min-height: 26px; } }

@media screen and (max-width: 991px) { .about-box2 .item-desc { line-height: 24px; }
  .about-box2 .item-desc p { min-height: 24px; } }

@media screen and (max-width: 767px) { .about-box2 .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; }
  .about-box2 .item-desc p { min-height: 20px; } }

.about-can { background-image: none; background-color: #0067B5; background-color: rgba(0, 104, 182, 0.1); padding: 40px 0 0; margin-top: 34px; }

@media screen and (max-width: 767px) { .about-can { padding-top: 30px; margin-top: 25px; } }

.about-can .box-list .list-item { margin-bottom: 20px; }

.about-service { padding-top: 61px; }

@media screen and (max-width: 1219px) { .about-service { padding-top: 50px; } }

@media screen and (max-width: 991px) { .about-service { padding-top: 40px; } }

@media screen and (max-width: 767px) { .about-service { padding-top: 30px; } }

.about-service .about-title { margin-bottom: 53px; }

@media screen and (max-width: 1219px) { .about-service .about-title { margin-bottom: 45px; } }

@media screen and (max-width: 991px) { .about-service .about-title { margin-bottom: 35px; } }

@media screen and (max-width: 767px) { .about-service .about-title { margin-bottom: 25px; }
  .about-service .about-title span { background-image: none; padding-right: 0; font-size: 20px; font-size: 2rem; } }

.about-service .list-item { padding: 47px 0 59px; position: relative; }

.about-service .list-item:before { position: absolute; content: ''; width: 69.5%; right: 0; top: 0; bottom: 0; background-color: #0068B6; }

@media screen and (max-width: 991px) { .about-service .list-item { background-color: #0068B6; padding: 30px 15px; } }

@media screen and (max-width: 767px) { .about-service .list-item { padding: 15px; } }

.about-service .item-pic { float: left; width: 48.91667%; margin-right: 2%; overflow: hidden; z-index: 2; }

.about-service .item-pic img { display: block !important; width: 100%; }

@media screen and (max-width: 480px) { .about-service .item-pic { float: none; margin: 0 auto 20px; width: 100%; } }

.about-service .item-body { position: relative; color: #fff; padding-right: 3.33333%; }

@media screen and (max-width: 991px) { .about-service .item-body { padding-right: 0; } }

.about-service .item-title { font-size: 22px; font-size: 2.2rem; font-weight: bold; margin-left: 22px; line-height: 1.2; margin-bottom: 31px; padding-top: 7px; padding-left: 25px; }

@media screen and (max-width: 1219px) { .about-service .item-title { padding-top: 0; margin-left: 0; margin-bottom: 10px; font-size: 20px; font-size: 2rem; padding-left: 0; } }

@media screen and (max-width: 991px) { .about-service .item-title { font-size: 18px; font-size: 1.8rem; } }

@media screen and (max-width: 767px) { .about-service .item-title { font-size: 16px; font-size: 1.6rem; line-height: 22px; } }

.about-service .item-desc { overflow: visible; font-size: 14px; font-size: 1.4rem; line-height: 30px; color: #fff; }

.about-service .item-desc p { min-height: 30px; }

@media screen and (max-width: 1219px) { .about-service .item-desc { line-height: 26px; }
  .about-service .item-desc p { min-height: 26px; } }

@media screen and (max-width: 991px) { .about-service .item-desc { line-height: 24px; }
  .about-service .item-desc p { min-height: 24px; } }

@media screen and (max-width: 767px) { .about-service .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; }
  .about-service .item-desc p { min-height: 20px; } }

/*-------------6-about end-----------------------------------------------------------------*/
/*-------------7-qc start------------------------------------------------------------------*/
.qc-main .box-top { margin-bottom: 79px; }

@media screen and (max-width: 1219px) { .qc-main .box-top { margin-bottom: 40px; } }

@media screen and (max-width: 991px) { .qc-main .box-top { margin-bottom: 20px; } }

@media screen and (max-width: 767px) { .qc-main .box-top { margin-bottom: 10px; } }

.qc-main .box-top .item-title { font-size: 26px; font-size: 2.6rem; font-weight: bold; line-height: 1.2; color: #0068B6; margin-bottom: 20px; }

@media screen and (max-width: 1219px) { .qc-main .box-top .item-title { font-size: 22px; font-size: 2.2rem; } }

@media screen and (max-width: 991px) { .qc-main .box-top .item-title { font-size: 18px; font-size: 1.8rem; } }

@media screen and (max-width: 767px) { .qc-main .box-top .item-title { font-size: 16px; font-size: 1.6rem; margin-bottom: 10px; } }

.qc-main .box-top .item-desc { font-size: 26px; font-size: 2.6rem; font-weight: bold; line-height: 1.2; margin-bottom: 32px; }

@media screen and (max-width: 1219px) { .qc-main .box-top .item-desc { font-size: 22px; font-size: 2.2rem; margin-bottom: 25px; } }

@media screen and (max-width: 991px) { .qc-main .box-top .item-desc { font-size: 18px; font-size: 1.8rem; margin-bottom: 20px; } }

@media screen and (max-width: 767px) { .qc-main .box-top .item-desc { font-size: 16px; font-size: 1.6rem; margin-bottom: 15px; } }

.qc-main .box-top .item-subt { font-size: 20px; font-size: 2rem; font-weight: bold; line-height: 1.2; }

@media screen and (max-width: 1219px) { .qc-main .box-top .item-subt { font-size: 18px; font-size: 1.8rem; } }

@media screen and (max-width: 991px) { .qc-main .box-top .item-subt { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 767px) { .qc-main .box-top .item-subt { font-size: 14px; font-size: 1.4rem; } }

.qc-main .box-list { font-size: 0; letter-spacing: 0; }

.qc-main .box-list .list-item { display: inline-block; vertical-align: top; width: 22.5%; margin-left: 3.33333%; margin-top: 30px; position: relative; }

.qc-main .box-list .list-item:before { position: absolute; content: '\e677'; font-family: "iconfont" !important; font-size: 38px; font-size: 3.8rem; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #0068B6; left: -60px; top: 90px; }

.qc-main .box-list .list-item:first-child:before { display: none; }

@media screen and (max-width: 1219px) { .qc-main .box-list .list-item:before { top: 70px; } }

@media screen and (max-width: 991px) { .qc-main .box-list .list-item { width: 48%; margin: 30px 1% 0 !important; }
  .qc-main .box-list .list-item:before { display: none; } }

@media screen and (max-width: 480px) { .qc-main .box-list .list-item { width: 98%; margin-top: 20px !important; text-align: center; } }

.qc-main .box-list .item-pic { width: 225px; margin-bottom: 25px; border-radius: 50%; }

.qc-main .box-list .item-pic img { border-radius: 50%; }

@media screen and (max-width: 1219px) { .qc-main .box-list .item-pic { width: 170px; } }

@media screen and (max-width: 991px) { .qc-main .box-list .item-pic { width: 140px; margin: 0 0 15px; } }

@media screen and (max-width: 767px) { .qc-main .box-list .item-pic { width: 120px; } }

@media screen and (max-width: 480px) { .qc-main .box-list .item-pic { width: 90px; margin: 0 auto 15px; } }

.qc-main .box-list .item-title { font-size: 18px; font-size: 1.8rem; line-height: 30px; padding-left: 31px; background: url(../images/bg8.png) no-repeat left 5px; background-size: 18px; margin-bottom: 15px; }

@media screen and (max-width: 1219px) { .qc-main .box-list .item-title { line-height: 24px; font-size: 16px; font-size: 1.4rem; margin-bottom: 5px; background-position-y: 2px; } }

@media screen and (max-width: 767px) { .qc-main .box-list .item-title { font-size: 14px; font-size: 1.4rem; padding-left: 20px; background-size: 15px; } }

@media screen and (max-width: 480px) { .qc-main .box-list .item-title { display: inline-block; text-align: left; } }

.qc-main .box-list .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 30px; padding-left: 23px; }

.qc-main .box-list .item-desc, .qc-main .box-list .item-desc a { color: #333; }

.qc-main .box-list .item-desc p { padding-left: 13px; position: relative; }

.qc-main .box-list .item-desc p:before { position: absolute; content: ''; width: 6px; height: 6px; background-color: #0068B6; border-radius: 50%; left: 0; top: 12px; }

@media screen and (max-width: 1219px) { .qc-main .box-list .item-desc { line-height: 20px; padding-left: 20px; }
  .qc-main .box-list .item-desc p { padding-left: 10px; }
  .qc-main .box-list .item-desc p:before { top: 7px; } }

@media screen and (max-width: 767px) { .qc-main .box-list .item-desc { font-size: 12px; font-size: 1.2rem; padding-left: 0; } }

@media screen and (max-width: 480px) { .qc-main .box-list .item-desc { display: inline-block; }
  .qc-main .box-list .item-desc p { text-align: left; } }

/*-------------7-qc end--------------------------------------------------------------------*/

@media screen and (min-width: 768px) { .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: 5px; width: 35px; height: 28px; -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; padding: 6px 6px 3px; }

.n-nav .n-nav-icon span { display: block; width: 100%; height: 2px; margin-bottom: 4px; background-color: #0068B6; }

.n-nav .n-nav-icon.active { background: #666 url(../fonts/nav-close.png) no-repeat center; background-size: 30px; }

.n-nav .n-nav-icon.active span { display: none; }

.n-nav .n-nav-body { display: none; position: fixed; z-index: 99999; top: 0; bottom: 0; width: 100%; left: 0; overflow-y: scroll; background-color: #666; padding-top: 40px; }

.n-nav .box-search { background-color: #fff; padding: 5px 10px; position: relative; border: solid 1px #0068B6; 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 .item-submit { font-weight: bold; background-color: #0068B6; width: 44px; height: 32px; border-radius: 5px; color: #fff; text-align: center; position: absolute; right: 10px; top: 5px; }

.n-nav .box-search .item-submit:hover { background-color: #666; }

.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(../fonts/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(../fonts/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; }

.banner { line-height: 0; font-size: 0; position: relative; }

.banner .slick-arrow { position: absolute; z-index: 2; display: none !important; cursor: pointer; top: 50%; margin-top: -15px; width: 30px; height: 30px; line-height: 30px; text-align: center; background-color: #fff; background-color: rgba(255, 255, 255, 0.3); }

.banner .slick-arrow .iconfont { font-size: 14px; font-size: 1.4rem; color: #3F3E3E; }

.banner .slick-arrow:hover { background-color: #fff; }

@media screen and (max-width: 999px) { .banner .slick-arrow { display: none !important; } }

.banner .slick-prev { left: 75px; cursor: pointer; }

.banner .slick-next { right: 75px; cursor: pointer; }

.banner .slick-dots { position: absolute; z-index: 2; left: 0; right: 0; bottom: 20px; text-align: center; font-size: 0; letter-spacing: 0; text-align: center; }

.banner .slick-dots li { margin: 0 7px; display: inline-block; vertical-align: top; cursor: pointer; width: 14px; height: 14px; border: solid 1px transparent; padding: 2px; }

.banner .slick-dots li a { display: block; background-color: #fff; width: 8px; height: 8px; }

.banner .slick-dots li.slick-active { border-color: #fff; }

@media screen and (max-width: 999px) { .banner .slick-dots { bottom: 15px; } }

@media screen and (max-width: 767px) { .banner .slick-dots { bottom: 7px; }
  .banner .slick-dots li { margin: 0 2px; width: 12px; height: 12px; }
  .banner .slick-dots li a { width: 6px; height: 6px; } }

.slick-list, .slick-slider, .slick-track { position: relative; display: block; }

.slick-loading .slick-slide, .slick-loading .slick-track { visibility: hidden; }

.slick-slider { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { overflow: hidden; margin: 0; padding: 0; }

.slick-list:focus { outline: 0; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { top: 0; left: 0; }

.slick-track:after, .slick-track:before { display: table; content: ''; }

.slick-track:after { clear: both; }

.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }

[dir=rtl] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { 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);
}

}

@media screen and (min-width:1000px) and (max-width:1219px) {}
@media screen and (max-width:1219px) {}
@media screen and (max-width:991px) {	}
@media screen and (max-width:767px) {	}
@media screen and (max-width:640px) {	}
@media screen and (max-width:480px) {	}

@font-face {
    font-family: 'ArialMT';
    src: url('../fonts/ArialMT.eot');
    src: url('../fonts/ArialMT.eot') format('embedded-opentype'),
         url('../fonts/ArialMT.woff2') format('woff2'),
         url('../fonts/ArialMT.woff') format('woff'),
         url('../fonts/ArialMT.ttf') format('truetype'),
         url('../fonts/ArialMT.svg#ArialMT') format('svg');
}

@font-face {
    font-family: 'Arial-BoldMT';
    src: url('../fonts/Arial-BoldMT.eot');
    src: url('../fonts/Arial-BoldMT.eot') format('embedded-opentype'),
         url('../fonts/Arial-BoldMT.woff2') format('woff2'),
         url('../fonts/Arial-BoldMT.woff') format('woff'),
         url('../fonts/Arial-BoldMT.ttf') format('truetype'),
         url('../fonts/Arial-BoldMT.svg#Arial-BoldMT') format('svg');
}
@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot?t=1598232751270'); /* IE9 */
  src: url('../fonts/iconfont.eot?t=1598232751270#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=1598232751270') format('woff'),
  url('../fonts/iconfont.ttf?t=1598232751270') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('../fonts/iconfont.svg?t=1598232751270#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-up13:before {
  content: "\e73a";
}

.icon-bottom13:before {
  content: "\e73b";
}

.icon-left13:before {
  content: "\e73c";
}

.icon-right13:before {
  content: "\e73d";
}

.icon-icon-test23:before {
  content: "\e660";
}

.icon-xiaojiantou:before {
  content: "\e677";
}

.icon-jian2:before {
  content: "\e609";
}

.icon-jia2:before {
  content: "\e60a";
}

.icon-yuanxingjiantoushang:before {
  content: "\e965";
}

.icon-yuanxingjiantouxia:before {
  content: "\e966";
}

.icon-yuanxingjiantouyou:before {
  content: "\e967";
}

.icon-yuanxingjiantouzuo:before {
  content: "\e968";
}

.icon-icon_phone_fill:before {
  content: "\ebad";
}

.icon-icon_signal_fill:before {
  content: "\ebaf";
}

.icon-up7:before {
  content: "\e722";
}

.icon-bottom7:before {
  content: "\e723";
}

.icon-left7:before {
  content: "\e724";
}

.icon-right7:before {
  content: "\e725";
}

.icon-up16:before {
  content: "\e746";
}

.icon-bottom16:before {
  content: "\e747";
}

.icon-left16:before {
  content: "\e748";
}

.icon-right16:before {
  content: "\e749";
}

.icon-whatsapp1:before {
  content: "\e7c5";
}

.icon-address2:before {
  content: "\e7c8";
}

.icon-email11:before {
  content: "\e7cd";
}

.icon-address11:before {
  content: "\e7ce";
}

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

.icon-qq1:before {
  content: "\e7d0";
}

.icon-tel1:before {
  content: "\e7d1";
}

.icon-wechat1:before {
  content: "\e7d2";
}

.icon-phone2:before {
  content: "\e7d3";
}

.icon-mobile1:before {
  content: "\e7d4";
}

.icon-calendar3:before {
  content: "\e7e1";
}

.icon-dianhua3:before {
  content: "\e71b";
}

.icon-top10:before {
  content: "\e7ee";
}

.icon-bottom10:before {
  content: "\e7ef";
}

.icon-left10:before {
  content: "\e7f0";
}

.icon-right10:before {
  content: "\e7f1";
}

.icon-download21:before {
  content: "\e61c";
}

.icon-arrow-up2:before {
  content: "\e608";
}

.icon-youjian:before {
  content: "\e61e";
}

.icon-email2:before {
  content: "\e605";
}

.icon-back:before {
  content: "\e64b";
}

.icon-email3:before {
  content: "\e796";
}

.icon-company:before {
  content: "\e604";
}

.icon-back2:before {
  content: "\e633";
}

.icon-biaodanliebiao-031:before {
  content: "\e606";
}

.icon-linkedin:before {
  content: "\e66d";
}

.icon-Instagram:before {
  content: "\e66f";
}

.icon-pintreset:before {
  content: "\e670";
}

.icon-twitter:before {
  content: "\e671";
}

.icon-facebook:before {
  content: "\e673";
}

.icon-youtube:before {
  content: "\e674";
}

.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-left14:before {
  content: "\e740";
}

.icon-right14:before {
  content: "\e741";
}

.icon-facebook1:before {
  content: "\e620";
}

.icon-pinterest:before {
  content: "\e8ab";
}

.icon-linkedin1:before {
  content: "\e648";
}

.icon-youtube1:before {
  content: "\e6d6";
}

.icon-twitter1:before {
  content: "\e607";
}

.icon-instagram:before {
  content: "\e79d";
}

.icon-address:before {
  content: "\e7bc";
}

.icon-email:before {
  content: "\e7bd";
}

.icon-contact:before {
  content: "\e7be";
}

.icon-whatsapp:before {
  content: "\e7bf";
}

.icon-address1:before {
  content: "\e7c0";
}

.icon-wechat:before {
  content: "\e7c1";
}

.icon-fax:before {
  content: "\e7c2";
}

.icon-mobile:before {
  content: "\e7c3";
}

.icon-email1:before {
  content: "\e7c4";
}

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

.icon-tel:before {
  content: "\e7c7";
}

.icon-website1:before {
  content: "\e7c9";
}

.icon-qq:before {
  content: "\e7ca";
}

.icon-phone1:before {
  content: "\e7cb";
}

.icon-skype:before {
  content: "\e7cc";
}

.icon-message2:before {
  content: "\e7dc";
}

.icon-companyname:before {
  content: "\e610";
}

.icon-lianjie:before {
  content: "\e625";
}

.icon-weibiaoti-:before {
  content: "\e61d";
}

.icon-jiantou-right:before {
  content: "\e600";
}

.icon-sousuo:before {
  content: "\e64c";
}

.icon-search:before {
  content: "\e602";
}

.icon-baodanlist:before {
  content: "\e603";
}

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

.icon-skype1:before {
  content: "\e601";
}

.icon-xie:before {
  content: "\e60f";
}

.icon-shixinyuanxingjiantouyou1:before {
  content: "\e940";
}

.icon-shixinyuanxingjiantouzuo1:before {
  content: "\e941";
}


.listcart{ width:100%; margin-top:40px;margin-bottom: 40px;}
.listcart a{ background:#fff;display:inline-block;height: 30px;   line-height: 30px;cursor: pointer;border: none;overflow: hidden;color: #0068B6;cursor: pointer;  border:1px solid #0068B6; padding-left:10px; padding-right:10px; text-align:center; font-size:14px; font-size:1.4rem; margin-left:10px;}
.listcart a:hover{  border:#0068B6 solid 1px; background:#0068B6; color:#fff!important;}
@media screen and (max-width:999px){
.listcart a{margin-left:2.5%; margin-right:2.5%; padding-left:0px; padding-right:0px }
.listcart{ width:100%;
}
}
@media screen and (max-width:420px){
.listcart a{ width:95% !important ; float:none; overflow:hidden; margin-bottom:1rem; margin-top:1rem}
}
.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;}
.ppp{line-height: 30px;margin-bottom: 20px;margin-top: 20px;}
.fl a.no:hover{color: #333;}
.shuxp_c a:hover{color: #0068B6;}
@media screen and (max-width: 1920px){
.m-kefu-chat.mobile-hide {
 
    right: 0px!important;
   
}
}

.m-kefu-chat.mobile-hide .mobile-logo {
 
    cursor: pointer!important;
}
.ppp,.shuxp_c{font-size: 16px;}


.page a.no:hover{    color: #999;}


.table strong{font-size:16px;}

.index-contact .item-info { min-width: 37.8125%; position: absolute; left: 7.29167%; top: 50%; margin-top: -161px; }

.index-contact .item-info p { margin-top: 26px; }

.index-contact .item-info p a { display: block; background-color: #0068B6; color: #fff; font-size: 16px; font-size: 1.6rem; line-height: 24px; padding: 16px 11px 17px; }

.index-contact .item-info p a:hover { background-color: #000; }

@media screen and (max-width: 1619px) { .index-contact .item-info { left: 3.125%; margin-top: -144px; }
  .index-contact .item-info p { margin-top: 20px; }
  .index-contact .item-info p:first-child { margin-top: 0; } }

@media screen and (max-width: 1419px) { .index-contact .item-info { margin-top: -126px; }
  .index-contact .item-info p a { padding: 12px 10px; font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .index-contact .item-info { margin-top: -102px; }
  .index-contact .item-info p { margin-top: 15px; }
  .index-contact .item-info p a { padding: 8px 10px; font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 640px) { .index-contact .item-info { margin-top: -82px; }
  .index-contact .item-info p { margin-top: 10px; }
  .index-contact .item-info p a { padding: 8px 5px; font-size: 12px; font-size: 1.2rem; line-height: 20px; } }

@media screen and (max-width: 540px) { .index-contact .item-info { position: relative; min-width: auto; top: auto; margin: 0; left: auto; padding: 15px 15px 0; } }