@charset "UTF-8";
/* Welcome to Compass. In this file you should write your main styles. (or centralize your imports) Import this file using the following HTML or equivalent: <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */


html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

* { margin: 0; padding: 0; }

a { cursor: pointer; text-decoration: none ; color: #5d5b5b;}

.c_green1 { color: #2fb476; }

.c_orange1 { color: #ff9000; }

.content_wrapper { width: 1460px; margin: 0 auto; overflow: hidden; }

.input_container { display: inline-block; float: left; margin-right: 20px; }
.input_container select { padding: 0 12px; width: 150px; height: 48px; font-size: 14px; color: #929090; border-radius: 4px; text-align: center; border: 1px solid #e3e3e3; background-color: #f4f4f4; box-shadow: 0 0 10px #e3e3e3; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
.input_container input[type=text] { width: 230px; font-size: 14px; color: #929090; height: 48px; line-height: 48px; border-radius: 4px; padding-left: 20px;box-sizing: border-box; border: 1px solid #e3e3e3; background-color: #f4f4f4; box-shadow: 0 0 10px #e3e3e3; }
.input_container :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #929090; opacity: 1; }
.input_container ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #929090; opacity: 1; }
.input_container input:-ms-input-placeholder { color: #929090; opacity: 1; }
.input_container input::-webkit-input-placeholder { color: #929090; opacity: 1; }
.input_container input[type=button] { width: 190px; color: white; font-size: 16px; line-height: 48px; border-radius: 4px; background-color: #ff7f00; border: none; background: -webkit-linear-gradient(left, #ffa600, #ff7f00); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #ffa600, #ff7f00); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #ffa600, #ff7f00); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #ffa600, #ff7f00); /* 标准的语法（必须放在最后） */ }

.input_container1 input[type=button] { width: 90px; color: white; font-size: 15px; line-height: 33px; border-radius: 4px; background-color: #ff7f00; border: none; background: -webkit-linear-gradient(left, #ffa600, #ff7f00); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #ffa600, #ff7f00); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #ffa600, #ff7f00); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #ffa600, #ff7f00); /* 标准的语法（必须放在最后） */ }

.input_container:last-child { margin-right: 0; }

.index_h3 { display: inline-block; }

.index_common_header { width: 100%; text-align: center; }
.index_common_header .index_common_title { position: relative; display: inline-block; margin-top: 30px; width: 515px; height: 72px; border: 1px solid #e3e3e3; }
.index_common_header .index_common_title h3 { position: absolute; top: -26px; display: inline-block; font-size: 40px; min-width: 240px; line-height: 50px; left: 50%; margin-left: -120px; text-align: center; background-color: #f8f8f8; }
.index_common_header .index_common_title .alone_h3 { background-color: white; }
.index_common_header .index_common_title > p { padding-top: 25px; color: #b3b3b3; text-align: center; line-height: 45px; }
.index_common_header .index_common_title > p font { font-size: 13px; }
.index_common_header .index_common_nav { width: 100%; padding: 25px 0; text-align: center; }
.index_common_header .index_common_nav > ul { display: inline-block; }
.index_common_header .index_common_nav > ul li { float: left; }
.index_common_header .index_common_nav > ul li a { position: relative; padding: 0  24px; font-size: 15px; line-height: 22px; }
.index_common_header .index_common_nav > ul li a:after { position: absolute; content: ""; width: 1px; height: 16px; right: 0; top: 3px; background-color: #e3e3e3; }
.index_common_header .index_common_nav > ul li a:hover { color: #2fb476; }
.index_common_header .index_common_nav > ul li:last-child a:after { position: absolute; content: ""; width: 8px; height: 16px; background: url("../images/border_icon.png"); }

.spacing1 { padding: 30px 0 40px 0; }

.spacing2 { padding: 50px 0; }

body .warp { font-family: 微软雅黑; }
body .header .header_top { height: 35px; color: #929292; background-color: #f4f4f4; }
body .header .header_top .first_header_nav { position: relative; width: 1460px; font-size: 12px; margin: 0 auto; }
body .header .header_top .first_header_nav .first_header_left { float: left; margin-left: 1%; line-height: 35px; }
body .header .header_top .first_header_nav .first_header_right { position: relative; float: right; }
body .header .header_top .first_header_nav .first_header_right .right_tex > a { position: relative; display: inline-block; padding: 0 6px; line-height: 35px; text-align: center; }
body .header .header_top .first_header_nav .first_header_right .right_tex > a > font { font-weight: bold; }
.sub_nav_login{ position: absolute;display: none; width: 88px; left: 0; top: 35px;;background-color: white;border: 1px solid #e3e3e3;border-top: none; z-index: 9999999; margin-left:100px;}
.sub_nav_login1{ position: absolute;display: none; width: 88px; left: 0; top: 35px;;background-color: white;border: 1px solid #e3e3e3;border-top: none; z-index: 9999999}
.sub_nav_login a{ display: inline-block; font-family: "微软雅黑"; width: 100%; top:0;  line-height: 28px; text-align: center; font-size: 12px;}
.sub_nav_login1 a{ display: inline-block; font-family: "微软雅黑"; width: 100%; top:0;  line-height: 28px; text-align: center; font-size: 12px;}
.sub_nav_login a:hover{color: #00ad28}
.sub_nav_login1 a:hover{color: #00ad28}
.nav_login .icon2{ display: none}
.nav_login:hover .icon2{ display: inline-block;}
.nav_login:hover .icon1{ display: none;  }
/*body .header .header_top .first_header_nav .first_header_right .right_tex .nav_login:hover .sub_nav_login{display: inline-block}*/
body .header .header_top .first_header_nav .first_header_right .right_tex > a img { padding-bottom: 2px; vertical-align: middle; }
body .header .header_top .first_header_nav .first_header_right .right_tex .top_nav { position: absolute; display: none; padding: 15px 0; width: 685px; right: 0; border: 1px solid #e3e3e3; background-color: white; z-index: 999; }
body .header .header_top .first_header_nav .first_header_right .right_tex .top_nav .top_nav_item { float: left; width: 20%; min-height: 234px; text-align: center; border-right: 1px dashed #e3e3e3; box-sizing: border-box; }
body .header .header_top .first_header_nav .first_header_right .right_tex .top_nav .top_nav_item .item_head { display: inline-block; padding-bottom: 8px; text-align: center; }
body .header .header_top .first_header_nav .first_header_right .right_tex .top_nav .top_nav_item > h5 { color: #2fb476; font-size: 15px; font-weight: bold; line-height: 36px; text-align: center; }
body .header .header_top .first_header_nav .first_header_right .right_tex .top_nav .top_nav_item .item_ul li a { display: inline-block; width: 100%; color: #8b8b8b; line-height: 28px; }
body .header .header_top .first_header_nav .first_header_right .right_tex .top_nav .top_nav_item:last-child { border-right: none; }
body .header .header_top .first_header_nav .first_header_right .right_tex .bor_solid { min-width: 40px; padding: 0  7px 0  9px; }
body .header .header_top .first_header_nav .first_header_right .right_tex .bor_solid:before { position: absolute; content: ""; width: 1px; top: 50%; margin-top: -7px; left: -2px; height: 13px; background-color: #929292; }
body .header .header_nav_content { position: relative; display: inline-block; width: 100%; color: #787878;background-color: white; }
body .header .header_nav_content .header_nav_box { width: 1460px; margin: 0 auto; }
body .header .header_nav_content .header_nav_box .nav_content_left { float: left; margin: 15px 0; }
body .header .header_nav_content .header_nav_box .nav_content_left .logo_box { display: inline-block; vertical-align: text-bottom}
body .header .header_nav_content .header_nav_box .nav_content_left .min_banner { display: inline-block; margin: 0 4px; width: 212px; height: 61px; overflow: hidden }
body .header .header_nav_content .header_nav_box .nav_content_left .min_banner ul li {height: 100%; }
body .header .header_nav_content .header_nav_box .nav_content_left .min_banner ul li a { display: inline-block;vertical-align: bottom}
body .header .header_nav_content .header_nav_box .nav_content { float: left; margin: 0  0 0 4.8%; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul { display: inline-block; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li { float: left; margin: 0 10px 0 8px; padding: 22px 0; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li > a { position: relative; display: inline-block; padding: 0 10px; font-size: 15px; line-height: 48px; color: #504d4d; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li > a i { position: absolute; top: -2px; right: -5px; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li > a i .icon2 { display: none; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li a:hover { color: #2fb476; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li .item_color { color: #2fb476; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li .sub_nav { position: absolute; display: none;min-width: 1345px; padding: 24px 0; height: 132px; width: 100%; top: 89px; left: 0; text-align: center; border-top: 1px solid #e3e3e3; background-color: white; z-index: 99; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li .sub_nav .sub_nav_box { display: inline-block; margin: 0 auto; text-align: center; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li .sub_nav .sub_nav_box .sub_nav_item { float: left; margin: 0 15px; color: #8b8b8b; font-size: 14px; min-width: 160px; border-right: 1px dashed #e3e3e3; overflow: hidden; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li .sub_nav .sub_nav_box .sub_nav_item a {position: relative; display: inline-block; width: 100%; line-height: 20px; text-align: left; }
.top_icons{
  position: absolute;
  top: -10px;
  right: -3px;
  display: inline-block;
  color: white;
  font-size: 12px;
  border-radius: 32px;
  padding: 2px 9px;
  background-color: #ff9000;
}
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li .sub_nav .sub_nav_box .sub_nav_item a img { vertical-align: middle; padding: 0 0 3px 5px; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li .sub_nav .sub_nav_box .sub_nav_item a:hover { color: #2fb476; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li .sub_nav .sub_nav_box .sub_nav_item > ul { margin-top: 13px; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li .sub_nav .sub_nav_box .sub_nav_item > ul li { float: left; width: 33%; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li .sub_nav .sub_nav_box .sub_nav_item > ul li a { display: inline-block; width: 100%; padding: 0; font-size: 14px; text-align: left; line-height: 28px; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li .sub_nav .sub_nav_box .sub_nav_item > ul li a:hover { color: #2fb476; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li .sub_nav .sub_nav_box .icon_item { float: left; width: 120px; text-align: center; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li .sub_nav .sub_nav_box .icon_item > a { position: relative; display: inline-block; width: 100%; padding: 0; line-height: inherit; text-align: center; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li .sub_nav .sub_nav_box .icon_item > a > span { display: inline-block; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li .sub_nav .sub_nav_box .icon_item > a >  span > img { vertical-align: inherit!important; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li .sub_nav .sub_nav_box .icon_item > a > span .img2{ display: none; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li .sub_nav .sub_nav_box .icon_item > a .icon_tex { display: inline-block; width: 100%; color: #929292; font-size: 14px; line-height: 30px; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li .sub_nav .sub_nav_box .icon_item > a:hover .icon_tex { color: #2fb476; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li .sub_nav .sub_nav_box .icon_item > a:hover span .img1 { display: none; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li .sub_nav .sub_nav_box .icon_item > a:hover span .img2 { display: block; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li:hover a i .icon1 { display: none; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li:hover a i .icon2 { display: inline-block; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li:hover .sub_nav { display: inline-block; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul .alont_li { margin-left: 12px; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > .alont_li:hover { color: #2fb476; }
body .header .header_nav_content .header_nav_box .nav_search { position: relative; float: right; margin: 32px 1% 0 0; }
body .header .header_nav_content .header_nav_box .nav_search .search_select { position: absolute; display: none; min-width: 88px; font-size: 13px; line-height: 34px; left: -88px; text-align: center; border: 1px solid #e5e5e5; }
body .header .header_nav_content .header_nav_box .nav_search .search_select >span{ display: inline-block;min-width: 52px;}
body .header .header_nav_content .header_nav_box .nav_search .search_select > img { padding-left: 4px; padding-bottom: 2px; vertical-align: middle; }
body .header .header_nav_content .header_nav_box .nav_search .search_select .select_list { display: none; position: absolute; width: 89px; left: -1px; top: 34px; border: 1px solid #e5e5e5; box-sizing: border-box; background-color: white; z-index: 999; }
body .header .header_nav_content .header_nav_box .nav_search .search_select .select_list > li { width: 100%; }
body .header .header_nav_content .header_nav_box .nav_search .search_select .select_list > li a { display: inline-block; width: 100%; padding-left: 22%; text-align: left; font-size: 12px; box-sizing: border-box; }
body .header .header_nav_content .header_nav_box .nav_search .search_select .select_list > li a:hover { color: #2fb476; background-color: #e3e3e3; }
body .header .header_nav_content .header_nav_box .nav_search .search_box { position: relative; float: left; }
body .header .header_nav_content .header_nav_box .nav_search .search_box .search { position: relative; width: 238px; padding-left: 15px; color: #787878; line-height: 34px; height: 34px; border-radius: 4px; border: 1px solid  #e5e5e5; }
body .header .header_nav_content .header_nav_box .nav_search .search_box .search_icon { position: absolute; right: 12px; top: 50%; margin-top: -10px; }
body .header .header_nav_content .header_nav_box .nav_search .search_box .search_val { position: absolute; font-size: 13px; left: 15px; line-height: 34px; top: 50%; margin-top: -17px; color: #787878; }
body .container_banner { position: relative; width: 100%; height: 640px; }
body .container_banner .form_box { position: absolute; width: 940px; padding: 24px 40px; top: 67%; left: 50%; margin-left: -471px; box-sizing: border-box; background-color: rgba(253, 253, 253, 0.84); z-index: 999; }
body .container_banner .form_box .form_tip { position: relative; display: inline-block; width: 100%; text-align: center; line-height: 40px; }
body .container_banner .form_box .form_tip span { display: inline-block; color: #6e6e6e; line-height: 56px; vertical-align: text-bottom; }
body .container_banner .form_box .form_tip .number_tip { display: inline-block; padding: 6px 10px; margin: 0 10px; background-color: #eeeeee; border: 1px solid #dcdcdc; border-radius: 4px; box-shadow: 0 0 10px #cec7c7; }
body .container_banner .form_box .form_tip .number_tip .nub_item { position: relative; float: left; width: 25px; color: #ff9000; font-family: Helvetica; font-size: 23px; margin-right: 8px; line-height: 38px; height: 38px; border-radius: 4px; background-color: #ffffff; box-shadow: 0 0 10px #dbdbdb; overflow: hidden; }
body .container_banner .form_box .form_tip .number_tip .nub_item ul { position: absolute; top: 0; width: 25px; }
/*body .container_banner .form_box .form_tip .number_tip .nub_item .nub{background: url("../images/number1.png")}*/
body .container_banner .form_box .form_tip .number_tip .nub_item:last-child { margin-right: 0; }
body .container_banner .form_box .form_tip .number_tip:before { position: absolute; content: ""; left: 0; top: 27px; width: 13%; height: 1px; background-color: #dbdbdb; }
body .container_banner .form_box .form_tip .number_tip:after { position: absolute; content: ""; right: 0; top: 27px; width: 13%; height: 1px; background-color: #dbdbdb; }
body .container_banner .form_box .form_content { margin-top: 10px; }
body .container_banner .notice_content { position: absolute; padding: 0 15px; width: 360px; height: 36px; top: 7%; right: 10%; overflow: hidden; background-color: rgba(64, 58, 58, 0.42); z-index: 9999; border-radius: 4px; box-sizing: border-box; }
body .index_common_company .company_content_box{position: relative; height: 485px;  overflow: hidden;}
body .container_banner .notice_content > span { display: inline-block;     vertical-align: top;  line-height: 45px;}
body .container_banner .notice_content ul{display: inline-block}
body .container_banner .notice_content a { display: inline-block; color: white; font-size: 13px; line-height: 35px; max-width: 290px; overflow: hidden; z-index: 9999; }
body .container_banner .notice_content a em { color: orange; }
body .min_banner { display: none; }
body .index_entries { padding: 22px 0; width: 100%; background-color: white; }
body .index_entries .entries_box { width: 100%; text-align: center; }
body .index_entries .entries_box > ul { display: inline-block; padding-bottom: 10px; }
body .index_entries .entries_box > ul li { float: left; width: 320px; height: 137px; margin-right: 20px; border: 1px solid #e3e3e3; box-sizing: border-box; }
body .index_entries .entries_box > ul li a { display: inline-block; width: 100%; height: 100%; padding: 28px 25px; font-family: 微软雅黑; box-sizing: border-box; background-color: white; -webkit-transition: 0.7s ease; -moz-transition: 0.7s ease; -ms-transition: 0.7s ease; -o-transition: 0.7s ease; transition: 0.7s ease; }
body .index_entries .entries_box > ul li a .entries_info { float: left; }
body .index_entries .entries_box > ul li a .entries_info h5 { font-size: 22px; color: #333; font-weight: bold; text-align: left; line-height: 50px; }
body .index_entries .entries_box > ul li a .entries_info > span { color: #868686; }
body .index_entries .entries_box > ul li a .entries_icon { float: right; }
body .index_entries .entries_box > ul li:last-child { margin-right: 5px; }
body .index_entries .entries_box > ul li:hover { border: none; }
body .index_entries .entries_box > ul li:hover a { padding: 26px 25px; box-shadow: 0px 4px 19px 6px #f1f1f1; }
body .index_common_case { width: 100%; background-color: #f8f8f8; }
body .index_common_case .content_wrapper .case_content { display: inline-block; width: 100%; }
body .index_common_case .content_wrapper .case_content .theme_banner { width: 670px; height: 473px; float: left; overflow: hidden; }
body .index_common_case .content_wrapper .case_content .theme_banner .theme_box a img { width: 100%; }
body .index_common_case .content_wrapper .case_content .theme_part { width: 790px; float: right; }
body .index_common_case .content_wrapper .case_content .theme_part .theme_item { position: relative; float: left; width: 376px; height: 226px; margin-left: 18px; margin-bottom: 17px; overflow: hidden; }
body .index_common_case .content_wrapper .case_content .theme_part .theme_item a { display: inline-block; }
body .index_common_case .content_wrapper .case_content .theme_part .theme_item a > img { width: 100%; }
body .index_common_case .content_wrapper .case_content .theme_part .theme_item .mask_div { position: absolute; transition: all 0.5s; top: -100%; width: 100%; height: 100%; text-align: center; background-color: rgba(51, 189, 125, 0.61); }
body .index_common_case .content_wrapper .case_content .theme_part .theme_item .mask_div .mask_content { margin-top: 56px; }
body .index_common_case .content_wrapper .case_content .theme_part .theme_item .mask_div .mask_content h6 { display: inline-block; font-size: 22px; color: white; line-height: 40px;    width: 91%;  height: 40px;  overflow: hidden; }
body .index_common_case .content_wrapper .case_content .theme_part .theme_item .mask_div .mask_content p { font-size: 14px; color: white; line-height: 32px; padding-bottom: 8px; }
body .index_common_case .content_wrapper .case_content .theme_part .theme_item .mask_div .mask_content .look_link { width: 112px; font-size: 14px; color: white; line-height: 34px; border-radius: 5px; letter-spacing: 1px; background-color: orange; }
body .index_common_case .content_wrapper .case_content .theme_part .theme_item:hover .mask_div { top: 0; }
body .index_common_case .content_wrapper .case_content .layout_part { width: 100%; }
body .index_common_case .content_wrapper .case_content .layout_part .layout_content { display: inline-block; width: 100%; }
body .index_common_case .content_wrapper .case_content .layout_part .layout_content ul { float: left; }
body .index_common_case .content_wrapper .case_content .layout_part .layout_content ul li { float: left; margin-right: 16px; width: 175px; height: 100px; border: 1px solid #e3e3e3; box-sizing: border-box; }
body .index_common_case .content_wrapper .case_content .layout_part .layout_content ul li a { display: inline-block; width: 100%; padding: 26px 20px; box-sizing: border-box; }
body .index_common_case .content_wrapper .case_content .layout_part .layout_content ul li a .type_icon { float: left; margin-top: 3px; }
body .index_common_case .content_wrapper .case_content .layout_part .layout_content ul li a .tex { display: inline-block; float: right; text-align: center; min-width: 64px; line-height: 44px; }
body .index_common_case .content_wrapper .case_content .layout_part .layout_content .grab_link { display: inline-block; float: right; }
body .index_common_case .content_wrapper .case_content .layout_part .layout_content ul li a .type_icon .img2{display: none}
body .index_common_case .content_wrapper .case_content .layout_part .layout_content ul li a:hover .type_icon .img1{display: none}
body .index_common_case .content_wrapper .case_content .layout_part .layout_content ul li a:hover .type_icon .img2{display: block}
body .index_common_case .content_wrapper .case_content .layout_part .layout_content ul li a:hover .tex{color: #00ad28}
body .index_common_company .company_content .company_item { position: relative; float: left; width: 350px; height: 458px; margin: 5px 5px 17px 10px; box-sizing: border-box; -webkit-transition: 0.7s ease; -moz-transition: 0.7s ease; -ms-transition: 0.7s ease; -o-transition: 0.7s ease; transition: 0.7s ease; overflow: hidden; }
body .index_common_company .company_content .company_item .item_img { width: 350px; height: 230px; overflow: hidden; }
body .index_common_company .company_content .company_item .alone_icon{ position: absolute;display: inline-block;width: 48px;  top:0; left: 4%;z-index: 999}
body .index_common_company .company_content .company_item .alone_icon  img{width: 100%}
body .index_common_company .company_content .company_item .item_img img { transition: all .7s; }
body .index_common_company .company_content .company_item .company_logo { position: absolute; left: 50%; margin-left: -62px; top: 164px; width: 124px; height: 124px; border-radius: 50%; background-color: white; border: 1px solid #e3e3e3; overflow: hidden; }
body .index_common_company .company_content .company_item .company_logo a { display: inline-block; width: 100%; text-align: center; }
body .index_common_company .company_content .company_item .company_logo a img { width: 100%; padding-top:25px;}
body .index_common_company .company_content .company_item .item_detail { width: 100%; padding-top: 62px; border: 1px solid #e3e3e3; box-sizing: border-box; border-top: none; }
body .index_common_company .company_content .company_item .item_detail h5 { padding-top: 15px; font-size: 18px; text-align: center; line-height: 35px; }
body .index_common_company .company_content .company_item .item_detail h5 a { display: inline-block; }
body .index_common_company .company_content .company_item .item_detail p { text-align: center; }
body .index_common_company .company_content .company_item .item_detail p a { display: inline-block; font-size: 15px; line-height: 30px; color: #b3b3b3; min-width: 110px; }
body .index_common_company .company_content .company_item .item_detail p a font { color: #ff9000; }
body .index_common_company .company_content .company_item .item_detail .link_box { padding: 20px 0; width: 100%; text-align: center; }
body .index_common_company .company_content .company_item .item_detail .link_box .link_tex { display: inline-block; width: 148px; color: #27c27b; line-height: 42px; text-align: center; border-radius: 5px; box-sizing: border-box; border: 1px solid #2fb476; }
body .index_common_company .company_content .company_item:last-child { margin-right: 0; }
body .index_common_company .company_content .company_item:hover { box-shadow: 0px 4px 19px 6px #f1f1f1; }
body .index_common_company .company_content .company_item:hover .item_img img { opacity: 0.8; transition: 0.7s ease; -webkit-transform: scale(1.06); -ms-transform: scale(1.06); transform: scale(1.06); }
body .index_common_company .company_content .company_item:hover .item_detail { border: none; }
body .index_common_company .company_content .company_item:hover .item_detail .link_tex { color: white; background-color: #ff9000; border: none; }
body .index_common_company h4 { padding-bottom: 10px; font-size: 30px; text-align: center; }
body .index_common_company .index_process > ul { display: inline-block; width: 100%; padding: 32px 0; }
body .index_common_company .index_process > ul li { float: left; margin-right: 66px; text-align: center; }
body .index_common_company .index_process > ul li i { display: inline-block; }
body .index_common_company .index_process > ul li span { display: inline-block; width: 100%; font-size: 17px; line-height: 32px; }
body .index_common_company .index_process > ul li p { font-size: 14px; color: #b3b3b3; line-height: 20px; }
body .index_common_company .index_process > ul li:last-child { margin-right: 0; }
body .index_common_company .index_process .index_step ul li { float: left; text-align: center; }
body .index_common_company .index_process .index_step ul li i { display: inline-block; padding: 0 5px; }
body .index_common_company .index_process .index_step ul li span { display: inline-block; width: 170px; height: 1px; margin: 0 0 18px 0; background-color: #efeded; }
body .index_common_company .index_process .index_step ul li:nth-child(1) i { margin-left: 52px; }
body .index_common_company .index_process .index_step ul li:last-child span { width: 0; }
body .index_common_design { background-color: #f8f8f8; }
body .index_common_design .design_content { margin: 64px 0 30px  0; }
body .index_common_design .design_content .design_box { position: relative; display: inline-block; width: 100%;height: 528px; padding: 45px 30px; border: 1px solid #e3e3e3; background-color: white; box-sizing: border-box; }
body .index_common_design .design_content .design_box .design_details { float: left; margin: 0 100px; width: 548px; }
body .index_common_design .design_content .design_box .design_details .design_info_head { width: 100%; overflow: hidden; }
body .index_common_design .design_content .design_box .design_details .design_info_head .design_logo { float: left; display: inline-block; width: 83px; height: 83px; border-radius: 50%; overflow: hidden; }
body .index_common_design .design_content .design_box .design_details .design_info_head .design_info { float: left; margin-left: 15px; }
body .index_common_design .design_content .design_box .design_details .design_info_head .design_logo img{width: 100%}
body .index_common_design .design_content .design_box .design_details .design_info_head .design_info .name_tex { color: #b3b3b3; float: left; line-height: 52px; }
body .index_common_design .design_content .design_box .design_details .design_info_head .design_info .name_tex font { font-size: 19px; color: #2fb476; line-height: 35px; }
body .index_common_design .design_content .design_box .design_details .design_info_head .design_info .name_tex em { padding-left: 15px; font-size: 13px; }
body .index_common_design .design_content .design_box .design_details .design_info_head .design_info .superior { color: #b3b3b3; font-size: 13px; }
body .index_common_design .design_content .design_box .design_details .design_info_head .about_design { margin: 20px 0; float: right; color: white; width: 146px; font-size: 14px; text-align: center; line-height: 42px; border-radius: 5px; background-color: #ff9000; }
body .index_common_design .design_content .design_box .design_details .idea_box { position: relative;  display: inline-block;  width: 100%;  min-height: 48px;  margin: 42px 0;  padding: 0 44px; }
body .index_common_design .design_content .design_box .design_details .idea_box .idea { position: absolute; display: inline-block; line-height: 38px; font-size: 30px; font-weight: bold; color: #2fb476; z-index: 1;max-width: 440px; }
body .index_common_design .design_content .design_box .design_details .idea_box .idea:before { position: absolute; content: ""; width: 49px; height: 37px; top: -19px; left: -40px; background: url(../images/symbol1.png); z-index: -1; }
body .index_common_design .design_content .design_box .design_details .idea_box .idea:after { position: absolute; content: ""; width: 34px; height: 27px; top: 5px; right: -43px; background: url(../images/symbol2.png); }
body .index_common_design .design_content .design_box .design_details .title_font { position: relative; line-height: 30px; text-align: center; }
body .index_common_design .design_content .design_box .design_details .title_font:before { position: absolute; content: ""; width: 20%; height: 1px; left: 18%; top: 15px; background-color: #e3e3e3; }
body .index_common_design .design_content .design_box .design_details .title_font:after { position: absolute; content: ""; width: 20%; height: 1px; right: 18%; top: 15px; background-color: #e3e3e3; }
body .index_common_design .design_content .design_box .design_details .case_ul { display: inline-block; width: 100%; padding-top: 20px; }
body .index_common_design .design_content .design_box .design_details .case_ul li { float: left; width: 260px; height: 160px; margin-right: 18px;overflow: hidden; }
body .index_common_design .design_content .design_box .design_details .case_ul li a { display: inline-block; }
body .index_common_design .design_content .design_box .design_details .case_ul li a  img{ width: 100% }
body .index_common_design .design_content .design_box .design_details .case_ul li:last-child { margin-right: 0; }
body .index_common_design .design_content .design_box .design_item_list { position: absolute; right: -3px; top: -16px; width: 614px; height: 560px; background: url("../images/lv_img.png"); }
body .index_common_design .design_content .design_box .design_item_list .item_box { margin: 90px 70px 90px 90px; }
body .index_common_design .design_content .design_box .design_item_list .item_box ul li { float: left; margin-right: 39px; margin-bottom: 60px; }
body .index_common_design .design_content .design_box .design_item_list .item_box ul li a { display: inline-block; width: 83px; height: 83px; border: 1px solid #b7b6b6; border-radius: 50%; overflow: hidden; box-sizing: border-box; }
body .index_common_design .design_content .design_box .design_item_list .item_box ul li .click_tag { border: 2px solid #ffcc00; }
body .index_common_design .design_content .design_box .design_item_list .item_box ul li:nth-child(4n+0) { margin-right: 0; }
body .index_common_design .design_content .design_box .design_item_list .item_box ul li a img{width: 100%}
body .index_common_raiders .raiders_content { padding: 40px 0; overflow: hidden; }
body .index_common_raiders .raiders_content .raiders_term { float: left; width: 473px; margin-right: 20px; }
body .index_common_raiders .raiders_content .raiders_term .raiders_item { width: 100%; height: 250px; border: 1px solid #e3e3e3; border-top: none; box-sizing: border-box; }
body .index_common_raiders .raiders_content .raiders_term .raiders_item ul { display: inline-block; padding: 25px; width: 100%; box-sizing: border-box; }
body .index_common_raiders .raiders_content .raiders_term .raiders_item ul li { float: left; margin-right: 37px; width: 54px; text-align: center; }
body .index_common_raiders .raiders_content .raiders_term .raiders_item ul li a { display: inline-block; }
body .index_common_raiders .raiders_content .raiders_term .raiders_item ul li a span { display: inline-block; }
body .index_common_raiders .raiders_content .raiders_term .raiders_item ul li a span .img2 { display: none; }
body .index_common_raiders .raiders_content .raiders_term .raiders_item ul li a > p { line-height: 30px; }
body .index_common_raiders .raiders_content .raiders_term .raiders_item ul li a:hover span .img1  { display: none; }
body .index_common_raiders .raiders_content .raiders_term .raiders_item ul li a:hover span .img2  { display: block; }
body .index_common_raiders .raiders_content .raiders_term .raiders_item ul li a:hover p{ color: #00ad28 }
body .index_common_raiders .raiders_content .raiders_term .raiders_item ul li:last-child { margin-right: 0; }
body .index_common_raiders .raiders_content .raiders_term .raiders_item .item_ul1 { padding: 86px 25px; }
body .index_common_raiders .raiders_content .raiders_term .raiders_item .item_ul2 { padding: 30px 25px; }
body .index_common_raiders .raiders_content .raiders_term .raiders_item .item_ul2 li { margin-right: 68px; margin-bottom: 22px; }
body .index_common_raiders .raiders_content .raiders_term .raiders_item .item_ul2 li:nth-child(4n+0) { margin-right: 0; }
body .index_common_raiders .raiders_content .raiders_term .raiders_item .item_ul3 { padding: 86px 116px; }
body .index_common_raiders .raiders_content .raiders_term .raiders_item .item_ul3 li { margin-right: 128px; }
body .index_common_raiders .raiders_content .raiders_term .raiders_item .item_ul3 li:last-child { margin-right: 0; }
body .index_common_raiders .raiders_content .raiders_term:last-child { margin-right: 0; }
body .index_common_raiders .raiders_type_list { display: inline-block; width: 100%; padding-top: 4px; padding-bottom: 15px; }
body .index_common_raiders .raiders_type_list .type_item { float: left; width: 340px; margin-left: 6px; margin-right: 17px; padding: 2px; border: 1px solid #e3e3e3; -webkit-transition: 0.7s ease; -moz-transition: 0.7s ease; -ms-transition: 0.7s ease; -o-transition: 0.7s ease; transition: 0.7s ease; }
body .index_common_raiders .raiders_type_list .type_item .type_item_head { padding: 44px 0 38px 0; height: 172px; text-align: center; box-sizing: border-box; border-bottom: 1px dashed  #e3e3e3; }
body .index_common_raiders .raiders_type_list .type_item .type_item_head span { display: inline-block; width: 100%; line-height: 40px; font-size: 18px; }
body .index_common_raiders .raiders_type_list .type_item .type_item_head i{display: inline-block}
body .index_common_raiders .raiders_type_list .type_item .type_item_head i .img2{display: none}
body .index_common_raiders .raiders_type_list .type_item .type_item_content { height: 320px; overflow: hidden}
body .index_common_raiders .raiders_type_list .type_item .type_item_content ul{padding: 20px 25px 0 40px;}
body .index_common_raiders .raiders_type_list .type_item .type_item_content ul li { position: relative; color: #e3e3e3; }
body .index_common_raiders .raiders_type_list .type_item .type_item_content ul li:before {position: absolute;  content: "";  width: 8px;  left: -20px;  top: 50%;  margin-top: -4px;  height: 8px;  background-color: #e3e3e3; border-radius: 50%;}
body .index_common_raiders .raiders_type_list .type_item .type_item_content ul li a { display: inline-block;white-space: nowrap; text-overflow: ellipsis; width: 100%; font-size: 15px; color: #808080; line-height: 36px;  overflow:hidden; }
body .index_common_raiders .raiders_type_list .type_item .type_item_content ul li a:hover { color: #2fb476; }
body .index_common_raiders .raiders_type_list .type_item .type_item_content .arrow_icon { text-align: center; padding-top: 8px; }
body .index_common_raiders .raiders_type_list .type_item .type_item_content .arrow_icon a { display: inline-block;width: 52px; }
body .index_common_raiders .raiders_type_list .type_item .type_item_content .arrow_icon a img{ width: 100%; }
body .index_common_raiders .raiders_type_list .type_item:hover { padding: 0 2px; box-shadow: -1px 8px 20px 5px #ececec; }
body .index_common_raiders .raiders_type_list .type_item:hover .type_item_head { background: url("../images/back_img.jpg"); }
body .index_common_raiders .raiders_type_list .type_item:hover .type_item_head > span { color: white; }
body .index_common_raiders .raiders_type_list .type_item:hover .type_item_head i .img2 { display: block }
body .index_common_raiders .raiders_type_list .type_item:hover .type_item_head i .img1 { display: none }
body .index_common_raiders .raiders_type_list .type_item:last-child { margin-right: 0; }
body .index_common_qa { background-color: #f8f8f8; }
body .index_common_qa .qa_content { height: 472px; overflow: hidden; }
body .index_common_qa .qa_content .qa_left {position: relative; width: 730px; height: 472px; float: left;overflow: hidden }
body .index_common_qa .qa_content .qa_left .qa_banner_box a { display: inline-block; }
body .index_common_qa .qa_content .qa_right { float: left; width: 650px; margin-left: 20px; }
body .index_common_qa .qa_content .qa_right .qa_item { display: inline-block; height: 120px; margin-bottom: 18px; }
body .index_common_qa .qa_content .qa_right .qa_item .min_img { float: left; width: 180px; height: 120px; }
body .index_common_qa .qa_content .qa_right .qa_item .min_img img { width: 100%; }
body .index_common_qa .qa_content .qa_right .qa_item .decorate_info { float: left; width: 459px; margin-left: 10px; }
body .index_common_qa .qa_content .qa_right .qa_item .decorate_info .tex_link {  display: inline-block; width: 100%; font-size: 17px; line-height: 24px;white-space: nowrap;  text-overflow: ellipsis;  overflow: hidden; }
body .index_common_qa .qa_content .qa_right .qa_item .decorate_info .tex_link:hover { color: #2fb476; }
body .index_common_qa .qa_content .qa_right .qa_item .decorate_info > p { font-size: 14px; color: #929292; line-height: 30px;    white-space: nowrap;  text-overflow: ellipsis; overflow: hidden }
body .index_common_qa .qa_content .qa_right .qa_item .decorate_info .font_sty { float: left; margin-top: 37px; }
body .index_common_qa .qa_content .qa_right .qa_item .decorate_info .font_sty font:nth-child(2){padding-left: 20px;}
body .index_common_qa .qa_content .qa_right .qa_item .decorate_info .font_sty font { font-size: 14px; color: #929292; line-height: 30px; }
body .index_common_qa .qa_content .qa_right .qa_item .decorate_info .font_sty font em { color: #2fb476; }
body .index_common_qa .qa_content .qa_right .qa_item .decorate_info .so_left { float: left; }
body .index_common_qa .qa_content .qa_right .qa_item .decorate_info .so_right { float: right; }
body .index_common_qa .qa_content .qa_right .gradient_box > a { display: inline-block; float: left; width: 305px; color: white; line-height: 52px; text-align: center; border-radius: 4px; background: -webkit-linear-gradient(left, #2db483, #28b3ae); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #2db483, #28b3ae); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #2db483, #28b3ae); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #2db483, #28b3ae); /* 标准的语法（必须放在最后） */ }
body .index_common_qa .qa_content .qa_right .gradient_box a:last-child { float: right; }
body .index_common_data .data_content .data_list { display: inline-block; width: 100%; padding: 40px 0; }
body .index_common_data .data_content .data_list .type_item { float: left; padding: 2px; margin-left: 7px; width: 465px; margin-right: 12px; border: 1px solid #e3e3e3; -webkit-transition: 0.7s ease; -moz-transition: 0.7s ease; -ms-transition: 0.7s ease; -o-transition: 0.7s ease; transition: 0.7s ease; }
body .index_common_data .data_content .data_list .type_item .data_item_head { padding: 28px 0 38px 0; margin: 0 15px; height: 154px; text-align: center; box-sizing: border-box; border-bottom: 1px dashed  #e3e3e3; }
body .index_common_data .data_content .data_list .type_item .data_item_head span { display: inline-block; width: 100%; line-height: 40px; font-size: 18px; }
body .index_common_data .data_content .data_list .type_item .data_item_content ul li { margin: 18px 18px 0 18px;  overflow: hidden; }
body .index_common_data .data_content .data_list .type_item .data_item_content ul li  { display: inline-block; height: 108px;width: 100%; }
body .index_common_data .data_content .data_list .type_item .data_item_content ul li {display: inline-block; }
body .index_common_data .data_content .data_list .type_item .data_item_content ul li  .item_img { float: left; width: 166px; height: 108px; overflow: hidden; }
body .index_common_data .data_content .data_list .type_item .data_item_content ul li  .item_img img { width: 100%; height: 100%;}
body .index_common_data .data_content .data_list .type_item .data_item_content ul li  .data_info { position: relative; float: left; width: 252px; margin-left: 10px; }
body .index_common_data .data_content .data_list .type_item .data_item_content ul li  .data_info .font_title { color: #353535; line-height: 24px;font-size: 16px;     white-space: nowrap;  text-overflow: ellipsis;overflow: hidden}
body .index_common_data .data_content .data_list .type_item .data_item_content ul li  .data_info > p { font-size: 14px; color: #929292; line-height: 30px; }
body .index_common_data .data_content .data_list .type_item .data_item_content ul li  .data_info .font_sty { float: left; margin-top: 28px; }
body .index_common_data .data_content .data_list .type_item .data_item_content ul li  .data_info .alone_font {position: absolute;  bottom: -26px;}
body .index_common_data .data_content .data_list .type_item .data_item_content ul li  .font_sty font { font-size: 14px; color: #929292; line-height: 30px; }
body .index_common_data .data_content .data_list .type_item .data_item_content ul li  .data_info .font_sty font em { color: #2fb476; }
body .index_common_data .data_content .data_list .type_item .data_item_content ul li  .data_info .so_left { float: left;margin-right: 20px; }
body .index_common_data .data_content .data_list .type_item .data_item_content ul li  .data_info .so_right { margin-left: 20px; float: left; }
body .index_common_data .data_content .data_list .type_item .data_item_content ul li:last-child { margin: 18px; }
body .index_common_data .data_content .data_list .type_item .data_item_content .arrow_icon { text-align: center; padding-bottom: 10px; }
body .index_common_data .data_content .data_list .type_item .data_item_content .arrow_icon a { display: inline-block; }
body .index_common_data .data_content .data_list .type_item:last-child { margin-right: 0; }
body .index_common_data .data_content .data_list .type_item:hover { padding: 0px 2px; border: 1px solid whitesmoke; box-shadow: 1px 7px 20px 5px #ececec; }
body .index_common_zzj { background-color: #f4f4f4; }
body .index_common_zzj .info_content h3 { padding-bottom: 40px; font-size: 34px; text-align: center; line-height: 60px; }
body .index_common_zzj .info_content ul { display: inline-block; width: 100%; padding-bottom: 40px; border-bottom: 1px solid #e3e3e3; }
body .index_common_zzj .info_content ul li { float: left; width: 33.33%; }
body .index_common_zzj .info_content ul li .info_list { text-align: center; }
body .index_common_zzj .info_content ul li .info_list .info_icon { display: inline-block; }
body .index_common_zzj .info_content ul li .info_list .info_tex { display: inline-block; width: 100%; line-height: 48px; }
body .index_common_zzj .info_content ul li .info_list p { line-height: 36px; }
body .index_common_zzj .info_content ul li .info_list p font { font-size: 27px; font-weight: bold; color: #2fb476; }
body .index_common_zzj .index_container_link { padding: 20px 0; }
body .index_common_zzj .index_container_link .link_content { display: inline-block; width: 100%; padding-bottom: 10px; }
body .index_common_zzj .index_container_link .link_content .link_item { display: inline-block; float: left; margin-right: 30px; line-height: 40px; max-width: 200px; }
body .index_common_zzj .index_container_link .link_content .qq_info { float: right; margin: 12px 0; }
body .index_common_zzj .index_container_link .item_font_box { width: 100%; }
body .index_common_zzj .index_container_link .item_font_box ul li { float: left; margin-right: 20px; }
body .index_common_zzj .index_container_link .item_font_box ul li a { font-size: 13px; color: #b3b3b3; line-height: 30px; }
body .index_common_zzj .index_container_link .item_font_box:nth-child(2){display: none}
body .index_common_zzj .index_container_link .item_font_box:nth-child(3){display: none}

body .footer { background-color: black; height:280px;}
body .footer .content_wrapper { padding: 40px 0 30px; }
body .footer .footer_left { float: left; width: 50%; }
body .footer .footer_left .footer_nav { padding: 20px  0; overflow: hidden; }
body .footer .footer_left .footer_nav ul li { float: left; }
body .footer .footer_left .footer_nav ul li a { position: relative; font-size: 15px; color: white; padding: 0 20px; }
body .footer .footer_left .footer_nav ul li a:after { position: absolute; content: ""; width: 1px; height: 14px; top: 3px; right: 0; background-color: #565656; }
body .footer .footer_left .footer_nav ul li:last-child a:after { display: none; }
body .footer .footer_left > p {  float: left; padding-left: 10px; color: #888787; font-size: 15px; font-family: Arial; line-height: 32px; padding-top: 10px; }

body .footer .footer_right { float: right; width: 50%; }
body .footer .footer_right .right_content { padding-top: 20px; text-align: right; overflow: hidden; }
body .footer .footer_right .right_content .qr_icon { display: inline-block; float: right; }
body .footer .footer_right .right_content .icon_box { float: right; margin-top: 56px; margin-right: 20px; }
body .footer .footer_right .right_content .icon_box .phone_icon { color: white; line-height: 30px; }
body .footer .footer_right .right_content .icon_box .phone_icon a { display: inline-block; vertical-align: middle; }
body .footer .footer_right .right_content .icon_box .phone_icon font { padding: 0 10px; }
body .footer .footer_right .right_content .icon_box .alon_nub { font-family: Arial; font-weight: bold; color: white; font-size: 38px; }

@media (max-width: 1460px) and (min-width: 0px) { .input_container { margin-right: 15px; }
  .input_container select { width: 142px; font-size: 13px; height: 40px; }
  .input_container input[type=text] { width: 215px; font-size: 13px; height: 36px; line-height: 36px; }
  .input_container input[type=button] { width: 180px; font-size: 15px; line-height: 38px; }
  .input_container:last-child { margin-left: 4px; }
  .content_wrapper { width: 1220px; margin: 0 auto; overflow: hidden; }
  body .header .header_top .first_header_nav { width: 1220px; }
  body .header .header_nav_content .header_nav_box { width: 1220px; }
  body .header .header_nav_content .header_nav_box .nav_content_left { margin: 10px 0  10px 5px; }
  body .header .header_nav_content .header_nav_box .nav_content_left .logo_box { width: 180px; }
  body .header .header_nav_content .header_nav_box .nav_content_left .logo_box img { width: 100%; }
  body .header .header_nav_content .header_nav_box .nav_content_left .min_banner { width: 180px; height: 54px; }
  body .header .header_nav_content .header_nav_box .nav_content_left .min_banner li a img { width: 100%; }
  body .header .header_nav_content .header_nav_box .nav_content { margin: auto; }
  body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul { margin: 0px 0; }
  body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li { padding: 0px; }
  body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li a { font-size: 14px; line-height: 73px; }
  body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li .sub_nav { top: 55px; padding: 20px 0; margin-top: 20px; }
  body .header .header_nav_content .header_nav_box .nav_search { margin: 22px 1% 0 0; }
  body .max_banner { display: none; }
  body .container_banner { height: 430px; }
  body .container_banner .form_box { padding: 20px 25px; width: 780px; top: 66%; margin-left: -380px; }
  body .container_banner .form_box .form_tip .number_tip:before { width: 7%; }
  body .container_banner .form_box .form_tip .number_tip:after { width: 7%; }
  body .container_banner .form_box { padding: 10px 25px; }
  body .container_banner .form_box .form_tip .number_tip .nub_item { line-height: 39px; }
  body .container_banner .form_box .form_content { margin-top: 0; }
  body .min_banner { display: block; }
  body .footer .footer_left > p a { display: inline-block;width: 82px; padding: 0 5px; vertical-align: middle; }
  body .index_entries .entries_box ul li { width: 282px; height: 112px; }
  body .index_entries .entries_box ul li a { padding: 25px; }
  body .index_entries .entries_box ul li a .entries_icon { width: 70px; }
  body .index_entries .entries_box ul li a .entries_icon img { width: 100%; }
  body .index_entries .entries_box ul li a .entries_info h5 { font-size: 21px; line-height: 40px; }
  body .index_entries .entries_box ul li a .entries_info > span { font-size: 14px; }
  body .index_entries .entries_box ul li:nth-child(1) { margin-left: 5px; }
  body .index_entries .entries_box ul li:hover a { padding: 23px 24px; }
  body .index_common_case .content_wrapper .case_content .theme_banner { width: 560px; height: 396px; }
  body .index_common_case .content_wrapper .case_content .theme_part { width: 660px; }
  body .index_common_case .content_wrapper .case_content .theme_part .theme_item { width: 312px; height: 190px; }
  body .index_common_case .content_wrapper .case_content .layout_part .layout_content ul { padding: 12px 0; }
  body .index_common_case .content_wrapper .case_content .layout_part .layout_content ul li { width: 135px; height: 78px; }
  body .index_common_case .content_wrapper .case_content .layout_part .layout_content ul li a { padding: 16px 10px; }
  body .index_common_company .company_content_box{height: 372px;  }
  body .index_common_case .content_wrapper .case_content .theme_part .theme_item .mask_div .mask_content h6 { font-size: 17px;}
  body .index_common_company .company_content_box .company_content .company_item {position: relative;  width: 290px; height: 347px; -webkit-transition: 0.7s ease; -moz-transition: 0.7s ease; -ms-transition: 0.7s ease; -o-transition: 0.7s ease; transition: 0.7s ease; }
  body .index_common_company .company_content_box .company_content .company_item .item_img { width: 100%; height: 148px; }
  body .index_common_company .company_content_box .company_content .company_item .item_img img { width: 100%; }
  body .index_common_company .company_content_box .company_content .company_item .company_logo { position: absolute; margin-left: -50px; top: 90px; width: 100px; height: 100px; }
  body .index_common_company .company_content_box .company_content .company_item .item_detail { padding-top: 55px; }
  body .index_common_company .company_content_box .company_content .company_item .item_detail > h5 { padding-top: 0px; font-size: 16px; }
  body .index_common_company .company_content_box .company_content .company_item .item_detail p a { font-size: 14px; min-width: 93px; }
  body .index_common_company .company_content_box .company_content .company_item .item_detail .link_box .link_tex { width: 132px; line-height: 36px; }
  body .index_common_company .index_process ul li { margin-right: 32px; }
  body .index_common_company .index_process ul li span { font-size: 16px; }
  body .index_common_company .index_process ul li p { font-size: 13px; }
  body .index_common_company .index_process .index_step ul li { margin-right: 5px; }
  body .index_common_company .index_process .index_step ul li > span { width: 126px; }
  body .index_common_design .design_content .design_box { padding: 25px 30px;height: 490px; }
  body .index_common_design .design_content .design_box .design_details { margin: 0 15px; }
  body .index_common_design .design_content .design_box .design_item_list { width: 594px; height: 505px; }
  body .index_common_design .design_content .design_box .design_item_list .item_box { margin: 66px 70px 90px 90px; }
  body .index_common_design .design_content .design_box .design_item_list .item_box ul li { margin-right: 33px; }
  body .index_common_raiders .raiders_type_list .type_item .type_item_content ul li a{line-height: 32px;}
  body .index_common_raiders .raiders_content .raiders_term { width: 393px; }
  body .index_common_raiders .raiders_content .raiders_term > img { width: 100%; }
  body .index_common_raiders .raiders_content .raiders_term .raiders_item ul li { margin-right: 17px; }
  body .index_common_raiders .raiders_content .raiders_term .raiders_item ul li a { font-size: 14px; }
  body .index_common_raiders .raiders_content .raiders_term .raiders_item .item_ul2 li { margin-right: 37px; }
  body .index_common_raiders .raiders_content .raiders_term .raiders_item .item_ul3 { padding: 86px 76px; }
  body .index_common_raiders .raiders_type_list .type_item { width: 280px;   }
  body .index_common_raiders .raiders_type_list .type_item .type_item_head { padding: 25px 0 17px 0; height: 140px; }
  body .index_common_raiders .raiders_type_list .type_item .type_item_content ul { padding: 20px 10px 0 30px; }
  body .index_common_qa .qa_content { height: 367px; }
  body .index_common_qa .qa_content .qa_left { width: 50%;height: 368px; }
  body .index_common_qa .qa_content .qa_left .qa_banner_box a img { width: 100%; }
  body .index_common_qa .qa_content .qa_right { width: 589px; margin-left: 14px; }
  body .index_common_qa .qa_content .qa_right .qa_item { height: 96px; margin-bottom: 10px; }
  body .index_common_qa .qa_content .qa_right .qa_item .min_img { width: 144px; height: 96px; }
  body .index_common_qa .qa_content .qa_right .qa_item .decorate_info { width: 423px; }
  body .index_common_qa .qa_content .qa_right .qa_item .decorate_info .font_sty { margin-top: 23px; }
  body .index_common_qa .qa_content .qa_right .qa_item .decorate_info .tex_link { font-size: 14px; }
  body .index_common_qa .qa_content .qa_right .qa_item .decorate_info > p { font-size: 12px; line-height: 23px; }
  body .index_common_qa .qa_content .qa_right .qa_item .decorate_info .font_sty font { font-size: 13px; }
  body .index_common_qa .qa_content .qa_right .gradient_box a { width: 285px; line-height: 42px; }
  body .index_common_data .data_content .data_list .type_item { width: 384px;  }
  body .index_common_case .content_wrapper .case_content .layout_part .layout_content ul li a .tex{  min-width: 60px; }
  body .index_common_data .data_content .data_list .type_item .data_item_head { padding: 24px 0 38px 0; height: 143px; margin: 0 9px; }
  body .index_common_data .data_content .data_list .type_item .data_item_content ul li { margin: 12px 8px 0 8px; }
  body .index_common_data .data_content .data_list .type_item .data_item_content ul li  { height: 89px; }
  body .index_common_data .data_content .data_list .type_item .data_item_content ul li  .item_img { width: 138px; height: 89px; }
  body .index_common_data .data_content .data_list .type_item .data_item_content ul li  .data_info { width: 220px; }
  body .index_common_data .data_content .data_list .type_item .data_item_content ul li  .data_info > p { font-size: 13px; line-height: 22px; }
  body .index_common_data .data_content .data_list .type_item .data_item_content ul li  .data_info .font_sty { margin-top: 20px; }
  body .index_common_data .data_content .data_list .type_item .data_item_content ul li  .data_info .font_sty font { font-size: 13px; }
  body .index_common_data .data_content .data_list .type_item .data_item_content ul li:last-child { margin: 12px 8px 16px 8px; } }
body .footer .footer_right{width: 36%;}
body .footer .footer_left{width: 62%;}
body .footer .footer_left > p{font-size: 14px;  padding-top: 25px;}
.ico_list{ display:inline-block; background:url(../images/icolist.png) no-repeat; margin:0px 2px; vertical-align:middle;}
span.login_litico{ width:6px; height:5px; background-position:-350px -97px; margin-left:4px; padding:0px !important;}
.login_ico{ background:url(../images/login_ico.png) no-repeat; vertical-align:middle; display:inline-block;}
.denglu_ico{ width:20px; height:18px; background-position:0px 0px;}
.in_t_s_ico{ width:20px; height:20px; background-position:0px -177px;}
/*# sourceMappingURL=screen.css.map */


.index-ct{border-bottom: 1px solid #E5E5E5;}
.mt20{ margin-top:20px;}
.mainwd{width: 1220px;position: relative;margin:0px auto;}
.mb40{margin-bottom: 40px;}
/*友情链接*/
.index-link .link-tit{border-bottom: 1px solid #e6e6e6;height: 38px;line-height: 38px;}
.index-link .link-tit li{float:left;font-size:16px;margin-right:20px;cursor:pointer;color: #8e8e8e;}
.index-link .link-tit .q_link{position: absolute;  right: 155px;  top: -2px;  font-size: 13px;  color: #7f7979;}
.index-link .link-tit li.cur{color: #000000;}
.index-link .link-cont{width: 810px;margin-top: 20px;min-height:120px;}
.index-link .link-cont li{ float:left; margin:5px 15px 5px 5px;line-height: 20px;}
.index-link .link-cont li a{color: #8e8e8e;}


.cl{ clear:both; height:0px;}

/*客服*/
.index-ewm{width: 330px;position: absolute;top: 50px;right: 10px;}
.index-ewm .lt{width: 120px;height: 120px;}
.index-ewm .info{width: 200px;text-align: center;margin-top: 10px;}
.index-ewm .info .phone{font-size: 24px;padding: 10px 0;}
.index-ewm .info a.fontcl1{font-size: 14px;}
.index-ewm .info a.fontcl1:hover{color: #27C27B;}
.index-ewm .info a.kefu{display:inline-block;width: 150px;height: 25px;line-height: 25px;font-size: 14px;color: #FFFFFF;text-align: center;background: #27C27B;border-radius: 5px;margin-top: 15px;}

/*------------------------------------底部样式开始------------------------------------*/
.footer{width: 100%;min-width:1220px;height:216px;background: #000000;}
.footer .footer-nav{padding: 20px 0 30px;text-align: center;font-size: 14px;color: #FFFFFF;}
.footer .footer-nav a{color: #FFFFFF;margin: 0 5px;}
.footer .fkx-icon{width: 165px;height: 25px;background: url(../images/fkx.png) no-repeat;display: inline-block;vertical-align: middle;}
.footer .footer-div{text-align: center;margin-bottom: 40px;}
.footer .footer-div .xyyz{display: inline-block;}
.footer .footer-div .xyyz img{}
.footer p{color: #5d5d5d;font-size: 12px;text-align: center;line-height: 25px;}
/*------------------------------------底部样式结束------------------------------------*


/* 新  ---------------报价悬浮窗口样式*/
.character {  position: fixed; display:none;  width: 17.5%;  width: 270px; min-width: 260px; bottom: 0%;  left: 0px;  z-index: 999 }
.character .character_img{width: 100%;}
.character .arr_bord{position: absolute;  right: 49px;  top: 72%; width: 19%;}


/*.amin {  transition: all 0.5s;  opacity: 1;  -moz-transition: all 0.5s; !* Firefox 4 *!  -webkit-transition: all 0.5s; !* Safari and Chrome *!  }*/
/*.aminOut1 {  transition: all 0.5s;  opacity: 0;  -moz-transition: all 0.5s;  -webkit-transition: all 0.5s;  }*/
/*.amins2 {  transition: all 0.5s;  display: inline-block;  left: 0;  display: block;  -moz-transition: all 0.5s; !* Firefox 4 *!  -webkit-transition: all 0.5s; !* Safari and Chrome *!  }*/
/*.aminOut2 {  transition: all 0.8s;  left: -100%;  display: inline-block;  -moz-transition: all 0.8s; !* Firefox 4 *!  -webkit-transition: all 0.8s; !* Safari and Chrome *!  }*/
/*.hidden {  display: none;  }*/

/* 新  ---------------底部报价弹窗*/


#cnzz_stat_icon_1256542309{ position: absolute;  bottom: -22px;  right: -40px;}
#footer-container{transition: all 0.5s;  position: fixed;  width: 100%;  bottom:0px; z-index: 999; height: 150px;}
@keyframes myfirst
{
    0%{
        transform: scale(1);
        opacity: .8;
        background-color: #e8e2cd;
    }

    100%{
        transform: scale(1.3);
        opacity: 0;
        background-color: #ffefbd;
    }
}
.radius_box{
    position: absolute;
    display: inline-block;
    width: 200px;
    height: 100%;
    margin-left: 55px;
    top: 0px;
    overflow: hidden;
}
.Button_icon{
    position: relative;
    display: inline-block;
    width: 138px;
    border-radius: 50%;
    height: 138px;
    margin-top: -4px;
    margin-left: 12px;
}
.circle-animate{
    position: absolute;
    left: 10.3%;
    top: 50%;
    display: inline-block;
    width: 105px;
    height: 105px;
    margin-top: -53px;
    animation: myfirst 1.7s  infinite linear;
    z-index: 1;
    border-radius: 50%;
    -moz-animation: myfirst 1.7s  infinite linear;	/* Firefox */
    -webkit-animation: myfirst 1.7s  infinite linear;	/* Safari 和 Chrome */
    -o-animation: myfirst 1.7s  infinite linear;
}
.rua_img{
    position: absolute;
    left: 10.4%;
    top: 50%;
    margin-top: -52px;
    z-index: 99;
}

/*.bottom-box { position: fixed; width: 100%; left: 0; opacity: 0;  bottom: 0; z-index: 999}*/
.bottom-box .bottom-back { width: 100%; height: 150px; background-color: rgba(2, 2, 2, 0.7); }
.bottom-box .bottom-back .font_color { color: #fff837; }
.bottom-box .bottom-back .bottom-content { position: relative; width: 1230px; height: 100%; margin: 0 auto; }
.bottom-box .bottom-back .bottom-content .max_img { position: absolute; bottom: 0; width: 180px; }
.bottom-box .bottom-back .bottom-content .form_tab { padding: 3px 0 10px 215px; width: 800px; height: 100%; }
.bottom-box .bottom-back .bottom-content .form_tab .tex_item { float: left; margin-top: 10px;}
.bottom-box .bottom-back .bottom-content .form_tab .tex_item h3 { height: 39px; line-height: 42px; letter-spacing: 2px; color: white; font-size: 36px; font-weight: bold; }
.bottom-box .bottom-back .bottom-content .form_tab .tex_item h3 span { font-size: 36px; font-weight: bold; }
.bottom-box .bottom-back .bottom-content .form_tab .tex_item h5 { font-size: 21px; color: white; height: 35px; line-height: 42px; letter-spacing: 2px; }
.bottom-box .bottom-back .bottom-content .form_tab .tex_item p { color: white; font-size: 16px; padding-top: 20px; letter-spacing: 1px; }
.bottom-box .bottom-back .bottom-content .form_tab .from_item { width: 330px; float: left; margin-left: 90px;margin-top: 11px; }
.bottom-box .bottom-back .bottom-content .form_tab .from_item span { position: relative; display: inline-block; padding-bottom: 10px; }
.bottom-box .bottom-back .bottom-content .form_tab .from_item span select { width: 150px; height: 34px; color: #8d8e8e; font-size: 14px; padding-left: 7px; margin-right: 4px; }
.bottom-box .bottom-back .bottom-content .form_tab .from_item span input { position: relative; padding-left: 6px; width: 150px; margin-right: 3px; color: #8d8e8e; line-height: 28px; height: 34px; box-sizing: border-box; vertical-align: bottom; }
.bottom-box .bottom-back .bottom-content .form_tab .from_item span .square { position: absolute; color: #8d8e8e; font-size: 14px; left: 127px; top: 2px; }
.bottom-box .bottom-back .bottom-content .form_tab .tex_item h3 { font-size: 30px; }
.bottom-box .bottom-back .bottom-content .form_tab .tex_item h3 .font_color { font-size: 30px; }
.bottom-box .bottom-back .bottom-content .form_tab .tex_item .alont_p { line-height: 27px; letter-spacing: 2px; padding-top: 8px; }
.bottom-box .bottom-back .bottom-content .form_tab .tex_back {     position: relative;  margin-left: 30px;  float: left;     width: 260px;
    height: 145px; margin-top: 3px;  border-radius: 9px;  overflow: hidden; }
.bottom-box .bottom-back .bottom-content .form_tab .tex_back img{max-width: 100%;}
.bottom-box .bottom-back .bottom-content .form_tab .tex_back .tex_uit { position: absolute; top: 14px; width: 100%; left: 0; }
.bottom-box .bottom-back .bottom-content .form_tab .tex_back .tex_uit p { padding-top: 0; font-size: 14px; text-align: center; letter-spacing: 1px; line-height: 30px;color:rgba(41, 39, 39, 0.82) }
.bottom-box .bottom-back .bottom-content .form_tab .tex_back .tex_uit p span { display: inline-block; min-width: 70px; font-size: 20px; color: #ff9c00; }
.bottom-box .bottom-back .bottom-content .form_tab .RQ_tex { padding-top:3px; float: left; width: 120px; margin-left: 70px; text-align: center; }
.bottom-box .bottom-back .bottom-content .form_tab .RQ_tex > p { font-size: 14px; line-height: 16px; letter-spacing: 1px; color: white; }
/*.bottom-box .bottom-back .bottom-content .Button_icon { position: absolute; display: inline-block; margin-left: 55px; top: 2px; }*/
.bottom-box .bottom-back .bottom-content .menu_Close { position: absolute; right: 0; top: 2px; }
.bottom_item2 {display: none }
.bottom_item2 .bottom-back .bottom-content .form_tab2 { width: 1050px; padding-top: 0; }
.bottom_item2 .bottom-back .bottom-content .form_tab2 .tex_item { padding-top: 12px; }

/*------------------------------------底部右侧弹窗样式开始·报价------------------------------------*/
.bottom-float{width: 100%;min-width: 1220px;height: 450px;position: fixed;left: 0;right: 0;bottom:-385px;z-index: 55;}
.bottom-float .bg-opacity{height: 450px;}
.bottom-float .float-body{width: 1220px;margin: 0 auto;position: absolute;top: 4px;left: 0;right: 0;}
.bottom-float .float-body .float-img{;margin-top: -79px;margin-left: 110px;}
.bottom-float .float-body .float-img2{;margin-left: -52px;}
.bottom-float .float-body .floatBox{width: 950px;height: 384px;margin-left: 40px; background: #FFFFFF;position: relative;}
.bottom-float .floatBox .float-form{ position: relative; width: 430px; padding: 20px 78px 20px 25px;border-right: 1px solid #E5E5E5;}
.bottom-float .floatBox .float-form h2{color: #525252;}
.bottom-float .floatBox .float-form h2 span{font-size: 14px;margin-left: 15px;}
.bottom-float .floatBox .float-form em{color: #FF0000;line-height: 40px;vertical-align: top;}
.bottom-float .floatBox .float-form .input-div{ position: relative; margin-top: 20px;}
.bottom-float .floatBox .float-form .input-div .label_tb{width: 80px;line-height: 40px; display: inline-block;font-size: 14px;color: #525252;vertical-align: top;}
.bottom-float .floatBox .float-form .input-div #contact-error{position: absolute;  top: 6px;  right: 33px}
.bottom-float .floatBox .float-form .input-div #mobile-error{position: absolute;  top: 6px;  right: 33px}
.bottom-float .floatBox .float-form .input-div #house_mj-error{position: absolute;  top: 6px;  right: 33px}


.bottom-float .floatBox .float-form .input-div .text{height: 26px;line-height: 26px;padding: 6px 10px;margin: 0;border: 1px solid #E5E5E5;box-sizing: content-box;}
.bottom-float .floatBox .float-form .select-div{display: inline-block;width: 320px;}
.bottom-float .floatBox .float-form .select-div .w-81{margin-bottom: 20px;}
.bottom-float .floatBox .float-calculator{width: 292px;height: 310px;padding: 50px 30px 30px 80px;}
.bottom-float .floatBox .float-calculator h2{color: #525252;text-align: center;}
.bottom-float .floatBox .float-calculator ul{width: 290px;height: 150px;padding: 25px 0;}
.bottom-float .floatBox .float-calculator li{padding: 5px 0 0 80px;font-size: 14px;color: #525252;}
.bottom-float .floatBox .float-calculator li font{font-size: 18px;margin: 0 5px;}
.bottom-float .floatBox .float-calculator .phone{display: block; font-size: 14px;color: #37b48d;text-align: center;}
.bottom-float .floatBox .calculator-btn{width: 50px;height: 50px;padding: 40px; background: url(../images/bottom_btn.png) no-repeat;position: absolute;top: 125px;left: 470px;font-size: 16px;color: #ffffff;text-align: center;cursor: pointer;}
.bottom-float .float-body .float-ewm{width: 230px;height: 338px;position: absolute;top: 80px;right: 0;}
.bottom-float .float-body .float-openbtn{width: 40px;height: 52px;background: url(../images/open_img.png) no-repeat;position: absolute;right: 217px;top: 14px;cursor: pointer;}
.bottom-float .float-body .float-colsebtn{background: url(../images/close_img.png) no-repeat;top: 0;}

/*------------------------------------底部右侧弹窗样式结束·报价------------------------------------*/


   html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
        big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form,
        label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav,
        output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }
        .company_prev{display: inline-block; left: 10px;}
        .company_next{display: inline-block; right: 5px;}
        .body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li .sub_nav{height: auto}



/*------------------------------------animate.css 开始------------------------------------*/

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 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.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -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 {
  from, 20%, 53%, 80%, to {
    -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 {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    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 {
  from {
    -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);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -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);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

@-webkit-keyframes rubberBand {
  from {
    -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);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -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);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

@-webkit-keyframes shake {
  from, to {
    -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 {
  from, to {
    -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 headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: 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);
  }

  to {
    -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);
  }

  to {
    -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 {
  from {
    -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);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -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);
  }

  to {
    -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 {
  from {
    -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);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -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);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-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);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-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);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -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);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -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);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -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);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -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);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -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);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -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);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -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);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -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);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -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);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -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);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: 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);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

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

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

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

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

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

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

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

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

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

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

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

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 5%, 0);
    transform: translate3d(0, 5%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

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

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

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

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {

    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

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

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

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

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

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

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

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

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

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

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

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

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

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

@-webkit-keyframes flip {
  from {
    -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;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -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;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -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);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -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);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -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);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -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);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -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;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -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;
  }

  to {
    -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 {
  from {
    -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;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -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;
  }

  to {
    -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 {
  from {
    -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;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -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;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -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 {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -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 {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -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 {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -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 {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -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 {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -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 {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -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 {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -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 {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -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 {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -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 {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -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 {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -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 {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -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 {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -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;
  }

  to {
    -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;
  }

  to {
    -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 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    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 {
  from {
    opacity: 1;
  }

  to {
    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 {
  from {
    opacity: 1;
  }

  to {
    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 {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

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

@-webkit-keyframes zoomInDown {
  from {
    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 {
  from {
    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 {
  from {
    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 {
  from {
    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 {
  from {
    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 {
  from {
    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 {
  from {
    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 {
  from {
    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 {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

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

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(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);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(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);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

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

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

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

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(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);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(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 {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

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

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

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

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

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

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

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

/*------------------------------------msgBox.css bigin------------------------------------*/

body.stop-scrolling {
  height: 100%;
  overflow: hidden; }

.sweet-overlay {
  background-color: black;
  /* IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  /* IE8 */
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 10000; }

.msgbox {
  background-color: white;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  width: 478px;
  padding: 17px;
  border-radius: 5px;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -256px;
  margin-top: -200px;
  overflow: hidden;
  display: none;
  z-index: 99999; 
  border: 1px solid #ccc;
  }

  .msgbox h2 {
    color: #575757;
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    text-transform: none;
    position: relative;
    margin: 25px 0;
    padding: 0;
    line-height: 40px;
    display: block; 
  }

    
  .msgbox p {
    color: #797979;
    font-size: 16px;
    text-align: center;
    font-weight: 300;
    position: relative;
    text-align: inherit;
    float: none;
    margin: 0;
    padding: 0;
    line-height: normal; }
  .msgbox fieldset {
    border: none;
    position: relative; }
  .msgbox .sa-error-container {
    background-color: #f1f1f1;
    margin-left: -17px;
    margin-right: -17px;
    overflow: hidden;
    padding: 0 10px;
    max-height: 0;
    webkit-transition: padding 0.15s, max-height 0.15s;
    transition: padding 0.15s, max-height 0.15s; }
    .msgbox .sa-error-container.show {
      padding: 10px 0;
      max-height: 100px;
      webkit-transition: padding 0.2s, max-height 0.2s;
      transition: padding 0.25s, max-height 0.25s; }
    .msgbox .sa-error-container .icon {
      display: inline-block;
      width: 24px;
      height: 24px;
      border-radius: 50%;
      background-color: #ea7d7d;
      color: white;
      line-height: 24px;
      text-align: center;
      margin-right: 3px; }
    .msgbox .sa-error-container p {
      display: inline-block; }
  .msgbox .sa-input-error {
    position: absolute;
    top: 29px;
    right: 26px;
    width: 20px;
    height: 20px;
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.1s;
    transition: all 0.1s; }
    .msgbox .sa-input-error::before, .msgbox .sa-input-error::after {
      content: "";
      width: 20px;
      height: 6px;
      background-color: #f06e57;
      border-radius: 3px;
      position: absolute;
      top: 50%;
      margin-top: -4px;
      left: 50%;
      margin-left: -9px; }
    .msgbox .sa-input-error::before {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .msgbox .sa-input-error::after {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    .msgbox .sa-input-error.show {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1); }
  .msgbox input {
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    height: 43px;
    margin-top: 10px;
    margin-bottom: 17px;
    font-size: 18px;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
    padding: 0 12px;
    display: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
    .msgbox input:focus {
      outline: none;
      box-shadow: 0px 0px 3px #c4e6f5;
      border: 1px solid #b4dbed; }
      .msgbox input:focus::-moz-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
      .msgbox input:focus:-ms-input-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
      .msgbox input:focus::-webkit-input-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
    .msgbox input::-moz-placeholder {
      color: #bdbdbd; }
    .msgbox input:-ms-input-placeholder {
      color: #bdbdbd; }
    .msgbox input::-webkit-input-placeholder {
      color: #bdbdbd; }
  .msgbox.show-input input {
    display: block; }
  .msgbox button {
    background-color: #AEDEF4;
    color: white;
    border: none;
    box-shadow: none;
    font-size: 17px;
    font-weight: 500;
    -webkit-border-radius: 4px;
    border-radius: 5px;
    padding: 10px 32px;
    margin: 26px 5px 0 5px;
    cursor: pointer; }
    .msgbox button:focus {
      outline: none;
      box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); }
    .msgbox button:hover {
      background-color: #a1d9f2; }
    .msgbox button:active {
      background-color: #81ccee; }
    .msgbox button.cancel {
      background-color: #D0D0D0; }
      .msgbox button.cancel:hover {
        background-color: #c8c8c8; }
      .msgbox button.cancel:active {
        background-color: #b6b6b6; }
      .msgbox button.cancel:focus {
        box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; }
    .msgbox button::-moz-focus-inner {
      border: 0; }
  .msgbox[data-has-cancel-button=false] button {
    box-shadow: none !important; }
  .msgbox[data-has-confirm-button=false][data-has-cancel-button=false] {
    padding-bottom: 40px; }
  .msgbox .sa-icon {
    width: 80px;
    height: 80px;
    border: 4px solid gray;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    margin: 20px auto;
    padding: 0;
    position: relative;
    box-sizing: content-box; }
    .msgbox .sa-icon.sa-error {
      border-color: #F27474; }
      .msgbox .sa-icon.sa-error .sa-x-mark {
        position: relative;
        display: block; }
      .msgbox .sa-icon.sa-error .sa-line {
        position: absolute;
        height: 5px;
        width: 47px;
        background-color: #F27474;
        display: block;
        top: 37px;
        border-radius: 2px; }
        .msgbox .sa-icon.sa-error .sa-line.sa-left {
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          left: 17px; }
        .msgbox .sa-icon.sa-error .sa-line.sa-right {
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
          right: 16px; }
    .msgbox .sa-icon.sa-warning {
      border-color: #F8BB86; }
      .msgbox .sa-icon.sa-warning .sa-body {
        position: absolute;
        width: 5px;
        height: 47px;
        left: 50%;
        top: 10px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        margin-left: -2px;
        background-color: #F8BB86; }
      .msgbox .sa-icon.sa-warning .sa-dot {
        position: absolute;
        width: 7px;
        height: 7px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        margin-left: -3px;
        left: 50%;
        bottom: 10px;
        background-color: #F8BB86; }
    .msgbox .sa-icon.sa-info {
      border-color: #C9DAE1; }
      .msgbox .sa-icon.sa-info::before {
        content: "";
        position: absolute;
        width: 5px;
        height: 29px;
        left: 50%;
        bottom: 17px;
        border-radius: 2px;
        margin-left: -2px;
        background-color: #C9DAE1; }
      .msgbox .sa-icon.sa-info::after {
        content: "";
        position: absolute;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        margin-left: -3px;
        top: 19px;
        background-color: #C9DAE1; }
    .msgbox .sa-icon.sa-success {
      border-color: #A5DC86; }
      .msgbox .sa-icon.sa-success::before, .msgbox .sa-icon.sa-success::after {
        content: '';
        -webkit-border-radius: 40px;
        border-radius: 40px;
        border-radius: 50%;
        position: absolute;
        width: 60px;
        height: 120px;
        background: white;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
      .msgbox .sa-icon.sa-success::before {
        -webkit-border-radius: 120px 0 0 120px;
        border-radius: 120px 0 0 120px;
        top: -7px;
        left: -33px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 60px 60px;
        transform-origin: 60px 60px; }
      .msgbox .sa-icon.sa-success::after {
        -webkit-border-radius: 0 120px 120px 0;
        border-radius: 0 120px 120px 0;
        top: -11px;
        left: 30px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 0px 60px;
        transform-origin: 0px 60px; }
      .msgbox .sa-icon.sa-success .sa-placeholder {
        width: 80px;
        height: 80px;
        border: 4px solid rgba(165, 220, 134, 0.2);
        -webkit-border-radius: 40px;
        border-radius: 40px;
        border-radius: 50%;
        box-sizing: content-box;
        position: absolute;
        left: -4px;
        top: -4px;
        z-index: 2; }
      .msgbox .sa-icon.sa-success .sa-fix {
        width: 5px;
        height: 90px;
        background-color: white;
        position: absolute;
        left: 28px;
        top: 8px;
        z-index: 1;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      .msgbox .sa-icon.sa-success .sa-line {
        height: 5px;
        background-color: #A5DC86;
        display: block;
        border-radius: 2px;
        position: absolute;
        z-index: 2; }
        .msgbox .sa-icon.sa-success .sa-line.sa-tip {
          width: 25px;
          left: 14px;
          top: 46px;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }
        .msgbox .sa-icon.sa-success .sa-line.sa-long {
          width: 47px;
          right: 8px;
          top: 38px;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }
    .msgbox .sa-icon.sa-custom {
      background-size: contain;
      border-radius: 0;
      border: none;
      background-position: center center;
      background-repeat: no-repeat; }

/*
 * Animations
 */
@-webkit-keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

@keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

@-webkit-keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }

@keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }

@-webkit-keyframes slideFromTop {
  0% {
    top: 0%; }
  100% {
    top: 50%; } }

@keyframes slideFromTop {
  0% {
    top: 0%; }
  100% {
    top: 50%; } }

@-webkit-keyframes slideToTop {
  0% {
    top: 50%; }
  100% {
    top: 0%; } }

@keyframes slideToTop {
  0% {
    top: 50%; }
  100% {
    top: 0%; } }

@-webkit-keyframes slideFromBottom {
  0% {
    top: 70%; }
  100% {
    top: 50%; } }

@keyframes slideFromBottom {
  0% {
    top: 70%; }
  100% {
    top: 50%; } }

@-webkit-keyframes slideToBottom {
  0% {
    top: 50%; }
  100% {
    top: 70%; } }

@keyframes slideToBottom {
  0% {
    top: 50%; }
  100% {
    top: 70%; } }

.showSweetAlert[data-animation=pop] {
  -webkit-animation: showSweetAlert 0.3s;
  animation: showSweetAlert 0.3s; }

.showSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none; }

.showSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideFromTop 0.3s;
  animation: slideFromTop 0.3s; }

.showSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideFromBottom 0.3s;
  animation: slideFromBottom 0.3s; }

.hideSweetAlert[data-animation=pop] {
  -webkit-animation: hideSweetAlert 0.2s;
  animation: hideSweetAlert 0.2s; }

.hideSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none; }

.hideSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideToTop 0.4s;
  animation: slideToTop 0.4s; }

.hideSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideToBottom 0.3s;
  animation: slideToBottom 0.3s; }

@-webkit-keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@-webkit-keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@-webkit-keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }

@keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }

.animateSuccessTip {
  -webkit-animation: animateSuccessTip 0.75s;
  animation: animateSuccessTip 0.75s; }

.animateSuccessLong {
  -webkit-animation: animateSuccessLong 0.75s;
  animation: animateSuccessLong 0.75s; }

.sa-icon.sa-success.animate::after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in; }

@-webkit-keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }

@keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }

.animateErrorIcon {
  -webkit-animation: animateErrorIcon 0.5s;
  animation: animateErrorIcon 0.5s; }

@-webkit-keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }

@keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }

.animateXMark {
  -webkit-animation: animateXMark 0.5s;
  animation: animateXMark 0.5s; }

@-webkit-keyframes pulseWarning {
  0% {
    border-color: #F8D486; }
  100% {
    border-color: #F8BB86; } }

@keyframes pulseWarning {
  0% {
    border-color: #F8D486; }
  100% {
    border-color: #F8BB86; } }

.pulseWarning {
  -webkit-animation: pulseWarning 0.75s infinite alternate;
  animation: pulseWarning 0.75s infinite alternate; }

@-webkit-keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }

@keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }

.pulseWarningIns {
  -webkit-animation: pulseWarningIns 0.75s infinite alternate;
  animation: pulseWarningIns 0.75s infinite alternate; }

/* Internet Explorer 9 has some special quirks that are fixed here */
/* The icons are not animated. */
/* This file is automatically merged into msgbox.min.js through Gulp */
/* Error icon */
.msgbox .sa-icon.sa-error .sa-line.sa-left {
  -ms-transform: rotate(45deg) \9; }

.msgbox .sa-icon.sa-error .sa-line.sa-right {
  -ms-transform: rotate(-45deg) \9; }

/* Success icon */
.msgbox .sa-icon.sa-success {
  border-color: transparent\9; }

.msgbox .sa-icon.sa-success .sa-line.sa-tip {
  -ms-transform: rotate(45deg) \9; }

.msgbox .sa-icon.sa-success .sa-line.sa-long {
  -ms-transform: rotate(-45deg) \9; }
  
 @media all and (max-width: 540px) {
    .msgbox {
      width: 60%;
      margin-left: auto;
      margin-right: auto;
      left: 15px;
      right: 15px; 
    }
     .msgbox h2 {
    color: #575757;
    font-size: 14px;
  }
 }

/*------------------------------------msgBox.css end------------------------------------*/

/*------------------------------------layer bigin------------------------------------*/
.layui-layer-imgbar,.layui-layer-imgtit a,.layui-layer-tab .layui-layer-title span,.layui-layer-title{text-overflow:ellipsis;white-space:nowrap}*html{background-image:url(about:blank);background-attachment:fixed}html #layuicss-skinlayercss{display:none;position:absolute;width:1989px}.layui-layer,.layui-layer-shade{position:fixed;_position:absolute;pointer-events:auto}.layui-layer-shade{top:0;left:0;width:100%;height:100%;_height:expression(document.body.offsetHeight+"px")}.layui-layer{-webkit-overflow-scrolling:touch;top:150px;left:0;margin:0;padding:0;background-color:#fff;-webkit-background-clip:content;box-shadow:1px 1px 50px rgba(0,0,0,.3)}.layui-layer-close{position:absolute}.layui-layer-content{position:relative}.layui-layer-border{border:1px solid #B2B2B2;border:1px solid rgba(0,0,0,.1);box-shadow:1px 1px 5px rgba(0,0,0,.2)}.layui-layer-load{background:url(loading-1.gif) center center no-repeat #eee}.layui-layer-ico{background:url(icon.png) no-repeat}.layui-layer-btn a,.layui-layer-dialog .layui-layer-ico,.layui-layer-setwin a{display:inline-block;*display:inline;*zoom:1;vertical-align:top}.layui-layer-move{display:none;position:fixed;*position:absolute;left:0;top:0;width:100%;height:100%;cursor:move;opacity:0;filter:alpha(opacity=0);background-color:#fff;z-index:2147483647}.layui-layer-resize{position:absolute;width:15px;height:15px;right:0;bottom:0;cursor:se-resize}.layui-layer{border-radius:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.3s;animation-duration:.3s}@-webkit-keyframes layer-bounceIn{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes layer-bounceIn{0%{opacity:0;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.layer-anim{-webkit-animation-name:layer-bounceIn;animation-name:layer-bounceIn}@-webkit-keyframes layer-zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes layer-zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.layer-anim-01{-webkit-animation-name:layer-zoomInDown;animation-name:layer-zoomInDown}@-webkit-keyframes layer-fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes layer-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)}}.layer-anim-02{-webkit-animation-name:layer-fadeInUpBig;animation-name:layer-fadeInUpBig}@-webkit-keyframes layer-zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes layer-zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);-ms-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.layer-anim-03{-webkit-animation-name:layer-zoomInLeft;animation-name:layer-zoomInLeft}@-webkit-keyframes layer-rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}}@keyframes layer-rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0) rotate(0);-ms-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}}.layer-anim-04{-webkit-animation-name:layer-rollIn;animation-name:layer-rollIn}@keyframes layer-fadeIn{0%{opacity:0}100%{opacity:1}}.layer-anim-05{-webkit-animation-name:layer-fadeIn;animation-name:layer-fadeIn}@-webkit-keyframes layer-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes layer-shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.layer-anim-06{-webkit-animation-name:layer-shake;animation-name:layer-shake}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.layui-layer-title{padding:0 80px 0 20px;height:42px;line-height:42px;border-bottom:1px solid #eee;font-size:14px;color:#333;overflow:hidden;background-color:#F8F8F8;border-radius:2px 2px 0 0}.layui-layer-setwin{position:absolute;right:15px;*right:0;top:15px;font-size:0;line-height:initial}.layui-layer-setwin a{position:relative;width:16px;height:16px;margin-left:10px;font-size:12px;_overflow:hidden}.layui-layer-setwin .layui-layer-min cite{position:absolute;width:14px;height:2px;left:0;top:50%;margin-top:-1px;background-color:#2E2D3C;cursor:pointer;_overflow:hidden}.layui-layer-setwin .layui-layer-min:hover cite{background-color:#2D93CA}.layui-layer-setwin .layui-layer-max{background-position:-32px -40px}.layui-layer-setwin .layui-layer-max:hover{background-position:-16px -40px}.layui-layer-setwin .layui-layer-maxmin{background-position:-65px -40px}.layui-layer-setwin .layui-layer-maxmin:hover{background-position:-49px -40px}.layui-layer-setwin .layui-layer-close1{background-position:1px -40px;cursor:pointer}.layui-layer-setwin .layui-layer-close1:hover{opacity:.7}.layui-layer-setwin .layui-layer-close2{position:absolute;right:-28px;top:-28px;width:30px;height:30px;margin-left:0;background-position:-149px -31px;*right:-18px;_display:none}.layui-layer-setwin .layui-layer-close2:hover{background-position:-180px -31px}.layui-layer-btn{text-align:right;padding:0 10px 12px;pointer-events:auto;user-select:none;-webkit-user-select:none}.layui-layer-btn a{height:28px;line-height:28px;margin:6px 6px 0;padding:0 15px;border:1px solid #dedede;background-color:#f1f1f1;color:#333;border-radius:2px;font-weight:400;cursor:pointer;text-decoration:none}.layui-layer-btn a:hover{opacity:.9;text-decoration:none}.layui-layer-btn a:active{opacity:.8}.layui-layer-btn .layui-layer-btn0{border-color:#4898d5;background-color:#2e8ded;color:#fff}.layui-layer-btn-l{text-align:left}.layui-layer-btn-c{text-align:center}.layui-layer-dialog{min-width:260px}.layui-layer-dialog .layui-layer-content{position:relative;padding:20px;line-height:24px;word-break:break-all;overflow:hidden;font-size:14px;overflow-x:hidden;overflow-y:auto}.layui-layer-dialog .layui-layer-content .layui-layer-ico{position:absolute;top:16px;left:15px;_left:-40px;width:30px;height:30px}.layui-layer-ico1{background-position:-30px 0}.layui-layer-ico2{background-position:-60px 0}.layui-layer-ico3{background-position:-90px 0}.layui-layer-ico4{background-position:-120px 0}.layui-layer-ico5{background-position:-150px 0}.layui-layer-ico6{background-position:-180px 0}.layui-layer-rim{border:6px solid #8D8D8D;border:6px solid rgba(0,0,0,.3);border-radius:5px;box-shadow:none}.layui-layer-msg{min-width:180px;border:1px solid #D3D4D3;box-shadow:none}.layui-layer-hui{min-width:100px;background-color:#000;filter:alpha(opacity=60);background-color:rgba(0,0,0,.6);color:#fff;border:none}.layui-layer-hui .layui-layer-content{padding:12px 25px;text-align:center}.layui-layer-dialog .layui-layer-padding{padding:20px 20px 20px 55px;text-align:left}.layui-layer-page .layui-layer-content{position:relative;overflow:auto}.layui-layer-iframe .layui-layer-btn,.layui-layer-page .layui-layer-btn{padding-top:10px}.layui-layer-nobg{background:0 0}.layui-layer-iframe iframe{display:block;width:100%}.layui-layer-loading{border-radius:100%;background:0 0;box-shadow:none;border:none}.layui-layer-loading .layui-layer-content{width:60px;height:24px;background:url(loading-0.gif) no-repeat}.layui-layer-loading .layui-layer-loading1{width:37px;height:37px;background:url(loading-1.gif) no-repeat}.layui-layer-ico16,.layui-layer-loading .layui-layer-loading2{width:32px;height:32px;background:url(loading-2.gif) no-repeat}.layui-layer-tips{background:0 0;box-shadow:none;border:none}.layui-layer-tips .layui-layer-content{position:relative;line-height:22px;min-width:12px;padding:5px 10px;font-size:12px;_float:left;border-radius:2px;box-shadow:1px 1px 3px rgba(0,0,0,.2);background-color:#000;color:#fff}.layui-layer-tips .layui-layer-close{right:-2px;top:-1px}.layui-layer-tips i.layui-layer-TipsG{position:absolute;width:0;height:0;border-width:8px;border-color:transparent;border-style:dashed;*overflow:hidden}.layui-layer-tips i.layui-layer-TipsB,.layui-layer-tips i.layui-layer-TipsT{left:5px;border-right-style:solid;border-right-color:#000}.layui-layer-tips i.layui-layer-TipsT{bottom:-8px}.layui-layer-tips i.layui-layer-TipsB{top:-8px}.layui-layer-tips i.layui-layer-TipsL,.layui-layer-tips i.layui-layer-TipsR{top:1px;border-bottom-style:solid;border-bottom-color:#000}.layui-layer-tips i.layui-layer-TipsR{left:-8px}.layui-layer-tips i.layui-layer-TipsL{right:-8px}.layui-layer-lan[type=dialog]{min-width:280px}.layui-layer-lan .layui-layer-title{background:#4476A7;color:#fff;border:none}.layui-layer-lan .layui-layer-btn{padding:5px 10px 10px;text-align:right;border-top:1px solid #E9E7E7}.layui-layer-lan .layui-layer-btn a{background:#BBB5B5;border:none}.layui-layer-lan .layui-layer-btn .layui-layer-btn1{background:#C9C5C5}.layui-layer-molv .layui-layer-title{background:#009f95;color:#fff;border:none}.layui-layer-molv .layui-layer-btn a{background:#009f95}.layui-layer-molv .layui-layer-btn .layui-layer-btn1{background:#92B8B1}.layui-layer-iconext{background:url(icon-ext.png) no-repeat}.layui-layer-prompt .layui-layer-input{display:block;width:220px;height:30px;margin:0 auto;line-height:30px;padding:0 5px;border:1px solid #ccc;box-shadow:1px 1px 5px rgba(0,0,0,.1) inset;color:#333}.layui-layer-prompt textarea.layui-layer-input{width:300px;height:100px;line-height:20px}.layui-layer-prompt .layui-layer-content{padding:20px}.layui-layer-prompt .layui-layer-btn{padding-top:0}.layui-layer-tab{box-shadow:1px 1px 50px rgba(0,0,0,.4)}.layui-layer-tab .layui-layer-title{padding-left:0;border-bottom:1px solid #ccc;background-color:#eee;overflow:visible}.layui-layer-tab .layui-layer-title span{position:relative;float:left;min-width:80px;max-width:260px;padding:0 20px;text-align:center;cursor:default;overflow:hidden}.layui-layer-tab .layui-layer-title span.layui-layer-tabnow{height:43px;border-left:1px solid #ccc;border-right:1px solid #ccc;background-color:#fff;z-index:10}.layui-layer-tab .layui-layer-title span:first-child{border-left:none}.layui-layer-tabmain{line-height:24px;clear:both}.layui-layer-tabmain .layui-layer-tabli{display:none}.layui-layer-tabmain .layui-layer-tabli.xubox_tab_layer{display:block}.xubox_tabclose{position:absolute;right:10px;top:5px;cursor:pointer}.layui-layer-photos{-webkit-animation-duration:.8s;animation-duration:.8s}.layui-layer-photos .layui-layer-content{overflow:hidden;text-align:center}.layui-layer-photos .layui-layer-phimg img{position:relative;width:100%;display:inline-block;*display:inline;*zoom:1;vertical-align:top}.layui-layer-imgbar,.layui-layer-imguide{display:none}.layui-layer-imgnext,.layui-layer-imgprev{position:absolute;top:50%;width:27px;_width:44px;height:44px;margin-top:-22px;outline:0;blr:expression(this.onFocus=this.blur())}.layui-layer-imgprev{left:10px;background-position:-5px -5px;_background-position:-70px -5px}.layui-layer-imgprev:hover{background-position:-33px -5px;_background-position:-120px -5px}.layui-layer-imgnext{right:10px;_right:8px;background-position:-5px -50px;_background-position:-70px -50px}.layui-layer-imgnext:hover{background-position:-33px -50px;_background-position:-120px -50px}.layui-layer-imgbar{position:absolute;left:0;bottom:0;width:100%;height:32px;line-height:32px;background-color:rgba(0,0,0,.8);background-color:#000\9;filter:Alpha(opacity=80);color:#fff;overflow:hidden;font-size:0}.layui-layer-imgtit *{display:inline-block;*display:inline;*zoom:1;vertical-align:top;font-size:12px}.layui-layer-imgtit a{max-width:65%;overflow:hidden;color:#fff}.layui-layer-imgtit a:hover{color:#fff;text-decoration:underline}.layui-layer-imgtit em{padding-left:10px;font-style:normal}@-webkit-keyframes layer-bounceOut{100%{opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}30%{-webkit-transform:scale(1.05);transform:scale(1.05)}0%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes layer-bounceOut{100%{opacity:0;-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}30%{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.layer-anim-close{-webkit-animation-name:layer-bounceOut;animation-name:layer-bounceOut;-webkit-animation-duration:.2s;animation-duration:.2s}@media screen and (max-width:1100px){.layui-layer-iframe{overflow-y:auto;-webkit-overflow-scrolling:touch}}
/*------------------------------------layer end------------------------------------*/

/*------------------------------------swiper.min.css begin------------------------------------*/

/**
 * Swiper 4.0.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2017 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 28, 2017
 */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
.swiper-pagination-bullet{width: 36px;  height: 2px; opacity: 0.8; border-radius:30%;background-color: #c5c8d0 }
.swiper-pagination-bullet-active{background-color:white ; opacity: 1}
.swiper-button-prev{  left: 0;  padding: 7px 5px;background: url("../images/left_prev.png") ;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 28px;
    background-color: rgba(64, 58, 58, 0.42);}
.swiper-button-next{  right: 1px;  padding: 7px 5px;  background: url("../images/rigth_next.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 28px;
    background-color: rgba(64, 58, 58, 0.42);}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 18px;}


@media (max-width: 1460px) and (min-width: 0px){
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 4px;}
}


/*------------------------------------swiper.min.css end------------------------------------*/

body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li .sub_nav .sub_nav_box .icon_item > a:hover .icon_tex{
      padding: 0; margin: 0;
    }
/*------------------------------------悬浮窗口样式·开始------------------------------------*/	

.sidebar { position: fixed; right: 1%; top: 30%; z-index: 999; }
    .sidebar .sidebar_list { width:60px; border: 1px solid #e5e5e5; background-color: white; }
    .sidebar .sidebar_list ul li { padding: 5px 0 2px 0px; border-bottom: 1px solid #e5e5e5; text-align: center}
    .sidebar .sidebar_list ul li a .not_icon{display: none;  }
    .sidebar .sidebar_list ul li a  img{width: 80%;}
    .sidebar .sidebar_list ul li a span{color:#9c9898; font-size: 12px;}
    .sidebar .sidebar_list ul li .WeChat_box { position: absolute; display: none; right: 79%; top: 12%; padding-right: 29px; }
    .sidebar .sidebar_list ul li .WeChat_box .WeChat { height: 149px; width: 142px;border: 1px solid #e3e3e3;    background-color: white;  font-size:12px;}
    .sidebar .sidebar_list ul li .WeChat_box .WeChat >div { padding-left: 4px;padding-top: 15px; }
    .sidebar .sidebar_list ul li .WeChat_box .WeChat >div span{ display: inline-block ;letter-spacing: 1px }
    .sidebar .sidebar_list ul li .WeChat_box:after{  content:""; width: 8px; height: 19px;     right: 22px;  top: 37%; position:absolute; background: url("../images/triangle.png")}
    .sidebar .sidebar_list ul .WeChat_item:hover .WeChat_box { display: inline-block;  }
    .sidebar_list ul li >a span{ display: inline-block; width: 100%; line-height: 22px; text-align: center}
    .sidebar .sidebar_list ul li a:hover span { color: #2fb476; }
    .sidebar .sidebar_list ul li a:hover .not_icon { display: inline-block; }
    .sidebar .sidebar_list ul li a:hover .show_icon { display: none; }
    .sidebar .sidebar_list ul li:last-child { border-bottom: none; }

/*------------------------------------悬浮窗口样式·结束------------------------------------*/