/**
 * style.less
 * 层叠样式表
 */
@font-face { font-family: "HelveticaNeue"; src: url("../fonts/HelveticaNeueLTPro-Roman.eot"); src: local('Helvetica Neue LT Pro'), local('Helvetica Neue'), local('HelveticaNeue'), url("../fonts/HelveticaNeueLTPro-Roman.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/HelveticaNeueLTPro-Roman.woff") format("woff"), /* chrome, firefox */ url("../fonts/HelveticaNeueLTPro-Roman.ttf") format("truetype"), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url("../fonts/HelveticaNeueLTPro-Roman.svg#Helvetica Neue LT Pro 55 Roman") format("svg"); font-style: normal; font-weight: 400;  /* IE9 */	/* iOS 4.1- */ }
@font-face { font-family: "HelveticaNeue"; src: url("../fonts/HelveticaNeueLTPro-Md.eot"); src: local('Helvetica Neue LT Pro'), local('Helvetica Neue'), local('HelveticaNeue'), url("../fonts/HelveticaNeueLTPro-Md.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/HelveticaNeueLTPro-Md.woff") format("woff"), /* chrome, firefox */ url("../fonts/HelveticaNeueLTPro-Md.ttf") format("truetype"), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url("../fonts/HelveticaNeueLTPro-Md.svg#Helvetica Neue LT Pro 65 Medium") format("svg"); font-style: normal; font-weight: 500;  /* IE9 */	/* iOS 4.1- */ }
@font-face { font-family: "HelveticaNeue"; src: url("../fonts/HelveticaNeueLTPro-Bd.eot"); src: local('Helvetica Neue LT Pro'), local('Helvetica Neue'), local('HelveticaNeue'), url("../fonts/HelveticaNeueLTPro-Bd.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/HelveticaNeueLTPro-Bd.woff") format("woff"), /* chrome, firefox */ url("../fonts/HelveticaNeueLTPro-Bd.ttf") format("truetype"), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url("../fonts/HelveticaNeueLTPro-Bd.svg#Helvetica Neue LT Pro 75 Bold") format("svg"); font-style: normal; font-weight: 700;  /* IE9 */	/* iOS 4.1- */ }
@font-face { font-family: "HelveticaNeue-Condensed"; src: url("../fonts/HelveticaNeueLTPro-Cn.eot"); src: url("../fonts/HelveticaNeueLTPro-Cn.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/HelveticaNeueLTPro-Cn.woff") format("woff"), /* chrome, firefox */ url("../fonts/HelveticaNeueLTPro-Cn.ttf") format("truetype"), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url("../fonts/HelveticaNeueLTPro-Cn.svg#Helvetica Neue LT Pro 57 Condensed") format("svg"); font-style: normal; font-weight: 400;  /* IE9 */	/* iOS 4.1- */ }
@font-face { font-family: "HelveticaNeue-Condensed"; src: url("../fonts/HelveticaNeueLTPro-BdCn.eot"); src: url("../fonts/HelveticaNeueLTPro-BdCn.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/HelveticaNeueLTPro-BdCn.woff") format("woff"), /* chrome, firefox */ url("../fonts/HelveticaNeueLTPro-BdCn.ttf") format("truetype"), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url("../fonts/HelveticaNeueLTPro-BdCn.svg#Helvetica Neue LT Pro 77 Bold Condensed") format("svg"); font-style: normal; font-weight: 700;  /* IE9 */	/* iOS 4.1- */ }

/**
 * base.less
 * 通用样式
 */
*,
*:before,
*:after { box-sizing: border-box; }
html { font-size: 10px; box-sizing: border-box; }
body { font-family: Arial, 'HelveticaNeue', sans-serif; font-size: 14px; color: #666; }
.clearfix { zoom: 1; }
.clearfix:after { display: block; visibility: hidden; clear: both; height: 0; content: '.'; }
a { color: inherit; text-decoration: none; }
ul { padding: 0; margin: 0; list-style: none; }
img-circle { border-radius: 50%; }
img-rounded { border-radius: 0.3rem; }
img-thumbnail { display: inline-block; max-width: 100%; height: auto; padding: .25rem; line-height: 1.5; background-color: #fff; border: 1px solid #ddd; border-radius: .25rem; transition: all 0.2s ease-in-out; }
img-responsive { display: block; max-width: 100%; height: auto; }
.img-box { position: relative; height: 0; overflow: hidden; padding-bottom: 100%; display: block; }
.img-box img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.img-box img[src=""],
.img-box img:not([src]) { border: 0; opacity: 0; }
.container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; transition: width .2s linear; overflow: hidden; }
@media (min-width:768px) {
	.container { width: 750px; }
}
@media (min-width:992px) {
	.container { width: 970px; }
}
@media (min-width:1440px) {
	.container { width: 1440px; }
}
.container:before,
.container:after { display: table; content: " "; }
.container:after { clear: both; }
.container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
.container-fluid:before,
.container-fluid:after { display: table; content: " "; }
.container-fluid:after { clear: both; }

/* lg */

/* md */

/* md */

/* sm */

/* sm */

/* xs */

/* xs-portrait */

/* test */
.row { margin-right: -15px; margin-left: -15px; }
.row:before,
.row:after { display: table; content: " "; }
.row:after { clear: both; }
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; overflow: hidden; }
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 { float: left; }
.col-xs-12 { width: 100%; }
.col-xs-11 { width: 91.66666667%; }
.col-xs-10 { width: 83.33333333%; }
.col-xs-9 { width: 75%; }
.col-xs-8 { width: 66.66666667%; }
.col-xs-7 { width: 58.33333333%; }
.col-xs-6 { width: 50%; }
.col-xs-5 { width: 41.66666667%; }
.col-xs-4 { width: 33.33333333%; }
.col-xs-3 { width: 25%; }
.col-xs-2 { width: 16.66666667%; }
.col-xs-1 { width: 8.33333333%; }
.col-xs-pull-12 { right: 100%; }
.col-xs-pull-11 { right: 91.66666667%; }
.col-xs-pull-10 { right: 83.33333333%; }
.col-xs-pull-9 { right: 75%; }
.col-xs-pull-8 { right: 66.66666667%; }
.col-xs-pull-7 { right: 58.33333333%; }
.col-xs-pull-6 { right: 50%; }
.col-xs-pull-5 { right: 41.66666667%; }
.col-xs-pull-4 { right: 33.33333333%; }
.col-xs-pull-3 { right: 25%; }
.col-xs-pull-2 { right: 16.66666667%; }
.col-xs-pull-1 { right: 8.33333333%; }
.col-xs-pull-0 { right: auto; }
.col-xs-push-12 { left: 100%; }
.col-xs-push-11 { left: 91.66666667%; }
.col-xs-push-10 { left: 83.33333333%; }
.col-xs-push-9 { left: 75%; }
.col-xs-push-8 { left: 66.66666667%; }
.col-xs-push-7 { left: 58.33333333%; }
.col-xs-push-6 { left: 50%; }
.col-xs-push-5 { left: 41.66666667%; }
.col-xs-push-4 { left: 33.33333333%; }
.col-xs-push-3 { left: 25%; }
.col-xs-push-2 { left: 16.66666667%; }
.col-xs-push-1 { left: 8.33333333%; }
.col-xs-push-0 { left: auto; }
.col-xs-offset-12 { margin-left: 100%; }
.col-xs-offset-11 { margin-left: 91.66666667%; }
.col-xs-offset-10 { margin-left: 83.33333333%; }
.col-xs-offset-9 { margin-left: 75%; }
.col-xs-offset-8 { margin-left: 66.66666667%; }
.col-xs-offset-7 { margin-left: 58.33333333%; }
.col-xs-offset-6 { margin-left: 50%; }
.col-xs-offset-5 { margin-left: 41.66666667%; }
.col-xs-offset-4 { margin-left: 33.33333333%; }
.col-xs-offset-3 { margin-left: 25%; }
.col-xs-offset-2 { margin-left: 16.66666667%; }
.col-xs-offset-1 { margin-left: 8.33333333%; }
.col-xs-offset-0 { margin-left: 0; }
@media (min-width:768px) {
	.col-sm-1,
	.col-sm-2,
	.col-sm-3,
	.col-sm-4,
	.col-sm-5,
	.col-sm-6,
	.col-sm-7,
	.col-sm-8,
	.col-sm-9,
	.col-sm-10,
	.col-sm-11,
	.col-sm-12 { float: left; }
	.col-sm-12 { width: 100%; }
	.col-sm-11 { width: 91.66666667%; }
	.col-sm-10 { width: 83.33333333%; }
	.col-sm-9 { width: 75%; }
	.col-sm-8 { width: 66.66666667%; }
	.col-sm-7 { width: 58.33333333%; }
	.col-sm-6 { width: 50%; }
	.col-sm-5 { width: 41.66666667%; }
	.col-sm-4 { width: 33.33333333%; }
	.col-sm-3 { width: 25%; }
	.col-sm-2 { width: 16.66666667%; }
	.col-sm-1 { width: 8.33333333%; }
	.col-sm-pull-12 { right: 100%; }
	.col-sm-pull-11 { right: 91.66666667%; }
	.col-sm-pull-10 { right: 83.33333333%; }
	.col-sm-pull-9 { right: 75%; }
	.col-sm-pull-8 { right: 66.66666667%; }
	.col-sm-pull-7 { right: 58.33333333%; }
	.col-sm-pull-6 { right: 50%; }
	.col-sm-pull-5 { right: 41.66666667%; }
	.col-sm-pull-4 { right: 33.33333333%; }
	.col-sm-pull-3 { right: 25%; }
	.col-sm-pull-2 { right: 16.66666667%; }
	.col-sm-pull-1 { right: 8.33333333%; }
	.col-sm-pull-0 { right: auto; }
	.col-sm-push-12 { left: 100%; }
	.col-sm-push-11 { left: 91.66666667%; }
	.col-sm-push-10 { left: 83.33333333%; }
	.col-sm-push-9 { left: 75%; }
	.col-sm-push-8 { left: 66.66666667%; }
	.col-sm-push-7 { left: 58.33333333%; }
	.col-sm-push-6 { left: 50%; }
	.col-sm-push-5 { left: 41.66666667%; }
	.col-sm-push-4 { left: 33.33333333%; }
	.col-sm-push-3 { left: 25%; }
	.col-sm-push-2 { left: 16.66666667%; }
	.col-sm-push-1 { left: 8.33333333%; }
	.col-sm-push-0 { left: auto; }
	.col-sm-offset-12 { margin-left: 100%; }
	.col-sm-offset-11 { margin-left: 91.66666667%; }
	.col-sm-offset-10 { margin-left: 83.33333333%; }
	.col-sm-offset-9 { margin-left: 75%; }
	.col-sm-offset-8 { margin-left: 66.66666667%; }
	.col-sm-offset-7 { margin-left: 58.33333333%; }
	.col-sm-offset-6 { margin-left: 50%; }
	.col-sm-offset-5 { margin-left: 41.66666667%; }
	.col-sm-offset-4 { margin-left: 33.33333333%; }
	.col-sm-offset-3 { margin-left: 25%; }
	.col-sm-offset-2 { margin-left: 16.66666667%; }
	.col-sm-offset-1 { margin-left: 8.33333333%; }
	.col-sm-offset-0 { margin-left: 0; }
}
@media (min-width:992px) {
	.col-md-1,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9,
	.col-md-10,
	.col-md-11,
	.col-md-12 { float: left; }
	.col-md-12 { width: 100%; }
	.col-md-11 { width: 91.66666667%; }
	.col-md-10 { width: 83.33333333%; }
	.col-md-9 { width: 75%; }
	.col-md-8 { width: 66.66666667%; }
	.col-md-7 { width: 58.33333333%; }
	.col-md-6 { width: 50%; }
	.col-md-5 { width: 41.66666667%; }
	.col-md-4 { width: 33.33333333%; }
	.col-md-3 { width: 25%; }
	.col-md-2 { width: 16.66666667%; }
	.col-md-1 { width: 8.33333333%; }
	.col-md-pull-12 { right: 100%; }
	.col-md-pull-11 { right: 91.66666667%; }
	.col-md-pull-10 { right: 83.33333333%; }
	.col-md-pull-9 { right: 75%; }
	.col-md-pull-8 { right: 66.66666667%; }
	.col-md-pull-7 { right: 58.33333333%; }
	.col-md-pull-6 { right: 50%; }
	.col-md-pull-5 { right: 41.66666667%; }
	.col-md-pull-4 { right: 33.33333333%; }
	.col-md-pull-3 { right: 25%; }
	.col-md-pull-2 { right: 16.66666667%; }
	.col-md-pull-1 { right: 8.33333333%; }
	.col-md-pull-0 { right: auto; }
	.col-md-push-12 { left: 100%; }
	.col-md-push-11 { left: 91.66666667%; }
	.col-md-push-10 { left: 83.33333333%; }
	.col-md-push-9 { left: 75%; }
	.col-md-push-8 { left: 66.66666667%; }
	.col-md-push-7 { left: 58.33333333%; }
	.col-md-push-6 { left: 50%; }
	.col-md-push-5 { left: 41.66666667%; }
	.col-md-push-4 { left: 33.33333333%; }
	.col-md-push-3 { left: 25%; }
	.col-md-push-2 { left: 16.66666667%; }
	.col-md-push-1 { left: 8.33333333%; }
	.col-md-push-0 { left: auto; }
	.col-md-offset-12 { margin-left: 100%; }
	.col-md-offset-11 { margin-left: 91.66666667%; }
	.col-md-offset-10 { margin-left: 83.33333333%; }
	.col-md-offset-9 { margin-left: 75%; }
	.col-md-offset-8 { margin-left: 66.66666667%; }
	.col-md-offset-7 { margin-left: 58.33333333%; }
	.col-md-offset-6 { margin-left: 50%; }
	.col-md-offset-5 { margin-left: 41.66666667%; }
	.col-md-offset-4 { margin-left: 33.33333333%; }
	.col-md-offset-3 { margin-left: 25%; }
	.col-md-offset-2 { margin-left: 16.66666667%; }
	.col-md-offset-1 { margin-left: 8.33333333%; }
	.col-md-offset-0 { margin-left: 0; }
}
@media (min-width:1440px) {
	.col-lg-1,
	.col-lg-2,
	.col-lg-3,
	.col-lg-4,
	.col-lg-5,
	.col-lg-6,
	.col-lg-7,
	.col-lg-8,
	.col-lg-9,
	.col-lg-10,
	.col-lg-11,
	.col-lg-12 { float: left; }
	.col-lg-12 { width: 100%; }
	.col-lg-11 { width: 91.66666667%; }
	.col-lg-10 { width: 83.33333333%; }
	.col-lg-9 { width: 75%; }
	.col-lg-8 { width: 66.66666667%; }
	.col-lg-7 { width: 58.33333333%; }
	.col-lg-6 { width: 50%; }
	.col-lg-66 { width: 33%; }
	.col-lg-5 { width: 41.66666667%; }
	.col-lg-4 { width: 33.33333333%; }
	.col-lg-3 { width: 25%; }
	.col-lg-2 { width: 16.66666667%; }
	.col-lg-1 { width: 8.33333333%; }
	.col-lg-pull-12 { right: 100%; }
	.col-lg-pull-11 { right: 91.66666667%; }
	.col-lg-pull-10 { right: 83.33333333%; }
	.col-lg-pull-9 { right: 75%; }
	.col-lg-pull-8 { right: 66.66666667%; }
	.col-lg-pull-7 { right: 58.33333333%; }
	.col-lg-pull-6 { right: 50%; }
	.col-lg-pull-5 { right: 41.66666667%; }
	.col-lg-pull-4 { right: 33.33333333%; }
	.col-lg-pull-3 { right: 25%; }
	.col-lg-pull-2 { right: 16.66666667%; }
	.col-lg-pull-1 { right: 8.33333333%; }
	.col-lg-pull-0 { right: auto; }
	.col-lg-push-12 { left: 100%; }
	.col-lg-push-11 { left: 91.66666667%; }
	.col-lg-push-10 { left: 83.33333333%; }
	.col-lg-push-9 { left: 75%; }
	.col-lg-push-8 { left: 66.66666667%; }
	.col-lg-push-7 { left: 58.33333333%; }
	.col-lg-push-6 { left: 50%; }
	.col-lg-push-5 { left: 41.66666667%; }
	.col-lg-push-4 { left: 33.33333333%; }
	.col-lg-push-3 { left: 25%; }
	.col-lg-push-2 { left: 16.66666667%; }
	.col-lg-push-1 { left: 8.33333333%; }
	.col-lg-push-0 { left: auto; }
	.col-lg-offset-12 { margin-left: 100%; }
	.col-lg-offset-11 { margin-left: 91.66666667%; }
	.col-lg-offset-10 { margin-left: 83.33333333%; }
	.col-lg-offset-9 { margin-left: 75%; }
	.col-lg-offset-8 { margin-left: 66.66666667%; }
	.col-lg-offset-7 { margin-left: 58.33333333%; }
	.col-lg-offset-6 { margin-left: 50%; }
	.col-lg-offset-5 { margin-left: 41.66666667%; }
	.col-lg-offset-4 { margin-left: 33.33333333%; }
	.col-lg-offset-3 { margin-left: 25%; }
	.col-lg-offset-2 { margin-left: 16.66666667%; }
	.col-lg-offset-1 { margin-left: 8.33333333%; }
	.col-lg-offset-0 { margin-left: 0; }
}

/**
 * header
 */

/* header */
@media (max-width:768px) {
	.header { height: 75px; }
}
.header .top { height: 40px; line-height: 40px; color: #fff; background-color: rgba(0, 0, 0, 0.8); font-weight: normal; }
@media (max-width:768px) {
	.header .top { display: none; }
}
.header .top p { display: inline-block; margin: 0; }
.header .top .note { float: left; }
.header .top .note p { float: left; }
.header .top .note a { float: left; margin-left: 40px; }
.header .top .note a:hover { text-decoration: underline; }
.header .top .note a::before { font-family: "iconfont"; content: '\e68b'; margin-right: 6px; margin-top: 2px; float: left; }
.header .top .language { float: right; }
.header .top .language a { display: block; float: left; padding: 0 14px; }
.header .top .language a:hover { background-color: #4d4c4c; }
.header .top .language a.en::before,
.header .top .language a.py::before { content: ''; width: 18px; height: 12px; display: block; background: url(../images/flags.png) no-repeat; background-size: cover; float: left; margin-top: 14px; margin-right: 6px; }
.header .top .language a.py::before { background-position: -24px 0; }
.header .container-pc { position: relative; overflow: visible; padding: 13px 15px; }
@media (max-width:768px) {
	.header .container-pc { display: none; }
}
.header .container-pc .logo { text-align: center; height: 100%; }
@media (min-width:1440px) {
	.header .container-pc .logo { float: left; }
}
.header .container-pc .logo a { display: block; height: 100%; }
.header .container-pc .logo img { display: block; width: 100%; max-width: 384px; margin: 0 auto; }
@media(max-width: 640px){
    .header .container-wap .logo{
        width: 58px;
        overflow: hidden;
    }
}
.header .container-pc .search { float: right; position: absolute; top: 100px; right: 50px; cursor: pointer; }
@media (min-width:1440px) {
	.header .container-pc .search { display: none; }
}
.header .container-pc .search a { display: block; width: 21px; height: 21px; margin: 0 auto; margin-top: 12.66666667px; background: url(../images/search.png) no-repeat; background-size: cover; }
.header .container-pc .query { line-height: 38px; position: relative; float: right; width: 273px; height: 40px; margin-top: 17px; padding-left: 19px; background: #f6f6f6; border: 1px solid #e1e1e1; border-radius: 100px; display: none; }
@media (min-width:1440px) {
	.header .container-pc .query { display: block; }
}
@media (max-width:768px) {
	.header .container-pc .query { display: none; }
}
.header .container-pc .query input { width: 205px; height: 38px; border: none; outline: none; background: #f6f6f6; padding-right: 10px; color: #bcbcbc; }
.header .container-pc .query a { position: absolute; top: 9px; right: 17px; width: 21px; height: 21px; content: ''; background: url(../images/search.png) no-repeat; background-size: cover; cursor: pointer; }
@media (max-width:991px) {
	.header .container-pc .query { padding-left: 20px; width: 200px; }
	.header .container-pc .query input { width: 150px; }
}
.header .container-pc .navbar { float: left; line-height: 70px; margin-left: 60px; }
.header .container-pc .nav { color: #000; }
.header .container-pc .nav > .item { position: relative; display: inline-block; }
.header .container-pc .nav > .item.active > a,
.header .container-pc .nav > .item:hover > a { display: inline-block; color: #0633ff; }
.header .container-pc .nav > .item.active .level-2,
.header .container-pc .nav > .item:hover .level-2 { display: block; }
.header .container-pc .nav > .item .level-2 { position: absolute; top: 70px; z-index: 9; line-height: 30px; background: #ffffff; min-width: 270px; padding: 20px; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5); display: none; font-size: 13px; color: #666666; }
.header .container-pc .nav > .item .level-2 a:hover { color: #0633ff; }
.header .container-pc .nav > .item > a { padding: 0 8px; font-weight: bold; }
@media (max-width:991px) {
	.header .container-pc .nav > .item > a { padding: 0 20px; }
}
.header .container-wap { display: none; height: 100%; }
@media (max-width:768px) {
	.header .container-wap { display: block; height: 75px; }
}
.header .container-wap .logo { height: 100%; float: left; padding: 10px 0; }
.header .container-wap .logo a img { height: 100%; display: block; float: left; margin-right: 6px; }
.header .container-wap .logo .text { float: left; }
.header .container-wap .logo .text span { line-height: 1; display: block; font-weight: bold; font-family: "HelveticaNeue-Condensed", sans-serif; margin-top: 6px; }
.header .container-wap .logo .text span.t1 { font-size: 16px; color: #fff; text-align: left; }
.header .container-wap .logo .text span.t2 { font-size: 14px; color: #fe6100; text-align: left; }
@media (max-width:360px) {
	.header .container-wap .logo .text span.t1 { font-size: 14px; }
	.header .container-wap .logo .text span.t2 { font-size: 13px; }
}
.header .container-wap .navbar { height: 100%; position: relative; }
.header .container-wap .language { float: right; position: absolute; top: 0; right: 105px; cursor: pointer; }
.header .container-wap .language a { text-align: center; color: #fff; display: block; width: 38px; height: 38px; line-height: 38px; border-radius: 50%; margin: 0 auto; margin-top: 12.66666667px; background-color: #210909; background-size: cover; }
.header .container-wap .search { float: right; position: absolute; top: 0; right: 59px; cursor: pointer; }
.header .container-wap .search a { display: block; width: 38px; height: 38px; margin: 0 auto; margin-top: 12.66666667px; background: url(../images/searchtop.png) no-repeat; background-size: cover; }
.header .container-wap .toggle { position: absolute; top: 12.66666667px; right: 15px; width: 38px; height: 38px; background-color: #210909; border-radius: 50%; cursor: pointer; }
.header .container-wap .toggle .icon,
.header .container-wap .toggle .icon::before,
.header .container-wap .toggle .icon::after { position: absolute; width: 24px; height: 2px; transition-duration: .5s; border-radius: 2px; background: #fff; }
.header .container-wap .toggle .icon { top: 18px; left: 7px; }
.header .container-wap .toggle .icon::before,
.header .container-wap .toggle .icon::after { left: 0; content: ''; background: inherit; }
.header .container-wap .toggle .icon::before { top: -6px; }
.header .container-wap .toggle .icon::after { top: 6px; }
.header.nav-open .toggle .icon { width: 0; }
.header.nav-open .toggle .icon::before { transform: translateY(6px) rotate(45deg); }
.header.nav-open .toggle .icon::after { transform: translateY(-6px) rotate(-45deg); }
.header .searchbox { font-size: 1.4rem; line-height: 48px; position: absolute; z-index: 9999; display: none; width: 100%; padding: 5px 12px; vertical-align: middle; background: #f4f4f4; }
.header .searchbox input:focus { border-color: rgba(0, 0, 0, 0.8); outline: none; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px rgba(0, 0, 0, 0.3); }
.header .searchbox input[type='submit'] { width: 28%; }
.header .searchbox input { line-height: 22px; width: 70%; margin: 0; padding: 5px 10px; color: #666; border: 1px solid #e5e5e5; border-radius: 3px; background: #fff; }
.header .navigation { line-height: 48px; position: absolute; z-index: 99; top: 75px; display: none; width: 100%; border-top: solid 3px rgba(0, 0, 0, 0.8); border-bottom: solid 3px rgba(0, 0, 0, 0.8); background-color: #fff; }
.header .navigation .level-1 > li::after,
.header .navigation .level-2 > li::after,
.header .navigation .level-2 > li::before { position: absolute; top: 18px; right: 15px; width: 12px; height: 12px; content: ''; background: url(../images/menu.png) no-repeat; background-size: cover; }
.header .navigation .level-1 a { display: block; overflow: hidden; white-space: nowrap; text-decoration: none; text-overflow: ellipsis; color: inherit; }
.header .navigation .level-1 li { position: relative; border-bottom: solid 1px #e4e4e4; }
.header .navigation .level-1 > li > a { padding: 0 2em 0 1em; }
.header .navigation .level-1 > li::after { background-position: -36px 0; }
.header .navigation .level-1 > li.active::after,
.header .navigation .level-1 > li:hover::after { background-position: -96px 0; }
.header .navigation .level-1 > li.more::after { background-position: -12px 0; }
.header .navigation .level-1 > li.more:hover::after { background-position: -72px 0; }
.header .navigation .level-1 > li.more.active::after { background-position: -84px 0; }
.header .navigation .level-1 > li.active > a,
.header .navigation .level-1 > li:hover > a { background-color: rgba(0, 0, 0, 0.05); }
.header .navigation .level-2 { display: none; }
.header .navigation .level-2 a { padding: 0 2em 0 3em; }
.header .navigation .level-2 li:first-child { border-top: solid 1px #e4e4e4; }
.header .navigation .level-2 li:last-child { border-bottom: none; }
.header .navigation .level-2 > li::before { right: auto; left: 1.5em; background-position: 0 0; }
.header .navigation .level-2 > li::after { background-position: -48px 0; }
.header .navigation .level-2 > li.active::after { background-position: -108px 0; }
.header .navigation .level-2 > li.more::after { background-position: -12px 0; }
.header .navigation .level-3 { line-height: 40px; display: none; }
.header .navigation .level-3 a { font-size: .8em; padding-left: 4em; }
.online { width: 40px; z-index: 3; position: fixed; right: 0; top: 40%; }
@media (max-width:768px) {
	.online { display: none; }
}
.online a { display: block; width: 50px; height: 50px; background: url(../images/online.png) no-repeat #2a2a2a; position: relative; text-decoration: none; cursor: pointer; border-bottom: 1px solid #454545; }
.online a.online-1 { background-position: 0px 5px; }
.online a.online-1:hover { background-color: #9a3348; }
.online a.online-2 { background-position: 2px -38px; }
.online a.online-2:hover { background-color: #b4961a; }
.online a.online-3 { background-position: 0px -78px; }
.online a.online-3:hover { background-color: #00affb; }
.online a.online-4 { background-position: 0px -120px; }
.online a.online-4:hover { background-color: #3dbb2a; }


.online a.online-4 p{
	line-height: 45px;
    position: absolute;
    top: -10px;
    right: 54px;
    display: block;
    display: none;
    width: 150px;
    height: 45px;
    text-align: center;
    color: #fff;
    border-radius: 20px;
    background-color: #3dbb2a;
}

.online a.online-5 { background-position: 2px -163px; }
.online a.online-5:hover { background-color: #33d055; }
.online a.online-6 { background-position: 0px -206px; border-bottom: none; }
.online a.online-6:hover { background-color: #000; }
.online a.online-5 img { display: block; width: 138px; height: 138px; border: 2px solid #33d055; position: absolute; right: 54px; top: 0px; z-index: 999; display: none; }

/**
 * banner
 */
.banner { width: 100%; font-size: 0; overflow: hidden; }
.banner img { width: 100%; }
@media (max-width:1199px) {
	.banner .owl-carousel { width: 120%; max-width: 120%; margin-left: -10%; }
}
@media (max-width:991px) {
	.banner .owl-carousel { width: 140%; max-width: 140%; margin-left: -20%; }
}
@media (max-width:768px) {
	.banner .owl-carousel { width: 160%; max-width: 160%; margin-left: -30%; }
}
.banner .owl-carousel .owl-controls { margin: 0; }
.banner .owl-carousel .owl-controls .owl-pagination { position: absolute; width: 100%; bottom: 22px; }
.banner .owl-carousel .owl-controls .owl-pagination .owl-page span { width: 35px; height: 5px; opacity: .6; border-radius: 0; background-color: #fff; }
.banner .owl-carousel .owl-controls .owl-pagination .owl-page.active span { opacity: 1; background: #fff; }
.banner .owl-carousel .owl-controls .owl-buttons { height: 0px; width: 100%; position: absolute; margin: 0 auto; top: 40%; max-width: 1920px; }
@media (max-width:991px) {
	.banner .owl-carousel .owl-controls .owl-buttons { display: none; }
}
.banner .owl-carousel .owl-controls .owl-buttons .owl-prev,
.banner .owl-carousel .owl-controls .owl-buttons .owl-next { position: absolute; width: 30px; height: 76px; background: url(../images/arrow.png) no-repeat; background-size: cover; opacity: 1; border-radius: 0; }
.banner .owl-carousel .owl-controls .owl-buttons .owl-prev { left: 60px; background-position: 0 0; margin-left: 32px; }
.banner .owl-carousel .owl-controls .owl-buttons .owl-prev:hover { background-position: -60px 0; }
.banner .owl-carousel .owl-controls .owl-buttons .owl-next { right: 60px; background-position: -30px 0; margin-right: 32px; }
.banner .owl-carousel .owl-controls .owl-buttons .owl-next:hover { background-position: -90px 0; }

/**
 * banner
 */
.banner-inner { overflow: hidden; width: 100%; }
@media (max-width:1199px) {
	.banner-inner img { width: 120%; max-width: 120%; margin-left: -10%; }
}
@media (max-width:991px) {
	.banner-inner img { width: 140%; max-width: 140%; margin-left: -20%; }
}
@media (max-width:768px) {
	.banner-inner img { width: 160%; max-width: 160%; margin-left: -30%; }
}
@media (max-width:480px) {
	.banner-inner img { width: 200%; max-width: 200%; margin-left: -50%; }
}
.title { padding: 30px 0 32px 0; overflow: hidden; }
.title h2 { font-weight: 700; font-size: 24px; color: #333333; margin: 0; float: left; }
.title h2::before { content: ''; width: 4px; height: 25px; display: block; float: left; margin-right: 12px; background: #004da0; }
.title a.more { float: right; background-color: #f5f5f5; border: 1px solid #d5d5d5; border-radius: 100px; width: 78px; height: 28px; text-align: center; line-height: 28px; font-size: 12px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; }
.title a.more:hover { background-color: rgba(0, 0, 0, 0.8); border-color: rgba(0, 0, 0, 0.8); color: #fff; }
.product-box { background-color: #f1f1f1; }
.product-box .product-top { padding-bottom: 20px; border-bottom: 3px solid #d1d1d1; }
.product-box .pro-title { overflow: hidden; }
.product-box .pro-title h3 { font-weight: 700; font-size: 18px; color: #333333; float: left; line-height: 30px; margin: 0; }
.product-box .pro-title h3::before { font-family: "iconfont"; content: '\e629'; font-size: 12px; float: left; color: rgba(0, 0, 0, 0.8); margin-right: 8px; }
.product-box .pro-title a.more { float: right; background-color: #f5f5f5; border: 1px solid #d5d5d5; border-radius: 100px; width: 78px; height: 28px; text-align: center; line-height: 28px; font-size: 12px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; }
.product-box .pro-title a.more:hover { background-color: rgba(0, 0, 0, 0.8); color: #fff; border-color: rgba(0, 0, 0, 0.8); }
.product-box .advantage,
.product-box .hot,
.product-box .relative { background: #ffffff; padding: 34px 20px; border: 1px solid #e6e6e6; margin-bottom: 30px; overflow: hidden; }
@media (min-width:1200px) {
	.product-box .advantage,
	.product-box .hot,
	.product-box .relative { min-height: 622px; }
}
.product-box .advantage .info { margin-top: 30px; }
.product-box .advantage .info li { padding: 15px 0; border-bottom: 1px dotted #bababa; overflow: hidden; }
.product-box .advantage .info .pic { width: 35%; float: left; overflow: hidden; }
@media (max-width:480px) {
	.product-box .advantage .info .pic { width: 45%; }
}
.product-box .advantage .info .pic .img-box { padding-bottom: 92.85714286%; }
.product-box .advantage .info .pic .img-box:hover img { transform: scale(1.1); }
.product-box .advantage .info .pic img { -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; }
.product-box .advantage .info .note { width: 61%; float: right; }
@media (max-width:480px) {
	.product-box .advantage .info .note { width: 48%; }
}
.product-box .advantage .info .note h3 { font-size: 16px; color: #333333; line-height: 20px; margin: 4px 0 8px 0; font-weight: 500; }
.product-box .advantage .info .note h3:hover { color: #0633ff; }
.product-box .advantage .info .note .info-1 a { border: 1px solid #d9d9d9; border-radius: 2px; display: inline-block; font-size: 12px; padding: 6px 8px; margin-right: 4px; color: #333; margin-top: 8px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; }
.product-box .advantage .info .note .info-1 a:hover { border-color: #0633ff; color: #0633ff; font-weight: bold;}
.product-box .hot .info { margin-top: 20px; overflow: hidden; }
.product-box .hot .info .list { margin-top: 14px; text-align: center; color: #333333; line-height: 22px; }
.product-box .hot .info .list p { margin-bottom: 10px; }
.product-box .hot .info .list:hover .img-box { z-index: 0; }
.product-box .hot .info .list:hover .img-box img { z-index: 0; transform: scale(1.2); }
.product-box .hot .info .list:hover p { color: #0633ff; font-weight: bold; }
.product-box .hot .info .pic { margin: 0 10px; border: 1px solid #dcdcdc; border-radius: 50%; overflow: hidden; }
.product-box .hot .info .pic .img-box { z-index: 0; border-radius: 50%; overflow: hidden; }
.product-box .hot .info .pic .img-box img { z-index: 0; border-radius: 50%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.product-box .relative .owl-theme { margin-top: 35px; }
.product-box .relative .owl-theme img { width: 100%; }
.product-box .relative .owl-controls { margin: 0; }
.product-box .relative .owl-controls .owl-pagination { position: absolute; right: 14px; bottom: 14px; }
.product-box .relative .owl-controls .owl-pagination .owl-page span { width: 12px; height: 12px; opacity: .6; border-radius: 50%; background-color: #fff; }
.product-box .relative .owl-controls .owl-pagination .owl-page.active span { opacity: 1; background: #fff; }
.product-box .relative .owl-controls .owl-buttons { display: none; }
.product-box .relative .info { margin-top: 24px; }
.product-box .relative .info a { display: block; color: #333333; line-height: 36px; }
.product-box .relative .info a:hover { color: #0633ff; font-weight: bold;}
.product-box .relative .info a::before { font-family: "iconfont"; content: '\e637'; font-size: 18px; float: left; }
.product-box .product-bottom { padding: 50px 0; text-align: center; color: #333; }
.product-box .product-bottom .list:hover img { transform: scale(1.1); }
.product-box .product-bottom .list:hover p { color: #0633ff; font-weight: bold;}
.product-box .product-bottom .img-box { padding-bottom: 34.7826087%; }
.product-box .product-bottom .img-box img { -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; }
.about-box { padding-top: 40px; }
.about-box .video { top: 0; height: 310px; margin-top: 10px; margin-bottom: 10px; background-position: top right; background: url(../images/video.jpg) no-repeat; background-size: cover; position: relative; text-align: center; }
.about-box .video:hover .video-box { background-color: rgba(0, 0, 0, 0.2); }
@media (max-width:480px) {
	.about-box .video { height: 300px; }
}
@media (max-width:768px) {
	.about-box .video::before,
	.about-box .video::after { display: none; }
}
.about-box .video::before { content: ''; display: block; width: 10px; height: 290px; float: left; position: absolute; left: -10px; bottom: -10px; z-index: 0; background: #fff; }
@media (max-width:991px) {
	.about-box .video::before { display: none; }
}
.about-box .video::after { content: ''; width: 90%; height: 10px; display: block; background: #fff; position: absolute; left: 0; bottom: -10px; }
@media (max-width:991px) {
	.about-box .video::after { display: none; }
}
.about-box .video .video-box { position: relative; z-index: 1; height: 100%; background-color: rgba(0, 0, 0, 0); -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; }
.about-box .video .iframe { display: none; width: 100%; }
.about-box .video .play { display: inline-block; margin-top: 124px; width: 60px; height: 60px; background: url(../images/play.png) no-repeat; background-size: cover; }
.about-box .text h4 { font-size: 16px; color: #333333; font-weight: 700; margin-top: 26px; }
.about-box .text p { font-size: 13px; line-height: 24px; margin: 0; }
.about-box .text a { text-decoration: underline; line-height: 24px; }
.about-box .text a:hover { color: #0633ff; }
.about-box a.more { clear: both; display: block; text-align: center; background-color: rgba(0, 0, 0, 0.8); line-height: 50px; color: #fff; margin-top: 20px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; }
.about-box a.more:hover { background-color: #000; }
.about-box a.more::after { font-family: "iconfont"; content: '\e61a'; font-size: 16px; margin-left: 14px; }
.news-contact { padding: 40px 0 75px 0; }
.news-contact .news-box { background: #fafafa; border: 1px solid #e1e1e1; padding: 25px; }
.news-contact .news-box .list { background: #ffffff; border: 1px solid #efefef; padding: 5px; cursor: pointer; }
@media (max-width:480px) {
	.news-contact .news-box .list { margin-top: 30px; }
}
.news-contact .news-box .list:hover { border-color: #0633ff; }
.news-contact .news-box .list:hover img { transform: scale(1.1); }
.news-contact .news-box .list .img-box { padding-bottom: 62.96296296%; }
.news-contact .news-box .list .img-box img { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.news-contact .news-box .list .note { padding: 20px; }
.news-contact .news-box .list span { color: #c6c6c6; font-weight: 700; }
.news-contact .news-box .list h4 { font-size: 16px; color: #333; font-weight: bold; margin-bottom: 0; line-height: 24px; }
.news-contact .contact-box { padding-left: 45px; }
@media (max-width:768px) {
	.news-contact .contact-box { padding-left: 15px; }
}
.news-contact .contact-box .contact { background: #fafafa; border: 1px solid #e1e1e1; padding: 25px 20px; position: relative; }
.news-contact .contact-box .contact p { margin-top: 6px; line-height: 26px; background: url(../images/contact.png) no-repeat left top; padding-left: 30px; }
.news-contact .contact-box .contact .icon-2 { background-position: 0 -90px; }
.news-contact .contact-box .contact .icon-3 { background-position: 0 -240px; }
.news-contact .contact-box .contact .icon-4 { background-position: 0 -270px; }
.news-contact .contact-box .contact .icon-5 { background-position: 0 -300px; }
.news-contact .contact-box .contact .icon-6 { background-position: 0 -330px; }
.news-contact .contact-box .contact a:hover { text-decoration: underline; }
.news-contact .contact-box .contact a.more { position: absolute; bottom: 1px; right: 20px; background-color: rgba(0, 0, 0, 0.8); color: #fff; font-weight: 700; border-radius: 2px; padding: 12px 16px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; }
.news-contact .contact-box .contact a.more:hover { background-color: #000; }
.footer { min-height: 300px; padding-top: 50px; color: #a1a1a1; background: url(../images/footer-bg.jpg) no-repeat center; background-size: cover; }
@media (max-width:768px) {
	.footer { padding-top: 40px; }
}
.footer .main { border-bottom: 1px solid #353535; padding-bottom: 10px; overflow: hidden; }
.footer .main h3 { font-size: 18px; color: #ffffff; margin: 8px 0; }
.footer .product { padding-left: 120px; }
@media (max-width:991px) {
	.footer .product { padding-left: 0px; margin-top: 30px; }
}
.footer .product a { font-size: 13px; color: #a1a1a1; line-height: 24px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; display: inline-block; width: 100%; }
@media (max-width:991px) {
	.footer .product a { width: 49%; }
}
@media (max-width:480px) {
	.footer .product a { width: 100%; }
}
.footer .product a:hover { color: #f8d800; transform: translateX(10px); }
.footer .product .info { margin-top: 10px; }
.footer .links { padding-right: 40px; }
.footer .links li { margin-bottom: 20px; }
.footer .links h4 { font-size: 18px; color: #ffffff; font-weight: 700; margin: 0; line-height: 40px; }
.footer .links h4::before { font-family: "iconfont"; content: '\e60d'; margin-right: 18px; width: 37px; height: 42px; line-height: 42px; background: url(../images/foot-icon.png) no-repeat; background-size: cover; display: block; float: left; text-align: center; }
.footer .links .note { margin-top: 12px; padding-left: 54px; }
.footer .links .note p { font-size: 13px; color: #a1a1a1; line-height: 22px; margin: 0; }
.footer .feedback-form { margin-top: 20px; }
.footer .feedback-form input,
.footer .feedback-form textarea { width: 100%; margin-bottom: 12px; color: #484848; line-height: 30px; padding: 5px 16px; outline: none; background-color: rgba(40, 40, 40, 0.75); border: 1px solid #373737; font-size: 13px; color: #999999; font-style: italic; resize: vertical; }
.footer .feedback-form .submit { cursor: pointer; color: #fff; line-height: 18px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }
.footer .feedback-form .submit:hover { color: #ccc; }
.footer .feedback-form .submit::before { font-family: "iconfont"; content: '\e62b'; font-size: 18px; float: left; margin-right: 10px; }
.footer .copyright { padding: 16px 0; line-height: 26px; font-size: 13px; }
.footer .copyright p { display: inline-block; margin: 0; }
.footer .copyright p a { font-style: italic; color: #5d5d5d; }
.footer .copyright p a:hover { color: #fff; }
.footer .copyright .foot-nav { float: right; color: #fff; }
@media (max-width:1199px) {
	.footer .copyright .foot-nav { float: left; margin-top: 10px; }
}
.footer .copyright .foot-nav a:hover { color: #5d5d5d; }
.footer .copyright .foot-nav a::after { content: '/'; padding: 0 10px; }
.footer .copyright .foot-nav a:last-child::after { content: ''; }
.location { color: #999; padding: 12px 0; line-height: 36px; border-bottom: 1px solid #e6e6e6; }
.location a::after { content: '/'; padding: 0 10px; }
.location a:last-child { color: #666; }
.location a:last-child::after { content: ''; }
.wrap { padding: 25px 0 70px; }
@media (max-width:768px) {
	.sub-box { display: none; }
}
.sub-box .sub-title-1,
.sub-box .sub-title-2,
.sub-box .sub-title-3,
.sub-box .sub-title-4,
.sub-box .sub-title-5 { height: 70px; line-height: 70px; background-color: rgba(0, 0, 0, 0.8); border-radius: 0 34px 0 0; }
.sub-box .sub-title-1 h3,
.sub-box .sub-title-2 h3,
.sub-box .sub-title-3 h3,
.sub-box .sub-title-4 h3,
.sub-box .sub-title-5 h3 { font-size: 24px; color: #ffffff; font-weight: 500; }
.sub-box .sub-title-1 h3::before,
.sub-box .sub-title-2 h3::before,
.sub-box .sub-title-3 h3::before,
.sub-box .sub-title-4 h3::before,
.sub-box .sub-title-5 h3::before { content: ''; margin: 0 6px 0 8px; width: 30px; height: 30px; float: left; margin-top: 20px; background: url(../images/title-in.png) no-repeat; }
.sub-box .sub-title-2 h3::before { background-position: 0 -30px; }
.sub-box .sub-title-3 h3::before { background-position: 0 -60px; }
.sub-box .sub-title-4 h3::before { background-position: 0 -90px; }
.sub-box .sub-title-5 h3::before { background-position: 0 -120px; }
.sub-box ul.sub-1 > li { display: block; background: #f6f6f6; border: 1px solid #e6e6e6; border-top: none; padding: 20px 16px; }
.sub-box ul.sub-1 > li > a { font-weight: 500; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.sub-box ul.sub-1 > li.sub-on,
.sub-box ul.sub-1 > li.current,
.sub-box ul.sub-1 > li:hover { background-color: #fff; }
.sub-box ul.sub-1 > li.sub-on > a,
.sub-box ul.sub-1 > li.current > a,
.sub-box ul.sub-1 > li:hover > a { color: #0633ff; }
.sub-box ul.sub-1 > li.sub-on::before,
.sub-box ul.sub-1 > li.current::before,
.sub-box ul.sub-1 > li:hover::before { border-left: 4px solid #0633ff; }
.sub-box ul.sub-1 > li.current > a { color: #333; }
.sub-box ul.sub-1 > li.current::before { border-left: 4px solid #333; }
.sub-box ul.sub-1 > li::before { content: ''; display: inline-block; width: 0; height: 0; float: left; margin-top: 4px; margin-right: 8px; border-top: 4px solid transparent; border-left: 4px solid rgba(0, 0, 0, 0.8); border-bottom: 4px solid transparent; }
.sub-box ul.sub-1 .sub-2 { margin-top: 14px; display: none; }
.sub-box ul.sub-1 .sub-2 a { font-size: 12px; line-height: 26px; padding: 0 6px 0 20px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.sub-box ul.sub-1 .sub-2 a:hover { color: #0633ff; }
#subb { color: #0633ff; }
.sub-box ul.sub-1 .sub-2 a::before { content: '-'; margin-right: 6px; }
.sub-contact { border: 1px solid #e1e1e1; margin-top: 15px; padding: 15px; }
@media (max-width:768px) {
	.sub-contact { display: none; }
}
.sub-contact .pic { position: relative; }
.sub-contact .pic .img-box { padding-bottom: 43.33333333%; }
.sub-contact .pic h3 { position: absolute; top: 19px; left: 13px; margin: 0; opacity: 0.76; font-weight: 700; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 20px; color: #0633ff; }
.sub-contact .text { margin-top: 25px; }
.sub-contact .text p { margin: 0; font-size: 13px; margin-top: 6px; line-height: 26px; background: url(../images/contact.png) no-repeat left top; padding-left: 30px; }
.sub-contact .text .icon-2 { background-position: 0 -90px; }
.sub-contact .text .icon-3 { background-position: 0 -240px; }
.sub-contact .text .icon-4 { background-position: 0 -270px; }
.sub-contact .text .icon-5 { background-position: 0 -300px; }
.sub-contact .text .icon-6 { background-position: 0 -330px; }
.sub-contact .text a:hover { text-decoration: underline; }
.sub-contact .text a.more { background-color: rgba(0, 0, 0, 0.8); color: #fff; border-radius: 100px; font-weight: 700px; padding: 12px 30px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; display: inline-block; margin-top: 10px; }
@media (max-width:991px) {
	.sub-contact .text a.more { padding: 12px 16px; }
}
.sub-contact .text a.more::before { font-family: "iconfont"; content: '\e62b'; margin-right: 6px; float: left; margin-top: 2px; }
.sub-contact .text a.more:hover { background-color: #000; }
.title-in { border-bottom: 1px solid #000; margin-top: 40px; }
.title-in h3 { font-weight: 500; font-size: 24px; color: #333333; }
.title-in a:hover { color: #0633ff; }
.title-in a:hover::before { color: #0633ff; }
.title-in a::before { font-family: "iconfont"; content: '\e628'; float: left; font-size: 28px; margin-right: 10px; color: #333; }
@media (max-width:768px) {
	.content { width: 100%; }
}
.about-wrap { margin-top: 45px; }
.about-wrap p { line-height: 26px; margin: 0; }
.environment-wrap .list,
.honor-wrap .list { margin-top: 30px; }
.environment-wrap .img-box,
.honor-wrap .img-box { padding-bottom: 72.72727273%; cursor: pointer; }
.environment-wrap .img-box:hover img,
.honor-wrap .img-box:hover img { transform: scale(1.1); }
.environment-wrap .img-box img,
.honor-wrap .img-box img { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.environment-wrap p,
.honor-wrap p { text-align: center; color: #333; font-weight: 500; margin-bottom: 0; }
.environment-wrap .page,
.honor-wrap .page { margin-top: 66px; }
.honor-wrap .pic { border: 1px solid #e6e6e6; padding: 14px; }
.honor-wrap .img-box { padding-bottom: 100%; }
.news-wrap .list { margin-top: 30px; border-bottom: 1px dotted #d7d7d7; padding-bottom: 30px; cursor: pointer; overflow: hidden; }
.news-wrap .list:hover img { transform: scale(1.1); }
.news-wrap .list:hover h4 { color: #0633ff; }
.news-wrap .pic { width: 32%; float: left; padding: 5px; border: 1px solid #e1e1e1; }
@media (max-width:1200px) {
	.news-wrap .pic { width: 45%; }
}
@media (max-width:991px) {
	.news-wrap .pic { width: 100%; }
}
@media (max-width:768px) {
	.news-wrap .pic { width: 45%; }
}
@media (max-width:480px) {
	.news-wrap .pic { width: 100%; }
}
.news-wrap .pic .img-box { padding-bottom: 62.96296296%; }
.news-wrap .pic img { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.news-wrap .note { width: 64%; float: right; }
@media (max-width:1200px) {
	.news-wrap .note { width: 50%; }
}
@media (max-width:991px) {
	.news-wrap .note { width: 100%; }
}
@media (max-width:768px) {
	.news-wrap .note { width: 50%; }
}
@media (max-width:480px) {
	.news-wrap .note { width: 100%; }
}
.news-wrap .note span { font-weight: 700; color: #c6c6c6; display: block; margin-top: 24px; }
@media (max-width:1200px) {
	.news-wrap .note span { margin-top: 0; }
}
@media (max-width:991px) {
	.news-wrap .note span { margin-top: 24px; }
}
@media (max-width:768px) {
	.news-wrap .note span { margin-top: 0; }
}
@media (max-width:480px) {
	.news-wrap .note span { margin-top: 24px; }
}
.news-wrap .note h4 { font-weight: 700; font-size: 16px; color: #333333; line-height: 24px; margin: 13px 0 30px 0; }
.news-wrap .note p { margin: 0; line-height: 26px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.news-show-wrap .news-title { margin-top: 45px; }
.news-show-wrap .news-title span { font-weight: 700; color: #c6c6c6; display: block; margin-top: 15px; }
.news-show-wrap .news-title h3 { font-weight: 700; font-size: 20px; color: #333333; line-height: 24px; margin: 0; }
.news-show-wrap .text { margin-top: 36px; padding-bottom: 45px; border-bottom: 1px dotted #d7d7d7; }
.news-show-wrap .text p { margin: 0; line-height: 26px; }
.news-show-wrap .return { padding: 25px 0; border-bottom: 1px dotted #d7d7d7; }
.news-show-wrap .return a { display: block; font-weight: 500; font-size: 16px; color: #333333; line-height: 36px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; }
.news-show-wrap .return a:hover { color: #0633ff; }
.product-wrap { overflow: hidden; }
.product-wrap .list { padding: 10px; border: 1px solid #e6e6e6; margin-top: 30px; text-align: center; }
.product-wrap .list:hover .img-box img { transform: scale(1.2); }
.product-wrap .list:hover p { color: #0633ff; }
.product-wrap .img-box { padding-bottom: 68.53281853%; border-bottom: 1px solid #e6e6e6; }
.product-wrap .img-box img { -webkit-transition: transform .3s ease; -moz-transition: transform .3s ease; -ms-transition: transform .3s ease; -o-transition: transform .3s ease; transition: transform .3s ease; }
.product-wrap p { margin-top: 21px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;height: 20px; }
.product-show-wrap .pro-show { margin-top: 30px; overflow: hidden; }
.product-show-wrap .pro-show .col-md-5 { padding: 0 10px; }
.product-show-wrap .album { width: 100%; float: left; overflow: hidden; position: relative; }
.product-show-wrap .album #sync1,
.product-show-wrap .album #sync2 { width: 100%; }
.product-show-wrap .album #sync1 { border: 1px solid #e6e6e6; }
.product-show-wrap .album #sync1 .item { width: 100%; background: rgba(0, 0, 0, 0.8); text-align: center; }
.product-show-wrap .album #sync1 .item .img-box { padding-bottom: 64.54545455%; }
.product-show-wrap .album #sync2 { padding: 0 20px; margin-top: 10px; }
.product-show-wrap .album #sync2 .item { cursor: pointer; margin: 5px; border: 1px #d4d4d4 solid; }
.product-show-wrap .album #sync2 .item .img-box { padding-bottom: 68.18181818%; }
.product-show-wrap .album #sync2 .synced .item { border-color: #0633ff; }
.product-show-wrap .album .owl-theme .owl-controls { width: 100%; position: absolute; }
.product-show-wrap .album .owl-theme .owl-controls .owl-buttons { width: 100%; overflow: hidden; }
.product-show-wrap .album .owl-theme .owl-controls div.owl-prev,
.product-show-wrap .album .owl-theme .owl-controls div.owl-next { width: 64px; height: 64px; position: absolute; z-index: 99; background: none; margin-top: 5%; }
.product-show-wrap .album .owl-theme .owl-controls div.owl-prev::before,
.product-show-wrap .album .owl-theme .owl-controls div.owl-next::before { font-family: "iconfont"; float: left; display: block; color: #666; font-size: 40px; }
@media (max-width:991px) {
	.product-show-wrap .album .owl-theme .owl-controls div.owl-prev,
	.product-show-wrap .album .owl-theme .owl-controls div.owl-next { margin-top: 7%; }
}
@media (max-width:768px) {
	.product-show-wrap .album .owl-theme .owl-controls div.owl-prev,
	.product-show-wrap .album .owl-theme .owl-controls div.owl-next { margin-top: 6%; }
}
@media (max-width:480px) {
	.product-show-wrap .album .owl-theme .owl-controls div.owl-prev,
	.product-show-wrap .album .owl-theme .owl-controls div.owl-next { margin-top: 8%; }
}
@media (max-width:360px) {
	.product-show-wrap .album .owl-theme .owl-controls div.owl-prev,
	.product-show-wrap .album .owl-theme .owl-controls div.owl-next { margin-top: 6%; }
}
.product-show-wrap .album .owl-theme .owl-controls div.owl-prev { left: -30px; }
.product-show-wrap .album .owl-theme .owl-controls div.owl-prev::before { content: '\e75b'; }
.product-show-wrap .album .owl-theme .owl-controls div.owl-next { right: -30px; }
.product-show-wrap .album .owl-theme .owl-controls div.owl-next::before { float: right; content: '\e637'; }
.product-show-wrap .ink-text { margin-top: 20px; overflow: hidden; }
.product-show-wrap .ink-text h3 { font-weight: 500; font-size: 24px; color: #333333; }
.product-show-wrap .ink-text p { font-size: 16px; line-height: 30px; }
.product-show-wrap .ink-text p img { margin-top: 10px; }
.product-show-wrap .ink-text a.inquire { background-color: rgba(0, 0, 0, 0.8); color: #fff; border-radius: 100px; font-weight: 500; padding: 15px 56px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; display: inline-block; margin-top: 20px; line-height: 20px; }
.product-show-wrap .ink-text a.inquire:hover { text-decoration: underline; }
.product-show-wrap .ink-text a.inquire::before { font-family: "iconfont"; content: '\e619'; font-size: 20px; margin-top: 4px; margin-right: 6px; float: left; }
.product-show-wrap .ink-text a.inquire:hover { background-color: #000; }
.product-show-wrap .pro-title { background-color: #333333; height: 50px; line-height: 50px; text-indent: 25px; margin-top: 40px; }
.product-show-wrap .pro-title h3 { font-weight: 500; font-size: 20px; color: #ffffff; margin: 0; }
.product-show-wrap .info .text { padding: 30px 25px; border: 1px solid #e6e6e6; }
.product-show-wrap .info .text p { margin: 0; line-height: 26px; }
.product-show-wrap .info .text .img-box { padding-bottom: 62.5%; margin-top: 30px; }
.product-show-wrap .info .proname input { display: block; font-weight: 700; color: #333333; margin-top: 30px; }
.product-show-wrap .info input,
.product-show-wrap .info textarea { width: 100%; line-height: 48px; color: #999; border: 1px solid #dcdcdc; margin-top: 20px; text-indent: 20px; outline: none; background-color: #f6f6f6; resize: vertical; }
.product-show-wrap .info .submit { display: inline-block; border-radius: 100px; background: rgba(0, 0, 0, 0.8); padding: 15px 65px; margin-bottom: 14px; color: #fff; font-size: 16px; cursor: pointer; margin-top: 30px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; }
.product-show-wrap .info .submit::before { font-family: "iconfont"; content: '\e62b'; float: left; margin-right: 8px; font-size: 18px; }
.product-show-wrap .info .submit:hover { text-decoration: underline; background-color: #000; }

/**
 * page
 */
.page { overflow: hidden; text-align: center; clear: both; margin-top: 70px; }
.page a { display: inline-block; width: 50px; height: 50px; line-height: 48px; margin: 0 5px; border: 1px solid #c7c7c7; font-size: 18px; color: #777; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }
.page a:first-child { background-color: #f4f4f4; }
.page a:last-child { background-color: #f4f4f4; }
@media (max-width:768px) {
	.page a { width: 35px; height: 35px; line-height: 33px; }
}
@media (max-width:1050px) {
	.product-show-wrap .info .text img { width: 100%; }
}
.page a.active,
.page a:hover { background-color: rgba(0, 0, 0, 0.8); border-color: rgba(0, 0, 0, 0.8); color: #fff; }
.contact-wrap { margin-top: 45px; }
.contact-wrap .text h4 { font-weight: 700; font-size: 16px; color: #333333; line-height: 24px; margin: 0; margin-bottom: 10px; }
.contact-wrap .text p { line-height: 36px; margin: 0; }
.contact-wrap .text a:hover { text-decoration: underline; }
.contact-wrap .contact-form { margin-top: 30px; }
@media (min-width:1440px) {
	.contact-wrap .contact-form { border-left: 1px dotted #d7d7d7; padding-left: 70px; margin-top: 0; }
}
.contact-wrap .contact-form h3 { font-weight: 500; font-size: 18px; color: #333333; line-height: 26px; margin: 0; margin-bottom: 12px; }
.contact-wrap .contact-form input,
.contact-wrap .contact-form textarea { background: #f6f6f6; border: 1px solid #e6e6e6; width: 100%; margin-top: 18px; color: #484848; line-height: 30px; padding: 8px 16px; outline: none; color: #999999; resize: vertical; }
.contact-wrap .contact-form .submit { margin-top: 32px; display: inline-block; cursor: pointer; color: #fff; background-color: rgba(0, 0, 0, 0.8); line-height: 18px; border-radius: 100px; padding: 15px 60px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }
.contact-wrap .contact-form .submit:hover { text-decoration: underline; background-color: #000; }
.contact-wrap .contact-form .submit::before { font-family: "iconfont"; content: '\e62b'; font-size: 18px; float: left; margin-right: 10px; }
.contact-wrap .map { margin-top: 70px; height: 420px; border: 1px solid #e6e6e6; overflow: hidden; }
.contact-wrap .map img { height: 100%; }
@media (min-width:1440px) {
	.contact-wrap .map img { width: 100%; }
}
.video-wrap .list { margin-top: 30px; }
.video-wrap .list p { text-align: center; margin-top: 20px; margin-bottom: 0; font-size: 16px; }
.video-wrap .video { top: 0; background-position: top right; background-size: cover; position: relative; }
.video-wrap .video .img-box { padding-bottom: 68.62745098%; }
.video-wrap .video::before { content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; transition: background-color 0.3s ease; }
.video-wrap .video:hover::before { background-color: rgba(0, 0, 0, 0.2); }
.video-wrap .video .video-box { position: absolute; z-index: 2; width: 100%; height: 100%; top: 0; overflow: hidden; }
.video-wrap .video .video-box a { display: block; width: 100%; height: 100%; margin-bottom: 200px; cursor: default; }
.video-wrap .video .iframe { display: none; width: 100%; }
.video-wrap .video .play { display: block; width: 60px; height: 60px; position: absolute; top: 0%; margin-top: 28%; margin-left: 44%; margin-bottom: 100px; background: url(../images/play.png) no-repeat; background-size: cover; cursor: pointer; }
@media (max-width:991px) {
	.video-wrap .video .play { transform: scale(0.8); margin-left: 44%; margin-top: 26%; }
}
.subbbb { color: #0633ff; }
.zoomDiv { z-index: 999; background: #ffffff; border: 1px solid #ddd; display: none; text-align: center; overflow: hidden; }
@media (min-width:768px) {
	.zoomDiv { position: absolute; }
}
.zoomMask { z-index: 1; }
@media (min-width:768px) {
	.zoomMask { position: absolute; background: url("../images/mask.png") repeat scroll 0 0 transparent; cursor: move; }
}




@media (min-width: 1200px) {
	.banner-inner > img {
		display: block;
		position: relative;
		left: 50%;
		margin-left: -960px;
	}
}


/**
 * Date : 2017年11月24日15:38:20
 * @author HSM
 * @todo 重置表格样式、手机端可滑动
 */

.table-box{
    width: 100%;
    max-width: 100%;
    overflow: auto;
}

table {
    width: auto;
    max-width: 98%;
    // min-width: 600px;
    border-spacing: 0;
    border-collapse: collapse;
}

table tr,
table td {
    width: auto !important;
    height: auto !important;
    // word-break: break-word;
}

table td {
    padding: 5px 8px !important;
    border: 1px solid #ccc !important;
}