@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon/icomoon.eot?srf3rx");
  src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
*{ margin:0; padding:0;}
li,dt,dd{ list-style:none;}
html {
  background: #fff;
}

body {
  font-family: Verdana, Geneva, sans-serif;
  line-height: 1.5;
  color: #7a7e89;
  background: #fff;
}
body.top-overflow {
  overflow-x: auto;
}

::-webkit-selection {
  color: #fff;
  background: #f2b222;
}

::-moz-selection {
  color: #fff;
  background: #f2b222;
}

::selection {
  color: #fff;
  background: #f2b222;
}

a {
  color: #f2b222;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
a:hover, a:focus, a:active {
  color: #f67d38;
  outline: none;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family:  Verdana, Geneva, sans-serif;
  color: #000;
}

.copyrights{
	text-indent:-9999px;
	height:0;
	line-height:0;
	font-size:0;
	overflow:hidden;
}

p {
  margin-bottom: 30px;
}

.btn {
  margin-right: 4px;
  margin-bottom: 4px;
  font-family:  Verdana, Geneva, sans-serif;
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 700;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.btn.btn-md {
  padding: 10px 20px !important;
}
.btn.btn-lg {
  padding: 18px 36px !important;
}
.btn:hover, .btn:active, .btn:focus {
  box-shadow: none !important;
  outline: none !important;
}

.btn-primary {
  background: #f2b222;
  color: #fff;
  border: 2px solid #f2b222;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background: #ffb510 !important;
  border-color: #e6a617 !important;
}
.btn-primary.btn-outline {
  background: transparent;
  color: #f2b222;
  border: 2px solid #f2b222;
}
.btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active {
  background: #f2b222;
  color: #fff;
}

.btn-success {
  background: #58ca7e;
  color: #fff;
  border: 2px solid #58ca7e;
}
.btn-success:hover, .btn-success:focus, .btn-success:active {
  background: #45c46f !important;
  border-color: #45c46f !important;
}
.btn-success.btn-outline {
  background: transparent;
  color: #58ca7e;
  border: 2px solid #58ca7e;
}
.btn-success.btn-outline:hover, .btn-success.btn-outline:focus, .btn-success.btn-outline:active {
  background: #58ca7e;
  color: #fff;
}

.btn-info {
  background: #1784fb;
  color: #fff;
  border: 2px solid #1784fb;
}
.btn-info:hover, .btn-info:focus, .btn-info:active {
  background: #0477f4 !important;
  border-color: #0477f4 !important;
}
.btn-info.btn-outline {
  background: transparent;
  color: #1784fb;
  border: 2px solid #1784fb;
}
.btn-info.btn-outline:hover, .btn-info.btn-outline:focus, .btn-info.btn-outline:active {
  background: #1784fb;
  color: #fff;
}

.btn-warning {
  background: #fed330;
  color: #fff;
  border: 2px solid #fed330;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active {
  background: #fece17 !important;
  border-color: #fece17 !important;
}
.btn-warning.btn-outline {
  background: transparent;
  color: #fed330;
  border: 2px solid #fed330;
}
.btn-warning.btn-outline:hover, .btn-warning.btn-outline:focus, .btn-warning.btn-outline:active {
  background: #fed330;
  color: #fff;
}

.btn-danger {
  background: #fb4f59;
  color: #fff;
  border: 2px solid #fb4f59;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
  background: #fa3641 !important;
  border-color: #fa3641 !important;
}
.btn-danger.btn-outline {
  background: transparent;
  color: #fb4f59;
  border: 2px solid #fb4f59;
}
.btn-danger.btn-outline:hover, .btn-danger.btn-outline:focus, .btn-danger.btn-outline:active {
  background: #fb4f59;
  color: #fff;
}

.btn-outline {
  background: none;
  border: 2px solid gray;
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active {
  box-shadow: none;
}

.form-control {
  box-shadow: none;
  background: transparent;
  border: 2px solid rgba(0, 0, 0, 0.1);
  height: 54px;
  font-size: 18px;
  font-weight: 300;
}
.form-control:active, .form-control:focus {
  outline: none;
  box-shadow: none;
  border-color: #f2b222;
}

#top-header {
  position: absolute;
  left: 0;
  z-index: 999;
  background: transparent;
  padding: 25px 0;
  width: 100%;
  background:#000;
}
@media screen and (max-width: 768px) {
  #top-header {
    background: #000;
    top: 0;
  }
}
#top-header #top-logo {
  float: left;
  line-height: 1.2;
  position: relative;
  width:30%;
}
@media screen and (max-width: 768px) {
  #top-header #top-logo {
    top: -2px;
	width:80%;
  }
}
#top-header #top-logo a {
  font-family:  Verdana, Geneva, sans-serif;
  font-size: 30px;
  color: #fff;
}
@media screen and (max-width: 768px) {
  #top-header #top-logo a {
    color: #000;
  }
}
#top-header #top-logo a span {
  color: #f2b222;
}
#top-header #top-main-nav {
  float: right;
}
@media screen and (max-width: 768px) {
  #top-header #top-main-nav {
    display: none;
  }
}
#top-header #top-main-nav ul {
  padding: 0;
  margin: 8px 0 0 0;
}
#top-header #top-main-nav ul li {
  padding: 0;
  margin: 0;
  display: inline;
}
#top-header #top-main-nav ul li a {
  font-family:  Verdana, Geneva, sans-serif;
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  margin-left: 30px;
  border-bottom: 2px solid transparent;
}
#top-header #top-main-nav ul li a:hover {
  text-decoration: none;
  color: #f2b222;
}
#top-header #top-main-nav ul li.active a {
  color: #f2b222;
}
#top-header.navbar-fixed-top {
  position: fixed !important;
  background: #000;
  -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
  top: 0;
  left: 0px;
}
#top-header.navbar-fixed-top #top-logo {
  float: left;
  line-height: 1.2;
}
#top-header.navbar-fixed-top #top-logo a {
  font-family:  Verdana, Geneva, sans-serif;
  font-size: 30px;
  color: #000;
}
#top-header.navbar-fixed-top #top-main-nav ul li a {
  font-family:  Verdana, Geneva, sans-serif;
  color:#fff;
  text-decoration: none;
  margin-left: 30px;
  border-bottom: 2px solid transparent;
}
#top-header.navbar-fixed-top #top-main-nav ul li a:hover {
  text-decoration: none;
  color: #f2b222;
}
#top-header.navbar-fixed-top #top-main-nav ul li.active a {
  color: #f2b222;
  border-bottom: 2px solid transparent;
}

/*
 * Flexslider
 */
#top-home {
  min-height: 700px;
  background: #fff url(../Images/loader.gif) no-repeat center center;
}
#top-home:hover img{ display:none; transform: scale(1.4); }
#top-home .flexslider {
  border: none;
  position: relative;
  z-index: 1;
  margin-bottom: 0;
}
#top-home .flexslider .top-text {
  position: absolute;
  z-index: 3;
  width: 100%;
  top: 50%;
  margin-top: -200px;
  text-align: left;
}
#top-home .flexslider .top-text h1 {
  margin: 0 0 30px 0;
  padding: 0;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 50px;
  line-height:1.2em;
  color: #fff;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  padding: 30px 0px 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
#top-home .line_box{width:200px; height:5px; background:#f2b222; margin-top:15px;}
.top-go { color:#fff; }
.top-go .log_reg{ margin-top:50px;}
.top-go .log_reg a{ width:200px; height:72px; line-height:72px;display:block; float:left; margin-right:20px; font-size:18px!important; font-weight:bold; padding-left:72px; color:#000000 !important}

.top-go .login_btn{ background:#f2b222 url(../Images/login.png) no-repeat 25px 18px!important;}
.top-go .reg_btn{ background:#f2b222 url(../Images/reg.png) no-repeat 25px 18px!important;}

@media screen and (max-width: 992px) {
  #top-home .flexslider .top-text h1 {
    font-size: 30px;
  }
  #top-home .flexslider .top-text {
  position: absolute;
  z-index: 3;
  width: 100%;
  top: 50%;
  margin-top: -240px;
  text-align: left;
}
  .top-text{ padding:0 20px;}
  .top-go .log_reg{}
  .top-go .log_reg a{ width:42%; height:40px; line-height:40px; padding-left:45px; background-size:20px !important; font-size:14px !important; background-position:15px 10px !important;}
  
 .r-pb{ padding-bottom:20px !important;}
  
}
#top-home .flexslider .top-text .top-go {
  margin-top: 30px;
}
#top-home .flexslider .top-text .top-go a {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 13px;
  color: #fff;
  font-weight: 400;
  display: block;
  position: relative;
}
#top-home .flexslider .top-text .top-go a span {
  font-size: 20px;
  display: block;
  position: absolute;
  bototm: 0;
  left: 50%;
  margin-left: -10px;
  -webkit-animation: ani-mouse 2.5s linear infinite;
  -moz-animation: ani-mouse 2.5s linear infinite;
  animation: ani-mouse 2.5s linear infinite;
}
#top-home .flexslider .top-text .top-go a:hover {
  text-decoration: none;
}
#top-home .flexslider .top-text .top-go a:hover span {
  text-decoration: none;
}
#top-home .flexslider .slides li {
  background-repeat: no-repeat;
  background-size: cover;
}
#top-home .flexslider .top-overlay {
  position: absolute;
  z-index: 3;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: .3;
}
#top-home .flexslider .flex-control-nav,
#top-home .flexslider .flex-direction-nav {
  display: none;
}

#top-main,
#top-offcanvas {
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
#top-home{  background:#050302;}
#top-offcanvas {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  width: 275px;
  background: #444853;
  overflow-y: auto;
  padding: 50px 30px 30px 30px;
  -moz-transform: translateX(275px);
  -webkit-transform: translateX(275px);
  -ms-transform: translateX(275px);
  -o-transform: translateX(275px);
  transform: translateX(275px);
}
#top-offcanvas .top-offcanvas-close {
  position: absolute;
  top: 20px;
  right: 30px;
}
#top-offcanvas .top-offcanvas-close:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e117";
  font-size: 30px;
  color: rgba(255, 255, 255, 0.5);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#top-offcanvas .top-offcanvas-close:hover:before {
  color: white;
}
#top-offcanvas nav ul {
  padding: 0;
  margin: 0;
}
#top-offcanvas nav ul li {
  padding: 0;
  margin: 0;
  list-style: none;
}
#top-offcanvas nav ul li a {
  display: block;
  color: rgba(255, 255, 255, 0.5);
  padding: 7px 0;
}
#top-offcanvas nav ul li a:hover {
  color: #f2b222;
}
#top-offcanvas nav ul li.active a {
  color: #f2b222;
}
.offcanvas-visible #top-offcanvas {
  -moz-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
}

#top-portfolio,
#top-about,
#top-numbers,
#top-contact,
#top-world,
#top-testimony,
#top-content {
  padding: 6em 0;
}
@media screen and (max-width: 768px) {
  #top-portfolio,
  #top-about,
  #top-numbers,
  #top-contact,
  #top-world,
  #top-testimony,
  #top-content {
    padding: 3em 0;
  }
}

#top-content figure {
  margin-bottom: 30px;
}

#top-about { background:#444853 url(../Images/world_mark.png) repeat-x 0 bottom;}
#top-contact{ background:url(../Images/bg_c.jpg) repeat center top;}
#top-about h2 {
  color: #fff;
}

@media screen and (max-width: 992px) {
  #top-about .top-text {
    padding: 0 0 20px 0;
  }
}

#top-testimony {
  background-color: transparent;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  width: 100%;
}
#top-testimony > .container {
  position: relative;
  z-index: 5;
}
#top-testimony > .top-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
}
#top-testimony .flexslider {
  border: transparent !important;
  background: transparent !important;
}
#top-testimony .flexslider .slides li { padding:20px 0 30px
	
}
.sup_box,.net_box{ float:left; width:33.33%; text-align:center; font-size:14px; color:#000; height:320px;}
.sup_box img{ width:75px !important; margin:0 auto;}
.sup_box p{ padding:0 30px;}
.net_box{ }
.net_box div{ width:75%; background:#fff; margin:0 auto; padding:40px 0;border-radius:5px;}
.net_box img{ width:95px !important; margin:0 auto 15px auto;}
.net_box span{ width:85px; height:32px; line-height:32px; color:#fff; display:block; border-radius:30px; margin:0 auto;}
.net_one{ background:#f5b417}
.net_two{ background:#a4b8c4}
.net_three{ background:#ea9884}
.num_list{ padding:50px 20px 0;}
.mumping_mun{ margin-top:40px;}
.num_num{ width:100%; }
.num_num h2{ font-weight:bold; margin-bottom:10px; float:left}

.with-plus { margin:1em 0; overflow:hidden;}
.with-plus img{}
.with-plus a{ position:relative; display:block;}
.events_name{ position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,.5); height:40px; line-height:40px; color:#fff; font-size:16px; text-align:center; display:none;}
.with-plus a:hover .events_name{display:block;}


.img_add{ margin:60px 0 0 0;padding:50px 15px 0; width:100%; height:280px; position:relative; overflow: hidden; float:left; border:1px solid #fff;
  text-align:center; border-radius:5px; box-shadow:0 0 10px 2px #eee;}
.img_add img{ margin:0 auto}
.img_add h2{ font-size:18px; margin:20px 0;}
.img_add p{ font-size:9px !important; line-height:18px; color:#333;}
.world_map img{ margin-top:20px; width:100%; max-width:980px}

.contact_box{ color:#fff;}
.contact_box h2{ font-size:22px; font-weight:normal; color:#fff !important; margin-bottom:60px; line-height:36px;}
.contact_box strong{ font-size:30px !important;}
.contact_text{ padding-left:15%; min-height:100px; margin-top:20px;}
.contact_text img{ margin-bottom:10px;}
@media screen and (max-width: 768px) {
  #top-contact_box h2{ margin:30px 0 0; text-align:center;}
  .img_add{ margin-top:20px; padding:20px 15px; height:240px;}
}


#tip_jump{position:fixed;bottom:80px;right:30px;z-index:9999999;}
#tip_jump li{ overflow:hidden; background:#eee; list-style:none; margin-bottom:10px;}
#tip_jump li:hover{ background:#f2b222}
#back_top,#tip_login,#tip_reg{display:block;width:40px;height:40px; cursor:pointer;}
#back_top{background:#f2b222 url(../Images/top.png) no-repeat;}
#tip_login{ background:url(../Images/login.png) no-repeat 10px 10px; background-size:20px;}
#tip_reg{background:url(../Images/reg.png) no-repeat 10px 10px; background-size:20px}


#top-testimony .flexslider .slides li blockquote {
  padding-left: 0;
  border-left: none;
}

@media screen and (max-width: 768px) {
  #top-testimony .flexslider .slides li blockquote {
    padding: 0 20px;
  }
  .bus_subbox{ margin-bottom:10px;}
}

@media screen and (max-width: 768px) {
  #top-testimony .flexslider .slides li blockquote p {
    font-size: 20px;
    line-height: 1.5;
  }
}


#top-testimony .flexslider .flex-control-paging li a { margin-top:50px !important;
  width: 10px;
  height: 10px;
  background: rgba(0, 0, 0, 0.7);
  box-shadow: none;
}
#top-testimony .flexslider .flex-control-paging li a:active, #top-testimony .flexslider .flex-control-paging li a:focus {
  outline: none;
}
#top-testimony .flexslider .flex-control-paging li a.flex-active {
  position: relative;
  background: #000;
  box-shadow: none;
}

#top-footer {  background: #000; padding:2em 0; text-align:center; font-size:14px; color:#fff;}
@media screen and (max-width: 768px) {
  #top-footer {
    padding: 3em 0;
  }
}
.top-social {
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .top-social {
    float: none !important;
  }
}
.top-social li {
  padding: 0;
  margin: 0;
  display: inline;
}
.top-social li a {
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  .top-social li a {
    margin-right: 10px;
  }
}
.top-social li a i {
  font-size: 20px;
}
.top-social li a:hover {
  text-decoration: none !important;
}
.top-social li a:hover i {
  text-decoration: none;
}
.bus_tab{ margin-bottom:30px; margin:0 auto}
.bus_tab li{ width:22%; margin:0 1.5%; float:left; border:1px solid #fff; text-align:center; border-radius:5px; box-shadow:0 0 10px 2px #eee; text-align:center; overflow:hidden}
.bus_tab li:hover,.bus_tab .active{ border:1px solid #f2b222;}
.bus_tab li a{padding:50px 0; }
.bus_tab li a:hover{ background:#fff}
.bus_tab li img{ margin:0 auto 1px auto;}
.bus_tab li p{ margin:10px 0 0 0; font-size:18px; color:#000;}
.tab-content{ background:#f6f6f6; padding:80px 0; margin-top:70px; position:relative}
.triangle{ position:absolute; left:25%; top:-19px; width:0; height:0; border:20px solid #f6f6f6; border-top-color: black; border-top:none; border-left-color: transparent; border-right-color: transparent;}
.tab_box{ width:1170px; margin:0 auto;}
.bus_subbox{ background:#fff; padding:40px 15px 0 15px; text-align:center; border-radius:5px; box-shadow:0 0 10px 2px #eee;}
.bus1{height:220px;}
.bus_subbox img{ margin:0 auto;}
.bus_subbox h2{ font-size:16px;}
.bus_subbox p{ font-size:14px; padding:0; margin:0;}


@media screen and (max-width: 768px) {
  .bus_tab{ width:100%;}
  .bus_tab li{ width:100%; margin:10px 0;}
  .tab_box{ width:100%; margin:0 auto;}

}

@media screen and (max-width: 480px) {
  .img-grid { 
    margin-bottom: 15px;
  }
}
.img-grid img { margin:0 auto;
  z-index: 10;
}

.img-grid a > div {
  position: absolute;
  bottom: -20px;
  left: 0;
  text-align: center;
  width: 100%;
  -webkit-transition: 0.8s, ease-out;
  -o-transition: 0.8s, ease-out;
  transition: 0.8s, ease-out;
}


.img-grid:hover > a {
  opacity: 1;
}
.img-grid:hover > a > div {
  bottom: 20px;
}

.section-heading .top-section-title {
  font-size: 48px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #232323;
  font-family: Verdana, Geneva, sans-serif;
  font-weight: 700;
  margin-bottom: 20px;
}


.section-heading .top-section-title span {
            display: block;     /*设置为块级元素会独占一行形成上下居中的效果*/
            color: #000;
            position: relative;   /*定位横线（当横线的父元素）*/
        }
.section-heading .top-section-title span:before, .section-heading .top-section-title span:after {
            content: '';                 /*CSS伪类用法*/
            position: absolute;         /*定位背景横线的位置*/
            top: 52%;
            background: #f2b222;       /*宽和高做出来的背景横线*/
            width: 7%;
            height: 5px;
        }
.title_black span:before,.title_black span:after{ background:#000 !important;}		
.section-heading .top-section-title span:before{
            left:22%;        /*调整背景横线的左右距离*/
        }
.section-heading .top-section-title span:after {
            right:22%;
        }
		
		
		
.top-lead {
  font-size: 26px;
}
@media screen and (max-width: 768px) {
  .top-lead {
    font-size: 20px;
  }
  .top-section-title{ font-size:28px !important;}
  .section-heading .top-section-title span:before, .section-heading .top-section-title span:after {
           top: 48%;
            width: 6%;
        }
}

@media screen and (max-width: 480px) {
	#top-home .flexslider .top-text h1{ font-size:24px ;}
  .section-heading .top-section-title span:before, .section-heading .top-section-title span:after {
           top: 48%;
            width: 6%;
        }
		.section-heading .top-section-title span:before{
            left:6%;        /*调整背景横线的左右距离*/
        }
.section-heading .top-section-title span:after {
            right:6%;
        }
}
.js .to-animate, .js
.to-animate-2, .js
.animate-box {
  opacity: 0;
}

.top-nav-toggle {
  width: 25px;
  height: 25px;
  cursor: pointer;
  text-decoration: none;
}
.top-nav-toggle.active i::before, .top-nav-toggle.active i::after {
  background: #f2b222;
}
.top-nav-toggle:hover, .top-nav-toggle:focus, .top-nav-toggle:active {
  outline: none;
  border-bottom: none !important;
}
.top-nav-toggle i {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 25px;
  height: 3px;
  color: #535659;
  font: bold 14px/.4 Helvetica;
  text-transform: uppercase;
  text-indent: -55px;
  background: #535659;
  transition: all .2s ease-out;
}
.top-nav-toggle i::before, .top-nav-toggle i::after {
  content: '';
  width: 25px;
  height: 3px;
  background: #535659;
  position: absolute;
  left: 0;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.top-nav-toggle i::before {
  top: -7px;
}

.top-nav-toggle i::after {
  bottom: -7px;
}

.top-nav-toggle:hover i::before {
  top: -10px;
}

.top-nav-toggle:hover i::after {
  bottom: -10px;
}

.top-nav-toggle.active i {
  background: transparent;
}

.top-nav-toggle.active i::before {
  top: 0;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.top-nav-toggle.active i::after {
  bottom: 0;
  -webkit-transform: rotateZ(-45deg);
  -moz-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg);
  -o-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
}

.top-nav-toggle {
  position: absolute;
  top: 8px;
  right: 15px;
  z-index: 21;
  padding: 6px 0 0 0;
  display: block;
  margin: 0 auto;
  display: none;
  height: 44px;
  width: 25px;
  border-bottom: none !important;
}
@media screen and (max-width: 768px) {
  .top-nav-toggle {
    display: block;
  }
  .offcanvas-visible .top-nav-toggle {
    z-index: 999999 !important;
  }
}

.top-animated {
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.r-pb {
  padding-bottom: 40px;
}

@media screen and (max-width: 480px) {
  .col-xxs-12 {
    width: 100%;
    float: none;
  }
}
/* Arrow Animations */
@-webkit-keyframes ani-mouse {
  0% {
    opacity: 1;
    top: 29%;
  }
  15% {
    opacity: 1;
    top: 50%;
  }
  50% {
    opacity: 0;
    top: 50%;
  }
  100% {
    opacity: 0;
    top: 29%;
  }
}
@-moz-keyframes ani-mouse {
  0% {
    opacity: 1;
    top: 29%;
  }
  15% {
    opacity: 1;
    top: 50%;
  }
  50% {
    opacity: 0;
    top: 50%;
  }
  100% {
    opacity: 0;
    top: 29%;
  }
}
@keyframes ani-mouse {
  0% {
    opacity: 1;
    top: 29%;
  }
  15% {
    opacity: 1;
    top: 50%;
  }
  50% {
    opacity: 0;
    top: 50%;
  }
  100% {
    opacity: 0;
    top: 29%;
  }
}

/*# sourceMappingURL=style.css.map */

/*弹出框*/

.login-reg-title{ height:50px; line-height:50px; text-align:center; font-size:20px; color:#000; font-weight:bold;}
.pop_sub,.pop_reg{ margin:30px 0 40px 0;}
.pop_sub li{ width:50%; float:left; text-align:center; border-right:1px dashed #ddd;}
.pop_sub li:last-child{ border:none;}
.pop_sub h2,.pop_reg h2{ font-size:20px; color:#000; margin-bottom:10px; font-weight:bold;text-transform:uppercase;}
.pop_subbox a{ display:block; border:1px solid #ddd; width:70%; margin:0 auto 20px ; padding:25px 15px;}
.pop_subbox p{ width:80%; height:30px;line-height:30px; color:#fff; display:block; margin:15px auto 0 auto; background:#f2b222;transition:.5s;}
.pop_subbox a:hover p{ background:#75c60c; cursor:pointer; transition:.5s;}
.pop_logreg{ color:#333; text-decoration:underline;}
.pop_logreg:hover{ color:#75c60c;}

.pop_reg li{ width:50%; float:left; text-align:center; border-right:1px dashed #ddd; padding:15px;}
.pop_reg li:last-child{ border:none;}

.pop_reg img{ margin-bottom:20px;}
.pop_reg p{ font-size:14px; color:#666; margin:20px 0 ;}
.pop_reg span{ background:#f2b222 url(../Images/jt2.png) no-repeat 15px 11px; height:24px; padding:10px 25px 10px 50px; line-height:24px; color:#fff; margin:0 auto; transition:.5s;}
.pop_reg li:hover{ cursor:pointer;}
.pop_reg li:hover span{ background:#75c60c url(../Images/jt2.png) no-repeat 20px 11px; transition:.5s;}
.pop_reg li:hover h2{ color:#; transition:.5s;}
@media screen and (max-width: 480px) {
.pop_sub li{ width:50%; border:none;}
.pop_reg li{ width:100%; border:none; margin-bottom:40px;}
}