/*
Theme Name : Joyetech
Author: Ilogix infotech
Description: This is the custome theme of Joyetech
Version: 1.0
Template: joyetech
*/
@charset "UTF-8";
@font-face {
  font-family: "iconfont";
  src: url("iconfont.eot?t=1537956705778");
  /* IE9*/
  src: url("iconfont.eot?t=1537956705778#iefix") format("embedded-opentype"), url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff"), url("iconfont.ttf?t=1537956705778") format("truetype"), url("iconfont.svg?t=1537956705778#iconfont") format("svg");
  /* iOS 4.1- */
}


a:focus {
    outline: none !important;
    outline-offset: 0px !important;
}

a:focus,a:hover {
  text-decoration: none !important;
}

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

.icon-fanhuidingbu:before {
  content: "\e609";
}

.icon-arrow-right:before {
  content: "\e646";
}

.icon-arrow-down:before {
  content: "\e648";
}

.icon-weibo:before {
  content: "\e7e4";
}

.icon-jingdong:before {
  content: "\e812";
}

.icon-iconfonticontrianglecopy:before {
  content: "\e631";
}

.icon-sousuo:before {
  content: "\e686";
}

.icon-1diqiu:before {
  content: "\e643";
}

.icon-dizhi:before {
  content: "\e62e";
}

.icon-weixin:before {
  content: "\e660";
}

.icon-youxiang:before {
  content: "\e667";
}

.icon-jiantou9:before {
  content: "\e60b";
}

.icon-tianmao:before {
  content: "\e67e";
}

.icon-facebook:before {
  content: "\e61a";
}

.icon-retrun-top:before {
  content: "\e63d";
}

.icon-tianmao1:before {
  content: "\e627";
}

.icon-xinxi:before {
  content: "\e61c";
}

.icon-liuyan:before {
  content: "\e669";
}

.icon-sousuo1:before {
  content: "\e61b";
}

.icon-xialajiantou:before {
  content: "\e630";
}

.icon-dianhua1:before {
  content: "\e619";
}

.icon-erweima:before {
  content: "\e601";
}

.icon-guanbi:before {
  content: "\e849";
}

.icon-top:before {
  content: "\e69a";
}

.icon-fanhui1:before {
  content: "\e64d";
}

.icon-user:before {
  content: "\e600";
}

.icon-QQ:before {
  content: "\e7ee";
}

.icon-diqiu:before {
  content: "\e60d";
}

.icon-daohang:before {
  content: "\e603";
}

.icon-mimaicon:before {
  content: "\e60c";
}

.icon-fanhui:before {
  content: "\e624";
}

@font-face {
  /*字体包*/
  font-family: 'LucidaGrandeRegular';
  src: url("/wp-content/themes/joyetech/fonts/lucida_grande.ttf");
}

@font-face {
  /*字体包*/
  font-family: 'MyanmarMN';
  src: url("/fonts/MyanmarMN.ttc"),url(/fonts/MyanmarMN.woff2.ttf);
}

@font-face {
  /*字体包*/
  font-family: 'gothamlight';
  src: url("/fonts/GothamLight.eot"),url(/fonts/GothamLight.ttf),url(/fonts/GothamLight.woff);
}

@font-face {
 font-family: 'Montserrat';
 src: url('/fonts/Montserrat-Regular.ttf');
 font-weight: normal;
 font-style: normal;
}

html, body {
  color: #333;
  font-family: 'Montserrat', "Myriad Pro", "Arial" !important;
  overflow-x: hidden;
}

.title-bold{
	font-family:  'Montserrat', "Myriad Pro", "Arial";
	font-weight: bold;
}

input, textarea, button, select {
  color: #333;
  font-family: 'Montserrat', "Myriad Pro", "Arial" !important;
}

img {
  max-width: 100%;
  vertical-align: middle;
}

header {
  position: fixed;
  z-index: 1002;
  height: 90px;
  width: 100%;
	text-align: center;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
  padding-left: 31px;
  padding-right: 31px;
  text-align: center;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #fff;
  font-family: 'LucidaGrandeRegular', "Myriad Pro", "Arial" !important;
  top: 30px;
  box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}

header.scroll10 {
  top: 0;
}

@media only all and (max-width: 1440px) {
  header {
    height: 70px;
  }
}

@media only all and (max-width: 768px) {
  header {
    height: 60px;
    background-color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    top: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
}

header.active {
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;  
}

@media only all and (max-width: 768px) {
  header.active {
    background-color: #fff;
  }
}

header.active .nav-parent nav > ul > li > a {
  color: #fff;
}

@media only all and (max-width: 768px) {
  header.active .nav-parent nav > ul > li > a {
    color: #fff;
  }
}

header.index {
  z-index: 100000;
}

header .logo {
  display: inline-block;
  width: 151px;
  position: absolute;
  top: 25px;
  left: 0px;
  z-index: 1;
}

@media only all and (max-width: 1440px) {
  header .logo {
    top: 17px;
  }
}

@media only all and (max-width: 768px) {
  header .logo {
    width: 120px;
    left: 10px;
  }
}

header .logo.active img.logo1 {
  opacity: 1;
}

@media only all and (max-width: 768px) {
  header .logo.active img.logo1 {
    opacity: 0;
  }
}

header .logo.active img.logo2 {
  opacity: 0;
}

@media only all and (max-width: 768px) {
  header .logo.active img.logo2 {
    opacity: 1;
  }
}

header .logo img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

header .logo img.logo1 {
  opacity: 0;
}

header .logo h1 {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  text-indent: -9999em;
  font-size: 12px;
  z-index: -999;
  opacity: 0;
}

@media only all and (max-width: 768px) {
  header .nav-parent {
    position: fixed;
    width: 70%;
    height: 100vh;
    right: -70%;
    top: 0px;
    background-color: #232323;
    z-index: 2;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
  }
  header .nav-parent.active {
    right: 0;
  }
}

@media only all and (max-width: 414px) {
  header .nav-parent {
    width: 80%;
    right: -80%;
  }
}




header .nav-parent nav {
  margin-top: 27px;
  position: relative;
	float: left;
}
header .nav-parent .icon-shop{
    margin-top: 30px;
	margin-right:30px;
	background: url(/wp-content/themes/joyetech/images/shop.svg) no-repeat;
    width: 30px;
    height: 30px;
    background-size: 100%;
	display: inline-block;
}
header.active .nav-parent .icon-shop{
	background: url(/wp-content/themes/joyetech/images/shop-w.svg);
}
.joye-con .right.activesss + .nav-parent .icon-shop{
	display: none;
}
@media only all and (max-width: 1440px) {
  header .nav-parent nav {
    margin-top: 18px;
  }
header .nav-parent .icon-shop{
    margin-top: 18px;
	margin-right:25px;
}
}

@media only all and (max-width: 768px) {
  header .nav-parent nav {
    margin-top: 100px;
  }
	
}







header .nav-parent nav #cloud {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 45px;
  height: 2px;
  background-color: #004ea1;
  display: none;
}

header .nav-parent nav > ul > li {
  display: inline-block;
  margin-right: 61px;
  position: relative;
}

@media only all and (max-width: 1440px) {
  header .nav-parent nav > ul > li {
    margin-right: 40px;
  }
}

@media only all and (max-width: 1024px) {
  header .nav-parent nav > ul > li {
    margin-right: 20px;
  }
}

@media only all and (max-width: 768px) {
  header .nav-parent nav > ul > li {
    width: 100%;
    margin-right: 0;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media only all and (max-width: 414px) {
  header .nav-parent nav > ul > li {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}

header .nav-parent nav > ul > li:hover > a {
  color: #004ea1;
}

header .nav-parent nav > ul > li:hover > a:before {
  width: 100%;
}

header .nav-parent nav > ul > li:hover > a > ul {
  opacity: 1;
  visibility: visible;
}

header .nav-parent nav > ul > li.nav-menu-parent > a {
  color: #004ea1;

}

header .nav-parent nav > ul > li.nav-menu-parent > a:before {
  width: 100%;
}

header .nav-parent nav > ul > li > a {
  display: inline-block;
  font-size: 16px;
  line-height: 1;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #000;
  position: relative;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.txt-shop{
		display: none;
	}
@media only all and (max-width: 1024px) {
  header .nav-parent nav > ul > li > a {
    font-size: 13px;
  }
}

@media only all and (max-width: 768px) {
  header .nav-parent nav > ul > li > a {
    font-size: 30px;
    color: #fff;
  }
	.txt-shop{
		display: block;
		font-size: 30px;
    color: #fff;
	}
	header .nav-parent .icon-shop{
		background: none!important;
    	display: inline;
	}
}

@media only all and (max-width: 414px) {
  header .nav-parent nav > ul > li > a ,.txt-shop {
    font-size: 16px;
  }
}


header .nav-parent nav > ul > li > a:before {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  background-color: #004ea1;
  width: 0%;
  height: 2px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

@media only all and (max-width: 768px) {
  header .nav-parent nav > ul > li > a:before {
    display: none;
  }
}

header .nav-parent nav > ul > li > a:last-child {
  margin-right: 0;
}

header .nav-parent nav > ul > li > ul {
  position: absolute;
  top: 63px;
  width: 160px;
  left: 50%;
  background-color: #fff;
  padding: 18px 0;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  font-size: 16px;
  -webkit-transform: translate(-50%,10px);
  -moz-transform: translate(-50%,10px);
  -ms-transform: translate(-50%,10px);
  -o-transform: translate(-50%,10px);
  transform: translate(-50%,10px);
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}

@media only all and (max-width: 1440px) {
  header .nav-parent nav > ul > li > ul {
    top: 52px;
    font-size: 14px;
  }
}

@media only all and (max-width: 1024px) {
  header .nav-parent nav > ul > li > ul {
    font-size: 12px;
  }
}

@media only all and (max-width: 768px) {
  header .nav-parent nav > ul > li > ul {
    margin-left: 0;
    left: auto;
    right: -70%;
    top: 0;
    position: fixed;
    width: 70%;
    height: 100%;
    background-color: #232323;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    margin-top: 100px;
    height: calc(100% - 100px);
    z-index: 2;
    padding: 0;
    transition: all 0.6s;
    font-size: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

  }
  header .nav-parent nav > ul > li > ul.active {
    right: 0;
  }
}

@media only all and (max-width: 414px) {
  header .nav-parent nav > ul > li > ul {
    right: -80%;
    width: 80%;
  }
}


header .nav-parent nav > ul > li > ul:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 27px;
  background-color: transparent;
  top: -27px;
  left: 0px;
}

header .nav-parent nav > ul > li > ul > li {
  position: relative;
  text-align: left;
	padding-left: 15px;
}

header .nav-parent nav > ul > li > ul > li a {
	position: relative;
  display: inline-block;
  line-height: 2.4;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #333;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

@media only all and (max-width: 768px) {
  header .nav-parent nav > ul > li > ul > li > a {
    width: 80%;
    color: #fff;
    padding-left: 40px;
    font-size: 14px;
  }
}


header .nav-parent nav > ul > li > ul > li .arrow {
  font-size: 16px;
  line-height: 1;
  position: absolute;
  right: 10px;
  top: 47%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #004ea1;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  opacity: 0;
  display: none;
}

@media only all and (max-width: 768px) {
  header .nav-parent nav > ul > li > ul > li > .arrow {
    width: 20%;
    position: static;
    right: 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    height: 40px;   
    line-height: 40px;   
    color: #fff;
    text-align: center;
  }
}


header .nav-parent nav > ul > li > ul > li:hover > a {
  color: #004ea1;
}

header .nav-parent nav > ul > li > ul > li > a:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    background-color: #004ea1;
    width: 0%;
    height: 2px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
header .nav-parent nav > ul > li > ul > li:hover > a:before {
	width: 100%;
}

header .nav-parent nav > ul > li > ul > li:hover > .arrow {
  opacity: 1;
}

header .nav-parent nav > ul > li > ul > li:hover > ul {
  opacity: 1;
  visibility: visible;
}

header .nav-parent nav > ul > li > ul > li.menu-item-type-taxonomy.current-menu-item > a,
header .nav-parent nav > ul > li > ul > li.menu-item-type-taxonomy.current-menu-parent > a,
header .nav-parent nav > ul > li > ul > li.menu-item-type-post_type.current-menu-item > a,
header .nav-parent nav > ul > li > ul > li.menu-item-type-custom.current-menu-item > a
{
  color: #004ea1 !important;
}

header .nav-parent nav > ul > li > ul > li.menu-item-type-taxonomy.current-menu-item > .arrow,
header .nav-parent nav > ul > li > ul > li.menu-item-type-taxonomy.current-menu-parent > .arrow,
header .nav-parent nav > ul > li > ul > li.menu-item-type-post_type.current-menu-item > .arrow,
header .nav-parent nav > ul > li > ul > li.menu-item-type-custom.current-menu-item > .arrow
{
  opacity: 1;
  color: #004ea1;
}

header .nav-parent nav > ul > li > ul > li > ul {
  background-color: #fff;
  position: absolute;
  left: 200px;
  top: 0;
  width: 200px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  padding-top: 10px;
  padding-bottom: 10px;
}

@media only all and (max-width: 768px) {
  header .nav-parent nav > ul > li > ul > li > ul {
    margin-left: 0;
    left: auto;
    right: -100%;
    top: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #232323;
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    height: 100%;
    z-index: 3;
    padding: 0;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
  }

  header .nav-parent nav > ul > li > ul > li > ul.active {
    right: 0;
  }

}

header .nav-parent nav > ul > li > ul > li > ul > li {
  position: relative;
  text-align: left;
}

header .nav-parent nav > ul > li > ul > li > ul > li a {
  width: 100%;
  display: inline-block;
  line-height: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 30px;
  color: #333;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

@media only all and (max-width: 768px) {
  header .nav-parent nav > ul > li > ul > li > ul > li a {
    width: 80%;
    padding-left: 40px;
    font-size: 14px;
    color: #fff;
  }
}


header .nav-parent nav > ul > li > ul > li > ul > li .arrow {
  font-size: 16px;
  line-height: 1;
  position: absolute;
  right: 23px;
  top: 47%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #004ea1;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  opacity: 0;
}

@media only all and (max-width: 768px) {
  header .nav-parent nav > ul > li > ul > li > ul > li > .arrow {
    width: 20%;
    position: static;
    right: 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    display: inline-block;
    height: 40px;   
    line-height: 40px;   
    color: #fff;
    text-align: center;
  }
}

header .nav-parent nav > ul > li > ul > li > ul > li:hover > a {
  color: #004ea1;
}

header .nav-parent nav > ul > li > ul > li > ul > li:hover > .arrow {
  opacity: 1;
}

header .nav-parent nav > ul > li > ul > li > ul > li.active > a {
  color: #004ea1;
}

header .nav-parent nav > ul > li > ul > li > ul > li.active > .arrow {
  opacity: 1;
}

header .nav-parent nav > ul > li:hover > ul {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(-50%,0);
  -moz-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  -o-transform: translate(-50%,0);
  transform: translate(-50%,0);
}



header .nav-parent .icon-guanbi {
  display: none;
}

@media only all and (max-width: 768px) {
  header .nav-parent .icon-guanbi {
    cursor: pointer;
    display: inline-block;
    color: #fff;
    font-size: 36px;
    position: absolute;
    right: 32px;
    top: 40px;
  }
}

@media only all and (max-width: 414px) {
  header .nav-parent .icon-guanbi {
    font-size: 22px;
    right: 30px;
    top: 30px;
  }
}



header .nav-parent .icon-fanhui {
  display: none;
}

@media only all and (max-width: 768px) {
  header .nav-parent .icon-fanhui {
    cursor: pointer;
    color: #fff;
    font-size: 36px;
    position: absolute;
    left: 32px;
    top: 40px;
  }
}

@media only all and (max-width: 414px) {
  header .nav-parent .icon-fanhui {
    font-size: 22px;
    left: 30px;
    top: 30px;
  }
}


header .right {
  display: inline-block;
  margin-top: 19px;
  position: relative;
  margin-left: 0px;
  width: 50px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  font-size: 0;
}

@media only all and (max-width: 1440px) {
  header .right {
    margin-top: 10px;
  }
}

@media only all and (max-width: 768px) {
  header .right {
    display: none;
  }
}

header .select1 {
  width: 30%;
  display: inline-block;
  vertical-align: top;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  height: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 35px;
  padding-right: 35px;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  font-size: 16px;
  background: rgba(255,255,255,0) url(/wp-content/themes/joyetech/img/commonImg/select-down2.png) no-repeat 85% center;
  background-size: 16px 11px;
  border: none;
  color: #333;
  border-right: 1px solid rgba(0,0,0,0.05);
  display: none;
}

@media only all and (max-width: 1440px) {
  header .select1 {
    font-size: 14px;
  }
}

@media only all and (max-width: 1024px) {
  header .select1 {
    font-size: 12px;
  }
}


header .select1 option {
  color: #333;
  background-color: #fff;
}

header .right input {
  height: 50px;
  width: 70%;
  background-color: rgba(0, 0, 0, 0);
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  font-size: 16px;
  color: #000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 35px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

@media only all and (max-width: 1440px) {
  header .right input {
    font-size: 14px;
  }
}

@media only all and (max-width: 1024px) {
  header .right input {
    font-size: 12px;
  }
}

header .right input::-webkit-input-placeholder {
  color: #000;
}

header .right input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #000;
}

header .right input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #000;
}

header .right input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #000;
}

header .right .search {
  position: absolute;
  width: 25px;
  height: 50px;
  top: 0px;
  right: 0px;
  cursor: pointer;
  background-color: transparent;
}
header .right.activesss .search{
	right: 20px;
}

header .right .search i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
	font-size: 16px;
	color: #000;
}

header .right .search i.search1 {
  opacity: 0;
	color: #fff;
}

header .right.active .search i.search1 {
  opacity: 1;
}

header .right.active .search i.search2 {
  opacity: 0;
}

header .right.active input {
  color: #fff;
}

header .right.active input::-webkit-input-placeholder {
  color: #fff;
}

header .right.active input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #fff;
}

header .right.active input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #fff;
}

header .right.active input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff;
}

header .right.activesss {
  width: 34%;
}

header .right.activesss input {
  background-color: rgba(0, 0, 0, 0.1);
}

header .right.activesss .select1 {
  background-color: rgba(0, 0, 0, 0.1); 
  border-color: rgba(0, 0, 0, 0.1);
  color: #333;
  background: rgba(0,0,0,0.1) url(/wp-content/themes/joyetech/img/commonImg/select-down1.png) no-repeat 85% center;
  display: inline-block;
}

header .right.active .select1 {
  color: #fff;
}

header .right.active .select1 {
  background: rgba(0,0,0,0.1) url(/wp-content/themes/joyetech/img/commonImg/select-down2.png) no-repeat 85% center;
}


header .phone_nav_switch {
  height: 60px;
  line-height: 60px;
  color: #000;
  width: 40px;
  text-align: center;
  display: inline-block;
  font-size: 20px;
  position: absolute;
  right: 10px;
  top: 0;
  display: none;
}

@media only all and (max-width: 768px) {
  header .phone_nav_switch {
    display: block;
  }
}

header .shadow {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1;
  display: none;
}


.phone-nav {
  position: fixed;
  top: 100px;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  display: table;
  width: 100%;
  height: 100%;
  display: none;
}

.phone-nav.active {
  z-index: 100;
}

@media only all and (max-width: 414px) {
  .phone-nav {
    top: 80px;
  }
}

.phone-nav .shadow {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.9);
  width: 100%;
  height: 100%;
  display: none;
}

.phone-nav .inner {
  position: relative;
  z-index: -1;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  text-align: center;
  max-height: 100%;
  opacity: 0;
}

.phone-nav .inner.active {
  opacity: 1;
  z-index: 2;
}

.phone-nav .inner .item .one {
  font-size: 26px;
  line-height: 1;
  color: #1D1D1D;
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
}

.phone-nav .inner .item .one.active {
  color: #06397f;
}

@media only all and (max-width: 414px) {
  .phone-nav .inner .item .one {
    font-size: 18px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
}

.phone-nav .inner .item .one_con {
  display: none;
  margin-bottom: 5px;
}

.phone-nav .inner .item .one_con .two {
  display: block;
  font-size: 14px;
  line-height: 30px;
  color: #1D1D1D;
}

.phone-nav .inner .item .one_con .two.active {
  color: #06397f;
}

.other-parent .other {
  width: 1400px;
  margin: 0 auto;
  margin-bottom: 78px;
  font-size: 0;
}

@media only all and (max-width: 1440px) {
  .other-parent .other {
    width: 1200px;
    margin-bottom: 50px;
  }
}

@media only all and (max-width: 1280px) {
  .other-parent .other {
    width: 1000px;
  }
}

@media only all and (max-width: 1024px) {
  .other-parent .other {
    width: 770px;
  }
}

@media only all and (max-width: 768px) {
  .other-parent .other {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.other-parent .other .item {
  width: 33.3%;
  height: 320px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 2px solid #ccc;
  display: inline-block;
  vertical-align: top;
  padding-top: 67px;
}

@media only all and (max-width: 1440px) {
  .other-parent .other .item {
    height: 250px;
    padding-top: 54px;
  }
}

@media only all and (max-width: 640px) {
  .other-parent .other .item {
    width: 100%;
    border: none;
    border-bottom: 2px solid #ccc;
    padding-top: 30px;
    padding-bottom: 30px;
    height: auto;
  }
}

.other-parent .other .item:nth-child(1) {
  width: 30%;
}

@media only all and (max-width: 1440px) {
  .other-parent .other .item:nth-child(1) {
    width: 28%;
  }
}

@media only all and (max-width: 640px) {
  .other-parent .other .item:nth-child(1) {
    width: 100%;
  }
}

.other-parent .other .item:nth-child(2) {
  width: 40%;
}

@media only all and (max-width: 1440px) {
  .other-parent .other .item:nth-child(2) {
    width: 42%;
  }
}

@media only all and (max-width: 640px) {
  .other-parent .other .item:nth-child(2) {
    width: 100%;
  }
}

.other-parent .other .item:nth-child(3) {
  width: 30%;
}

@media only all and (max-width: 640px) {
  .other-parent .other .item:nth-child(3) {
    width: 100%;
  }
}

.other-parent .other .item:last-child {
  border-right: none;
}

@media only all and (max-width: 414px) {
  .other-parent .other .item.item1 {
    border-top: 2px solid #ccc;
  }
}

.other-parent .other .item.item1 .one {
  font-size: 40px;
  line-height: 1;
  color: #333;
}

@media only all and (max-width: 1440px) {
  .other-parent .other .item.item1 .one {
    font-size: 30px;
  }
}

@media only all and (max-width: 1024px) {
  .other-parent .other .item.item1 .one {
    font-size: 20px;
  }
}

.other-parent .other .item.item1 .img {
  margin-top: 22px;
  width: 71px;
}

.other-parent .other .item.item2 {
  padding-left: 4%;
  padding-right: 4%;
}

@media only all and (max-width: 1440px) {
  .other-parent .other .item.item2 {
    padding-left: 3%;
    padding-right: 3%;
  }
}

@media only all and (max-width: 1024px) {
  .other-parent .other .item.item2 {
    padding-left: 2%;
    padding-right: 2%;
  }
}

.other-parent .other .item.item2 .one {
  font-size: 40px;
  line-height: 1;
  color: #333;
}

@media only all and (max-width: 1440px) {
  .other-parent .other .item.item2 .one {
    font-size: 30px;
  }
}

@media only all and (max-width: 1024px) {
  .other-parent .other .item.item2 .one {
    font-size: 20px;
  }
}

.other-parent .other .item.item2 .two {
  margin-top: 42px;
  width: 100%;
  position: relative;
}

.other-parent .other .item.item2 .two input {
  width: 100%;
  height: 58px;
  font-size: 16px;
  color: #333;
  -webkit-border-radius: 29px;
  border-radius: 29px;
  background-color: #e9e9e9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 39px;
}

@media only all and (max-width: 1440px) {
  .other-parent .other .item.item2 .two input {
    height: 45px;
    font-size: 14px;
    -webkit-border-radius: 22.5px;
    border-radius: 22.5px;
    padding-left: 20px;
  }
}

@media only all and (max-width: 1024px) {
  .other-parent .other .item.item2 .two input {
    font-size: 12px;
  }
}

.other-parent .other .item.item2 .two input input::-webkit-input-placeholder {
  color: #333;
}

.other-parent .other .item.item2 .two input input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #333;
}

.other-parent .other .item.item2 .two input input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #333;
}

.other-parent .other .item.item2 .two input input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #333;
}

.other-parent .other .item.item2 .two button {
  width: 100px;
  height: 58px;
  -webkit-border-radius: 29px;
  border-radius: 29px;
  background-color: #004ea1;
  color: #fff;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  font-size: 16px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  cursor: pointer;
}

@media only all and (max-width: 1440px) {
  .other-parent .other .item.item2 .two button {
    height: 45px;
    font-size: 14px;
    -webkit-border-radius: 22.5px;
    border-radius: 22.5px;
  }
}

@media only all and (max-width: 1024px) {
  .other-parent .other .item.item2 .two button {
    font-size: 12px;
  }
}

.other-parent .other .item.item2 .two button:hover {
  opacity: 0.9;
}

.other-parent .other .item.item3 {
  padding-left: 4%;
}

@media only all and (max-width: 1440px) {
  .other-parent .other .item.item3 {
    padding-left: 3%;
  }
}

@media only all and (max-width: 1024px) {
  .other-parent .other .item.item3 {
    padding-left: 2%;
    padding-right: 2%;
  }
}

.other-parent .other .item.item3 .one {
  font-size: 40px;
  line-height: 1;
  color: #333;
}

@media only all and (max-width: 1440px) {
  .other-parent .other .item.item3 .one {
    font-size: 30px;
  }
}

@media only all and (max-width: 1024px) {
  .other-parent .other .item.item3 .one {
    font-size: 20px;
  }
}

.other-parent .other .item.item3 .two {
  font-size: 16px;
  line-height: 24px;
  color: #333;
  margin-top: 12px;
}

@media only all and (max-width: 1440px) {
  .other-parent .other .item.item3 .two {
    font-size: 14px;
    line-height: 22px;
  }
}

@media only all and (max-width: 1024px) {
  .other-parent .other .item.item3 .two {
    font-size: 12px;
    line-height: 20px;
  }
}

.other-parent .other .item.item3 .download {
  width: 250px;
  background-color: #004ea1;
  display: inline-block;
  -webkit-border-radius: 29px;
  border-radius: 29px;
  margin-top: 23px;
  text-align: center;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

@media only all and (max-width: 1440px) {
  .other-parent .other .item.item3 .download {
    width: 200px;
    -webkit-border-radius: 22.5px;
    border-radius: 22.5px;
    margin-top: 17px;
  }
}

.other-parent .other .item.item3 .download .text {
  display: inline-block;
  height: 58px;
  line-height: 58px;
  color: #fff;
  font-size: 16px;
  margin-right: 120px;
}

@media only all and (max-width: 1440px) {
  .other-parent .other .item.item3 .download .text {
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    margin-right: 60px;
  }
}

@media only all and (max-width: 1024px) {
  .other-parent .other .item.item3 .download .text {
    font-size: 12px;
  }
}

.other-parent .other .item.item3 .download i {
  display: inline-block;
  height: 58px;
  line-height: 58px;
  color: #fff;
  font-size: 16px;
}

@media only all and (max-width: 1440px) {
  .other-parent .other .item.item3 .download i {
    height: 45px;
    line-height: 45px;
    font-size: 14px;
  }
}

@media only all and (max-width: 1024px) {
  .other-parent .other .item.item3 .download i {
    font-size: 12px;
  }
}

.other-parent .other .item.item3 .download:hover {
  opacity: 0.9;
}

.two-search {
  border-top: 1px solid #ccc;
  padding-top:4vw;
  padding-bottom: 3vw;
}

@media only all and (max-width: 768px) {
  .two-search {
    border-top: none;
  }
}

.two-search .two-search-con ,.b-link .b-link-con {
  width: 1400px;
  margin: 0 auto;
  font-size: 0;
}

@media only all and (max-width: 1440px) {
  .two-search .two-search-con,.b-link .b-link-con {
    width: 1200px;
  }
}

@media only all and (max-width: 1280px) {
  .two-search .two-search-con,.b-link .b-link-con {
    width: 1000px;
  }
}

@media only all and (max-width: 1024px) {
  .two-search .two-search-con,.b-link .b-link-con {
    width: 770px;
  }
}

@media only all and (max-width: 768px) {
  .two-search .two-search-con,.b-link .b-link-con {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.two-search .item {
  height: 320px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  padding-top: 74px;
  text-align: center;
  padding-left: 90px;
  padding-right: 90px;
}

@media only all and (max-width: 1440px) {
  .two-search .item {
    padding-left: 50px;
    padding-right: 50px;
  }
}

@media only all and (max-width: 1280px) {
  .two-search .item {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media only all and (max-width: 1024px) {
  .two-search .item {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media only all and (max-width: 768px) {
  .two-search .item {
    height: auto;
    border-top: 1px solid #cdcdcd;
    padding-top: 20px;
  }
}

.two-search .item:nth-child(1) {
  border-right: 2px solid #ccc;
}

@media only all and (max-width: 768px) {
  .two-search .item:nth-child(1) {
    border-right: none;
  }
}

.two-search .item .one {
  font-size: 40px;
  line-height: 1;
  color: #333;
}

@media only all and (max-width: 1024px) {
  .two-search .item .one {
    font-size: 20px;
  }
}

@media only all and (max-width: 414px) {
  .two-search .item .one {
    font-size: 12px;
  }
}

.two-search .item .two {
  font-size: 16px;
  line-height: 24px;
  color: #333;
  margin-top: 12px;
}

@media only all and (max-width: 1024px) {
  .two-search .item .two {
    font-size: 14px;
    line-height: 22px;
  }
}

@media only all and (max-width: 768px) {
  .two-search .item .two {
    height: 66px;
  }
}

@media only all and (max-width: 414px) {
  .two-search .item .two {
    font-size: 12px;
    line-height: 20px;
    height: 100px;
  }
}




.two-search .item .download ,.link-btn {
  margin-top: 23px;
  width: auto;
	padding: 0 30px;
  height: 45px;
  line-height: 45px;
  position: relative;
  display: inline-block;
  color: #333; 
  overflow: hidden;
  background-color: #004ea1;
  -webkit-border-radius: 29px;
  border-radius: 29px;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  -moz-transition: all 0.6s;
  transition: all 0.6s;

}

@media only all and (max-width: 414px) {
  .two-search .item .download{
    width: 100%;
  }
}


.two-search .item .download:before{
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}
.two-search .item .download .more-con ,.link-btn .more-con {
  display: inline-block;
  width: 100%;
  text-align: center;
  height: 100%;
}
.two-search .item .download .more-con .up-s ,.link-btn .more-con .up-s{
  opacity: 1;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}
.two-search .item .download .more-con .down-s ,.link-btn .more-con .down-s{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  opacity: 0;
  text-align: center;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  display: inline-block;
  vertical-align: middle;
  transition: all 0.4s ease-in-out; 
}
.two-search .item .download:hover .up-s ,.link-btn:hover .up-s{
  opacity: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%); 
}
.two-search .item .download:hover .down-s ,.link-btn:hover .down-s{
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 1; 
}


.two-search .item .download .text ,.link-btn .text{
  display: inline-block;
  height: 45px;
  line-height: 45px;
  color: #fff;
  font-size: 16px;
  margin-right: 20px;
}

@media only all and (max-width: 1440px) {
  .two-search .item .download .text ,.link-btn .text{
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    margin-right: 18px;
  }
}

@media only all and (max-width: 1024px) {
  .two-search .item .download .text ,.link-btn .text{
    font-size: 12px;
  }
}

@media only all and (max-width: 414px) {
  .two-search .item .download .text ,.link-btn .text{
    margin-right: 15px;
  }
}

.two-search .item .download i ,.link-btn i{
  display: inline-block;
  height: 45px;
  line-height: 45px;
  color: #fff;
  font-size: 16px;
}

@media only all and (max-width: 1440px) {
  .two-search .item .download i ,.link-btn i{
    height: 45px;
    line-height: 45px;
    font-size: 14px;
  }
}

@media only all and (max-width: 1024px) {
  .two-search .item .download i ,.link-btn i{
    font-size: 12px;
  }
}




footer {
  position: relative;
}

footer .back-top {
	display: none;
	width: 45px;
	height: 45px;
	position: fixed;
    right: 10px;
	bottom: 10px;
  z-index: 9999;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #3333336b;
  border-radius: 50%;
}

footer .back-top img {
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;  
  width: 13px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

footer .back-top img.img2 {
  opacity: 0;
}

footer .back-top:hover {
  background-color: #ffffff42;
}

footer .back-top:hover img.img1 {
  opacity: 0;
}

footer .back-top:hover img.img2 {
  opacity: 1;
}


@media only all and (max-width: 1650px) {
  footer .back-top {
    right: 20px;
  }
}

@media only all and (max-width: 1440px) {
  footer .back-top {
    width: 50px;
    height: 50px;
  }
}

@media only all and (max-width: 768px) {
  footer .back-top {
    display: none;
  }
}

footer .back-top:hover {
  opacity: 0.9;
}

footer .top {
  background-color: #232323;
}

footer .top .top1 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 1%;
  padding-bottom: 1%;
}

@media only all and (max-width: 768px) {
  footer .top .top1 {
    border-bottom: none;
    padding-bottom: 0;
  }
}

footer .top .top1 .top1-con {
  width: 1400px;
  margin: 0 auto;
}

@media only all and (max-width: 1440px) {
  footer .top .top1 .top1-con {
    width: 1200px;
  }
}

@media only all and (max-width: 1280px) {
  footer .top .top1 .top1-con {
    width: 1000px;
  }
}

@media only all and (max-width: 1024px) {
  footer .top .top1 .top1-con {
    width: 770px;
  }
}

@media only all and (max-width: 768px) {
  footer .top .top1 .top1-con {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
  }
}

footer .top .top1 .top1-con .left {
  width: 380px;
  display: inline-block;
}

@media only all and (max-width: 1024px) {
  footer .top .top1 .top1-con .left {
    width: 300px;
  }
}

@media only all and (max-width: 768px) {
  footer .top .top1 .top1-con .left {
    float: none;
    display: none;
  }
}

footer .top .top1 .top1-con .left .img {
	width: 270px;
	margin-top: 10px;
}

footer .top .top2  .right {
  font-size: 0;
}

@media only all and (max-width: 768px) {
  footer .top .top2  .right {
    float: none;
  }
}

footer .top .top2  .right .item {
  display: inline-block;
  width: 35px;
  height: 35px;
  margin-right: 8px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  overflow: hidden;
}

@media only all and (max-width: 414px) {

  footer .top .top2  .right .item {
    width: 35px;
    height: 35px;
  }

}


footer .top .top2  .right .item:last-child {
  margin-right: 0;
}

footer .top .top2  .right .item .img {
  width: 100%;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out; 
}

footer .top .top2  .right .item:hover {
  opacity: 0.9;
}

footer .top .top2  .right .item:hover .img {
  -moz-transform: translateY(-35px);
  -webkit-transform: translateY(-35px);
  -o-transform: translateY(-35px);
  transform: translateY(-35px);
}


@media only all and (max-width: 414px) {

footer .top .top2  .right .item:hover .img {
  -moz-transform: translateY(-35px);
  -webkit-transform: translateY(-35px);
  -o-transform: translateY(-35px);
  transform: translateY(-35px);
}


}



footer .top .top2 {
  width: 1400px;
  margin: 0 auto;
  padding-top: 2%;
	padding-bottom: 1%;
}

@media only all and (max-width: 1440px) {
  footer .top .top2 {
    width: 1200px;
  }
}

@media only all and (max-width: 1280px) {
  footer .top .top2 {
    width: 1000px;
  }
}

@media only all and (max-width: 1024px) {
  footer .top .top2 {
    width: 770px;
  }
}

@media only all and (max-width: 768px) {
  footer .top .top2 {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
  }
}

footer .top .top2 .left {
  font-size: 0;
  width: 54.3%;
  font-family: 'LucidaGrandeRegular', "Myriad Pro", "Arial" !important;
}

@media only all and (max-width: 768px) {
  footer .top .top2 .left {
    width: 100%;
    float: none;
  }
}

footer .top .top2 .left .item {
  width: 190px;
  width: 100%;
  display: inline-block;
  vertical-align: top;
}

@media only all and (max-width: 768px) {
  footer .top .top2 .left .item {
    width: 100%;
    margin-bottom: 15px;
  }
}

footer .top .top2 .left .item > li {
  width: 25%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 2%;
}

@media only all and (max-width: 768px) {
  footer .top .top2 .left .item > li {
    width: 100%;
  }
}


footer .top .top2 .left .item > li > a {
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  margin-bottom: 10px;
  display: block;
}

@media only all and (max-width: 1440px) {
  footer .top .top2 .left .item > li > a {
    font-size: 16px;
  }
}

@media only all and (max-width: 768px) {
  footer .top .top2 .left .item > li > a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 10px;
  }
	footer .top .top2 .left .item > li > ul > li > a{
		padding-left: 30px;
	}
	footer .top .top2 .right .fu{
		padding-bottom: 20px;
	}
	footer .top .top2 .right .copyright {
		margin-top: 20px;
		margin-bottom: 20px;
	}
}

footer .top .top2 .left .item > li > a span {
    display: inline-block;
    margin-right: 20px;
    width: 10px;
}


footer .top .top2 .left .item .one span {
  display: none;
}

@media only all and (max-width: 768px) {
  footer .top .top2 .left .item .one span {
    display: inline-block;
    margin-right: 20px;
    width: 10px;
  }
}

@media only all and (max-width: 768px) {
  footer .top .top2 .left .item .two {
    display: none;
  }
}

footer .top .top2 .left .item .two .list {
  display: block;
  padding-right: 5px;
  font-size: 16px;
  line-height: 24px;
  color: #666;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

@media only all and (max-width: 1440px) {
  footer .top .top2 .left .item .two .list {
    font-size: 14px;
  }
}

@media only all and (max-width: 1024px) {
  footer .top .top2 .left .item .two .list {
    font-size: 12px;
  }
}

footer .top .top2 .left .item .two .list:hover {
  color: #fff;
}

@media only all and (max-width: 768px) {
  footer .top .top2 .left .item > li > ul {
    display: none;
  }
}

footer .top .top2 .left .item > li > ul > li > a {
  display: block;
  padding-right: 5px;
  font-size: 16px;
  line-height: 24px;
  color: #666;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}
footer .top .top2 .left .item > li > ul > li > a:hover {
  color: #fff;
}

@media only all and (max-width: 1440px) {
  footer .top .top2 .left .item > li > ul > li > a {
    font-size: 14px;
  }
}

@media only all and (max-width: 1024px) {
  footer .top .top2 .left .item > li > ul > li > a {
    font-size: 12px;
  }
}





footer .top .top2 .right {
  width: 21%;
}

@media only all and (max-width: 1440px) {
  footer .top .top2 .right {
    width: 30%;
  }
}

@media only all and (max-width: 768px) {
  footer .top .top2 .right {
    float: none;
    width: 100%;
  }
}

footer .top .top2 .right .one
{
	font-family: 'LucidaGrandeRegular', "Myriad Pro", "Arial" !important;
      font-size: 18px;
    line-height: 1.4;
    margin-bottom: 5px;
  color: #fff;
}

@media only all and (max-width: 1440px) {
  footer .top .top2 .right .one {
    font-size: 16px;
  }
}

footer .top .top2 .right .two {
  margin-top: 0;
  width: 100%;
  position: relative;
}

@media only all and (max-width: 768px) {
  footer .top .top2 .right .two {
    width: 50%;
  }
}

@media only all and (max-width: 414px) {
  footer .top .top2 .right .two {
    width: 100%;
  }
}

footer .top .top2 .right .two input {
  width: 100%;
  height: 30px;
  font-size: 14px;
  color: #666;
  background-color: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

@media only all and (max-width: 1440px) {
  footer .top .top2 .right .two input {
    height: 30px;
    font-size: 14px;
  }
}

@media only all and (max-width: 1024px) {
  footer .top .top2 .right .two input {
    font-size: 12px;
  }
}

footer .top .top2 .right .two input input::-webkit-input-placeholder {
  color: #666;
}

footer .top .top2 .right .two input input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #666;
}

footer .top .top2 .right .two input input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #666;
}

footer .top .top2 .right .two input input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #666;
}

footer .top .top2 .right .fu{
	padding-bottom: 35px;
}

footer .top .top2 .right .two button {
  width: 100px;
  height: 30px;
  background-color: #004ea1;
  color: #fff;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  font-size: 14px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  cursor: pointer;
}

@media only all and (max-width: 1440px) {
  footer .top .top2 .right .two button {
    height: 30px;
    font-size: 14px;
  }
}

@media only all and (max-width: 1024px) {
  footer .top .top2 .right .two button {
    font-size: 12px;
  }
}

footer .top .top2 .right .two button:hover {
  opacity: 0.9;
}

footer .top .top2 .right .copyright {
  margin-top: 10px;
}

footer .top .top2 .right .copyright .text {
  font-size: 14px;
  line-height: 1.1;
  color: #666;
}


footer .top .top2 .right .copyright .anthor {
  font-size: 14px;
  line-height: 24px;
  color: #666;
}

@media only all and (max-width: 1440px) {
  footer .top .top2 .right .copyright .anthor {
    font-size: 12px;
  }
}

footer .top .top2 .right .copyright .anthor a {
  color: #666;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

footer .top .top2 .right .copyright .anthor a:hover {
  color: #fff;
}

footer .bottom {
  background-color: #2c2c2c;
  padding-top: 1%;
  padding-bottom: 1%;
}

footer .bottom .bottom-con {
	margin: 0 auto;
	font-size: 12px;
    line-height: 1.2;
    text-align: justify;
	color: #666;
}

.age {
  position: fixed;
  z-index: 1020;
  display: none;
}



.age .shadow {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
}

.age .age-con {
  position: fixed;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  z-index: 2;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.age .age-con .img {
  width: 46px;
}

@media only all and (max-width: 1440px) {
  .age .age-con .img {
    width: 30px;
  }
}

@media only all and (max-width: 414px) {
  .age .age-con .img {
    width: 20px;
  }
}

.age .age-con .text1 {
  font-size: 60px;
  line-height: 1;
  color: #333;
}

@media only all and (max-width: 1440px) {
  .age .age-con .text1 {
    font-size: 36px;
  }
}

@media only all and (max-width: 414px) {
  .age .age-con .text1 {
    font-size: 20px;
  }
}

.age .age-con .text1 span {
  font-size: 80px;
  display: block;
}

@media only all and (max-width: 1440px) {
  .age .age-con .text1 span {
    font-size: 50px;
  }
}

@media only all and (max-width: 414px) {
  .age .age-con .text1 span {
    font-size: 30px;
  }
}

.age .age-con .two-btn {
  display: inline-block;
  margin-top: 73px;
  padding-bottom: 60px;
  border-bottom: 1px solid #ccc;
  font-size: 0;
}

@media only all and (max-width: 1440px) {
  .age .age-con .two-btn {
    margin-top: 40px;
    padding-bottom: 40px;
  }
}

@media only all and (max-width: 414px) {
  .age .age-con .two-btn {
    width: 100%;
  }
}

.age .age-con .two-btn .item {
  width: 240px;
  height: 50px;
  line-height: 50px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  background-color: #004ea1;
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  color: #fff;
  margin-right: 10px;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

@media only all and (max-width: 1440px) {
  .age .age-con .two-btn .item {
    width: 170px;
    height: 40px;
    line-height: 40px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    font-size: 14px;
  }
}

@media only all and (max-width: 414px) {
  .age .age-con .two-btn .item {
    width: 130px;
    font-size: 12px;
  }
}

.age .age-con .two-btn .item:hover {
  opacity: 0.9;
}

.age .age-con .two-btn .item2 {
  margin-right: 0;
  background-color: #2e2e2e;
}

.age .age-con .text2 {
  font-size: 16px;
  line-height: 24px;
  margin-top: 25px;
}

@media only all and (max-width: 1440px) {
  .age .age-con .text2 {
    font-size: 14px;
    line-height: 22px;
    margin-top: 20px;
  }
}

.age .age-con .text3 {
  font-size: 14px;
  line-height: 24px;
}

@media only all and (max-width: 1440px) {
  .age .age-con .text3 {
    font-size: 12px;
    line-height: 22px;
  }
}






.age-ie {
  position: fixed;
  z-index: 1020;
  display: none;
}



.age-ie .shadow {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
}

.age-ie .age-con {
  position: fixed;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  z-index: 2;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.age-ie .age-con .img {
  width: 46px;
}

@media only all and (max-width: 1440px) {
  .age-ie .age-con .img {
    width: 30px;
  }
}

@media only all and (max-width: 414px) {
  .age-ie .age-con .img {
    width: 20px;
  }
}

.age-ie .age-con .text1 {
  font-size: 60px;
  line-height: 1;
  color: #333;
}

@media only all and (max-width: 1440px) {
  .age-ie .age-con .text1 {
    font-size: 36px;
  }
}

@media only all and (max-width: 414px) {
  .age-ie .age-con .text1 {
    font-size: 20px;
  }
}

.age-ie .age-con .text1 span {
  font-size: 80px;
  display: block;
}

@media only all and (max-width: 1440px) {
  .age-ie .age-con .text1 span {
    font-size: 50px;
  }
}

@media only all and (max-width: 414px) {
  .age-ie .age-con .text1 span {
    font-size: 30px;
  }
}

.age-ie .age-con .two-btn {
  display: inline-block;
  margin-top: 73px;
  padding-bottom: 60px;
  border-bottom: 1px solid #ccc;
  font-size: 0;
}

@media only all and (max-width: 1440px) {
  .age-ie .age-con .two-btn {
    margin-top: 40px;
    padding-bottom: 40px;
  }
}

@media only all and (max-width: 414px) {
  .age-ie .age-con .two-btn {
    width: 100%;
  }
}

.age-ie .age-con .two-btn .item {
  width: 240px;
  height: 50px;
  line-height: 50px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  background-color: #004ea1;
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  color: #fff;
  margin-right: 10px;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

@media only all and (max-width: 1440px) {
  .age-ie .age-con .two-btn .item {
    width: 170px;
    height: 40px;
    line-height: 40px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    font-size: 14px;
  }
}

@media only all and (max-width: 414px) {
  .age-ie .age-con .two-btn .item {
    width: 130px;
    font-size: 12px;
  }
}

.age-ie .age-con .two-btn .item:hover {
  opacity: 0.9;
}

.age-ie .age-con .two-btn .item2 {
  margin-right: 0;
  background-color: #2e2e2e;
}

.age-ie .age-con .text2 {
  font-size: 16px;
  line-height: 24px;
  margin-top: 25px;
}

@media only all and (max-width: 1440px) {
  .age-ie .age-con .text2 {
    font-size: 14px;
    line-height: 22px;
    margin-top: 20px;
  }
}

.age-ie .age-con .text3 {
  font-size: 14px;
  line-height: 24px;
}

@media only all and (max-width: 1440px) {
  .age-ie .age-con .text3 {
    font-size: 12px;
    line-height: 22px;
  }
}





.hint {
  background-color: #000;
  padding: 0px 10px;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
  z-index: 1030;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;  
}

@media only all and (max-width: 768px) {
  .hint {
    position: static;
  }
}


.hint .text {
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  font-family: 'LucidaGrandeRegular', "Myriad Pro", "Arial" !important;
}




.hint.active {
  top: 0px;
}

.hint.scroll30 {
  top: -30px;
}

.loading {
  position: fixed;
  background: #fff;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  display: none;
}

.loading .cons {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  padding: 0 5%;
}

.loading .cons .img {
  margin-bottom: 20px;
  width: 202px;
}

.loading .cons .line {
  height: 1px;
  width: 100%;
  background: #fff;
  position: relative;
  font-size: 0;
}

.loading .cons .line .left {
  height: 1px;
  background: #999;
  display: inline-block;
  animation: widths 3s linear infinite;
  -moz-animation: widths 3s linear infinite;
  -webkit-animation: widths 3s linear infinite;
  -o-animation: widths 3s linear infinite;
}

.loading .cons .line .right {
  height: 1px;
  background: #999;
  display: inline-block;
  animation: widths 3s linear infinite;
  animation: widths 3s linear infinite;
  -moz-animation: widths 3s linear infinite;
  -webkit-animation: widths 3s linear infinite;
  -o-animation: widths 3s linear infinite;
}

/*animation: widths 10s linear infinite;*/
@-webkit-keyframes widths {
  0% {
    width: 0;
  }
  50% {
    width: 50%;
  }
  100% {
    width: 0%;
  }
}

@-moz-keyframes widths {
  0% {
    width: 0;
  }
  50% {
    width: 50%;
  }
  100% {
    width: 0%;
  }
}

@-o-keyframes widths {
  0% {
    width: 0;
  }
  50% {
    width: 50%;
  }
  100% {
    width: 0%;
  }
}

@keyframes widths {
  0% {
    width: 0;
  }
  50% {
    width: 50%;
  }
  100% {
    width: 0%;
  }
}

.overturn {
  -webkit-transform: rotate(180deg) translate3d(0, 0, 0);
  -moz-transform: rotate(180deg) translate3d(0, 0, 0);
  transform: rotate(180deg) translate3d(0, 0, 0);
  text-align: left !important;
  padding-right: 0 !important;
  padding-left: 10px !important;
}

.up22 {
  -webkit-animation-name: upss;
  -moz-animation-name: upss;
  -o-animation-name: upss;
  animation-name: upss;
  -webkit-animation-duration: 0.8s;
  -moz-animation-duration: 0.8s;
  -o-animation-duration: 0.8s;
  animation-duration: 0.8s;
}

@-webkit-keyframes upss {
  0% {
    -o-transform: translateY(100px);
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }
  100% {
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-moz-keyframes upss {
  0% {
    -o-transform: translateY(100px);
    -moz-transform: translateY(100px);
    transform: translateY(100px);
  }
  100% {
    -o-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
}

@-o-keyframes upss {
  0% {
    -o-transform: translateY(100px);
    transform: translateY(100px);
  }
  100% {
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes upss {
  0% {
    -o-transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    transform: translateY(100px);
  }
  100% {
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown2 {
  -webkit-animation-name: fadeInDown2;
  -moz-animation-name: fadeInDown2;
  -o-animation-name: fadeInDown2;
  animation-name: fadeInDown2;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
}

@-webkit-keyframes fadeInDown2 {
  0% {
    opacity: 0;
    -o-transform: translateX(-50px);
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-moz-keyframes fadeInDown2 {
  0% {
    opacity: 0;
    -o-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
}

@-o-keyframes fadeInDown2 {
  0% {
    opacity: 0;
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInDown2 {
  0% {
    opacity: 0;
    -o-transform: translateX(-50px);
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
}



.tada2 {
  animation-name: tada2;
  animation-duration: 2s;
}

@keyframes tada2 {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(1) rotate(-3deg);
    -ms-transform: scale(1) rotate(-3deg);
    transform: scale(1) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1) rotate(3deg);
    -ms-transform: scale(1) rotate(3deg);
    transform: scale(1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1) rotate(-3deg);
    -ms-transform: scale(1) rotate(-3deg);
    transform: scale(1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}



.flipInY2 {
  animation-name: flipInY2;
  animation-duration: 3s;
}

@-webkit-keyframes flipInY2 {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
  }
}







@-webkit-keyframes widthLeft {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

@-moz-keyframes widthLeft {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

@-o-keyframes widthLeft {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

@keyframes widthLeft {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

.widthLeft {
  -webkit-animation-name: widthLeft;
  -moz-animation-name: widthLeft;
  -o-animation-name: widthLeft;
  animation-name: widthLeft;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  animation-duration: 1.5s;
}

@-webkit-keyframes widthRight {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

@-moz-keyframes widthRight {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

@-o-keyframes widthRight {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

@keyframes widthRight {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

.widthRight {
  -webkit-animation-name: widthRight;
  -moz-animation-name: widthRight;
  -o-animation-name: widthRight;
  animation-name: widthRight;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes zhuan {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes zhuan {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes zhuan {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes zhuan {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes bgarc2 {
  0% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(6);
    transform: scale(6);
    opacity: 0;
  }
}

@-moz-keyframes bgarc2 {
  0% {
    -moz-transform: scale(2);
    transform: scale(2);
    opacity: 1;
  }
  100% {
    -moz-transform: scale(6);
    transform: scale(6);
    opacity: 0;
  }
}

@-o-keyframes bgarc2 {
  0% {
    -o-transform: scale(2);
    transform: scale(2);
    opacity: 1;
  }
  100% {
    -o-transform: scale(6);
    transform: scale(6);
    opacity: 0;
  }
}

@keyframes bgarc2 {
  0% {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(6);
    -moz-transform: scale(6);
    -o-transform: scale(6);
    transform: scale(6);
    opacity: 0;
  }
}

@-webkit-keyframes breathe {
  0%, 100% {
    -webkit-transform: translate(0, -20px) scale(1);
    transform: translate(0, -20px) scale(1);
    opacity: 1;
  }
  25% {
    -webkit-transform: translate(0, 10px) scale(1.1);
    transform: translate(0, 10px) scale(1.1);
  }
  50% {
    -webkit-transform: translate(10px, 0px) scale(1.3);
    transform: translate(10px, 0px) scale(1.3);
    opacity: 0.2;
  }
  75% {
    -webkit-transform: translate(-10px, 0) scale(1.1);
    transform: translate(-10px, 0) scale(1.1);
  }
}

@-moz-keyframes breathe {
  0%, 100% {
    -moz-transform: translate(0, -20px) scale(1);
    transform: translate(0, -20px) scale(1);
    opacity: 1;
  }
  25% {
    -moz-transform: translate(0, 10px) scale(1.1);
    transform: translate(0, 10px) scale(1.1);
  }
  50% {
    -moz-transform: translate(10px, 0px) scale(1.3);
    transform: translate(10px, 0px) scale(1.3);
    opacity: 0.2;
  }
  75% {
    -moz-transform: translate(-10px, 0) scale(1.1);
    transform: translate(-10px, 0) scale(1.1);
  }
}

@-o-keyframes breathe {
  0%, 100% {
    -o-transform: translate(0, -20px) scale(1);
    transform: translate(0, -20px) scale(1);
    opacity: 1;
  }
  25% {
    -o-transform: translate(0, 10px) scale(1.1);
    transform: translate(0, 10px) scale(1.1);
  }
  50% {
    -o-transform: translate(10px, 0px) scale(1.3);
    transform: translate(10px, 0px) scale(1.3);
    opacity: 0.2;
  }
  75% {
    -o-transform: translate(-10px, 0) scale(1.1);
    transform: translate(-10px, 0) scale(1.1);
  }
}

@keyframes breathe {
  0%, 100% {
    -webkit-transform: translate(0, -20px) scale(1);
    -moz-transform: translate(0, -20px) scale(1);
    -o-transform: translate(0, -20px) scale(1);
    transform: translate(0, -20px) scale(1);
    opacity: 1;
  }
  25% {
    -webkit-transform: translate(0, 10px) scale(1.1);
    -moz-transform: translate(0, 10px) scale(1.1);
    -o-transform: translate(0, 10px) scale(1.1);
    transform: translate(0, 10px) scale(1.1);
  }
  50% {
    -webkit-transform: translate(10px, 0px) scale(1.3);
    -moz-transform: translate(10px, 0px) scale(1.3);
    -o-transform: translate(10px, 0px) scale(1.3);
    transform: translate(10px, 0px) scale(1.3);
    opacity: 0.2;
  }
  75% {
    -webkit-transform: translate(-10px, 0) scale(1.1);
    -moz-transform: translate(-10px, 0) scale(1.1);
    -o-transform: translate(-10px, 0) scale(1.1);
    transform: translate(-10px, 0) scale(1.1);
  }
}

@-webkit-keyframes breathe11 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  50% {
    -webkit-transform: translate(60px, 0px) scale(1.5);
    transform: translate(60px, 0px) scale(1.5);
  }
  75% {
    -webkit-transform: translate(-60px, 0px) scale(1.5);
    transform: translate(-60px, 0px) scale(1.5);
  }
  100% {
    -webkit-transform: translate(0px, 0px) scale(1);
    transform: translate(0px, 0px) scale(1);
  }
}

@-moz-keyframes breathe11 {
  0% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  50% {
    -moz-transform: translate(60px, 0px) scale(1.5);
    transform: translate(60px, 0px) scale(1.5);
  }
  75% {
    -moz-transform: translate(-60px, 0px) scale(1.5);
    transform: translate(-60px, 0px) scale(1.5);
  }
  100% {
    -moz-transform: translate(0px, 0px) scale(1);
    transform: translate(0px, 0px) scale(1);
  }
}

@-o-keyframes breathe11 {
  0% {
    -o-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -o-transform: scale(1.5);
    transform: scale(1.5);
  }
  50% {
    -o-transform: translate(60px, 0px) scale(1.5);
    transform: translate(60px, 0px) scale(1.5);
  }
  75% {
    -o-transform: translate(-60px, 0px) scale(1.5);
    transform: translate(-60px, 0px) scale(1.5);
  }
  100% {
    -o-transform: translate(0px, 0px) scale(1);
    transform: translate(0px, 0px) scale(1);
  }
}

@keyframes breathe11 {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
  }
  50% {
    -webkit-transform: translate(60px, 0px) scale(1.5);
    -moz-transform: translate(60px, 0px) scale(1.5);
    -o-transform: translate(60px, 0px) scale(1.5);
    transform: translate(60px, 0px) scale(1.5);
  }
  75% {
    -webkit-transform: translate(-60px, 0px) scale(1.5);
    -moz-transform: translate(-60px, 0px) scale(1.5);
    -o-transform: translate(-60px, 0px) scale(1.5);
    transform: translate(-60px, 0px) scale(1.5);
  }
  100% {
    -webkit-transform: translate(0px, 0px) scale(1);
    -moz-transform: translate(0px, 0px) scale(1);
    -o-transform: translate(0px, 0px) scale(1);
    transform: translate(0px, 0px) scale(1);
  }
}

@-webkit-keyframes opacity {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-moz-keyframes opacity {
  0% {
    -moz-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -moz-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-o-keyframes opacity {
  0% {
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes opacity {
  0% {
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

.opacity {
  -webkit-animation: opacity 1.5s 1 linear;
  -moz-animation: opacity 1.5s 1 linear;
  -o-animation: opacity 1.5s 1 linear;
  animation: opacity 1.5s 1 linear;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s;
}

.breathe11 {
  -webkit-animation: breathe11 10s infinite linear;
  -moz-animation: breathe11 10s infinite linear;
  -o-animation: breathe11 10s infinite linear;
  animation: breathe11 10s infinite linear;
}

.imgmove-right {
  -webkit-animation: imgmove-right 7s linear infinite;
  -moz-animation: imgmove-right 7s linear infinite;
  -o-animation: imgmove-right 7s linear infinite;
  animation: imgmove-right 7s linear infinite;
}

@-webkit-keyframes imgmove-right {
  0% {
    -webkit-transform: scale(1.5) translate(0%, 0%);
    transform: scale(1.5) translate(0%, 0%);
  }
  25% {
    -webkit-transform: scale(1.5) translate(15%, 0%);
    transform: scale(1.5) translate(15%, 0%);
  }
  50% {
    -webkit-transform: scale(1.5) translate(0%, 0%);
    transform: scale(1.5) translate(0%, 0%);
  }
  75% {
    -webkit-transform: scale(1.5) translate(-15%, 0%);
    transform: scale(1.5) translate(-15%, 0%);
  }
  100% {
    -webkit-transform: scale(1.5) translate(0%, 0%);
    transform: scale(1.5) translate(0%, 0%);
  }
}

@-moz-keyframes imgmove-right {
  0% {
    -moz-transform: scale(1.5) translate(0%, 0%);
    transform: scale(1.5) translate(0%, 0%);
  }
  25% {
    -moz-transform: scale(1.5) translate(15%, 0%);
    transform: scale(1.5) translate(15%, 0%);
  }
  50% {
    -moz-transform: scale(1.5) translate(0%, 0%);
    transform: scale(1.5) translate(0%, 0%);
  }
  75% {
    -moz-transform: scale(1.5) translate(-15%, 0%);
    transform: scale(1.5) translate(-15%, 0%);
  }
  100% {
    -moz-transform: scale(1.5) translate(0%, 0%);
    transform: scale(1.5) translate(0%, 0%);
  }
}

@-o-keyframes imgmove-right {
  0% {
    -o-transform: scale(1.5) translate(0%, 0%);
    transform: scale(1.5) translate(0%, 0%);
  }
  25% {
    -o-transform: scale(1.5) translate(15%, 0%);
    transform: scale(1.5) translate(15%, 0%);
  }
  50% {
    -o-transform: scale(1.5) translate(0%, 0%);
    transform: scale(1.5) translate(0%, 0%);
  }
  75% {
    -o-transform: scale(1.5) translate(-15%, 0%);
    transform: scale(1.5) translate(-15%, 0%);
  }
  100% {
    -o-transform: scale(1.5) translate(0%, 0%);
    transform: scale(1.5) translate(0%, 0%);
  }
}

@keyframes imgmove-right {
  0% {
    -webkit-transform: scale(1.5) translate(0%, 0%);
    -moz-transform: scale(1.5) translate(0%, 0%);
    -o-transform: scale(1.5) translate(0%, 0%);
    transform: scale(1.5) translate(0%, 0%);
  }
  25% {
    -webkit-transform: scale(1.5) translate(15%, 0%);
    -moz-transform: scale(1.5) translate(15%, 0%);
    -o-transform: scale(1.5) translate(15%, 0%);
    transform: scale(1.5) translate(15%, 0%);
  }
  50% {
    -webkit-transform: scale(1.5) translate(0%, 0%);
    -moz-transform: scale(1.5) translate(0%, 0%);
    -o-transform: scale(1.5) translate(0%, 0%);
    transform: scale(1.5) translate(0%, 0%);
  }
  75% {
    -webkit-transform: scale(1.5) translate(-15%, 0%);
    -moz-transform: scale(1.5) translate(-15%, 0%);
    -o-transform: scale(1.5) translate(-15%, 0%);
    transform: scale(1.5) translate(-15%, 0%);
  }
  100% {
    -webkit-transform: scale(1.5) translate(0%, 0%);
    -moz-transform: scale(1.5) translate(0%, 0%);
    -o-transform: scale(1.5) translate(0%, 0%);
    transform: scale(1.5) translate(0%, 0%);
  }
}

@-webkit-keyframes waveMove {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -560px;
  }
}

@-moz-keyframes waveMove {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -560px;
  }
}

@-o-keyframes waveMove {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -560px;
  }
}

@keyframes waveMove {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -560px;
  }
}

@-webkit-keyframes circleProgressLoad_right {
  0% {
    border-top: 6px solid #fff;
    border-right: 6px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  50% {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
  }
  100% {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
  }
}

@-webkit-keyframes circleProgressLoad_left {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  50% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  100% {
    -webkit-transform: rotate(225deg);
  }
}

@-webkit-keyframes water-right {
  0% {
    -webkit-transform: translateX(0) translateZ(0) scaleY(1);
    transform: translateX(0) translateZ(0) scaleY(1);
  }
  50% {
    -webkit-transform: translateX(25%) translateZ(0) scaleY(0.85);
    transform: translateX(25%) translateZ(0) scaleY(0.85);
  }
  100% {
    -webkit-transform: translateX(50%) translateZ(0) scaleY(1);
    transform: translateX(50%) translateZ(0) scaleY(1);
  }
}

@-moz-keyframes water-right {
  0% {
    -moz-transform: translateX(0) translateZ(0) scaleY(1);
    transform: translateX(0) translateZ(0) scaleY(1);
  }
  50% {
    -moz-transform: translateX(25%) translateZ(0) scaleY(0.85);
    transform: translateX(25%) translateZ(0) scaleY(0.85);
  }
  100% {
    -moz-transform: translateX(50%) translateZ(0) scaleY(1);
    transform: translateX(50%) translateZ(0) scaleY(1);
  }
}

@-o-keyframes water-right {
  0% {
    transform: translateX(0) translateZ(0) scaleY(1);
  }
  50% {
    transform: translateX(25%) translateZ(0) scaleY(0.85);
  }
  100% {
    transform: translateX(50%) translateZ(0) scaleY(1);
  }
}

@keyframes water-right {
  0% {
    -webkit-transform: translateX(0) translateZ(0) scaleY(1);
    -moz-transform: translateX(0) translateZ(0) scaleY(1);
    transform: translateX(0) translateZ(0) scaleY(1);
  }
  50% {
    -webkit-transform: translateX(25%) translateZ(0) scaleY(0.85);
    -moz-transform: translateX(25%) translateZ(0) scaleY(0.85);
    transform: translateX(25%) translateZ(0) scaleY(0.85);
  }
  100% {
    -webkit-transform: translateX(50%) translateZ(0) scaleY(1);
    -moz-transform: translateX(50%) translateZ(0) scaleY(1);
    transform: translateX(50%) translateZ(0) scaleY(1);
  }
}

@-webkit-keyframes entername {
  0% {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  50% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
}

@-moz-keyframes entername {
  0% {
    -moz-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  50% {
    -moz-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -moz-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
}

@-o-keyframes entername {
  0% {
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  50% {
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
}

@keyframes entername {
  0% {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  50% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
}

.left-line ,.right-line ,.middle-line{
	position: absolute;
	width: 2px;
	height: 120px;
	background-color: #004ea1;
	top: 0;
	transform: translateY(-50%);
	opacity: 0;
}
.middle-line{
	width: 4px;
	left: 50%;
	margin-left: -2px;
}

@media only all and (max-width: 1440px) {
	.left-line ,.right-line ,.middle-line{
		height: 70px;
	}
}

@media only all and (max-width: 1024px) {
	.left-line ,.right-line ,.middle-line{
		height: 50px;
	}
}
	.leftline {
	  -webkit-animation-name: leftline;
	  animation-name: leftline;
	}
	.rightline {
	  -webkit-animation-name: rightline;
	  animation-name: rightline;
	}
	.middleline{
		animation-fill-mode:forwards;
		-webkit-animation-name: middleline;
		animation-name: middleline;
	}
	
	@keyframes leftline{
		0% {opacity: 0;left: 0;}
		30%{opacity: 0.2;}
		50% {opacity: 1;left: 50%;}
		70%{opacity: 0.1;}
		100% {opacity: 0;left: 100%;}
	}
	@keyframes rightline{
		0% {opacity: 0;right: 0;}
		30%{opacity: 0.2;}
		50% {opacity: 1;right: 50%;}
		70%{opacity: 0.1;}
		100% {opacity: 0;right: 100%;}
	}
	@keyframes middleline{
		0% {opacity: 0;}
		100% {opacity: 1;}
	}
.b-link{
	border-top: 1px solid #ccc;
	margin-top: 5%;
}
.b-link .link-item{
	padding: 5% 0;
	text-align: center;
	cursor: auto;
}
.b-link .link-item img{
	margin: 0 auto 10% auto;
	max-width: 100px;
}
.b-link .link-item p{
	font-size:18px;
	line-height: 1.2;
	color: #9b9b9b;
}
.b-link .link-item:first-child:hover img{
	content: url(/images/b-link01-h.png?v=1);
}
.b-link .link-item:nth-child(2):hover img{
	content: url(/images/b-link02-h.png);
}
.b-link .link-item:nth-child(3):hover img{
	content: url(/images/b-link03-h.png?v=1);
}
.b-link .link-item:nth-child(4):hover img{
	content: url(/images/b-link04-h.png);
}
.b-link .link-item:hover p{
	color: #004ea1;
}
@media (max-width: 767px) {
	.b-link{
		padding-top: 5%;
	}
	.b-link .link-item img {
		max-width: 60px;
	}
	.b-link .link-item p{
		font-size:14px;
	}
}
.joye-con{
	width: 1400px;
	margin: 0 auto;
	position: relative;
}

@media (max-width: 1440px) {
.joye-con{
	width: 1200px
}
}

@media (max-width: 1280px) {
.joye-con{
	width: 1000px
}
}

@media (max-width: 1024px) {
.joye-con{
	width: 770px
}
}
@media (max-width: 768px) {
.joye-con{
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
}