a, body, html {
	text-decoration: none
}
*, li, ul {
	list-style: none;
	padding: 0
}
*, body, html, li, ul {
	padding: 0
}
*, body, form, html {
	margin: 0
}
body, html {
	font-size: 12px;
	font-family: '微软雅黑';
	background: #ffffff;
	-webkit-text-size-adjust: none
}
body {
	position: relative;
	overflow-x: hidden;
	-webkit-transition-property: all;
	transition-property: all
}
a {
	color: #666;
	outline: 0;
star:expression(this.onFocus=this.blur())
}
a:active, a:hover {
	color: #00378C
}
* {
	outline: 0
}
table {
	border-collapse: collapse
}
li, ul {
	border: 0
}
img {
	border: 0;
	-moz-text-align-last: center;
	text-align-last: center;
	vertical-align: middle
}
center {
	text-align: left;
	color: #999;
	height: 50px
}
#clear, .clear {
	clear: both;
	float: none!important;
	background: 0 0;
	width: 0!important;
	height: 0!important;
	margin: 0!important;
	padding: 0!important
}
#noData, .noData {
	color: #ccc;
	font-size: 14px;
	text-align: left;
	padding: 50px 0
}
.fl, .fl-left {
	float: left
}
.fl-right, .fr {
	float: right
}
.fl-right, .fo {
	float: right;
	background: #a9a9a9;
		
}
.clearfix:after, .clearfix:before {
	content: "";
	display: table
}
.clearfix:after {
	clear: both
}
.clearfix {
	zoom: 1
}
.mob {
	display: none
}
::-webkit-scrollbar {
width:8px;
height:1px
}
::-webkit-scrollbar-thumb {
-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);
background:#00378C
}
::-webkit-scrollbar-track {
-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);
border-radius:10px;
background:#ededed
}



/*   

头部

-----------------------------------------------------------------*/
#head { position:fixed; z-index:999; width:100%;height: 80px;background: #fff;box-shadow:0px 3px 5px rgba(150,150,150,.3);margin: 0px auto;}
#head .logo{ position:absolute; left:65px; top:23px; text-align:left;}
#head .menu{ position:absolute; right:240px; height:80px; line-height:80px;}
#head .menu>li{float:left; position:relative; text-align:center; padding:0px 30px; background:url("https://www.zgzxele.com/static/home/img/menu-bar.png") no-repeat; background-position:center right;}
#head .menu>li:last-child{ background:none !important;}
#head .menu>li:after{position:absolute; left:20%; width:0; height:2px; bottom:10px; font-size:0; background:#00378C; content:''; display:block; transition:all .18s;}
#head .menu>li.A:after{width:60%;}
#head .menu>li>a{font-size:16px; color:#333; line-height:60px; display:inline-block; transition:line-height .35s,height .35s,color .25s;}
#head .menu>li.A>a{color:#00378C;}
#head .menu>li>div{min-width:160px; background:#00378C; box-shadow:0px 2px 3px rgba(0,0,0,.2); position:absolute; left:0; top:80px; display:none; transition:top .35s;}
#head .menu>li>div>a{display:block; height:45px; line-height:44px; text-align:left; border-bottom:1px solid rgba(255,255,255,.2); color:rgba(255,255,255,.8); padding:0 50px 0 20px; font-size:13px; transition:all .35s; white-space:nowrap; position:relative; overflow:hidden;}
#head .menu>li>div>a:after{content:''; display:block; width:20px; height:20px; position:absolute; background:url(../image/arrow.png) no-repeat center center; right:35px; top:12px; filter:alpha(opacity=0); opacity:0; transition:all .5s;}
#head .menu>li>div>a:last-child{border-bottom:0px none;}
#head .menu>li>div>a:hover{background:#888; color:rgba(255,255,255,1);}
#head .menu>li>div>a:hover:after{right:20px; filter:alpha(opacity=60); opacity:.6;}
#head .menu>li>div>a:last-child:hover{border-bottom:0px none;}
#head .btn{ position:absolute; right:65px; top:22px; text-align:right;}
#head .btn a{ display:inline-block; float:right; width:66px; height:34px; line-height:34px; margin-left:1px; text-align: center; transition:all .35s;}
#head .btn .language{ background:#00378C; color:#fff; font-size:14px;}
#head .btn a:hover{ opacity:.8;}
#head .btnWap{ display:none;}
#menuWap{ display:none;}
@media (min-width:960px) and (max-width:1480px){
  #head .menu>li{padding:0px 20px;}
}

@media only screen and (max-width: 1380px) {
  #head .logo img{ height:32px;}
  #head .menu>li{padding:0px 16px;}
  #head .menu>li>a{font-size:15px;}
}

@media only screen and (max-width: 1200px) {
  #head{ height:60px;}
  #head .logo{ left:20px; top:12px;}
  #head .logo img{  height:30px; width:auto;}
  #head .menu{ display:none;}
  #head .btn{ display:none;}
  #head .btnWap{ display:block; position:absolute; right:0; top:0; z-index:99; text-align:right;}
  #head .btnWap a{ display:inline-block; padding:0px 3px; height:60px; line-height:60px;}
  #head .btnWap a img{ height:20px; width:auto;}
  #head .btnWap .btn-menu{ background:#666; width:60px; text-align:center;}
  #head .btnWap .btn-menu img{ height:35px;}
  #menuWap {display:block;position:fixed;z-index: 1000;right: -100%;top: 0px;width: 100%;height: 100%;background: rgba(0,0,0,.4);}
  #menuWap .close {position: absolute;z-index: 99;right: 20px;top: 20px;cursor: pointer;}
  #menuWap .close img { width: 20px; height: auto;}
  #menuWap ul {position: absolute;z-index: 1;right: 0px;top: 0px;width: 70%;height: 100%; padding: 15% 0px;background: #fff; box-shadow: 0px 2px 8px rgba(0,0,0,.3); overflow: hidden;}
  #menuWap ul>li { position:relative;display: block;width: 78%;padding: 15px 0px;text-align: left;margin: 0px auto;border-bottom: 1px solid #eee;}
  #menuWap ul>li img{position:absolute;z-index:9;right:10px;top:18px;width:18px;height:auto;}
  #menuWap ul>li>a {display:block; font-size: 14px;padding:0px 5px;}
  #menuWap ul>li.A>a{ color:#00378C !important;}
  #menuWap ul>li>div{ display:none; padding:10px 0px;}
  #menuWap ul>li>div a{display:block;padding:5px;font-size:12px; color:#999;}
  #menuWap .tel{ border-bottom:0px; color:#00378C; font-size:18px; font-weight:bold; padding-left:55px;}
  #menuWap .tel img{ left:20px;top:12px; width:30px; right:auto;}
}

@media only screen and (max-width: 360px) {
  #head{ height:50px;}
  #head .logo{ top:12px;}
  #head .logo img{  height:25px;}
  #head .btnWap a{ height:50px; line-height:50px;}
  #head .btnWap .btn-menu{ width:50px;}
  #head .btnWap .btn-menu img{ height:32px;}

}

/* end*/



#menu, #menu>ul>li>div {
	top: 0;
	width: 300px;
	height: 100%
}

#menu {
	display: none;
	position: fixed;
	z-index: 999;
	right: 0;
	background: #00378C
}
#banner, #menu>.nav>a>span, #menu>ul {
	position: relative
}
#menu:hover {
	-webkit-box-shadow: -3px -3px 10px rgba(0,0,0,.2);
	box-shadow: -3px -3px 10px rgba(0,0,0,.2)
}
#menu>ul {
	margin: 0 auto
}
#menu>ul>li {
	display: block;
	text-align: left;
	padding: 10px 60px
}
#menu>ul>li>a {
	display: block;
	font-size: 24px;
	font-weight: 400;
	color: #fff
}
#menu>ul>li>div {
	display: none;
	position: absolute;
	z-index: 950;
	right: 250px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 50px
}
#menu>ul>li>div>a {
	display: block;
	padding: 10px 0;
	font-size: 16px;
	text-align: left;
	color: #666;
	-webkit-transition: all .35s;
	transition: all .35s
}
#menu>ul>li>div>a:hover {
	color: #00378C;
	padding-left: 10px
}
#menu>.nav {
	padding: 10px 60px;
	margin: 0 auto;
	text-align: left
}
#menu>.nav>a {
	display: block;
	padding: 5px 0;
	font-size: 14px;
	color: rgba(255,255,255,.6)
}
#menu>.nav>a>span {
	top: -2px;
	display: inline-block;
	font-size: 10px;
	color: #00378C;
	border-radius: 100%;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	content: ''
}
#menu>.nav>a>i {
	display: inline-block;
	margin-right: 4px;
	font-size: 20px
}
#menubg {
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 100%;
	background: #f7f7f7;
	z-index: 998
}
#search-box {
	display: none;
	position: fixed;
	z-index: 1001;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.9)
}
#search-box .close {
	position: absolute;
	z-index: 5;
	right: 50px;
	top: 40px;
	cursor: pointer
}
#search-box .close img {
	-webkit-transition: all .8s;
	transition: all .8s
}
#search-box .close:hover img {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg)
}
#search-box>.wrap {
	position: absolute;
	z-index: 4;
	left: 50%;
	top: 50%;
	margin-top: -150px;
	margin-left: -25%;
	width: 50%;
	height: 300px
}
#search-box .input {
	display: block
}
#search-box .input>form {
	width: 78%;
	float: left;
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff
}
#search-box .input>form input[type=text] {
	outline: 0;
	float: left;
	height: 60px;
	line-height: 60px;
	width: 50%;
	padding-left: 16px;
	border: none;
	font-size: 16px;
	background: #fff;
	color: #333;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden
}
#search-box .input>a, #search-box .input>form button {
	height: 60px;
	font-size: 16px;
	float: right;
	-webkit-transition: all .35s
}
#search-box .input>form input::-webkit-input-placeholder {
color:#ccc
}
#search-box .input>form button {
	outline: 0;
	width: 150px;
	border: none;
	text-align: left;
	padding-left: 70px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	opacity: 1;
	background: url(../image/ico_go.png) 40px 50% no-repeat #666;
	background-size: auto 20px;
	cursor: pointer;
	overflow: hidden;
	transition: all .35s
}
#search-box .input>form button:hover {
	background-color: #888
}
#search-box .input>a {
	display: block;
	width: 21%;
	line-height: 60px;
	padding: 0 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	background: #00378C;
	color: #fff;
	transition: all .35s
}
#search-box .input>a:hover {
	background-color: #38c0bd
}
#search-box .hot {
	padding: 30px 5px;
	text-align: left
}
#search-box .hot>strong {
	display: inline-block;
	font-size: 14px;
	color: #fff
}
#search-box .hot>a {
	display: inline-block;
	margin-right: 10px;
	font-size: 16px;
	text-decoration: underline;
	color: #00378C;
	-webkit-transition: all .35s;
	transition: all .35s
}
#search-box .hot>a:hover {
	text-decoration: none;
	color: #38c0bd
}
#banner {
	z-index: 4;
	margin: 0 auto
}
#banner.ins>.con, #nav>.select:after {
	position: absolute;
	z-index: 4;
	top: 50%
}
#banner.ins>.con {
	left: 50%;
	margin-top: -50px;
	margin-left: -40%;
	width: 80%;
	height: 200px
}
#banner.ins>.con>.en, #nav {
	margin: 0 auto;
	text-align: center
}
#banner.ins>.con>.en>span {
	display: inline-block;
	padding: 0 5px;
	font-size: 80px;
	font-weight: 700;
	color: #fff
}
#banner.ins>.con>.en>span.space {
	width: 30px
}
#nav, #nav>.select {
	width: 100%;
	position: relative
}
#banner.ins>.con>.cn {
	padding: 10px 0;
	text-align: center;
	font-size: 24px;
	font-weight: 200;
	color: #fff
}
#banner.ins>.con>.app-1, #banner.ins>.con>.app-2 {
	font-size: 18px;
	font-weight: 300;
	color: #fff;
	line-height: 2.6
}
#banner.pure-colour {
	height: 80px;
	background: #00378C;
	background-img: -webkit-gradient(linear, left top, right top, from(#00378C), to(#38c0bd));
	background-img: linear-gradient(to right, #00378C, #38c0bd)
}
#banner.ins>.con>.app-1 {
	font-family: 'Microsoft Jhenghei'
}
#banner.ins>.con>.app-2>span {
	font-size: 35px;
	display: inline-block
}
#nav {
	background: #fff;
	-webkit-box-shadow: 1px 1px 8px rgba(0,0,0,.1);
	box-shadow: 1px 1px 8px rgba(0,0,0,.1)
}
#nav>.select {
	display: none;
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	font-weight: 400;
	color: #666;
	padding: 0 50px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: left;
	cursor: pointer
}
#nav>.select>span {
	display: inline-block;
	font-size: 10px;
	font-weight: 200;
	text-transform: uppercase;
	color: #999
}
#nav>.select:after {
	right: 50px;
	margin-top: -13px;
	width: 26px;
	height: 26px;
	opacity: .3;
	background: url(../image/ico_arrow_down_noborder_black.png) 50% 50% no-repeat;
	background-size: 100% auto;
	content: '';
	-webkit-transition: all .35s;
	transition: all .35s
}
#nav>.select.select-active:after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}
#nav>.select-dropdown {
	width: 90%;
	max-width: 1280px;
	margin: 0 auto;
	background: #fff;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
	box-shadow: 0 1px 3px rgba(0,0,0,.1)
}
#nav>.select-dropdown ul {
	position: relative;
	z-index: 8;
	display: block;
	margin: 0 auto
}
#foot:after, #nav>.line {
	z-index: 1;
	top: 0;
	left: 0
}
#nav>.select-dropdown ul>li {
	display: inline-block;
	-webkit-transition: all .35s;
	transition: all .35s
}
#nav>.select-dropdown ul>li>a {
	display: block;
	font-size: 16px;
	font-weight: 400;
	color: #666;
	padding: 30px 50px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
#nav>.select-dropdown ul>li.active>a, #nav>.select-dropdown ul>li>a:hover, .loadmore>a {
	color: #00378C
}
#nav>.line {
	position: absolute;
	width: 0;
	height: 5px;
	background: #00378C;
	-webkit-transition: all .6s;
	transition: all .6s
}
#quick, #quick .container a {
	-webkit-transition: all .35s
}
#quick {
	position: fixed;
	z-index: 99;
	right: 0;
	top: 30%;
	background: rgba(0,176,169,.8);
	overflow: hidden;
	transition: all .35s
}
#foot, #quick .btn {
	position: relative
}
#quick .btn {
	text-align: right;
	padding: 15px;
	font-size: 16px;
	color: #fff;
	line-height: 20px;
	cursor: pointer
}
#quick .btn img {
	width: 20px;
	height: auto;
	-webkit-animation: aniLeftright 1.5s infinite;
	animation: aniLeftright 1.5s infinite
}
#quick .btn .A {
	right: 100px;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-animation: aniTondown 1.5s infinite;
	animation: aniTondown 1.5s infinite
}
#quick .container {
	display: none;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0 20px 20px
}
#quick .container a {
	display: block;
	width: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	height: auto;
	padding: 10px 0;
	font-size: 14px;
	color: #fff;
	border: 1px solid rgba(255,255,255,.2);
	margin-top: -1px;
	margin-left: -1px;
	transition: all .35s
}
#quick .container a img {
	display: block;
	width: 60px;
	margin: 0 auto;
	-webkit-transition: all .35s;
	transition: all .35s
}
#quick .container a:hover img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2)
}
#quick:hover {
	background: rgba(0,0,0,.6)
}

@media only screen and (max-width:900px) {
#quick {
	right: -130px
}
}
@-webkit-keyframes aniLeftright {
0%, 100% {
right:90px
}
50% {
right:95px
}
}
@keyframes aniLeftright {
0%, 100% {
right:90px
}
50% {
right:95px
}
}
@-webkit-keyframes aniTondown {
0%, 100% {
top:50px
}
50% {
top:55px
}
}
@keyframes aniTondown {
0%, 100% {
top:50px
}
50% {
top:55px
}
}
#foot {
	margin: 0 auto;
	background: #333
}
#foot:after {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../image/foot_bg.png) 0 30% no-repeat;
	background-size: cover;
	opacity: .1;
	content: ''
}
#foot>.order {
	position: relative;
	z-index: 88;
	background: #00378C;
	margin: 0 auto
}
#foot>.order>.wrap {
	width: 90%;
	margin: 0 auto;
	padding: 70px 0
}
#foot>.order .txt {
	width: 50%;
	text-align: left;
	font-size: 36px;
	color: #fff
}
#foot>.order .button {
	width: 30%;
	float: right;
	height: 54px;
	overflow: hidden;
	border-bottom: 1px solid #fff;
	line-height: 54px;
	text-align: right;
	position: relative
}
#foot>.order .button:after {
	position: absolute;
	z-index: 2;
	left: 0;
	bottom: 0;
	width: 0;
	height: 1px;
	background: #eee;
	content: '';
	-webkit-transition: all .35s;
	transition: all .35s
}
#foot>.order .button>a {
	display: block;
	font-size: 16px;
	color: #fff
}
#foot>.order .button>a img {
	height: 20px;
	width: auto;
	-webkit-transition: all .35s;
	transition: all .35s
}
#foot>.order .button:hover img {
	margin-left: 6px
}
#foot .navbox>.nav>ul, #foot>.navbox {
	margin: 0 auto
}
#foot>.order .button:hover:after {
	width: 100%
}
#foot>.navbox {
	position: relative;
	z-index: 90;
	width: 100%;
	padding: 100px 5% 40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
#foot .navbox>.nav {
	width: 60%;
	text-align: left
}
#foot .navbox>.nav>ul>li {
	display: inline-block;
	float: left;
	width: 20%;
	vertical-align: top
}
#foot .navbox>.nav>ul>li>a {
	display: block;
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	background: url(../image/ico_arrow_right_noborder_white.png) 0 4px no-repeat;
	background-size: 22px auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 30px
}
#foot .navbox>.nav>ul>li>div {
	display: block;
	padding: 20px 20px
}
#foot .navbox>.nav>ul>li>div>a {
	display: block;
	font-size: 15px;
	font-weight: 200;
	color: rgba(255,255,255,.8);
	padding: 8px 0;
	-webkit-transition: all .35s;
	transition: all .35s
}
#foot .gotop, #foot .gotop>a {
	-webkit-transition: all .35s
}
#foot .navbox>.nav>ul>li>div>a:hover {
	text-decoration: underline;
	color: rgba(255,255,255,1)
}
#foot .navbox>.box {
	width: 20%;
	position: relative;
	z-index: 99;
	text-align: left
}
#foot .navbox>.box>.logo {
	display: block
}
#foot .navbox>.box>.logo>img {
	max-width: 100%;
	height: auto
}
#foot .navbox>.box>.contact {
	text-align: left;
	padding: 30px 0
}
#foot .navbox>.box>.contact>h3 {
	font-size: 18px;
	color: #fff;
	font-weight: 300
}
#foot .navbox>.box>.contact>p {
	padding: 10px 0;
	font-size: 14px;
	color: #fff;
	line-height: 24px
}
#foot .navbox>.box>.contact>p>a {
	display: block;
	color: #fff
}
#foot .navbox>.box>.contact>p>a>img {
	height: 20px;
	width: auto;
	margin-right: 10px
}
#foot .navbox>.box>.qrcode {
	text-align: left
}
#foot .navbox>.box>.qrcode>img {
	width: 170px;
	height: auto;
	background: #fff;
	-webkit-box-shadow: 0 3px 10px rgba(0,0,0,.3);
	box-shadow: 0 3px 10px rgba(0,0,0,.3)
}
#foot .gotop {
	position: fixed;
	z-index: 96;
	right: 30px;
	bottom: 30px;
	padding: 10px;
	overflow: hidden;
	border-radius: 100%;
	background: rgba(0,0,0,.2);
	transition: all .35s
}
#foot .gotop>a {
	display: inline-block;
	width: 20px;
	height: 20px;
	overflow: hidden;
	background: url(../image/ico_gotop.png) no-repeat;
	background-size: 100% auto;
	transition: all .35s
}
#foot .gotop:hover {
	background-color: rgba(255,255,255,.8)
}
#foot .gotop:hover a {
	background-position: 0 -20px
}
#foot>.copy {
	position: relative;
	z-index: 9;
	padding: 30px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	font-weight: 200
}
#foot>.copy>a {
	color: #fff;
	display: inline-block
}

@media only screen and (max-width:1280px) {
#foot>.order .txt {
	font-size: 32px
}
#search-box>.wrap {
	margin-left: -30%;
	width: 60%
}
}

@media only screen and (max-width:1200px) {
#head .language>a, #head .myuser>a {
	line-height: 24px;
	color: #666
}



#nav>.select-dropdown ul>li>a {
	padding: 30px
}
#foot .navbox>.nav>ul>li {
	width: 33.33%;
	padding: 10px 0
}
#foot .navbox>.nav>ul>li>a {
	font-size: 18px
}
#foot .navbox>.nav>ul>li>div {
	display: none
}
#foot .navbox>.nav>ul>li>div>a {
	font-size: 14px
}
#foot .navbox>.box {
	width: 30%
}
}

@media only screen and (max-width:1080px) {
#search-box .input>a, #search-box .input>form input[type=text] {
	height: 50px;
	line-height: 50px;
	font-size: 16px
}
#search-box .input>form button {
	height: 50px;
	padding-left: 70px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 16px;
	background-size: auto 16px
}
#search-box .input>a {
	padding: 0 20px
}
#foot>.order .txt {
	font-size: 28px
}
}

@media only screen and (max-width:860px) {
#menu>ul>li>div {
	display: none;
	position: relative;
	z-index: 950;
	top: 0;
	right: 0;
	width: 100%;
	height: auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px 0
}
#menu>ul>li>div>a {
	color: rgba(255,255,255,.8)!important;
	font-size: 16px;
	padding: 5px 0
}
#search-box .input>form {
	width: 100%;
	float: none
}
#search-box .input>a {
	display: block;
	width: 100%;
	float: none;
	clear: both;
	margin: 10px auto
}
#search-box .hot {
	text-align: center
}
#search-box .hot>strong {
	display: block;
	padding: 10px 0
}
#nav>.select {
	display: block
}
#nav>.select-dropdown {
	display: none;
	position: absolute;
	z-index: 99;
	left: 0;
	top: 60px;
	width: 100%
}
#nav>.select-dropdown ul {
	position: relative
}
#nav>.select-dropdown ul>li {
	display: block;
	border-bottom: 1px solid #eee
}
#nav>.select-dropdown ul>li:last-child {
	border: 0!important
}
#nav>.select-dropdown ul>li.active>a, #nav>.select-dropdown ul>li>a:hover {
	color: #fff;
	background: #00378C
}
#nav>.line {
	display: none
}
}

@media only screen and (max-width:780px) {
#banner.ins {
	height: 400px;
	overflow: hidden
}
#banner.ins>.con {
	margin-top: -15px;
	height: 130px
}
#banner.ins>.con>.en>span {
	font-size: 60px
}
#banner.ins>.con>.en>span.space {
	width: 20px
}
#banner.ins>.con>.cn {
	font-size: 20px
}
#banner.ins img {
	height: 100%;
	width: auto
}
#banner.pure-colour {
	height: 60px!important
}
#foot .navbox>.box {
	width: 40%
}
#foot .navbox>.nav>ul>li {
	width: 50%
}
}

@media only screen and (max-width:680px) {
#head .logo>a, #head.active .logo>a {
	background-size: 100% auto
}
#nav>.select {
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	padding: 0 30px
}
#nav>.select:after {
	right: 30px
}
#nav>.select-dropdown {
	top: 50px
}
#nav>.select-dropdown ul>li>a {
	padding: 15px;
	font-size: 14px
}
}

@media only screen and (max-width:640px) {
#search-box .input>a, #search-box .input>form input[type=text] {
	height: 50px;
	line-height: 50px;
	font-size: 14px
}
#search-box>.wrap {
	margin-left: -35%;
	width: 70%
}
#search-box .input>form button {
	height: 50px;
	padding-left: 70px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
	background-size: auto 16px
}
#search-box .input>a {
	padding: 0 20px
}
#search-box .hot>a {
	font-size: 13px
}
#banner.ins {
	height: 200px;
	display: flex;
	justify-content: center;
}
#banner.ins>.con>.en>span {
	font-size: 40px
}
#foot .navbox>.box>.qrcode {
	display: none
}
#foot>.copy {
	border-top: 1px solid rgba(255,255,255,.2)
}
}

@media only screen and (max-width:540px) {
#search-box .input>form button {
	width: 110px;
	padding-left: 50px;
	background-position: 30px 50%;
	background-size: auto 16px
}
#foot>.order .txt {
	display: block;
	float: none;
	width: 100%;
	text-align: center;
	font-size: 21px
}
#foot>.order .button {
	width: 80%;
	margin: 20px auto 10px;
	float: none;
	border: 1px solid #fff;
	text-align: center
}
#foot .navbox>.nav {
	display: none
}
#foot .navbox>.box {
	width: 100%;
	float: none
}
#foot .navbox>.box>.logo>img {
	max-width: 80%
}
}

@media only screen and (max-width:420px) {
#banner.ins>.con {
	margin-top: -30px;
	height: initial;
}
#banner.ins>.con>.en>span {
	font-size: 27px;
	padding: 0 2px
}
#banner.ins>.con>.en>span.space {
	display: block
}
#banner.ins>.con>.cn {
	font-size: 16px
}
}
#backbuttonstate {
	display: none
}
.loadmore {
	margin: 0 auto;
	text-align: center;
	height: 150px
}
.loadmore .loading-box {
	margin: 0 0 100px;
	height: 50px;
	text-align: center;
	line-height: 47px;
	display: none
}
.loadmore .loading-box>div {
	width: 12px;
	height: 12px;
	background-color: #00378C;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
	animation: bouncedelay 1.4s infinite ease-in-out;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	margin: 0 3px
}
.loadmore .loading-box .bounce1 {
	-webkit-animation-delay: -.32s;
	animation-delay: -.32s
}
.loadmore .loading-box .bounce2 {
	-webkit-animation-delay: -.16s;
	animation-delay: -.16s
}
@-webkit-keyframes bouncedelay {
0%, 100%, 80% {
-webkit-transform:scale(0);
transform:scale(0)
}
40% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes bouncedelay {
0%, 100%, 80% {
-webkit-transform:scale(0);
transform:scale(0)
}
40% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
.loadmore>a {
	display: none;
	padding: 10px 50px;
	border-radius: 50px;
	font-size: 18px;
	border: 1px solid rgba(0,0,0,.1);
	-webkit-transition: all .35s;
	transition: all .35s
}
.loadmore>a:hover {
	color: #fff;
	background: rgba(0,173,169,.8);
	border: 1px solid rgba(0,173,169,.8);
	-webkit-transform: translateY(-4px);
	transform: translateY(-4px)
}
.search-group i {
    color: #333333;
    font-size: 1.5rem;
}

.search-group .form-control {
    font-size:1.25rem;
}

.top-lang b{
    font-size: 1.25rem;
    position: relative;
    top: 3px;
}