.footerContact p {

    color: #777777;

    font-size: 15px;

    line-height: 1.8;

    margin-bottom: 15px;

}

a, a:before, a:after, #goTop, .container, .lm, span, .title, img, li, .tab, i {

	transition: all 0.6s ease 0s;

	-moz-transition: all 0.6s ease 0s;

	-webkit-transition: all 0.6s ease 0s;

	-o-transition: all 0.6s ease 0s;

	-ms-transition: all 0.6s ease 0s;

}

.lm, .right, .left, .date, #banner .item span {

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	box-sizing: border-box;

}

.justify, .inner, img, input, textarea, select, button, table, label, .center, .searchForm {

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	box-sizing: border-box;

}

.clearfix {

*zoom: 1;

}

.textCont p{ text-indent:12px;}

.textCont p img{ margin:0 auto; display:block;}

#main{ padding-top:120px;}

.clearfix:before, .clearfix:after {

	content: "";

	display: table;

}

.clearfix:after {

	clear: both;

}



.create-form-inner .create-form-ul {

*zoom:1

}

.create-form-inner .create-form-ul:before, .create-form-inner .create-form-ul:after {

	content: "";

	display: table

}

.create-form-inner .create-form-ul:after {

	clear: both

}

.create-form-wrap, .fb-product-wrap, #crmMailMask {

	font-family: Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif

}

.create-form-wrap * {

	padding: 0;

	margin: 0

}

button, input[type="button"], input[type="reset"], input[type="submit"] {

	-webkit-appearance: button;

	cursor: pointer

}

button {

	overflow: visible

}

textarea, pre {

	overflow: auto

}

button, input, optgroup, select, textarea {

	color: inherit;

	font: inherit;

	margin: 0;

	outline: none

}

button, select {

	text-transform: none

}

button[disabled], html input[disabled] {

	cursor: default

}

a[href], label[for], select {

	cursor: pointer

}

a, input, div, textarea, span {

	-webkit-tap-highlight-color: transparent

}

a:active, a:hover {

	outline: 0

}

html {

	font-family: sans-serif;

	-ms-text-size-adjust: 100%;

	-webkit-text-size-adjust: 100%

}

button::-moz-focus-inner, input::-moz-focus-inner {

border:0;

padding:0

}

input {

	line-height: normal

}

input[type="checkbox"], input[type="radio"] {

	box-sizing: border-box;

	padding: 0

}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {

height:auto

}

.create-form-inner {

	padding: 10px 15px 15px 15px;

	font-size: 14px;

	line-height: 1.5;

	color: #444

}

.create-form-inner a {

	text-decoration: none;

	color: #238cc8

}

.create-form-inner .create-form-ul {

	margin: 0 -15px

}

.create-form-inner .create-form-li {

	float: left;

	width: 50%;

	padding: 5px 15px;

	margin-bottom: 5px;

	position: relative

}

.create-form-inner .create-form-li label {

	display: block !important;

	line-height: 1;

	color: #444;

	padding: 0 0 5px 0 !important;

	margin: 0;

	text-transform: capitalize;

	position: static !important;

}

.create-form-inner .create-form-li input, .create-form-inner .create-form-li textarea {

	width: 100%;

	display: block;

	margin: 0 !important;

	line-height: 21px;

	font-size: 13px;

	padding: 4px 6px;

	color: #444;

	border: 1px solid #d9d9d9

}

.create-form-inner .create-form-li textarea {

	height: 84px;

	max-width: 100%;

	margin-bottom: 5px

}

.create-form-inner .create-form-li.create-form-block {

	width: 100%

}

@media screen and (max-width: 550px) {

.create-form-inner .create-form-li {

	width: 100%

}

}

.create-form-inner .create-form-mask {

	position: absolute;

	z-index: 1;

	background: black;

	filter: alpha(opacity=0);

	opacity: 0;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%

}

.create-form-inner .create-form-cen {

	text-align: center

}

.create-form-inner .create-form-submit {

	border: 0px none;

	background: #2c9c5e;

	padding: 7px 15px;

	color: #fff;

	font-size: 14px;

	line-height: 21px;

	min-width: 110px

}

.create-form-inner .create-form-input {

	height: 53px

}

.create-form-inner .create-form-action {

	float: left;

	width: 100%;

	padding: 10px 0;

	position: relative

}

.create-form-inner input, .create-form-inner button {

	outline: none

}

.create-form-wrap {

	padding: 0 5px;

	border: 1px solid #ddd;

	margin-bottom: 20px;

	background: #fff

}

.create-form-wrap, .create-form-wrap * {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box

}

.create-form-wrap .create-form-title {

	background: #2c9c5e;

	font-size: 16px;

	line-height: 1;

	padding: 15px;

	margin: 0 -6px;

	margin-top: -1px;

	color: #fff;

	margin-bottom: 10px

}

.fb-product-wrap {

	max-width: 830px;

	padding: 5px;

	background: #fff;

	margin: 0 auto;

	font-size: 14px;

	line-height: 1.5;

	color: #444

}

.fb-product-wrap, .fb-product-wrap * {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box

}

.fb-product-wrap a {

	text-decoration: none;

	color: #238cc8

}

.fb-product-wrap .ent-img4 .box, .fb-product-wrap .ent-img4 .line {

	width: 25%;

	padding-left: 15px;

	padding-right: 15px;

	display: inline-block;

	vertical-align: top;

	text-align: center

}

.fb-product-wrap .ent-img4, .fb-product-wrap .ent-img5 {

	margin-left: -15px;

	margin-right: -15px

}

.fb-product-wrap .ent-img5 .box, .fb-product-wrap .ent-img5 .line {

	width: 18%

}

.fb-product-wrap .fb-product-title {

	font-size: 18px;

	font-weight: bold;

	color: #666;

	border-bottom: 2px solid #ddd;

	line-height: 20px;

	padding-bottom: 8px;

	width: 100%;

	margin-bottom: 15px;

	padding-top: 5px

}

.fb-product-wrap .fb-product-title a {

	float: right;

	font-size: 14px;

	color: #777

}

.fb-product-wrap .fb-product-title a:hover {

	color: #3175af

}

.fb-product-wrap div[class*="ent-img"] {

	margin-bottom: 10px

}

.fb-product-wrap div[class*="ent-img"] img {

	width: 100%

}

.fb-product-wrap div[class*="ent-img"] .box span, .fb-product-wrap div[class*="ent-img"] .box a.more {

	display: block;

	font-size: 14px;

	line-height: 1.3;

	text-align: center;

	padding-top: 5px

}

.fb-product-wrap div[class*="ent-img"] .box {

	padding-bottom: 20px;

	word-wrap: break-word;

	word-break: break-word

}

.fb-product-wrap div[class*="ent-img"] .box a {

	color: #5b9bd1

}

.fb-product-wrap div[class*="ent-img"] .box a:hover {

	color: #3175af

}

.fb-product-wrap img {

	max-width: 100%;

	height: auto;

	width: auto\9

}

#crmMailMask {

	font-size: 14px;

	line-height: 1.5;

	color: #444;

	text-align: center;

	position: fixed;

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	z-index: 10999;

	;

	background: rgba(80,80,80,0.5)

}

#crmMailMask, #crmMailMask * {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box

}

#crmMailMask:after, #crmMailMask>

div {

	display: inline-block;

	vertical-align: middle

}

#crmMailMask:after {

	content: '';

	height: 100%;

	width: 0;

	overflow: hidden

}

#crmMailMask .crmMailMask-box {

	background: #fff;

	width: 290px;

	border-radius: 4px;

	max-width: 98%;

	padding: 15px 20px;

	margin: 15px 0 40px 0

}

#crmMailMask .crmMailMask-box .crmMailMask-boxBot {

	margin-top: 10px

}

#crmMailMask .crmMailMask-box .crmMailMask-boxBot button {

	line-height: 1;

	border: 0px none;

	padding: 10px 15px;

	background: #135287;

	color: #fff;

	font-size: 13px;

	text-transform: capitalize

}

.crm-submit-load {

	display: inline-block;

	width: 24px;

	height: 20px;

	vertical-align: middle

}

.crm-body-clear {

	overflow: hidden !important

}

.placeH {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}

.webbanner {

	display: none;

}

@media screen and (max-width: 875px) {

.placeH {

	position: static;

	height: auto;

}

}

.playBtn {

	content: "";

	width: 140px;

	height: 140px;

	border-radius: 50%;

	background: rgba(255, 255, 255, 0.6);

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	margin: auto;

	z-index: 2;

}

.playBtn:before {

	content: "/f03d";

	width: 78.57143%;

	height: 78.57143%;

	border-radius: 50%;

	background: #000;

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	margin: auto;

	font-family: 'FontAwesome';

}

.playBtn:after {

	width: 30px;

	height: 30px;

	line-height: 30px;

	text-align: center;

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	margin: auto;

	content: "\e620";

	font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif;

	font-size: 50px;

	color: #fff;

	text-align: center;

}

.playBtn:hover {

	box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);

}

@media screen and (max-width: 1400px) {

.playBtn:after {

	font-size: 40px;

}

}

@media screen and (max-width: 875px) {

.playBtn:after {

	font-size: 20px;

}

}

@media screen and (max-width: 500px) {

.playBtn:after {

	font-size: 16px;

}

}

.justify {

	text-align: justify;

	text-justify: inter-ideograph;

	letter-spacing: 0px;

	font-size: 0px;

}

.justify:after {

	content: '';

	height: 0px;

	width: 100%;

	display: inline-block;

	overflow: hidden;

}

.justify .line {

	display: inline-block;

	height: 0px;

	overflow: hidden;

}

.justify > * {

	text-align: left;

	font-size: 14px;

}

.justify .box {

	display: inline-block;

	vertical-align: top;

}

.box.justify {

	text-align: justify;

}

body, #pageNum {

	font-family: Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif;

}

.proDetail .title, .proRecommend .title {

	font-size: 20px;

	line-height: 1.2;

}

@media screen and (max-width: 875px) {

.proDetail .title, .proRecommend .title {

	font-size: 18px;

}

}

.contact .msg .insideTit {

	font-size: 30px;

	line-height: 1.2;

}

@media screen and (max-width: 1400px) {

.contact .msg .insideTit {

	font-size: 24px;

}

}

@media screen and (max-width: 875px) {

.contact .msg .insideTit {

	font-size: 18px;

}

}

#aside .asideTitle .textMidSon {

	font-size: 24px;

	line-height: 1.2;

}

@media screen and (max-width: 1400px) {

#aside .asideTitle .textMidSon {

	font-size: 22px;

}

}

@media screen and (max-width: 875px) {

#aside .asideTitle .textMidSon {

	font-size: 24px;

}

}

blockquote, body, button, dd, div, dl, dt, fieldset, figure, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, table, textarea, ul {

	margin: 0;

	padding: 0;

}

area:focus, button:focus, input:focus, textarea:focus {

	outline: 0;

}

a img, abbr, acronym, fieldset, img, legend {

	border: 0 none;

}

figure, li, ol, ul {

	list-style: none;

}

address, caption, cite, code, dfn, th, var {

	font-weight: 400;

	font-style: normal;

}

h1, h2, h3, h4, h5, h6 {

	1display: inline;

	font-weight: 400;

	font-size: 100%;

}

q:after, q:before {

	content: '';

}

button, input[type=button], input[type=reset], input[type=submit] {

	cursor: pointer;

	-webkit-appearance: button;

}

button {

	overflow: visible;

}

pre, textarea {

	overflow: auto;

}

button, input, optgroup, select, textarea {

	margin: 0;

	color: inherit;

	font: inherit;

}

button, select {

	text-transform: none;

}

button[disabled], html input[disabled] {

	cursor: default;

}

a[href], label[for], select {

	cursor: pointer;

}

a, div, input, span, textarea {

	-webkit-tap-highlight-color: transparent;

}

a:active, a:hover {

	outline: 0;

}

sub, sup {

	position: relative;

	vertical-align: baseline;

	font-size: 75%;

}

sup {

	top: -.5em;

}

sub {

	bottom: -.25em;

}

svg:not(:root) {

	overflow: hidden;

}

 input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {

-webkit-appearance: none;

}

input[type=search] {

	-webkit-appearance: textfield;

}

html {

	font-family: sans-serif;

	-ms-text-size-adjust: 100%;

	-webkit-text-size-adjust: 100%;

}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {

	display: block;

}

audio, canvas, progress, video {

	display: inline-block;

	vertical-align: baseline;

}

audio:not([controls]) {

	display: none;

	height: 0;

}

 [hidden], template {

display: none;

}

a {

	background-color: transparent;

}

abbr[title] {

	border-bottom: 1px dotted;

}

b, optgroup, strong {

	font-weight: 700;

}

small {

	font-size: 80%;

}

code, kbd, pre, samp {

	font-size: 1em;

	font-family: monospace, monospace;

}

 button::-moz-focus-inner, input::-moz-focus-inner {

padding: 0;

border: 0;

}

input {

	line-height: normal;

}

input[type=checkbox], input[type=radio] {

	box-sizing: border-box;

	padding: 0;

}

 input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {

height: auto;

}

fieldset {

	margin: 0 2px;

	padding: .35em .625em .75em;

	border: 1px solid silver;

}

table {

	width: 100%;

	border-collapse: collapse;

	border-spacing: 0;

}

table th {

	background: #ddd;

	font-weight: 700;

}

table td, th {

	padding: 5px;

	border: 1px solid #ccc;

	word-wrap: break-word;

	word-break: break-word;

}

img {

	width: auto\9;

	height: auto;

	max-width: 100%;

}

 1@font-face {

font-family: 'icomoon';

src: url("/static/en/font/icomoon.eot");

src: url("/static/en/font/icomoon.eot?") format("embedded-opentype"), url("/static/en/font/icomoon.woff") format("woff"), url("/static/en/font/icomoon.woff2") format("woff2"), url("/static/en/font/icomoon.ttf") format("truetype"), url("/static/en/font/icomoon.svg") format("svg");

}

html {

	font-size: 16px;

}

body {

	color: #33474b;

	line-height: 1.5714;

	font-size: 14px;

	-webkit-font-smoothing: antialiased;

	font-smooth: always;

	-moz-osx-font-smoothing: grayscale;

}

a {

	text-decoration: none;

	color: #555;

}

*:before, *:after {

	text-align: inherit;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}

input[type="text"], input[type="password"], textarea {

	text-align: left;

	background: transparent;

}

input[type="text"]:focus, input[type="text"].focusOn, input[type="password"]:focus, input[type="password"].focusOn, textarea:focus, textarea.focusOn {

	background: #fff;

}

 .search::-webkit-input-placeholder {

color: white;

}

 .search:-moz-placeholder {

color: white;

}

 .search:-ms-input-placeholder {

color: white;

}

input, textarea, select, button, label {

	transition: all 0.2s ease 0s;

	-moz-transition: all 0.2s ease 0s;

	-webkit-transition: all 0.2s ease 0s;

	-o-transition: all 0.2s ease 0s;

	-ms-transition: all 0.2s ease 0s;

}

.center {

	width: 92%;

	max-width: 1740px;

	margin-left: auto;

	margin-right: auto;

}

@media screen and (max-width: 1366px) {

.center {

	width: 88%;

}

}

@media screen and (max-width: 1300px) {

.center {

	width: 90%;

}

}

@media screen and (max-width: 1000px) {

.center {

	width: 100%;

	padding-left: 10px;

	padding-right: 10px;

}

}

i {

	font-style: normal;

}

img {

	vertical-align: bottom;

}

a[href^="mailto:"], a[href^="tel:"] {

	display: inline-block;

}

table {

	line-height: 1.5;

	width: 100%;

}

table.table-left td, table.table-left th {

	text-align: left;

}

.addthis_sharing_toolbox {

	white-space: nowrap;

}

hr {

	height: 1px;

	width: 100%;

	overflow: hidden;

	border: 0px none;

	box-shadow: none;

	background: #ccc;

}

#menuBtn {

	width: 42px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	top: 0;

	cursor: pointer;

	z-index: 999;

	border: 1px solid rgba(255, 255, 255, 0.7);

	display: none;

	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);

	border-radius: 3px;

}

#menuBtn:before {

	font-family: icomoon;

	color: #fff;

}

#menuBtn.active:before {

	content: '\f00d';

	font-size: 28px;

	font-family: 'FontAwesome';

	font-weight: normal;

}

#menuBtn {

	position: fixed;

	right: 10px;

	top: 16px;

	background: rgba(0, 0, 0, 0.75);

}

#menuBtn:before {

	content: '\f0c9';

	font-size: 28px;

	font-family: 'FontAwesome';

}

.fb:before {

	content: '\e62c';

}

.tt:before {

	content: '\e62b';

}

.1in:before {

	content: '\e630';

}

.gg:before {

	content: '\e62d';

}

.yt:before {

	content: '\e631';

}

.wx:before {

	content: "\649";

}

.wb:before {

	content: "\647";

}

.searchForm {

	position: relative;

	max-width: 100%;

}

.searchForm .search {

	width: 100%;

	border: 0px none;

}

.searchForm .searchBtn {

	border: 0px none;

	position: absolute;

	top: 0;

	right: 0;

	text-align: center;

}

#pageNum {

	margin-top: 1%;

	padding-top: 10px;

	padding-bottom: 5px;

	margin-bottom: 1%;

}

#pageNum a, #pageNum span {

	font-size: 12px;

	line-height: 16px;

	padding: 5px 10px;

	display: inline-block;

	margin-right: 6px;

	margin-bottom: 7px;

	border: 1px solid #d7d7d5;

}

#pageNum a:hover, #pageNum .cur {

	color: #fff;

	background: #360534;

	border: 1px solid #360534;

}

#goTop {

	position: fixed;

	width: 38px;

	height: 38px;

	line-height: 38px;

	text-align: center;

	color: #fff;

	font-size: 20px;

	background: rgba(0, 0, 0, 0.7);

	filter: alpha(opacity=60);

	opacity: 0.6;

	bottom: 6%;

	right: 3%;

	border-radius: 5px;

	overflow: hidden;

	display: none;

	cursor: pointer;

	z-index: 999;

}

#goTop:before {

	content: '\f062';

	font-family: 'FontAwesome';

	text-align: inherit;

}

#goTop:hover {

	filter: alpha(opacity=90);

	opacity: 0.9;

}

@media screen and (max-width: 900px) {

#goTop {

	margin-bottom: 50px;

}

}

.pubImgCont {

	display: block;

	overflow: hidden;

	position: relative;

}

.pubImgCont img {

	width: 100%;

	display: block;

}

iframe[name='google_conversion_frame'] {

	height: 0 !important;

	width: 0 !important;

	line-height: 0 !important;

	font-size: 0 !important;

	margin-top: -13px;

	float: left;

}

object[id^="tq_as"] {

	overflow: hidden;

	margin: 0;

	height: 0 !important;

}

#div_ser table td, #div_ser table th {

	border: 0px none;

}

.container {

	overflow: hidden;

	width: 100%;

	max-width: 1920px;

	margin: 0 auto;

}

.title {

	line-height: 1.2;

}

span.help-block-error {

	display: inline-block;

	padding-left: 5px;

	color: #a94442;

}

.formTextWaper.has-error input.help-block-error, .formTextWaper.has-error textarea.help-block-error {

	border-color: #ebccd1;

}

#header {

	width: 100%;

	transition: 0.3s all ease;

	-moz-transition: 0.3s all ease;

	-webkit-transition: 0.3s all ease;

	-o-transition: 0.3s all ease;

	-ms-transition: 0.3s all ease;

	background: #fff;

	position: fixed;

	z-index: 999;

	box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);

}

#header .move {

	position: fixed;

	top: 0;

	left: 0;

	padding-top: 0.78125%;

	padding-bottom: 0.52083%;

}

#header .box {

	vertical-align: middle;

}

#header .center {

	position: relative;

}

#header #nav .box {

	vertical-align: top;

}

#logo .imgWrap {

	display: inline-block;

	vertical-align: middle;

	margin-right: 12px;

}

#logo .slogan {

	display: inline-block;

	vertical-align: middle;

	color: #9c7314;

	text-transform: capitalize;

	font-size: 16px;

}

.searchWrap {

	display: inline-block;

	height: 25px;

	line-height: 25px;

	border-radius: 50%;

	vertical-align: middle;

	margin-right: 8px;

}

.searchWrap {

	width: 25px;

	text-align: center;

	color: #797979;

	cursor: pointer;

	position: relative;

	transition: 0.6s all ease;

	-moz-transition: 0.6s all ease;

	-webkit-transition: 0.6s all ease;

	-o-transition: 0.6s all ease;

	-ms-transition: 0.6s all ease;

	margin-right: 50px;

	border: 1px solid #9c7314;

}

.searchWrap:before {

	content: "\f002";

	font-family: FontAwesome, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif;

	font-size: 18px;

	color: #9c7314;

}

.searchWrap .searchForm {

	position: static;

	text-align: left;

}

.searchWrap .searchCont {

	width: 360px;

	height: 0;

	position: absolute;

	top: 100%;

	right: 0;

	overflow: hidden;

	transition: 0.6s all ease;

	-moz-transition: 0.6s all ease;

	-webkit-transition: 0.6s all ease;

	-o-transition: 0.6s all ease;

	-ms-transition: 0.6s all ease;

	margin-top: 10px;

	z-index: 99;

	border-radius: 3px;

	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);

}

.searchWrap .search {

	width: 320px;

	height: 40px;

	padding: 0 15px;

	box-sizing: border-box;

	background: #F3F3F3;

	border-radius: 3px 0 0 3px;

	color: black;

	line-height: 40px;

}

.searchWrap .search.focusOn + label, .searchWrap .search:focus + label {

	display: none;

}

.searchWrap .search.focusOn, .searchWrap .search:focus {

	background: #F3F3F3;

}

.searchWrap label {

	font-size: 14px;

	width: 320px;

	height: 40px;

	line-height: 40px;

	position: absolute;

	padding: 0 15px;

	top: 0;

	left: 0;

	box-sizing: border-box;

	color: #B8B8B8;

	text-transform: capitalize;

}

.searchWrap .searchBtn {

	display: inline-block;

	width: 40px;

	height: 40px;

	background: #9c7314;

}

.searchWrap .searchBtn:before {

	content: "\f002";

	font-family: FontAwesome, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif;

	font-size: 18px;

	color: #fff;

}

.searchWrap.selected {

	color: white;

}

.searchWrap.selected:before {

	content: "\f002";

	font-size: 14px;

}

.searchWrap.selected .searchCont {

	height: 40px;

}

.headerBot {

	margin-top: 18px;

}

#nav {

	font-size: 0;

	position: relative;

	line-height: 1;

	display: inline-block;

	vertical-align: middle;

	margin-right: 50px;

}

#nav > ul > li {

	display: inline-block;

	margin-right: 1px;

	vertical-align: middle;

	position: relative;

}

#nav > ul > li:last-child {

	margin-right: 0;

}

#nav > ul > li > a {

	display: block;

	font-size: 15px;

	color: #111;

	text-transform: uppercase;

	padding: 38px 20px;

	position: relative;

}

#nav > ul > li:hover > a {

	color: #000;

}

#nav > ul > li.active > a {

	color: #fff;

	background: #9c7314;

1background:url(../image/title_bg1.jpg);

1background-size:cover;

}

#nav > ul > li > ul {

	position: absolute;

	min-width: 250px;

	border-top: 1px solid #fff;

	max-width: 400px;

	top: 100%;

	left: 0;

	z-index: 1;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	box-sizing: border-box;

	background: #ccc;

	transition: 0s;

	-moz-transition: 0s;

	-webkit-transition: 0s;

	-o-transition: 0s;

	-ms-transition: 0s;

	padding: 20px 0;

	display: none; width:100%;

}

#nav > ul > li > ul > li {

	line-height: 1;

	font-size: 14px;

	transition: 0s;

	-moz-transition: 0s;

	-webkit-transition: 0s;

	-o-transition: 0s;

	-ms-transition: 0s;

	margin-bottom: 1px;

}

#nav > ul > li > ul > li:last-child {

	margin-bottom: 0;

}

#nav > ul > li > ul > li > a {

	display: block;

	padding: 12px 20px;

	color: #333; text-transform:uppercase;

}

#nav > ul > li > ul > li:hover > a, #nav > ul > li > ul > li.active > a {

	color: #fff;

	font-size: 16px;

	font-weight: bold;

	background: #9C7314;

}

#nav > ul > li.proLi > ul {

	width: 700px;

	left: -180px;

	max-width: none;

	padding: 20px 30px 10px;

}

#nav > ul > li.proLi > ul ul {

	margin-top: 10px;

}

#nav > ul > li.proLi .box {

	width: 23.96694%;

}

#nav > ul > li.proLi .box li {

	margin-bottom: 10px;

}

#nav > ul > li.proLi .box li:hover a, #nav > ul > li.proLi .box li.active a {

	color: #9C7314;

}

#nav > ul > li.proLi .box a {

	color: #737373;

}

#nav > ul > li.proLi .box .tit {

	color: #9c7314;

	display: inline-block;

	font-size: 16px;

	font-weight: bold;

	line-height: 30px;

	margin-top: 5px;

	padding: 0;

}

#nav > ul > li.proLi .imgWrap {

	padding: 0;

	display: block;

	width: 68.96552%;

}

.lang {

	display: inline-block;

	vertical-align: middle;

	font-size: 16px;

	position: relative;

	padding: 0 10px 0 0;

	background: url(/static/en/img/lang.png) left center no-repeat;

}

.lang span {

	display: block;

	position: relative;

	cursor: pointer;

	color: #000;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	box-sizing: border-box;

	padding-right: 20px;

	text-transform: capitalize;

}

.lang span:before {

	content: "";

	position: absolute;

	top: 50%;

	right: 0;

	margin-top: -3.5px;

	border-top: 7px solid #000;

	border-bottom: 7px solid transparent;

	border-left: 5.5px solid transparent;

	border-right: 5.5px solid transparent;

}

.lang ul {

	width: 100%;

	position: absolute;

	top: 100%;

	left: 0;

	min-width: 100px;

	white-space: nowrap;

	background: #fff;

	z-index: 99;

	margin-top: 10px;

	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

	text-align: center;

}

.lang ul li {

	height: 0;

	overflow: hidden;

	transition: all 0.5s cubic-bezier(0, 0.105, 0.035, 1.57);

	-moz-transition: all 0.5s cubic-bezier(0, 0.105, 0.035, 1.57);

	-webkit-transition: all 0.5s cubic-bezier(0, 0.105, 0.035, 1.57);

	-o-transition: all 0.5s cubic-bezier(0, 0.105, 0.035, 1.57);

	-ms-transition: all 0.5s cubic-bezier(0, 0.105, 0.035, 1.57);

	font-size: 14px;

}

.lang ul li:last-child {

	margin-bottom: 0;

}

.lang ul li a {

	display: block;

	padding: 5px 10px;

	color: #000;

	position: relative;

}

.lang ul li a:before {

	content: "";

	width: 100%;

	height: 100%;

	position: absolute;

	z-index: -1;

	top: 0;

	left: 0;

}

.lang ul li:hover a {

	color: #9c7314;

}

.lang.selected ul {

	padding: 10px 0;

}

.lang.selected ul li {

	height: 31px;

	margin-bottom: 1px;

	overflow: visible;

}

 @media screen and (max-width: 1400px) {

#nav {

	margin-right: 20px;

}

.searchWrap {

	margin-right: 30px;

}

#nav > ul > li > a {

	padding: 45px 10px;

}

}

@media screen and (max-width: 1250px) {

#header {

	padding-top: 15px;

	padding-bottom: 10px;

	position: static;

}



#header .box {

	text-align: center;

}

#logo {

	width: 100%;

}

#logo .imgWrap {

	display: block;

	width: 200px;

	margin: 0 auto;

}

#logo img {

	width: 200px;

}

.headerTop {

	text-align: center;

}

#header .topRig {

	display: block;

	margin-top: 20px;

}

#nav > ul > li > a {

	padding: 10px;

}

}

@media screen and (max-width: 875px) {



#menuBtn {

	display: block;

}

#header {

	position: static;

}

#header #nav {

	width: 240px;

	position: fixed;

	float: none;

	top: 72px;

	right: 10px;

	z-index: 100;

	margin: 0;

	display: none;

	background: #9c7314;

	padding: 10px 0;

}

#header #nav > ul > li {

	margin: 0;

	display: block;

	text-align: center;

	margin-bottom: 1px;

	line-height: 1;

	padding: 0;

	font-size: 14px;

}

#header #nav > ul > li > a {

	padding: 12px 0;

	display: block;

	color: #fff;

	font-size: 14px;

}

#header #nav > ul > li > a:before {

	display: none;

}

#header #nav > ul > li:hover, #header #nav > ul > li.active {

	background: url(../image/title_bg.jpg);

}

#header #nav > ul > li:hover a {

	color: #fff;

	background: none;

}

, #header #nav > ul > li.active a {

	color: #fff;

	background: none;

}

#header #nav > ul > li:hover:before, #header #nav > ul > li.active:before {

	display: none;

}

#header #nav > ul > li:last-child {

	margin-bottom: 0;

}

#header #nav > ul > li:hover ul {

	display: none;

}

#header #nav > ul > li:hover > a:before {

	display: none;

}

#header #nav > ul > li:before {

	display: none;

}

}

@media screen and (max-width: 1100px) {

.topRight {

	width: 100%;

}

}

@media screen and (max-width: 875px) {

.topRight {

	margin-top: 10px;

}

#header .center {

	padding: 0;

}

.headerBot {

	text-align: center;

}

#logo .slogan {

	font-size: 14px;

	font-weight: bold;

}

#nav {

	width: 260px;

	position: fixed;

	float: none;

	top: 72px;

	right: 10px;

	z-index: 100;

	margin: 0;

	display: none;

	background: #FB9D00;

	padding-top: 0;

	box-shadow: 0 0 20px rgba(255, 255, 255, 0.2);

}

#nav > li {

	margin: 0;

	display: block;

	text-align: center;

	line-height: 1;

	padding: 0;

	font-size: 14px;

	margin-bottom: 1px;

}

#nav > li > a {

	padding: 12px 0;

	display: block;

	color: white;

}

#nav > li:hover, #nav > li.active {

	background: #360534;

}

#nav > li:hover a, #nav > li.active a {

	color: white;

}

#nav > li:hover:before, #nav > li.active:before {

	display: none;

}

#nav > li:last-child {

	margin-bottom: 0;

}

#nav > li:hover > a:before {

	display: none;

}

#nav > li:before {

	display: none;

}

#nav > li:hover .proSon {

	display: none;

}

#nav > li:hover > ul {

	padding: 0;

}

#nav > li:hover > ul > li {

	height: 0;

	overflow: hidden;

}

#nav > li.hasUl > a:after {

	display: none;

}

.searchWrap .searchCont {

	right: auto;

	left: 0;

	margin-left: -50px;

	width: 300px;

}

.searchWrap .search, .searchWrap label {

	width: 260px;

}

}

#banner .slick-prev:before {

	content: "\e625";

	color: #333;

}

#banner .slick-next:before {

	content: "\e628";

	color: #333;

}

#banner .slick-prev, #banner .slick-next {

	filter: alpha(opacity=100);

	opacity: 1;

}

#banner .slick-prev:hover, #banner .slick-next:hover {

	filter: alpha(opacity=70);

	opacity: 0.7;

}

#banner .slick-prev, #banner .slick-next {

	width: 41px;

	height: 74px;

}

#banner .slick-prev:before, #banner .slick-next:before {

	display: none;

}

#banner .slick-prev {

	left: 3.125%;

	background: url(/static/en/img/pre.png);

	background-size: cover;

}

#banner .slick-next {

	right: 3.125%;

	background: url(/static/en/img/next.png);

	background-size: cover;

}

#banner .slick-dots li button {

	background: #333;

	filter: alpha(opacity=100);

	opacity: 1;

}

#banner .slick-dots li.slick-active button {

	background: #000;

}

#banner .item {

	position: relative;

}

 @media screen and (max-width: 1400px) {

#banner .slick-prev, #banner .slick-next {

	width: 20.5px;

	height: 37px;

	margin-top: -23.5px;

}

}

@media screen and (max-width: 875px) {

#banner .slick-prev, #banner .slick-next {

	width: 10px;

	height: 18px;

	margin-top: -9px;

}

}

.showPro {

	overflow: hidden;

}

.showPro .bigWrap {

	width: 110%;

}

.showPro .wrap {

	width: 30.30303%;

	padding-left: 2.08333%;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	box-sizing: border-box;

	position: relative;

	float: left;

}

.showPro .wrap:hover .shade {

	left: 0;

}

.showPro .wrap:hover .shade:before {

	filter: alpha(opacity=0);

	opacity: 0;

}

.showPro .wrap:nth-child(2n+1) {

	background: #F1F1F1;

}

.showPro .wrap:nth-child(1) .textWrap {

	width: 60%;

}

.showPro .wrap:nth-child(1) .more {

	margin-top: 15.27778%;

	padding: 1.66667% 9.72222%;

}

.showPro .wrap:nth-child(1):after {

	content: "";

	width: 0;

	height: 0;

	padding-top: 60.33333%;

	display: inline-block;

	vertical-align: middle;

}

.showPro .box {

	vertical-align: middle;

}

.showPro .textWrap {

	width: 41.66667%;

}

.showPro .imgWrap {

	width: 51.66667%;

	position: relative;

}

.showPro .tit {

	font-size: 28px;

	font-weight: bold;

	color: #111;

	line-height: 1;

}

.showPro .des {

	color: #666;

	line-height: 22px;

	max-height: 66px;

	text-overflow: ellipsis;

	overflow: hidden;

	display: -webkit-box;

	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical;

	margin-top: 5px;

}

.showPro .more {

	display: inline-block;

	color: #666;

	padding: 2.4% 14.0%;

	border: 1px solid #D9D9D9;

	border-radius: 3px;

	margin-top: 22%;

}

.showPro .more:hover {

	border-color: #000;

}

.showPro .playBtn {

	width: 29.03226%;

	height: 0;

	padding-top: 29.03226%;

	margin: 0;

	left: 0;

	right: auto;

	top: auto;

	bottom: 0;

	margin-bottom: 14.51613%;

	margin-left: -14.51613%;

	background: rgba(106, 38, 98, 0.08);

}

.showPro .playBtn:before {

	width: 73.33333%;

	height: 73.33333%;

	background: rgba(0, 0, 0, 0.7);

}

.showPro .playBtn:after {

	font-size: 40px;

}

.showPro .shade {

	position: absolute;

	top: 0;

	bottom: 0;

	right: 0;

	left: 90.32258%;

	background: rgba(106, 38, 98, 0.4);

	transition: 0.6s all ease;

	-moz-transition: 0.6s all ease;

	-webkit-transition: 0.6s all ease;

	-o-transition: 0.6s all ease;

	-ms-transition: 0.6s all ease;

}

.showPro .shade:before {

	content: "\e625";

	width: 20px;

	height: 20px;

	line-height: 20px;

	text-align: center;

	font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif;

	position: absolute;

	left: 50%;

	top: 50%;

	margin-top: -10px;

	margin-left: -10px;

	color: #fff;

	font-size: 30px;

	transition: 0.3s all ease;

	-moz-transition: 0.3s all ease;

	-webkit-transition: 0.3s all ease;

	-o-transition: 0.3s all ease;

	-ms-transition: 0.3s all ease;

}

 @media screen and (max-width: 1400px) {

.showPro .tit {

	font-size: 22px;

}

}

@media screen and (max-width: 1200px) {

.showPro .tit {

	font-size: 18px;

}

.showPro .wrap {

	width: 45.45455%;

}

}

@media screen and (max-width: 700px) {

.showPro .wrap {

	width: 90.90909%;

}

}

.showAccess {

	padding-top: 3.125%;

	text-align: center;

	overflow: hidden;

}

.showAccess .title {

	font-size: 32px;

	font-weight: bold;

	color: #333;

	padding-bottom: 5px;

	position: relative;

}

.showAccess .title:before {

	content: "";

	height: 1px;

	width: 32.29167%;

	position: absolute;

	bottom: 0;

	left: 50%;

	margin-left: -16.14583%;

	background: #D1D1D1;

}

.showAccess .des {

	width: 57.29167%;

	margin: 1.30208% auto 0;

	line-height: 22px;

	color: #666;

}

.showAccess .more {

	font-size: 16px;

	font-weight: bold;

	color: #9c7314;

	display: inline-block;

	margin-left: 20px;

}

.showAccess .bigWrap {

	width: 110%;

	margin-top: 1.82292%;

}

.showAccess .wrap {

	display: block;

	width: 18.18182%;

	float: left;

	padding: 3.55114% 0 3.40909%;

	background: #F1F1F1;

}

.showAccess .wrap:nth-child(2n) {

	background: #E9E9E9;

}

.showAccess .wrap:hover {

	background: #9A3D8E;

}

.showAccess .wrap:hover .tit {

	color: #fff;

}

.showAccess .wrap:hover .imgWrap img:first-child {

	filter: alpha(opacity=0);

	opacity: 0;

}

.showAccess .wrap:hover .imgWrap img:last-child {

	filter: alpha(opacity=100);

	opacity: 1;

}

.showAccess .imgWrap {

	display: inline-block;

	width: 19.79167%;

	position: relative;

}

.showAccess .imgWrap img {

	width: 100%;

}

.showAccess .imgWrap img:last-child {

	position: absolute;

	top: 0;

	left: 0;

	filter: alpha(opacity=0);

	opacity: 0;

}

.showAccess .tit {

	display: block;

	font-size: 20px;

	font-weight: bold;

	color: #333;

	margin-top: 6.51042%;

}

 @media screen and (max-width: 875px) {

.showAccess {

	padding-top: 40px;

}

.showAccess .title {

	font-size: 24px;

	margin-top: 0;

}

.showAccess .des {

	width: 100%;

	padding: 0 10px;

}

.showAccess .bigWrap {

	margin-top: 20px;

}

.showAccess .tit {

	font-size: 16px;

}

}

@media screen and (max-width: 600px) {

.showAccess .tit {

	font-size: 12px;

}

.showAccess .wrap {

	width: 30.30303%;

}

}

.footerTop {

	padding-top: 3.64583%;

	padding-bottom: 4.6875%;

	position: relative;

	background: #F9FAFC;

}

.footerTop .title {

	font-size: 20px;

	text-transform: capitalize;

	color: #9c7314;

	font-weight: bold;

}

.footerTop .box {

	position: relative;

}

.footerTop .box ul {

	margin-top: 35px;

}

.footerTop .box ul > li {

	margin-bottom: 19px;

	font-size: 14px;

}

.footerTop .box ul > li > a {

	color: #666;

}

.footerTop .box ul > li > a:hover {

	color: #9c7314;

}

.footerTop .footerContact {

	width: 33.33333%;

}

.footerTop .footerContact .msg {

	margin-top: 35px;

	font-size: 0;

}

.footerTop .footerContact .msg > li {

	color: #666;

	font-size: 14px;

	margin-bottom: 10px;

}

.footerTop .footerContact .msg > li > span {

	text-transform: capitalize;

}

.footerTop .footerContact .msg > li > a {

	color: #666;

}

.footerTop .footerContact .msg > li > a:hover {

	color: #9c7314;

	text-decoration: underline;

}

.footerTop .footerContact .msg > li.com {

	font-weight: bold;

	text-transform: uppercase;

}

.footerTop .footerShare > ul > li {

	margin-bottom: 20px;

}

.footerTop .footerShare > ul > li:last-child {

	margin-right: 0;

}

.footerTop .footerShare > ul > li span {

	display: inline-block;

	margin-left: 15px;

}

.footerTop .footerShare > ul > li > a {

	display: inline-block;

	height: 32px;

	width: 32px;

	border-radius: 2px;

	background: #333;

	color: #fff;

	font-size: 20px;

	line-height: 32px;

	vertical-align: middle;

	text-align: center;

}

.footerTop .footerShare > ul > li > a:before {

	font-family: 'FontAwesome';

}

.footerTop .footerShare > ul > li > a.fb:before {

	content: "\f1d6";

	font-size: 20px;

	line-height: 20px;

}

.footerTop .footerShare > ul > li > a.tt:before {

	content: "\f18a";

}

.footerTop .footerShare > ul > li > a.in:before {

	content: "\f09a";

}

.footerTop .footerShare > ul > li > a.yt:before {

	content: "\f1d7";

}

.footerTop .footerShare > ul > li > a.gg:before {

	content: "\f09a";

}

.footerTop .footerShare > ul > li > a.fb {

	background: #3B5998;

}

.footerTop .footerShare > ul > li > a.yt {

	background: #CF2200;

}

.footerTop .footerShare > ul > li > a.tt {

	background: #00BFF6;

}

.footerTop .footerShare > ul > li > a.in {

	background: #007FB2;

}

.footerTop .footerShare > ul > li > a.gg {

	background: #D50A0F;

}

.footerTop .footerShare > ul > li > a:hover {

	filter: alpha(opacity=70);

	opacity: 0.7;

}

.footerLogo {

	text-align: center;

}

.footerLogo .slogan {

	font-size: 16px;

	color: #666;

	margin-top: 10px;

}

.footerLine {

	width: 1px;

	height: 0;

	padding-top: 10.74713%;

	background: #C9C9CA;

	margin: 0 3.73563%;

}

.footerAbout {

	width: 16.494%;

}

.footerPro {

	width: 12.35632%;

}

.footerShareWrap {

	width: 11.92982%;

	min-width: 121px;

}

.footerShareWrap .ewm {

	margin-top: 18.38235%;

}

.footerShareWrap .ewm img {

	width: 100%;

}

 @media screen and (max-width: 875px) {

.footerTop {

	padding-top: 40px;

}

.footerTop .footerLine, .footerTop .footerAbout, .footerTop .footerPro {

	display: none;

}

.footerTop .footerPro {

	width: 100%;

	margin-top: 20px;

}

.footerTop .footerAbout {

	width: 100%;

	margin-top: 20px;

}

.footerTop .footerContact {

	width: 100%;

	margin-top: 20px;

}

.footerTop .box ul {

	margin-top: 15px;

}

.footerTop .footerContact .msg {

	margin-top: 15px;

}

.footerTop .footerShareWrap {

	width: 100%;

	margin-top: 10px;

}

.footerTop .footerShare > ul {

	text-align: left;

	padding: 0;

	margin-top: 15px;

}

.footerShareWrap .ewm {

	margin-top: 20px;

}

.footerShareWrap .ewm img {

	max-width: 136px;

}

}

.footerBot {

	padding-top: 30px;

	padding-bottom: 30px;

1background: #9c7314;

	background: url(../image/title_bg.jpg);

	background-size: cover;

1background-position:center center;

}

.footerBot .copyRight, .footerBot .support {

	display: inline-block;

	line-height: 1;

	color: #fff;

	font-size: 14px;

}

.footerBot .copyRight a, .footerBot .support a {

	color: #fff;

}

.footerBot .copyRight a:hover, .footerBot .support a:hover {

	text-decoration: underline;

}

 @media screen and (max-width: 875px) {

.footerBot {

	padding: 10px 0 20px;

}

.footerBot .copyRight, .footerBot .support {

	margin-top: 10px;

}

.footerNav {

	display: none;

}

.footerShare ul {

	padding: 20px 10px 10px;

}

.footerShare ul li {

	margin-bottom: 10px;

}

.footerBot .center {

	padding: 20px 10px;

}

}

@media screen and (max-width: 600px) {

.footerBot .copyRight {

	font-size: 14px;

	width: 100%;

}

.footerBot .support {

	margin-top: 10px;

}

}

.crumbs {

	color: #919191;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	box-sizing: border-box;

	text-align: right;

}

.crumbs .smallNav {

	font-size: 14px;

	padding-top: 20px;

	padding-bottom: 20px;

}

.crumbs .smallNav .pr {

	display: inline-block;

	position: relative;

	padding-left: 30px;

}

.crumbs .smallNav .pr:before {

	content: "";

	width: 30px;

	height: 20px;

	position: absolute;

	left: 0;

	top: 0;

	background: url(/static/en/img/home.png) no-repeat;

}

.crumbs .smallNav a {

	color: #919191;

}

.crumbs .smallNav a:hover {

	text-decoration: underline;

}

.crumbs .smallNav span:last-child a {

	color: #9C7314;

}

 @media screen and (max-width: 875px) {

.crumbs {

	padding: 0 10px;

}

}

.content {

	padding-top: 20px;

	padding-bottom: 3.125%;

}

#aside {

	width: 21.83908%;

	position: relative;

	z-index: 2;

	float: left;

	background: #EEEEEE;

	padding-bottom: 3%;

}

#aside .asideTitle {

	padding: 6.57895% 5.26316%;

	text-transform: capitalize;

	position: relative;

	z-index: 1;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	box-sizing: border-box;

	line-height: 1;

}

#aside .asideTitle .textMidSon {

	display: inline-block;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	box-sizing: border-box;

	color: #111;

	font-weight: bold;

}

#aside .asideList > li {

	position: relative;

	margin-bottom: 1px;

}

#aside .asideList > li:last-child {

	margin-bottom: 0;

}

#aside .asideList > li > a {

	display: block;

	line-height: 20px;

	padding: 12px 5.26316%;

	color: #6A6A6A;

	text-transform:uppercase;

	font-size: 16px;

	position: relative;

}

#aside .asideList > li > a:before {

	content: ">";

	margin-right: 10px;

	color: #6A6A6A;

	display: inline-block;

	vertical-align: middle;

	margin-top: -2px;

}

#aside .asideList > li:hover > a, #aside .asideList > li.active > a {

	color: #fff;

	background: #9C7314;

}

#aside .asideList > li:hover > a:before, #aside .asideList > li.active > a:before {

	color: #fff;

}

#aside .asideList > li.active > a:before {

	transform: rotate(90deg);

	-ms-transform: rotate(90deg);

	-moz-transform: rotate(90deg);

	-webkit-transform: rotate(90deg);

	-o-transform: rotate(90deg);

}

#aside .asideList > li > ul {

	transition: all 0.5s cubic-bezier(0, 0.105, 0.035, 1.57);

	-moz-transition: all 0.5s cubic-bezier(0, 0.105, 0.035, 1.57);

	-webkit-transition: all 0.5s cubic-bezier(0, 0.105, 0.035, 1.57);

	-o-transition: all 0.5s cubic-bezier(0, 0.105, 0.035, 1.57);

	-ms-transition: all 0.5s cubic-bezier(0, 0.105, 0.035, 1.57);

	display: none;

}

#aside .asideList > li > ul > li {

	transition: all 0.5s cubic-bezier(0, 0.105, 0.035, 1.57);

	-moz-transition: all 0.5s cubic-bezier(0, 0.105, 0.035, 1.57);

	-webkit-transition: all 0.5s cubic-bezier(0, 0.105, 0.035, 1.57);

	-o-transition: all 0.5s cubic-bezier(0, 0.105, 0.035, 1.57);

	-ms-transition: all 0.5s cubic-bezier(0, 0.105, 0.035, 1.57);

	margin-bottom: 1px;

}

#aside .asideList > li > ul > li:last-child {

	margin-bottom: 0;

}

#aside .asideList > li > ul > li > a {

	display: block;

	padding: 5px 11.84211%;

	color: #111;

}

#aside .asideList > li > ul > li:hover > a, #aside .asideList > li > ul > li.active > a {

	background: #CBCBCB;

	color: #9C7314;

}

#aside .asideList > li.active > ul {

	display: block;

}

 @media screen and (max-width: 875px) {

.content {

	position: relative;

	padding-top: 50px;

	margin-top: 0;

	padding-bottom: 30px;

}

#aside {

	width: 100%;

	position: absolute;

	top: 0;

	left: 0;

	margin-top: 0;

	padding-top: 0;

	padding-bottom: 0;

}

#aside .asideTitle {

	background: #9c7314;

	color: white;

	padding: 13px 60px 13px 10px;

	line-height: 1;

	cursor: pointer;

	margin-bottom: 1px;

	font-size: 20px;

	height: auto;

	margin-top: 0;

}

#aside .asideTitle .textMidSon {

	color: #fff;

}

#aside .asideTitle:before {

	display: none;

}

#aside .asideTitle:after {

	display: block;

	content: "OPEN \f063";

	font-family: 'FontAwesome';

	width: 60px;

	height: 30px;

	line-height: 30px;

	position: absolute;

	left: 100%;

	top: 50%;

	margin-top: -15px;

	margin-left: -60px;

	z-index: 99;

	font-size: 12px;

	background: none;

}

#aside .asideList {

	display: none;

	padding: 0;

	margin-top: 0;

}

#aside .asideList > li > a {

	color: white;

	padding-right: 10px;

	padding-left: 10px;

	height: 35px;

	line-height: 35px;

	background: #9c7314;

}

#aside .asideList > li:hover > a, #aside .asideList > li.active > a {

	1background: #360534; background:url(../image/title_bg.jpg);

}

#aside .asideList > li:hover > a > ul, #aside .asideList > li.active > a > ul {

	display: none;

}

#aside .asideList > li > ul {

	display: none;

}

#aside .listside:after {

	content: "CLOSE \f062";font-family: 'FontAwesome';

}

#aside .asideList:before {

	display: none;

}

#aside .asideList > li > a:before, #aside .asideList > li.hasUl > a:after {

	display: none;

}

#aside .asideList > li.active > ul {

	display: none;

}

}

.mainRight {

	width: 75%;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	box-sizing: border-box;

	position: relative;

	min-height: 700px;

	float: right;

}

 @media screen and (max-width: 875px) {

#aside .asideTitle .textMidSon {

	font-size: 20px;

}

.mainRight {

	width: 100%;

	min-height: auto;

	padding: 30px 0;

}

#aside .asideTitle {

	text-align: left;

	border-radius: 0;

}

#aside .asideList > li.hasUl > span {

	display: none;

}

#aside .asideList > li > a {

	padding: 0 10px;

	text-align: left;

	font-size: 14px;

}

#aside .asideList > li:hover > a, #aside .asideList > li.active > a {

	color: #fff;

}

#aside .asideTitle .textMidSon {

	background: none;

	padding: 0;

}

#aside .asideTitle .textMidSon {

	font-size: 18px;

}

}

.proIndex .title {

	font-size: 26px;

	font-weight: bold;

	color: #111;

	line-height: 1;

	margin-bottom: 2.8%;

}

.proIndex .wrap {

	margin-bottom: 3.2%; background:#eee;

}

.proIndex .wrap > .box {

	vertical-align: middle;

}

.proIndex .left {

	width: 23.8%;

}

.proIndex .right {

	width: 73.4%;

}

.proIndex .tit {

	font-size: 20px;

	color: #111;

	font-weight: bold;

}

.proIndex .des {

	color: #111;

	line-height: 24px; /*max-height: 78px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;*/

	margin-top: 5px;

	font-size: 14px;

}

.proIndex .des strong {

	display: block;

}

.proIndex .more {

	display: inline-block;

	color: #9C7314;

	text-transform: capitalize;

	margin-top: 10px;

}

@media screen and (max-width: 1400px) {

.proIndex .des {

	line-height: 20px;

	font-size: 14px;

}

.proIndex .right {

	width: 65%;

}

.proIndex .left {

	width: 32%;

}

}

@media screen and (max-width: 875px) {

.proIndex .tit {

	font-size: 20px;

}

}

@media screen and (max-width: 500px) {

.proIndex .left {

	width: 100%;

}

.proIndex .right {

	width: 100%;

	margin-top: 10px;

}

.proIndex .more {

	margin-top: 15px;

}

.proIndex .wrap {

	margin-bottom: 30px;

}

}

.proDescription .title {

	font-size: 26px;

	font-weight: bold;

	color: #111;

	line-height: 1;

	margin-bottom: 2.8%;

}

.proDescription .proDetTags {

	margin-top: 3.2%;

}

.proSearch {

	margin-top: 3.2%;

}

.proSearch .searchWrap {

	width: 100%;

	border-radius: 0;

	height: 70px;

}

.proSearch .searchWrap:before {

	display: none;

}

.proSearch .searchWrap .searchCont {

	position: static;

}

.proSearch .searchWrap .searchBtn {

	width: 30px;

	height: 30px;

	position: absolute;

	right: 0;

	top: 0;

	background: none;

}

.proSearch .searchWrap .searchBtn:before {

	content: "\e618";

	color: #C2C2C2;

	font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif;

	font-size: 16px;

}

.proSearch .proSearchWrap {

	line-height: 70px;

	border: 1px solid #E5E5E5;

}

.proSearch .proSearchWrap .searchCont {

	width: 100%;

	height: 70px;

}

.proSearch .proSearchWrap .search {

	width: 100%;

	height: 70px;

	padding-right: 22.4%;

	padding-left: 3.6%;

	font-size: 16px;

	line-height: 70px;

}

.proSearch .proSearchWrap .search.focusOn + label, .proSearch .proSearchWrap .search:focus + label {

	display: none;

}

.proSearch .proSearchWrap .search.focusOn, .proSearch .proSearchWrap .search:focus {

	background: #fff;

}

.proSearch .proSearchWrap .searchBtn {

	width: 19.2%;

	height: 70px;

	text-align: center;

	font-size: 20px;

	color: #fff;

	background: #9C7314;

}

.proSearch .proSearchWrap .searchBtn:before {

	display: none;

}

.proSearch label {

	height: 70px;

	color: #919191;

	padding-left: 3.6%;

	position: absolute;

	left: 0;

	top: 0;

	font-size: 16px;

}

.proList .title {

	font-size: 26px;

	font-weight: bold;

	color: #111;

	line-height: 1;

	margin-bottom: 2.8%;

}

.proList .proTable {

	margin-top: 2.8%;

	font-size: 16px;

	color: #111;

}

.proList .proTable thead {

	font-size: 20px;

	line-height: 1;

}

.proList .proTable thead th {

	background: #9C7314;

}

.proList .proTable thead tr {

	height: 100px;

	color: #fff;

}

.proList .proTable a {

	color: #111;

}

.proList .proTable a:hover {

	color: #9C7314;

}

.proList .pageNum {

	margin-top: 2.4%;

}

.proList .pageNum span {

	cursor: pointer;

}

.proList .proTabBtn {

	display: inline-block;

}

.proList .proTabCont .proTable {

	display: none;

}

 @media screen and (max-width: 875px) {

.proSearch .proSearchWrap {

	line-height: 50px;

}

.proSearch .proSearchWrap .searchCont, .proSearch label {

	height: 50px;

}

.proSearch .proSearchWrap .search {

	height: 50px;

	line-height: 50px;

}

.proSearch .proSearchWrap .searchBtn {

	height: 50px;

	font-size: 14px;

}

.proList .proTable {

	font-size: 12px;

}

.proList .proTable thead tr {

	height: 70px;

}

.proList .proTable thead {

	font-size: 14px;

}

}

.proDetail .title {

	font-weight: bold;

	text-transform: uppercase;

}

.proDetTop {

	margin-top: 3.2%;

}

.proDetTop .left {

	width: 35.6%;

	position: relative;

	float: left;

}

.proDetTop .rig {

	width: 60.4%;

	float: right;

}

.proDetTop .rig .des {

	font-size: 16px;

	color: #6C6C6C;

	margin-top: 3.31126%;

}

.proDetTop .rig .shareBox {

	margin-top: 8.88889%;

}

.proDetTop .rig .msg {

	margin-top: 11.11111%;

	color: #8C9597;

}

.proDetTop .rig .msg li {

	padding-left: 35px;

	position: relative;

	margin-bottom: 10px;

}

.proDetTop .rig .msg li:last-child {

	margin-right: 0;

}

.proDetTop .rig .msg li a {

	color: #8C9597;

}

.proDetTop .rig .msg li a:hover {

	color: #9c7314;

}

.proDetTop .rig .msg li:after {

	width: 35px;

	height: 30px;

	line-height: 34px;

	position: absolute;

	top: -8px;

	left: 0;

	display: block;

	content: "";

	font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif;

	color: #8C9597;

}

.proDetTop .rig .msg .tel:after {

	content: "\e6b4";

	font-size: 22px;

}

.proDetTop .rig .msg .eml:after {

	content: "\e604";

	font-size: 22px;

}

.proDetTop .rig .play {

	display: inline-block;

	vertical-align: bottom;

	background: #8C3583;

	position: relative;

	color: #000;

	border-radius: 6px;

	width: 13%;

	padding-bottom: 13%;

}

.proDetTop .rig .play i {

	width: 100%;

	position: absolute;

	left: 0;

	bottom: 0;

	margin-bottom: 17.02128%;

	filter: alpha(opacity=100);

	opacity: 1;

	color: #000;

	text-align: center;

	text-transform: uppercase;

}

.proDetTop .rig .play:after {

	content: '';

	position: absolute;

	left: 50%;

	margin-left: -6px;

	top: 0;

	margin-top: 27.65957%;

	border: solid transparent;

	border-width: 9px 15px;

	border-left-color: #000;

}

.proDetTop .rig .play:hover i {

	margin-bottom: 0;

	filter: alpha(opacity=0);

	opacity: 0;

}

.proDetTop .rig .play:hover:after {

	content: '';

	margin-top: 40.42553%;

}

.proBanner .item {

	position: relative;

}

.proBanner .slick-dots {

	bottom: -44px;

	text-align: center;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	box-sizing: border-box;

}

.proBanner .slick-dots li button {

	background: #D2D2D2;

	width: 12px;

	height: 12px;

	filter: alpha(opacity=100);

	opacity: 1;

}

.proBanner .slick-dots li.slick-active button {

	background: #9c7314;

}

 @media screen and (max-width: 1400px) {

.proDetTop .rig .title {

	font-size: 24px;

	line-height: 30px;

}

}

@media screen and (max-width: 1300px) {

.proDetTop .left {

	width: 61.51163%;

}

.proDetTop .rig {

	width: 34.06977%;

}

.proDetTop .rig .shareBox {

	margin-top: 15%;

}

.proDetTop .rig .download {

	margin-top: 25%;

}

}

@media screen and (max-width: 1400px) {

.proDetTop .rig .tit {

	font-size: 20px;

}

}

@media screen and (max-width: 875px) {

.proDetTop .rig .playBtn span {

	display: none;

}

.proDetTop .rig .playBtn:after {

	top: 0;

	margin: auto;

}

}

@media screen and (max-width: 650px) {

.proDetTop .left {

	width: 100%;

}

.proDetTop .rig {

	width: 100%;

	margin-top: 30px;

	margin-right: 0;

}

.proDetTop .rig .shareBox {

	margin-top: 20px;

}

.proDetTop .rig .msg {

	margin-top: 20px;

}

.proDetTop .rig .download {

	margin-top: 30px;

}

.proDetTop .rig .proMsg {

	margin-top: 30px;

}

.proDetTop .rig .proMsg > li {

	margin-bottom: 15px;

}

.proDetTop .rig .playBtn {

	width: 80px;

	padding-top: 80px;

	margin-top: 20px;

}

}

.proDetTags {

	margin-top: 6.4%;

}

.proDetTags #tags {

	text-transform: capitalize;

}

.proDetTags #proDes #tags li {

	display: block;

	box-sizing: border-box;

	float: left;

	border-right: 1px solid white;

	text-transform: capitalize;

	transition: none;

	-moz-transition: none;

	-webkit-transition: none;

	-o-transition: none;

	-ms-transition: none;

}

.proDetTags #proDes #tags li:last-child {

	border-right: none;

}

.proDetTags #proDes #tags li {

	white-space: nowrap;

	height: 70px;

	cursor: pointer;

	background: #E1E1E1;

	font-size: 16px;

	text-align: center;

	padding-left: 5px;

	padding-right: 5px;

	color: #111;

	box-sizing: border-box;

}

.proDetTags #proDes #tags li span {

	white-space: normal;

	line-height: 1.2;

	width: 100%;

}

.proDetTags #proDes #tags li:after {

	content: '';

	width: 0;

	height: 100%;

	overflow: hidden;

}

.proDetTags #proDes #tags li span, .proDetTags #proDes #tags li:after {

	display: inline-block;

	vertical-align: middle;

}

.proDetTags #proDes #tags li.selected {

	background: #9C7314;

	color: #fff;

}

.proDetTags .tagContent:first-child {

	display: block;

}

.proDetTags #proDes .tagContent {

	background: #fff;

	border: 1px solid #e5e5e5;

	padding: 25px 30px;

	box-sizing: border-box;

}

.proDetTags .tagContent {

	word-wrap: break-word;

	overflow: auto;

	display: none;

}

.proDetTags .tagContent.selected {

	display: block;

}

 @media screen and (max-width: 1400px) {

.proDetTags #proDes #tags li {

	height: 50px;

}

}

@media screen and (max-width: 875px) {

.proDetTags {

	margin-top: 50px;

}



#proDes #tags li {

	text-align: center;

	margin-bottom: 1px;

}

.proDetTags #proDes .tagContent {

	padding: 20px 10px;

}

}

.proForm {

	margin-top: 3.2%;

}

.proForm .top .tit {

	text-transform: capitalize;

	font-size: 20px;

	line-height: 1;

	font-weight: bold;

	color: #111;

}

.proForm .top .des {

	color: #919191;

	line-height: 1;

	margin-top: 10px;

}

.proForm .bot .line {

	width: 47%;

}

.proForm .bot > .box {

	width: 47%;

	position: relative;

	margin-top: 20px;

	line-height: 1;

}

.proForm .bot > .box input {

	border: 1px solid #CCCCCC;

	display: block;

	width: 100%;

	padding: 13px 10px;

	box-sizing: border-box;

	line-height: 1;

	background: #FBFCFD;

}

.proForm .bot > .box label {

	position: absolute;

	top: 0;

	left: 0;

	line-height: 1;

	width: 100%;

	transition: 0.6s all ease;

	-moz-transition: 0.6s all ease;

	-webkit-transition: 0.6s all ease;

	-o-transition: 0.6s all ease;

	-ms-transition: 0.6s all ease;

	border: 1px solid transparent;

	padding: 15px 10px;

	color: #C6C6C6;

	font-size: 14px;

}

.proForm .bot > .box label span {

	color: #FD1E16;

}

.proForm .bot > .box input:focus + label, .proForm .bot > .box input.focusOn + label, .proForm .bot > .box textarea:focus + label, .proForm .bot > .box textarea.focusOn + label {

	display: none;

}

.proForm .bot .text {

	width: 100%;

}

.proForm .bot .text textarea {

	padding: 10px;

	width: 100%;

	border: 1px solid #CCCCCC;

	height: 150px;

	resize: none;

	background: #FBFCFD;

}

.proForm .bot .codeWrap {

	width: 100%;

	margin-top: 0;

}

.proForm .bot .codeWrap .code {

	margin-top: 20px;

	display: inline-block;

	position: relative;

}

.proForm .bot .codeWrap .code input {

	width: 150px;

	height: 44px;

	line-height: 44px;

	padding: 0 10px;

	display: inline-block;

	margin-right: 20px;

	box-sizing: border-box;

}

.proForm .bot .codeWrap .code img {

	vertical-align: middle;

	margin-right: 20px;

}

.proForm .bot .codeWrap .submit {

	margin-top: 20px;

	display: inline-block;

}

.proForm .bot .codeWrap .submit input {

	background: #9C7314;

	color: white;

	padding: 13px 0;

	width: 160px;

	transition: 0.6s all ease;

	-moz-transition: 0.6s all ease;

	-webkit-transition: 0.6s all ease;

	-o-transition: 0.6s all ease;

	-ms-transition: 0.6s all ease;

	border: 0;

	display: inline-block;

}

.proForm .bot .codeWrap .submit input:hover {

	background: #79246F;

	color: white;

}

 @media screen and (max-width: 600px) {

.proForm .bot .box {

	width: 100%;

}

.proForm .bot {

	padding: 0;

	border: 0;

	margin-top: 0;

}

}

@media screen and (max-width: 875px) {

.proForm {

	width: 100%;

}

}

.proRecommend {

	margin-top: 3.6%;

}

.proRecommend .title {

	color: #33474b;

	font-weight: bold;

	text-transform: capitalize;

	text-align: center;

}

.proRecommend .wrap {

	margin-top: 2%;

}

.proRecommend .line {

	width: 15.52%;

}

.proRecommend .box {

	width: 15.52%;

}

.proRecommend .box:hover .imgWrap {

	box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);

}

.proRecommend .box:hover .tit {

	color: #9c7314;

}

.proRecommend .imgWrap {

	display: block;

}

.proRecommend .tit {

	display: inline-block;

	color: #000;

	margin-top: 15px;

}

 @media screen and (max-width: 700px) {

.proRecommend .title {

	font-size: 20px;

}

.proRecommend .box {

	width: 31%;

	margin-bottom: 30px;

}

.proRecommend .line {

	width: 31%;

}

.proRecommend {

	margin-top: 30px;

}



}

@media screen and (max-width: 500px) {

.proRecommend .box {

	width: 47%;

	margin-top: 30px;

	margin-bottom: 0;

}

.proRecommend .tit {

	font-size: 14px;

}

}

.news .title {

	font-size: 24px;

	font-weight: bold;

	color: #111;

	line-height: 1;

	margin-bottom: 2.8%;

}

.news .line {

	width: 32.48%;

}

.news .box {

	width: 32.48%;

	margin-bottom: 3.6%;

}

.news .box:hover .shade {

	filter: alpha(opacity=100);

	opacity: 1;

}

.news .imgWrap {

	display: block;

	position: relative;

}

.news .shade {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	background: rgba(0, 0, 0, 0.66);

	filter: alpha(opacity=0);

	opacity: 0;

}

.news .shade:before {

	content: "";

	width: 14.03941%;

	height: 0;

	padding-top: 14.03941%;

	background: url(/static/en/img/plus.png);

	background-size: cover;

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	margin: auto;

}

.news .tit {

	display: inline-block;

	color: #111;

	margin-top: 6.15764%;

	font-size: 16px;

}

.news .date {

	display: block;

	margin-top: 10px;

	color: #9C7314;

}

 @media screen and (max-width: 600px) {

.news .tit {

	font-size: 14px;

}

.news .box {

	width: 47%;

}

}

.newsDetail .title {

	font-size: 26px;

	font-weight: bold;

	color: #111;

	line-height: 1;

	margin-bottom: 1.2%;

}

.newsDetail .date {

	font-size: 14px;

	color: #9C7314;

}

.newsDetail .textCont {

	padding-top: 35px;

	padding-bottom: 50px;

	position: relative;

}

.newsDetail .shareBox {

	margin-top: 10px;

}

.dan .title {

	font-size: 26px;

	font-weight: bold;

	color: #111;

	line-height: 1;

}

.dan .textCont {

	color: #5f6c6f;

	font-size: 14px;

	padding-top: 30px;

}

.dan .textCont a, .dan .textCont strong {

	color: #9c7314;

}

.contact {

	width: 71.83908%;

	padding-bottom: 3.44828%;

	margin: 0 auto;

}

.contact .title {

	font-size: 26px;

	font-weight: bold;

	color: #111;

	line-height: 1;

	margin-top: 10px;

}

.contact .tit {

	font-size: 30px;

	color: #9C7314;

	margin-top: 2%;

}

.contact .description {

	font-size: 16px;

	line-height: 24px;

	color: #5f6c6f;

	margin-top: 20px;

}

.contact .contactUs {

	margin-top: 10px;

}

.contact .contactUs .des {

	font-size: 16px;

	line-height: 24px;

	color: #5f6c6f;

}

.contact .msg {

	margin-top: 8px;

}

.contact .msg > li {

	font-size: 16px;

	color: #5f6c6f;

	margin-bottom: 10px;

	position: relative;

	padding-left: 50px;

}

.contact .msg > li span {

	font-weight: bold;

	display: block;

}

.contact .msg > li > a {

	color: #5f6c6f;

	display: inline-block;

	margin-right: 25px;

}

.contact .msg > li > a:hover {

	text-decoration: underline;

	color: #9c7314;

}

.contact .msg > li:before {

	content: "";

	width: 50px;

	height: 50px;

	line-height: 50px;

	position: absolute;

	left: 0;

	top: 50%;

	margin-top: -25px;

	font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif;

	font-size: 18px;

	color: #959697;

}

.contact .msg > li.tel:before {

	content: "\f095";font-family: 'FontAwesome';

	font-size: 26px

}

.contact .msg > li.eml:before {

	content: "\f0e0";font-family: 'FontAwesome';

}

.contact .msg > li.add:before {

	content: "\f124";font-family: 'FontAwesome';

	font-size: 26px;

}

.contact .msg > li.com {

	padding-left: 0;

}

.contact .msg .insideTit {

	color: #333;

	font-weight: bold;

	margin-right: 0;

	margin-bottom: 20px;

	display: block;

}

.contact .msg .add {

	display: block;

	margin-right: 0;

}

.contact .proForm {

	margin-top: 2.58621%;

}

.contact .proForm .top .tit {

	font-size: 30px;

	color: #9C7314;

	font-weight: normal;

	margin-top: 3.2%;

}

.contact .proForm .top .des {

	color: #5f6c6f;

	margin-top: 15px;

}

#mapWrap {

	margin-top: 3.44828%;

}

 @media screen and (max-width: 1200px) {

.contact {

	width: 100%;

}

.contact .tit, .contact .proForm .top .tit {

	font-size: 24px;

}

}

@media screen and (max-width: 875px) {

.contact {

	background: none;

	padding-bottom: 50px;

}

.contact .msg > li {

	font-size: 14px;

}

.contact .proForm {

	margin-top: 40px;

}

}

@media screen and (max-width: 600px) {

.contact .contactForm .proForm .bot {

	padding: 0;

	border: 0;

}

.contact .contactForm .proForm .bot > .box, .contact .contactForm .proForm .bot > .line {

	width: 100%;

}

.contact .contactForm .proForm .bot {

	background: none;

}

.contact .contactForm .proForm .bot > .box input, .contact .contactForm .proForm .bot .text textarea {

	background: #fff;

}

.proForm .bot .text textarea {

	height: 130px;

}

#mapWrap {

	margin-top: 40px;

}

.contact .proForm .bot .codeWrap .submit input {

	background: #9C7314;

}

}

.pageNum {

	max-width: 100%;

}

.pageNum a, .pageNum span {

	display: inline-block;

	vertical-align: top;

	margin-bottom: 5px;

	margin-right: 6px;

	line-height: 20px;

	padding: 5px 12px;

	background: #E5E5E5;

	color: #000;

}

.pageNum span.current, .pageNum a:hover {

	background: #9c7314;

	color: #fff;

}

.prenext {

	text-transform: capitalize;

	padding-top: 20px;

	color: #666;

	font-size: 14px;

	line-height: 1.5;

}

.prenext div {

	display: inline-block;

	padding-right: 3px;

	color: #000;

}

.prenext a {

	color: #9C7314;

	font-weight: bold;

}

.shareBox {

	margin-top: 30px;

}

#menuBtn {

	background: #9c7314;

}

#footerToolBar {

	background: #9c7314;

}

.iniBanner .item {

	display: none;

}

.iniBanner .item:first-child {

	display: block;

}

.slick-slider .slick-track .item {

	display: block;

}

#chatToolBox #chatToolMail {

	background: #9c7314;

}

 @media screen and (max-width: 875px) {

#footer {

	margin-bottom: 47px;

}

}

.enterTemplate {

	1float: left;

    margin-bottom: 50px;

    margin-right: 40px;

    padding: 0;

    position: relative;

    width: 40%;

}

.enterTemplate.toRight {

	1margin-left: auto;

	1margin-right: 10%;margin-left: auto;

    margin-right: 10%;

}

.enterTemplate .imgWrap img {

	width: 100%;

}

.enterTemplate .textLeft {

	width: 100%;

	max-width: 100%;

	position: absolute;

	bottom: 0;

	right: 100%;

	background: rgba(0, 0, 0, 0.5);

	padding: 36px;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	box-sizing: border-box;

	z-index: 99;

	margin-right: -30%;

	color: #fff;

	margin-bottom: -10%;

	text-align: left;  line-height: 30px;

}

.enterTemplate .textLeft a {

	color: #fff;

}

.enterTemplate .textLeft strong {

	color: #fff;

	display: block;

}

.enterTemplate .textRight {

	width: 100%;

	max-width: 100%;

	1position: absolute;

	bottom: 0;

	left: 100%;

	background: rgba(0, 0, 0, 0.5);

	padding: 36px;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	box-sizing: border-box;

	z-index: 99;

	1margin-left: -20%;

	color: #fff;

	margin-bottom: -10%;

	text-align: left;  line-height: 30px;

}

.enterTemplate .textRight strong {

	color: #fff;

	display: block;

}

.enterTemplate.otherStyle {

	font-size: 16px;

	width: 60%;

}

.enterTemplate.otherStyle .textLeft {

	max-width: 240px;

}

.enterTemplate.otherStyle .textRight {

	max-width: 240px;

}













.enterTemplate1 {

	1float: left;

    margin-bottom: 50px;

    margin-right: 40px;

    padding: 0;

    position: relative;

    width: 40%;

}

.enterTemplate1.toRight {

	1margin-left: auto;

	1margin-right: 10%;1margin-left: auto;

    1margin-right: 10%; margin:0 auto;

}

.enterTemplate1 .imgWrap img {

	width: 100%;

}

.enterTemplate1 .textLeft {

	width: 100%;

	max-width: 100%;

	1position: absolute;

	bottom: 0;

	right: 100%;

	background: rgba(0, 0, 0, 0.5);

	padding: 36px 36px 68px;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	box-sizing: border-box;

	z-index: 99;

	margin-right: -5%;

	color: #fff;

	margin-bottom: -10%;

	text-align: left;  line-height: 30px;

}

.enterTemplate1 .textLeft a {

	color: #fff;

}

.enterTemplate1 .textLeft strong {

	color: #fff;

	display: block;

}

.enterTemplate1 .textRight {

	width: 100%;

	max-width: 100%;

	1position: absolute;

	bottom: 0;

	left: 100%;

	background: rgba(0, 0, 0, 0.5);

	padding: 36px;

	-o-box-sizing: border-box;

	-ms-box-sizing: border-box;

	box-sizing: border-box;

	z-index: 99;

	1margin-left: -20%;

	color: #fff;

	margin-bottom: -10%;

	text-align: left;  line-height: 30px;

}

.enterTemplate1 .textRight strong {

	color: #fff;

	display: block;

}

.enterTemplate1.otherStyle {

	font-size: 16px;

	width: 60%;

}

.enterTemplate1.otherStyle .textLeft {

	max-width: 240px;

}

.enterTemplate1.otherStyle .textRight {

	max-width: 240px;

}

@media screen and (max-width: 1400px) {

.enterTemplate.otherStyle .textLeft {

	max-width: 180px;

	padding: 15px;

}

.enterTemplate.otherStyle .textRight {

	max-width: 180px;

	padding: 15px;

}

.enterTemplate.otherStyle {

	font-size: 14px;

}

.enterTemplate1.otherStyle .textLeft {

	max-width: 180px;

	padding: 15px;

}

.enterTemplate1.otherStyle .textRight {

	max-width: 180px;

	padding: 15px;

}

.enterTemplate1.otherStyle {

	font-size: 14px;

}

.webbanner {

    display: block;

}

.banner-wrap {

    display: none;

}

}

@media screen and (max-width: 875px) {

.enterTemplate {

	width: 100%;

	margin-left: 0;

	margin-right: 0;

	margin-bottom: 0;

}





.enterTemplate.otherStyle {

	width: 100%;

}

.enterTemplate .textRight {

	width: 100%;

	position: static;

	margin-left: 0;

	margin-bottom: 0;

}

.enterTemplate .textLeft {

	width: 100%;

	position: static;

	margin-right: 0;

	margin-bottom: 0;

}

.enterTemplate.otherStyle {

	font-size: 14px;

}

.enterTemplate.otherStyle .textLeft {

	max-width: none;

}

.enterTemplate.otherStyle .textRight {

	max-width: none;

}





.enterTemplate1 {

	width: 100%;

	margin-left: 0;

	margin-right: 0;

	margin-bottom: 0;

}





.enterTemplate1.otherStyle {

	width: 100%;

}

.enterTemplate1 .textRight {

	width: 100%;

	position: static;

	margin-left: 0;

	margin-bottom: 0;

}

.enterTemplate1 .textLeft {

	width: 100%;

	position: static;

	margin-right: 0;

	margin-bottom: 0;

}

.enterTemplate1.otherStyle {

	font-size: 14px;

}

.enterTemplate1.otherStyle .textLeft {

	max-width: none;

}

.enterTemplate1.otherStyle .textRight {

	max-width: none;

}

}

.newProList .title {

	font-size: 26px;

	font-weight: bold;

	color: #111;

	line-height: 1;

	margin-bottom: 2.8%;

}

.newProList .wrap {

	margin-top: 3.5%;

}

.newProList .box {

	width: 23%;

	text-align: center;

	margin-bottom: 2.4%;

}

.newProList .box:hover .imgWrap {

	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);

}

.newProList .box:hover .tit {

	color: #9c7314;

}

.newProList .line {

	width: 23%;

}

.newProList .imgWrap {

	display: block;

	position: relative;

	padding-top: 100%;

	overflow: hidden;

}

.newProList .imgWrap img {

	display: block;

	width: 100%;

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	margin: auto;

}

.newProList .tit {

	display: inline-block;

	font-size: 16px;

	color: #333;

	margin-top: 10px;

}

 @media screen and (max-width: 875px) {

.newProList .box {

	width: 31%;

}#main{ padding-top:0;}

}

@media screen and (max-width: 600px) {

.newProList .box {

	width: 47%;

}

}

@media screen and (max-width: 450px) {

.newProList .box {

	width: 100%;

	margin-bottom: 30px;

	border-bottom: 1px solid #ccc;

	padding-bottom: 10px;

}





}



.proPDF {

	display: inline-block;

	vertical-align: bottom;

	margin-left: 20px;

}

.proPDF li {

	display: inline-block;

	position: relative;

}

.proPDF li span {

	font-size: 12px;

	width: 150px;

	position: absolute;

	line-height: 1.1;

	bottom: 100%;

	left: 0;

	background: #E1E1E1;

	box-shadow: 0 0 5px rgba(255, 255, 255, 0.3);

	margin-bottom: 10px;

	padding: 10px;

	border-radius: 5px;

	color: #000;

	display: none;

}

.proPDF li span:before {

	content: "";

	border-top: 6px solid #E1E1E1;

	border-bottom: 6px solid transparent;

	border-left: 6px solid transparent;

	border-right: 6px solid transparent;

	position: absolute;

	left: 20px;

	top: 100%;

}

.videoPDF {

	margin-top: 7.28477%;

}