/* 网站头部 ==> header */

.header {
	position: fixed;
	z-index: 98;
	top: 0;
	left: 0;
	height: 98px;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .08);
}

.header .wrap {
	/* width: 1150px; padding: 0 25px;*/
}

.header.active {
	background-color: #fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .08);
}

.header.active .wrap {
	box-shadow: none;
}

.header-logo {
	float: left;
	line-height: 0;
	margin: 12px 10px;
}

.header-navs {
	float: left;
	height: 48px;
	padding: 25px 9px;
}

.header-menu {
	float: left;
	height: 100%;
	margin: 0 5px;
	position: relative;
}


.header-menu>a {
	display: block;
	height: 100%;
	color: #008ed0;
	padding: 0 12px;
	font-size: 15px;
	line-height: 50px;
	border-radius: 15px;
}

.header-menu>a:hover {
	color: #004c6a;
}

.header-submenu {
	position: absolute;
	padding: 12px 20px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.08);
	transition: 0.35s ease-in-out;
	transform: translateY(24px);
	visibility: hidden;
	opacity: 0;
}

.header-submenu>a {
	display: block;
	color: #666;
	font-size: 13px;
	line-height: 32px;
	white-space: nowrap;
	transition: 0.35s ease-in-out;
	border-bottom: 1px dashed #dadada;
}

.header-submenu>a:hover {
	color: #004c6a;
	margin: 0 -20px;
	padding: 0 20px;
	background-color: #f5f5f6;
}

.header-menu:hover .header-submenu {
	transform: translateY(0);
	visibility: visible;
	opacity: 1;
}

.header-look {
	float: left;
	width: 290px;
	height: 30px;
	margin: 33px 0;
	margin-left: 12px;
	border-radius: 16px;
	
}
.header-look p{
	font-size: 16px;
	color: #000000;
}
.header-look h1{
	font-size: 20px;
	color: red;
}


.header-look .icon {
	width: 18px;
	height: 18px;
	background-position: -330px 0;
}

.header-look button:hover {
	opacity: 0.8;
}

.common-page a,
.common-page span {
	display: block;
	float: left;
	font-size: 16px;
	color: #004c6a;
	height: 36px;
	padding-left: 20px;
	padding-right: 20px;
	border: 1px solid #004c6a;
	text-align: center;
	line-height: 34px;
	margin-right: 10px;
	cursor: pointer;
}

.common-page {
	margin-top: 20px;
}

.common-page span:nth-child(1) {
	display: none;
}

.common-page span:nth-child(2) {
	display: none;
}

.common-page span:last-child {
	display: none;
}

.pagenation a:hover,
.pagenation a.active,
.pagenation span {
	background: #004c6a;
	color: #fff;
	border-color: #004c6a;
}

/* 网站底部 ==> footer */

.footer {
	width: 100%;
	height: 330px;
	padding-top: 69px;
	padding-bottom: 130px;
	border-top: 7px solid #004c6c;
	background: #030d1f url(../images/bg_footer_1.jpg) no-repeat center bottom;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.footer .wrap {
	padding: 0;
}

.footer .col-3 {
	width: auto;
}

.ft-link {
	min-width: 80px;
	margin-right: 40px;
}

.ft-link h3 {
	color: #fff;
	font-size: 18px;
	line-height: 32px;
	margin-bottom: 10px;
}

.ft-link a {
	display: block;
	color: #fff;
	font-size: 14px;
	line-height: 24px;
	transition: 0.1s ease-in-out;
}

.ft-link a:hover {
	color: #ee1d23;
}

.ft-ways {
	padding-top: 42px;
	margin-right: 40px;
}

.ft-ways p {
	color: #fff;
	font-size: 14px;
	line-height: 24px;
	opacity: 0.8;
}

.ft-ways strong {
	font-size: 20px;
}

.ft-ways p:first-child {
	margin-bottom: 12px;
}

.ft-code {
	width: 355px;
	margin-top: 42px;
	padding: 12px 17px;
}

.ft-code a {
	width: 116px;
	color: #fff;
	line-height: 1;
	text-align: center;
	margin-right: 16px;
	display: inline-block;
	vertical-align: top;
}

.ft-code img {
	margin-bottom: 11px;
}

.ft-cpyt {
	padding: 6px 0;
	max-width: 300px;
}

.ft-cpyt p {
	color: #fff;
	font-size: 12px;
	line-height: 2;
}

.ft-cpyt a {
	color: #fff;
}

.ft-cpyt a:hover {
	color: #ee1d23;
}

.ft-adorn {
	position: absolute;
	bottom: 95px;
	left: 50%;
	width: 290px;
	height: 388px;
	margin-left: 472px;
	background: url(../images/ft_cartoon_1.png) no-repeat center;
}



/* 首页内容 ==> ititle */

.hm-more {
	text-align: center;
	margin-top: 76px;
}

.hm-title {
	text-align: center;
}

.hm-title .en {
	display: block;
	color: #004c6a;
	font-size: 29px;
	line-height: 40px;
	text-transform: uppercase;
}

.hm-title .cn {
	display: block;
	color: #212121;
	font-size: 28px;
	line-height: 48px;
}

.hm-title .cn:after,
.hm-title .cn:before {
	content: "";
	width: 62px;
	height: 1px;
	margin: 0 8px;
	display: inline-block;
	vertical-align: middle;
	background-color: #9c9c9c;
}



/* 首页内容 ==> banner */

.hm-panel {
	padding-bottom: 95px;
	position: relative;
	z-index: 2;
}

.hm-panel+.footer {
	margin-top: -95px;
	padding-top: 164px;
	padding-bottom: 92px;
	border-top: none;
}

.hm-panel+.footer .ft-adorn {
	bottom: 56px;
}

.hm-slide {
	height: 768px;
	position: relative;
}



/* 首页产品 ==> pduct */

.hm-pduct {
	padding-top: 40px;
	padding-bottom: 92px;
}

.hm-pduct .row {
	margin: 25px -12px 0;
}

.hm-pduct .col-6 {
	width: 588px;
	margin: 24px 12px 0;
}

.hm-pduct .col-4 {
	width: 384px;
	margin: 24px 12px 0;
}

.hm-pduct-item {
	display: block;
	position: relative;
}

.hm-pduct-item:after {
	content: "";
	position: absolute;
	z-index: 2;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 93px;
	opacity: 0;
	visibility: hidden;
	border: 1px solid #fff;
	transform: scale(0.8);
	transition: 0.3s ease-in-out;
}

.hm-pduct-item .thumb {
	z-index: 1;
	height: 310px;
	overflow: hidden;
	position: relative;
	background-color: #f5f5f6;
}

.hm-pduct-item .thumb img {
	width: 100%;
	transition: 0.3s ease-in-out;
}

.hm-pduct-item .thumb:after,
.hm-pduct-item .thumb:before {
	content: "";
	position: absolute;
	z-index: 2;
	top: 82px;
	left: 50%;
	opacity: 0;
	visibility: hidden;
	background-color: #fff;
	transition: 0.3s ease-in-out;
}

.hm-pduct-item .thumb:after {
	width: 64px;
	height: 1px;
	margin-top: 31px;
	margin-left: -32px;
	transform: scaleX(0.8);
}

.hm-pduct-item .thumb:before {
	width: 1px;
	height: 64px;
	transform: scaleY(0.8);
}

.hm-pduct-item .words {
	position: absolute;
	z-index: 3;
	left: 0;
	right: 0;
	bottom: 0;
	height: 46px;
	padding: 16px 24px;
	transition: 0.3s ease-in-out;
}

.hm-pduct-item .words h4 {
	color: #fff;
	font-size: 25px;
	font-weight: bold;
	line-height: 30px;
}

.hm-pduct-item .words p {
	color: #fff;
	font-size: 14px;
	line-height: 16px;
	text-transform: capitalize;
}

.hm-pduct-item:hover:after {
	opacity: 0.7;
	visibility: visible;
	transform: scale(1);
}

.hm-pduct-item:hover .thumb img {
	transform: scale(1.02);
	opacity: 0.8;
}

.hm-pduct-item:hover .thumb:after {
	opacity: 0.7;
	visibility: visible;
	transform: scaleX(1);
}

.hm-pduct-item:hover .thumb:before {
	opacity: 0.7;
	visibility: visible;
	transform: scaleY(1);
}

.hm-pduct-item:hover .words {
	background-color: #1a5b75;
}



/* 首页内容 ==> about */

.hm-about {
	width: 100%;
	height: 560px;
	padding: 60px 0;
	background: url(../images/bg_about_1.jpg) no-repeat center top;
}

.hm-about .row {
	height: auto;
	overflow: visible;
}

.hm-about .col-4 {
	width: 376px;
	margin-left: 28px;
	padding-top: 147px;
}

.hm-about .col-8 {
	width: 796px;
}

.hm-about-text {
	padding: 60px;
	border-radius: 3px;
	background-color: #fff;
	box-shadow: 0 4px 9px rgba(0, 0, 0, .17);
}

.hm-about-text .hm-text {
	color: #666;
	font-size: 14px;
	line-height: 24px;
	text-indent: 2em;
	text-align: justify;
	margin-top: 24px;
}

.hm-about-text .hm-more {
	margin-top: 48px;
	padding-top: 54px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAqCAYAAACtMEtjAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+nhxg7wAAAx5JREFUWIWdWL+LE0EUfvuyt5BYBJc0CZwQEjlSrylS6NX+C/Y2NoaIYH29EJFD8b9Q7CwUrvRHFUglIQaWkGyCoB4pdmcsbmfv7eyb2dUHj9l7M/u+9715+2ZyzmQyAYs4tklNpG3S/QcAziaZeRYQKzh0NJv+zK0viIkR51AfVeQSStgAFBnZUlY2Wv2U7ZEDvEPTflGmlYA4EFMFVkodB+RoqtsogEkKc1zV6Y5RaRAEZ8PhMAqC4IzaDYEYgUwsMoeI+BgAbiDiIwMQ56eUUQEsSZKXAHCZJMlrCwjvkLQg6jTHhHEqUxWMSjJme1Vlj/T9oiOnrFQpb5OjyiAcI1tZ62y4ajOC2joDfRm73e6x7/tTRLwjhPiy3+/Hi8XiB1zvQ+Xy5sCyqH3ff4GIp3BV3qe+758zbI1S+ZhAxCD3IuIQ7GnLMcSSRZkKIb5SICHEZ+Y9U7DW1OUYRVH0RAhxAQCXQoiLKIrGXEAcCEB5U832aLlchsvl8gFxJNJ59YFaO4QOZCrnWqp00+nRoAOq+eyMcg1RULCaptSBAlLKdQxJGXGtRgdxNSBBnunfmD6Xpo5rqjVE9Pr9/l3P806klL93u92n9Xq9IiDc2VRgpEuOVbvdvtXpdF4h4ola0Gg0nrVarelsNnuTMk0YsExMB1+WQtd1jzqdzjkFSeWoXq8/HQwG9w1scmLqDJn2er17iDgwMIdGo/HQApDZaWdgxfO826Y5AICUqQngel06Gm80Uso/NiAp5S/mfanbuNTRcpX7/f4jAMQmoDiOP0D+Wyq95OuLJQAkYRiuDofDcwObMAzDKVxVHL0z0Hu5BABZG41G3Meas202m2/NZvO767rHjuPclFL+jOP47Wq1Gm+323XKONEAc6D0O6IpSzQwOZ/P3wHAe8i3niQFUaqACml0yUtqVK1EgQGJkFYTDYqCUDaZuMA3SNqrOJbUruboSAPPMeJYUTt3L6Dp4S6RBUa6qAZJb51so2TAuDLPFQP9EeUwzkEbabSc49LUcU50EGDmC46hJHXUsQ2QdWazm84j6z8n/mMd/AW9Fjo9YYmAFAAAAABJRU5ErkJggg==) no-repeat center top;
}

.hm-about-text .hm-title {
	padding-bottom: 8px;
}

.hm-about-imge {
	display: block;
	line-height: 0;
	margin-top: 12px;
	overflow: hidden;
}

.hm-about-imge img {
	width: 100%;
	transition: 0.25s ease-in-out;
}

.hm-about-imge img:hover {
	transform: scale(1.15);
}

.video-panel {
	position: relative;
	margin-top: 12px;
}

.video-post {
	display: block;
	line-height: 1;
	overflow: hidden;
	background-color: #000;
}

.video-post img {
	width: 100%;
	opacity: 0.9;
	transition: 0.3s ease-in-out;
}

.video-ibtn {
	position: absolute;
	z-index: 3;
	left: 50%;
	bottom: 50%;
	width: 72px;
	height: 72px;
	cursor: pointer;
	border-radius: 50%;
	margin: 0 0 -36px -36px;
	background-color: #404040;
	transition: 0.3s ease-in-out;
	filter: alpha(opacity=72);
	opacity: 0.72;
}

.video-ibtn:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -11px;
	margin-left: -6px;
	border-style: solid;
	border-color: transparent #fff;
	border-width: 11px 0 11px 20px;
}

.video-panel:hover img {
	opacity: 0.7;
	transform: scale(1.05);
}

.video-panel:hover .video-ibtn {
	opacity: 0.9;
}

.media {
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	filter: alpha(opacity=0);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

.media-show {
	filter: alpha(opacity=100);
	opacity: 1;
	visibility: visible;
}

.media-show .media-mask {
	filter: alpha(opacity=60);
	opacity: 0.6;
	visibility: visible;
}

.media-mask {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	filter: alpha(opacity=0);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

.media-card {
	width: 720px;
	padding: 25px;
	line-height: 1;
	text-align: left;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	background-color: #fff;
	position: relative;
	z-index: 2;
}

.media-close {
	position: absolute;
	z-index: 2;
	right: 0;
	bottom: 100%;
	width: 32px;
	height: 32px;
	cursor: pointer;
	padding-bottom: 20px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADo0lEQVRYR8WXW6hVdRDGfx/dsCcrS0tQozTIgqK8gxhd1YR6CVJQKiWionrIygwS1DAfUiyoLKkgexKFLmqGRkVkF7opdNNCzNA0Cykto4nvMOuwz3bvtdbuHGxeDpw9/5lvzfUbUVMi4lRgMnATMBwYAJwF/AMcAPYDXwFrgNckHaljWlVKEXEmsBiYAfQD9gHvAduAL4E/AOucA4xLkEeBl4F5kn4u89EWQEScCDwAPJRfuALYIMmO20pEnA7MBO4DzgAeA5ZI+rvVo5YAIuI0hxE4D3gUeF6Sv6q2RMRJwK3AAmAHcL2kg80GjgEQEc7vm6l4haQfanttoRgRrhN/jNN0jaRvG9V6AIgIF9ZngJFeKcn57rVExMlZE2OBSyW5YLukG0BEuMBcXAYxWtLeXntuMBARpwAfAX8CEyUdbgbwODAHuFySc9bnEhFDgM+BlZLmdgOIiMHAd8CDkpb3ueeekbg3O2O4pN1dKYiIldm/53Za7Z2Cze7YCWyUNFtZIL8CcyU92c5gRNwOnO+50K6nc3Y4lV9IeqHE1l2A9fobwBTgdU8yST+VPLLBWal7QzOIdL4OmAq8Iml6iS1PzR+tawBPA5dJGlUWzuySt4DxCeLGIl0Z1rXp/H3gqqLKS0B8DHxiAG97rktyWEolQbwBTAI2pUO/cQSvBmxrSpXzrLungJEG8A3woqRFVQDyoft5Q4Lw3xManF8nyX1eKREx3zvDAH4H7pa0qvJVKuRQeTUd+7+OxrS6zvNDbgOWG8Ah4J7/CcAyA/BycAoW1olAfn2RgvWA13aR/05S8EiRgneA7ZLuqALQx0Xo7ruwaENvqDHHuQ0/BD7tZBCtBm6uOYhekuSh1VIi4mxgTzGIvKu9/z2K3ZvtHt3ivs2F1ZJeNYziryU9U2LrTmBp1yjOlnjW0wu44Dgto++B9ZLmFAAGAqZeXjTLqoqxN79HhMmqWfZQM65GRuTtNBu4RNKu3jgpCb1JrlnRcz0ISabBlOyDpGmjOplqdcBGhKPsyv8NGHMMJUsQgxLhVmC6pL/qGK/SSWa82UWXm7ebb7ai5SNcINkZk6sumxrOhwFbUu9aSV5+3VJ2mBjE0DxMVnXaHU2HiWvKzqsPkwJaUrX7gYcB33dPAB4wv1RMzIuSX5pf+Bjxml/aLp11jlMXjxeVj1OfWxuBd/NI9eHiq9lOLwYm5MVszu/jdH7VfVEJoCEi7hLzx+bzPPI0/0/n+b94K7D88zGQkwAAAABJRU5ErkJggg==) no-repeat center top;
}

.media-close:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 2px;
	height: 20px;
	margin-left: -1px;
	background-color: #fff;
}

.media-video {
	display: block;
	width: 100%;
	max-height: 600px;
}

.media-title {
	font-size: 16px;
	line-height: 24px;
	margin-top: 15px;
}



/* 首页内容 ==> product */

.hm-field {
	width: 100%;
	height: 446px;
	overflow: hidden;
	position: relative;
	padding: 96px 0;
	background: #004c6a;
}

.hm-field:before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: 50%;
	width: 1920px;
	height: 100%;
	margin-left: -960px;
	background: url(../images/bg_field_1.jpg) no-repeat 0 0;
}

.hm-field .wrap {
	position: relative;
	z-index: 2;
}

.hm-field-text h3 {
	color: #fff;
	font-size: 32px;
	line-height: 60px;
	padding-bottom: 8px;
	vertical-align: top;
	margin-bottom: 30px;
	display: inline-block;
	border-bottom: 2px solid #fff;
}

.hm-field-text p {
	color: #fff;
	font-size: 14px;
	line-height: 24px;
}

.hm-field-text .ibtn {
	color: #fff;
	margin-top: 150px;
	border-color: #fff;
}

.hm-field-text .ibtn:hover {
	color: #fff;
	border-color: #004c6a;
	background-color: #004c6a;
}

.hm-field-list {
	margin-left: 64px;
}

.hm-field-list a {
	display: block;
	line-height: 0;
	overflow: hidden;
}

.hm-field-list li {
	float: left;
	width: 350px;
	height: 210px;
	margin-right: 18px;
	margin-bottom: 21px;
}

.hm-field-list img {
	width: 100%;
	transition: 0.2s ease-in-out;
}

.hm-field-list a:hover img {
	opacity: 0.8;
	transform: scale(1.15);
}



/* 首页内容 ==> news */

.hm-news {
	width: 100%;
	overflow: hidden;
	padding: 62px 0 144px;
	background-color: #f2f2f2;
}

.hm-news-roll {
	width: 1200px;
	padding: 0;
	height: 528px;
	padding-bottom: 76px;
}

.hm-news-item {
	height: 456px;
	padding: 24px 22px;
	border-top: 9px solid transparent;
	transition: 0.35s ease-in-out;
}

.hm-news-item .thumb {
	display: block;
	width: 352px;
	height: 235px;
	overflow: hidden;
	margin-top: 50px;
}

.hm-news-item .thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.35s ease-in-out;
}

.hm-news-item .issus {
	height: 28px;
	line-height: 28px;
}

.hm-news-item .title {
	height: 48px;
	font-size: 18px;
	line-height: 24px;
	margin-top: 36px;
}

.hm-news-item .title a {
	color: #333;
}

.hm-news-item .sort1 {
	float: left;
	color: #fff;
	margin: 3px 0;
	padding: 0 6px;
	font-size: 14px;
	line-height: 22px;
	background-color: #044f6c;
}

.hm-news-item .sort2 {
	float: left;
	color: #666;
	font-size: 14px;
	line-height: 28px;
}

.hm-news-item .time {
	float: right;
	color: #666;
	font-size: 12px;
	line-height: 28px;
}

.hm-news-item .more {
	display: none;
	float: right;
	color: #666;
	font-size: 14px;
	line-height: 28px;
}

.hm-news-item:hover {
	background-color: #fff;
	border-color: #0d5572;
}

.hm-news-item:hover .title a {
	color: #0d5572;
}

.hm-news-item:hover .thumb img {
	transform: scale(1.05);
}

.hm-news-item:hover .time {
	display: none;
}

.hm-news-item:hover .more {
	display: block;
}

.active .hm-news-item {
	background-color: #fff;
	border-color: #0d5572;
}

.active .hm-news-item .title a {
	color: #0d5572;
}

.active .hm-news-item .thumb img {
	transform: scale(1.05);
}

.active .hm-news-item .time {
	display: none;
}

.active .hm-news-item .more {
	display: block;
}

.hm-news .iRoll {
	margin-top: 80px;
}

.hm-news .iRoll-item {
	width: 396px;
	margin-right: 6px;
}

.hm-news .iRoll-view {
	padding: 10px 0;
}

.hm-news .iRoll-btns.prev {
	left: 50%;
	margin-left: -50px;
	background-position: -100px 0;
}

.hm-news .iRoll-btns.next {
	right: 50%;
	margin-right: -50px;
	background-position: -151px 0;
}



/* 首页内容 ==> serve */

.hm-serve {
	height: 190px;
	margin: -95px 0;
	position: relative;
	z-index: 3;
}

.hm-serve ul {
	height: 175px;
	padding: 0;
	background-color: #fff;
	border-bottom: 15px solid #115874;
	box-shadow: 0 0 2px rgba(0, 0, 0, .1);
}

.hm-serve li {
	text-align: center;
	padding: 22px 102px;
	box-sizing: border-box;
}

.hm-serve .icon {
	display: block;
	width: 36px;
	height: 36px;
	margin: 2px auto 5px;
}

.hm-serve .tit {
	color: #333;
	font-size: 22px;
	line-height: 48px;
}

.hm-serve .icon1 {
	background-position: -202px 0;
}

.hm-serve .icon2 {
	background-position: -243px 0;
}

.hm-serve .icon3 {
	background-position: -284px 0;
}

.hm-serve .dsc {
	color: #666;
	font-size: 14px;
	line-height: 20px;
}

.hm-serve li:first-child .ico {
	background-position: left center;
}

.hm-serve li:first-child+li .ico {
	background-position: center center;
}



/*

 * 网站内页

 * 公用样式 新闻样式 关于我们

 */



/* 网站内页 ==> common */

.content {
	width: 100%;
	min-width: 1230px;
	padding: 0 0 84px;
	background: #fff url(../images/jb_1.jpg) repeat-x center top;
	position: relative;
	overflow: hidden;
}

.ibanner {
	height: 450px;
	position: relative;
	z-index: 1;
}

.mainnav {
	height: 63px;
	background-color: #fff;
	border-bottom: 2px solid #eee;
}

.navigate {
	height: 60px;
	line-height: 52px;
}

.navigate li {
	float: left;
	padding: 0 20px;
}

.navigate li>a {
	display: block;
	height: 40px;
	color: #333;
	font-size: 16px;
	line-height: 44px;
	text-align: center;
	padding: 10px 0;
	transition: 0.2s ease-in-out;
	border-bottom: 5px solid transparent;
}

.navigate a:hover,
.navigate .hover a {
	color: #004c6a;
	border-color: #004c6a;
}

.navigate-view {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.navigate-scroll {
	height: 63px;
	width: 100%;
	padding: 0 32px 2px;
	position: relative;
}

.navigate-scroll .btns {
	position: absolute;
	opacity: 0.7;
	z-index: 3;
	top: 10px;
	width: 20px;
	bottom: 10px;
}

.navigate-scroll .btns-prev {
	left: 0;
	background-position: -82px -48px;
}

.navigate-scroll .btns-next {
	right: 0;
	background-position: -106px -48px;
}

.navigate-scroll:hover .btns {
	opacity: 1;
}


/*.navigate { height: 60px; line-height: 52px; }

.navigate li { float: left; margin: 0 22px; border-bottom: 5px solid transparent; }

.navigate li > a { display: block; height: 40px; color: #333; font-size: 14px; line-height: 44px; text-align: center; padding: 10px 0; transition: 0.2s ease-in-out; }

.navigate li:hover, .navigate li.hover { border-color: #004c6a; }

.navigate li:hover a, .navigate li.hover a { color: #004c6a; }
*/
.pagination {
	width: 1200px;
	text-align: center;
	margin-top: 54px;
	padding-top: 36px;
	border-top: 2px solid #e6e6e6;
}

.pagination li {
	float: left;
	width: 40px;
	height: 40px;
	color: #666666;
	font-size: 18px;
	line-height: 40px;
	margin-right: 10px;
}

.pagination li:first-child {
	float: right;
	margin: 0;
	width: auto;
}

.pagination a {
	display: block;
	width: 100%;
	height: 100%;
	color: #666666;
	font-size: 18px;
	line-height: 38px;
	border-radius: 4px;
	box-sizing: border-box;
	border: 1px solid #cacaca;
	background-color: #ffffff;
	transition: 0.3s ease-in-out;
}

.pagination span {
	font-size: 14px;
	margin-left: 12px;
}

.pagination .cur a,
.pagination a:hover {
	color: #fff;
	border-color: #004c6a;
	background-color: #004c6a;
}

.breadcrumb {
	height: 33px;
	padding: 15px 0;
	line-height: 32px;
}

.breadcrumb li {
	float: left;
	height: 100%;
	color: #666666;
	font-size: 14px;
	max-width: 300px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.breadcrumb li a {
	display: block;
	color: #666666;
}

.breadcrumb li a:hover {
	color: #004c6a;
}

.breadcrumb li+li a {
	margin-left: 28px;
}

.breadcrumb li+li:before {
	float: left;
	content: ">";
	color: #666666;
	height: 100%;
	margin: 0 10px;
	font-size: 14px;
	line-height: 34px;
	font-weight: bold;
	font-family: Simsun;
}

.mainnav.active {
	position: fixed;
	z-index: 97;
	top: 98px;
	left: 0;
	width: 100%;
}



/* 网站内页 ==> about us */

.about {
	min-height: 566px;
	padding: 10px 0 60px;
	overflow: hidden;
	position: relative;
	background: #f7f7f7;
}

.about:after {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 50%;
	height: 100%;
}

.about .wrap {
	position: relative;
	z-index: 2;
}

.about .ibtn {
	margin-top: 24px;
}

.about-title .en {
	display: block;
	color: #004c6a;
	font-size: 29px;
	line-height: 36px;
	text-transform: uppercase;
}

.about-title .cn {
	display: block;
	color: #212121;
	font-size: 28px;
	line-height: 44px;
}

.about-words {
	margin-top: 18px;
}

.about-words p {
	color: #4b4b4b;
	font-size: 14px;
	line-height: 24px;
	text-align: justify;
	margin-top: 6px;
}

.about-word {
	height: 352px;
	overflow: hidden;
}

.about-words.en p {
	line-height: 22px;
}

.about-image {
	position: relative;
	width: 544px;
	height: 362px;
	padding: 124px 0 0 56px;
	line-height: 0;
}

.about-image:after {
	content: "";
	position: absolute;
	top: 92px;
	left: 30px;
	width: 629px;
	height: 393px;
	background: url(../images/bg_about_i_1.png) no-repeat left top;
}

.about-image img {
	float: right;
	background-color: #e4e4e4;
}

.about-image .item1 {
	width: 232px;
	height: 232px;
	margin-top: 48px;
	border-radius: 50%;
}

.about-image .item2 {
	width: 362px;
	height: 362px;
	border-radius: 50%;
	margin-right: -52px;
}


/* 网站内页 ==> about history */

.history {
	height: 595px;
	padding-top: 45px;
	padding-bottom: 88px;
	background: url(../images/bg_history_1.jpg) no-repeat center top;
	position: relative;
}

.history:after {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAUCAYAAADPym6aAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEM0MxQUZFQTY1OTExMUU5ODkyNkNBNkVEN0U5N0E3MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEM0MxQUZFQjY1OTExMUU5ODkyNkNBNkVEN0U5N0E3MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQzQzFBRkU4NjU5MTExRTk4OTI2Q0E2RUQ3RTk3QTczIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQzQzFBRkU5NjU5MTExRTk4OTI2Q0E2RUQ3RTk3QTczIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Bl+iDwAAAEpJREFUeNrs1zsRACAMBNEL+sAImIgJlCCQj4uQ2a3TvJlrYqpdP7fXlLXhRUkCAgQIECChIR78jmkBAQIECBAgL7uvrmeAHAEGACyXB5NnmpiXAAAAAElFTkSuQmCC);
}

.history:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 88px;
	height: 22px;
	background-repeat: repeat-x;
	background-position: left bottom;
}

.history .time {
	color: #004c6a;
	font-size: 38px;
	line-height: 57px;
}

.history .text {
	color: #4b4b4b;
	font-size: 14px;
	line-height: 1.5;
}

.history .imge {
	width: 187px;
	height: 118px;
	margin-top: 12px;
	overflow: hidden;
}

.history .imge img {
	width: 100%;
	transition: 0.25s ease-in-out;
}

.history .iRoll {
	width: auto;
	height: 438px;
	max-width: 1370px;
	margin-top: 0;
	padding: 0;
	padding-top: 68px;
	position: relative;
}

.history .iRoll-view {
	width: 1200px;
	height: 100%;
	padding: 0;
	margin: 0 auto;
}

.history .iRoll-item {
	margin: 0;
	position: relative;
	overflow: visible;
}

.history .iRoll-list {
	height: 438px;
}

.history .iRoll-btns {
	width: 45px;
	height: 45px;
	top: auto;
	bottom: 240px;
}

.history .iRoll-btns.prev {
	left: 0;
	background-position: 0 0;
}

.history .iRoll-btns.next {
	right: 0;
	background-position: -50px 0;
}

.history .course {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 256px;
	padding: 0 22px 80px;
}

.history .course:after {
	content: "";
	position: absolute;
	top: 30px;
	left: 4px;
	bottom: 0;
	width: 1px;
	background-color: #004c6a;
}

.history .course:before {
	content: "";
	position: absolute;
	left: 0;
	top: 28px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background-color: #004c6a;
}

.history .select .time {
	color: #ff0808;
}

.history .item1 .course {
	padding-bottom: 210px;
}

.history .item2 .course {
	padding-bottom: 60px;
}

.history .item3 .course {
	padding-bottom: 108px;
}

.history .item4 .course {
	padding-bottom: 175px;
}

.history .item5 .course {
	padding-bottom: 100px;
}

.history .item6 .course {
	padding-bottom: 145px;
}

.history .item7 .course {
	padding-bottom: 95px;
}

.history .item8 .course {
	padding-bottom: 135px;
}

.history .item9 .course {
	padding-bottom: 80px;
}

.history .item10 .course {
	padding-bottom: 180px;
}

.history .select .course:after {
	background-color: #ff0808;
}

.history .select .course:before {
	background-color: #ff0808;
}



/* 网站内页 ==> about honor */

.honor {
	padding: 57px 0;
	background-color: #e8e9ed;
}

.honor .iRoll {
	margin-top: 0;
	height: 552px;
	padding-top: 24px;
	padding-bottom: 40px;
}

.honor .iRoll-view {
	width: 1200px;
	height: 522px;
	padding: 15px 10px;
}

.honor .iRoll-item {
	width: 376px;
	margin-left: 0;
	margin-right: 36px;
}

.honor .iRoll-item a {
	display: block;
	height: 100%;
	overflow: hidden;
	transition: 0.25s ease-in-out;
}

.honor .iRoll-item img {
	width: 100%;
}

.honor .iRoll-item:hover a {
	transform: translateY(-10px);
}

.honor .iRoll-spot {
	position: absolute;
	z-index: 4;
	left: 0;
	width: 100%;
	bottom: 0;
	height: 8px;
	text-align: center;
}

.honor .iRoll-spot li {
	width: 10px;
	height: 10px;
	margin: 0 4px;
	cursor: pointer;
	font-size: 0;
	color: transparent;
	border-radius: 6px;
	background-color: #fff;
	display: inline-block;
	vertical-align: top;
	transition: 0.35s ease-in-out;
}

.honor .iRoll-spot li.on {
	width: 30px;
	background-color: #ee1d23;
}



/* 网站内页 ==> about slogan */

.slogan {
	height: 658px;
	padding-top: 107px;
	padding-bottom: 116px;
	background: url(../images/pic_video_1.jpg) no-repeat center top;
}

.slogan-video {
	padding-bottom: 30px;
	margin-right: -102px;
	background-color: #fff;
	position: relative;
	z-index: 2;
}

.slogan-video video {
	width: 702px;
	height: 413px;
	margin-bottom: 26px;
	background-color: #000;
}

.slogan-text {
	height: 424px;
	margin-top: 102px;
	margin-left: -64px;
	padding-top: 132px;
	padding-left: 396px;
	padding-right: 84px;
	position: relative;
	z-index: 1;
}

.slogan-text:before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #1e283a;
	filter: alpha(opacity=65);
	opacity: 0.65;
}

.slogan-text p {
	color: #fff;
	font-size: 14px;
	line-height: 22px;
	position: relative;
	z-index: 2;
}

.slogan-text h3 {
	color: #fff;
	font-size: 35px;
	line-height: 70px;
	padding-bottom: 2px;
	margin-bottom: 28px;
	position: relative;
	z-index: 2;
}

.slogan-text h3:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 56px;
	height: 2px;
	background-color: #fff;
}



/* 网站内页 ==> about cases */

.cases {
	padding-top: 60px;
	padding-bottom: 24px;
}

.cases .row {
	margin: 0 -15px;
}

.cases .col-4 {
	width: 380px;
	margin: 40px 15px 0;
	border-bottom: 4px solid #004c6a;
}

.sh-card .link {
	display: block;
	border: 1px solid #dcdcdc;
	border-width: 1px 1px 0;
	transition: 0.45s ease-in-out;
}

.sh-card .imge {
	display: block;
	width: 378px;
	height: 252px;
	overflow: hidden;
}

.sh-card .imge img {
	width: 100%;
	transition: 0.25s ease-in-out;
}

.sh-card .text {
	height: 83px;
	padding: 16px;
}

.sh-card .name {
	color: #333;
	font-size: 16px;
	line-height: 1.5;
	transition: 0.45s ease-in-out;
}

.sh-card .time {
	color: #666;
	font-size: 14px;
	margin-top: 10px;
	line-height: 24px;
	transition: 0.45s ease-in-out;
}

.sh-card .link:hover {
	border-color: #004c6a;
	background-color: #004c6a;
}

.sh-card .link:hover img {
	opacity: 0.8;
	transform: scale(1.03);
}

.sh-card .link:hover .name {
	color: #fff;
}

.sh-card .link:hover .time {
	color: #fff;
}



/* 网站内页 ==> product list */
/* 网站内页 ==> product list */
.product-cell {
	margin-top: 40px;
	margin-left: 20px;
	position: relative;
	width: 380px;
	height: 440px;
	float: left;
	background-color: #fff;
}

.product-cell:first-child {
	margin-left: 0;
}

.product-imge {
	position: relative;
	z-index: 2;
	padding: 0px;
	width: 380px;
}

.product-imge a {
	display: block;
	height: 310px;
	overflow: hidden;
}

.product-text {
	z-index: 1;
	width: 340px;
	height: 100px;
	padding: 20px 0 30px 20px;
	position: relative;
}

.product-text a {
	display: block;
	color: #004c6a;
}

.product-text .cn {
	color: #004c6a;
	font-size: 24px;
	line-height: 30px;
	margin-top: 0px;
}

.product-text .en {
	color: #666;
	font-size: 14px;
	line-height: 16px;
}

.product-text .lk {
	height: 24px;
	font-size: 14px;
	color: #666666;
	line-height: 24px;
	margin-top: 10px;
	display: inline-block;
}

.product-text .icon {
	float: right;
	width: 20px;
	height: 20px;
	margin: 2px 0;
	margin-left: 8px;
	background-position: 0 -60px;
}

.product-text .lk:hover {
	color: #004c6a;
}

.product-cell:hover {
	color: #004c6a;
	background-color: #004c6a
}

.product-cell:hover .product-text .cn {
	color: #fff;
}

.product-cell.odd .product-imge {
	float: right;
}

.product-cell:hover .product-text .en {
	color: #fff;
}

.product-cell:hover .product-text .lk {
	color: #fff;
}

.product-cell:hover .product-text a {
	color: #fff;
}

.product-cell:hover .icon {
	background-position: 0 -90px;
}


/* 网站内页 ==> product detail*/

.product-detail .cn {
	display: block;
	color: #004c6a;
	font-size: 30px;
	line-height: 42px;
	margin-top: 16px;
}

.product-detail .en {
	display: block;
	color: #666;
	font-size: 14px;
	line-height: 16px;
}

.product-relate {
	margin-top: 60px;
}

.product-relate h3 {
	position: relative;
}

.product-relate h3:after {
	content: "";
	position: absolute;
	z-index: 1;
	top: 15px;
	left: 0;
	right: 0;
	height: 1px;
	background-color: #d5d5d5;
}

.product-relate small {
	display: block;
	color: #4b4b4b;
	font-size: 14px;
	line-height: 27px;
}

.product-relate strong {
	color: #004c6a;
	font-size: 30px;
	line-height: 30px;
	padding-right: 18px;
	display: inline-block;
	background-color: #fff;
	position: relative;
	z-index: 2;
}

.product-relate ul {
	margin: 0 -24px;
	padding-top: 36px;
}

.product-relate li {
	width: 282px;
	height: 205px;
	text-align: center;
	margin: 0 14px 32px;
}

.product-relate li a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	background-color: #004c6a;
}

.product-relate li a:after {
	content: "";
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	width: 32px;
	height: 32px;
	margin: -16px 0 0 -16px;
	transition: 0.2s ease-in-out;
	visibility: hidden;
	opacity: 0;
	background: url(data:image/png;base64,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) no-repeat center center / 100% 100%;
}

.product-relate li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.2s ease-in-out;
}

.product-relate li span {
	position: absolute;
	z-index: 5;
	top: 140px;
	left: 40px;
	width: 200px;
	height: 45px;
	color: #fff;
	font-size: 18px;
	overflow: hidden;
	line-height: 30px;
	text-align: center;
	white-space: nowrap;
	padding: 0px 30px;
	text-overflow: ellipsis;
	transition: 0.3s ease-in-out;
	visibility: hidden;
	opacity: 0;
}

.product-relate li span:after {
	content: "";
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #004c6a;
	transition: 0.3s ease-in-out;
	filter: alpha(opacity=35);
	opacity: 0.35;
	transform: scale(0.6);
}

.product-detail.sh-detail .text p {
	text-indent: 0;
}

/*.product-relate li:hover img { transform: scale(1.02); }*/

.product-relate li:hover a:after {
	opacity: 1;
	visibility: visible;
}

/*.product-relate li:hover span { visibility: visible; opacity: 1; }*/

/*.product-relate li:hover span:after { transform: scale(1); }*/


/* 网站内页 ==> product detail plugin*/

.rebox {
	cursor: pointer;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1000;
	-webkit-filter: none !important;
	background: rgb(0, 0, 0);
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
	background: rgba(0, 0, 0, 0.7);
}

.rebox * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

.rebox-contents {
	position: absolute;
	top: 5%;
	left: 5%;
	text-align: center;
	width: 90%;
	height: 90%;
}

.rebox-contents .rebox-content {
	border: 5px solid #fff;
	box-shadow: 0 0 20px #000;
	border-radius: 1px;
	max-width: 100%;
	max-height: 100%;
}

.rebox-contents img {
	display: inline-block;
	vertical-align: middle;
}

.rebox-loading {
	width: 31px;
	height: 31px;
	margin: -16px 0 0 -16px;
	position: absolute;
	top: 48%;
	left: 50%;
}

.rebox-caption {
	display: none;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	z-index: 1000;
	background: #000;
	background: rgba(0, 0, 0, 0.7);
}

.rebox-caption p {
	margin: 0 auto;
	max-width: 70%;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 10px;
	color: #fff;
	font-size: 12px;
	line-height: 18px;
}

.rebox-button {
	position: absolute;
	z-index: 9999;
	min-width: 40px;
	height: 40px;
	line-height: 40px;
	background: rgb(0, 0, 0);
	opacity: 0.4;
	text-decoration: none;
	font-size: 24px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
	-ms-border-radius: 32px;
	border-radius: 32px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

.rebox-button:hover,
.rebox-button:focus {
	opacity: 1;
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-ms-transform: scale(1.4);
	transform: scale(1.4);
}

.rebox-close {
	right: 10px;
	top: 10px;
}

.rebox-next {
	right: 10px;
	top: 48%;
}

.rebox-prev {
	left: 10px;
	top: 48%;
}

.rebox-loading {
	left: 50%;
	top: 48%;
	-webkit-animation-name: spin;
	-webkit-animation-duration: 2000ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: spin;
	-moz-animation-duration: 2000ms;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: spin;
	-ms-animation-duration: 2000ms;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	animation-name: spin;
	animation-duration: 2000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@-ms-keyframes spin {

	from {
		-ms-transform: rotate(0deg)
	}

	to {
		-ms-transform: rotate(360deg)
	}

}

@-moz-keyframes spin {

	from {
		-moz-transform: rotate(0deg)
	}

	to {
		-moz-transform: rotate(360deg)
	}

}

@-webkit-keyframes spin {

	from {
		-webkit-transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(360deg)
	}

}

@keyframes spin {

	from {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(360deg)
	}

}



/* 网站内页 ==> news list */

.news-view {}

.sh-media {
	height: 164px;
	padding: 28px 32px;
	cursor: default;
	overflow: hidden;
	margin-bottom: 24px;
	transition: 0.35s ease-in-out;
	border: 1px solid #e5e5e5;
	border-color: transparent transparent #e5e5e5;
}

.sh-media:hover {
	background-color: #fff;
	border-color: #e5e5e5;
	box-shadow: 0 0 6px #e5e5e5;
}

.sh-media:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}

.sh-media .imgs {
	float: left;
	width: 245px;
	height: 164px;
	overflow: hidden;
	position: relative;
	margin-right: 48px;
	background-color: transparent;
}

.sh-media .imgs img {
	display: block;
	width: 100%;
	transition: 0.35s ease-in-out;
}

.sh-media .text {
	height: 100%;
	overflow: hidden;
}

.sh-media .name {
	height: 32px;
	color: #333;
	font-size: 20px;
	line-height: 32px;
}

.sh-media .name a {
	display: block;
	color: #333;
	max-width: 640px;
	transition: 0.35s ease-in-out;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.sh-media .desc {
	height: 66px;
	color: #666666;
	font-size: 14px;
	line-height: 22px;
	text-align: justify;
	margin-top: 12px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	word-wrap: break-word;
	white-space: normal;
	overflow: hidden;
}

.sh-media .more {
	display: block;
	width: 80px;
	height: 35px;
	outline: none;
	color: #666;
	font-size: 14px;
	line-height: 35px;
	text-align: center;
	padding: 1px 20px;
	border-radius: 3px;
	background-color: transparent;
	border: 1px solid #dadada;
	margin-top: 12px;
	transition: 0.35s ease-in-out;
}

.sh-media .time {
	float: right;
	color: #888;
	font-size: 14px;
	line-height: 32px;
}

.sh-media:hover .more {
	color: #fff;
	border-color: #004c6a;
	background-color: #004c6a;
}

.sh-media:hover .name a {
	color: #004c6a;
}

.sh-media:hover .imgs img {
	opacity: 0.8;
	transform: scale(1.08);
}



/* 网站内页 ==> news detail */

.sh-detail {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 14px;
}

.sh-detail .name {
	height: 24px;
	color: #000;
	font-size: 20px;
	line-height: 24px;
	text-align: center;
	padding: 10px 0;
}

.sh-detail .text {
	margin-top: 36px;
}

.sh-detail .text p {
	color: #666;
	font-size: 14px;
	line-height: 22px;
	text-indent: 2em;
	text-align: justify;
}

.sh-detail .text p img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

.sh-detail .info {
	height: 16px;
	line-height: 16px;
	text-align: center;
	padding-bottom: 12px;
	border-bottom: 1px solid #dbdbdb;
}

.sh-detail .info span {
	color: #888;
	font-size: 12px;
	margin: 0 10px;
}

.sh-detail .back {
	height: 60px;
	margin-top: 48px;
	padding: 24px 30px 52px;
	border-top: 1px dashed #ccc;
	overflow: hidden;
}

.sh-detail .back:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}

.sh-detail .back p {
	width: 72%;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
}

.sh-detail .back p a {
	color: #333;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.sh-detail .back p a:hover {
	color: #004c6a;
}

.sh-detail .back p:first-child {
	float: right;
	width: 20%;
}

.sh-detail .back p:first-child a {
	float: right;
	width: 96px;
	height: 40px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	line-height: 40px;
	padding: 0 9px;
	margin-top: 9px;
	border-radius: 5px;
	background-color: #004c6a;
}

.sh-detail .back p:first-child a:hover {
	opacity: 0.8;
}

.sh-detail .back p:first-child .angle {
	width: 0;
	height: 0;
	margin-right: 8px;
	display: inline-block;
	vertical-align: -1px;
	border: 5px solid #fff;
	border-width: 6px 5px 6px 0;
	border-color: transparent #fff;
}



/* 网站内页 ==> contact us */

.contact {
	padding-top: 60px;
	padding-bottom: 180px;
	background-color: #f7f7f7;
}

.form-view {
	padding-top: 36px;
	padding-left: 45px;
}

.form-name {
	color: #3c3c3c;
	font-size: 24px;
	line-height: 42px;
	margin-bottom: 20px;
}

.form-tips {
	color: #3c3c3c;
	font-size: 14px;
	line-height: 27px;
}

.form-list {
	padding-top: 20px;
	margin-right: 22px;
}

.form-item {
	margin-top: 10px;
}

.form-item .ibtn {
	margin-top: 14px;
	width: 124px;
}

.form-item .input {
	width: 100%;
	height: 42px;
	padding: 10px;
	color: #4b4b4b;
	font-size: 14px;
	line-height: 20px;
	border-radius: 4px;
	vertical-align: top;
	background-color: #fff;
	box-sizing: border-box;
	border: 1px solid #dadada;
}

.form-item textarea.input {
	height: 150px;
	resize: none;
}

.firm-view {
	margin-left: 61px;
	background-color: #fff;
	border: 1px solid #dadada;
}

.firm-name {
	padding: 32px 45px 27px;
}

.firm-name .cn {
	display: block;
	color: #004c6a;
	font-size: 24px;
	line-height: 30px;
}

.firm-name .en {
	display: block;
	color: #818181;
	font-size: 14px;
	line-height: 16px;
}

.firm-text {
	color: #3c3c3c;
	font-size: 14px;
	line-height: 26px;
	padding: 20px 47px;
	background-color: #fbfbfb;
}

.firm-text p {
	color: #3c3c3c;
	font-size: 14px;
	line-height: 26px;
}

.firm-imge {
	line-height: 0;
	overflow: hidden;
	padding: 24px 26px 30px;
}

.firm-imge img {
	width: 100%;
}



/**/

.market {
	padding: 110px 0 223px;
	background: #f7f7f7 url(../images/bg_sale_1.jpg) no-repeat center top;
}

.market a {
	display: block;
	width: 1067px;
	height: 663px;
	cursor: default;
	overflow: hidden;
	margin-left: 133px;
}

.market img {
	width: 100%;
}



/* 模块 招聘页面 */

.hire-view {
	padding: 0;
	margin-top: 34px;
}

.hire-head {
	display: table;
	width: 100%;
	overflow: hidden;
	line-height: 50px;
	background-color: #004c6a;
}

.hire-head span {
	color: #fff;
	width: 521px;
	font-size: 20px;
	text-align: left;
	font-weight: bold;
	line-height: 30px;
	padding: 9px 60px;
	display: table-cell;
	box-sizing: border-box;
}

.hire-head span:last-child {
	width: 64px;
	padding: 9px 20px;
	text-align: center;
}

.hire-head span:first-child {
	width: 94px;
	padding: 9px 20px;
	text-align: center;
}

.hire-body {
	border-bottom: 1px solid #e5e5e5;
}

.hire-thln {
	display: table;
	width: 100%;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	border-width: 1px 1px 0;
	overflow: hidden;
	box-sizing: border-box;
	transition: 0.35s ease-in-out;
}

.hire-thln span {
	color: #333;
	width: 521px;
	font-size: 16px;
	text-align: left;
	line-height: 30px;
	padding: 9px 60px;
	display: table-cell;
	box-sizing: border-box;
	transition: 0.35s ease-in-out;
}

.hire-thln span:last-child {
	width: 64px;
	padding: 9px 20px;
	text-align: center;
}

.hire-thln span:first-child {
	width: 94px;
	padding: 9px 20px;
	text-align: center;
}

.hire-tdln {
	display: none;
	padding: 36px 128px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	border-width: 1px 1px 0;
}

.hire-tdln p {
	color: #333;
	font-size: 14px;
	line-height: 28px;
}

.hire-tdln h3 {
	color: #333;
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 15px;
}

.hire-tdln .row {
	margin-bottom: 36px;
}

.hire-tdln .col-6 {
	width: 429px;
	padding-bottom: 20px;
}

.hire-tdln .col-6:first-child {
	margin-right: 41px;
	padding-right: 41px;
	border-right: 1px solid #e5e5e5;
}

.hire-thln .icon {
	width: 18px;
	height: 18px;
	background-position: -24px -60px;
}

.hire-thln .unfold-btn {
	cursor: pointer;
}

.hire-cell.active .hire-tdln {
	display: block;
}

.hire-cell.active .hire-thln {
	background-color: #a6a6a6;
}

.hire-cell.active .hire-thln span {
	color: #fff;
}

.hire-cell.active .hire-thln .icon {
	background-position: -44px -60px;
}


/**/

.case .row {
	margin: 0 -15px;
}

.case .col-4 {
	width: 380px;
	margin: 40px 15px 0;
	border-bottom: 4px solid #004c6a;
}

/* honor */
.honor-card .row {
	margin: 0 -15px;
}

.honor-card .col-4 {
	width: 380px;
	margin: 40px 15px 0;
}

.honor-card .sh-card .imge {
	height: 531px;
}

.honor-card .sh-card .text {
	height: 24px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
}