@charset "utf-8";
/* CSS Document */

html {
	font-size:10px;
}
body {
	background:#fff;
	color:#666; font-family:Arial;
	/*
	padding-bottom:6rem;
	*/
}
a:link {color:#333; text-decoration:none;}
a:visited {color:#333; text-decoration:none;}
a:hover {color:#c00; text-decoration:none;}
a:active {color:#c00; text-decoration:none;}

.web-main {
	max-width:620px;
	margin:0 auto;
	font-size:0;
}

.hr {
	height:0.1rem;
	border:none; border-top:0.1rem dotted #ddd;
}


.jmr-dialog {
	width:31rem;
}
.jmr-dialog > * {
	min-width:28rem;
	max-width:80%;
}
.jmr-dialog button.ui-dialog-close {
	/* 这个是控制右上角【叉】关闭的样式 */
}
.jmr-dialog .ui-dialog-grid {
	margin:0 auto;
}
.jmr-dialog .ui-dialog-title {
	/* 这个是控制主标题的样式 */
}
.jmr-dialog .ui-dialog-content {
	/* 这个是控制主内容的样式 */
	font-size:1.3rem;
	line-height:1.6;
}
.jmr-dialog .ui-dialog-button * {
	font-size:1.2rem;
}
.jmr-dialog button.ui-dialog-autofocus {
	/* 这个是控制主按钮【okValue】的样式 */
	margin-left:1.4rem; padding:0.8rem 2rem;
}
.jmr-dialog button[i-id='cancel'] {
	/* 这个是控制取消按钮【cancelValue】的样式 */
	margin-left:1.4rem; padding:0.7rem 2rem;
}
.jmr-dialog .ui-dialog-footer {
	/* 设置对话框按钮左中右的位置 */
	text-align:-moz-center!important; text-align:center;
	padding-left:1rem; padding-right:1rem;
}

.jmr-dialog .ui-dialog-body {
	/* 设置控件旁边的泡泡提示 */
	font-size:1.2rem;
	padding:0.8rem;
	line-height:1.6;
}


/* jmr-page */
.jmr-page {
	display:block; margin:0 auto;
	width:100%; height:auto; overflow:hidden;
	padding:1.5rem 0;
	font-size:0;
	text-align:center;
}
.jmr-page > ul {
	display:inline-block;
	width:auto; height:auto;
	vertical-align:middle;
}
.jmr-page > ul > li {
	float:left; display:inline-block; margin-right:1rem;
	width:auto; height:auto;
	font-size:1rem;
	text-align:center;
}
.jmr-page > ul > li.num {
	display:none;
}
.jmr-page > ul > li span {
	display:block;
	color:#999;
	padding:0.5rem 1.2rem;
	border:0.1rem solid #555;
	-webkit-border-radius:0.2rem; -moz-border-radius:0.2rem; border-radius:0.2rem;
}
.jmr-page > ul > li a {
	display:block;
	padding:0.5rem 1.2rem;
	border:0.1rem solid #555;
	-webkit-border-radius:0.2rem; -moz-border-radius:0.2rem; border-radius:0.2rem;
}
.jmr-page > ul > li a.active {
	background-color:#ccc;
}



/* jmr-page */
.jmr-page {
	display:block; margin:0 auto;
	width:100%; height:auto; overflow:hidden;
	padding:1rem 0;
	font-size:0;
	text-align:-moz-center!important; text-align:center;
}
.jmr-page .left-box {
	display:inline-block;
	width:auto; height:auto;
	vertical-align:middle;
}
.jmr-page .left-box li {
	display:inline-block; margin-right:0.2rem;
	width:auto; height:auto;
	font-size:1.2rem;
	text-align:-moz-center!important; text-align:center;
}
.jmr-page .left-box li span {
	display:block;
	color:#999;
	padding:0.5rem 1rem;
	border:0.1rem solid #ddd;
	-webkit-border-radius:0.2rem; -moz-border-radius:0.2rem; border-radius:0.2rem;
}
.jmr-page .left-box li a {
	display:block;
	padding:0.5rem 1rem;
	border:0.1rem solid #ddd;
	-webkit-border-radius:0.2rem; -moz-border-radius:0.2rem; border-radius:0.2rem;
	
	transition-property:background-color, border-color, color;
	-moz-transition-property:background-color, border-color, color;
	-webkit-transition-property:background-color, border-color, color;
	-o-transition-property:background-color, border-color, color;
	
	transition-duration:0.2s;
	-moz-transition-duration:0.2s;
	-webkit-transition-duration:0.2s;
	-o-transition-duration:0.2s;
	
	transition-timing-function:linear;
	-moz-transition-timing-function:linear;
	-webkit-transition-timing-function:linear;
	-o-transition-timing-function:linear;
}
.jmr-page .left-box li a:hover {
	border-color:#c8daee;
	background-color:#f4f9ff;
}
.jmr-page .left-box li a.active {
	background-color:#e4e9ee;
}
.jmr-page .left-box li {
	display:none;
}
.jmr-page .left-box li:nth-of-type(1),
.jmr-page .left-box li:nth-of-type(2),
.jmr-page .left-box li:nth-last-child(1),
.jmr-page .left-box li:nth-last-child(2) {
	display:inline-block;
}
.jmr-page .left-box li:nth-of-type(2) {
	margin-right:11.6rem;
}




/* header */
header {
	position:fixed; z-index:1010; left:0; top:0;
	display:block;
	width:100%; height:5rem;
	margin:0 auto;
	border-bottom:0.1rem solid #454648;
	background-color:#1a1b1f;
}
header > .web-main {
	width:100%;
}
header logo {
	float:left; display:inline-block;
	width:9rem; height:2.52rem; overflow:hidden;
	margin:1.2rem 0 0 1.6rem;
	background:url(/image/logo.png) center center no-repeat; background-size:cover;
}
header logo > a {
	display:block;
	width:100%; height:100%;
	font-size:0;
	text-indent:-99rem;
}


header nav {
	float:right; display:inline-block;
	width:auto; height:auto;
	margin:0;
	font-size:0;
	white-space:nowrap;
}
header nav > .box {
	position:fixed; z-index:1100; right:-30rem; top:0;
	display:block;
	width:28rem; height:100%; overflow:hidden; overflow-y:auto;
	background-color:#191b1e;
}
header nav > .box > .ico-close {
	position:absolute; z-index:1101; right:1rem; top:0.6rem;
	display:block;
	width:2.6rem; height:2.6rem; overflow:hidden;
	background:url(/image/p09.png) center center no-repeat; background-size:cover;
	filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4;
}
header nav > .box > .amu {
	display:none;
}
header nav > .box > .nav {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:5rem auto 0 auto;
}
header nav > .box > .nav > li {
	display:block;
	width:100%; height:3.4rem; line-height:3.4rem; overflow:hidden;
	border-bottom:0.1rem solid rgba(255,255,255,0.2);
}
header nav > .box > .nav > li > a {
	display:block; box-sizing:border-box;
	padding:0 2rem;
	width:100%; height:3.4rem; line-height:3.4rem;
	font-size:1.1rem; color:#fff;
}
header nav > .box > .nav > li > a.active {
	background:-webkit-linear-gradient(left, #bc031b, #d2570f);
	background:-o-linear-gradient(left, #bc031b, #d2570f);
	background:-moz-linear-gradient(left, #bc031b, #d2570f);
	background:linear-gradient(left, #bc031b, #d2570f);
}

header nav > .box > .nav > li > ul {
	display:block;
	width:100%; height:auto; overflow:hidden;
}
header nav > .box > .nav > li > ul > li {
	display:block;
	width:100%; height:3.2rem; line-height:3.2rem;
}
header nav > .box > .nav > li > ul > li > a {
	display:block; box-sizing:border-box;
	padding:0 2.2rem;
	font-size:1rem; color:#fff;
}

header nav > .box > .nav > li > a > .ico-down {
	float:right;
	margin:1rem 0 0 0;
}


header .ico-down {
	display:inline-block;
	width:0.9rem; height:0.9rem; overflow:hidden;
	margin-left:0.9rem;
	background:url(/image/p02.png) center center no-repeat;
	vertical-align:middle;
}


header nav > .menu {
	display:inline-block; box-sizing:border-box;
	width:auto; height:5rem;
	padding-left:1.2rem;
	font-size:0;
	border-left:0.1rem solid #333;
	vertical-align:top;
	white-space:nowrap;
}
header nav > .menu > li {
	position:relative;
	display:inline-block;
	width:auto; height:5rem;
	vertical-align:middle;
}
header nav > .menu > li > u {
	display:block;
	width:auto; height:5rem; line-height:5rem;
	margin:0; padding:0 1rem;
	font-size:1rem; color:#fff;
	text-decoration:none;
	cursor:pointer;
}
header nav > .menu > li > u > .ico-srch {
	display:inline-block;
	width:1.2rem; height:1.2rem; overflow:hidden;
	vertical-align:middle;
	background:url(/image/p01-01.png) center center no-repeat; background-size:cover;
}
header nav > .menu > li > u > .ico-msg {
	display:inline-block;
	width:1.2rem; height:1.2rem; overflow:hidden;
	margin-right:0.2rem;
	vertical-align:middle;
	background:url(/image/p01-02.png) center center no-repeat; background-size:cover;
}
header nav > .menu > li > u > .ico-lan {
	display:inline-block;
	width:1.2rem; height:1.2rem; overflow:hidden;
	margin-right:0.2rem;
	vertical-align:middle;
	background:url(/image/p01-03.png) center center no-repeat; background-size:cover;
}
header nav > .menu > li > u > .ico-menu {
	display:inline-block;
	width:1.6rem; height:1.6rem; overflow:hidden;
	margin-right:1rem;
	vertical-align:middle;
	background:url(/image/p01-04.png) center center no-repeat; background-size:cover;
}

header nav > .menu > li > ul {
	position:absolute; z-index:910; right:0; top:5rem;
	display:none;
	width:9rem; height:auto; overflow:hidden;
	background-color:#fff;
}
header nav > .menu > li > ul > li {
	display:block;
	width:100%; height:2.4rem; line-height:2.4rem;
	text-align:center;
	cursor:pointer;
}
header nav > .menu > li > ul > li > a {
	display:block;
	font-size:1.1rem; color:#333;
}
header nav > .menu > li > ul > li:hover {
	background-color:#bb001d;
	color:#fff;
}
header nav > .menu > li > ul > li:hover > a {
	color:#fff;
}
header nav > .menu > li:nth-of-type(2) {
	display:none;
}



/* .part-banner */
.part-banner {
	display:block; box-sizing:border-box;
	width:100%; height:16rem; overflow:hidden;
	margin:5rem auto 0 auto; padding-top:2rem;
	background:url(/image/pic01-zh.jpg) center center no-repeat; background-size:cover;
}
.part-banner-en {
	background-image:url(/image/pic01-en.jpg);
}

.swiper-container-banner {
	width:60%; height:9rem;
}
.swiper-container-banner .swiper-slide {
	background:none;
}
.swiper-container-banner .swiper-slide img {
	display:block;
	max-width:100%; max-height:100%;
}
.swiper-container-banner .swiper-pagination-bullet {
	background-color:#999;
}
.swiper-container-banner .swiper-pagination-bullet-active {
	background-color:#bd0016;
}



/* .part-product */
.part-product {
	display:block;
	width:100%; height:62rem; overflow:hidden;
	margin:0 auto;
	background:url(/image/pic02.jpg) center center no-repeat; background-size:cover;
}
.part-product > .web-main {
	width:100%;
}
.part-product .title {
	display:block;
	width:calc(100% - 3rem); height:auto;
	margin:2rem auto 0 auto;
	text-align:left;
}
.part-product .title > big {
	display:block;
	line-height:1.8;
	font-size:1.5rem; color:#fff;
}
.part-product .title > small {
	display:block;
	line-height:1.6;
	font-size:1.1rem; color:#979795;
}


.part-product .content {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:0 auto; padding:1rem 0;
	font-size:0;
}
.part-product .content > .left-button {
	display:inline-block;
	width:4rem; height:4rem; overflow:hidden;
	vertical-align:middle;
	cursor:pointer;
	background:url(/image/p03-left.png) center center no-repeat;
}
.part-product .content > .right-button {
	display:inline-block;
	width:4rem; height:4rem; overflow:hidden;
	vertical-align:middle;
	cursor:pointer;
	background:url(/image/p03-right.png) center center no-repeat;
}

.part-product .content > .cont {
	position:relative;
	display:inline-block;
	width:calc(100% - 8rem); height:55rem; overflow:hidden;
	margin:0; padding:0;
	vertical-align:middle;
}
.part-product .content > .cont > .body {
	position:absolute; left:0; top:0;
	display:block;
	width:100%; height:100%;
}
.part-product .content > .cont > .body > .info {
	display:block;
	width:26.7rem; height:auto;
	vertical-align:middle;
}
.part-product .content > .cont > .body > .info > .intro {
	position:relative;
	display:block;
	margin:0 auto;
	width:26.7rem; height:22.6rem; line-height:normal; overflow:hidden;
	background:url(/image/p04.png) center top no-repeat; background-size:cover;
}
.part-product .content > .cont > .body > .info > .intro > .line {
	position:absolute; left:1rem; top:0;
	display:block;
	width:10rem; height:0.2rem; line-height:normal; overflow:hidden;
	font-size:0;
	background-color:#c72b15;
	background:-webkit-linear-gradient(left, #bd021d, #eaa701);
	background:-o-linear-gradient(left, #bd021d, #eaa701);
	background:-moz-linear-gradient(left, #bd021d, #eaa701);
	background:linear-gradient(left, #bd021d, #eaa701);
}
.part-product .content > .cont > .body > .info > .intro > strong {
	display:block;
	width:calc(100% - 6rem); height:auto; line-height:1.6;
	margin:1.2rem auto 0 auto;
	font-size:1.2rem; color:#fff;
}
.part-product .content > .cont > .body > .info > .intro > em {
	display:block;
	width:calc(100% - 6rem); height:auto; line-height:1.6;
	margin:0 auto;
	font-size:1.1rem; color:#fff; font-style:normal;
}
.part-product .content > .cont > .body > .info > .intro > p {
	display:block;
	width:calc(100% - 6rem); height:auto; line-height:1.8;
	margin:0 auto; padding:0.6rem 0;
	font-size:1rem; color:#a8a39d; font-style:normal;
}
.part-product .content > .cont > .body > .info > .intro > p:nth-of-type(1) {
	margin-top:1rem;
	border-top:0.1rem solid #333;
}
.part-product .content > .cont > .body > .info > .intro > p > b {
	color:#fff;
}
.part-product .content > .cont > .body > .info > a {
	display:block; box-sizing:border-box;
	width:14.5rem; height:2.8rem; line-height:2.8rem;
	margin:3rem 0 0 0;
	font-size:1rem; color:#ddd4cf;
	text-indent:1.2rem;
	border:0.1rem solid #323232;
	background-color:#111216;
}
.part-product .content > .cont > .body > .info > a > .ico-go {
	display:inline-block;
	width:1.2rem; height:1.2rem; overflow:hidden;
	margin-left:4rem;
	background:url(/image/p05.png) center center no-repeat;
	vertical-align:middle;
}
.part-product .content > .cont > .body > .info > a:hover {
	background-color:#fff;
	color:#333;
}

.part-product .content > .cont > .body > .cover {
	position:relative;
	display:block;
	margin:1rem auto 0 auto;
	width:32rem; height:26rem; line-height:26rem; overflow:hidden;
	vertical-align:middle;
}
.part-product .content > .cont > .body > .cover > img {
	display:block;
	max-width:100%; max-height:100%;
	vertical-align:middle;
}



/* .part-merit */
.part-merit {
	position:relative;
	display:block;
	width:100%; height:32rem; overflow:hidden;
	margin:0 auto;
	background:url(/image/pic03.jpg) center top no-repeat; background-size:cover;
}
.part-merit .body {
	display:block;
	width:calc(100% - 3rem); height:calc(100% - 4.8rem); overflow:hidden;
	margin:0 auto;
	background-color:#272528;
}
.part-merit .body > .line {
	display:block;
	width:100%; height:0.3rem; line-height:normal; overflow:hidden;
	margin:0 auto;
	background:url(/image/p01.jpg) center center no-repeat; background-size:cover;
}
.part-merit .title {
	display:block;
	width:calc(100% - 4rem); height:auto;
	margin:1rem auto 0 auto; padding:0;
}
.part-merit .title > big {
	display:block;
	line-height:1.6;
	font-size:1.4rem; color:#fff;
}
.part-merit .title > small {
	display:block;
	margin-top:0.6rem;
	line-height:2;
	font-size:1.1rem; color:#c1c1c1;
}

.part-merit .content {
	display:block;
	width:calc(100% - 4rem); height:auto;
	margin:2rem auto 0 auto; padding:0;
	font-size:0;
	text-align:center;
}
.part-merit .content > li {
	display:inline-block; box-sizing:border-box;
	width:auto; height:6.38rem; overflow:hidden;
	padding:0.2rem 1.1rem 0 1.1rem;
	text-align:center;
	border-left:0.1rem solid #444;
}
.part-merit .content > li:first-child {
	border-left:none;
}
.part-merit .content > li > u {
	display:block;
	line-height:2;
	font-size:1.1rem; color:#fff;
	text-decoration:none;
}
.part-merit .content > li > u > number {
	font-size:1.4rem;
	padding-right:0.4rem;
}
.part-merit .content > li > em {
	display:block;
	line-height:1.8;
	font-size:0.8rem; color:#fff; font-style:normal;
}



/* .part-cert */
.part-cert {
	position:relative;
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:0 auto; padding:3rem 0;
	
	background-color:#272528;
	background:-moz-linear-gradient(top, #272528 0%, #0a0b0c 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#272528), color-stop(100%,#0a0b0c));
	background:-webkit-linear-gradient(top, #272528 0%,#0a0b0c 100%);
	background:-o-linear-gradient(top, #272528 0%,#0a0b0c 100%);
	background:-ms-linear-gradient(top, #272528 0%,#0a0b0c 100%);
	background:linear-gradient(to bottom, #272528 0%,#0a0b0c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#272528', endColorstr='#0a0b0c',GradientType=0);
}
.part-cert > .web-main {
	width:calc(100% - 3rem); overflow:hidden;
}
.part-cert .content {
	display:block;
	width:auto; height:auto; overflow:hidden;
	margin:0 auto;
	font-size:0;
	white-space:nowrap;
}
#scro_cert1, #scro_cert2 {
	display:inline-block;
}
.part-cert .content a, .part-cert .content span {
	display:inline-block;
	width:8.46rem; height:11.6rem; overflow:hidden;
	margin:0 2rem 0 0;
}
.part-cert .content a > img {
	display:block;
	max-width:100%; max-height:100%;
}

.part-cert .more {
	display:block; box-sizing:border-box;
	width:14.5rem; height:2.8rem; line-height:2.8rem;
	margin:2rem auto 0 auto;
	font-size:1rem; color:#ddd4cf;
	text-indent:1.2rem;
	border:0.1rem solid #323232;
	background-color:#111216;
}
.part-cert .more > .ico-go {
	display:inline-block;
	width:1.2rem; height:1.2rem; overflow:hidden;
	margin-left:4.8rem;
	background:url(/image/p05.png) center center no-repeat;
	vertical-align:middle;
}
.part-cert .more:hover {
	background-color:#fff;
	color:#333;
}



/* .part-tech */
.part-tech {
	position:relative;
	display:block; box-sizing:border-box;
	width:100%; height:38rem;
	margin:0 auto; padding-top:2rem;
	background:url(/image/pic04.jpg) center top no-repeat; background-size:cover;
}
.part-tech > .web-main {
	width:100%;
}
.part-tech > .ribbon {
	position:absolute; z-index:9; left:0; bottom:-12.5rem;
	display:block;
	width:100%; height:24rem; overflow:hidden;
	background:url(/image/p07.png) center center no-repeat; background-size:100%;
}

.part-tech .title {
	display:block;
	width:auto; height:auto;
	margin:0 auto;
	text-align:center;
}
.part-tech .title > big {
	display:block;
	line-height:2;
	font-size:1.4rem; color:#fff;
}
.part-tech .title > small {
	display:block;
	line-height:1.8;
	font-size:1rem; color:#c1c1c1;
}

.part-tech .content {
	position:relative;
	display:block;
	width:calc(100% - 3rem); height:30.2rem; overflow:hidden;
	margin:2rem auto 0 auto;
}
.part-tech .content > .cover {
	position:relative; z-index:11;
	display:block;
	width:100%; height:100%; overflow:hidden;
	background:url(/image/p03-01.jpg) center center no-repeat; background-size:cover;
}
.part-tech .content > .cover {
	display:block;
	transition:all 8s linear, background 0.5s linear;
}

.part-tech .content > ul {
	position:absolute; z-index:12; left:0; top:0;
	display:block;
	width:100%; height:100%; overflow:hidden;
	font-size:0;
}
.part-tech .content > ul > li {
	display:inline-block;
	width:calc(50% - 0.1rem); height:10rem; line-height:10rem; overflow:hidden;
	text-align:center;
	border-left:0.1rem solid #414140;
	border-top:0.1rem solid #414140;
	background-color:rgba(0,0,0,0.7);
}
.part-tech .content > ul > li:nth-child(2n+1) {
	width:50%;
	border-left:none;
}
.part-tech .content > ul > li:nth-child(1), .part-tech .content > ul > li:nth-child(2) {
	border-top:none;
}
.part-tech .content > ul > li > a {
	display:block;
	font-size:0;
}
.part-tech .content > ul > li .text {
	display:inline-block;
	width:calc(100% - 4rem); height:auto;
	text-align:left;
	vertical-align:middle;
}
.part-tech .content > ul > li .text > strong {
	display:block;
	line-height:1.8;
	font-size:1.2rem; color:#fff;
}
.part-tech .content > ul > li .text > u {
	display:block;
	line-height:1.8;
	font-size:1rem; color:#c5c5c5;
	text-decoration:none;
}
.part-tech .content > ul > li .ico-right {
	display:inline-block;
	width:1.2rem; height:1.2rem; overflow:hidden;
	vertical-align:middle;
	background:url(/image/p03-right.png) center center no-repeat; background-size:cover;
}



/* .part-case */
.part-case {
	display:block;
	width:100%; height:auto;
	margin:5rem auto 0 auto;
}
.part-case > .web-main {
	width:calc(100% - 3rem);
}
.part-case .title {
	display:block;
	width:100%; height:auto;
	margin:2rem auto 0 auto; padding:0;
	text-align:center;
}
.part-case .title > big {
	display:block;
	line-height:2;
	font-size:1.4rem; color:#333; font-weight:bold;
}
.part-case .title > small {
	display:block;
	line-height:2;
	font-size:1rem; color:#666;
}


.part-case .content {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:0 auto; padding:2rem 0;
	font-size:0;
}
.part-case .content > .left-button {
	display:inline-block;
	width:1.5rem; height:1.5rem; overflow:hidden;
	margin:0 1.5rem 0 0;
	cursor:pointer;
	vertical-align:middle;
	background:url(/image/p08-left.png) center center no-repeat; background-size:cover;
}
.part-case .content > .right-button {
	display:inline-block;
	width:1.5rem; height:1.5rem; overflow:hidden;
	margin:0 0 0 1.5rem;
	cursor:pointer;
	vertical-align:middle;
	background:url(/image/p08-right.png) center center no-repeat; background-size:cover;
}

.part-case .content > .cont {
	position:relative;
	display:inline-block;
	width:calc(100% - 6rem); height:auto; overflow:hidden;
	vertical-align:middle;
}
.part-case .content > .cont > ul {
	position:relative;
	display:block;
	width:auto; height:100%;
	font-size:0;
	white-space:nowrap;
}
.part-case .content > .cont li {
	display:inline-block; box-sizing:border-box;
	width:calc(100% - 3rem); height:100%;
	margin:0 1.5rem; padding-bottom:1.2rem;
	vertical-align:middle;
	border:0.1rem solid #eee;
}
.part-case .content > .cont li > a {
	display:block;
	width:100%; height:29rem; overflow:hidden;
}
.part-case .content > .cont li > a > .cover {
	display:block;
	width:100%; height:24.47rem; overflow:hidden;
}
.part-case .content > .cont li > a > .cover > .img {
	display:block;
	width:100%; height:100%;
	background-position:center center; background-repeat:no-repeat; background-size:cover;
}
.part-case .content > .cont li > a > u {
	display:block;
	width:calc(100% - 3rem); height:auto; line-height:2;
	margin:0 auto; padding:1.1rem 0;
	font-size:1.2rem;
	text-decoration:none;
}
.part-case .content > .cont li > .text {
	display:block;
	width:calc(100% - 3rem); height:auto;
	margin:0 auto; padding:1.5rem 0 0 0;
	font-size:0;
	border-top:0.1rem solid #eee;
}
.part-case .content > .cont li > .text > dl {
	display:block;
	width:calc(100% - 2rem); height:auto;
	vertical-align:top;
}
.part-case .content > .cont li > .text > dl:first-child {
	margin-right:1.5rem;
}
.part-case .content > .cont li > .text > dl > dt {
	display:block;
	line-height:1.8;
	margin:0 0 0.3rem 0;
	font-size:1rem; font-weight:bold; color:#333;
}
.part-case .content > .cont li > .text > dl > dd {
	display:block;
	line-height:1.8;
	font-size:1rem; color:#666;
}

.part-case .link-button {
	display:block;
	width:100%; height:auto; line-height:normal;
	margin:0 auto;
	font-size:0;
	text-align:center;
}
.part-case .link-button > a {
	display:inline-block; box-sizing:border-box;
	width:12.5rem; height:2.8rem; line-height:2.8rem; overflow:hidden;
	margin:0 1rem;
	font-size:1rem;
}
.part-case .link-button > a:nth-of-type(1) {
	border:0.1rem solid #666;
}
.part-case .link-button > a:nth-of-type(1):hover {
	background-color:#191b1e;
	color:#fff;
}
.part-case .link-button > a:nth-of-type(2) {
	color:#fff;
	background:-webkit-linear-gradient(left, #bc031b, #d2570f);
	background:-o-linear-gradient(left, #bc031b, #d2570f);
	background:-moz-linear-gradient(left, #bc031b, #d2570f);
	background:linear-gradient(left, #bc031b, #d2570f);
}
.part-case .link-button > a:nth-of-type(2):hover {
	background:-webkit-linear-gradient(left, #d2540f, #e8a503);
	background:-o-linear-gradient(left, #d2540f, #e8a503);
	background:-moz-linear-gradient(left, #d2540f, #e8a503);
	background:linear-gradient(left, #d2540f, #e8a503);
}



/* .part-about */
.part-about {
	display:block;
	width:100%; height:auto; min-height:29rem; overflow:hidden;
	margin:2rem auto 0 auto;
	font-size:0;
}
.part-about .left-box {
	display:block;
	width:100%; height:auto;
	margin:0 auto; padding:3rem 0;
	background:url(/image/p04.jpg) center center no-repeat; background-size:cover;
}
.part-about .left-box > .title {
	display:block;
	width:calc(100% - 5rem); height:7rem; overflow:hidden;
	margin:0 auto;
}
.part-about .left-box > .title > big {
	float:left; display:inline-block;
	width:auto; height:auto; line-height:1.5;
	font-size:1.7rem; color:#fff;
}
.part-about .left-box > .title > logo {
	float:right; display:inline-block;
	width:8.7rem; height:2.9rem; overflow:hidden;
	margin:2rem 0 0 0;
	background:url(/image/logo-white-sm.png) center center no-repeat; background-size:cover;
}

.part-about .left-box > .content {
	display:block;
	width:calc(100% - 5rem); height:auto; overflow:hidden;
	margin:2rem auto 0 auto;
}
.part-about .left-box > .content > li {
	display:block;
	width:100%; height:5rem; line-height:5rem;
	font-size:1.4rem; color:#fff;
	border-bottom:0.1rem solid rgba(255,255,255,0.4);
}
.part-about .left-box > .content > li:first-child {
	border-top:0.1rem solid rgba(255,255,255,0.4);
}




.part-about .right-box {
	display:block;
	width:100%; height:auto;
	margin:0 auto; padding:3rem 0;
	background:url(/image/p05.jpg) center center no-repeat; background-size:cover;
}
.part-about .right-box > big {
	display:block;
	width:calc(100% - 5rem); height:auto; line-height:1.6;
	margin:0 auto; padding:0;
	font-size:1.6rem; color:#333;
}
.part-about .right-box > p {
	display:block;
	width:calc(100% - 5rem); height:auto; line-height:2;
	margin:1.5rem auto 0 auto; padding:0;
	font-size:1.1rem; color:#666;
}
.part-about .right-box > .more {
	display:block; box-sizing:border-box;
	width:14.5rem; height:2.8rem; line-height:2.8rem;
	margin:1.5rem 0 0 2.5rem; padding:0;
	font-size:1rem; color:#333;
	text-align:center;
	border:0.1rem solid #666;
}
.part-about .right-box > .more:hover {
	background-color:#191b1e;
	color:#fff;
}



/* footer */
footer {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:0 auto; padding:1.5rem 0;
	background-color:#131313;
}
footer > .web-main {
	overflow:hidden;
	width:calc(100% - 3rem);
}

footer .left-box {
	display:block;
	width:100%; height:auto; overflow:hidden;
}
footer .left-box > .comp {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:0 auto;
	font-size:1.2rem; color:#fff;
}
footer .left-box > .comp > .logo {
	display:block;
	width:10rem; height:auto;
	margin:0 0 1rem 0;
}
footer .left-box > .info {
	display:block;
	width:100%; height:auto; line-height:1.8;
	margin:1rem 0 0 0;
	font-size:1rem;
}
footer .left-box > .info > .map {
	display:none;
}


footer .right-box {
	display:none;
}



/*=====================================================================================================================*/
/*=====================================================================================================================*/
/*=====================================================================================================================*/



/* .body-about */
.body-about {
	background:#16171b url(/image/bg2.jpg) center top no-repeat; background-size:100% auto;
}




/* .part-banner-about */
.part-banner-about {
	display:block;
	width:100%; height:14rem;
	margin:5rem auto 0 auto;
	background:url(/image/banner-about.png) center center no-repeat; background-size:cover;
}


/* .part-banner-news */
.part-banner-news {
	display:block;
	width:100%; height:0; line-height:normal;
	margin:5rem auto 0 auto;
}


/* .part-banner-product */
.part-banner-product {
	display:block;
	width:100%; height:14rem; line-height:normal;
	margin:5rem auto 0 auto;
	background:url(/image/banner-product.png) center center no-repeat; background-size:cover;
}

/* .part-banner-msg */
.part-banner-msg {
	display:block;
	width:100%; height:14rem; line-height:normal;
	margin:5rem auto 0 auto;
	background:url(/image/banner-msg.png) center center no-repeat; background-size:cover;
}



/* .part-path */
.part-path {
	display:block;
	width:100%; height:auto;
	margin:0 auto;
}
.part-path > .web-main {
	width:calc(100% - 3rem); height:auto; line-height:4rem; overflow:hidden;
	border-bottom:0.1rem solid #444;
}
.part-path strong {
	float:left; display:inline; line-height:1.5;
	margin:1rem 0;
	font-size:1.2rem; color:#fff;
}
.part-path u {
	float:right; display:inline;
	font-size:1rem; color:#ccc;
	text-decoration:none;
}
.part-path u > a {
	font-size:1rem; color:#fff;
}



/* .part-body */
.part-body {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:0 auto;
}
.part-body > .web-main {
	padding:1.5rem 0;
	width:calc(100% - 3rem); overflow:hidden;
	font-size:0;
}
.part-body .left-box {
	display:block;
	width:100%; height:auto;
}
.part-body .left-box > .column {
	display:block; box-sizing:border-box;
	width:100%; height:auto;
	margin:0 auto; padding:1.2rem 0 2.4rem 0;
	font-size:0;
	border:0.1rem solid rgba(255,255,255,0.2);
}
.part-body .left-box > .column > a {
	display:inline-block; box-sizing:border-box;
	width:calc(50% - 2rem); height:2.8rem; line-height:2.8rem; overflow:hidden;
	margin:0 1rem; padding:0 1rem;
	font-size:1rem; color:#fff;
	vertical-align:middle;
	border-bottom:0.1rem solid rgba(255,255,255,0.1);
}
.part-body .left-box > .column > a.active {
	background:-webkit-linear-gradient(left, #bc031b, #d2570f);
	background:-o-linear-gradient(left, #bc031b, #d2570f);
	background:-moz-linear-gradient(left, #bc031b, #d2570f);
	background:linear-gradient(left, #bc031b, #d2570f);
}

.part-body .detail {
	display:block; box-sizing:border-box;
	width:calc(100% - 2rem); height:auto; min-height:28rem; line-height:2.2;
	margin:0 auto; padding:1.5rem 0 2rem 0;
	font-size:1.4rem; color:#e6e6e6;
}
.part-body .detail * {
	max-width:100%;
}

.part-body .news-detail {
	float:none;
	display:block;
	width:100%;
}



/* .part-body .listing */
.part-body .listing {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:0 auto; padding:1rem 0 2rem 0;
	font-size:0;
}
.part-body .listing > li {
	display:inline-block;
	width:calc(50% - 1rem); height:auto; overflow:hidden;
	margin:0 0 2rem 2rem;
}
.part-body .listing > li:nth-child(2n+1) {
	margin-left:0;
}
.part-body .listing > li > a {
	display:block; overflow:hidden;
}
.part-body .listing > li > a > img {
	display:block;
	width:100%; height:auto;
	margin:0 auto 0.5rem auto;
}
.part-body .listing > li > a > strong {
	display:block;
	width:100%; height:auto; line-height:1.6;
	font-size:1.1rem; color:#fff;
}
.part-body .listing > li > a > date {
	display:block;
	width:auto; height:auto;
	font-size:0;
	text-align:center;
}
.part-body .listing > li > a > date > i {
	display:inline-block;
	font-size:0.9rem; color:#999; font-style:normal;
}
.part-body .listing > li > a > date > u {
	display:inline-block;
	margin:0.4rem 0 0 1.2rem;
	font-size:1rem; color:#fff;
	text-decoration:none;
}



.part-body .product-listing {
	display:block; box-sizing:border-box;
	width:100%; height:auto;
	font-size:0;
}
.part-body .product-listing > li {
	display:inline-block;
	width:calc(50% - 2rem); height:auto; overflow:hidden;
	margin:0 0 2rem 2rem;
}
.part-body .product-listing > li:nth-child(3n+1) {
	margin-left:0;
}
.part-body .product-listing > li > a {
	display:block;
	text-align:center;
}
.part-body .product-listing > li > a > .cover {
	display:block;
	width:100%; height:12.8rem; line-height:12.8rem;
}
.part-body .product-listing > li > a > .cover > img {
	display:inline-block;
	width:auto; height:auto; max-width:100%; max-height:100%;
	vertical-align:middle;
}
.part-body .product-listing > li > a > u {
	display:block;
	line-height:1.8;
	font-size:1.1rem; color:#fff;
	text-decoration:none;
}



.part-body .tech-listing > li {
	display:inline-block;
	width:calc(50% - 1rem); height:16rem; overflow:visible;
	margin:0 0 4rem 2rem;
}
.part-body .tech-listing > li:nth-child(2n+1) {
	margin-left:0;
}
.part-body .tech-listing > li > a {
	position:relative;
	display:block;
	width:100%; height:100%; overflow:visible;
}
.part-body .tech-listing > li > a > .cover {
	display:block;
	width:100%; height:16rem; line-height:16rem;
	background-position:center center; background-repeat:no-repeat; background-size:cover;
}
.part-body .tech-listing > li:hover > a > .cover {
	filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;
}
.part-body .tech-listing > li > a > u {
	position:absolute; right:0; bottom:-1.6rem;
	display:block;
	width:100%; height:3.2rem; line-height:3.2rem;
	font-size:1.1rem; color:#333;
	text-align:center;
	text-decoration:none;
	background-color:#fff;
}



.part-body .faq-listing {
	padding:0 0 2rem 0;
}
.part-body .faq-listing > dl {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:0 auto; padding:0;
	border-bottom:0.1rem solid rgba(255,255,255,0.6);
}
.part-body .faq-listing > dl > dt {
	display:block;
	height:4.6rem; line-height:4.6rem;
	font-size:1.2rem; color:#fff;
	cursor:pointer;
	border-bottom:0.1rem dashed rgba(255,255,255,0.2);
}
.part-body .faq-listing > dl > dt > i, .part-body .faq-listing > dl > dd > i {
	display:inline-block;
	margin-right:0.4rem;
	font-size:1.6rem; color:#fff; font-style:normal; font-family:Arial, Helvetica, sans-serif;
	vertical-align:middle;
}
.part-body .faq-listing > dl > dd > i {
	font-size:1.2rem;
}
.part-body .faq-listing > dl > dd {
	display:none;
	width:calc(100% - 2.4rem); height:auto; line-height:1.8; overflow:hidden;
	padding:1rem 1.2rem;
	font-size:1rem; color:#ccc;
	
	transition-property:none;
	-moz-transition-property:none;
	-webkit-transition-property:none;
	-o-transition-property:none;
}



.part-body .download-listing {
	padding:0 0 2rem 0;
}
.part-body .download-listing > .title {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:0 auto; padding:0;
	font-size:0;
}
.part-body .download-listing > .title > li {
	display:inline-block;
	height:3.5rem; line-height:3.5rem;
	font-size:1rem; color:#fff; font-weight:bold;
	text-align:center;
	vertical-align:top;
	border-bottom:0.1rem solid rgba(255,255,255,0.7);
}
.part-body .download-listing > .title > li:nth-of-type(1) {
	display:none;
}
.part-body .download-listing > .title > li:nth-of-type(2) {
	width:calc(48% - 0.4rem);
	margin-right:0.4rem;
}
.part-body .download-listing > .title > li:nth-of-type(3) {
	width:calc(30% - 0.4rem);
	margin-right:0.4rem;
}
.part-body .download-listing > .title > li:nth-of-type(4) {
	width:18%;
}
.part-body .download-listing > .content {
	display:block;
	width:100%; height:auto;
}
.part-body .download-listing > .content > li {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:0 auto; padding:0;
	font-size:0;
}
.part-body .download-listing > .content > li > u {
	display:inline-block;
	width:auto; height:4.6rem; line-height:4.6rem;
	font-size:1.2rem; color:#fff;
	text-align:left; text-decoration:none;
	vertical-align:top;
	border-bottom:0.1rem solid rgba(255,255,255,0.4);
}
.part-body .download-listing > .content > li > u:nth-of-type(1) {
	display:none;
}
.part-body .download-listing > .content > li > u:nth-of-type(2) {
	width:calc(48% - 0.4rem);
	margin-right:0.4rem;
	overflow:hidden;
	text-overflow:ellipsis; white-space:nowrap;
}
.part-body .download-listing > .content > li > u:nth-of-type(3) {
	width:calc(30% - 0.4rem);
	margin-right:0.4rem;
	text-align:center;
}
.part-body .download-listing > .content > li > u:nth-of-type(4) {
	width:18%;
	text-align:center;
}
.part-body .download-listing > .content > li .ico-download {
	display:inline-block;
	width:2rem; height:2rem; overflow:hidden;
	margin:0; padding:0;
	vertical-align:middle;
	cursor:pointer;
	background:url(/image/p10.png) center center no-repeat; background-size:cover;
}



.product-detail > .info {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:0 auto;
}
.product-detail > .info > .focus {
	display:block;
	width:100%; height:auto;
	margin:0 auto;
}
.product-detail > .info > .focus > .cover {
	display:block;
	width:100%; height:18rem; line-height:18rem; overflow:hidden;
	font-size:0;
	text-align:center;
}
.product-detail > .info > .focus > .cover > img {
	display:inline-block;
	width:auto; height:auto;
	max-width:100%; max-height:100%;
	vertical-align:middle;
}
.product-detail > .info > .focus > .thum {
	display:block;
	width:100%; height:auto; overflow:hidden;
	font-size:0;
}
.product-detail > .info > .focus > .thum > li {
	display:inline-block; box-sizing:border-box;
	width:5rem; height:3.75rem; line-height:3.75rem; overflow:hidden;
	margin:0 0.6rem 0 0;
	vertical-align:top; cursor:pointer;
	text-align:center;
}
.product-detail > .info > .focus > .thum > li > img {
	display:inline-block;
	width:auto; height:auto;
	max-width:100%; max-height:100%;
	vertical-align:middle;
}
.product-detail > .info > .focus > .thum > li.active {
	border:0.2rem solid rgba(255,255,255,0.2);
}


.product-detail > .info > .text {
	display:block;
	width:100%; height:auto;
	margin:2rem auto 0 auto;
}
.product-detail > .info > .text > h1 {
	display:block;
	width:100%; height:auto; line-height:1.8;
	margin:0 auto; padding:0 0 0.4rem 0;
	font-size:1.5rem; color:#fff;
}
.product-detail > .info > .text > small {
	display:block;
	width:100%; height:2.4rem; line-height:2.4rem;
	font-size:1rem; color:#ccc;
	border-bottom:0.1rem solid rgba(255,255,255,0.2);
}
.product-detail > .info > .text > .intro {
	display:block;
	width:100%; height:auto; line-height:1.8;
	margin:0 auto; padding:0.4rem 0;
	font-size:1.1rem; color:#fff;
}

.product-detail > .detail-content {
	display:block;
	width:100%; height:auto; line-height:2.2; overflow:hidden;
	margin:0 auto; padding:1rem 0;
	font-size:1.5rem; color:#e6e6e6;
}
.product-detail > .detail-content * {
	max-width:100%;
}


.product-detail .ke-zeroborder {
	margin:0 auto;
	border:none;
}
.product-detail .ke-zeroborder td {
	border:0.1rem solid #333;
	padding:0.1rem 0.2rem;
	font-size:1rem; color:#fff; font-family:"Times New Roman", Times, serif;
	text-align:center;
}



/* .message */
.message {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:0 auto;
}
.message > p {
	display:block;
	width:calc(100% - 2rem); height:auto; line-height:1.6;
	margin:0 auto; padding:1rem 0;
	font-size:1.1rem; color:#fff;
}

.message > .row {
	display:block;
	width:calc(100% - 2rem); height:auto; overflow:hidden;
	margin:0 auto; padding:0.6rem 0;
	font-size:0;
}
.message > .row > .capi {
	display:inline-block;
	width:7rem; height:2.4rem; line-height:2.4rem;
	font-size:1.1rem; color:#ccc;
	vertical-align:top;
}
.message > .row > .cont {
	display:inline-block;
	width:calc(100% - 8rem); height:auto;
	margin-left:1rem;
	vertical-align:top;
}
.message > .row > .cont > em {
	display:inline-block;
	width:auto; height:2.4rem; line-height:2.4rem;
	margin-left:0.4rem;
	font-size:0.9rem; color:#999; font-style:normal;
	vertical-align:top;
}
.message .input-text {
	display:inline-block;
	width:100%; height:2.4rem; line-height:normal;
	font-size:1.1rem; color:#222;
	text-indent:0.5rem;
	vertical-align:top;
	border:none;
	background-color:#f9f9f9;
	-webkit-border-radius:0.2rem; -moz-border-radius:0.2rem; border-radius:0.2rem;
}
.message .input-text-sm {
	width:8rem;
}
.message .input-textarea {
	display:inline-block; box-sizing:border-box;
	width:100%; height:auto; line-height:1.8;
	padding:0.4rem 0.5rem;
	font-size:1.1rem; color:#222;
	vertical-align:top;
	border:none;
	background-color:#f9f9f9;
	-webkit-border-radius:0.2rem; -moz-border-radius:0.2rem; border-radius:0.2rem;
}
#img_verify {
	display:inline-block;
	width:auto; height:2.4rem;
	margin-left:0.2rem;
	vertical-align:top;
	cursor:pointer;
}
.message .btn-submit {
	display:inline-block;
	width:14.5rem; height:2.6rem; line-height:2.6rem;
	margin:0;
	font-size:1.1rem; color:#ddd4cf;
	cursor:pointer;
	border:0.1rem solid #323232;
	background-color:#111216;
}
.message .btn-submit:hover {
	border-color:#f9f9f9;
	background-color:#f9f9f9;
	color:#222;
}