@font-face {

    font-family: "helveticaneueltstdbdcn";

    src: url('https://www.decnofloorings.com/themes/simplebootx/dekanuo/fonts/helveticaneueltstdbdcn.eot');

    src: url('https://www.decnofloorings.com/themes/simplebootx/dekanuo/fonts/helveticaneueltstdbdcn.eot') format('embedded-opentype'),

         url('https://www.decnofloorings.com/themes/simplebootx/dekanuo/fonts/helveticaneueltstdbdcn.woff2') format('woff2'),

         url('https://www.decnofloorings.com/themes/simplebootx/dekanuo/fonts/helveticaneueltstdbdcn.woff') format('woff'),

         url('https://www.decnofloorings.com/themes/simplebootx/dekanuo/fonts/helveticaneueltstdbdcn.ttf') format('truetype'),

         url('../image/helveticaneueltstdbdcn.svg') format('svg');

}



* {

	margin: 0;

	padding: 0;

}

html {

	font-size: 62.5%;

	height: 100%

}

body {

	margin: 0 auto;

	font-family: 'Verlag-book';

	font-size: 14px;

	font-size: 1.4rem;

	height: 100%;

	max-width: 1920px;

	overflow-x: hidden;

}

img {

	border: none;

}

sc ul li {

	list-style-type: none;

}

ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {

	margin: 0;

	padding: 0;

	list-style: none;

	color: #333;

}

a {

	text-decoration: none;

	color: #333;

	outline: none;

	transition: 0.3s;

	-moz-transition: 0.3s;

	-o-transition: 0.3s;

	-webkit-transition: 0.3s;

}

h1 {

	margin: 0;

	padding: 0;

	font-weight: normal;

	color: #333;

}

.clear {

	clear: both;

}

.maln {

	margin-left: auto !important

}

input, textarea {

	font-family: 'Verlag-book';

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	border: none;

	outline: none;

}

img {

	max-width: 100%;

	border: 0px solid #ccc;

}

table, embed, video {

	max-width: 100%;

}

input, textarea {

	border: none;

	background: none;

	font-family: inherit;

}

input[type="submit"], textarea[type="submit"] {

	cursor: pointer;

}

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

	cursor: pointer;

}

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

	cursor: pointer;

}

input:focus, textarea:focus {

	outline: none;

}

textarea {

	resize: none;

}

.pull-left {

	float: left;

}

.pull-right {

	float: right;

}

.fix {

*zoom:1;

}

.fix:after, .fix:before {

	display: block;

	content: "clear";

	height: 0;

	clear: both;

	overflow: hidden;

	visibility: hidden;

}

article, aside, dialog, footer, header, section, footer, nav, figure, menu {

	display: block

}

::-webkit-input-placeholder {

color:#999;

}

:-o-placeholder {

color:#999;

}

::-moz-placeholder {

color:#999;

}

:-ms-input-placeholder {

color:#999

}

.self-ellipsis {

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}

.self-ellipsis-2 {

	display: -webkit-box;

	overflow: hidden;

	white-space: normal!important;

	text-overflow: ellipsis;

	word-wrap: break-word;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical

}

.self-ellipsis-3 {

	display: -webkit-box;

	overflow: hidden;

	white-space: normal!important;

	text-overflow: ellipsis;

	word-wrap: break-word;

	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical

}

.self-ellipsis-4 {

	display: -webkit-box;

	overflow: hidden;

	white-space: normal!important;

	text-overflow: ellipsis;

	word-wrap: break-word;

	-webkit-line-clamp: 4;

	-webkit-box-orient: vertical

}

.relative {

	position: relative;

}

.absolute {

	position: absolute;

}

.common-vc {

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-o-transform: translateY(-50%);

}

.common-hc {

	position: absolute;

	left: 50%;

	transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	-webkit-transform: translateX(-50%);

	-moz-transform: translateX(-50%);

	-o-transform: translateX(-50%);

}

.common-center {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-webkit-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

}

[class*="-item"] .item-pic {

	position: relative;

	display: block;

	text-align: center;

	overflow: hidden;

}

[class*="-item"] .item-pic img {

	-webkit-transition: all 350ms;

	-o-transition: all 350ms;

	-moz-transition: all 350ms;

	transition: all 350ms;

}

[class*="-item"] .item-title {

	overflow: hidden;

}

[class*="-item"] .item-title a:hover {

	color: #333!important;

}

[class*="-item"] .item-desc {

	overflow: hidden;

}

[class*="-item"] .item-desc a {

	display: block;

	color: #333;

}

[class*="-item"] .item-desc a:hover {

	color: #333!important;

}

@media screen and (min-width:1420px) {

.wp {

	width: 1400px;

	margin: auto;

}

}

@media screen and (min-width:1220px) and (max-width:1419px) {

.wp {

	width: 1200px;

	margin: auto;

}

}

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

.wp {

	width: 980px;

	margin: auto;

}

}

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

.wp {

	width: 95%;

	margin: auto;

}

}

@media screen and (min-width:1220px) {

.no_margin {

	margin-right: auto!important;

}

.no_marginl {

	margin-left: auto!important;

}

}

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

.no_margin {

	margin-right: auto!important;

}

.no_marginl {

	margin-left: auto!important;

}

}

.page {

	text-align: center;

	overflow: hidden;

}

.page a {

	width: 35px;

	height: 30px;

	line-height: 28px;

	box-sizing: border-box;

	display: inline-block;

	font-size: 14px;

	font-size: 1.4rem;

	margin: 0 2.5px 10px;

	border: solid 1px #E5E5E5;

	color: #333;

	box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	font-size: 12px;

	font-family: 'Verlag-book';

	font-size: 1.2rem;

}

.page a.prev, .page a.next {

	width: 61px!important;

	margin: 0 2.5px 10px;

	background-color: transparent;

}

.page a.next {

	width: 61px!important;

}

.page a.prev:hover, .page a.next:hover {

	background-color: #333!important;

	color: #FFFFFF!important;

	border-color: #333;

}

.page a:hover, .page-active, .page a.current {

	background-color: #333!important;

	color: #FFFFFF!important;

	border-color: #333!important;

}

.fl {

	float: right;

}

.add-btn {

	width: 150px;

	height: 30px;

	line-height: 28px;

	text-align: center;

	background-color: #333;

	color: #FFFFFF;

	cursor: pointer;

	font-size: 14px;

	font-size: 1.4rem;

	font-family: 'Verlag-book';

	margin-left: 25px;

}

.add-btn:hover {

	background-color: #333;

}

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

.fl {

	float: none;

}

.add-btn {

	font-size: 12px;

	font-size: 1.2rem;

}

.add-form {

	float: none;

	display: inline-block;

}

.page a {

	font-size: 12px;

	font-size: 1.2rem;

}

}

.kf {

	position: fixed;

*position:absolute;

	z-index: 10000;

	right: 0;

	top: 25%;

	width: 60px;

}

.kf-item {

	position: relative;

	height: 60px;

}

.kf-item a {

	position: absolute;

	right: -200px;

	top: 0;

	display: block;

	width: 260px;

	height: 60px;

	line-height: 60px;

	padding-left: 60px;

	text-align: left;

	font-size: 16px;

	font-size: 1.6rem;

	color: #FFFFFF;

	background-color: #2A2D40;

	background-repeat: no-repeat;

	background-position: left center;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.kf-item a:hover {

	right: 0;

	background-color: #c4996c;

}

.kf-item-1 a {

	background-image: url(../image/r_wechat.png);

}

.kf-item-2 a {

	background-image: url(../image/r_tel.png);

}

.kf-item-3 a {

	background-image: url(../image/r_email.png);

}

.kf-item-4 a {

	background-image: url(../image/r_ewm.png);

}

.kf-item-4 a:hover {

	right: -200px;

}

.kf-item-4:hover .weixing-show {

	right: 70px;

}

.weixing-show {

	width: 121px;

	background: #fff;

	border-radius: 10px;

	border: 1px solid #dddddd;

	position: absolute;

	right: -200px;

	top: -85px;

}

.weixing-show .weixing-txt {

	float: left;

	width: 100px;

	padding: 10px 12px;

	text-align: center;

	font-size: 14px;

	font-size: 1.4rem;

	color: #4c4c4c

}

.weixing-show .weixing-txt ul li {

	width: 100px;

	height: 120px;

	text-align: center;

	font-size: 14px;

	font-size: 1.4rem;

	color: #4c4c4c

}

.kf-item-5 a {

	background-image: url(../image/r_top.png);

}

.kf-item-5 a:hover {

	right: -200px;

}

.c1 {

	background: #2A2D40 url(../image/r_skype.png) no-repeat center;

}

.c2 {

	background: #2A2D40 url(../image/r_tel.png) no-repeat center;

}

.c3 {

	background: #2A2D40 url(../image/r_email.png) no-repeat center;

}

.c4 {

	background: #2A2D40 url(../image/r_ewm.png) no-repeat center;

	cursor: pointer;

	background-size: 40px!important;

}

.c5 {

	background: #2A2D40 url(../image/r_top.png) no-repeat center;

	cursor: pointer;

}

.contact-phone {

	position: fixed;

	bottom: 0;

	height: 50px;

	left: 0;

	right: 0;

	display: none;

	z-index: 999;

}

.contact-phone li {

	width: 25%;

	height: 50px;

	float: left;

	background-size: 50px;

	position: relative;

	bottom: 0!important;

}

.contact-phone li a {

	display: block;

	height: 50px;

}

.contact-phone .weixing-show {

	top: -135px;

	right: 50%;

	margin-right: -56px;

	width: 110px;

	display: none;

}

.weixing-show .weixing-txt {

	padding: 5px;

}

.contact-phone .c2:hover .weixing-show{ display:block;}

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

.kf {

	display: none;

}

.contact-phone {

	display: block;

}

}

.wrap {

	overflow: hidden;

}

.bread {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 24px;

	padding: 12px 0 14px;

	border-bottom: solid 1px #BFBFBF;

	text-transform: uppercase;

	color: #777;

	overflow: hidden;

}

.bread a {

	color: #777;

}

.bread a:hover {

	color: #333;

}

.bread .bread-active {

	color: #333;

}

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

.bread {

	padding: 10px 0;

}

}

.foot-bread {

	text-align: right;

	font-size: 18px;

	font-size: 1.8rem;

	text-transform: uppercase;

	padding: 5px 0 5px;

	overflow: hidden;

}

.foot-bread a:first-child {

	margin-right: 40px;

}

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

.foot-bread {

	padding: 10px 0 35px;

}

}

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

.foot-bread {

	padding: 10px 0 30px;

	font-size: 16px;

	font-size: 1.6rem;

}

}

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

.foot-bread {

	padding: 10px 0 20px;

	font-size: 14px;

	font-size: 1.4rem;

}

.foot-bread a:first-child {

	margin-right: 30px;

}

}

.search-icon {

	cursor: pointer;

	margin-top: 8px;

	margin-left: 5px;

	position: relative;

	z-index: 999;

}

.search-box::-webkit-input-placeholder {

color:#333;

}

.search-box:-o-placeholder {

color:#333;

}

.search-box::-moz-placeholder {

color:#333;

}

.search-box:-ms-input-placeholder {

color:#333;

}

.search-box {

	width: 230px;

	height: 32px;

	line-height: 30px;

	border-radius: 5px;

	position: absolute;

	right: 0;

	top: 80px;

	border: solid 1px #1B1B1B;

	background-color: #FFFFFF;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	display: none;

	cursor: pointer;

	overflow: hidden;

	z-index: 999;

}

.search-icon {

	cursor: pointer;

}

.search-input {

	width: 100%;

	height: 31px;

	line-height: 30px;

	background-color: transparent;

	padding: 0 40px 0 10px;

	color: #333;

	box-sizing: border-box;

	cursor: pointer;

	font-size: 16px;

	font-size: 1.6rem;

}

.search-submit {

	position: absolute;

	background: #1B1B1B url(../image/search.png) no-repeat center center;

	width: 30px;

	height: 30px;

	top: 0;

	right: 0;

	cursor: pointer;

}

.header {

	position: fixed;

	top: 0;

	width: 100%;

	z-index: 999;

	background-color: #FFFFFF;

}

body {

	padding-top: 116px;

}

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

body {

	padding-top: 141px;

}

}

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

body {

	padding-top: 92px;

}

}

.h-top {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 30px;

	padding: 6px 0 10px;

	text-align: right;

	/*overflow: hidden;*/

}

.h-top span {

	padding-left: 10pxpx;

}

.htop-tel {

	background: url(../image/nav1.png) no-repeat left center;

	padding-right: 25px;

	font-size: 18px;

	font-size: 1.8rem;

	padding-left: 17px;

}

.htop-mail {

	background: url(../image/nav2.png) no-repeat left center;

	padding-right: 25px;

		padding-left: 17px;

}

.htop-wechat {

	background: url(../image/nav3.png) no-repeat left center;

	font-size: 18px;

	font-size: 1.8rem;

	display: none;

}

.h-bot {

	position: relative;

}

.logo {

	display: block;

	float: left;

	margin: 0px 0 0;

}

.navlist {

	float: right;

	margin: 0px 0 0

}

.navlist>li {

	float: left;

	margin-right: 48px;

	text-transform: uppercase;

	font-size: 16px;

	font-size: 1.6rem;

	position: relative;

}

.navlist>li>a {

	display: block;

	line-height: 50px;

	padding-bottom: 7px;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: b;

}

.nav-active>a, .navlist>li>a:hover {

	color: #333!Important;

}

.nav-active, .navlist>li:hover {

	border-bottom: solid 6px #1B1B1B;

}

.navlist1 {

	display: none;

	width: 100%;

}

.navlist1>li {

	float: left;

	width: 25%;

	text-align: center;

	line-height: 36px;

}

.navlist1>li>a {

	color: #333;

	display: block;

}

.navlist1>li:hover>a {

	display: block;

	color: #333!important;

	border-bottom: solid 3px #1B1B1B;

}

.navlist>li:hover .yiji {

	top: 78px;

}

.yiji {

	border: solid 2px #EEEEEE;

	position: absolute;

	left: 0;

	top: -9999999px;

	margin-top: -15px;

	width: 181px;

	background: #FFFFFF;

	z-index: 99999;

	padding: 0;

	box-sizing: border-box;

	font-family: 'Verlag-book';

	text-transform: none;

}

.yiji li {

	float: left;

	text-align: left;

	width: 100%;

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

	color: #FFFFFF;

	font-weight: normal;

	position: relative;

	margin: 0;

	box-sizing: border-box;

}

.yiji>li {

	border-bottom: solid 1px #BFBFBF;

	padding: 14px 10px 6px 22px;

}

.yiji>li:last-child {

	border-bottom: 0;

}

.yiji li:hover>.erji {

	left: 178px;

}

.yiji li a {

	color: #333;

}

.yiji>li:hover {

	background-color: #333;

	color: #FFFFFF;

}

.yiji>li:hover>a {

	color: #FFFFFF!important;

}

.erji {

	position: absolute;

	left: -9999px;

	top: -2px;

	width: 293px;

	background: #fff;

	z-index: 99;

	padding: 3px 0;

	box-sizing: border-box;

	border: solid 2px #EEEEEE;

}

.erji>li {

	line-height: 44px;

	padding: 0 10px 0 22px;

}

.erji li a {

	color: #999;

}

.erji>li:hover>a {

	color: #333333;

}

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

.navlist>li {

	margin-right: 30px;

}

}

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

.navlist>li {

	margin-right: 10px;

}

}

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

.yiji {

	display: none;

}

.search-icon {

	margin-top: 18px;

}

.search-box {

	top: 133px;

}

.logo {

	margin: 15px 0 0;

}

.navlist {

	margin: 10px 0 0;

	font-size: 0;

	letter-spacing: 0;

	width: 100%;

	text-align: center;

}

.navlist>li {

	font-size: 14px;

	font-size: 1.4rem;

}

.navlist>li>a {

	padding-bottom: 0;

}

.navlist>li {

	margin-right: 14px;

	display: inline-block;

	vertical-align: top;

	float: none;

}

}

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

}

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

.h-top, .navlist, .search {

	display: none;

}

.navlist1 {

	display: block;

}

.nav-active>a, .navlist>li>a:hover {

	border-bottom-width: 3px;

}

.logo {

	height: 35px;

}

}

.footer {

	/*background: #1B1B1B;*/

	background: #E8580F;

	color: #FFFFFF;

	line-height: 30px;

	overflow: hidden;

}

.footer a, .footer li, .footer p, .footer span {

	color: #FFFFFF;

}

.footer-title {

	font-size: 18px;

	font-size: 1.8rem;

	line-height: 30px;

	color: #FFFFFF;

	margin-bottom: 25px;

}

.footer-title a {

	color: #FFFFFF;

}

.f-top {

	padding: 50px 0 18px;

	border-bottom: solid 1px #BFBFBF;

}

.flist1 {

	float: left;

	margin-right: 78px;

}

.flist2 {

	float: left;

	margin-right: 80px;

}

.flist3 {

	float: left;

	margin-right: 120px;

}

.flist4 {

	float: left;

	margin-right: 80px;

}

.flist5 {

	float: left;

}

.flist6 {

	float: right;

}

.f-follow {

	margin: 14px 0 26px;

}

.f-follow img {

	float: left;

	margin-right: 14px;

}

.ewm {

	float: left;

	margin-right: 16px;

	text-align: center;

	width: 76px;

}

.ewm img{ width: 100%; max-width: 100%;     border: #ccc solid 1px;

    margin-bottom: 10px;}

.ewm p {

	line-height: 0;

	margin-top: 1px;

}

.f-bot {

	padding: 15px 0 22px;

	margin-bottom: 23px;

}

.copyright span {

	line-height: 24px;

}

.copyright img {

	margin-left: 5px;

}

.links {

	line-height: 24px;

	margin-top: 7px;

}

.links a {

	margin-right: 25px;

}

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

.flist1, .flist2, .flist3, .flist4 {

	margin-right: 40px;

}

}

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

.flist1, .flist2, .flist3, .flist4, .flist5, .flist6 {

	width: 33.33%;

	margin-right: 0;

	min-height: 370px;

}

}

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

.f-top, .links {

	display: none;

}

.f-bot {

	padding: 15px 0 65px;

}

.copyright span {

	display: block;

	float: none;

}

}

.item-info, .d-group, .item-btn, .item-title, div, li {

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

}

.four-box {

	padding: 77px 0;

	overflow: hidden;

}

.four-list {

	overflow: hidden;

}

.four-list li {

	float: left;

	width: 49%;

	margin: 21px 0 21px 2%;

	position: relative;

	overflow: hidden;

}

.four-list .item-pic {

	width: 100%;

}

.four-list .item-pic img {

	width: 100%;

	max-width: 686px;

	display: block;

	margin: 0 auto;

}

.four-list li:hover .item-info {

	top: 22px;

	bottom: 22px;

}

.four-list li:hover>.item-title {

	top: -100%;

}

.four-list .item-title {

	font-family: 'Verlag-bold';

	font-size: 36px;

	font-size: 3.6rem;

	text-transform: uppercase;

	width: 100%;

	text-align: center;

	position: relative;

	line-height: 80px;

}

.four-list li>.item-title {

	position: absolute;

	top: 50%;

	margin-top: -52px;

	color: #FFFFFF;

	transition: all .5s;

	-webkit-transition: all .5s;

	padding: 0 10px;

}

.four-list li>.item-title a {

	color: #FFFFFF;

}

.four-list .item-title:after {

	position: absolute;

	content: '';

	width: 75px;

	height: 7px;

	left: 50%;

	margin-left: -37.5px;

	bottom: 0;

	background-color: #FFFFFF;

}

.four-list .item-info {

	position: absolute;

	top: -100%;

	right: 22px;

	left: 22px;

	background: url(../image/web2.png) repeat;

	padding: 81px 73px 0;

	text-align: center;

	transition: all .5s;

	-webkit-transition: all .5s;

}

.four-list .item-info .item-title:after {

	background-color: #333333;

}

.four-list .item-desc {

	font-size: 18px;

	font-size: 1.8rem;

	line-height: 24px;

	margin: 15px 0 15px;

	height: 48px;

}

.four-list .item-btn {

	width: 30px;

	height: 30px;

	background: url(../image/web3.png) no-repeat center;

	background-size: contain;

	display: inline-block;

}

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

.four-list .item-info {

	padding-top: 40px;

}

}

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

.four-list .item-info {

	padding: 15px;

}

}

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

.four-box {

	padding: 35px 0;

}

.four-list li {

	margin: 15px 0 15px 2%;

	width: 48%;

}

.four-list li>.item-title {

	display: none;

}

.four-list li:hover .item-info {

	top: auto;

	left: auto;

	bottom: auto;

	right: auto;

}

.four-list .item-info {

	padding: 0 15px;

	position: relative;

	top: auto;

	left: auto;

	bottom: auto;

	right: auto;

}

.four-list .item-desc {

	margin: 5px 0;

}

.four-list .item-title {

	line-height: 60px;

	font-size: 30px;

	font-size: 3rem;

}

.four-list .item-title:after {

	height: 5px;

}

}

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

.four-box {

	padding: 20px 0;

}

.four-list li {

	margin: 10px 1%;

}

.four-list .item-title {

	font-size: 24px;

	font-size: 2.4rem;

	line-height: 48px;

}

.four-list .item-title:after {

	width: 50px;

	height: 3px;

}

.four-list .item-desc {

	font-size: 16px;

	font-size: 1.6rem;

}

}

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

.four-list li {

	width: 98%;

}

}

.d-group {

	background: url(../image/web4.jpg) top center;

	min-height: 590px;

	padding-top: 106px;

}

.dgroup-content {

	width: 525px;

	overflow: hidden;

}

.dgroup-content .item-title {

	font-family: 'Verlag-Bold';

	font-size: 48px;

	font-size: 4.8rem;

	text-transform: uppercase;

	position: relative;

	padding-bottom: 21px;

}

.dgroup-content .item-title:after {

	position: absolute;

	content: '';

	width: 166px;

	height: 4px;

	background-color: #1B1B1B;

	left: 0;

	bottom: 0;

}

.dgroup-content .item-desc {

	font-size: 18px;

	font-size: 1.8rem;

	line-height: 24px;

	margin: 36px 0 41px;

}

.dgroup-content .item-btn {

	display: inline-block;

	width: 156px;

	height: 40px;

	line-height: 40px;

	background: #333333;

	text-align: center;

	font-size: 18px;

	font-size: 1.8rem;

	color: #FFFFFF;

}

.dgroup-content .item-btn:hover {

	background-color: transparent;

	border: solid 1px #333333;

	color: #333333;

}

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

.d-group {

	min-height: auto;

	padding: 50px 0;

}

.dgroup-content .item-title {

	font-size: 30px;

	font-size: 3rem;

}

}

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

.d-group {

	padding: 30px 0;

}

.dgroup-content {

	width: 100%;

}

.dgroup-content .item-title {

	font-size: 24px;

	font-size: 2.4rem;

	padding-bottom: 10px;

}

.dgroup-content .item-desc {

	font-size: 16px;

	font-size: 1.6rem;

	margin: 20px 0;

}

.dgroup-content .item-btn {

	height: 36px;

	line-height: 36px;

	font-size: 16px;

	font-size: 1.6rem;

}

}

.hot-pro {

	overflow: hidden;

}

.hotp-title, .ne-title {

	font-family: 'Verlag-Bold';

	font-size: 48px;

	font-size: 4.8rem;

	text-align: center;

	text-transform: uppercase;

}

.hotp-title {

	margin: 100px 0 67px;

}

.ne-title {

	margin: 92px 0 55px;

}

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

.hotp-title, .ne-title {

	font-size: 30px;

	font-size: 3rem;

	margin: 50px 0;

}

}

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

.hotp-title, .ne-title {

	font-size: 24px;

	font-size: 2.4rem;

	margin: 30px 0;

}

}

.hotp-list li {

	float: left;

	width: 428px;

	margin-right: 58px;

	position: relative;

	overflow: hidden;

}

.hotp-list li:hover .item-info {

	top: 16px;

	bottom: 16px;

}

.hotp-list li:hover .item-pic .item-title {

	top: -100%;

}

.hotp-list .item-pic {

	width: 100%;

	position: relative;

}

.hotp-list .item-pic img {

	width: 100%;

	max-width: 462px;

	max-height: 471px;

	display: block;

	margin: 0 auto;

}

.hotp-list .item-pic .item-title {

	position: absolute;

	top: 50%;

	margin-top: -16px;

	left: 0;

	transition: all .5s;

	-webkit-transition: all .5s;

	padding: 0 10px;

}

.hotp-list .item-pic .item-title>a {

	color: #333;

}

.hotp-list .item-title {

	font-family: 'Verlag-Bold';

	font-size: 32px;

	font-size: 3.2rem;

	width: 100%;

	text-align: center;

	line-height: 32px;

	text-transform: uppercase;

}

.hotp-list .item-info {

	position: absolute;

	top: -100%;

	right: 16px;

	left: 16px;

	padding-top: 130px;

	background: url(../image/web2.png) repeat;

	text-align: center;

	transition: all .5s;

	-webkit-transition: all .5s;

}

.hotp-list .item-desc {

	font-size: 18px;

	font-size: 1.8rem;

	line-height: 30px;

	margin: 18px 0 13px;

	height: 60px;

}

.hotp-list .item-btn {

	width: 30px;

	height: 30px;

	background: url(../image/web3.png) no-repeat center;

	background-size: contain;

	display: inline-block;

}

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

.hotp-list li {

	width: 380px;

	margin-right: 30px;

}

.hotp-list .item-info {

	padding-top: 120px;

}

}

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

.hotp-list li {

	width: 313px;

	margin-right: 20px;

}

.hotp-list .item-info {

	padding-top: 75px;

}

}

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

.hotp-list li {

	width: 31.33%;

	margin: 0 1%;

}

.hotp-list .item-pic .item-title {

	display: none;

}

.hotp-list li:hover .item-info {

	top: auto;

	bottom: auto;

}

.hotp-list .item-info {

	position: relative;

	top: auto;

	left: auto;

	bottom: auto;

	right: auto;

	padding: 15px;

}

.hotp-list .item-title {

	font-size: 30px;

	font-size: 3rem;

}

}

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

.hotp-list .item-title {

	font-size: 24px;

	font-size: 2.4rem;

	line-height: 30px;

}

.hotp-list .item-info {

	padding: 15px;

}

.hotp-list .item-desc {

	font-size: 16px;

	font-size: 1.6rem;

	margin: 5px 0 10px;

	line-height: 24px;

	height: 48px;

}

}

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

.hotp-list li {

	width: 48%;

	margin: 0 1%;

}

}

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

.hotp-list li {

	width: 98%;

	margin: 0 1%;

}

}

.news-events {

	padding-bottom: 100px;

	overflow: hidden;

}

.m-hvideo {

	float: right;

	margin-left: 20px;

	width: 330px;

}

.m-hvideo .video-iframe {

	position: relative;

	overflow: hidden;

}

.m-hvideo .video-iframe img {

	width: 100%;

	max-width: 330px;

	display: block;

	margin: 0 auto;

}

.m-hvideo .video-title {

	margin-top: 3px;

	padding: 25.5px 10px;

	line-height: 30px;

	font-size: 28px;

	font-size: 2.8rem;

	font-family: "Verlag-Bold";

	color: #fff;

	text-align: center;

	text-transform: uppercase;

	background-color: #1B1B1B;

	-webkit-transition: all 350ms;

	-o-transition: all 350ms;

	-moz-transition: all 350ms;

	transition: all 350ms;

}

.m-hvideo .video-title a {

	color: #fff;

}

.m-hnews {

	position: relative;

	overflow: hidden;

}

.m-hnews .news-list {

	position: relative;

	overflow: hidden;

	width: 1000%;

}

.m-hnews .list-item {

	float: left;

	width: 10%;

	background-color: #eee;

	overflow: hidden;

}

.m-hnews .item-pic {

	float: left;

	width: 425px;

}

.m-hnews .item-pic img {

	display: block;

	width: 100%;

	max-width: 425px;

}

.m-hnews .item-text {

	padding-top: 51px;

	padding-left: 25px;

	padding-right: 25px;

	overflow: hidden;

}

.m-hnews .item-title {

	font-size: 24px;

	font-size: 2.4rem;

	font-family: "Verlag-Bold";

}

.m-hnews .item-date {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

	margin-top: 22px;

}

.m-hnews .item-date a {

	color: #555555;

}

.m-hnews .item-desc {

	margin-top: 6px;

}

.m-hnews .item-desc a {

	display: block;

	height: 90px;

	line-height: 30px;

	font-size: 16px;

	font-size: 1.6rem;

	color: #555;

	overflow: hidden;

}

.m-hnews .item-link {

	margin-top: 14px;

	font-size: 18px;

	font-size: 1.8rem;

	color: #333;

}

.m-hnews .item-link a {

	color: #333;

}

.m-hnews .news-page {

	position: absolute;

	z-index: 2;

	right: 32px;

	bottom: 20px;

	text-align: right;

}

.m-hnews .page-item {

	margin: 0 5px;

	display: inline-block;

*display:inline;

*zoom:1;

	font-size: 18px;

	font-size: 1.8rem;

	color: #555;

}

.m-hnews .page-item.active {

	color: #4F3E2E;

}

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

.m-hnews .item-pic {

	width: 290px;

	height: 322px;

	line-height: 322px;

}

.m-hnews .item-pic img {

	vertical-align: middle;

	display: inline-block;

}

.m-hvideo {

	width: 282px;

}

.m-hvideo .video-title {

	padding: 20px 10px;

}

}

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

.news-events {

	padding-bottom: 50px;

}

.m-hvideo {

	float: none;

	width: 100%;

	margin-left: 0;

}

.m-hnews {

	margin-top: 30px;

}

.m-hnews .item-pic {

	height: auto;

	line-height: 0;

}

.m-hnews .item-text {

	padding-top: 25px;

}

.m-hvideo .video-title {

	padding: 10px;

}

}

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

.news-events {

	padding-bottom: 30px;

}

.m-hfix1 {

	margin-top: 30px;

	padding-bottom: 30px;

}

.m-hvideo .video-title {

	padding: 10px;

	font-size: 20px;

	font-size: 2rem;

}

.m-hnews .item-title {

	font-size: 20px;

	font-size: 2rem;

}

.m-hnews .item-date {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 24px;

	margin-top: 10px;

}

.m-hnews .item-desc a {

	line-height: 24px;

	height: auto;

	max-height: 72px;

	font-size: 14px;

	font-size: 1.4rem;

}

.m-hnews .item-link {

	margin-top: 10px;

	font-size: 16px;

	font-size: 1.6rem;

}

}

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

.m-hnews .item-pic {

	float: none;

	width: 100%;

}

.m-hnews .item-text {

	padding: 20px 10px 40px;

}

}

.company-box {

	padding: 40px 0 0;

}

.cbox1-img {

	float: right;

	width: 39.357%;

	margin-right: 5%;

}

.cbox1-img1 {

	display: inline-block;

	width: 36.90%;

	margin-right: 1.4%;

	margin-right: 1.2%\0;

}

.cbox1-img2 {

	display: inline-block;

	width: 61.29%;

}

.cbox2-img {

	float: left;

	margin-right: 3%

}

.company-box p {

	font-size: 18px;

	font-size: 1.8rem;

	line-height: 33px;

	font-family: 'Verlag-book';

}

.company-box p.c-title {

	font-family: 'Verlag-Bold';

	font-size: 49px;

	font-size: 4.9rem;

	position: relative;

	height: 97px;

	line-height: 88px;

	margin-bottom: 20px;

}

.company-box p.c-title strong {

	position: relative;

	z-index: 2;

	padding-left: 32px;

}

.company-box p.c-title:after {

	position: absolute;

	content: '';

	width: 97px;

	height: 97px;

	background-color: #F5F5F5;

	top: 0;

	left: 0;

	z-index: 0;

}

.cbox1-word {

	padding-left: 31px;

}

.cbox2 {

	margin-top: 14px;

}/*.cbox2 p{padding-top:73px;}*/

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

.cbox1-img1 {

	margin-right: 1.2%;

}

}

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

.company-box p.c-title {

	margin-bottom: 0;

}

.cbox2 p {

	padding-top: 0;

}

}

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

.company-box {

	padding: 50px 0 0;

}

.cbox1-img1 {

	margin-right: 0;

	float: none!important;

}

.cbox1-img2 {

	float: right;

}

.cbox1-img {

	width: 100%;

	max-width: 775px;

	float: none!important;

	margin: 0 0 10px;

}

.cbox2-img {

	width: 100%;

	max-width: 911px;

	float: none!important;

	margin: 0 0 10px;

}

.company-box p.c-title {

	font-size: 30px;

	font-size: 3rem;

	height: auto;

	line-height: 80px;

	text-align: center;

}

.company-box p.c-title span {

	padding-left: 0;

}

.company-box p.c-title:after {

	display: none;

}

.company-box p {

	font-size: 16px;

	font-size: 1.6rem;

}

.cbox1-word {

	padding-left: 0;

}

}

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

.company-box {

	padding: 30px 0 0;

}

.company-box p.c-title {

	font-size: 24px;

	font-size: 2.4rem;

	height: auto;

	line-height: 40px;

}

.company-box p.c-title:after {

	height: 40px;

	line-height: 40px;

}

.company-box p {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 24px;

}

}

.all-pics li {

	float: left;

	width: 20%;

}

.company-scroll {

	position: relative;

	overflow: hidden;

}

.company-scroll .scroll-btns {

	display: none;

}

.company-scroll .scroll-list {

	width: 1000%;

}

.company-pics {

	padding: 80px 0 77px;

}

.company-pics li {

	float: left;

	width: 382px;

	position: relative;

	overflow: hidden;

}

.company-pics li:hover .item-backdrop {

	top: 18px;

	bottom: 18px;

}

.company-pics li:hover .item-pic {

	opacity: .9;

}

.company-pics .item-pic {

	width: 100%;

}

.company-pics .item-pic img {

	width: 100%;

	display: block;

	max-width: 383px;

	margin: 0 auto;

}

.company-pics .item-backdrop {

	position: absolute;

	top: -100%;

	left: 18px;

	right: 18px;

	background: url(../image/about9.png) repeat;

	transition: all .5s;

	-webkit-transition: all .5s;

}

.company-pics .item-title {

	text-align: center;

	font-family: 'Verlag-Bold';

	font-size: 20px;

	font-size: 2rem;

	color: #FFFFFF;

	text-transform: uppercase;

	line-height: 30px;

	padding: 15px 0;

	position: absolute;

	width: 100%;

	top: 50%;

	margin-top: -30px;

}

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

.company-pics {

	padding: 70px 0;

}

.company-pics .item-title {

	font-size: 16px;

	font-size: 1.6rem;

}

.company-pics li {

	width: 300px;

}

}

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

.company-pics {

	padding: 50px 0;

}

.company-pics .item-backdrop {

	position: relative;

	top: auto;

	left: auto;

	right: auto;

	bottom: auto;

	background: none;

}

.company-pics .item-title {

	position: relative;

	top: auto;

	margin-top: auto;

	color: #333333;

}

.company-pics li:hover .item-backdrop {

	top: auto;

	bottom: auto;

}

.company-pics li:hover .item-pic {

	opacity: 1;

}

.company-pics li {

	width: 250px;

}

}

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

.company-pics {

	padding: 30px 0;

}

.company-pics li {

	width: 200px;

}

.company-pics .item-title {

	font-size: 14px;

	font-size: 1.4rem;

	padding: 10px 0;

	line-height: 20px;

}

}

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

.company-pics li {

	width: 150px;

}

}

.about3 {

	background: url(../image/about15.png) no-repeat top center;

}

.about3-list {

	font-family: 'Verlag-book';

	text-align: center;

}

.about3-list li {

	float: left;

	width: 445px;

	margin-left: 32px;

	padding: 0 34px;

}

.about3-list li .item-body {

	width: 10000px;

	height: 561px;

	display: table-cell;

	vertical-align: middle;

}

.about3-list .item-title {

	font-family: 'Verlag-Bold';

	font-size: 26px;

	font-size: 2.6rem;

	text-transform: uppercase;

	margin: 28px 0 13px;

}

.a3-list2 p {

	color: #FFFFFF;

}

.a3-list1, .a3-list3 {

	background: url(../image/about13.png) repeat;

}

.a3-list2 {

	background: url(../image/about14.png) repeat;

}

.about3-list .item-desc {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

}

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

.about3-list li {

	width: 386px;

	margin-left: 20px;

	padding: 0 20px;

}

.about3-list .item-title {

	margin: 20px 0 10px;

}

}

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

.about3-list li {

	width: 313px;

	margin-left: 20px;

}

.about3-list .item-title {

	margin: 10px 0 10px;

}

.about3-list .item-desc {

	line-height: 24px;

}

}

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

.about3 {

	background-size: cover;

}

.about3-list li {

	width: 100%;

	margin: 0;

	padding: 50px 20px;

}

.about3-list li .item-body {

	width: 100%;

	height: auto;

	display: block;

}

}

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

.about3-list li {

	padding: 30px 20px;

}

.about3-list .item-title {

	font-size: 20px;

	font-size: 2rem;

}

.about3-list .item-desc {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 20px;

}

}

.hiscul {

	background-color: #EEEEEE;

	padding: 58px 0 90px;

}

.hiscul-title {

	font-family: 'Verlag-Bold';

	font-size: 49px;

	font-size: 4.9rem;

	text-align: center;

	margin-bottom: 66px;

}

.hiscul-scroll.scroll-box {

	position: relative;

	overflow: hidden;

	padding: 0 57px;

	font-family: arial;

}

.hiscul-scroll .scroll-btn {

	width: 32px;

	height: 32px;

	display: inline-block;

	top: 50%;

	margin-top: -16px;

	position: absolute;

	cursor: pointer;

}

.hiscul-scroll .scroll-btn.prev {

	background: url(../image/prev3.png) no-repeat center;

	-webkit-background-size: contain;

	-moz-background-size: contain;

	background-size: contain;

	left: 0;

}

.hiscul-scroll .scroll-btn.prev:hover {

	background-image: url(../image/prev3_1.png);

}

.hiscul-scroll .scroll-btn.next {

	background: url(../image/next3.png) no-repeat center;

	-webkit-background-size: contain;

	-moz-background-size: contain;

	background-size: contain;

	right: 0;

}

.hiscul-scroll .scroll-btn.next:hover {

	background-image: url(../image/next3_1.png);

}

.hiscul-scroll .scroll-list-box {

	width: 100%;

	overflow: hidden;

	position: relative;

	padding: 0 7px;

}

.hiscul-scroll .scroll-list {

	width: 1000%;

}

.hiscul-scroll .scroll-list li {

	float: left;

	width: 4%;

	margin-right: 0%;

	border-left: solid 1px #7D7D7D;

	border-bottom: solid 1px #7D7D7D;

	padding-bottom: 36px;

	position: relative;

}

.hiscul-scroll .scroll-list li:before {

	position: absolute;

	content: '';

	width: 14px;

	height: 14px;

	background: url(../image/about16.png) repeat center;

	left: -7px;

	bottom: -7px;

}

.hiscul-scroll .item-title {

	font-size: 30px;

	font-size: 3rem;

}

.hiscul-scroll .item-desc {

	font-size: 12px;

	font-size: 1.2rem;

	line-height: 24px;

	height: 120px;

	overflow: hidden;

}

.hiscul-scroll .scroll-list li .left {

	width: 53%;

	float: left;

	padding-left: 12px;

}

.hiscul-scroll .scroll-list li .item-pic {

	padding-right: 12px;

}

.hiscul-scroll .scroll-list li .item-pic img {

	max-height: 150px;

	display: block;

	margin: 0 auto;

}

.down {

	margin-top: 190px;

	border: solid 1px #7D7D7D;

	border-bottom: 0 !important;

	border-right: 0;

	padding-bottom: 0 !important;

	padding-top: 36px;

	margin-left: -2%;

}

.down:before {

	bottom: auto;

	top: -7px;

}

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

.hiscul-scroll .scroll-list li {

	width: 4%;

}

}

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

.hiscul {

	padding: 50px 0 50px;

}

.hiscul-title {

	font-size: 30px;

	font-size: 3rem;

	margin-bottom: 50px;

}

.hiscul-scroll .scroll-list li {

	width: 5%;

}

.down {

	margin-left: -2.5%;

}

}

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

.hiscul-scroll .scroll-list li {

	width: 10%;

}

.hiscul-scroll .scroll-list li .item-pic img {

	max-height: 130px;

	display: block;

	margin: 0 auto;

}

.down {

	margin-left: -5%;

}

.hiscul {

	padding: 30px 0;

}

.hiscul-title {

	font-size: 24px;

	font-size: 2.4rem;

	margin-bottom: 30px;

}

.hiscul-scroll .item-title {

	font-size: 24px;

	font-size: 2.4rem;

}

.hiscul-scroll .item-desc {

	font-size: 14px;

	font-size: 1.4rem;

}

.hiscul-scroll .scroll-list li {

	padding-bottom: 20px;

}

.down {

	margin-top: 168px;

}

}

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

.hiscul-scroll .scroll-list li {

	width: 10%;

}

}

.vm-box {

	padding: 60px 0;

	font-family: 'Verlag-book';

}

.vm-list .item-pic {

	width: 855px;

	margin-right: 58px;

}

.vm-list .item-pic.pull-right {

	margin-right: 0;

	margin-left: 58px;

}

.vm-list .item-pic img {

	width: 100%;

	display: block;

	max-width: 855px;

	margin: 0 auto;

}

.vm-list .item-title {

	font-size: 30px;

	font-size: 3rem;

	background: url(../image/about17.png) no-repeat left 6px;

	padding-left: 21px;

	margin-bottom: 20px;

}

.vm-list .item-desc {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

	color: #575655;

}

.vm-list .item-body {

	display: table-cell;

	vertical-align: middle;

	height: 358px;

	width: 1000px;

}

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

.vm-list .item-pic {

	margin-right: 30px;

}

.vm-list .item-pic.pull-right {

	margin-left: 30px;

}

}

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

.vm-list .item-pic {

	margin-right: 20px;

}

.vm-list .item-pic.pull-right {

	margin-left: 20px;

}

.vm-list .item-pic {

	width: 700px;

}

.vm-list .item-body {

	height: 293px;

}

.vm-list .item-title {

	margin-bottom: 15px;

}

.vm-list .item-desc {

	line-height: 24px;

	font-size: 14px;

	font-size: 1.4rem;

}

}

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

.vm-box {

	padding: 50px 0;

}

.vm-list .item-pic {

	float: none!important;

	width: 100%;

	margin: 0;

}

.vm-list .item-pic.pull-right {

	margin: 0;

}

.vm-list .item-body {

	width: 100%;

	height: auto;

	display: block;

	padding: 20px;

}

}

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

.vm-box {

	padding: 30px 0;

}

.vm-list .item-title {

	font-size: 24px;

	font-size: 2.4rem;

	margin-bottom: 10px;

	background-position-y: 2px;

}

.vm-list .item-desc {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 24px;

}

}

.abmain5 {

	padding-top: 45px;

	font-family: 'Verlag-book';

	background-color: #EEEEEE;

}

.ab5a {

	display: block;

	font-size: 49px;

	font-size: 4.9rem;

	line-height: 73px;

	font-family: 'Verlag-Bold';

	text-align: center;

}

#box {

	position: relative;

	width: 1060px;

	height: 510px;

	margin: auto;

	margin-top: 18px;

}

#box ul {

	position: relative;

	width: 1060px;

	height: 510px;

}

#box li {

	position: absolute;

	list-style: none;

	width: 0;

	height: 0;

	top: 0px;

	left: 0px;

	z-index: 0;

}

#box li img {

	width: 100%;

	height: 100%;

	vertical-align: top;

}

#box li div {

	width: 100%;

	line-height: 30px;

	margin-top: 2px;

	color: #333;

	text-align: center;

	font-size: 14px;

	font-size: 1.4rem;

}

#box .prev, #box .next {

	position: absolute;

	top: 50%;

	width: 52px;

	height: 11px;

	margin-top: -49px;

	overflow: hidden;

	text-indent: -999px;

	cursor: pointer;

}

#box .prev {

	left: -70px;

	background: url(../image/prev4.png) no-repeat;

}

#box .next {

	right: -70px;

	background: url(../image/next4.png) no-repeat;

}

#box .prev:hover {

	background: url(../image/prev4_1.png) no-repeat;

}

#box .next:hover {

	background: url(../image/next4_1.png) no-repeat;

}

#copyright {

	padding-top: 10px;

	text-align: center;

}

.heitu {

	position: absolute;

	width: 100%;

	left: 0px;

	top: 0px;

}

.heitu img {

	display: block;

	margin: auto;

	width: 100%;

	max-width: 620px;

	max-height: 450px;

}

#box2 {

	display: none;

}

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

#box {

	display: none;

}

#box2 {

	display: block;

}

#box2 li {

	float: left;

	margin-left: 10px;

	width: 314px;

	margin-top: 20px;

}

#box2 li img {

	width: 100%;

	max-width: 510px;

	max-height: 394px;

}

#box2 li div {

	text-align: center;

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 22px;

	height: 44px;

}

}

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

.ab5a {

	font-size: 30px;

	font-size: 3rem;

	line-height: 40px;

}

.abmain5 {

	padding-top: 30px;

}

#box2 {

	display: block;

	padding-top: 20px;

}

#box {

	display: none;

}

#box2 li {

	float: left;

	width: 31.3333%;

	margin: 0 1%;

	margin-bottom: 5px;

}

#box2 li img {

	width: 100%;

	max-width: 620px;

	max-height: 450px;

}

#box2 li div {

	text-align: center;

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 22px;

	height: 44px;

}

}

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

.ab5a {

	font-size: 24px;

	font-size: 2.4rem;

	line-height: 36px;

}

.abmain5 {

	padding-top: 15px;

}

}

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

#box2 li {

	width: 100%;

	margin: 0;

	margin-bottom: 10px;

}

}

.page_in {

	padding: 100px 0 0;

}

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

.page_in {

	padding: 70px 0 0;

}

}

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

.page_in {

	padding: 50px 0 0;

}

}

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

.page_in {

	padding: 30px 0 0;

}

}

.abnav {

	background: url(../image/classbg.png) repeat-x left 58px;

	text-align: center;

}

.abnav a {

	display: inline-block;

*float:left;

	width: 130px;

	padding-top: 132px;

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 24px;

	margin: 0 115px;

	text-transform: uppercase;

	color: #737572;

}

.ab1 {

	background: url(../image/class1.png) no-repeat center top;

	margin-left: 0!important;

}

.ab2 {

	background: url(../image/class2.png) no-repeat center top;

}

.ab3 {

	background: url(../image/class3.png) no-repeat center top;

	margin-right: 0!important;

}

.ab1:hover {

	background: url(../image/class1_1.png) no-repeat center top;

}

.ab2:hover {

	background: url(../image/class2_1.png) no-repeat center top;

}

.ab3:hover {

	background: url(../image/class3_1.png) no-repeat center top;

}

.abnav a:hover {

	color: #333;

}

.ab1.dangqianab {

	background: url(../image/class1_1.png) no-repeat center top !important;

	color: #333;

}

.ab2.dangqianab {

	background: url(../image/class2_1.png) no-repeat center top;

	color: #333;

}

.ab3.dangqianab {

	background: url(../image/class3_1.png) no-repeat center top;

	color: #333;

}

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

.abnav a {

	margin: 0 55px!important;

}

}

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

.abnav a {

	font-size: 14px;

	font-size: 1.4rem;

}

.abnav a {

	width: 33.333%;

	float: left;

	margin: 0!important;

}

.abnav {

	background: none;

}

}

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

.abnav a {

	width: 100%;

	margin-bottom: 10px!important;

}

}

.in1-box {

	margin-top: -10px;

	margin-bottom: 109px;

}

.in1-list {

	margin-top: 71px;

}

.in1-list .item-pic {

	float: right;

	width: 314px;

	margin-left: 25px;

}

.in1-list .item-pic img {

	width: 100%;

	max-width: 314px;

	max-height: 278px;

	display: block;

	margin: 0 auto;

}

.in1-list .item-body {

	border: solid 1px #BFBFBF;

	overflow: hidden;

	padding: 0 80px 0 44px;

}

.in1-list .item-body p {

	overflow: hidden;

}

.in1-list .item-body .item-date {

	font-size: 16px;

	font-size: 1.6rem;

	color: #555555;

	margin-top: 42px;

}

.in1-list .item-body .item-title {

	font-family: 'Verlag-Bold';

	font-size: 20px;

	font-size: 2rem;

	margin-top: 14px;

}

.in1-list .item-body .item-title a {

	color: #666;

}

.in1-list .item-body .item-desc {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 24px;

	height: auto;

	max-height: 72px;

	margin-top: 18px;

}

.in1-list .item-body .item-desc a {

	color: #555555;

}

.in1-list .item-body .item-btn {

	font-size: 16px;

	font-size: 1.6rem;

	color: #333333;

	margin: 39px 0 29px;

	display: inline-block;

}

.in1-list .item-body:hover {

	border-left: solid 8px #333333;

	padding-left: 37px;

}

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

.in1-box {

	margin-top: -10px;

	margin-bottom: 50px;

}

.in1-list {

	margin-top: 50px;

	border: solid 1px #BFBFBF;

}

.in1-list .item-pic {

	margin-left: 0;

}

.in1-list .item-body {

	padding: 0 30px;

	border: 0;

}

.in1-list .item-body:hover {

	padding-left: 30px;

	border: 0;

}

}

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

.in1-box {

	margin-top: -10px;

	margin-bottom: 30px;

}

.in1-list {

	margin-top: 30px;

}

.in1-list .item-pic {

	float: none;

	width: 100%;

	margin-left: 0;

}

.in1-list .item-body {

	padding: 0 15px;

}

.in1-list .item-body:hover {

	padding-left: 15px;

}

.in1-list .item-body .item-date {

	font-size: 14px;

	font-size: 1.4rem;

	margin-top: 20px;

}

.in1-list .item-body .item-title {

	font-size: 18px;

	font-size: 1.8rem;

	margin-top: 10px;

}

.in1-list .item-body .item-desc {

	font-size: 14px;

	font-size: 1.4rem;

	margin-top: 10px;

	line-height: 20px;

	height: auto;

	max-height: 60px;

}

.in1-list .item-body .item-btn {

	font-size: 14px;

	font-size: 1.4rem;

	margin: 20px 0;

}

}

.in2-list {

	margin-bottom: 122px;

	margin-top: -20px;

}

.in2-list li {

	float: left;

	width: 48.92%;

	margin-left: 2.16%;

	overflow: hidden;

	background-color: #EEEEEE;

	margin-top: 80px;

}

.in2-list .item-pic {

	float: left;

	margin-right: 20px;

	width: 278px;

}

.in2-list .item-picc {

	float: left;

	margin-right: 20px;

	width: 353px;

}

.in2-list .item-pic img {

	width: 100%;

	max-width: 278px;

	display: block;

	margin: 0 auto;

}

.in2-list .item-picc img {

	width: 100%;

	max-width: 353px;

	display: block;

	margin: 0 auto;

}

.in2-list p {

	overflow: hidden;

	font-size: 16px;

	font-size: 1.6rem;

}

.in2-list .item-body {

	padding-right: 15px;

}

.in2-list .item-title {

	font-family: 'Verlag-Bold';

	line-height: 20px;

	margin-top: 33px;

}

.in2-list .item-date {

	fcolor: #555555;

	margin-top: 12px;

}

.in2-list .item-desc {

	line-height: 24px;

	height: 72px;

	margin-top: 7px;

}

.in2-list .item-desc a {

	color: #555555;

}

.in2-list .item-btn {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 20px;

	margin-top: 26px;

	display: inline-block;

}

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

.in2-list {

	margin-bottom: 70px;

}

}

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

.in2-list {

	margin-bottom: 50px;

}

.in2-list li {

	width: 100%;

	margin-top: 50px;

	margin-left: 0;

}

}

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

.in2-list {

	margin-bottom: 30px;

}

.in2-list li {

	width: 100%;

	margin-top: 30px;

	margin-left: 0;

}

.in2-list .item-pic {

	width: 230px;

}

.in2-list .item-picc {

	width: 230px;

}

.in2-list p {

	font-size: 14px;

	font-size: 1.4rem;

}

.in2-list .item-title {

	margin-top: 20px;

}

.in2-list .item-date {

	margin-top: 10px;

}

.in2-list .item-desc {

	line-height: 20px;

	height: auto;

	max-height: 60px;

	margin-top: 5px;

}

.in2-list .item-btn {

	font-size: 14px;

	font-size: 1.4rem;

	margin-top: 15px;

}

}

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

.in2-list .item-pic {

	float: none;

	width: 100%;

	margin-right: 0;

}

.in2-list .item-picc {

	float: none;

	width: 100%;

	margin-right: 0;

}

.in2-list .item-body {

	padding: 0 15px 15px;

}

}

.in3-top {

	overflow: hidden;

	background-color: #EEECEC;

	background-color: RGBA(238,236,236,0.5);

	margin-top: 53px;

}

.in3-top .item-pic {

	float: left;

	width: 574px;

	margin-right: 34px;

}

.in3-top .item-pic img {

	width: 100%;

	max-width: 574px;

	display: block;

	margin: 0 auto;

}

.in3-top .item-body {

	overflow: hidden;

	padding-right: 55px;

}

.in3-top .item-body p {

	overflow: hidden;

}

.in3-top .item-body .item-title {

	font-family: 'Verlag-Bold';

	font-size: 20px;

	font-size: 2rem;

	line-height: 32px;

	margin-top: 42px;

}

.in3-top .item-body .item-date {

	color: #737572;

	font-size: 14px;

	font-size: 1.4rem;

	position: relative;

	line-height: 30px;

	margin-top: 19px;

	padding-bottom: 7px;

}

.in3-top .item-body .item-date:after {

	position: absolute;

	content: '';

	left: 0;

	bottom: 0;

	width: 62px;

	height: 2px;

	background-color: #737572;

}

.in3-top .item-body .item-desc {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

	height: auto;

	max-height: 90px;

	margin-top: 31px;

}

.in3-top .item-body .item-desc a {

	color: #737572;

}

.in3-top .item-body .item-btn {

	width: 158px;

	height: 46px;

	line-height: 44px;

	border: solid 1px transparent;

	background: #333333;

	font-size: 14px;

	font-size: 1.4rem;

	color: #FFFFFF;

	text-transform: uppercase;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	display: inline-block;

	text-align: center;

	margin-top: 57px;

}

.in3-top .item-body .item-btn:hover {

	border-color: #333333;

	background-color: transparent;

	color: #333333;

}

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

.in3-top .item-pic {

	margin-right: 20px;

}

.in3-top .item-body {

	padding-right: 20px;

}

}

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

.in3-top {

	margin-top: 50px;

}

.in3-top .item-pic {

	width: 100%;

	margin-right: 0;

}

.in3-top .item-body {

	padding: 0 15px 20px;

}

.in3-top .item-body .item-desc, .in3-top .item-body .item-btn {

	margin-top: 30px;

}

}

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

.in3-top {

	margin-top: 30px;

}

.in3-top .item-body .item-title {

	font-size: 18px;

	font-size: 1.8rem;

	margin-top: 20px;

	line-height: 30px;

}

.in3-top .item-body .item-date {

	font-size: 12px;

	font-size: 1.2rem;

	line-height: 24px;

	margin-top: 5px;

}

.in3-top .item-body .item-desc {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 20px;

	height: auto;

	max-height: 60px;

	margin-top: 10px;

}

.in3-top .item-body .item-btn {

	height: 36px;

	line-height: 34px;

	margin-top: 15px;

	font-size: 12px;

	font-size: 1.2rem;

}

}

.in3-list {

	margin-bottom: 89px;

}

.in3-list li {

	float: left;

	width: 365px;

	margin-right: 152px;

	border: solid 1px #EEECEC;

	padding: 27px 18px 44px;

	margin-top: 69px;

}

.in3-list li:hover {

	background-color: #F6F5F5;

}

.in3-list .item-date {

	font-size: 30px;

	font-size: 3rem;

	color: #737572;

	position: relative;

}

.in3-list .item-title, .in3-list .item-desc, .in3-list .item-btn {

	font-size: 16px;

	font-size: 1.6rem;

}

.in3-list .item-title {

	line-height: 32px;

	height: 64px;

	margin-top: 18px;

}

.in3-list .item-title a {

	display: block;

}

.in3-list .item-date:after {

	position: absolute;

	content: '';

	left: 0;

	bottom: -96px;

	width: 62px;

	height: 2px;

	background-color: #737572;

}

.in3-list .item-desc {

	line-height: 30px;

	height: 120px;

	margin-top: 35px;

}

.in3-list .item-desc a {

	color: #737572;

}

.in3-list .item-btn {

	width: 158px;

	height: 46px;

	line-height: 44px;

	border: solid 2px #999999;

	background: transparent;

	color: #555;

	text-transform: uppercase;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	display: inline-block;

	text-align: center;

	margin-top: 20px;

}

.in3-list .item-btn:hover {

	border-color: transparent;

	background-color: #333;

	color: #fff;

}

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

.in3-list li {

	margin-right: 52px;

}

}

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

.in3-list {

	margin-bottom: 70px;

}

.in3-list li {

	width: 313px;

	margin-right: 20px;

}

}

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

.in3-list {

	margin-bottom: 50px;

}

.in3-list li {

	width: 31.33%;

	margin: 50px 1% 0;

}

}

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

.in3-list {

	margin-bottom: 30px;

}

.in3-list li {

	width: 48%;

	margin: 30px 1% 0;

	padding: 20px 15px 30px;

}

.in3-list .item-date {

	font-size: 24px;

	font-size: 2.4rem;

}

.in3-list .item-title, .in3-list .item-desc, .in3-list .item-btn {

	font-size: 14px;

	font-size: 1.4rem;

}

.in3-list .item-title {

	line-height: 24px;

	height: 48px;

	margin-top: 10px;

}

.in3-list .item-date:after {

	display: none;

}

.in3-list .item-desc {

	line-height: 20px;

	height: 80px;

	margin-top: 5px;

}

.in3-list .item-btn {

	height: 36px;

	line-height: 34px;

}

}

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

.in3-list li {

	width: 98%;

	margin: 30px 1% 0;

}

.in3-list .item-desc {

	line-height: 20px;

	height: auto;

	max-height: 80px;

	margin-top: 5px;

}

}

.news-title {

	text-align: center;

	font-family: 'Verlag-Bold';

	font-size: 24px;

	font-size: 2.4rem;

	color: #333;

	margin: 60px 0 0;

}

.news-subt {

	text-align: center;

	margin: 20px 0 40px;

}

.news-subt .news-date {

	font-size: 16px;

	font-size: 1.6rem;

	color: #555;

	padding: 0 35px 0 0;

	display: inline-block;

}

.news-subt .pro-share {

	display: inline-block;

}

.news-subt .share-pic img {

	height: 19px;

	margin-top: 3px;

}

.news-subt .share-pic a{ display:inline-block; margin-right:5px; float:left;}

.news-subt .share-pic a:hover{ margin-top:-3px;}

.news-content {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

	color: #555;

	width: 100%;

}

.news-content a {

	text-decoration: underline;

}

.news-content p, .news-content li, .news-content span, .news-content a, .news-content b {

	color: #555;

}

.news-content img, .news-content iframe {

	max-width: 100%;

}

.m-oths {

	margin-top: 70px;

	border-top: solid 1px #ccc;

	padding: 28px 0;

	margin-bottom: 68px;

}

.m-oths .oths-item {

	line-height: 20px;

	font-size: 16px;

	font-size: 1.6rem;

	color: #737572;

}

.m-oths .oths-item a {

	color: #737572;

}

.m-oths .oths-item a:hover {

	color: #333;

}

.m-oths .oths-item-1 {

	margin-bottom: 10px;

}

.m-oths .oths-item-2 {

}

.m-oths .item-name {

	color: #737572;

}

.m-oths a {

	color: #737572;

}

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

.m-oths {

	margin: 50px 0;

}

.news-title {

	margin: 50px 0 0;

}

.news-subt {

	margin: 20px 0 20px;

}

}

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

.m-oths {

	margin: 20px 0;

	padding: 10px 0;

}

.m-oths .oths-item {

	font-size: 14px;

	font-size: 1.4rem;

}

.news-title {

	font-size: 20px;

	font-size: 2rem;

	margin: 30px 0 0;

}

.news-content {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 24px;

}

.news-subt {

	margin: 15px 0

}

}

.pro-slide {

	width: 280px;

	margin-top: 48px;
	margin-bottom:40px;

}

.pro-main {

	width: 1070px;

	margin-top: 48px;

	font-family: 'Verlag-book';

}

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

.pro-main {

	width: 900px;

}

}

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

.pro-main {

	width: 700px;

}

}

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

.pro-slide {

	width: 100%;

	padding-bottom: 40px;

	margin-top: 0;

}

.pro-main {

	width: 100%;

}

}

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

.pro-slide {

	width: 100%;

	margin-top: 0;

	padding-bottom: 20px;

}

.pro-main {

	width: 100%;

	margin-top: 30px;

}

}

.slidenav-title {

	font-family: 'Verlag-Bold';

	font-size: 24px;

	font-size: 2.4rem;

	line-height: 30px;

	margin: 0 0 17px;

}

.slidenav-list {

	font-family: 'Verlag-book';

}

.slidenav-list>li>a {

	font-size: 20px;

	font-size: 2rem;

	line-height: 30px;

	display: block;

	border-bottom: solid 1px #BFBFBF;

	padding: 0 0 10px;

}

.slidenav-yiji {

	padding: 11px 0 18px;

}

.slidenav-yiji>li>a {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 36px;

	display: block;

	position: relative;

	padding: 0 25px 0 0;

}

.slidenav-active>a, .slidenav-yiji>li>a:hover {

	padding-left: 15px!important;

}

.slidenav-active>a:before, .slidenav-yiji>li>a:hover:before {

	position: absolute;

	content: '';

	width: 7px;

	height: 7px;

	border-radius: 50%;

	background-color: #333333;

	top: 50%;

	margin-top: -4px;

	left: 2px;

}

.slidenav-active>a:after, .slidenav-yiji>li>a:hover:after {

	position: absolute;

	content: '';

	width: 7px;

	height: 13px;

	background: url(../image/web5.png) no-repeat center;

	top: 50%;

	margin-top: -6.5px;

	right: 6px;

}

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

}

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

.slidenav-title {

	font-size: 20px;

	font-size: 2rem;

	margin: 0 0 10px;

}

.slidenav-list>li>a {

	font-size: 16px;

	font-size: 1.6rem;

}

.slidenav-yiji>li>a {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 30px;

}

}

.pro-list li {

	float: left;

	width: 326px;

	margin-left: 44px;

	font-family: 'Verlag-book';

	padding-bottom: 46px;

}

.pro-list .item-pic {

	width: 100%;

}

.pro-list .item-pic img {

	width: 100%;

	max-width: 462px;

	display: block;

	margin: 0 auto;

}

.pro-list .item-title {

	font-size: 18px;

	font-size: 1.8rem;

	line-height: 34px;

	position: relative;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	margin: 19px 0 8px;

	text-align: center;

}

.pro-list .item-title input {

	position: relative;

	top: 0;

	left: 0;

	width: 13px;

	height: 13px;

	margin-right: 5px;

}

.pro-list .item-btn {

	display: block;

	text-align: center;

	width: 124px;

	height: 31px;

	line-height: 30px;

	border: 1px solid #333333;

	border-radius: 6px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	margin: 0 auto;

}

.pro-list .item-btn:hover {

	background-color: #333333;

	color: #FFFFFF;

}

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

.pro-list li {

	width: 286px;

	margin-left: 20px;

}

}

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

.pro-list li {

	width: 220px;

	margin-left: 20px;

}

}

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

.pro-list li {

	width: 31.33%;

	margin: 0 1%;

}

}

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

.pro-list li {

	width: 31.33%;

	margin: 0 1%;

	padding-bottom: 30px;

}

.pro-list .item-title {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 28px;

	margin: 10px 0 5px;

}

.pro-list .item-btn {

	font-size: 12px;

	font-size: 1.2rem;

	height: 28px;

	line-height: 26px;

}

}

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

.pro-list li {

	width: 48%;

	margin: 0 1%;

}

}

.pro-hotptitle {

	font-family: 'Verlag-Bold';

	font-size: 36px;

	font-size: 3.6rem;

	text-transform: uppercase;

	border-bottom: solid 1px #666;

	margin-bottom: 83px;

	position: relative;

	padding: 53px 0 13px;

}

.pro-hotptitle:after {

	position: absolute;

	content: '';

	width: 244px;

	height: 4px;

	background-color: #333333;

	bottom: 0;

	left: 0;

}

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

.pro-hotptitle {

	font-size: 30px;

	font-size: 3rem;

	margin-bottom: 50px;

	padding: 30px 0 13px;

}

}

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

.pro-hotptitle {

	font-size: 24px;

	font-size: 2.4rem;

	margin-bottom: 30px;

	padding: 10px 0 13px;

}

}

.hotp-scrollbox.scroll-box {

	position: relative;

	padding: 0 48px 94px;

}

.hotp-scrollbox.scroll-box .scroll-btns {

}

.hotp-scrollbox.scroll-box .scroll-btn {

	width: 30px;

	height: 30px;

	display: inline-block;

	cursor: pointer;

	position: absolute;

	top: 50%;

	margin-top: -110px;

}

.hotp-scrollbox.scroll-box .scroll-btn.prev {

	background: url(../image/prev1.png) no-repeat center;

	background-size: contain;

	left: 0;

}

.hotp-scrollbox.scroll-box .scroll-btn.prev:hover {

	background-image: url(../image/prev1_1.png);

}

.hotp-scrollbox.scroll-box .scroll-btn.next {

	background: url(../image/next1.png) no-repeat center;

	background-size: contain;

	right: 0;

}

.hotp-scrollbox.scroll-box .scroll-btn.next:hover {

	background-image: url(../image/next1_1.png);

}

.hotp-scrollbox .scroll-list-box {

	width: 100%;

	overflow: hidden;

	box-sizing: border-box;

}

.hotp-scrollbox.scroll-box .scroll-list {

	width: 1000%;

}

.hotp-scrollbox.scroll-box .scroll-list li {

	float: left;

	width: 3.1418%;

	margin-right: 0.29%;

	padding-bottom: 30px;

}

.hotp-scrollbox.scroll-box .scroll-list li .item-pic {

	width: 100%;

}

.hotp-scrollbox.scroll-box .scroll-list li .item-pic img {

	width: 100%;

	max-width: 462px;

	display: block;

	margin: 0 auto;

}

.hotp-scrollbox.scroll-box .scroll-list li .item-title {

	font-size: 18px;

	font-size: 1.8rem;

	line-height: 34px;

	position: relative;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	margin: 15px 0 6px;

	text-align: center;

}

.hotp-scrollbox.scroll-box .scroll-list li .item-btn {

	display: block;

	text-align: center;

	width: 124px;

	height: 31px;

	line-height: 30px;

	border: 1px solid #333333;

	border-radius: 6px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	margin: 0 auto;

}

.hotp-scrollbox.scroll-box .scroll-list li .item-btn:hover {

	background-color: #333333;

	color: #FFFFFF;

}

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

.hotp-scrollbox.scroll-box {

	position: relative;

	padding: 0 48px 20px;

}

}

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

.hotp-scrollbox.scroll-box {

	position: relative;

	padding: 0 40px 0px;

}

.hotp-scrollbox.scroll-box .scroll-list li {

	width: 3.2%;

	margin-right: 0.2%;

}

.hotp-scrollbox.scroll-box .scroll-list li .item-title {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 28px;

	margin: 10px 0 5px;

}

.hotp-scrollbox.scroll-box .scroll-list li .item-btn {

	font-size: 12px;

	font-size: 1.2rem;

	height: 28px;

	line-height: 26px;

}

.hotp-scrollbox.scroll-box .scroll-btn {

	margin-top: -56px;

}

}

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

.hotp-scrollbox.scroll-box .scroll-list li {

	width: 4.9%;

	margin-right: 0.2%;

}

}

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

.hotp-scrollbox.scroll-box .scroll-list li {

	width: 10%;

	margin-right: 0%;

}

}

.m-prob1 .prob-pic {

	width: 462px;

	float: left;

}

.m-prob1 .prob-pic-big {

	position: relative;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.m-prob1 .prob-pic-big-img {

	display: block;

	line-height: 0;

	font-size: 0;

}

.m-prob1 .prob-pic-big-img .zoomPad {

	float: none;

	z-index: 8;

}

.m-prob1 .zoomWrapperImage img {

	max-width: 1200px;

}

.m-prob1 .prob-pic-small {

	position: relative;

	margin-top: 48px;

	padding: 0 72px;

	overflow: hidden;

}

.m-prob1 .prob-pic-btn {

	position: absolute;

	top: 50%;

	margin-top: -6px;

	display: block;

	width: 30px;

	height: 30px;

	background-repeat: no-repeat;

	background-position: center;

	background-size: 100% 100%;

}

.m-prob1 .prob-pic-btn.prev {

	left: 0;

	background-image: url(../image/prev1.png);

}

.m-prob1 .prob-pic-btn.prev:hover {

	background-image: url(../image/prev1_1.png);

}

.m-prob1 .prob-pic-btn.next {

	right: 0;

	background-image: url(../image/next1.png);

}

.m-prob1 .prob-pic-btn.next:hover {

	background-image: url(../image/next1_1.png);

}

.m-prob1 .prob-pic-list {

	overflow: hidden;

}

.m-prob1 .prob-pic-list ul {

	width: 1000%;

	overflow: hidden;

}

.m-prob1 .prob-pic-list ul li {

	position: relative;

	float: left;

	margin-right: 0.48%;

	width: 1.62%;

}

.m-prob1 .prob-pic-item .item-pic {

	overflow: inherit;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.m-prob1 .prob-pic-item .item-pic img {

	display: block;

	width: 100%;

}

.m-prob1 .prob-pic-item .item-pic:hover img {

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

}

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

.zoomPad {

	cursor: default !important;

}

.zoomPup {

	display: none !important;

}

.zoomWindow {

	display: none !important;

}

.zoomPreload {

	display: none !important;

}

.m-prob1 .prob-pic {

	float: none;

	margin: 0 auto;

}

}

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

.m-prob1 .prob-pic {

	width: 100%;

}

.m-prob1 .prob-pic-big {

	display: none;

}

.m-prob1 .prob-pic-small {

	margin-top: 0;

	padding: 0 40px;

}

.m-prob1 .prob-pic-list ul li {

	margin-right: .2%;

	width: 3.2%;

}

.m-prob1 .prob-pic-item .item-pic:before {

	display: none !important;

}

}

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

.m-prob1 .prob-pic-list ul li {

	margin-right: .2%;

	width: 4.9%;

}

}

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

.m-prob1 .prob-pic-list ul li {

	margin-right: 0%;

	width: 10%;

}

}

.pro-info2 {

	display: none;

}

.pro-info {

	width: 545px;

	overflow: hidden;

}

.pro-info .pro-title {

	font-size: 30px;

	font-size: 3rem;

	font-family: 'Verlag-Bold';

	border-bottom: solid 1px #838281;

	line-height: 34px;

	padding: 35px 0 15px;

}

.pro-info .pro-desc {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

	margin: 29px 0 25px;

}

.pro-btn {

	display: inline-block;

	width: 150px;

	height: 38px;

	line-height: 36px;

	border-width: 1px;

	border-style: solid;

	border-radius: 5px;

	font-size: 14px;

	font-size: 1.4rem;

	text-align: center;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	margin-bottom: 39px;

	margin-top: 54px;

}

.pro-btn-send {

	margin-right: 40px;

}

.pro-btn-next:hover {

	border-color: #333;

	background-color: #333;

	color: #FFFFFF;

}

.pro-btn-send:hover {

	border-color: #333;

	background-color: #333;

	color: #fff;

}

.pro-share {

	height: 26px;

	font-size: 0;

	letter-spacing: 0;

}

.pro-share .share-title {

	margin-right: 11px;

	display: inline-block;

*display:inline;

*zoom:1;

	line-height: 26px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #999;

}

.pro-share .share-pic {

	display: inline-block;

*display:inline;

*zoom:1;

	vertical-align: top;

	height: 26px;

}

.pro-share .share-pic a{ display:inline-block; margin-right:5px; float:left;}

.pro-share .share-pic a:hover{ margin-top:-3px;}



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

.pro-share .share-title {

	font-size: 12px;

	font-size: 1.2rem;

}

}

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

.pro-info {

	width: 400px;

}

}

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

.pro-info1 {

	display: none;

}

.pro-info2 {

	display: block;

}

.pro-info {

	width: 100%;

}

}

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

.pro-info .pro-title {

	font-size: 24px;

	font-size: 2.4rem;

	line-height: 30px;

	padding: 20px 0 10px;

}

.pro-info .pro-desc {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 24px;

	margin: 10px 0;

}

.pro-btn {

	margin-top: 30px;

	margin-bottom: 30px;

	font-size: 14px;

	font-size: 1.4rem;

	height: 32px;

	line-height: 30px;

}

}

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

.pro-btn {

	width: 48%;

}

.pro-btn-send {

	margin-right: 2%;

}

}

.pro-tab {

	padding: 52px 0 0;

}

.pro-tab-options {

	background-color: #F1F1F1;

}

.pro-tab-options li {

	font-size: 16px;

	font-size: 1.6rem;

	cursor: pointer;

	float: left;

	line-height: 36px;

	padding: 6px 22px;

	border-left: solid 1px #BFBFBF;

	border-left: solid 1px RGBA(191,191,191,0.5);

}

.pro-tab-options .tab-active {

	border-top: solid 4px #535353;

	background-color: #FFFFFF;

	border-left: 0;

	padding-top: 2px;

}

.pro-tab-content .tab-content-item {

	display: none;

	padding: 50px 0 70px;

}

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

.pro-tab-content .tab-content-item {

	padding: 50px 0 50px;

}

}

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

.pro-tab {

	padding: 10px 0 0;

}

.pro-tab-content .tab-content-item {

	padding: 30px 0 30px;

}

.pro-tab-options {

	background-color: transparent;

}

.pro-tab-options li {

	background-color: #F1F1F1;

	margin-bottom: 10px;

	font-size: 14px;

	font-size: 1.4rem;

	padding: 4px 10px;

}

.pro-tab-options .tab-active {

	padding-top: 0;

	background-color: #F1F1F1;

	border-left: solid 1px #BFBFBF;

	border-left: solid 1px RGBA(191,191,191,0.5);

}

}

.tabprod-content {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 28px;

	color: #333333;

}

.tabprod-content a, .tabprod-content p, .tabprod-content li, .tabprod-content span, .tabprod-content b {

	color: #333333;

}

.tabprod-content img, .tab-tabprod-content iframe {

	max-width: 100%;

}

.tabprod-content table {

	width: 60%;

	border-collapse: collapse;

	line-height: 24px;

}

.tabprod-content tr td {

	line-height: 24px;

	padding: 2px;

}

.ad-list {

	padding: 43px 0 28px;

}

.ad-list p, .adp {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

}

.ad-list .item-pic {

	width: 571px;

	margin-right: 25px;

}

.ad-list .item-pic img {

	width: 100%;

	max-width: 571px;

	display: block;

	margin: 0 auto;

}

.ad-list .item-body {

	display: table-cell;

	vertical-align: middle;

	width: 1000px;

	height: 273px;

}

.ad-list .item-body p {

	background: url(../image/web28.png) no-repeat left 8px;

	padding-left: 34px;

	margin-bottom: 5px;

}

.ad-list .item-body p.p2 {

	margin-bottom: 38px;

}

@media screen and (min-width:1220px) and (max-width:1419px) {

.ad-list .item-pic {

	width: 530px;

}

.ad-list .item-body {

	height: 253px;

}

.ad-list .item-body p.p2 {

	margin-bottom: 5px;

}

}

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

.ad-list .item-pic {

	width: 100%;

	float: none!important;

	margin-bottom: 20px;

}

.ad-list .item-body {

	width: 100%;

	height: auto;

	display: block;

}

.ad-list .item-body p.p2 {

	margin-bottom: 5px;

}

}

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

.ad-list {

	padding: 30px 0 15px;

}

.ad-list p, .adp {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 30px;

}

}

.tcolor-top {

	position: relative;

	margin-bottom: 42px;

}

.tcolor-top img {

	width: 100%;

	display: block;

}

.tc-top-tip {

	background: url(../image/web8.png) repeat;

	position: absolute;

	width: 628px;

	left: 0;

	top: 49px;

	padding: 13px 23px 18px;

}

.tc-top-tip .item-title {

	font-size: 30px;

	font-size: 3rem;

	font-family: 'Verlag-book';

	line-height: 34px;

	margin-bottom: 6px;

}

.tc-top-tip .item-desc {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 24px;

}

.tc-list li {

	float: left;

	width: 18.69%;

	margin-left: 1.6375%;

}

.tc-list .item-pic {

	width: 100%;

}

.tc-list .item-pic img {

	width: 100%;

	max-width: 200px;

	display: block;

	margin: 0 auto;

}

.tc-list .item-title {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 34px;

	padding: 8px 0 18px;

}

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

.tc-list li {

	width: 18%;

	margin: 0 1%;

}

}

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

.tc-list li {

	width: 23%;

	margin: 0 1%;

}

.tc-list .item-title {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 28px;

	padding: 5px 0 10px;

}

.tcolor-top {

	margin-bottom: 20px;

}

.tc-top-tip {

	width: 100%;

	position: relative;

	top: auto;

	left: auto;

	padding: 5px 10px;

}

.tc-top-tip .item-title {

	font-size: 24px;

	font-size: 2.4rem;

	line-height: 30px;

}

.tc-top-tip .item-desc {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 20px;

}

}

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

.tc-list li {

	width: 31.33%;

	margin: 0 1%;

}

}

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

.tc-list li {

	width: 48%;

	margin: 0 1%;

}

}

.va-list {

	margin-top: 75px;

}

.va-list .item-pic {

	width: 381px;

	margin-right: 27px;

}

.va-list .item-pic.pull-right {

	margin-right: 0;

	margin-left: 27px;

}

.va-list .item-pic img {

	width: 100%;

	max-width: 381px;

	max-height: 185px;

	display: block;

	margin: 0 auto;

}

.va-list .item-body {

	overflow: hidden;

	width: 1000px;

	height: 185px;

	display: table-cell;

	vertical-align: middle;

}

.va-list .item-desc {

	font-size: 19px;

	font-size: 1.9rem;

	line-height: 35px;

}

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

.va-list .item-desc {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 24px;

}

}

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

.va-list {

	margin-top: 50px;

}

}

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

.va-list {

	margin-top: 30px;

}

.va-list .item-pic {

	width: 100%;

	margin-bottom: 20px;

	margin-right: 0;

}

.va-list .item-pic.pull-right {

	margin-right: 0;

	margin-left: 0;

}

.va-list .item-body {

	width: 100%;

	height: auto;

	display: block;

}

.va-list .item-desc {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 20px;

}

}

.prod-list {

	margin-bottom: 50px;

}

.prod-list .item-pic {

	float: left;

	margin-right: 42px;

	width: 521px;

}

.prod-list .item-pic.fr {

	float: right;

	margin-right: 0;

	margin-left: 42px;

}

.prod-list .item-pic img {

	width: 100%;

	max-width: 521px;

	max-height: 314px;

	display: block;

	margin: 0 auto;

}

.prod-list .item-body {

	overflow: hidden;

	display: table-cell;

	vertical-align: middle;

	height: 314px;

	width: 1000px;

}

.prod-list .item-body .item-title {

	font-size: 18px;

	font-size: 1.8rem;

	line-height: 36px;

	margin-bottom: 12px;

	font-weight: bold;

	background: url(../image/web11.png) no-repeat left 11px;

	padding-left: 23px;

	text-transform: uppercase;

}

.prod-list .item-body .item-desc {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

}

.prod-list .item-body .item-title, .prod-list .item-body .item-desc {

	width: 400px;

}

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

.prod-list .item-body .item-title, .prod-list .item-body .item-desc {

	width: 100%;

}

}

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

.prod-list .item-pic {

	width: 400px;

	margin-right: 20px;

}

.prod-list .item-pic.fr {

	margin-left: 20px;

}

.prod-list .item-body {

	height: 241px;

}

}

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

.prod-list {

	margin-bottom: 30px;

}

.prod-list .item-pic, .prod-list .item-pic.fr {

	float: none;

	margin: 0;

	width: 100%;

}

.prod-list .item-body {

	display: block;

	height: auto;

	width: 100%;

}

.prod-list .item-body .item-title {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

	margin-bottom: 5px;

	margin-top: 10px;

}

.prod-list .item-body .item-desc {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 24px;

}

}

.pro-tech {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 28px;

	color: #333333;

}

.pro-tech a, .pro-tech p, .pro-tech li, .pro-tech span, .pro-tech b {

	color: #333333;

}

.pro-tech img, .pro-tech iframe {

	max-width: 100%;

}

.pro-table {

	overflow-x: scroll;

	font-family: 'Verlag-book';

}

.pro-tech table {

	width: 100%;

	border-collapse: collapse;

	min-width: 767px;

}

.pro-tech table th {

	background-color: #EEE;

	font-size: 24px;

	font-size: 2.4rem;

	font-weight: normal;

	line-height: 70px;

	text-align: left;

	padding: 0 36px;

}

.pro-tech tr td {

	font-size: 20px;

	font-size: 2rem;

	border-right: solid 2px #cfcfcf;

	border-bottom: solid 2px #cfcfcf;

	color: #666;

	text-align: center;

	line-height: 46px;

}

.pro-tech tr td:first-child {

	width: 28%;

	text-align: left;

	padding: 0 10px 0 36px;

}

.pro-tech tr td:last-child {

	border-right: 0;

	text-align: left;

	padding: 0 10px 0 45px;

}

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

.pro-tech table th {

	font-size: 20px;

	font-size: 2rem;

	line-height: 50px;

	padding: 0 10px;

}

.pro-tech tr td {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

}

.pro-tech tr td:first-child {

	width: 28%;

	text-align: left;

	padding: 0 10px;

}

.pro-tech tr td:last-child {

	border-right: 0;

	text-align: left;

	padding: 0 10px;

}

}

.renow-form::-webkit-input-placeholder {

color:#4d4d4d;

}

.renow-form:-o-placeholder {

color:#4d4d4d;

}

.renow-form::-moz-placeholder {

color:#4d4d4d;

}

.renow-form:-ms-input-placeholder {

color:#4d4d4d

}

.renow-form {

	width: 100%;

	background: #EEEEEE;

	background: RGBA(238,238,238,0.5);

	padding: 3px 49px 0 44px;

	margin-bottom: 20px;

}

.renow-form input, .renow-form textarea {

	font-size: 16px;

	font-size: 1.6rem;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	font-family: verdana;

}

.renow-input {

	border-bottom: solid 1px #C9C9C9;

	padding-top: 20px;

	padding-left: 16px;

}

.star {

	background: url(../image/star.png) no-repeat left 41px;

	padding-left: 15px;

}

.renow-textarea {

	background-position-y: 33px;

	border-bottom: solid 1px #C9C9C9;

}

.renow-input input {

	width: 100%;

	height: 48px;

	line-height: 48px;

	padding-left: 36px;

}

.renow-name input {

	background: url(../image/web13.png) no-repeat left center;

}

.renow-mail input {

	background: url(../image/web14.png) no-repeat left center;

}

.renow-tel input {

	background: url(../image/web15.png) no-repeat left center;

}

.renow-textarea textarea {

	background: url(../image/web16.png) no-repeat left 25px;

	height: 139px;

	width: 100%;

	padding-top: 25px;

	padding-left: 36px;

}

.renow-btn {

	width: 278px;

	height: 50px;

	line-height: 50px;

	text-align: center;

	color: #fff;

	font-size: 18px;

	font-size: 1.8rem;

	background: #333;

	margin: 29px 0 26px;

	font-family: 'Verlag-book';

}

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

.renow-form {

	padding: 0 20px;

}

.renow-input {

	padding-top: 10px;

}

.renow-form input, .renow-form textarea {

	font-size: 14px;

	font-size: 1.4rem;

}

.renow-input input {

	height: 36px;

	line-height: 36px;

}

.renow-textarea textarea {

	height: 100px;

}

.renow-btn {

	height: 36px;

	line-height: 36px;

	font-size: 1.6rem;

	font-size: 16px;

}

.star {

	background-position-y: 25px;

}

.renow-textarea {

	background-position-y: 32px;

}

}

.ad-title, .va-title, .renow-title, .repro-title {

	font-family: 'Verlag-Bold';

	font-size: 36px;

	font-size: 3.6rem;

	border-bottom: solid 1px #666;

	position: relative;

	padding-bottom: 13px;

}

.repro-title {

	margin-bottom: 60px;

	padding-top: 53px;

}

.renow-title {

	margin-bottom: 43px;

}

.va-title {

	margin: 47px 0 -22px;

}

.ad-title {

	text-transform: uppercase;

}

.ad-title:after, .va-title:after, .renow-title:after, .repro-title:after {

	position: absolute;

	content: '';

	width: 244px;

	height: 4px;

	background-color: #333333;

	bottom: 0;

	left: 0;

}

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

.ad-title, .va-title, .renow-title, .repro-title {

	font-size: 30px;

	font-size: 3rem;

}

.repro-title {

	margin-bottom: 50px;

	padding-top: 50px;

}

.renow-title {

	margin-bottom: 43px;

}

}

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

.ad-title, .va-title, .renow-title, .repro-title {

	font-size: 24px;

	font-size: 2.4rem;

}

.repro-title {

	margin-bottom: 30px;

	padding-top: 30px;

}

.renow-title {

	margin-bottom: 30px;

}

.va-title {

	margin: 30px 0 0;

}

}

.repro-scroll {

	display: none;

}

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

.repro .pro-list {

	display: none;

}

.repro-scroll {

	display: block;

}

}

.r1-list {

	font-family: 'Verlag-book';

	padding-bottom: 17px;

}

.r1-list p.r1-title {

	font-size: 36px;

	font-size: 3.6rem;

	line-height: 40px;

	font-family: 'Verlag-Bold';

	text-transform: uppercase;

	background: url(../image/web26.png) no-repeat left 5px;

	border-bottom: solid 2px #7D7D7D;

	padding: 0 0 33px 45px;

	margin: 43px 0 50px;

}

.r1-list p {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 35px;

}

.r1-top .item-pic {

	width: 590px;

	margin-left: 93px;

}

.r1-top .item-pic.pull-left {

	margin-left: 0;

	margin-right: 93px;

}

.r1-top .item-pic img {

	width: 100%;

	max-width: 590px;

	display: block;

	margin: 0 auto;

}

.r1-top .item-body {

	display: table-cell;

	vertical-align: middle;

	width: 1000px;

	height: 290px;

}

.r1-list .item-pmiddle {

	margin: 18px 0 30px;

}

.r1-piclist li {

	float: left;

	width: 326px;

	margin-right: 32px;

}

.r1-piclist .item-pic {

	width: 100%;

}

.r1-piclist .item-pic img {

	width: 100%;

	max-width: 326px;

	display: block;

	margin: 0 auto;

}

.r1-piclist .item-title {

	text-align: center;

	line-height: 40px;

	margin-top: 10px;

}

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

.r1-piclist li {

	width: 285px;

	margin-right: 20px;

}

}

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

.r1-top .item-pic {

	margin-left: 30px;

}

.r1-top .item-pic.pull-left {

	margin-left: 0;

	margin-right: 30px;

}

.r1-piclist li {

	width: 230px;

	margin-right: 20px;

}

}

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

.r1-top .item-pic {

	margin: 0 0 15px 0;

	float: none!Important;

	width: 100%;

}

.r1-top .item-body {

	display: block;

	width: 100%;

	height: auto;

}

.r1-list p.r1-title {

	font-size: 30px;

	font-size: 3rem;

	padding: 0 0 20px 35px;

	margin: 30px 0 30px;

}

.r1-list p {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 24px;

}

.r1-piclist li {

	width: 23%;

	margin: 0 1%;

}

}

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

.r1-list p.r1-title {

	font-size: 24px;

	font-size: 2.4rem;

	padding: 0 0 5px 30px;

	margin: 15px 0;

}

.r1-list .item-pmiddle {

	margin: 15px 0;

}

.r1-piclist li {

	width: 31.33%;

	margin: 0 1%;

}

}

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

.r1-piclist li {

	width: 48%;

	margin: 0 1%;

}

}

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

.r1-piclist li {

	width: 98%;

	margin: 0 1%;

}

}

.links-list {

	padding-top: 47px;

	overflow: hidden;

}

.links-list li {

	float: left;

	width: 202px;

	margin-left: 37px;

	margin-bottom: 32px;

	border: solid 1px #BFBFBF;

}

.links-list li img {

	width: 100%;

	max-width: 200px;

	display: block;

	margin: 0 auto;

}

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

.links-list li {

	width: 183px;

	margin-left: 20px;

}

}

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

.links-list li {

	width: 146px;

	margin-left: 20px;

}

}

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

.links-list li {

	width: 18%;

	margin: 0 1% 30px;

}

}

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

.links-list li {

	width: 23%;

	margin: 0 1% 20px;

}

.links-list {

	padding-top: 30px;

}

}

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

.links-list li {

	width: 31.33%;

	margin: 0 1% 20px;

}

}

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

.links-list li {

	width: 48%;

	margin: 0 1% 20px;

}

}

@media only screen and (min-width:1219px ) {

.zs-list {

	width: 1200px;

	margin: 0 auto;

}

}

.zs-list {

	padding: 40px 0 30px;

	overflow: hidden;

}

.zs-list li {

	float: left;

	width: 246px;

	margin-left: 72px;

	margin-bottom: 60px;

	position: relative;

}

.zs-list li:hover .item-backdrop {

	top: 0;

}

.zs-list .item-pic {

	width: 100%;

	position: relative;

	max-width: 246px;

	display: block;

	margin: 0 auto;

}

.zs-list .item-pic>img {

	width: 100%;

	max-width: 246px;

	display: block;

	margin: 0 auto;

}

.zs-list .item-backdrop {

	position: absolute;

	top: -100%;

	height: 100%;

	left: 0;

	width: 100%;

	background: url(../image/web20.png) repeat;

	text-align: center;

	padding-top: 118px;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	transition: all .5s;

	-webkit-transition: all .5s;

}

.zs-list .item-title {

	font-family: 'Verlag-book';

	font-weight: bold;

	font-size: 20px;

	font-size: 2rem;

	color: #FFFFFF;

	line-height: 30px;

	margin-top: 15px;

}

.zs-list .item-title2 {

	font-family: 'Verlag-book';

	font-size: 16px;

	font-size: 1.6rem;

	text-align: center;

	line-height: 30ox;

	margin-top: 15px;

	display: none;

}

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

.zs-list li {

	width: 222px;

	margin-left: 30px;

}

}

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

.zs-list li {

	width: 31.33%;

	margin: 0 1% 30px

}

.zs-list .item-backdrop {

	display: none;

}

.zs-list .item-title2 {

	display: block;

}

}

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

.zs-list {

	padding: 20px 0 20px;

}

.zs-list li {

	margin-bottom: 30px;

}

}

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

.zs-list li {

	width: 48%;

	margin: 0 1% 15px

}

.zs-list .item-title2 {

	font-size: 14px;

	font-size: 1.4rem;

	margin-top: 5px;

}

}

.software-list {

	padding-bottom: 108px;

	font-family: 'Verlag-book';

	overflow: hidden;

}

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

.software-list {

	padding-bottom: 70px;

}

}

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

.software-list {

	padding-bottom: 50px;

}

}

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

.software-list {

	padding-bottom: 30px;

}

}

.software {

	padding: 24px 0 42px;

	border-bottom: dashed 1px #C6C6C6;

	overflow: hidden;

	min-height: 154px;

	box-sizing: border-box;

	overflow: hidden;

}

.s-left {

	width: 59px;

	margin-top: 1px;

}

.s-left img {

	width: 100%;

	max-width: 59px;

	max-height: 72px;

	display: block;

	margin: 0 auto;

}

.s-middle {

	width: 1125px;

	margin-left: 24px;

}

.s-middle .s-m-title {

	font-family: 'Verlag-Bold';

	font-size: 18px;

	font-size: 1.8rem;

	line-height: 41px;

	margin: 0;

}

.s-middle .s-m-word {

	line-height: 31px;

	font-size: 16px;

	font-size: 1.6rem;

}

.s-middle .s-m-title a, .s-middle .s-m-word a {

	display: block;

}

.s-middle .s-m-title a:hover, .s-middle .s-m-word a:hover {

	color: #333;

}

.s-btn {

	width: 142px;

	height: 42px;

	border: solid 1px #333;

	box-sizing: border-box;

	color: #333;

	font-family: kartika;

	margin: 16px auto 0;

	display: block;

}

.s-btn span {

	display: inline-block;

	width: 100%;

	height: 42px;

	line-height: 42px;

	background: url(../image/d2.png) no-repeat 21px center;

	padding-left: 51px;

	color: #333;

}

.s-btn:hover {

	background-color: #333;

}

.s-btn:hover span {

	background: url(../image/d3.png) no-repeat 21px center;

	color: #FFFFFF;

}

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

.s-middle {

	width: 860px;

}

}

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

.s-middle {

	width: 710px;

}

}

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

.s-middle {

	width: 640px;

}

.s-right {

	width: 100%;

}

}

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

.software {

	padding: 20px 0;

}

.s-left {

	width: 100%;

	margin-bottom: 20px;

}

.s-middle {

	width: 100%;

	margin: 0 0 20px 0;

}

.s-middle .s-m-title {

	font-size: 16px;

	font-size: 1.6rem;

	text-align: center;

	line-height: 30px;

}

.s-middle .s-m-word {

	line-height: 20px;

	font-size: 14px;

	font-size: 1.4rem;

}

.s-btn {

	margin: 0 auto;

	height: 36px;

	line-height: 36px;

}

.s-btn span {

	height: 36px;

	line-height: 36px;

}

}

.page_service {

	padding-top: 46px;

}

.service-list {

	margin-bottom: 70px;

	background-color: #F0F0F0;

	font-family: 'Verlag-book';

}

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

.service-list {

	margin-bottom: 50px;

}

}

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

.service-list {

	margin-bottom: 30px;

}

.page_service {

	padding-top: 30px;

}

}

.service-scroll.scroll-box {

	position: relative;

	overflow: hidden;

	width: 47.5%;

	z-index: 2;

}

.service-scroll .scroll-btns {

}

.service-scroll .scroll-btn {

	width: 48px;

	height: 48px;

	display: inline-block;

	top: 50%;

	margin-top: -24px;

	position: absolute;

	cursor: pointer;

}

.service-scroll .scroll-btn.prev {

	background: url(../image/prev2.png) no-repeat center;

	background-size: contain;

	left: 0;

}

.service-scroll .scroll-btn.prev:hover {

	background-image: url(../image/prev2_1.png);

}

.service-scroll .scroll-btn.next {

	background: url(../image/next2.png) no-repeat center;

	background-size: contain;

	right: 0;

}

.service-scroll .scroll-btn.next:hover {

	background-image: url(../image/next2_1.png);

}

.service-scroll .scroll-list-box {

	width: 100%;

	overflow: hidden;

}

.service-scroll .scroll-list {

	width: 1000%;

}

.service-scroll .scroll-list li {

	float: left;

	width: 10%;

	margin-right: 0%;

	position: relative;

}

.service-scroll .scroll-list li .item-pic {

	box-sizing: border-box;

	position: relative;

}

.service-scroll .scroll-list li .item-pic img {

	width: 100%;

	display: block;

	max-width: 908px;

	max-height: 520px;

	margin: 0 auto;

}

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

.service-scroll.scroll-box {

	width: 100%;

	max-width: 665px;

	float: none!important;

	margin: 0 auto;

}

}

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

.service-scroll .scroll-btn {

	width: 30px;

	height: 30px;

	margin-top: -15px;

}

}

.service-list .wp {

	position: relative;

	z-index: 0;

}

.service-list .item-body {

	width: 690px;

	overflow: hidden;

	padding-bottom: 50px;

}

.service-list .item-title {

	background: url(../image/web23.png) no-repeat left top;

	font-size: 30px;

	font-size: 3rem;

	font-family: 'Verlag-Bold';

	padding-left: 44px;

	text-transform: uppercase;

	margin: 80px 0 48px;

}

.service-list .item-title span {

	color: #737572;

}

.service-list .item-desc {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

	color: #737572;

}

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

.service-list .item-body {

	width: 600px;

	padding-bottom: 30px;

}

.service-list .item-title {

	margin: 30px 0 20px;

}

}

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

.service-list .item-body {

	width: 500px;

	padding-bottom: 30px;

}

.service-list .item-title {

	margin: 30px 0 20px;

}

}

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

.service-list .item-body {

	width: 100%;

}

}

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

.service-list .item-title {

	font-size: 24px;

	font-size: 2.4rem;

	margin: 20px 0 10px;

	background-size: 30px;

	padding-left: 35px;

}

.service-list .item-desc {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 24px;

}

}

.contact-left {

	width: 775px;

	margin-top: 50px;

}

.form-group input {

	width: 100%;

	height: 44px;

	line-height: 44px;

	border: solid 1px #BFBFBF;

	border-radius: 5px;

	box-sizing: border-box;

	font-size: 14px;

	font-size: 1.4rem;

	padding: 0 10px;

	font-family: 'Verlag-book';

}

.form-group .input100 {

	float: left;

	width: 100%;

	margin-bottom: 13px;

	padding-left: 15px;

	background: url(../image/star.png) no-repeat left center;

	background-size: 4.5px;

	box-sizing: border-box;

}

.company-input, .tel-input, .input-code {

	background: none!important;

}

.textarea-line {

	background-position-y: 20px!Important;

}

.form-group textarea {

	width: 100%;

	height: 178px;

	border: solid 1px #BFBFBF;

	resize: none;

	padding: 12px 10px;

	box-sizing: border-box;

	font-size: 14px;

	font-size: 1.4rem;

	margin: 4px 0 8px;

}

.submit {

	width: 304px!important;

	height: 44px;

	color: #FFFFFF;

	text-align: center;

	background-color: #05B848;

	cursor: pointer;

	border: 0!important;

	font-family: 'Verlag-book';

	font-weight: bold;

	font-size: 16px!important;

	font-size: 1.6rem!important;

}

.contact-right {

	width: 500px;

	font-family: 'Verlag-book';

}

.contact-right .c-r-title {

	font-family: 'Verlag-Bold';

	font-size: 24px;

	font-size: 2.4rem;

	line-height: 26px;

	margin: 48px 0 35px;

}

.contact-right .c-r-list li {

	padding-left: 27px;

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

	margin-bottom: 20px;

}

.contact-right .c-r-list .address {

	background: url(../image/c1.png) no-repeat left 2px;

}

.contact-right .c-r-list .tel {

	background: url(../image/c2.png) no-repeat left center;

}

.contact-right .c-r-list .mail {

	background: url(../image/c3.png) no-repeat 1px 8px;

}

.contact-right .c-r-list .whatsapppytb {

	background: url(../image/c4py.png) no-repeat 1px 8px;

}

.contact-right .c-r-list .onvlinechat {

	background: url(../image/onvlinechat.png) no-repeat left 5px;

}

.c-follow img {

	float: left;

	margin-right: 20px;

	margin-top: 5px;

}

.map {

	padding: 30px 0 0;

}

.map img {

	display: block;

	max-width: 1400px;

	display: block;

}

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

.contact-left {

	width: 650px;

}

}

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

.contact-left {

	width: 500px;

}

.contact-right {

	width: 460px;

}

}

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

.contact-left {

	width: 100%;

	margin-top: 30px;

}

.contact-right {

	width: 100%;

}

.c-follow {

	padding-left: 15px;

}

}

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

.contact-right .c-r-title {

	font-size: 20px;

	font-size: 2rem;

	margin: 20px 0 10px;

}

.contact-right .c-r-list li {

	font-size: 14px;

	font-size: 1.4rem;

}

.contact-left {

	margin-top: 10px;

}

.form-group input {

	font-size: 12px;

	font-size: 1.2rem;

	height: 36px;

	line-height: 36px;

}

.form-group textarea {

	height: 100px;

	font-size: 12px;

	font-size: 1.2rem;

}

.submit {

	width: 100%!Important;

	font-size: 14px!important;

	font-size: 1.4rem!Important;

}

.map {

	padding-top: 15px;

}

}

.at-resp-share-element .at-icon {

	width: 24px!important;

	height: 24px!important;

}

.at-style-responsive .at-share-btn {

	padding: 0!important;

	border-radius: 2px!important;

}

.at-resp-share-element .at-share-btn .at-icon-wrapper {

	width: 24px!important;

	height: 24px!important;

}

.at-resp-share-element .at-share-btn {

	margin-bottom: 0!important;

	margin-right: 3px!important;

}

.listcart {

	width: 100%;

	margin-top: 40px;

	margin-bottom: 123px;

}

.listcart a {

	display: inline-block;

	height: 30px;

	width: 150px;

	line-height: 30px;

	cursor: pointer;

	border: none;

	overflow: hidden;

	color: #333333;

	cursor: pointer;

	border: 1px solid #333333;

	padding-left: 10px;

	padding-right: 10px;

	text-align: center;

	font-size: 14px;

	font-size: 1.4rem;

	margin-left: 10px;

}

.listcart a:hover {

	border: #333333 solid 1px;

	background: #333333;

	color: #fff

}

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

.listcart a {

	width: 40%;

	margin-left: 2.5%;

	margin-right: 2.5%;

	padding-left: 0px;

	padding-right: 0px

}

.listcart {

	width: 100%;

	margin-top: 2rem

}

}

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

.listcart a {

	width: 95% !important;

	float: none;

	overflow: hidden;

	margin-bottom: 1rem;

	margin-top: 1rem

}

}

.pro-tab-content p strong {

	background: url(../image/lingx.jpg) no-repeat left center;

	padding-left: 30px;

}

.tc-list .item-pic {

	position: relative;

}

.color-fd {

	position: absolute;

	bottom: 0;

	right: 0;

	width: 24px;

	height: 24px;

	background: url(../image/spec-search.png) no-repeat center;

}

.pro-btns a.no:hover {

	border-color: #333;

	background-color: #fff;

	color: #333;

}

.tab-prodesc {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 28px;

	color: #333333;

}

.tab-prodesc a, .tab-prodesc p, .tab-prodesc li, .tab-prodesc span, .tab-prodesc b {

	color: #333333;

}

.tab-prodesc img, .tab-prodesc iframe {

	max-width: 100%;

}

.tab-prodesc {

	font-family: 'Verlag-book';

}

.tab-prodesc .table {

	overflow-x: scroll

}

.tab-prodesc table {

	width: 100%;

	border-collapse: collapse;

	min-width: 767px;

}

.tab-prodesc table th, .tab-prodesc tr:first-child {

	background-color: #EEE;

	font-size: 24px;

	font-size: 2.4rem;

	font-weight: normal;

	line-height: 70px;

	text-align: left;

	padding: 0 36px;

}

.tab-prodesc tr td {

	font-size: 20px;

	font-size: 2rem;

	border-right: solid 2px #cfcfcf;

	border-bottom: solid 2px #cfcfcf;

	color: #666;

	text-align: center;

	line-height: 46px;

}

.tab-prodesc tr td:first-child {

	width: 28%;

	text-align: left;

	padding: 0 10px 0 36px;

}

.tab-prodesc tr td:last-child {

	border-right: 0;

	text-align: left;

	padding: 0 10px 0 45px;

}

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

.tab-prodesc table th {

	font-size: 20px;

	font-size: 2rem;

	line-height: 50px;

	padding: 0 10px;

}

.tab-prodesc tr td {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

}

.tab-prodesc tr td:first-child {

	width: 28%;

	text-align: left;

	padding: 0 10px;

}

.tab-prodesc tr td:last-child {

	border-right: 0;

	text-align: left;

	padding: 0 10px;

}

}

@media screen and (min-width:767px) {

.in1-list .item-body {

	height: 278px;

}

}

.page a.no:hover {

	border: solid 1px #E5E5E5!important;

	color: #333!important;

	background: #fff!important;

}

.m-oths a.no:hover {

	color: #737572!important;

}

.page {

	margin-bottom: 80px;

}

.nav {

	text-transform: Uppercase;

}

.footer-title a {

	text-transform: Uppercase;

}

.at-share-btn-elements a:nth-child(6) {

	display: none!important;

}

.disg {

	overflow-x: auto;

}

.htop-mail, .flist6 {

	font-size: 16px;

	font-size: 1.6rem;

}

.f-top li a {

	font-size: 16px;

	font-size: 1.6rem;

}

.tc-list .item-pic {

	position: relative;

}

.color-fd {

	position: absolute;

	bottom: 0;

	right: 0;

	width: 24px;

	height: 24px;

}

.about-lunbo {

	padding: 0 0 30px;

}

.slideBox {

	width: 31.33%;

	max-width: 620px;

	overflow: hidden;

	position: relative;

	float: left;

	margin: 0 1%;

}

.slideBox .hd {

	height: 20px;

	overflow: hidden;

	position: absolute;

	z-index: 1;

	background: #000000;

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

	left: 0;

	right: 0;

	bottom: 0;

}

.slideBox .hd ul {

	overflow: hidden;

	zoom: 1;

	text-align: center;

}

.slideBox .hd ul li {

	margin: 6px 3px 0;

	width: 8px;

	height: 8px;

	line-height: 0;

	text-align: center;

	background: #fff;

	cursor: pointer;

	color: transparent;

	border-radius: 50%;

	display: inline-block;

}

.slideBox .hd ul li.on {

	background: #ccc;

	color: transparent;

}

.slideBox .bd {

	position: relative;

	height: 100%;

	z-index: 0;

}

.slideBox .bd li {

	zoom: 1;

	vertical-align: middle;

}

.slideBox .bd img {

	width: 100%;

	display: block;

	max-width: 620px;

	margin: 0 auto;

}

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

.slideBox {

	width: 98%;

	margin-bottom: 20px;

}

}

.tips-box {

	/*display: none;*/

	/*z-index: 999;*/

	/*width: 188px;*/

	/*height: 309px;*/

	/*position: fixed;*/

	/*right: 0;*/

	/*bottom: 20%;*/

	/*background: url(../image/jia1.png) no-repeat center;*/

	/*box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.44);*/

	/*padding: 20px 12px 0;*/

	

	z-index: 999;

	width: 236px;

	height: 358px;

	position: fixed;

	left: 0;

	bottom: 70px;

	background: url(../image/jia1.png) no-repeat center;

	box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.44);

	padding: 20px 12px 0;

	background-size: cover;

}

.tips-box .item-close {

	display: block;

	width: 20px;

	height: 20px;

	background: url(../image/jia3.png) no-repeat center;

	background-size: contain;

	position: absolute;

	top: 7px;

	right: 7px;

	cursor: pointer;

}

.tips-box .item-title {

	font-family: 'Verlag-Black';

	font-size: 20px;

	font-size: 2rem;

	color: #FAA21C;

	margin-top: 12px;

	margin-bottom: 2px;

	text-transform: uppercase;

	line-height: 28px;

}

.tips-box .item-title span {

	font-size: 30px;

	font-size: 3rem;

	color: #FAA21C;

}

.tips-box .item-subt {

	font-size: 16px;

	font-size: 1.6rem;

	color: #FFFFFF;

	line-height: 30px;

}

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

.tips-box {

	display: none;

}

}

.xjtitle {

	text-align: center;

	margin-bottom: 15px;

	font-size: 3rem;

	padding-left: 21px;

	margin-bottom: 20px;

}

.guoqipy {

	float: right;

	line-height: 14px;

	text-align: center;

	font-size: 10px;

	font-size: 1rem;

}

.guoqipy2 {

	display: none;

}

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

.guoqipy2 {

	display: block;

	float: left;

	margin-left: 20px;

	margin-top: 20px;

}

}

.item-input::-webkit-input-placeholder {

color:#888888;

opacity:1

}

.item-input:-o-placeholder {

color:#888888;

opacity:1

}

.item-input::-moz-placeholder {

color:#888888;

opacity:1

}

.item-input:-ms-input-placeholder {

color:#888888;

opacity:1

}

.item-textarea::-webkit-input-placeholder {

color:#888888;

opacity:1

}

.item-textarea:-o-placeholder {

color:#888888;

opacity:1

}

.item-textarea::-moz-placeholder {

color:#888888;

opacity:1

}

.item-textarea:-ms-input-placeholder {

color:#888888;

opacity:1

}

.new-backdrop {

	position: fixed;

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

	background-color: #000;

	background-color: rgba(0,0,0,0.3);

	z-index: 99999;

display: none;

}

.new-backdrop .model-box {

	background-color: #fff;

	width: 1150px;

	border-radius: 10px;

	position: absolute;

	left: 50%;

	margin-left: -575px;

	top: 50%;

	margin-top: -301px;

}

.new-backdrop .model-box form {

	padding: 47px 86px;

	padding-bottom: 67px;

}

.new-backdrop .box-title {

	font-size: 30px;

	font-size: 3rem;

	line-height: 40px;

}

.new-backdrop .box-list {

	padding-top: 32px;

}

.new-backdrop .box-list li {

	float: left;

	margin-left: 83px;

	font-size: 22px;

	font-size: 2.2rem;

	line-height: 24px;

}

.new-backdrop .item-title {

	font-size: 24px;

	font-size: 2.4rem;

	line-height: 30px;

	margin-top: 26px;

	margin-bottom: 6px;

}

.new-backdrop .item-input {

	width: 729px;

	height: 36px;

	line-height: 36px;

	border: 1px solid #d7d7d7;

	border-radius: 5px;

	padding-left: 15px;

	font-size: 18px;

	font-size: 1.8rem;

	color: #888888;

	margin-top: 17px;

}

.new-backdrop .item-textarea {

	width: 729px;

	height: 137px;

	padding-top: 5px;

	line-height: 26px;

	border: 1px solid #d7d7d7;

	border-radius: 5px;

	padding-left: 15px;

	font-size: 18px;

	font-size: 1.8rem;

	color: #888888;

	margin-top: 17px;

}

.new-backdrop .item-btn {

	min-width: 177px;

	line-height: 38px;

	padding: 0 5px;

	background: #8e8e8e;

	border-radius: 4px;

	font-size: 18px;

	font-size: 1.8rem;

	color: #ffffff;

	margin-top: 19px;

}

.new-backdrop .item-btn:hover {

	background: #FAA21C;

}

.guanbi {

	display: block;

	width: 34px;

	height: 34px;

	border-radius: 50%;

	border: 2px solid #ababab;

	text-align: center;

	line-height: 34px;

	color: #ababab;

	font-size: 20px;

	font-weight: bold;

	position: absolute;

	right: 15px;

	top: 16px;

	cursor: pointer

}

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

.new-backdrop .model-box {

	width: 96%;

	left: 2%;

	margin-left: auto;

	margin-top: -265px;

}

.new-backdrop .model-box form {

	padding: 20px;

}

.new-backdrop .box-list li {

	font-size: 14px;

	font-size: 1.4rem;

	margin-left: 20px;

}

.new-backdrop .item-input, .new-backdrop .item-textarea {

	width: 90%;

}

}

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

.new-backdrop .model-box {

	width: 96%;

	left: 2%;

	margin-left: auto;

	margin-top: -190px;

}

.new-backdrop .box-list {

	padding-top: 10px;

}

.new-backdrop .box-title {

	font-size: 20px;

	font-size: 2rem;

}

.new-backdrop .item-title {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 20px;

	margin-top: 10px;

}

.new-backdrop .box-list li {

	width: 49%;

	margin-left: 1% !important;

	margin-top: 10px;

}

.new-backdrop .item-input {

	height: 26px;

	line-height: 26px;

	margin-top: 6px;

}

.new-backdrop .item-textarea {

	height: 70px;

	margin-top: 6px;

}

.new-backdrop .item-btn {

	line-height: 30px;

	margin-top: 6px;

}

.guanbi {

	width: 20px;

	height: 20px;

	line-height: 20px;

	font-size: 16px;

	right: 5px;

	top: 5px;

}

}

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

.new-backdrop .model-box {

	margin-top: -225px;

}

.new-backdrop .box-list li {

	width: 98%

}

}

.lanmu {

	width: 100%;

	background: url(../image/hengtiao.jpg) repeat-x 0px 49px;

	margin-top: 56px;

}

.lanmu li {

	float: left;

	margin-left: 498px;

	text-align: center;

}

.lanmu li div {

	width: 152px;

	background: #fff;

	text-align: center;

}

.lanmuz {

	width: 914px;

	margin: 0 auto;

}

.lanmu li p {

	padding-top: 15px;

}

.lanmu li p a {

	font-size: 24px;

	font-size: 1.6rem;

	color: #030303;

	text-transform: uppercase;

	font-weight: bold;

}

.liebiaose {

	padding-top: 80px;

	padding-bottom: 170px;

}

.liebiaose li {

	margin-top: 24px;

}

.liebiaose li img {

	float: left;

	width: 100%;

	max-width: 680px;

	margin-right: 65px;

}

.xiaobtpy {

	padding-top: 110px;

	/*font-size: 14px;*/

	/*font-size: 1.4rem;*/

	color: #383838;

	text-transform: uppercase;

	margin-bottom: 30px;

		font-size: 18px;

	font-size: 1.8rem;

	font-family: Arial;

}

.biaotise {

	line-height: 36px;

	color: #020202;

	font-size: 36px;

	font-size: 3.6rem;

	text-transform: uppercase;

	font-family: 'helveticaneueltstdbdcn';

	font-weight: bold;

}

.miaoshuse {

	line-height: 28px;

	font-size: 14px;

	font-size: 1.4rem;

	padding-top: 33px;

}

.liebiaose li.liebiaoseli2 img {

	float: right;

	width: 100%;

	max-width: 680px;

	margin-left: 65px;

	margin-right: 0px;

}

.liebiaose li.liebiaoseli .service-scroll {

	float: left;

		margin-left: 0px;

	margin-right: 65px;

}

.liebiaose li.liebiaoseli2 .service-scroll {

	float: right;

		margin-left: 65px;

	margin-right: 0px;

}



.serviez {

	margin-top: 40px;

}

.leftse {

	width: 50%;

	float: left;

	position: relative;

}

.leftse img {

	display: block;

	width: 100%;

	max-width: 703px;

}

.leftsezi {

	position: absolute;

	left: 0px;

	top: 0px;

	z-index: 99;

	background: #000;

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

	height: 100%;

	padding-top: 71px;

	padding-left: 67px;

	padding-bottom: 65px;

	padding-right: 48px;

}

.leftsebt {

	color: #fff;

	font-size: 30px;

	font-size: 3rem;

	text-transform: uppercase;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	background: url(https://www.decnofloorings.com/themes/simplebootx/dekanuo/images/baitiao.jpg) no-repeat left bottom;

	padding-bottom: 25px;

}

.leftsems {

	color: #fff;

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 30px;

	margin-top: 20px;

}

.rightse {

	width: 50%;

	float: left;

	position: relative;

}

.rightse2 {

	padding-top: 158px;

	padding-left: 48px;

	position: absolute;

	left: 0px;

	top: 0px;

	font-size: 18px;

	font-size: 1.8rem;

	text-transform: uppercase;

	font-family: Arial, Helvetica, sans-serif;

}

.rightse2 a {

	background: #000;

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

	color: #fff;

	line-height: 35px;

	padding-left: 34px;

	padding-right: 34px;

	display: block;

	float: left;

	margin-left: 34px;

	border-radius: 50px;

}

@media screen and (max-width:1419px) and (min-width:1220px) {

.leftsezi {

	padding: 20px;

}

.rightse2 {

	padding-top: 20%;

	font-size: 14px;

	font-size: 1.4rem;

}

.rightse2 a {

	padding-left: 10px;

	padding-right: 10px;

}

.biaotise {

	font-size: 20px;

	font-size: 2rem;

}

.miaoshuse {

	padding-top: 10px;

}

.xiaobtpy {

	padding-top: 10px;

	

}

.liebiaose li img {

	max-width: 500px;

	margin-right: 30px;

}

.liebiaose li.liebiaoseli2 img {

	max-width: 500px;

	margin-left: 30px;

}

}

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

.leftsezi {

	padding: 20px;

}

.rightse2 {

	padding-top: 20%;

	font-size: 14px;

	font-size: 1.4rem;

}

.rightse2 a {

	padding-left: 10px;

	padding-right: 10px;

}

.leftsebt {

	padding-bottom: 10px;

}

.leftsems {

	height: 90px;

	overflow: hidden;

}

.biaotise {

	font-size: 20px;

	font-size: 2rem;

}

.miaoshuse {

	padding-top: 10px;

}

.xiaobtpy {

	padding-top: 10px;

}

.liebiaose li img {

	max-width: 500px;

	margin-right: 30px;

}

.liebiaose li.liebiaoseli2 img {

	max-width: 500px;

	margin-left: 30px;

}

}

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

.leftse {

	width: 100%;

	max-width: 703px;

	float: none;

	margin: 0 auto;

}

.rightse {

	width: 100%;

	max-width: 703px;

	float: none;

	margin: 0 auto;

}

.lanmu {

	text-align: center;

}

.lanmu li {

	float: none;

	display: inline-block;

	margin-left: 10%;

}

.lanmuz {

	width: 100%;

}

.biaotise {

	font-size: 20px;

	font-size: 2rem;

}

.miaoshuse {

	padding-top: 10px;

}

.xiaobtpy {

	padding-top: 10px;

}

.liebiaose li img,.liebiaose li.liebiaoseli .service-scroll {

	float: none;

	margin: 0 auto;

	display: block;

	margin-bottom: 20px;

}

.liebiaose li.liebiaoseli2 img,.liebiaose li.liebiaoseli2 .service-scroll {

	float: none;

	margin: 0 auto;

	display: block;

		margin-bottom: 20px;

}

}

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

.leftsezi {

	padding: 20px;

}

.rightse2 {

	padding-top: 20%;

	font-size: 14px;

	font-size: 1.4rem;

}

.rightse2 a {

	padding-left: 10px;

	padding-right: 10px;

}

.leftsebt {

	padding-bottom: 10px;

}

.leftsems {

	height: 90px;

	overflow: hidden;

}

}

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

.lanmu li {

	margin: 0 auto;

	width: 100%;

	margin-bottom: 20px;

}

.lanmu {

	background: none;

}

.lanmu li div {

	width: 152px;

	display: block;

	margin: 0 auto;

}

.leftsebt {

	font-size: 18px;

	font-size: 1.8rem;

}

.leftse img {

	display: none

}

.leftsezi {

	padding: 20px;

	position: relative;

}

.rightse2 {

	padding-top: 10%;

	font-size: 14px;

	font-size: 1.4rem;

	width: 100%;

	padding-left: 0px;

}

.rightse2 a {

	width: 88%;

	float: none;

	margin: 0 auto;

	margin-bottom: 10px;

	text-align: center;

}

.leftsebt {

	padding-bottom: 10px;

}

.leftsems {

	height: 90px;

	overflow: hidden;

}

}

.fenleierpylie {

padding-bottom: 120px;

    padding-top: 79px;

}

.fenleierpy {

	/*margin-bottom: 222px;*/

}

.fenleierpyz {

	float: left;

	width: 54%;

}

.fenleierpyz span {

	display: block;

	width: 151px;

	background: url(../image/hengtiao1.jpg) no-repeat center right;

	font-size: 72px;

	font-size: 7.2rem;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

}

.duanyi {

	font-size: 48px;

	font-size: 4.8rem;

	color: #000000;

	padding-top: 42px;

	padding-bottom: 20px;

	text-transform: uppercase;

	font-weight: bold;

	font-family: "helveticaneueltstdbdcn";

}

.fenleierpyy {

	float: right;

	display: block;

	width: 45%;

	max-width: 632px;

}

.fenleierpyy img,.fenleierpyy .service-scroll{

	display: block;

	margin: 0 auto;

	width: 100%;

	max-width: 632px;

}

.duaner {

	font-size: 16px;

	font-size: 1.6rem;

	color: #333;

	line-height: 30px;

}

@media screen and (max-width:1419px) and (min-width:1220px) {

.duanyi {

	font-size: 28px;

	font-size: 2.8rem;

}

}

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

.duanyi {

	font-size: 28px;

	font-size: 2.8rem;

	padding-top: 10px;

	padding-bottom: 10px;

}

.fenleierpyz span {

	font-size: 48px;

	font-size: 4.8rem;

}

.fenleierpy {

	margin-bottom: 50px;

}

}

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

.duanyi {

	font-size: 28px;

	font-size: 2.8rem;

	padding-top: 10px;

	padding-bottom: 10px;

}

.fenleierpyz span {

	font-size: 48px;

	font-size: 4.8rem;

}

.fenleierpy {

	margin-bottom: 50px;

}

.fenleierpyz {

	float: none;

	margin-bottom: 20px;

	width: 100%;

}

.fenleierpyy {

	float: none;

	width: 100%;

	margin: 0 auto;

}

}

.zhanlanpy {

	position: fixed;

	top: 45%;

	left: 0px;

	z-index: 999;

	width: 295px;
	display:none;

}

.zhanlanpy .deguo {

	display: block;

	width: 100%;

	max-width: 295px;

}

.index_focus {

	z-index: 97 !important;

}

.zhanlanpy2 {

	position: relative;

}

.guanbipy {

	position: absolute;

	top: 0px;

	right: 0px;

	z-index: 999;

	cursor: pointer;

}

/*guoqi*/

.guoqipy a {/* float: left; */

	display: inline-block;

	vertical-align: bottom;

	width: 48px;

	font-size: 12px;

	font-size: 1.2rem;

	line-height: 1.2;

}

.guoqipy a img {

	max-width: 30px;

}

.guanbipy2 {

	position: absolute;

	top: 0px;

	right: 0px;

	z-index: 999;

	cursor: pointer;

}

.guoqipy2 a {/* float: left; */

	display: inline-block;

	vertical-align: bottom;

	width: 48px;

	font-size: 12px;

	font-size: 1.2rem;

	line-height: 1.2;

}

.guoqipy2 a img {

	max-width: 30px;

}

.guoqipy2 {

	margin-left: 20px;

}

.abnav a {

	font-size: 1.2rem;

}

.abnav a {

	display: inline-block;

	width: 21.33%;

	padding-top: 132px;

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 24px;

	text-transform: uppercase;

	color: #737572;

}

.kf-item-2 a:hover {

	right: -200px;

}

.kf-item-2:hover .whatsapp-show {

	right: 70px;

}

.whatsapp-show {

	width: 121px;

	background: #fff;

	border-radius: 10px;

	border: 1px solid #dddddd;

	position: absolute;

	right: -200px;

	top: -85px;

}

.whatsapp-show .whatsapp-txt {

	float: left;

	width: 100px;

	padding: 10px 12px;

	text-align: center;

	font-size: 14px;

	font-size: 1.4rem;

	color: #4c4c4c

}

.whatsapp-show .whatsapp-txt ul li {

	width: 100px;

	height: 120px;

	text-align: center;

	font-size: 14px;

	font-size: 1.4rem;

	color: #4c4c4c

}







*{margin: 0;padding:0;}

li{list-style: none;}



.slide .carouse{width:100%;overflow:hidden;position:relative; cursor: pointer;}

.slide .slideItem .banner-img{width:100%;}

.slide .carouse .slideItem{	width:100%;	position:absolute;}

.slide .console{ height: 57px; display: inline-block; width: 35px; position: absolute; top: 40%; }

.slide .dotList{ text-align: center;   position: absolute;

    bottom: 32px;

    left: 50%;

    margin-left: -36px;

    z-index: 9998; }

.slide .dotList ul li{ display: inline-block; width: 16px; height: 16px;/* background-position:-12px 0px;*/ margin-left: 10px; cursor:pointer; }

.slide .dotList ul li.active{ background-position:0px 0px; background:url(../image/dot.png) no-repeat center center;}

.slide .carousel-control{position: absolute; top: 45%; width: 30px; height: 30px; z-index:999; }

.slide .carousel-control.left{left:0;background-position:-38px 0px;	cursor:pointer;}

.slide .carousel-control.right{	right:0;background-position:-85px 0px;cursor:pointer;}

.slide .carousel-control.right { right: 55px; background-image: url("https://www.decnofloorings.com/themes/simplebootx/dekanuo/img/jtr1.png"); background-repeat: no-repeat; cursor: pointer; }



.slide .carousel-control.right:hover { background-image: url("https://www.decnofloorings.com/themes/simplebootx/dekanuo/img/sliderighton.png"); }



.slide .dotList ul li{cursor: pointer;     background: url(../image/dot1.png) no-repeat center center;font-size: 0px; margin-left: 4.5px;margin-right: 4.5px; border: none;outline: none;width: 16px;height: 16px;}



.slide .slidedetail{display:none;}

.fenleierpyliehui2{ margin-top:68px;}

.fenleierpyliehui{ background:#f9f9f9; margin-top:68px;}

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

    .fenleierpyliehui2{ margin-top:28px;}

.fenleierpyliehui{ margin-top:28px;}

.fenleierpylie{ padding-top:30px; padding-bottom:30px;}

    

}

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

.carousel { display:none;}

.new-backdrop{ display:none;}



}



.addpublic{ font-size: 18px;

    font-size: 1.8rem;

    line-height: 28px; padding-top:30px; padding-bottom:30px;}

    .addpublic img{ display: block; max-width: 100%; margin-top:20px; margin-bottom:20px;}

    

    .itemtitlepy{    

   font-size: 18px !Important;

    font-size: 1.8rem !Important;}

    

.zhanhpy{ background:#6d1d7c; 	z-index: 999;

	width: 200px;

	/*height: 358px;*/

	position: fixed;

	left: 0;

	bottom: 70px;

	/*padding: 20px;*/

	padding: 25px 20px;

}

.zhanhpy .zhanitem-close {

	display: block;

	width: 20px;

	height: 20px;

	background: url(../image/jia3.png) no-repeat center;

	background-size: contain;

	position: absolute;

	top: 7px;

	right: 7px;

	cursor: pointer;

}



.zhanhpy p{ text-align:center; 

/*color:#fff; */

/*text-transform:uppercase;*/



    }

.zhanhpy strong{ }



.zhanhpy1{

    color: #80a65f;

    font-size: 26px;

    font-size: 2.6rem;

    font-weight: bold;

    margin-bottom: 10px;  line-height: 40px;}

.zhanhpy2{

    font-weight: bold;

    font-size: 30px;

    font-size: 3.0rem;

    margin-bottom: 15px;

    margin-top: 15px;

    color:#fff;  line-height: 40px;

    font-family: emoji;

}

.zhanhpy3{

    /*line-height: 28px; */

    line-height: 30px;

    font-size: 16px;

    font-size: 1.6rem;color:#fff;}







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

.zhanhpy{

	display: none;

}

}



.h-top .f-follow{ float:right; margin-top:0px;}



.h-top .lang-box {  position: relative; margin-right:15px; z-index:999999; }



@media screen and (max-width: 1219px) { .h-top .lang-box { padding-left: 10px; margin-left: 10px; margin-top: 35px; } }



@media screen and (max-width: 991px) { .h-top .lang-box { margin-top: 28px; } }



@media screen and (max-width: 767px) { .h-top .lang-box { margin-top: 20px; margin-right: 25px; margin-left: 0; padding-left: 0; border-left: 0; } }



.h-top .lang-box .lang-title { font-size: 0; letter-spacing: 0; cursor: pointer; }



.h-top .lang-box .lang-title > * { display: inline-block; vertical-align: middle;  }



.h-top .lang-box .lang-title .icon1 { font-size: 20px; font-size: 2rem; line-height: 1; color: #ccc; }



@media screen and (max-width: 767px) { .h-top .lang-box .lang-title .icon1 { font-size: 16px; font-size: 1.6rem; } }



.h-top .lang-box .lang-title span { font-size: 16px; font-size: 1.6rem; line-height: 20px; margin: 0 4px; }



@media screen and (max-width: 1219px) { .h-top .lang-box .lang-title span { font-size: 14px; font-size: 1.4rem; margin: 0 5px; } }



.h-top .lang-box .lang-title .icon2 { font-size: 12px; font-size: 1.2rem; line-height: 1; color: #ccc; }



.h-top .lang-box .lang-list { display: none; position: absolute; top: 100%; width: 87px; right: 0; margin-top: 20px; background: #FFFFFF; box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.14); z-index: 2; padding: 0 15px 15px; text-align:left;}



.h-top .lang-box .lang-list > a { display: block; font-size: 0; letter-spacing: 0; border-bottom: solid 1px #ECECEC; }



.h-top .lang-box .lang-list > a > * { display: inline-block; vertical-align: middle; font-size: 14px; font-size: 1.4rem; line-height: 24px; }



.h-top .lang-box .lang-list > a svg, .h-top .lang-box .lang-list > a img { width: 21px; }



.h-top .lang-box .lang-list > a span { 

    margin-left: 6px;

    }



.h-top .lang-box .lang-list > a:hover { color: #275CAA; }











/* 20220324 */

@font-face { font-family: 'Verlag-Light'; src: url("../font/Verlag-Light.eot"); src: url("../font/Verlag-Light.eot") format("embedded-opentype"), url("../font/Verlag-Light.woff2") format("woff2"), url("../font/Verlag-Light.woff") format("woff"), url("../font/Verlag-Light.ttf") format("truetype"), url("../font/Verlag-Light.svg") format("svg"); font-display: swap; }



.quality-main { padding: 40px 0 100px; }



@media screen and (max-width: 1219px) { .quality-main { padding-bottom: 70px; } }



@media screen and (max-width: 999px) { .quality-main { padding-bottom: 50px; } }



@media screen and (max-width: 767px) { .quality-main { padding: 30px 0 40px; } }



.quality-main .box-slide { width: 308px; }



@media screen and (max-width: 1419px) { .quality-main .box-slide { width: 300px; } }



@media screen and (max-width: 1219px) { .quality-main .box-slide { width: 260px; } }



@media screen and (max-width: 999px) { .quality-main .box-slide { width: 100%; margin-bottom: 30px; } }



.quality-main .box-main { width: 1060px; }



@media screen and (max-width: 1419px) { .quality-main .box-main { width: 870px; } }



@media screen and (max-width: 1219px) { .quality-main .box-main { width: 690px; } }



@media screen and (max-width: 999px) { .quality-main .box-main { width: 100%; } }



.q-slide .box-title { text-transform: uppercase; font-family: "Verlag-Bold", arial; font-size: 28px; font-size: 2.8rem; line-height: 1.3; border-bottom: solid 1px #8C8C8C; padding-bottom: 18px; margin-bottom: 20px; }



@media screen and (max-width: 1419px) { .q-slide .box-title { margin-bottom: 0; padding-bottom: 15px; font-size: 24px; font-size: 2.4rem; } }



@media screen and (max-width: 1219px) { .q-slide .box-title { font-size: 20px; font-size: 2rem; padding-bottom: 10px; } }



.q-slide .box-list > li { border-bottom: solid 1px #8C8C8C; border-bottom-color: rgba(140, 140, 140, 0.6); }



.q-slide .box-list > li:last-child { border-bottom: 0; }



.q-slide .box-list > li > a { display: block; padding: 33px 0 16px; font-size: 18px; font-size: 1.8rem; line-height: 26px; color: #444; }



@media screen and (max-width: 1419px) { .q-slide .box-list > li > a { padding: 15px 0 15px; font-size: 16px; font-size: 1.6rem; line-height: 24px; } }



@media screen and (max-width: 1219px) { .q-slide .box-list > li > a { padding: 12px 0; font-size: 14px; font-size: 1.4rem; line-height: 20px; } }



.q-slide .box-list > li:hover > a, .q-slide .box-list > li.active > a { color: #000; }



.q-list .list-box { border: solid 1px #CCCCCC; margin-bottom: 30px; padding: 30px 20px 0 40px; }



.q-list .list-box:last-child { margin-bottom: 0; }



@media screen and (max-width: 1419px) { .q-list .list-box { padding: 30px 30px 0; } }



@media screen and (max-width: 1219px) { .q-list .list-box { padding: 20px 20px 0; } }



@media screen and (max-width: 767px) { .q-list .list-box { padding: 20px 15px 0; } }



.q-list .list-box1 { font-size: 0; letter-spacing: 0; width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }



.q-list .list-box1 .box-item { display: inline-block; vertical-align: top; width: 47.09419%; -webkit-flex-basis: 47.09419%; -ms-flex-preferred-size: 47.09419%; flex-basis: 47.09419%; margin-left: 5.81162%; background-color: #F6F6F6; border-bottom: solid 30px #fff; position: relative; }



.q-list .list-box1 .box-item:before { position: absolute; content: ''; width: -webkit-calc(100% - 433px); width: -moz-calc(100% - 433px); width: calc(100% - 433px); background-color: #fff; top: 0; bottom: 0; right: 0; }



@media screen and (max-width: 767px) { .q-list .list-box1 .box-item:before { display: none; } }



.q-list .list-box1 .box-item:nth-child(odd) { margin-left: 0; }



@media screen and (max-width: 1219px) { .q-list .list-box1 .box-item { width: 49%; -webkit-flex-basis: 49%; -ms-flex-preferred-size: 49%; flex-basis: 49%; margin-left: 2%; border-bottom-width: 20px; } }



@media screen and (max-width: 767px) { .q-list .list-box1 .box-item { width: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-left: 0; } }



.q-list .list-box1 .item-box { position: relative; padding-bottom: 22px; background-color: #fff; }



.q-list .list-box1 .item-box .item-pic { width: 100%; max-width: 180px; }



.q-list .list-box1 .item-box .item-pic img { display: block; width: 100%; }



@media screen and (max-width: 1419px) { .q-list .list-box1 .item-box .item-pic { width: 160px; } }



@media screen and (max-width: 1219px) { .q-list .list-box1 .item-box .item-pic { width: 140px; } }



@media screen and (max-width: 767px) { .q-list .list-box1 .item-box .item-pic { width: 120px; } }



@media screen and (max-width: 1419px) { .q-list .list-box1 .item-box .item-title { min-height: 52px; } }



@media screen and (max-width: 1219px) { .q-list .list-box1 .item-box .item-title { min-height: 48px; } }



@media screen and (max-width: 767px) { .q-list .list-box1 .item-box .item-title { min-height: auto; } }



.q-list .list-box1 .item-box .item-desc { min-height: 120px; }



@media screen and (max-width: 1419px) { .q-list .list-box1 .item-box .item-desc { min-height: 110px; } }



@media screen and (max-width: 1219px) { .q-list .list-box1 .item-box .item-desc { min-height: 120px; } }



@media screen and (max-width: 767px) { .q-list .list-box1 .item-box .item-desc { min-height: auto; } }



.q-list .list-box1 .item-list .list-item { width: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 433px; margin-bottom: 0; }



@media screen and (max-width: 1219px) { .q-list .list-box1 .item-list .list-item { max-width: 100%; } }



.q-list .list-box2 .item-box { margin-bottom: 30px; }



.q-list .list-box2 .item-box .item-pic { float: left; width: 180px; margin-right: 10px; }



.q-list .list-box2 .item-box .item-pic img { display: block; width: 100%; }



@media screen and (max-width: 1419px) { .q-list .list-box2 .item-box .item-pic { width: 160px; } }



@media screen and (max-width: 1219px) { .q-list .list-box2 .item-box .item-pic { width: 140px; } }



@media screen and (max-width: 767px) { .q-list .list-box2 .item-box .item-pic { width: 120px; } }



@media screen and (max-width: 640px) { .q-list .list-box2 .item-box .item-pic { float: none; margin-right: 0; } }



.q-list .list-box2 .item-box .item-body { overflow: hidden; padding-top: 5px; }



@media screen and (max-width: 1419px) { .q-list .list-box2 .item-box .item-body { padding-top: 0; } }



.q-list .list-box2 .item-list .list-item { width: 43.38677%; -webkit-flex-basis: 43.38677%; -ms-flex-preferred-size: 43.38677%; flex-basis: 43.38677%; margin-left: 9.51904%; }



.q-list .list-box2 .item-list .list-item:nth-child(odd) { margin-left: 0; }



@media screen and (max-width: 1419px) { .q-list .list-box2 .item-list .list-item { width: 47.09419%; -webkit-flex-basis: 47.09419%; -ms-flex-preferred-size: 47.09419%; flex-basis: 47.09419%; margin-left: 5.81162%; } }



@media screen and (max-width: 1219px) { .q-list .list-box2 .item-list .list-item { width: 49%; -webkit-flex-basis: 49%; -ms-flex-preferred-size: 49%; flex-basis: 49%; margin-left: 2%; } }



@media screen and (max-width: 640px) { .q-list .list-box2 .item-list .list-item { width: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-left: 0; } }



.q-list .item-box .item-title {font-family: "Verlag-Bold", arial; font-size: 20px; font-size: 2rem; line-height: 30px; margin-bottom: 7px; }



.q-list .item-box .item-title, .q-list .item-box .item-title a { color: #444; }



@media screen and (max-width: 1419px) { .q-list .item-box .item-title { font-size: 18px; font-size: 1.8rem; line-height: 26px; } }



@media screen and (max-width: 1219px) { .q-list .item-box .item-title { font-size: 16px; font-size: 1.6rem; line-height: 24px; margin-bottom: 3px; } }



.q-list .item-box .item-desc {  font-size: 16px; font-size: 1.6rem; line-height: 24px; }



.q-list .item-box .item-desc, .q-list .item-box .item-desc a { color: #777; }



@media screen and (max-width: 1419px) { .q-list .item-box .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 22px; } }



@media screen and (max-width: 1219px) { .q-list .item-box .item-desc { line-height: 20px; } }



.q-list .item-list { font-size: 0; letter-spacing: 0; width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }



.q-list .item-list .list-item { background-color: #F6F6F6; display: inline-block; vertical-align: top; margin-bottom: 30px; 

/*padding: 47px 26px 58px; */

  padding: 20px;   

}



@media screen and (max-width: 1419px) { .q-list .item-list .list-item { padding: 30px 20px 40px; } }



@media screen and (max-width: 1219px) { .q-list .item-list .list-item { padding: 20px 15px 25px; margin-bottom: 20px; } }



.q-list .item-list .item-title {font-family: "Verlag-Bold", arial; font-size: 22px; font-size: 2.2rem; line-height: 30px; margin-bottom: 13px; height:60px; overflow:hidden; }



.q-list .item-list .item-title, .q-list .item-list .item-title a { color: #444; }



@media screen and (max-width: 1419px) { .q-list .item-list .item-title { font-size: 20px; font-size: 2rem; line-height: 26px; } }



@media screen and (max-width: 1219px) { .q-list .item-list .item-title { font-size: 18px; font-size: 1.8rem; line-height: 24px; margin-bottom: 8px; } }



.q-list .item-list .item-desc {  font-size: 16px; font-size: 1.6rem; line-height: 28px; margin-bottom: 20px; display:none; }



.q-list .item-list .item-desc, .q-list .item-list .item-desc a { color: #777; }



@media screen and (max-width: 1419px) { .q-list .item-list .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 24px; } }



@media screen and (max-width: 1219px) { .q-list .item-list .item-desc { line-height: 20px; margin-bottom: 15px; } }



.q-list .item-list .item-btn { display: inline-block; line-height: 32px; padding: 0 25px; border: 2px solid #333333; border-color: rgba(51, 51, 51, 0.5); color: #777; font-size: 14px; font-size: 1.4rem; font-family: "Verlag-Bold", arial; text-transform:uppercase;}



.q-list .item-list .item-btn:hover { background-color: #2f2f2f; color: #fff; }



@media screen and (max-width: 1219px) { .q-list .item-list .item-btn { line-height: 28px; padding: 0 15px; font-size: 12px; font-size: 1.2rem;} }



/* download */

.down-wrap { background-color: #F6F6F6; padding-bottom: 90px; }



@media screen and (max-width: 1219px) { .down-wrap { padding-bottom: 60px; } }



@media screen and (max-width: 999px) { .down-wrap { padding-bottom: 40px; } }



@media screen and (max-width: 767px) { .down-wrap { padding-bottom: 30px; } }



.download-scroll { margin-top: 100px; position: relative; }



@media screen and (max-width: 1219px) { .download-scroll { margin-top: 70px; } }



@media screen and (max-width: 999px) { .download-scroll { margin-top: 50px; } }



@media screen and (max-width: 767px) { .download-scroll { margin-top: 30px; } }



.download-scroll .scroll-btns { display: none; }



.download-scroll .scroll-btns .scroll-btn { display: inline-block; vertical-align: top; cursor: pointer; z-index: 99; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 30px; height: 30px; background-repeat: no-repeat; background-position: center; background-size: contain; }



@media screen and (max-width: 767px) { .download-scroll .scroll-btns .scroll-btn { width: 26px; height: 26px; } }



.download-scroll .scroll-btns .scroll-btn.prev { left: 0; background-image: url(../image/n25.png); }



.download-scroll .scroll-btns .scroll-btn.prev:hover { background-image: url(../image/n25_1.png); }



.download-scroll .scroll-btns .scroll-btn.next { right: 0; background-image: url(../image/n26.png); }



.download-scroll .scroll-btns .scroll-btn.next:hover { background-image: url(../image/n26_1.png); }



.download-scroll .scroll-list-box { width: 100%; overflow: hidden; }



.download-scroll .scroll-list { width: 10000%; position: relative; }



.download-scroll .scroll-list li { float: left; width: 0.23714%; margin-right: 0.01714%; position: relative; }



.download-scroll .scroll-list li.active .item-pic:before, .download-scroll .scroll-list li:hover .item-pic:before { opacity: 0.5; }



@media screen and (max-width: 767px) { .download-scroll .scroll-list li { width: 0.32%; margin-right: 0.02%; } }



@media screen and (max-width: 480px) { .download-scroll .scroll-list li { width: 0.49%; margin-right: 0.02%; } }



.download-scroll .scroll-list .item-pic { position: relative; }



.download-scroll .scroll-list .item-pic:before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.2; z-index: 2; }



.download-scroll .scroll-list .item-pic img { display: block; width: 100%; }



.download-scroll .scroll-list .item-title { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; font-size: 20px; font-size: 2rem; font-family: "Verlag-Bold", arial; text-align: center; z-index: 3; }



.download-scroll .scroll-list .item-title a { padding: 10px; }



.download-scroll .scroll-list .item-title, .download-scroll .scroll-list .item-title a, .download-scroll .scroll-list .item-title a:hover { color: #fff !important; }



@media screen and (max-width: 1219px) { .download-scroll .scroll-list .item-title { font-size: 18px; font-size: 1.8rem; } }



@media screen and (max-width: 767px) { .download-scroll .scroll-list .item-title { font-size: 16px; font-size: 1.6rem; } }



.download-list { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-bottom: 70px; margin-top: 73px; }



@media screen and (max-width: 1219px) { .download-list { padding-bottom: 40px; } }



@media screen and (max-width: 999px) { .download-list { padding-bottom: 20px; margin-top: 50px; } }



@media screen and (max-width: 767px) { .download-list { padding-bottom: 10px; margin-top: 30px; } }



.download-list .list-item { background-color: #fff; width: 49.28571%; -webkit-flex-basis: 49.28571%; -ms-flex-preferred-size: 49.28571%; flex-basis: 49.28571%; margin-left: 1.42857%; margin-bottom: 30px; padding: 17px 25px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-flow: row-reverse nowrap; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-flow: row-reverse nowrap; flex-flow: row-reverse nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }



.download-list .list-item:nth-child(odd) { margin-left: 0; }



@media screen and (max-width: 1419px) { .download-list .list-item { padding: 17px 20px; } }



@media screen and (max-width: 1219px) { .download-list .list-item { padding: 15px; } }



@media screen and (max-width: 767px) { .download-list .list-item { width: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-left: 0; margin-bottom: 20px; } }



@media screen and (max-width: 480px) { .download-list .list-item { padding: 15px 10px; display: block; } }



.download-list .item-pic { float: right; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; position: relative; width: 35%; margin-left: 4.6875%; }



.download-list .item-pic img { display: block; width: 100%; }



@media screen and (max-width: 1419px) { .download-list .item-pic { margin-left: 3.125%; } }



@media screen and (max-width: 999px) { .download-list .item-pic { max-width: 200px; min-width: 150px; } }



.download-list .item-body { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; overflow: hidden; padding-top: 26px; position: relative; padding-bottom: 65px; }



@media screen and (max-width: 1419px) { .download-list .item-body { padding-top: 10px; } }



@media screen and (max-width: 1219px) { .download-list .item-body { padding-bottom: 90px; } }



@media screen and (max-width: 999px) { .download-list .item-body { padding-top: 0; } }



@media screen and (max-width: 640px) { .download-list .item-body { padding-bottom: 80px; padding-top: 0; } }



@media screen and (max-width: 480px) { .download-list .item-body { padding-bottom: 0; padding-top: 0; overflow: visible; } }



.download-list .item-title { font-family: "Verlag-Bold", arial; font-size: 20px; font-size: 2rem; line-height: 26px; margin-bottom: 20px; }



@media screen and (max-width: 1419px) { .download-list .item-title { font-size: 18px; font-size: 1.8rem; line-height: 24px; margin-bottom: 10px; } }



@media screen and (max-width: 1219px) { .download-list .item-title { font-size: 16px; font-size: 1.6rem; line-height: 22px; margin-bottom: 6px; } }



.download-list .item-desc {  font-size: 16px; font-size: 1.6rem; line-height: 26px; }



@media screen and (max-width: 1419px) { .download-list .item-desc { line-height: 24px; } }



@media screen and (max-width: 1219px) { .download-list .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 20px; } }



@media screen and (max-width: 999px) { .download-list .item-desc { overflow: visible; } }



.download-list .item-btns { font-size: 0; letter-spacing: 0; position: absolute; bottom: 15px; left: 0; }



@media screen and (max-width: 1219px) { .download-list .item-btns { bottom: 0; } }



@media screen and (max-width: 480px) { .download-list .item-btns { position: relative; margin-top: 12px; } }



/*.download-list .item-btns .item-btn { display: inline-block; vertical-align: top; line-height: 36px; border: 1px solid #525252; font-size: 16px; font-size: 1.6rem; padding: 0 15px 0 38px; margin-right: 13px; background-color: #fff; background-image: url(../image/n17.png); background-repeat: no-repeat; background-position: 19px center; }*/

.download-list .item-btns .item-btn { display: inline-block; vertical-align: top; line-height: 36px; border: 1px solid #525252; font-size: 16px; font-size: 1.6rem; padding: 0 15px 0 20px; margin-right: 13px; background-color: #fff; background-image: url(../image/n17.png); background-repeat: no-repeat; background-position: 4px center; margin-bottom:5px;}



.download-list .item-btns .item-btn:last-child { margin-right: 0; }



.download-list .item-btns .item-btn:hover { background-image: url(../image/n18.png); background-color: #1B1B1B; color: #fff; }



@media screen and (max-width: 1419px) { .download-list .item-btns .item-btn { padding: 0 10px 0 30px; background-position: 10px center; } }



@media screen and (max-width: 1219px) { .download-list .item-btns .item-btn { font-size: 14px; font-size: 1.4rem; line-height: 28px; margin-bottom: 10px; }

  .download-list .item-btns .item-btn:last-child { margin-bottom: 0; } }

  

  

  

  

  

  

  

  

  /* 20220331 */

@font-face { font-family: 'HelveticaNeueLTStd-BdCn'; src: url("../font/HelveticaNeueLTStd-BdCn.eot"); src: url("../font/HelveticaNeueLTStd-BdCn.eot") format("embedded-opentype"), url("../font/HelveticaNeueLTStd-BdCn.woff2") format("woff2"), url("../font/HelveticaNeueLTStd-BdCn.woff") format("woff"), url("../font/HelveticaNeueLTStd-BdCn.ttf") format("truetype"), url("../font/HelveticaNeueLTStd-BdCn.svg") format("svg"); font-display: swap; }



@font-face { font-family: 'Aldine401BTBoldA'; src: url("../font/Aldine401BTBoldA.eot"); src: url("../font/Aldine401BTBoldA.eot") format("embedded-opentype"), url("../font/Aldine401BTBoldA.woff2") format("woff2"), url("../font/Aldine401BTBoldA.woff") format("woff"), url("../font/Aldine401BTBoldA.ttf") format("truetype"), url("../font/Aldine401BTBoldA.svg") format("svg"); font-display: swap; }



.res-bar { font-size: 0; letter-spacing: 0; margin-top: 48px; margin-bottom: 60px; position: relative; }



@media screen and (max-width: 1219px) { .res-bar { margin-bottom: 50px; } }



@media screen and (max-width: 999px) { .res-bar { margin-bottom: 40px; } }



@media screen and (max-width: 767px) { .res-bar { margin-top: 30px; margin-bottom: 30px; } }



.res-bar:before { position: absolute; content: ''; height: 2px; background: url(../image/n14.png) repeat-x; left: 0; right: 0; top: 50%; margin-top: -17px; }



.res-bar .list-item { display: inline-block; vertical-align: top; width: 50%; text-align: center; }



.res-bar .item-a { display: inline-block; position: relative; }



.res-bar .item-a:hover .item-img:before, .res-bar .item-a.active .item-img:before { visibility: visible; opacity: 0.6; }



.res-bar .item-pics { width: 164px; height: 164px; border-radius: 50%; border: solid 12px #efefef; margin: 0 auto 9px; overflow: visible; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; }



.res-bar .item-pics:before, .res-bar .item-pics:after { position: absolute; content: ''; width: 12px; top: 0; bottom: 0; background-color: #fff; }



.res-bar .item-pics:before { left: -24px; }



.res-bar .item-pics:after { right: -24px; }



@media screen and (max-width: 1419px) { .res-bar .item-pics { width: 144px; height: 144px; } }



@media screen and (max-width: 1219px) { .res-bar .item-pics { width: 124px; height: 124px; border-width: 10px; }

  .res-bar .item-pics:before { left: -22px; }

  .res-bar .item-pics:after { right: -22px; } }



@media screen and (max-width: 999px) { .res-bar .item-pics { width: 104px; height: 104px; border-width: 8px; }

  .res-bar .item-pics:before { width: 10px; left: -18px; }

  .res-bar .item-pics:after { width: 10px; right: -18px; } }



@media screen and (max-width: 767px) { .res-bar .item-pics { width: 84px; height: 84px; border-width: 6px; }

  .res-bar .item-pics:before { width: 5px; left: -11px; }

  .res-bar .item-pics:after { width: 5px; right: -11px; } }



.res-bar .item-img { position: relative; z-index: 2; overflow: hidden; background: url(../image/n3.png) no-repeat center; background-size: contain; }



.res-bar .item-img:before { position: absolute; content: ''; top: 0; bottom: 0; left: 0; right: 0; background-color: #000; opacity: 0; border-radius: 50%; visibility: hidden; -webkit-transition: all .35s; -o-transition: all .35s; -moz-transition: all .35s; transition: all .35s; }



.res-bar .item-img img { display: block; width: 100%; position: relative; z-index: 3; }



.res-bar .item-title { font-family: 'Verlag-Bold'; font-weight: bold; font-size: 18px; font-size: 1.8rem; line-height: 1.3; text-transform: uppercase; color: #000; }



@media screen and (max-width: 1219px) { .res-bar .item-title { font-size: 16px; font-size: 1.6rem; } }



@media screen and (max-width: 767px) { .res-bar .item-title { font-size: 14px; font-size: 1.4rem; } }



.res-item { background: url(../image/n4.jpg) no-repeat center; background-size: cover; padding: 24px; margin-bottom: 71px; }



@media screen and (max-width: 1219px) { .res-item { margin-bottom: 50px; } }



@media screen and (max-width: 999px) { .res-item { margin-bottom: 40px; } }



@media screen and (max-width: 767px) { .res-item { padding: 15px; margin-bottom: 30px; } }



.res-item .item-body { background-color: #000; background-color: rgba(0, 0, 0, 0.4); text-align: center; padding: 72px 20px 66px; }



@media screen and (max-width: 1219px) { .res-item .item-body { padding: 50px 20px; } }



@media screen and (max-width: 999px) { .res-item .item-body { padding: 40px 20px; } }



@media screen and (max-width: 767px) { .res-item .item-body { padding: 30px 15px; } }



.res-item .item-title { max-width: 760px; margin: 0 auto; /* font-family: 'Aldine401BTBoldA'; */ font-family: "Verlag-Bold", arial;text-transform: uppercase; font-size: 36px; font-size: 3.6rem; line-height: 1.3; color: #fff; }



@media screen and (max-width: 1419px) { .res-item .item-title { font-size: 32px; font-size: 3.2rem; } }



@media screen and (max-width: 1219px) { .res-item .item-title { font-size: 28px; font-size: 2.8rem; } }



@media screen and (max-width: 999px) { .res-item .item-title { font-size: 24px; font-size: 2.4rem; } }



@media screen and (max-width: 767px) { .res-item .item-title { font-size: 20px; font-size: 2rem; } }



.res-item .item-desc { max-width: 760px; margin: 15px auto 0;  font-size: 16px; font-size: 1.6rem; line-height: 28px; }



.res-item .item-desc, .res-item .item-desc * { color: #fff; }



@media screen and (max-width: 1419px) { .res-item .item-desc { line-height: 26px; } }



@media screen and (max-width: 1219px) { .res-item .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 24px; } }



@media screen and (max-width: 999px) { .res-item .item-desc { line-height: 22px; } }



@media screen and (max-width: 767px) { .res-item .item-desc { margin-top: 10px; font-size: 12px; font-size: 1.2rem; line-height: 20px; } }



.lan-list .list-item { padding: 80px 0 120px; }



.lan-list .list-item:nth-child(odd) { background-color: #F9F9F9; }



@media screen and (max-width: 1419px) { .lan-list .list-item { padding: 70px 0; } }



@media screen and (max-width: 1219px) { .lan-list .list-item { padding: 50px 0; } }



@media screen and (max-width: 999px) { .lan-list .list-item { padding: 30px 0; } }



@media screen and (max-width: 767px) { .lan-list .list-item { padding: 25px 0; } }



.lan-list .wp { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-flow: row-reverse nowrap; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-flow: row-reverse nowrap; flex-flow: row-reverse nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }



@media screen and (max-width: 767px) { .lan-list .wp { display: block; } }



.lan-list .item-pic { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 45.14286%; margin-left: 5.71429%; }



@media screen and (max-width: 1419px) { .lan-list .item-pic { margin-left: 3.57143%; } }



@media screen and (max-width: 1219px) { .lan-list .item-pic { margin-left: 2.14286%; } }



@media screen and (max-width: 767px) { .lan-list .item-pic { float: right; } }



@media screen and (max-width: 480px) { .lan-list .item-pic { float: none; width: 100%; margin: 0 auto 15px; } }



.lan-list .item-pic img { display: block; width: 100%; }



.lan-list .item-body { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; overflow: hidden; }



@media screen and (max-width: 767px) { .lan-list .item-body { overflow: visible; } }



.lan-list .item-num { /* font-family: 'HelveticaNeueLTStd-BdCn'; */ font-family: "Verlag-Bold", arial; font-size: 32px; font-size: 3.2rem; color: #000; line-height: 1; display: inline-block; padding-right: 7px; position: relative; margin-bottom: 29px; }



.lan-list .item-num:before { position: absolute; content: ''; width: 76px; height: 1px; background-color: #000; top: 50%; left: 100%; }



@media screen and (max-width: 1419px) { .lan-list .item-num { font-size: 60px; font-size: 6rem; margin-bottom: 15px; } }



@media screen and (max-width: 1219px) { .lan-list .item-num { font-size: 48px; font-size: 4.8rem; margin-bottom: 5px; } }



@media screen and (max-width: 999px) { .lan-list .item-num { font-size: 36px; font-size: 3.6rem; }

  .lan-list .item-num:before { width: 50px; } }



@media screen and (max-width: 767px) { .lan-list .item-num { font-size: 24px; font-size: 2.4rem; }

  .lan-list .item-num:before { width: 30px; } }



.lan-list .item-title { /* font-family: 'HelveticaNeueLTStd-BdCn'; */ font-family: "Verlag-Bold", arial; font-size: 24px; font-size: 2.4rem; line-height: 1.3; text-transform: uppercase; color: #000; margin-bottom: 13px; overflow: visible; }



@media screen and (max-width: 1419px) { .lan-list .item-title { font-size: 40px; font-size: 4rem; } }



@media screen and (max-width: 1219px) { .lan-list .item-title { font-size: 32px; font-size: 3.2rem; margin-bottom: 8px; } }



@media screen and (max-width: 999px) { .lan-list .item-title { font-size: 22px; font-size: 2.2rem; } }



@media screen and (max-width: 767px) { .lan-list .item-title { font-size: 18px; font-size: 1.8rem; } }



.lan-list .item-desc {  font-size: 16px; font-size: 1.6rem; line-height: 30px; overflow: visible; }



@media screen and (max-width: 1419px) { .lan-list .item-desc { line-height: 26px; } }



@media screen and (max-width: 1219px) { .lan-list .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 24px; } }



@media screen and (max-width: 999px) { .lan-list .item-desc { line-height: 22px; } }



@media screen and (max-width: 767px) { .lan-list .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; } }



.spc-list { padding-bottom: 115px; }



@media screen and (max-width: 1419px) { .spc-list { padding-bottom: 40px; } }



@media screen and (max-width: 1219px) { .spc-list { padding-bottom: 30px; } }



@media screen and (max-width: 999px) { .spc-list { padding-bottom: 20px; } }



@media screen and (max-width: 767px) { .spc-list { padding-bottom: 10px; } }



.spc-list .list-item { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 65px; }



@media screen and (max-width: 1419px) { .spc-list .list-item { margin-bottom: 50px; } }



@media screen and (max-width: 1219px) { .spc-list .list-item { margin-bottom: 30px; } }



@media screen and (max-width: 767px) { .spc-list .list-item { margin-bottom: 25px; } }



@media screen and (max-width: 640px) { .spc-list .list-item { display: block; } }



.spc-list .item1 .item-pic { float: left; margin-right: 4.85714%; }



@media screen and (max-width: 1419px) { .spc-list .item1 .item-pic { margin-right: 3.57143%; } }



@media screen and (max-width: 1219px) { .spc-list .item1 .item-pic { margin-right: 2.14286%; } }



.spc-list .item2 { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }



.spc-list .item2 .item-pic { float: right; margin-left: 4.85714%; }



@media screen and (max-width: 1419px) { .spc-list .item2 .item-pic { margin-left: 3.57143%; } }



@media screen and (max-width: 1219px) { .spc-list .item2 .item-pic { margin-left: 2.14286%; } }



.spc-list .item-pic { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 48.57143%; }



@media screen and (max-width: 480px) { .spc-list .item-pic { width: 100%; float: none; margin: 0 auto 15px !important; } }



.spc-list .item-subt { line-height: 1.3; font-size: 18px; font-size: 1.8rem;  margin-bottom: 17px; }



@media screen and (max-width: 1419px) { .spc-list .item-subt { margin-bottom: 15px; } }



@media screen and (max-width: 1219px) { .spc-list .item-subt { font-size: 16px; font-size: 1.6rem; margin-bottom: 10px; } }



@media screen and (max-width: 999px) { .spc-list .item-subt { margin-bottom: 5px; } }



@media screen and (max-width: 767px) { .spc-list .item-subt { font-size: 14px; font-size: 1.4rem; } }



.spc-list .item-title { /* font-family: 'HelveticaNeueLTStd-BdCn'; */ font-family: "Verlag-Bold", arial; font-size: 24px; font-size: 2.4rem; line-height: 1.3; text-transform: uppercase; color: #000; margin-bottom: 13px; overflow: visible; }



@media screen and (max-width: 1419px) { .spc-list .item-title { font-size: 40px; font-size: 4rem; } }



@media screen and (max-width: 1219px) { .spc-list .item-title { font-size: 32px; font-size: 3.2rem; margin-bottom: 8px; } }



@media screen and (max-width: 999px) { .spc-list .item-title { font-size: 22px; font-size: 2.2rem; } }



@media screen and (max-width: 767px) { .spc-list .item-title { font-size: 18px; font-size: 1.8rem; margin-bottom: 5px; } }



.spc-list .item-desc {  font-size: 16px; font-size: 1.6rem; line-height: 30px; overflow: visible; }



@media screen and (max-width: 1419px) { .spc-list .item-desc { line-height: 26px; } }



@media screen and (max-width: 1219px) { .spc-list .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 24px; } }



@media screen and (max-width: 999px) { .spc-list .item-desc { line-height: 22px; } }



@media screen and (max-width: 767px) { .spc-list .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; } }



.lan-list .service-scroll.scroll-box{ width:100%;}

.lan-list .service-scroll .item-pic{ width:auto; margin-left:auto;}

.lan-list .service-scroll .scroll-list li{ background:none !Important;}

.lan-list .service-scroll .list-item{ padding:0px !Important;}

.shiping{ position:relative; width:100%;}

.shiping iframe{ width:100%; height:100%; top:0px; left:0px; position:absolute; z-index:9999; border: none;}







.spc-list .service-scroll.scroll-box{ width:100%;}

.spc-list .service-scroll .item-pic{ width:auto; margin-left:auto;}

.spc-list .service-scroll .scroll-list li{ background:none !Important;}

.spc-list .service-scroll .list-item{ padding:0px !Important;}

.spc-list .service-scroll .scroll-btn{top: 44%; }









.banner{ position:relative;}

.slide .carouse{width:100%;overflow:hidden;position:relative; cursor: pointer;}

.slide .slideItem .banner-img{width:100%;}

.slide .carouse .slideItem{	width:100%;	position:absolute;}

.slide .console{ height: 57px; display: inline-block; width: 35px; position: absolute; top: 40%; }

.slide .dotList{ position: absolute; bottom:32px; left:50%; margin-left:-70px; z-index:9998 }

.slide .dotList ul li{ display: inline-block; width: 16px;

    height: 16px;     margin-right: 6px;

    margin-left: 6px; cursor:pointer;  }

.slide .dotList ul li.active{ background-position:0px 0px; background:url(../image/dot.png) no-repeat center center;}

.slide .carousel-control{position: absolute; top: 45%; width: 62px; height: 62px; z-index:999; }

.slide .carousel-control.left{left:0;	cursor:pointer; }

.slide .carousel-control.right{	right:0; cursor:pointer;}

.slide .carousel-control.right { right: 0;  background-repeat: no-repeat; cursor: pointer; }





.slide .slidedetail{display:none;}

.slide .slide-count { display: none; }









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

    .slide .dotList{ bottom: 10px;}

    

}









.newsletterdb input::-webkit-input-placeholder {

color: #998072;

}

.newsletterdb input:-o-placeholder {

color: #998072;

}

.newsletterdb input::-moz-placeholder {

color: #998072;

}

.newsletterdb input:-ms-input-placeholder {

color: #998072;

}





.newsletterdb{background-image: url(../image/bg-newsletter.jpg); text-align: center; background-size: cover;

    background-position: center;}

.newslezjform{box-sizing: inherit;}

.newslezjtitle{ font-weight: 400;    line-height: 1.4; font-size:28px;  font-size: 2.8rem; margin-bottom:30px; color:#fff; }

.newslezj{ margin:0 auto; flex: 0 0 66.6666666667%;    max-width: 66.6666666667%; padding:60px; padding-top:80px;}

.newslezjform .input-text {    background: #fff;    border: 1px solid #fff;    margin-right: 12px;    padding: 12px 15px;    line-height: 1; font-size:16px; font-size:1.6rem;}

.newslezjform .input-btn{min-width: 125px;color: #fff; border:#fff solid 1px;    text-align: center; font-size: 12px;    display: inline-block;    font-weight: normal;    font-style: italic;    line-height: 1;    padding: 0;    background: none;   text-align: left;    white-space: nowrap;    cursor: pointer;    text-transform: uppercase;    letter-spacing: 1px;    -webkit-transition: all .3s ease-out;    transition: all .3s ease-out; padding: 14px 15px; text-align:center;}

.newsletterdb .label-checkbox{

    display: block;

    font-family: "Oswald";

    font-size: 13px;

    font-style: italic;

    margin-top: 10px;

	color: #fff;

}

.newsletterdb a{color: #fff; }



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

	.newslezj{ max-width:100%;}

	}

	

@media (max-width: 780px){

.newslezjform {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

}

.newslezjform .input-text {

    width: 100%;

    max-width: 300px;

    margin: 0 10px 10px;

    order: 0;

}

.newslezjform .label-checkbox {

    flex-basis: 100%;

    order: 2;

    margin-bottom: 20px;

}

.newslezjform .input-btn{order: 3;}

}

@media (max-width: 520px){

	.newslezj{ padding:20px; padding-top:30px; }

		.newslezjtitle{ font-size: 18px;    font-size: 1.8rem;}

}

.newsletterdb .label-checkbox{

        font-style:normal;

}

.newslezjform .input-btn{

    font-style: normal;

}

.news-events{

    padding-bottom: 10px;

}

.newsletterdb .wp{

    margin-bottom: 10px;

}

.wrap .map{

    margin-bottom: 10px;

}





/*下面是新加*/



font-family: 'Verlag-book';



@font-face {

    font-family: "helveticaneueltstdbdcn";

    src: url('https://www.decnofloorings.com/themes/simplebootx/dekanuo/fonts/helveticaneueltstdbdcn.eot');

    src: url('https://www.decnofloorings.com/themes/simplebootx/dekanuo/fonts/helveticaneueltstdbdcn.eot') format('embedded-opentype'),

         url('https://www.decnofloorings.com/themes/simplebootx/dekanuo/fonts/helveticaneueltstdbdcn.woff2') format('woff2'),

         url('https://www.decnofloorings.com/themes/simplebootx/dekanuo/fonts/helveticaneueltstdbdcn.woff') format('woff'),

         url('https://www.decnofloorings.com/themes/simplebootx/dekanuo/fonts/helveticaneueltstdbdcn.ttf') format('truetype'),

         url('../image/helveticaneueltstdbdcn.svg') format('svg');

}



* {

	margin: 0;

	padding: 0;

}

html {

	font-size: 62.5%;

	height: 100%

}

body {

	margin: 0 auto;

	font-family: 'Verlag-book';

	font-size: 14px;

	font-size: 1.4rem;

	height: 100%;

	max-width: 1920px;

	overflow-x: hidden;

}

img {

	border: none;

}

sc ul li {

	list-style-type: none;

}

ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {

	margin: 0;

	padding: 0;

	list-style: none;

	color: #333;

}

a {

	text-decoration: none;

	color: #333;

	outline: none;

	transition: 0.3s;

	-moz-transition: 0.3s;

	-o-transition: 0.3s;

	-webkit-transition: 0.3s;

}

h1 {

	margin: 0;

	padding: 0;

	font-weight: normal;

	color: #333;

}

.clear {

	clear: both;

}

.maln {

	margin-left: auto !important

}

input, textarea {

	font-family: 'Verlag-book';

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	border: none;

	outline: none;

}

img {

	max-width: 100%;

	border: 0px solid #ccc;

}

table, embed, video {

	max-width: 100%;

}

input, textarea {

	border: none;

	background: none;

	font-family: inherit;

}

input[type="submit"], textarea[type="submit"] {

	cursor: pointer;

}

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

	cursor: pointer;

}

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

	cursor: pointer;

}

input:focus, textarea:focus {

	outline: none;

}

textarea {

	resize: none;

}

.pull-left {

	float: left;

}

.pull-right {

	float: right;

}

.fix {

*zoom:1;

}

.fix:after, .fix:before {

	display: block;

	content: "clear";

	height: 0;

	clear: both;

	overflow: hidden;

	visibility: hidden;

}

article, aside, dialog, footer, header, section, footer, nav, figure, menu {

	display: block

}

::-webkit-input-placeholder {

color:#999;

}

:-o-placeholder {

color:#999;

}

::-moz-placeholder {

color:#999;

}

:-ms-input-placeholder {

color:#999

}

.self-ellipsis {

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}

.self-ellipsis-2 {

	display: -webkit-box;

	overflow: hidden;

	white-space: normal!important;

	text-overflow: ellipsis;

	word-wrap: break-word;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical

}

.self-ellipsis-3 {

	display: -webkit-box;

	overflow: hidden;

	white-space: normal!important;

	text-overflow: ellipsis;

	word-wrap: break-word;

	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical

}

.self-ellipsis-4 {

	display: -webkit-box;

	overflow: hidden;

	white-space: normal!important;

	text-overflow: ellipsis;

	word-wrap: break-word;

	-webkit-line-clamp: 4;

	-webkit-box-orient: vertical

}

.relative {

	position: relative;

}

.absolute {

	position: absolute;

}

.common-vc {

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-o-transform: translateY(-50%);

}

.common-hc {

	position: absolute;

	left: 50%;

	transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	-webkit-transform: translateX(-50%);

	-moz-transform: translateX(-50%);

	-o-transform: translateX(-50%);

}

.common-center {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-webkit-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

}

[class*="-item"] .item-pic {

	position: relative;

	display: block;

	text-align: center;

	overflow: hidden;

}

[class*="-item"] .item-pic img {

	-webkit-transition: all 350ms;

	-o-transition: all 350ms;

	-moz-transition: all 350ms;

	transition: all 350ms;

}

[class*="-item"] .item-title {

	overflow: hidden;

}

[class*="-item"] .item-title a:hover {

	color: #333!important;

}

[class*="-item"] .item-desc {

	overflow: hidden;

}

[class*="-item"] .item-desc a {

	display: block;

	color: #333;

}

[class*="-item"] .item-desc a:hover {

	color: #333!important;

}

@media screen and (min-width:1420px) {

.wp {

	width: 1400px;

	margin: auto;

}

}

@media screen and (min-width:1220px) and (max-width:1419px) {

.wp {

	width: 1200px;

	margin: auto;

}

}

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

.wp {

	width: 980px;

	margin: auto;

}

}

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

.wp {

	width: 95%;

	margin: auto;

}

}

@media screen and (min-width:1220px) {

.no_margin {

	margin-right: auto!important;

}

.no_marginl {

	margin-left: auto!important;

}

}

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

.no_margin {

	margin-right: auto!important;

}

.no_marginl {

	margin-left: auto!important;

}

}

.page {

	text-align: center;

	overflow: hidden;

}

.page a {

	width: 35px;

	height: 30px;

	line-height: 28px;

	box-sizing: border-box;

	display: inline-block;

	font-size: 14px;

	font-size: 1.4rem;

	margin: 0 2.5px 10px;

	border: solid 1px #E5E5E5;

	color: #333;

	box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	font-size: 12px;

	font-family: 'Verlag-book';

	font-size: 1.2rem;

}

.page a.prev, .page a.next {

	width: 61px!important;

	margin: 0 2.5px 10px;

	background-color: transparent;

}

.page a.next {

	width: 61px!important;

}

.page a.prev:hover, .page a.next:hover {

	background-color: #333!important;

	color: #FFFFFF!important;

	border-color: #333;

}

.page a:hover, .page-active, .page a.current {

	background-color: #333!important;

	color: #FFFFFF!important;

	border-color: #333!important;

}

.fl {

	float: right;

}

.add-btn {

	width: 150px;

	height: 30px;

	line-height: 28px;

	text-align: center;

	background-color: #333;

	color: #FFFFFF;

	cursor: pointer;

	font-size: 14px;

	font-size: 1.4rem;

	font-family: 'Verlag-book';

	margin-left: 25px;

}

.add-btn:hover {

	background-color: #333;

}

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

.fl {

	float: none;

}

.add-btn {

	font-size: 12px;

	font-size: 1.2rem;

}

.add-form {

	float: none;

	display: inline-block;

}

.page a {

	font-size: 12px;

	font-size: 1.2rem;

}

}

.kf {

	position: fixed;

*position:absolute;

	z-index: 10000;

	right: 0;

	top: 25%;

	width: 60px;

}

.kf-item {

	position: relative;

	height: 60px;

}

.kf-item a {

	position: absolute;

	right: -200px;

	top: 0;

	display: block;

	width: 260px;

	height: 60px;

	line-height: 60px;

	padding-left: 60px;

	text-align: left;

	font-size: 16px;

	font-size: 1.6rem;

	color: #FFFFFF;

	background-color: #e8580fc2;

	background-repeat: no-repeat;

	background-position: left center;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.kf-item a:hover {

	right: 0;

	background-color: #c4996c;

}

.kf-item-1 a {

	background-image: url(../image/r_wechat.png);

}

.kf-item-2 a {

	background-image: url(../image/r_tel.png);

}

.kf-item-3 a {

	background-image: url(../image/r_email.png);

}

.kf-item-4 a {

	background-image: url(../image/r_ewm.png);

}

.kf-item-4 a:hover {

	right: -200px;

}

.kf-item-4:hover .weixing-show {

	right: 70px;

}

.weixing-show {

	width: 121px;

	background: #fff;

	border-radius: 10px;

	border: 1px solid #dddddd;

	position: absolute;

	right: -200px;

	top: -85px;

}

.weixing-show .weixing-txt {

	float: left;

	width: 100px;

	padding: 10px 12px;

	text-align: center;

	font-size: 14px;

	font-size: 1.4rem;

	color: #4c4c4c

}

.weixing-show .weixing-txt ul li {

	width: 100px;

	height: 120px;

	text-align: center;

	font-size: 14px;

	font-size: 1.4rem;

	color: #4c4c4c

}

.kf-item-5 a {

	background-image: url(../image/r_top.png);

}

.kf-item-5 a:hover {

	right: -200px;

}

.c1 {

	background: #2A2D40 url(../image/r_skype.png) no-repeat center;

}

.c2 {

	background: #2A2D40 url(../image/r_tel.png) no-repeat center;

}

.c3 {

	background: #2A2D40 url(../image/r_email.png) no-repeat center;

}

.c4 {

	background: #2A2D40 url(../image/r_ewm.png) no-repeat center;

	cursor: pointer;

	background-size: 40px!important;

}

.c5 {

	background: #2A2D40 url(../image/r_top.png) no-repeat center;

	cursor: pointer;

}

.contact-phone {

	position: fixed;

	bottom: 0;

	height: 50px;

	left: 0;

	right: 0;

	display: none;

	z-index: 999;

}

.contact-phone li {

	width: 25%;

	height: 50px;

	float: left;

	background-size: 50px;

	position: relative;

	bottom: 0!important;

}

.contact-phone li a {

	display: block;

	height: 50px;

}

.contact-phone .weixing-show {

	top: -135px;

	right: 50%;

	margin-right: -56px;

	width: 110px;

	display: none;

}

.weixing-show .weixing-txt {

	padding: 5px;

}

.contact-phone .c2:hover .weixing-show{ display:block;}

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

.kf {

	display: none;

}

.contact-phone {

	display: block;

}

}

.wrap {

	overflow: hidden;

}

.bread {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 24px;

	padding: 12px 0 14px;

	border-bottom: solid 1px #BFBFBF;

	text-transform: uppercase;

	color: #777;

	overflow: hidden;

}

.bread a {

	color: #777;

}

.bread a:hover {

	color: #333;

}

.bread .bread-active {

	color: #333;

}

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

.bread {

	padding: 10px 0;

}

}

.foot-bread {

	text-align: right;

	font-size: 18px;

	font-size: 1.8rem;

	text-transform: uppercase;

	padding: 5px 0 5px;

	overflow: hidden;

}

.foot-bread a:first-child {

	margin-right: 40px;

}

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

.foot-bread {

	padding: 10px 0 35px;

}

}

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

.foot-bread {

	padding: 10px 0 30px;

	font-size: 16px;

	font-size: 1.6rem;

}

}

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

.foot-bread {

	padding: 10px 0 20px;

	font-size: 14px;

	font-size: 1.4rem;

}

.foot-bread a:first-child {

	margin-right: 30px;

}

}

.search-icon {

	cursor: pointer;

	margin-top: 8px;

	margin-left: 5px;

	position: relative;

	z-index: 999;

}

.search-box::-webkit-input-placeholder {

color:#333;

}

.search-box:-o-placeholder {

color:#333;

}

.search-box::-moz-placeholder {

color:#333;

}

.search-box:-ms-input-placeholder {

color:#333;

}

.search-box {

	width: 230px;

	height: 32px;

	line-height: 30px;

	border-radius: 5px;

	position: absolute;

	right: 0;

	top: 80px;

	border: solid 1px #1B1B1B;

	background-color: #FFFFFF;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	display: none;

	cursor: pointer;

	overflow: hidden;

	z-index: 999;

}

.search-icon {

	cursor: pointer;

}

.search-input {

	width: 100%;

	height: 31px;

	line-height: 30px;

	background-color: transparent;

	padding: 0 40px 0 10px;

	color: #333;

	box-sizing: border-box;

	cursor: pointer;

	font-size: 16px;

	font-size: 1.6rem;

}

.search-submit {

	position: absolute;

	background: #1B1B1B url(../image/search.png) no-repeat center center;

	width: 30px;

	height: 30px;

	top: 0;

	right: 0;

	cursor: pointer;

}

.header {

	position: fixed;

	top: 0;

	width: 100%;

	z-index: 999;

	background-color: #FFFFFF;

}

body {

	padding-top: 116px;
	padding-top: 135px;

}

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

body {

	padding-top: 141px;

}

}

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

body {

	padding-top: 92px;

}

}

.h-top {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 30px;

	padding: 6px 0 10px;

	text-align: right;

	/*overflow: hidden;*/

}

.h-top span {

	padding-left: 10pxpx;

}

.htop-tel {

	background: url(../image/nav1.png) no-repeat left center;

	padding-right: 25px;

	font-size: 18px;

	font-size: 1.8rem;

	padding-left: 17px;

}

.htop-mail {

	background: url(../image/nav2.png) no-repeat left center;

	padding-right: 25px;

		padding-left: 17px;

}

.htop-wechat {

	background: url(../image/nav3.png) no-repeat left center;

	font-size: 18px;

	font-size: 1.8rem;

	display: none;

}

.h-bot {

	position: relative;

}

.logo {

	display: block;

	float: left;

	margin: 0px 0 0;

}

.navlist {

	float: right;

	margin: 0px 0 0

}

.navlist>li {

	float: left;

	margin-right: 48px;

	text-transform: uppercase;

	font-size: 16px;

	font-size: 1.6rem;

	position: relative;

}

.navlist>li>a {

	display: block;

	line-height: 50px;

	padding-bottom: 7px;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: b;

}

.nav-active>a, .navlist>li>a:hover {

	color: #333!Important;

}

.nav-active, .navlist>li:hover {

	border-bottom: solid 6px #1B1B1B;

}

.navlist1 {

	display: none;

	width: 100%;

}

.navlist1>li {

	float: left;

	width: 25%;

	text-align: center;

	line-height: 36px;

}

.navlist1>li>a {

	color: #333;

	display: block;

}

.navlist1>li:hover>a {

	display: block;

	color: #333!important;

	border-bottom: solid 3px #1B1B1B;

}

.navlist>li:hover .yiji {

	top: 78px;

}

.yiji {

	border: solid 2px #EEEEEE;

	position: absolute;

	left: 0;

	top: -9999999px;

	margin-top: -15px;

	width: 181px;

	background: #FFFFFF;

	z-index: 99999;

	padding: 0;

	box-sizing: border-box;

	font-family: 'Verlag-book';

	text-transform: none;

}

.yiji li {

	float: left;

	text-align: left;

	width: 100%;

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

	color: #FFFFFF;

	font-weight: normal;

	position: relative;

	margin: 0;

	box-sizing: border-box;

}

.yiji>li {

	border-bottom: solid 1px #BFBFBF;

	padding: 14px 10px 6px 22px;

}

.yiji>li:last-child {

	border-bottom: 0;

}

.yiji li:hover>.erji {

	left: 178px;

}

.yiji li a {

	color: #333;

}

.yiji>li:hover {

	background-color: #333;

	color: #FFFFFF;

}

.yiji>li:hover>a {

	color: #FFFFFF!important;

}

.erji {

	position: absolute;

	left: -9999px;

	top: -2px;

	width: 293px;

	background: #fff;

	z-index: 99;

	padding: 3px 0;

	box-sizing: border-box;

	border: solid 2px #EEEEEE;

}

.erji>li {

	line-height: 44px;

	padding: 0 10px 0 22px;

}

.erji li a {

	color: #999;

}

.erji>li:hover>a {

	color: #333333;

}

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

.navlist>li {

	margin-right: 30px;

}

}

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

.navlist>li {

	margin-right: 10px;

}

}

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

.yiji {

	display: none;

}

.search-icon {

	margin-top: 18px;

}

.search-box {

	top: 133px;

}

.logo {

	margin: 15px 0 0;

}

.navlist {

	margin: 10px 0 0;

	font-size: 0;

	letter-spacing: 0;

	width: 100%;

	text-align: center;

}

.navlist>li {

	font-size: 14px;

	font-size: 1.4rem;

}

.navlist>li>a {

	padding-bottom: 0;

}

.navlist>li {

	margin-right: 14px;

	display: inline-block;

	vertical-align: top;

	float: none;

}

}

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

}

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

.h-top, .navlist, .search {

	display: none;

}

.navlist1 {

	display: block;

}

.nav-active>a, .navlist>li>a:hover {

	border-bottom-width: 3px;

}

.logo {

	height: 35px;

}

}

.footer {

	/*background: #1B1B1B;*/

	background: #E8580F;

	color: #FFFFFF;

	line-height: 30px;

	overflow: hidden;

}

.footer a, .footer li, .footer p, .footer span {

	color: #FFFFFF;

}

.footer-title {

	font-size: 18px;

	font-size: 1.8rem;

	line-height: 30px;

	color: #FFFFFF;

	margin-bottom: 25px;

}

.footer-title a {

	color: #FFFFFF;

}

.f-top {

	padding: 50px 0 18px;

	border-bottom: solid 1px #BFBFBF;

}

.flist1 {

	float: left;

	margin-right: 78px;

}

.flist2 {

	float: left;

	margin-right: 80px;

}

.flist3 {

	float: left;

	margin-right: 120px;

}

.flist4 {

	float: left;

	margin-right: 80px;

}

.flist5 {

	float: left;

}

.flist6 {

	float: right;

}

.f-follow {

	margin: 14px 0 26px;

}

.f-follow img {

	float: left;

	margin-right: 14px;

}

.ewm {

	float: left;

	margin-right: 16px;

	text-align: center;

	width: 76px;

}

.ewm img{ width: 100%; max-width: 100%;     border: #ccc solid 1px;

    margin-bottom: 10px;}

.ewm p {

	line-height: 0;

	margin-top: 1px;

}

.f-bot {

	padding: 15px 0 22px;

	margin-bottom: 23px;

}

.copyright span {

	line-height: 24px;

}

.copyright img {

	margin-left: 5px;

}

.links {

	line-height: 24px;

	margin-top: 7px;

}

.links a {

	margin-right: 25px;

}

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

.flist1, .flist2, .flist3, .flist4 {

	margin-right: 40px;

}

}

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

.flist1, .flist2, .flist3, .flist4, .flist5, .flist6 {

	width: 33.33%;

	margin-right: 0;

	min-height: 370px;

}

}

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

.f-top, .links {

	display: none;

}

.f-bot {

	padding: 15px 0 65px;

}

.copyright span {

	display: block;

	float: none;

}

}

.item-info, .d-group, .item-btn, .item-title, div, li {

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

}

.four-box {

	padding: 77px 0;

	overflow: hidden;

}

.four-list {

	overflow: hidden;

}

.four-list li {

	float: left;

	width: 49%;

	margin: 21px 0 21px 2%;

	position: relative;

	overflow: hidden;

}

.four-list .item-pic {

	width: 100%;

}

.four-list .item-pic img {

	width: 100%;

	max-width: 686px;

	display: block;

	margin: 0 auto;

}

.four-list li:hover .item-info {

	top: 22px;

	bottom: 22px;

}

.four-list li:hover>.item-title {

	top: -100%;

}

.four-list .item-title {

	font-family: 'Verlag-bold';

	font-size: 36px;

	font-size: 3.6rem;

	text-transform: uppercase;

	width: 100%;

	text-align: center;

	position: relative;

	line-height: 80px;

}

.four-list li>.item-title {

	position: absolute;

	top: 50%;

	margin-top: -52px;

	color: #FFFFFF;

	transition: all .5s;

	-webkit-transition: all .5s;

	padding: 0 10px;

}

.four-list li>.item-title a {

	color: #FFFFFF;

}

.four-list .item-title:after {

	position: absolute;

	content: '';

	width: 75px;

	height: 7px;

	left: 50%;

	margin-left: -37.5px;

	bottom: 0;

	background-color: #FFFFFF;

}

.four-list .item-info {

	position: absolute;

	top: -100%;

	right: 22px;

	left: 22px;

	background: url(../image/web2.png) repeat;

	padding: 81px 73px 0;

	text-align: center;

	transition: all .5s;

	-webkit-transition: all .5s;

}

.four-list .item-info .item-title:after {

	background-color: #333333;

}

.four-list .item-desc {

	font-size: 18px;

	font-size: 1.8rem;

	line-height: 24px;

	margin: 15px 0 15px;

	height: 48px;

}

.four-list .item-btn {

	width: 30px;

	height: 30px;

	background: url(../image/web3.png) no-repeat center;

	background-size: contain;

	display: inline-block;

}

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

.four-list .item-info {

	padding-top: 40px;

}

}

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

.four-list .item-info {

	padding: 15px;

}

}

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

.four-box {

	padding: 35px 0;

}

.four-list li {

	margin: 15px 0 15px 2%;

	width: 48%;

}

.four-list li>.item-title {

	display: none;

}

.four-list li:hover .item-info {

	top: auto;

	left: auto;

	bottom: auto;

	right: auto;

}

.four-list .item-info {

	padding: 0 15px;

	position: relative;

	top: auto;

	left: auto;

	bottom: auto;

	right: auto;

}

.four-list .item-desc {

	margin: 5px 0;

}

.four-list .item-title {

	line-height: 60px;

	font-size: 30px;

	font-size: 3rem;

}

.four-list .item-title:after {

	height: 5px;

}

}

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

.four-box {

	padding: 20px 0;

}

.four-list li {

	margin: 10px 1%;

}

.four-list .item-title {

	font-size: 24px;

	font-size: 2.4rem;

	line-height: 48px;

}

.four-list .item-title:after {

	width: 50px;

	height: 3px;

}

.four-list .item-desc {

	font-size: 16px;

	font-size: 1.6rem;

}

}

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

.four-list li {

	width: 98%;

}

}

.d-group {

	background: url(../image/web4.jpg) top center;

	min-height: 590px;

	padding-top: 106px;

}

.dgroup-content {

	width: 525px;

	overflow: hidden;

}

.dgroup-content .item-title {

	font-family: 'Verlag-Bold';

	font-size: 48px;

	font-size: 4.8rem;

	text-transform: uppercase;

	position: relative;

	padding-bottom: 21px;

}

.dgroup-content .item-title:after {

	position: absolute;

	content: '';

	width: 166px;

	height: 4px;

	background-color: #1B1B1B;

	left: 0;

	bottom: 0;

}

.dgroup-content .item-desc {

	font-size: 18px;

	font-size: 1.8rem;

	line-height: 24px;

	margin: 36px 0 41px;

}

.dgroup-content .item-btn {

	display: inline-block;

	width: 156px;

	height: 40px;

	line-height: 40px;

	background: #333333;

	text-align: center;

	font-size: 18px;

	font-size: 1.8rem;

	color: #FFFFFF;

}

.dgroup-content .item-btn:hover {

	background-color: transparent;

	border: solid 1px #333333;

	color: #333333;

}

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

.d-group {

	min-height: auto;

	padding: 50px 0;

}

.dgroup-content .item-title {

	font-size: 30px;

	font-size: 3rem;

}

}

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

.d-group {

	padding: 30px 0;

}

.dgroup-content {

	width: 100%;

}

.dgroup-content .item-title {

	font-size: 24px;

	font-size: 2.4rem;

	padding-bottom: 10px;

}

.dgroup-content .item-desc {

	font-size: 16px;

	font-size: 1.6rem;

	margin: 20px 0;

}

.dgroup-content .item-btn {

	height: 36px;

	line-height: 36px;

	font-size: 16px;

	font-size: 1.6rem;

}

}

.hot-pro {

	overflow: hidden;

}

.hotp-title, .ne-title {

	font-family: 'Verlag-Bold';

	font-size: 48px;

	font-size: 4.8rem;

	text-align: center;

	text-transform: uppercase;

}

.hotp-title {

	margin: 100px 0 67px;

}

.ne-title {

	margin: 92px 0 55px;

}

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

.hotp-title, .ne-title {

	font-size: 30px;

	font-size: 3rem;

	margin: 50px 0;

}

}

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

.hotp-title, .ne-title {

	font-size: 24px;

	font-size: 2.4rem;

	margin: 30px 0;

}

}

.hotp-list li {

	float: left;

	width: 428px;

	margin-right: 58px;

	position: relative;

	overflow: hidden;

}

.hotp-list li:hover .item-info {

	top: 16px;

	bottom: 16px;

}

.hotp-list li:hover .item-pic .item-title {

	top: -100%;

}

.hotp-list .item-pic {

	width: 100%;

	position: relative;

}

.hotp-list .item-pic img {

	width: 100%;

	max-width: 462px;

	max-height: 471px;

	display: block;

	margin: 0 auto;

}

.hotp-list .item-pic .item-title {

	position: absolute;

	top: 50%;

	margin-top: -16px;

	left: 0;

	transition: all .5s;

	-webkit-transition: all .5s;

	padding: 0 10px;

}

.hotp-list .item-pic .item-title>a {

	color: #333;

}

.hotp-list .item-title {

	font-family: 'Verlag-Bold';

	font-size: 32px;

	font-size: 3.2rem;

	width: 100%;

	text-align: center;

	line-height: 32px;

	text-transform: uppercase;

}

.hotp-list .item-info {

	position: absolute;

	top: -100%;

	right: 16px;

	left: 16px;

	padding-top: 130px;

	background: url(../image/web2.png) repeat;

	text-align: center;

	transition: all .5s;

	-webkit-transition: all .5s;

}

.hotp-list .item-desc {

	font-size: 18px;

	font-size: 1.8rem;

	line-height: 30px;

	margin: 18px 0 13px;

	height: 60px;

}

.hotp-list .item-btn {

	width: 30px;

	height: 30px;

	background: url(../image/web3.png) no-repeat center;

	background-size: contain;

	display: inline-block;

}

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

.hotp-list li {

	width: 380px;

	margin-right: 30px;

}

.hotp-list .item-info {

	padding-top: 120px;

}

}

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

.hotp-list li {

	width: 313px;

	margin-right: 20px;

}

.hotp-list .item-info {

	padding-top: 75px;

}

}

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

.hotp-list li {

	width: 31.33%;

	margin: 0 1%;

}

.hotp-list .item-pic .item-title {

	display: none;

}

.hotp-list li:hover .item-info {

	top: auto;

	bottom: auto;

}

.hotp-list .item-info {

	position: relative;

	top: auto;

	left: auto;

	bottom: auto;

	right: auto;

	padding: 15px;

}

.hotp-list .item-title {

	font-size: 30px;

	font-size: 3rem;

}

}

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

.hotp-list .item-title {

	font-size: 24px;

	font-size: 2.4rem;

	line-height: 30px;

}

.hotp-list .item-info {

	padding: 15px;

}

.hotp-list .item-desc {

	font-size: 16px;

	font-size: 1.6rem;

	margin: 5px 0 10px;

	line-height: 24px;

	height: 48px;

}

}

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

.hotp-list li {

	width: 48%;

	margin: 0 1%;

}

}

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

.hotp-list li {

	width: 98%;

	margin: 0 1%;

}

}

.news-events {

	padding-bottom: 100px;

	overflow: hidden;

}

.m-hvideo {

	float: right;

	margin-left: 20px;

	width: 330px;

}

.m-hvideo .video-iframe {

	position: relative;

	overflow: hidden;

}

.m-hvideo .video-iframe img {

	width: 100%;

	max-width: 330px;

	display: block;

	margin: 0 auto;

}

.m-hvideo .video-title {

	margin-top: 3px;

	padding: 25.5px 10px;

	line-height: 30px;

	font-size: 28px;

	font-size: 2.8rem;

	font-family: "Verlag-Bold";

	color: #fff;

	text-align: center;

	text-transform: uppercase;

	background-color: #1B1B1B;

	-webkit-transition: all 350ms;

	-o-transition: all 350ms;

	-moz-transition: all 350ms;

	transition: all 350ms;

}

.m-hvideo .video-title a {

	color: #fff;

}

.m-hnews {

	position: relative;

	overflow: hidden;

}

.m-hnews .news-list {

	position: relative;

	overflow: hidden;

	width: 1000%;

}

.m-hnews .list-item {

	float: left;

	width: 10%;

	background-color: #eee;

	overflow: hidden;

}

.m-hnews .item-pic {

	float: left;

	width: 425px;

}

.m-hnews .item-pic img {

	display: block;

	width: 100%;

	max-width: 425px;

}

.m-hnews .item-text {

	padding-top: 51px;

	padding-left: 25px;

	padding-right: 25px;

	overflow: hidden;

}

.m-hnews .item-title {

	font-size: 24px;

	font-size: 2.4rem;

	font-family: "Verlag-Bold";

}

.m-hnews .item-date {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

	margin-top: 22px;

}

.m-hnews .item-date a {

	color: #555555;

}

.m-hnews .item-desc {

	margin-top: 6px;

}

.m-hnews .item-desc a {

	display: block;

	height: 90px;

	line-height: 30px;

	font-size: 16px;

	font-size: 1.6rem;

	color: #555;

	overflow: hidden;

}

.m-hnews .item-link {

	margin-top: 14px;

	font-size: 18px;

	font-size: 1.8rem;

	color: #333;

}

.m-hnews .item-link a {

	color: #333;

}

.m-hnews .news-page {

	position: absolute;

	z-index: 2;

	right: 32px;

	bottom: 20px;

	text-align: right;

}

.m-hnews .page-item {

	margin: 0 5px;

	display: inline-block;

*display:inline;

*zoom:1;

	font-size: 18px;

	font-size: 1.8rem;

	color: #555;

}

.m-hnews .page-item.active {

	color: #4F3E2E;

}

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

.m-hnews .item-pic {

	width: 290px;

	height: 322px;

	line-height: 322px;

}

.m-hnews .item-pic img {

	vertical-align: middle;

	display: inline-block;

}

.m-hvideo {

	width: 282px;

}

.m-hvideo .video-title {

	padding: 20px 10px;

}

}

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

.news-events {

	padding-bottom: 50px;

}

.m-hvideo {

	float: none;

	width: 100%;

	margin-left: 0;

}

.m-hnews {

	margin-top: 30px;

}

.m-hnews .item-pic {

	height: auto;

	line-height: 0;

}

.m-hnews .item-text {

	padding-top: 25px;

}

.m-hvideo .video-title {

	padding: 10px;

}

}

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

.news-events {

	padding-bottom: 30px;

}

.m-hfix1 {

	margin-top: 30px;

	padding-bottom: 30px;

}

.m-hvideo .video-title {

	padding: 10px;

	font-size: 20px;

	font-size: 2rem;

}

.m-hnews .item-title {

	font-size: 20px;

	font-size: 2rem;

}

.m-hnews .item-date {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 24px;

	margin-top: 10px;

}

.m-hnews .item-desc a {

	line-height: 24px;

	height: auto;

	max-height: 72px;

	font-size: 14px;

	font-size: 1.4rem;

}

.m-hnews .item-link {

	margin-top: 10px;

	font-size: 16px;

	font-size: 1.6rem;

}

}

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

.m-hnews .item-pic {

	float: none;

	width: 100%;

}

.m-hnews .item-text {

	padding: 20px 10px 40px;

}

}

.company-box {

	padding: 40px 0 0;

}

.cbox1-img {

	float: right;

	width: 39.357%;

	margin-right: 5%;

}

.cbox1-img1 {

	display: inline-block;

	width: 36.90%;

	margin-right: 1.4%;

	margin-right: 1.2%\0;

}

.cbox1-img2 {

	display: inline-block;

	width: 61.29%;

}

.cbox2-img {

	float: left;

	margin-right: 3%

}

.company-box p {

	font-size: 18px;

	font-size: 1.8rem;

	line-height: 33px;

	font-family: 'Verlag-book';

}

.company-box p.c-title {

	font-family: 'Verlag-Bold';

	font-size: 49px;

	font-size: 4.9rem;

	position: relative;

	height: 97px;

	line-height: 88px;

	margin-bottom: 20px;

}

.company-box p.c-title strong {

	position: relative;

	z-index: 2;

	padding-left: 32px;

}

.company-box p.c-title:after {

	position: absolute;

	content: '';

	width: 97px;

	height: 97px;

	background-color: #F5F5F5;

	top: 0;

	left: 0;

	z-index: 0;

}

.cbox1-word {

	padding-left: 31px;

}

.cbox2 {

	margin-top: 14px;

}/*.cbox2 p{padding-top:73px;}*/

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

.cbox1-img1 {

	margin-right: 1.2%;

}

}

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

.company-box p.c-title {

	margin-bottom: 0;

}

.cbox2 p {

	padding-top: 0;

}

}

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

.company-box {

	padding: 50px 0 0;

}

.cbox1-img1 {

	margin-right: 0;

	float: none!important;

}

.cbox1-img2 {

	float: right;

}

.cbox1-img {

	width: 100%;

	max-width: 775px;

	float: none!important;

	margin: 0 0 10px;

}

.cbox2-img {

	width: 100%;

	max-width: 911px;

	float: none!important;

	margin: 0 0 10px;

}

.company-box p.c-title {

	font-size: 30px;

	font-size: 3rem;

	height: auto;

	line-height: 80px;

	text-align: center;

}

.company-box p.c-title span {

	padding-left: 0;

}

.company-box p.c-title:after {

	display: none;

}

.company-box p {

	font-size: 16px;

	font-size: 1.6rem;

}

.cbox1-word {

	padding-left: 0;

}

}

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

.company-box {

	padding: 30px 0 0;

}

.company-box p.c-title {

	font-size: 24px;

	font-size: 2.4rem;

	height: auto;

	line-height: 40px;

}

.company-box p.c-title:after {

	height: 40px;

	line-height: 40px;

}

.company-box p {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 24px;

}

}

.all-pics li {

	float: left;

	width: 20%;

}

.company-scroll {

	position: relative;

	overflow: hidden;

}

.company-scroll .scroll-btns {

	display: none;

}

.company-scroll .scroll-list {

	width: 1000%;

}

.company-pics {

	padding: 80px 0 77px;

}

.company-pics li {

	float: left;

	width: 382px;

	position: relative;

	overflow: hidden;

}

.company-pics li:hover .item-backdrop {

	top: 18px;

	bottom: 18px;

}

.company-pics li:hover .item-pic {

	opacity: .9;

}

.company-pics .item-pic {

	width: 100%;

}

.company-pics .item-pic img {

	width: 100%;

	display: block;

	max-width: 383px;

	margin: 0 auto;

}

.company-pics .item-backdrop {

	position: absolute;

	top: -100%;

	left: 18px;

	right: 18px;

	background: url(../image/about9.png) repeat;

	transition: all .5s;

	-webkit-transition: all .5s;

}

.company-pics .item-title {

	text-align: center;

	font-family: 'Verlag-Bold';

	font-size: 20px;

	font-size: 2rem;

	color: #FFFFFF;

	text-transform: uppercase;

	line-height: 30px;

	padding: 15px 0;

	position: absolute;

	width: 100%;

	top: 50%;

	margin-top: -30px;

}

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

.company-pics {

	padding: 70px 0;

}

.company-pics .item-title {

	font-size: 16px;

	font-size: 1.6rem;

}

.company-pics li {

	width: 300px;

}

}

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

.company-pics {

	padding: 50px 0;

}

.company-pics .item-backdrop {

	position: relative;

	top: auto;

	left: auto;

	right: auto;

	bottom: auto;

	background: none;

}

.company-pics .item-title {

	position: relative;

	top: auto;

	margin-top: auto;

	color: #333333;

}

.company-pics li:hover .item-backdrop {

	top: auto;

	bottom: auto;

}

.company-pics li:hover .item-pic {

	opacity: 1;

}

.company-pics li {

	width: 250px;

}

}

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

.company-pics {

	padding: 30px 0;

}

.company-pics li {

	width: 200px;

}

.company-pics .item-title {

	font-size: 14px;

	font-size: 1.4rem;

	padding: 10px 0;

	line-height: 20px;

}

}

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

.company-pics li {

	width: 150px;

}

}

.about3 {

	background: url(../image/about15.png) no-repeat top center;

}

.about3-list {

	font-family: 'Verlag-book';

	text-align: center;

}

.about3-list li {

	float: left;

	width: 445px;

	margin-left: 32px;

	padding: 0 34px;

}

.about3-list li .item-body {

	width: 10000px;

	height: 561px;

	display: table-cell;

	vertical-align: middle;

}

.about3-list .item-title {

	font-family: 'Verlag-Bold';

	font-size: 26px;

	font-size: 2.6rem;

	text-transform: uppercase;

	margin: 28px 0 13px;

}

.a3-list2 p {

	color: #FFFFFF;

}

.a3-list1, .a3-list3 {

	background: url(../image/about13.png) repeat;

}

.a3-list2 {

	background: url(../image/about14.png) repeat;

}

.about3-list .item-desc {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

}

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

.about3-list li {

	width: 386px;

	margin-left: 20px;

	padding: 0 20px;

}

.about3-list .item-title {

	margin: 20px 0 10px;

}

}

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

.about3-list li {

	width: 313px;

	margin-left: 20px;

}

.about3-list .item-title {

	margin: 10px 0 10px;

}

.about3-list .item-desc {

	line-height: 24px;

}

}

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

.about3 {

	background-size: cover;

}

.about3-list li {

	width: 100%;

	margin: 0;

	padding: 50px 20px;

}

.about3-list li .item-body {

	width: 100%;

	height: auto;

	display: block;

}

}

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

.about3-list li {

	padding: 30px 20px;

}

.about3-list .item-title {

	font-size: 20px;

	font-size: 2rem;

}

.about3-list .item-desc {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 20px;

}

}

.hiscul {

	background-color: #EEEEEE;

	padding: 58px 0 90px;

}

.hiscul-title {

	font-family: 'Verlag-Bold';

	font-size: 49px;

	font-size: 4.9rem;

	text-align: center;

	margin-bottom: 66px;

}

.hiscul-scroll.scroll-box {

	position: relative;

	overflow: hidden;

	padding: 0 57px;

	font-family: arial;

}

.hiscul-scroll .scroll-btn {

	width: 32px;

	height: 32px;

	display: inline-block;

	top: 50%;

	margin-top: -16px;

	position: absolute;

	cursor: pointer;

}

.hiscul-scroll .scroll-btn.prev {

	background: url(../image/prev3.png) no-repeat center;

	-webkit-background-size: contain;

	-moz-background-size: contain;

	background-size: contain;

	left: 0;

}

.hiscul-scroll .scroll-btn.prev:hover {

	background-image: url(../image/prev3_1.png);

}

.hiscul-scroll .scroll-btn.next {

	background: url(../image/next3.png) no-repeat center;

	-webkit-background-size: contain;

	-moz-background-size: contain;

	background-size: contain;

	right: 0;

}

.hiscul-scroll .scroll-btn.next:hover {

	background-image: url(../image/next3_1.png);

}

.hiscul-scroll .scroll-list-box {

	width: 100%;

	overflow: hidden;

	position: relative;

	padding: 0 7px;

}

.hiscul-scroll .scroll-list {

	width: 1000%;

}

.hiscul-scroll .scroll-list li {

	float: left;

	width: 4%;

	margin-right: 0%;

	border-left: solid 1px #7D7D7D;

	border-bottom: solid 1px #7D7D7D;

	padding-bottom: 36px;

	position: relative;

}

.hiscul-scroll .scroll-list li:before {

	position: absolute;

	content: '';

	width: 14px;

	height: 14px;

	background: url(../image/about16.png) repeat center;

	left: -7px;

	bottom: -7px;

}

.hiscul-scroll .item-title {

	font-size: 30px;

	font-size: 3rem;

}

.hiscul-scroll .item-desc {

	font-size: 12px;

	font-size: 1.2rem;

	line-height: 24px;

	height: 120px;

	overflow: hidden;

}

.hiscul-scroll .scroll-list li .left {

	width: 53%;

	float: left;

	padding-left: 12px;

}

.hiscul-scroll .scroll-list li .item-pic {

	padding-right: 12px;

}

.hiscul-scroll .scroll-list li .item-pic img {

	max-height: 150px;

	display: block;

	margin: 0 auto;

}

.down {

	margin-top: 190px;

	border: solid 1px #7D7D7D;

	border-bottom: 0 !important;

	border-right: 0;

	padding-bottom: 0 !important;

	padding-top: 36px;

	margin-left: -2%;

}

.down:before {

	bottom: auto;

	top: -7px;

}

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

.hiscul-scroll .scroll-list li {

	width: 4%;

}

}

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

.hiscul {

	padding: 50px 0 50px;

}

.hiscul-title {

	font-size: 30px;

	font-size: 3rem;

	margin-bottom: 50px;

}

.hiscul-scroll .scroll-list li {

	width: 5%;

}

.down {



	margin-left: -2.5%;

}

}

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

.hiscul-scroll .scroll-list li {

	width: 10%;

}

.hiscul-scroll .scroll-list li .item-pic img {

	max-height: 130px;

	display: block;

	margin: 0 auto;

}

.down {

	margin-left: -5%;

}

.hiscul {

	padding: 30px 0;

}

.hiscul-title {

	font-size: 24px;

	font-size: 2.4rem;

	margin-bottom: 30px;

}

.hiscul-scroll .item-title {

	font-size: 24px;

	font-size: 2.4rem;

}

.hiscul-scroll .item-desc {

	font-size: 14px;

	font-size: 1.4rem;

}

.hiscul-scroll .scroll-list li {

	padding-bottom: 20px;

}

.down {

	margin-top: 168px;

}

}

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

.hiscul-scroll .scroll-list li {

	width: 10%;

}

}

.vm-box {

	padding: 60px 0;

	font-family: 'Verlag-book';

}

.vm-list .item-pic {

	width: 855px;

	margin-right: 58px;

}

.vm-list .item-pic.pull-right {

	margin-right: 0;

	margin-left: 58px;

}

.vm-list .item-pic img {

	width: 100%;

	display: block;

	max-width: 855px;

	margin: 0 auto;

}

.vm-list .item-title {

	font-size: 30px;

	font-size: 3rem;

	background: url(../image/about17.png) no-repeat left 6px;

	padding-left: 21px;

	margin-bottom: 20px;

}

.vm-list .item-desc {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

	color: #575655;

}

.vm-list .item-body {

	display: table-cell;

	vertical-align: middle;

	height: 358px;

	width: 1000px;

}

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

.vm-list .item-pic {

	margin-right: 30px;

}

.vm-list .item-pic.pull-right {

	margin-left: 30px;

}

}

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

.vm-list .item-pic {

	margin-right: 20px;

}

.vm-list .item-pic.pull-right {

	margin-left: 20px;

}

.vm-list .item-pic {

	width: 700px;

}

.vm-list .item-body {

	height: 293px;

}

.vm-list .item-title {

	margin-bottom: 15px;

}

.vm-list .item-desc {

	line-height: 24px;

	font-size: 14px;

	font-size: 1.4rem;

}

}

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

.vm-box {

	padding: 50px 0;

}

.vm-list .item-pic {

	float: none!important;

	width: 100%;

	margin: 0;

}

.vm-list .item-pic.pull-right {

	margin: 0;

}

.vm-list .item-body {

	width: 100%;

	height: auto;

	display: block;

	padding: 20px;

}

}

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

.vm-box {

	padding: 30px 0;

}

.vm-list .item-title {

	font-size: 24px;

	font-size: 2.4rem;

	margin-bottom: 10px;

	background-position-y: 2px;

}

.vm-list .item-desc {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 24px;

}

}

.abmain5 {

	padding-top: 45px;

	font-family: 'Verlag-book';

	background-color: #EEEEEE;

}

.ab5a {

	display: block;

	font-size: 49px;

	font-size: 4.9rem;

	line-height: 73px;

	font-family: 'Verlag-Bold';

	text-align: center;

}

#box {

	position: relative;

	width: 1060px;

	height: 510px;

	margin: auto;

	margin-top: 18px;

}

#box ul {

	position: relative;

	width: 1060px;

	height: 510px;

}

#box li {

	position: absolute;

	list-style: none;

	width: 0;

	height: 0;

	top: 0px;

	left: 0px;

	z-index: 0;

}

#box li img {

	width: 100%;

	height: 100%;

	vertical-align: top;

}

#box li div {

	width: 100%;

	line-height: 30px;

	margin-top: 2px;

	color: #333;

	text-align: center;

	font-size: 14px;

	font-size: 1.4rem;

}

#box .prev, #box .next {

	position: absolute;

	top: 50%;

	width: 52px;

	height: 11px;

	margin-top: -49px;

	overflow: hidden;

	text-indent: -999px;

	cursor: pointer;

}

#box .prev {

	left: -70px;

	background: url(../image/prev4.png) no-repeat;

}

#box .next {

	right: -70px;

	background: url(../image/next4.png) no-repeat;

}

#box .prev:hover {

	background: url(../image/prev4_1.png) no-repeat;

}

#box .next:hover {

	background: url(../image/next4_1.png) no-repeat;

}

#copyright {

	padding-top: 10px;

	text-align: center;

}

.heitu {

	position: absolute;

	width: 100%;

	left: 0px;

	top: 0px;

}

.heitu img {

	display: block;

	margin: auto;

	width: 100%;

	max-width: 620px;

	max-height: 450px;

}

#box2 {

	display: none;

}

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

#box {

	display: none;

}

#box2 {

	display: block;

}

#box2 li {

	float: left;

	margin-left: 10px;

	width: 314px;

	margin-top: 20px;

}

#box2 li img {

	width: 100%;

	max-width: 510px;

	max-height: 394px;

}

#box2 li div {

	text-align: center;

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 22px;

	height: 44px;

}

}

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

.ab5a {

	font-size: 30px;

	font-size: 3rem;

	line-height: 40px;

}

.abmain5 {

	padding-top: 30px;

}

#box2 {

	display: block;

	padding-top: 20px;

}

#box {

	display: none;

}

#box2 li {

	float: left;

	width: 31.3333%;

	margin: 0 1%;

	margin-bottom: 5px;

}

#box2 li img {

	width: 100%;

	max-width: 620px;

	max-height: 450px;

}

#box2 li div {

	text-align: center;

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 22px;

	height: 44px;

}

}

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

.ab5a {

	font-size: 24px;

	font-size: 2.4rem;

	line-height: 36px;

}

.abmain5 {

	padding-top: 15px;

}

}

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

#box2 li {

	width: 100%;

	margin: 0;

	margin-bottom: 10px;

}

}

.page_in {

	padding: 100px 0 0;

}

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

.page_in {

	padding: 70px 0 0;

}

}

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

.page_in {

	padding: 50px 0 0;

}

}

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

.page_in {

	padding: 30px 0 0;

}

}

.abnav {

	background: url(../image/classbg.png) repeat-x left 58px;

	text-align: center;

}

.abnav a {

	display: inline-block;

*float:left;

	width: 130px;

	padding-top: 132px;

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 24px;

	margin: 0 115px;

	text-transform: uppercase;

	color: #737572;

}

.ab1 {

	background: url(../image/class1.png) no-repeat center top;

	margin-left: 0!important;

}

.ab2 {

	background: url(../image/class2.png) no-repeat center top;

}

.ab3 {

	background: url(../image/class3.png) no-repeat center top;

	margin-right: 0!important;

}

.ab1:hover {

	background: url(../image/class1_1.png) no-repeat center top;

}

.ab2:hover {

	background: url(../image/class2_1.png) no-repeat center top;

}

.ab3:hover {

	background: url(../image/class3_1.png) no-repeat center top;

}

.abnav a:hover {

	color: #333;

}

.ab1.dangqianab {

	background: url(../image/class1_1.png) no-repeat center top !important;

	color: #333;

}

.ab2.dangqianab {

	background: url(../image/class2_1.png) no-repeat center top;

	color: #333;

}

.ab3.dangqianab {

	background: url(../image/class3_1.png) no-repeat center top;

	color: #333;

}

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

.abnav a {

	margin: 0 55px!important;

}

}

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

.abnav a {

	font-size: 14px;

	font-size: 1.4rem;

}

.abnav a {

	width: 33.333%;

	float: left;

	margin: 0!important;

}

.abnav {

	background: none;

}

}

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

.abnav a {

	width: 100%;

	margin-bottom: 10px!important;

}

}

.in1-box {

	margin-top: -10px;

	margin-bottom: 109px;

}

.in1-list {

	margin-top: 71px;

}

.in1-list .item-pic {

	float: right;

	width: 314px;

	margin-left: 25px;

}

.in1-list .item-pic img {

	width: 100%;

	max-width: 314px;

	max-height: 278px;

	display: block;

	margin: 0 auto;

}

.in1-list .item-body {

	border: solid 1px #BFBFBF;

	overflow: hidden;

	padding: 0 80px 0 44px;

}

.in1-list .item-body p {

	overflow: hidden;

}

.in1-list .item-body .item-date {

	font-size: 16px;

	font-size: 1.6rem;

	color: #555555;

	margin-top: 42px;

}

.in1-list .item-body .item-title {

	font-family: 'Verlag-Bold';

	font-size: 20px;

	font-size: 2rem;

	margin-top: 14px;

}

.in1-list .item-body .item-title a {

	color: #666;

}

.in1-list .item-body .item-desc {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 24px;

	height: auto;

	max-height: 72px;

	margin-top: 18px;

}

.in1-list .item-body .item-desc a {

	color: #555555;

}

.in1-list .item-body .item-btn {

	font-size: 16px;

	font-size: 1.6rem;

	color: #333333;

	margin: 39px 0 29px;

	display: inline-block;

}

.in1-list .item-body:hover {

	border-left: solid 8px #333333;

	padding-left: 37px;

}

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

.in1-box {

	margin-top: -10px;

	margin-bottom: 50px;

}

.in1-list {

	margin-top: 50px;

	border: solid 1px #BFBFBF;

}

.in1-list .item-pic {

	margin-left: 0;

}

.in1-list .item-body {

	padding: 0 30px;

	border: 0;

}

.in1-list .item-body:hover {

	padding-left: 30px;

	border: 0;

}

}

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

.in1-box {

	margin-top: -10px;

	margin-bottom: 30px;

}

.in1-list {

	margin-top: 30px;

}

.in1-list .item-pic {

	float: none;

	width: 100%;

	margin-left: 0;

}

.in1-list .item-body {

	padding: 0 15px;

}

.in1-list .item-body:hover {

	padding-left: 15px;

}

.in1-list .item-body .item-date {

	font-size: 14px;

	font-size: 1.4rem;

	margin-top: 20px;

}

.in1-list .item-body .item-title {

	font-size: 18px;

	font-size: 1.8rem;

	margin-top: 10px;

}

.in1-list .item-body .item-desc {

	font-size: 14px;

	font-size: 1.4rem;

	margin-top: 10px;

	line-height: 20px;

	height: auto;

	max-height: 60px;

}

.in1-list .item-body .item-btn {

	font-size: 14px;

	font-size: 1.4rem;

	margin: 20px 0;

}

}

.in2-list {

	margin-bottom: 122px;

	margin-top: -20px;

}

.in2-list li {

	float: left;

	width: 48.92%;

	margin-left: 2.16%;

	overflow: hidden;

	background-color: #EEEEEE;

	margin-top: 80px;

}

.in2-list .item-pic {

	float: left;

	margin-right: 20px;

	width: 278px;

}

.in2-list .item-picc {

	float: left;

	margin-right: 20px;

	width: 353px;

}

.in2-list .item-pic img {

	width: 100%;

	max-width: 278px;

	display: block;

	margin: 0 auto;

}

.in2-list .item-picc img {

	width: 100%;

	max-width: 353px;

	display: block;

	margin: 0 auto;

}

.in2-list p {

	overflow: hidden;

	font-size: 16px;

	font-size: 1.6rem;

}

.in2-list .item-body {

	padding-right: 15px;

}

.in2-list .item-title {

	font-family: 'Verlag-Bold';

	line-height: 20px;

	margin-top: 33px;

}

.in2-list .item-date {

	fcolor: #555555;

	margin-top: 12px;

}

.in2-list .item-desc {

	line-height: 24px;

	height: 72px;

	margin-top: 7px;

}

.in2-list .item-desc a {

	color: #555555;

}

.in2-list .item-btn {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 20px;

	margin-top: 26px;

	display: inline-block;

}

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

.in2-list {

	margin-bottom: 70px;

}

}

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

.in2-list {

	margin-bottom: 50px;

}

.in2-list li {

	width: 100%;

	margin-top: 50px;

	margin-left: 0;

}

}

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

.in2-list {

	margin-bottom: 30px;

}

.in2-list li {

	width: 100%;

	margin-top: 30px;

	margin-left: 0;

}

.in2-list .item-pic {

	width: 230px;

}

.in2-list .item-picc {

	width: 230px;

}

.in2-list p {

	font-size: 14px;

	font-size: 1.4rem;

}

.in2-list .item-title {

	margin-top: 20px;

}

.in2-list .item-date {

	margin-top: 10px;

}

.in2-list .item-desc {

	line-height: 20px;

	height: auto;

	max-height: 60px;

	margin-top: 5px;

}

.in2-list .item-btn {

	font-size: 14px;

	font-size: 1.4rem;

	margin-top: 15px;

}

}

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

.in2-list .item-pic {

	float: none;

	width: 100%;

	margin-right: 0;

}

.in2-list .item-picc {

	float: none;

	width: 100%;

	margin-right: 0;

}

.in2-list .item-body {

	padding: 0 15px 15px;

}

}

.in3-top {

	overflow: hidden;

	background-color: #EEECEC;

	background-color: RGBA(238,236,236,0.5);

	margin-top: 53px;

}

.in3-top .item-pic {

	float: left;

	width: 574px;

	margin-right: 34px;

}

.in3-top .item-pic img {

	width: 100%;

	max-width: 574px;

	display: block;

	margin: 0 auto;

}

.in3-top .item-body {

	overflow: hidden;

	padding-right: 55px;

}

.in3-top .item-body p {

	overflow: hidden;

}

.in3-top .item-body .item-title {

	font-family: 'Verlag-Bold';

	font-size: 20px;

	font-size: 2rem;

	line-height: 32px;

	margin-top: 42px;

}

.in3-top .item-body .item-date {

	color: #737572;

	font-size: 14px;

	font-size: 1.4rem;

	position: relative;

	line-height: 30px;

	margin-top: 19px;

	padding-bottom: 7px;

}

.in3-top .item-body .item-date:after {



	position: absolute;

	content: '';

	left: 0;

	bottom: 0;

	width: 62px;

	height: 2px;

	background-color: #737572;

}

.in3-top .item-body .item-desc {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

	height: auto;

	max-height: 90px;

	margin-top: 31px;

}

.in3-top .item-body .item-desc a {

	color: #737572;

}

.in3-top .item-body .item-btn {

	width: 158px;

	height: 46px;

	line-height: 44px;

	border: solid 1px transparent;

	background: #333333;

	font-size: 14px;

	font-size: 1.4rem;

	color: #FFFFFF;

	text-transform: uppercase;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	display: inline-block;

	text-align: center;

	margin-top: 57px;

}

.in3-top .item-body .item-btn:hover {

	border-color: #333333;

	background-color: transparent;

	color: #333333;

}

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

.in3-top .item-pic {

	margin-right: 20px;

}

.in3-top .item-body {

	padding-right: 20px;

}

}

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

.in3-top {

	margin-top: 50px;

}

.in3-top .item-pic {

	width: 100%;

	margin-right: 0;

}

.in3-top .item-body {

	padding: 0 15px 20px;

}

.in3-top .item-body .item-desc, .in3-top .item-body .item-btn {

	margin-top: 30px;

}

}

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

.in3-top {

	margin-top: 30px;

}

.in3-top .item-body .item-title {

	font-size: 18px;

	font-size: 1.8rem;

	margin-top: 20px;

	line-height: 30px;

}

.in3-top .item-body .item-date {

	font-size: 12px;

	font-size: 1.2rem;

	line-height: 24px;

	margin-top: 5px;

}

.in3-top .item-body .item-desc {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 20px;

	height: auto;

	max-height: 60px;

	margin-top: 10px;

}

.in3-top .item-body .item-btn {

	height: 36px;

	line-height: 34px;

	margin-top: 15px;

	font-size: 12px;

	font-size: 1.2rem;

}

}

.in3-list {

	margin-bottom: 89px;

}

.in3-list li {

	float: left;

	width: 365px;

	margin-right: 152px;

	border: solid 1px #EEECEC;

	padding: 27px 18px 44px;

	margin-top: 69px;

}

.in3-list li:hover {

	background-color: #F6F5F5;

}

.in3-list .item-date {

	font-size: 30px;

	font-size: 3rem;

	color: #737572;

	position: relative;

}

.in3-list .item-title, .in3-list .item-desc, .in3-list .item-btn {

	font-size: 16px;

	font-size: 1.6rem;

}

.in3-list .item-title {

	line-height: 32px;

	height: 64px;

	margin-top: 18px;

}

.in3-list .item-title a {

	display: block;

}

.in3-list .item-date:after {

	position: absolute;

	content: '';

	left: 0;

	bottom: -96px;

	width: 62px;

	height: 2px;

	background-color: #737572;

}

.in3-list .item-desc {

	line-height: 30px;

	height: 120px;

	margin-top: 35px;

}

.in3-list .item-desc a {

	color: #737572;

}

.in3-list .item-btn {

	width: 158px;

	height: 46px;

	line-height: 44px;

	border: solid 2px #999999;

	background: transparent;

	color: #555;

	text-transform: uppercase;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	display: inline-block;

	text-align: center;

	margin-top: 20px;

}

.in3-list .item-btn:hover {

	border-color: transparent;

	background-color: #333;

	color: #fff;

}

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

.in3-list li {

	margin-right: 52px;

}

}

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

.in3-list {

	margin-bottom: 70px;

}

.in3-list li {

	width: 313px;

	margin-right: 20px;

}

}

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

.in3-list {

	margin-bottom: 50px;

}

.in3-list li {

	width: 31.33%;

	margin: 50px 1% 0;

}

}

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

.in3-list {

	margin-bottom: 30px;

}

.in3-list li {

	width: 48%;

	margin: 30px 1% 0;

	padding: 20px 15px 30px;

}

.in3-list .item-date {

	font-size: 24px;

	font-size: 2.4rem;

}

.in3-list .item-title, .in3-list .item-desc, .in3-list .item-btn {

	font-size: 14px;

	font-size: 1.4rem;

}

.in3-list .item-title {

	line-height: 24px;

	height: 48px;

	margin-top: 10px;

}

.in3-list .item-date:after {

	display: none;

}

.in3-list .item-desc {

	line-height: 20px;

	height: 80px;

	margin-top: 5px;

}

.in3-list .item-btn {

	height: 36px;

	line-height: 34px;

}

}

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

.in3-list li {

	width: 98%;

	margin: 30px 1% 0;

}

.in3-list .item-desc {

	line-height: 20px;

	height: auto;

	max-height: 80px;

	margin-top: 5px;

}

}

.news-title {

	text-align: center;

	font-family: 'Verlag-Bold';

	font-size: 24px;

	font-size: 2.4rem;

	color: #333;

	margin: 60px 0 0;

}

.news-subt {

	text-align: center;

	margin: 20px 0 40px;

}

.news-subt .news-date {

	font-size: 16px;

	font-size: 1.6rem;

	color: #555;

	padding: 0 35px 0 0;

	display: inline-block;

}

.news-subt .pro-share {

	display: inline-block;

}

.news-subt .share-pic img {

	height: 19px;

	margin-top: 3px;

}

.news-subt .share-pic a{ display:inline-block; margin-right:5px; float:left;}

.news-subt .share-pic a:hover{ margin-top:-3px;}

.news-content {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

	color: #555;

	width: 100%;

}

.news-content a {

	text-decoration: underline;

}

.news-content p, .news-content li, .news-content span, .news-content a, .news-content b {

	color: #555;

}

.news-content img, .news-content iframe {

	max-width: 100%;

}

.m-oths {

	margin-top: 70px;

	border-top: solid 1px #ccc;

	padding: 28px 0;

	margin-bottom: 68px;

}

.m-oths .oths-item {

	line-height: 20px;

	font-size: 16px;

	font-size: 1.6rem;

	color: #737572;

}

.m-oths .oths-item a {

	color: #737572;

}

.m-oths .oths-item a:hover {

	color: #333;

}

.m-oths .oths-item-1 {

	margin-bottom: 10px;

}

.m-oths .oths-item-2 {

}

.m-oths .item-name {

	color: #737572;

}

.m-oths a {

	color: #737572;

}

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

.m-oths {

	margin: 50px 0;

}

.news-title {

	margin: 50px 0 0;

}

.news-subt {

	margin: 20px 0 20px;

}

}

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

.m-oths {

	margin: 20px 0;

	padding: 10px 0;

}

.m-oths .oths-item {

	font-size: 14px;

	font-size: 1.4rem;

}

.news-title {

	font-size: 20px;

	font-size: 2rem;

	margin: 30px 0 0;

}

.news-content {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 24px;

}

.news-subt {

	margin: 15px 0

}

}

.pro-slide {

	width: 280px;

	margin-top: 48px;

}

.pro-main {

	width: 1070px;

	margin-top: 48px;

	font-family: 'Verlag-book';

}

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

.pro-main {

	width: 900px;

}

}

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

.pro-main {

	width: 700px;

}

}

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

.pro-slide {

	width: 100%;

	padding-bottom: 40px;

	margin-top: 0;

}

.pro-main {

	width: 100%;

}

}

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

.pro-slide {

	width: 100%;

	margin-top: 0;

	padding-bottom: 20px;

}

.pro-main {

	width: 100%;

	margin-top: 30px;

}

}

.slidenav-title {

	font-family: 'Verlag-Bold';

	font-size: 24px;

	font-size: 2.4rem;

	line-height: 30px;

	margin: 0 0 17px;

}

.slidenav-list {

	font-family: 'Verlag-book';

}

.slidenav-list>li>a {

	font-size: 20px;

	font-size: 2rem;

	line-height: 30px;

	display: block;

	border-bottom: solid 1px #BFBFBF;

	padding: 0 0 10px;

}

.slidenav-yiji {

	padding: 11px 0 18px;

}

.slidenav-yiji>li>a {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 36px;

	display: block;

	position: relative;

	padding: 0 25px 0 0;

}

.slidenav-active>a, .slidenav-yiji>li>a:hover {

	padding-left: 15px!important;

}

.slidenav-active>a:before, .slidenav-yiji>li>a:hover:before {

	position: absolute;

	content: '';

	width: 7px;

	height: 7px;

	border-radius: 50%;

	background-color: #333333;

	top: 50%;

	margin-top: -4px;

	left: 2px;

}

.slidenav-active>a:after, .slidenav-yiji>li>a:hover:after {

	position: absolute;

	content: '';

	width: 7px;

	height: 13px;

	background: url(../image/web5.png) no-repeat center;

	top: 50%;

	margin-top: -6.5px;

	right: 6px;

}

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

}

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

.slidenav-title {

	font-size: 20px;

	font-size: 2rem;

	margin: 0 0 10px;

}

.slidenav-list>li>a {

	font-size: 16px;

	font-size: 1.6rem;

}

.slidenav-yiji>li>a {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 30px;

}

}

.pro-list li {

	float: left;

	width: 326px;

	margin-left: 44px;

	font-family: 'Verlag-book';

	padding-bottom: 46px;

}

.pro-list .item-pic {

	width: 100%;

}

.pro-list .item-pic img {

	width: 100%;

	max-width: 462px;

	display: block;

	margin: 0 auto;

}

.pro-list .item-title {

	font-size: 18px;

	font-size: 1.8rem;

	line-height: 34px;

	position: relative;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	margin: 19px 0 8px;

	text-align: center;

}

.pro-list .item-title input {

	position: relative;

	top: 0;

	left: 0;

	width: 13px;

	height: 13px;

	margin-right: 5px;

}

.pro-list .item-btn {

	display: block;

	text-align: center;

	width: 124px;

	height: 31px;

	line-height: 30px;

	border: 1px solid #333333;

	border-radius: 6px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	margin: 0 auto;

}

.pro-list .item-btn:hover {

	background-color: #333333;

	color: #FFFFFF;

}

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

.pro-list li {

	width: 286px;

	margin-left: 20px;

}

}

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

.pro-list li {

	width: 220px;

	margin-left: 20px;

}

}

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

.pro-list li {

	width: 31.33%;

	margin: 0 1%;

}

}

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

.pro-list li {

	width: 31.33%;

	margin: 0 1%;

	padding-bottom: 30px;

}

.pro-list .item-title {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 28px;

	margin: 10px 0 5px;

}

.pro-list .item-btn {

	font-size: 12px;

	font-size: 1.2rem;

	height: 28px;

	line-height: 26px;

}

}

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

.pro-list li {

	width: 48%;

	margin: 0 1%;

}

}

.pro-hotptitle {

	font-family: 'Verlag-Bold';

	font-size: 36px;

	font-size: 3.6rem;

	text-transform: uppercase;

	border-bottom: solid 1px #666;

	margin-bottom: 83px;

	position: relative;

	padding: 53px 0 13px;

}

.pro-hotptitle:after {

	position: absolute;

	content: '';

	width: 244px;

	height: 4px;

	background-color: #333333;

	bottom: 0;

	left: 0;

}

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

.pro-hotptitle {

	font-size: 30px;

	font-size: 3rem;

	margin-bottom: 50px;

	padding: 30px 0 13px;

}

}

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

.pro-hotptitle {

	font-size: 24px;

	font-size: 2.4rem;

	margin-bottom: 30px;

	padding: 10px 0 13px;

}

}

.hotp-scrollbox.scroll-box {

	position: relative;

	padding: 0 48px 94px;

}

.hotp-scrollbox.scroll-box .scroll-btns {

}

.hotp-scrollbox.scroll-box .scroll-btn {

	width: 30px;

	height: 30px;

	display: inline-block;

	cursor: pointer;

	position: absolute;

	top: 50%;

	margin-top: -110px;

}

.hotp-scrollbox.scroll-box .scroll-btn.prev {

	background: url(../image/prev1.png) no-repeat center;

	background-size: contain;

	left: 0;

}

.hotp-scrollbox.scroll-box .scroll-btn.prev:hover {

	background-image: url(../image/prev1_1.png);

}

.hotp-scrollbox.scroll-box .scroll-btn.next {

	background: url(../image/next1.png) no-repeat center;

	background-size: contain;

	right: 0;

}

.hotp-scrollbox.scroll-box .scroll-btn.next:hover {

	background-image: url(../image/next1_1.png);

}

.hotp-scrollbox .scroll-list-box {

	width: 100%;

	overflow: hidden;

	box-sizing: border-box;

}

.hotp-scrollbox.scroll-box .scroll-list {

	width: 1000%;

}

.hotp-scrollbox.scroll-box .scroll-list li {

	float: left;

	width: 3.1418%;

	margin-right: 0.29%;

	padding-bottom: 30px;

}

.hotp-scrollbox.scroll-box .scroll-list li .item-pic {

	width: 100%;

}

.hotp-scrollbox.scroll-box .scroll-list li .item-pic img {

	width: 100%;

	max-width: 462px;

	display: block;

	margin: 0 auto;

}

.hotp-scrollbox.scroll-box .scroll-list li .item-title {

	font-size: 18px;

	font-size: 1.8rem;

	line-height: 34px;

	position: relative;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	margin: 15px 0 6px;

	text-align: center;

}

.hotp-scrollbox.scroll-box .scroll-list li .item-btn {

	display: block;

	text-align: center;

	width: 124px;

	height: 31px;

	line-height: 30px;

	border: 1px solid #333333;

	border-radius: 6px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	margin: 0 auto;

}

.hotp-scrollbox.scroll-box .scroll-list li .item-btn:hover {

	background-color: #333333;

	color: #FFFFFF;

}

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

.hotp-scrollbox.scroll-box {

	position: relative;

	padding: 0 48px 20px;

}

}

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

.hotp-scrollbox.scroll-box {

	position: relative;

	padding: 0 40px 0px;

}

.hotp-scrollbox.scroll-box .scroll-list li {

	width: 3.2%;

	margin-right: 0.2%;

}

.hotp-scrollbox.scroll-box .scroll-list li .item-title {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 28px;

	margin: 10px 0 5px;

}

.hotp-scrollbox.scroll-box .scroll-list li .item-btn {

	font-size: 12px;

	font-size: 1.2rem;

	height: 28px;

	line-height: 26px;

}

.hotp-scrollbox.scroll-box .scroll-btn {

	margin-top: -56px;

}

}

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

.hotp-scrollbox.scroll-box .scroll-list li {

	width: 4.9%;

	margin-right: 0.2%;

}

}

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

.hotp-scrollbox.scroll-box .scroll-list li {

	width: 10%;

	margin-right: 0%;

}

}

.m-prob1 .prob-pic {

	width: 462px;

	float: left;

}

.m-prob1 .prob-pic-big {

	position: relative;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.m-prob1 .prob-pic-big-img {

	display: block;

	line-height: 0;

	font-size: 0;

}

.m-prob1 .prob-pic-big-img .zoomPad {

	float: none;

	z-index: 8;

}

.m-prob1 .zoomWrapperImage img {

	max-width: 1200px;

}

.m-prob1 .prob-pic-small {

	position: relative;

	margin-top: 48px;

	padding: 0 72px;

	overflow: hidden;

}

.m-prob1 .prob-pic-btn {

	position: absolute;

	top: 50%;

	margin-top: -6px;

	display: block;

	width: 30px;

	height: 30px;

	background-repeat: no-repeat;

	background-position: center;

	background-size: 100% 100%;

}

.m-prob1 .prob-pic-btn.prev {

	left: 0;

	background-image: url(../image/prev1.png);

}

.m-prob1 .prob-pic-btn.prev:hover {

	background-image: url(../image/prev1_1.png);

}

.m-prob1 .prob-pic-btn.next {

	right: 0;

	background-image: url(../image/next1.png);

}

.m-prob1 .prob-pic-btn.next:hover {

	background-image: url(../image/next1_1.png);

}

.m-prob1 .prob-pic-list {

	overflow: hidden;

}

.m-prob1 .prob-pic-list ul {

	width: 1000%;

	overflow: hidden;

}

.m-prob1 .prob-pic-list ul li {

	position: relative;

	float: left;

	margin-right: 0.48%;

	width: 1.62%;

}

.m-prob1 .prob-pic-item .item-pic {

	overflow: inherit;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.m-prob1 .prob-pic-item .item-pic img {

	display: block;

	width: 100%;

}

.m-prob1 .prob-pic-item .item-pic:hover img {

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

}

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

.zoomPad {

	cursor: default !important;

}

.zoomPup {

	display: none !important;

}

.zoomWindow {

	display: none !important;

}

.zoomPreload {

	display: none !important;

}

.m-prob1 .prob-pic {

	float: none;

	margin: 0 auto;

}

}

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

.m-prob1 .prob-pic {

	width: 100%;

}

.m-prob1 .prob-pic-big {

	display: none;

}

.m-prob1 .prob-pic-small {

	margin-top: 0;

	padding: 0 40px;

}

.m-prob1 .prob-pic-list ul li {

	margin-right: .2%;

	width: 3.2%;

}

.m-prob1 .prob-pic-item .item-pic:before {

	display: none !important;

}

}

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

.m-prob1 .prob-pic-list ul li {

	margin-right: .2%;

	width: 4.9%;

}

}

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

.m-prob1 .prob-pic-list ul li {

	margin-right: 0%;

	width: 10%;

}

}

.pro-info2 {

	display: none;

}

.pro-info {

	width: 545px;

	overflow: hidden;

}

.pro-info .pro-title {

	font-size: 30px;

	font-size: 3rem;

	font-family: 'Verlag-Bold';

	border-bottom: solid 1px #838281;

	line-height: 34px;

	padding: 35px 0 15px;

}

.pro-info .pro-desc {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

	margin: 29px 0 25px;

}

.pro-btn {

	display: inline-block;

	width: 150px;

	height: 38px;

	line-height: 36px;

	border-width: 1px;

	border-style: solid;

	border-radius: 5px;

	font-size: 14px;

	font-size: 1.4rem;

	text-align: center;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	margin-bottom: 39px;

	margin-top: 54px;

}

.pro-btn-send {

	margin-right: 40px;

}

.pro-btn-next:hover {

	border-color: #333;

	background-color: #333;

	color: #FFFFFF;

}

.pro-btn-send:hover {

	border-color: #333;

	background-color: #333;

	color: #fff;

}

.pro-share {

	height: 26px;

	font-size: 0;

	letter-spacing: 0;

}

.pro-share .share-title {

	margin-right: 11px;

	display: inline-block;

*display:inline;

*zoom:1;

	line-height: 26px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #999;

}

.pro-share .share-pic {

	display: inline-block;

*display:inline;

*zoom:1;

	vertical-align: top;

	height: 26px;

}

.pro-share .share-pic a{ display:inline-block; margin-right:5px; float:left;}

.pro-share .share-pic a:hover{ margin-top:-3px;}



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

.pro-share .share-title {

	font-size: 12px;

	font-size: 1.2rem;

}

}

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

.pro-info {

	width: 400px;

}

}

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

.pro-info1 {

	display: none;

}

.pro-info2 {

	display: block;

}

.pro-info {

	width: 100%;

}

}

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

.pro-info .pro-title {

	font-size: 24px;

	font-size: 2.4rem;

	line-height: 30px;

	padding: 20px 0 10px;

}

.pro-info .pro-desc {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 24px;

	margin: 10px 0;

}

.pro-btn {

	margin-top: 30px;

	margin-bottom: 30px;

	font-size: 14px;

	font-size: 1.4rem;

	height: 32px;

	line-height: 30px;

}

}

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

.pro-btn {

	width: 48%;

}

.pro-btn-send {

	margin-right: 2%;

}

}

.pro-tab {

	padding: 52px 0 0;

}

.pro-tab-options {

	background-color: #F1F1F1;

}

.pro-tab-options li {

	font-size: 16px;

	font-size: 1.6rem;

	cursor: pointer;

	float: left;

	line-height: 36px;

	padding: 6px 22px;

	border-left: solid 1px #BFBFBF;

	border-left: solid 1px RGBA(191,191,191,0.5);

}

.pro-tab-options .tab-active {

	border-top: solid 4px #535353;

	background-color: #FFFFFF;

	border-left: 0;

	padding-top: 2px;

}

.pro-tab-content .tab-content-item {

	display: none;

	padding: 50px 0 70px;

}

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

.pro-tab-content .tab-content-item {

	padding: 50px 0 50px;

}

}

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

.pro-tab {

	padding: 10px 0 0;

}

.pro-tab-content .tab-content-item {

	padding: 30px 0 30px;

}

.pro-tab-options {

	background-color: transparent;

}

.pro-tab-options li {

	background-color: #F1F1F1;

	margin-bottom: 10px;

	font-size: 14px;

	font-size: 1.4rem;

	padding: 4px 10px;

}

.pro-tab-options .tab-active {

	padding-top: 0;

	background-color: #F1F1F1;

	border-left: solid 1px #BFBFBF;

	border-left: solid 1px RGBA(191,191,191,0.5);

}

}

.tabprod-content {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 28px;

	color: #333333;

}

.tabprod-content a, .tabprod-content p, .tabprod-content li, .tabprod-content span, .tabprod-content b {

	color: #333333;

}

.tabprod-content img, .tab-tabprod-content iframe {

	max-width: 100%;

}

.tabprod-content table {

	width: 60%;

	border-collapse: collapse;

	line-height: 24px;

}

.tabprod-content tr td {

	line-height: 24px;

	padding: 2px;

}

.ad-list {

	padding: 43px 0 28px;

}

.ad-list p, .adp {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

}

.ad-list .item-pic {

	width: 571px;

	margin-right: 25px;

}

.ad-list .item-pic img {

	width: 100%;

	max-width: 571px;

	display: block;

	margin: 0 auto;

}

.ad-list .item-body {

	display: table-cell;

	vertical-align: middle;

	width: 1000px;

	height: 273px;

}

.ad-list .item-body p {

	background: url(../image/web28.png) no-repeat left 8px;

	padding-left: 34px;

	margin-bottom: 5px;

}

.ad-list .item-body p.p2 {

	margin-bottom: 38px;

}

@media screen and (min-width:1220px) and (max-width:1419px) {

.ad-list .item-pic {

	width: 530px;

}

.ad-list .item-body {

	height: 253px;

}

.ad-list .item-body p.p2 {

	margin-bottom: 5px;

}

}

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

.ad-list .item-pic {

	width: 100%;

	float: none!important;

	margin-bottom: 20px;

}

.ad-list .item-body {

	width: 100%;

	height: auto;

	display: block;

}

.ad-list .item-body p.p2 {

	margin-bottom: 5px;

}

}

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

.ad-list {

	padding: 30px 0 15px;

}

.ad-list p, .adp {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 30px;

}

}

.tcolor-top {

	position: relative;

	margin-bottom: 42px;

}

.tcolor-top img {

	width: 100%;

	display: block;

}

.tc-top-tip {

	background: url(../image/web8.png) repeat;

	position: absolute;

	width: 628px;

	left: 0;

	top: 49px;

	padding: 13px 23px 18px;

}

.tc-top-tip .item-title {

	font-size: 30px;

	font-size: 3rem;

	font-family: 'Verlag-book';

	line-height: 34px;

	margin-bottom: 6px;

}

.tc-top-tip .item-desc {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 24px;

}

.tc-list li {

	float: left;

	width: 18.69%;

	margin-left: 1.6375%;

}

.tc-list .item-pic {

	width: 100%;

}

.tc-list .item-pic img {

	width: 100%;

	max-width: 200px;

	display: block;

	margin: 0 auto;

}

.tc-list .item-title {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 34px;

	padding: 8px 0 18px;

}

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

.tc-list li {

	width: 18%;

	margin: 0 1%;

}

}

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

.tc-list li {

	width: 23%;

	margin: 0 1%;

}

.tc-list .item-title {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 28px;

	padding: 5px 0 10px;

}

.tcolor-top {

	margin-bottom: 20px;

}

.tc-top-tip {

	width: 100%;

	position: relative;

	top: auto;

	left: auto;

	padding: 5px 10px;

}

.tc-top-tip .item-title {

	font-size: 24px;

	font-size: 2.4rem;

	line-height: 30px;

}

.tc-top-tip .item-desc {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 20px;

}

}

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

.tc-list li {

	width: 31.33%;

	margin: 0 1%;

}

}

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

.tc-list li {

	width: 48%;

	margin: 0 1%;

}

}

.va-list {

	margin-top: 75px;

}

.va-list .item-pic {

	width: 381px;

	margin-right: 27px;

}

.va-list .item-pic.pull-right {

	margin-right: 0;

	margin-left: 27px;

}

.va-list .item-pic img {

	width: 100%;

	max-width: 381px;

	max-height: 185px;

	display: block;

	margin: 0 auto;

}

.va-list .item-body {

	overflow: hidden;

	width: 1000px;

	height: 185px;

	display: table-cell;

	vertical-align: middle;

}

.va-list .item-desc {

	font-size: 19px;

	font-size: 1.9rem;

	line-height: 35px;

}

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

.va-list .item-desc {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 24px;

}

}

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

.va-list {

	margin-top: 50px;

}

}

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

.va-list {

	margin-top: 30px;

}

.va-list .item-pic {

	width: 100%;

	margin-bottom: 20px;

	margin-right: 0;

}

.va-list .item-pic.pull-right {

	margin-right: 0;

	margin-left: 0;

}

.va-list .item-body {

	width: 100%;

	height: auto;

	display: block;

}

.va-list .item-desc {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 20px;

}

}

.prod-list {

	margin-bottom: 50px;

}

.prod-list .item-pic {

	float: left;

	margin-right: 42px;

	width: 521px;

}

.prod-list .item-pic.fr {

	float: right;

	margin-right: 0;

	margin-left: 42px;

}

.prod-list .item-pic img {

	width: 100%;

	max-width: 521px;

	max-height: 314px;

	display: block;

	margin: 0 auto;

}

.prod-list .item-body {

	overflow: hidden;

	display: table-cell;

	vertical-align: middle;

	height: 314px;

	width: 1000px;

}

.prod-list .item-body .item-title {

	font-size: 18px;

	font-size: 1.8rem;

	line-height: 36px;

	margin-bottom: 12px;

	font-weight: bold;

	background: url(../image/web11.png) no-repeat left 11px;

	padding-left: 23px;

	text-transform: uppercase;

}

.prod-list .item-body .item-desc {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

}

.prod-list .item-body .item-title, .prod-list .item-body .item-desc {

	width: 400px;

}

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

.prod-list .item-body .item-title, .prod-list .item-body .item-desc {

	width: 100%;

}

}

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

.prod-list .item-pic {

	width: 400px;

	margin-right: 20px;

}

.prod-list .item-pic.fr {

	margin-left: 20px;

}

.prod-list .item-body {

	height: 241px;

}

}

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

.prod-list {

	margin-bottom: 30px;

}

.prod-list .item-pic, .prod-list .item-pic.fr {

	float: none;

	margin: 0;

	width: 100%;

}

.prod-list .item-body {

	display: block;

	height: auto;

	width: 100%;

}

.prod-list .item-body .item-title {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

	margin-bottom: 5px;

	margin-top: 10px;

}

.prod-list .item-body .item-desc {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 24px;

}

}

.pro-tech {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 28px;

	color: #333333;

}

.pro-tech a, .pro-tech p, .pro-tech li, .pro-tech span, .pro-tech b {

	color: #333333;

}

.pro-tech img, .pro-tech iframe {

	max-width: 100%;

}

.pro-table {

	overflow-x: scroll;

	font-family: 'Verlag-book';

}

.pro-tech table {

	width: 100%;

	border-collapse: collapse;

	min-width: 767px;

}

.pro-tech table th {

	background-color: #EEE;

	font-size: 24px;

	font-size: 2.4rem;

	font-weight: normal;

	line-height: 70px;

	text-align: left;

	padding: 0 36px;

}

.pro-tech tr td {

	font-size: 20px;

	font-size: 2rem;

	border-right: solid 2px #cfcfcf;

	border-bottom: solid 2px #cfcfcf;

	color: #666;

	text-align: center;

	line-height: 46px;

}

.pro-tech tr td:first-child {

	width: 28%;

	text-align: left;

	padding: 0 10px 0 36px;

}

.pro-tech tr td:last-child {

	border-right: 0;

	text-align: left;

	padding: 0 10px 0 45px;

}

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

.pro-tech table th {

	font-size: 20px;

	font-size: 2rem;

	line-height: 50px;

	padding: 0 10px;

}

.pro-tech tr td {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

}

.pro-tech tr td:first-child {

	width: 28%;

	text-align: left;

	padding: 0 10px;

}

.pro-tech tr td:last-child {

	border-right: 0;

	text-align: left;

	padding: 0 10px;

}

}

.renow-form::-webkit-input-placeholder {

color:#4d4d4d;

}

.renow-form:-o-placeholder {

color:#4d4d4d;

}

.renow-form::-moz-placeholder {

color:#4d4d4d;

}

.renow-form:-ms-input-placeholder {

color:#4d4d4d

}

.renow-form {

	width: 100%;

	background: #EEEEEE;

	background: RGBA(238,238,238,0.5);

	padding: 3px 49px 0 44px;

	margin-bottom: 20px;

}

.renow-form input, .renow-form textarea {

	font-size: 16px;

	font-size: 1.6rem;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	font-family: verdana;

}

.renow-input {

	border-bottom: solid 1px #C9C9C9;

	padding-top: 20px;

	padding-left: 16px;

}

.star {

	background: url(../image/star.png) no-repeat left 41px;

	padding-left: 15px;

}

.renow-textarea {

	background-position-y: 33px;

	border-bottom: solid 1px #C9C9C9;

}

.renow-input input {

	width: 100%;

	height: 48px;

	line-height: 48px;

	padding-left: 36px;

}

.renow-name input {

	background: url(../image/web13.png) no-repeat left center;

}

.renow-mail input {

	background: url(../image/web14.png) no-repeat left center;

}

.renow-tel input {

	background: url(../image/web15.png) no-repeat left center;

}

.renow-textarea textarea {

	background: url(../image/web16.png) no-repeat left 25px;

	height: 139px;

	width: 100%;

	padding-top: 25px;

	padding-left: 36px;

}

.renow-btn {

	width: 278px;

	height: 50px;

	line-height: 50px;

	text-align: center;

	color: #fff;

	font-size: 18px;

	font-size: 1.8rem;

	background: #333;

	margin: 29px 0 26px;

	font-family: 'Verlag-book';

}

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

.renow-form {

	padding: 0 20px;

}

.renow-input {

	padding-top: 10px;

}

.renow-form input, .renow-form textarea {

	font-size: 14px;

	font-size: 1.4rem;

}

.renow-input input {

	height: 36px;

	line-height: 36px;

}

.renow-textarea textarea {

	height: 100px;

}

.renow-btn {

	height: 36px;

	line-height: 36px;

	font-size: 1.6rem;

	font-size: 16px;

}

.star {

	background-position-y: 25px;

}

.renow-textarea {

	background-position-y: 32px;

}

}

.ad-title, .va-title, .renow-title, .repro-title {

	font-family: 'Verlag-Bold';

	font-size: 36px;

	font-size: 3.6rem;

	border-bottom: solid 1px #666;

	position: relative;

	padding-bottom: 13px;

}

.repro-title {

	margin-bottom: 60px;

	padding-top: 53px;

}

.renow-title {

	margin-bottom: 43px;

}

.va-title {

	margin: 47px 0 -22px;

}

.ad-title {

	text-transform: uppercase;

}

.ad-title:after, .va-title:after, .renow-title:after, .repro-title:after {

	position: absolute;

	content: '';

	width: 244px;

	height: 4px;

	background-color: #333333;

	bottom: 0;

	left: 0;

}

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

.ad-title, .va-title, .renow-title, .repro-title {

	font-size: 30px;

	font-size: 3rem;

}

.repro-title {

	margin-bottom: 50px;

	padding-top: 50px;

}

.renow-title {

	margin-bottom: 43px;

}

}

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

.ad-title, .va-title, .renow-title, .repro-title {

	font-size: 24px;

	font-size: 2.4rem;

}

.repro-title {

	margin-bottom: 30px;

	padding-top: 30px;

}

.renow-title {

	margin-bottom: 30px;

}

.va-title {

	margin: 30px 0 0;

}

}

.repro-scroll {

	display: none;

}

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

.repro .pro-list {

	display: none;

}

.repro-scroll {

	display: block;

}

}

.r1-list {

	font-family: 'Verlag-book';

	padding-bottom: 17px;

}

.r1-list p.r1-title {

	font-size: 36px;

	font-size: 3.6rem;

	line-height: 40px;

	font-family: 'Verlag-Bold';

	text-transform: uppercase;

	background: url(../image/web26.png) no-repeat left 5px;

	border-bottom: solid 2px #7D7D7D;

	padding: 0 0 33px 45px;

	margin: 43px 0 50px;

}

.r1-list p {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 35px;

}

.r1-top .item-pic {

	width: 590px;

	margin-left: 93px;

}

.r1-top .item-pic.pull-left {

	margin-left: 0;

	margin-right: 93px;

}

.r1-top .item-pic img {

	width: 100%;

	max-width: 590px;

	display: block;

	margin: 0 auto;

}

.r1-top .item-body {

	display: table-cell;

	vertical-align: middle;

	width: 1000px;

	height: 290px;

}

.r1-list .item-pmiddle {

	margin: 18px 0 30px;

}

.r1-piclist li {

	float: left;

	width: 326px;

	margin-right: 32px;

}

.r1-piclist .item-pic {

	width: 100%;

}

.r1-piclist .item-pic img {

	width: 100%;

	max-width: 326px;

	display: block;

	margin: 0 auto;

}

.r1-piclist .item-title {

	text-align: center;

	line-height: 40px;

	margin-top: 10px;

}

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

.r1-piclist li {

	width: 285px;

	margin-right: 20px;

}

}

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

.r1-top .item-pic {

	margin-left: 30px;

}

.r1-top .item-pic.pull-left {

	margin-left: 0;

	margin-right: 30px;

}

.r1-piclist li {

	width: 230px;

	margin-right: 20px;

}

}

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

.r1-top .item-pic {

	margin: 0 0 15px 0;

	float: none!Important;

	width: 100%;

}

.r1-top .item-body {

	display: block;

	width: 100%;

	height: auto;

}

.r1-list p.r1-title {

	font-size: 30px;

	font-size: 3rem;

	padding: 0 0 20px 35px;

	margin: 30px 0 30px;

}

.r1-list p {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 24px;

}

.r1-piclist li {

	width: 23%;

	margin: 0 1%;

}

}

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

.r1-list p.r1-title {

	font-size: 24px;

	font-size: 2.4rem;

	padding: 0 0 5px 30px;

	margin: 15px 0;

}

.r1-list .item-pmiddle {

	margin: 15px 0;

}

.r1-piclist li {

	width: 31.33%;

	margin: 0 1%;

}

}

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

.r1-piclist li {

	width: 48%;

	margin: 0 1%;

}

}

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

.r1-piclist li {

	width: 98%;

	margin: 0 1%;

}

}

.links-list {

	padding-top: 47px;

	overflow: hidden;

}

.links-list li {

	float: left;

	width: 202px;

	margin-left: 37px;

	margin-bottom: 32px;

	border: solid 1px #BFBFBF;

}

.links-list li img {

	width: 100%;

	max-width: 200px;

	display: block;

	margin: 0 auto;

}

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

.links-list li {

	width: 183px;

	margin-left: 20px;

}

}

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

.links-list li {

	width: 146px;

	margin-left: 20px;

}

}

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

.links-list li {

	width: 18%;

	margin: 0 1% 30px;

}

}

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

.links-list li {

	width: 23%;

	margin: 0 1% 20px;

}

.links-list {

	padding-top: 30px;

}

}

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

.links-list li {

	width: 31.33%;

	margin: 0 1% 20px;

}

}

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

.links-list li {

	width: 48%;

	margin: 0 1% 20px;

}

}

@media only screen and (min-width:1219px ) {

.zs-list {

	width: 1200px;

	margin: 0 auto;

}

}

.zs-list {

	padding: 40px 0 30px;

	overflow: hidden;

}

.zs-list li {

	float: left;

	width: 246px;

	margin-left: 72px;

	margin-bottom: 60px;

	position: relative;

}

.zs-list li:hover .item-backdrop {

	top: 0;

}

.zs-list .item-pic {

	width: 100%;

	position: relative;

	max-width: 246px;

	display: block;

	margin: 0 auto;

}

.zs-list .item-pic>img {

	width: 100%;

	max-width: 246px;

	display: block;

	margin: 0 auto;

}

.zs-list .item-backdrop {

	position: absolute;

	top: -100%;

	height: 100%;

	left: 0;

	width: 100%;

	background: url(../image/web20.png) repeat;

	text-align: center;

	padding-top: 118px;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	transition: all .5s;

	-webkit-transition: all .5s;

}

.zs-list .item-title {

	font-family: 'Verlag-book';

	font-weight: bold;

	font-size: 20px;

	font-size: 2rem;

	color: #FFFFFF;

	line-height: 30px;

	margin-top: 15px;

}

.zs-list .item-title2 {

	font-family: 'Verlag-book';

	font-size: 16px;

	font-size: 1.6rem;

	text-align: center;

	line-height: 30ox;

	margin-top: 15px;

	display: none;

}

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

.zs-list li {

	width: 222px;

	margin-left: 30px;

}

}

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

.zs-list li {

	width: 31.33%;

	margin: 0 1% 30px

}

.zs-list .item-backdrop {

	display: none;

}

.zs-list .item-title2 {

	display: block;

}

}

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

.zs-list {

	padding: 20px 0 20px;

}

.zs-list li {

	margin-bottom: 30px;

}

}

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

.zs-list li {

	width: 48%;

	margin: 0 1% 15px

}

.zs-list .item-title2 {

	font-size: 14px;

	font-size: 1.4rem;

	margin-top: 5px;

}

}

.software-list {

	padding-bottom: 108px;

	font-family: 'Verlag-book';

	overflow: hidden;

}

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

.software-list {

	padding-bottom: 70px;

}

}

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

.software-list {

	padding-bottom: 50px;

}

}

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

.software-list {

	padding-bottom: 30px;

}

}

.software {

	padding: 24px 0 42px;

	border-bottom: dashed 1px #C6C6C6;

	overflow: hidden;

	min-height: 154px;

	box-sizing: border-box;

	overflow: hidden;

}

.s-left {

	width: 59px;

	margin-top: 1px;

}

.s-left img {

	width: 100%;

	max-width: 59px;

	max-height: 72px;

	display: block;

	margin: 0 auto;

}

.s-middle {

	width: 1125px;

	margin-left: 24px;

}

.s-middle .s-m-title {

	font-family: 'Verlag-Bold';

	font-size: 18px;

	font-size: 1.8rem;

	line-height: 41px;

	margin: 0;

}

.s-middle .s-m-word {

	line-height: 31px;

	font-size: 16px;

	font-size: 1.6rem;

}

.s-middle .s-m-title a, .s-middle .s-m-word a {

	display: block;

}

.s-middle .s-m-title a:hover, .s-middle .s-m-word a:hover {

	color: #333;

}

.s-btn {

	width: 142px;

	height: 42px;

	border: solid 1px #333;

	box-sizing: border-box;

	color: #333;

	font-family: kartika;

	margin: 16px auto 0;

	display: block;

}

.s-btn span {

	display: inline-block;

	width: 100%;

	height: 42px;

	line-height: 42px;

	background: url(../image/d2.png) no-repeat 21px center;

	padding-left: 51px;

	color: #333;

}

.s-btn:hover {

	background-color: #333;

}

.s-btn:hover span {

	background: url(../image/d3.png) no-repeat 21px center;

	color: #FFFFFF;

}

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

.s-middle {

	width: 860px;

}

}

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

.s-middle {

	width: 710px;

}

}

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

.s-middle {

	width: 640px;

}

.s-right {

	width: 100%;

}

}

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

.software {

	padding: 20px 0;

}

.s-left {

	width: 100%;

	margin-bottom: 20px;

}

.s-middle {

	width: 100%;

	margin: 0 0 20px 0;

}

.s-middle .s-m-title {

	font-size: 16px;

	font-size: 1.6rem;

	text-align: center;

	line-height: 30px;

}

.s-middle .s-m-word {

	line-height: 20px;

	font-size: 14px;

	font-size: 1.4rem;

}

.s-btn {

	margin: 0 auto;

	height: 36px;

	line-height: 36px;

}

.s-btn span {

	height: 36px;

	line-height: 36px;

}

}

.page_service {

	padding-top: 46px;

}

.service-list {

	margin-bottom: 70px;

	background-color: #F0F0F0;

	font-family: 'Verlag-book';

}

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

.service-list {

	margin-bottom: 50px;

}

}

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

.service-list {

	margin-bottom: 30px;

}

.page_service {

	padding-top: 30px;

}

}

.service-scroll.scroll-box {

	position: relative;

	overflow: hidden;

	width: 47.5%;

	z-index: 2;

}

.service-scroll .scroll-btns {

}

.service-scroll .scroll-btn {

	width: 48px;

	height: 48px;

	display: inline-block;

	top: 50%;

	margin-top: -24px;

	position: absolute;

	cursor: pointer;

}

.service-scroll .scroll-btn.prev {

	background: url(../image/prev2.png) no-repeat center;

	background-size: contain;

	left: 0;

}

.service-scroll .scroll-btn.prev:hover {

	background-image: url(../image/prev2_1.png);

}

.service-scroll .scroll-btn.next {

	background: url(../image/next2.png) no-repeat center;

	background-size: contain;

	right: 0;

}

.service-scroll .scroll-btn.next:hover {

	background-image: url(../image/next2_1.png);

}

.service-scroll .scroll-list-box {

	width: 100%;

	overflow: hidden;

}

.service-scroll .scroll-list {

	width: 1000%;

}

.service-scroll .scroll-list li {

	float: left;

	width: 10%;

	margin-right: 0%;

	position: relative;

}

.service-scroll .scroll-list li .item-pic {

	box-sizing: border-box;

	position: relative;

}

.service-scroll .scroll-list li .item-pic img {

	width: 100%;

	display: block;

	max-width: 908px;

	max-height: 520px;

	margin: 0 auto;

}

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

.service-scroll.scroll-box {

	width: 100%;

	max-width: 665px;

	float: none!important;

	margin: 0 auto;

}

}

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

.service-scroll .scroll-btn {

	width: 30px;

	height: 30px;

	margin-top: -15px;

}

}

.service-list .wp {

	position: relative;

	z-index: 0;

}

.service-list .item-body {

	width: 690px;

	overflow: hidden;

	padding-bottom: 50px;

}

.service-list .item-title {

	background: url(../image/web23.png) no-repeat left top;

	font-size: 30px;

	font-size: 3rem;

	font-family: 'Verlag-Bold';

	padding-left: 44px;

	text-transform: uppercase;

	margin: 80px 0 48px;

}

.service-list .item-title span {

	color: #737572;

}

.service-list .item-desc {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

	color: #737572;

}

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

.service-list .item-body {

	width: 600px;

	padding-bottom: 30px;

}

.service-list .item-title {

	margin: 30px 0 20px;

}

}

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

.service-list .item-body {

	width: 500px;

	padding-bottom: 30px;

}

.service-list .item-title {

	margin: 30px 0 20px;

}

}

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

.service-list .item-body {

	width: 100%;

}

}

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

.service-list .item-title {

	font-size: 24px;

	font-size: 2.4rem;

	margin: 20px 0 10px;

	background-size: 30px;

	padding-left: 35px;

}

.service-list .item-desc {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 24px;

}

}

.contact-left {

	width: 775px;

	margin-top: 50px;

}

.form-group input {

	width: 100%;

	height: 44px;

	line-height: 44px;

	border: solid 1px #BFBFBF;

	border-radius: 5px;

	box-sizing: border-box;

	font-size: 14px;

	font-size: 1.4rem;

	padding: 0 10px;

	font-family: 'Verlag-book';

}

.form-group .input100 {

	float: left;

	width: 100%;

	margin-bottom: 13px;

	padding-left: 15px;

	background: url(../image/star.png) no-repeat left center;

	background-size: 4.5px;

	box-sizing: border-box;

}

.company-input, .tel-input, .input-code {

	background: none!important;

}

.textarea-line {

	background-position-y: 20px!Important;

}

.form-group textarea {

	width: 100%;

	height: 178px;

	border: solid 1px #BFBFBF;

	resize: none;

	padding: 12px 10px;

	box-sizing: border-box;

	font-size: 14px;

	font-size: 1.4rem;

	margin: 4px 0 8px;

}

.submit {

	width: 304px!important;

	height: 44px;

	color: #FFFFFF;

	text-align: center;

	background-color: #05B848;

	cursor: pointer;

	border: 0!important;

	font-family: 'Verlag-book';

	font-weight: bold;

	font-size: 16px!important;

	font-size: 1.6rem!important;

}

.contact-right {

	width: 500px;

	font-family: 'Verlag-book';

}

.contact-right .c-r-title {

	font-family: 'Verlag-Bold';

	font-size: 24px;

	font-size: 2.4rem;

	line-height: 26px;

	margin: 48px 0 35px;

}

.contact-right .c-r-list li {

	padding-left: 27px;

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

	margin-bottom: 20px;

}

.contact-right .c-r-list .address {

	background: url(../image/c1.png) no-repeat left 2px;

}

.contact-right .c-r-list .tel {

	background: url(../image/c2.png) no-repeat left center;

}

.contact-right .c-r-list .mail {

	background: url(../image/c3.png) no-repeat 1px 8px;

}

.contact-right .c-r-list .whatsapppytb {

	background: url(../image/c4py.png) no-repeat 1px 8px;

}

.contact-right .c-r-list .onvlinechat {

	background: url(../image/onvlinechat.png) no-repeat left 5px;

}

.c-follow img {

	float: left;

	margin-right: 20px;

	margin-top: 5px;

}

.map {

	padding: 30px 0 0;

}

.map img {

	display: block;

	max-width: 1400px;

	display: block;

}

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

.contact-left {

	width: 650px;

}

}

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

.contact-left {

	width: 500px;

}

.contact-right {

	width: 460px;

}

}

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

.contact-left {

	width: 100%;

	margin-top: 30px;

}

.contact-right {

	width: 100%;

}

.c-follow {

	padding-left: 15px;

}

}

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

.contact-right .c-r-title {

	font-size: 20px;

	font-size: 2rem;

	margin: 20px 0 10px;

}

.contact-right .c-r-list li {

	font-size: 14px;

	font-size: 1.4rem;

}

.contact-left {

	margin-top: 10px;

}

.form-group input {

	font-size: 12px;

	font-size: 1.2rem;

	height: 36px;

	line-height: 36px;

}

.form-group textarea {

	height: 100px;

	font-size: 12px;

	font-size: 1.2rem;

}

.submit {

	width: 100%!Important;

	font-size: 14px!important;

	font-size: 1.4rem!Important;

}

.map {

	padding-top: 15px;

}

}

.at-resp-share-element .at-icon {

	width: 24px!important;

	height: 24px!important;

}

.at-style-responsive .at-share-btn {

	padding: 0!important;

	border-radius: 2px!important;

}

.at-resp-share-element .at-share-btn .at-icon-wrapper {

	width: 24px!important;

	height: 24px!important;

}

.at-resp-share-element .at-share-btn {

	margin-bottom: 0!important;

	margin-right: 3px!important;

}

.listcart {

	width: 100%;

	margin-top: 40px;

	margin-bottom: 123px;

}

.listcart a {

	display: inline-block;

	height: 30px;

	width: 150px;

	line-height: 30px;

	cursor: pointer;

	border: none;

	overflow: hidden;

	color: #333333;

	cursor: pointer;

	border: 1px solid #333333;

	padding-left: 10px;

	padding-right: 10px;

	text-align: center;

	font-size: 14px;

	font-size: 1.4rem;

	margin-left: 10px;

}

.listcart a:hover {

	border: #333333 solid 1px;

	background: #333333;

	color: #fff

}

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

.listcart a {

	width: 40%;

	margin-left: 2.5%;

	margin-right: 2.5%;

	padding-left: 0px;

	padding-right: 0px

}

.listcart {

	width: 100%;

	margin-top: 2rem

}

}

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

.listcart a {

	width: 95% !important;

	float: none;

	overflow: hidden;

	margin-bottom: 1rem;

	margin-top: 1rem

}

}

.pro-tab-content p strong {

	background: url(../image/lingx.jpg) no-repeat left center;

	padding-left: 30px;

}

.tc-list .item-pic {

	position: relative;

}

.color-fd {

	position: absolute;

	bottom: 0;

	right: 0;

	width: 24px;

	height: 24px;

	background: url(../image/spec-search.png) no-repeat center;

}

.pro-btns a.no:hover {

	border-color: #333;

	background-color: #fff;

	color: #333;

}

.tab-prodesc {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 28px;

	color: #333333;

}

.tab-prodesc a, .tab-prodesc p, .tab-prodesc li, .tab-prodesc span, .tab-prodesc b {

	color: #333333;

}

.tab-prodesc img, .tab-prodesc iframe {

	max-width: 100%;

}

.tab-prodesc {

	font-family: 'Verlag-book';

}

.tab-prodesc .table {

	overflow-x: scroll

}

.tab-prodesc table {

	width: 100%;

	border-collapse: collapse;

	min-width: 767px;

}

.tab-prodesc table th, .tab-prodesc tr:first-child {

	background-color: #EEE;

	font-size: 24px;

	font-size: 2.4rem;

	font-weight: normal;

	line-height: 70px;

	text-align: left;

	padding: 0 36px;

}

.tab-prodesc tr td {

	font-size: 20px;

	font-size: 2rem;

	border-right: solid 2px #cfcfcf;

	border-bottom: solid 2px #cfcfcf;

	color: #666;

	text-align: center;

	line-height: 46px;

}

.tab-prodesc tr td:first-child {

	width: 28%;

	text-align: left;

	padding: 0 10px 0 36px;

}

.tab-prodesc tr td:last-child {

	border-right: 0;

	text-align: left;

	padding: 0 10px 0 45px;

}

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

.tab-prodesc table th {

	font-size: 20px;

	font-size: 2rem;

	line-height: 50px;

	padding: 0 10px;

}

.tab-prodesc tr td {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

}

.tab-prodesc tr td:first-child {

	width: 28%;

	text-align: left;

	padding: 0 10px;

}

.tab-prodesc tr td:last-child {

	border-right: 0;

	text-align: left;

	padding: 0 10px;

}

}

@media screen and (min-width:767px) {

.in1-list .item-body {

	height: 278px;

}

}

.page a.no:hover {

	border: solid 1px #E5E5E5!important;

	color: #333!important;

	background: #fff!important;

}

.m-oths a.no:hover {

	color: #737572!important;

}

.page {

	margin-bottom: 80px;

}

.nav {

	text-transform: Uppercase;

}

.footer-title a {

	text-transform: Uppercase;

}

.at-share-btn-elements a:nth-child(6) {

	display: none!important;

}

.disg {

	overflow-x: auto;

}

.htop-mail, .flist6 {

	font-size: 16px;

	font-size: 1.6rem;

}

.f-top li a {

	font-size: 16px;

	font-size: 1.6rem;

}

.tc-list .item-pic {

	position: relative;

}

.color-fd {

	position: absolute;

	bottom: 0;

	right: 0;

	width: 24px;

	height: 24px;

}

.about-lunbo {

	padding: 0 0 30px;

}

.slideBox {

	width: 31.33%;

	max-width: 620px;

	overflow: hidden;

	position: relative;

	float: left;

	margin: 0 1%;

}

.slideBox .hd {

	height: 20px;

	overflow: hidden;

	position: absolute;

	z-index: 1;

	background: #000000;

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

	left: 0;

	right: 0;

	bottom: 0;

}

.slideBox .hd ul {

	overflow: hidden;

	zoom: 1;

	text-align: center;

}

.slideBox .hd ul li {

	margin: 6px 3px 0;

	width: 8px;

	height: 8px;

	line-height: 0;

	text-align: center;

	background: #fff;

	cursor: pointer;

	color: transparent;

	border-radius: 50%;

	display: inline-block;

}

.slideBox .hd ul li.on {

	background: #ccc;

	color: transparent;

}

.slideBox .bd {

	position: relative;

	height: 100%;

	z-index: 0;

}

.slideBox .bd li {

	zoom: 1;

	vertical-align: middle;

}

.slideBox .bd img {

	width: 100%;

	display: block;

	max-width: 620px;

	margin: 0 auto;

}

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

.slideBox {

	width: 98%;

	margin-bottom: 20px;

}

}

.tips-box {

	/*display: none;*/

	/*z-index: 999;*/

	/*width: 188px;*/

	/*height: 309px;*/

	/*position: fixed;*/

	/*right: 0;*/

	/*bottom: 20%;*/

	/*background: url(../image/jia1.png) no-repeat center;*/

	/*box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.44);*/

	/*padding: 20px 12px 0;*/

	

	z-index: 999;

	width: 236px;

	height: 358px;

	position: fixed;

	left: 0;

	bottom: 70px;

	background: url(../image/jia1.png) no-repeat center;

	box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.44);

	padding: 20px 12px 0;

	background-size: cover;

}

.tips-box .item-close {

	display: block;

	width: 20px;

	height: 20px;

	background: url(../image/jia3.png) no-repeat center;

	background-size: contain;

	position: absolute;

	top: 7px;

	right: 7px;

	cursor: pointer;

}

.tips-box .item-title {

	font-family: 'Verlag-Black';

	font-size: 20px;

	font-size: 2rem;

	color: #FAA21C;

	margin-top: 12px;

	margin-bottom: 2px;

	text-transform: uppercase;

	line-height: 28px;

}

.tips-box .item-title span {

	font-size: 30px;

	font-size: 3rem;

	color: #FAA21C;

}

.tips-box .item-subt {

	font-size: 16px;

	font-size: 1.6rem;

	color: #FFFFFF;

	line-height: 30px;

}

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

.tips-box {

	display: none;

}

}

.xjtitle {

	text-align: center;

	margin-bottom: 15px;

	font-size: 3rem;

	padding-left: 21px;

	margin-bottom: 20px;

}

.guoqipy {

	float: right;

	line-height: 14px;

	text-align: center;

	font-size: 10px;

	font-size: 1rem;

}

.guoqipy2 {

	display: none;

}

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

.guoqipy2 {

	display: block;

	float: left;

	margin-left: 20px;

	margin-top: 20px;

}

}

.item-input::-webkit-input-placeholder {

color:#888888;

opacity:1

}

.item-input:-o-placeholder {

color:#888888;

opacity:1

}

.item-input::-moz-placeholder {

color:#888888;

opacity:1

}

.item-input:-ms-input-placeholder {

color:#888888;

opacity:1

}

.item-textarea::-webkit-input-placeholder {

color:#888888;

opacity:1

}

.item-textarea:-o-placeholder {

color:#888888;

opacity:1

}

.item-textarea::-moz-placeholder {

color:#888888;

opacity:1

}

.item-textarea:-ms-input-placeholder {

color:#888888;

opacity:1

}

.new-backdrop {

	position: fixed;

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

	background-color: #000;

	background-color: rgba(0,0,0,0.3);

	z-index: 99999;

display: none;

}

.new-backdrop .model-box {

	background-color: #fff;

	width: 1150px;

	border-radius: 10px;

	position: absolute;

	left: 50%;

	margin-left: -575px;

	top: 50%;

	margin-top: -301px;

}

.new-backdrop .model-box form {

	padding: 47px 86px;

	padding-bottom: 67px;

}

.new-backdrop .box-title {

	font-size: 30px;

	font-size: 3rem;

	line-height: 40px;

}

.new-backdrop .box-list {

	padding-top: 32px;

}

.new-backdrop .box-list li {

	float: left;

	margin-left: 83px;

	font-size: 22px;

	font-size: 2.2rem;

	line-height: 24px;

}

.new-backdrop .item-title {

	font-size: 24px;

	font-size: 2.4rem;

	line-height: 30px;

	margin-top: 26px;

	margin-bottom: 6px;

}

.new-backdrop .item-input {

	width: 729px;

	height: 36px;

	line-height: 36px;

	border: 1px solid #d7d7d7;

	border-radius: 5px;

	padding-left: 15px;

	font-size: 18px;

	font-size: 1.8rem;

	color: #888888;

	margin-top: 17px;

}

.new-backdrop .item-textarea {

	width: 729px;

	height: 137px;

	padding-top: 5px;

	line-height: 26px;

	border: 1px solid #d7d7d7;

	border-radius: 5px;

	padding-left: 15px;

	font-size: 18px;

	font-size: 1.8rem;

	color: #888888;

	margin-top: 17px;

}

.new-backdrop .item-btn {

	min-width: 177px;

	line-height: 38px;

	padding: 0 5px;

	background: #8e8e8e;

	border-radius: 4px;

	font-size: 18px;

	font-size: 1.8rem;

	color: #ffffff;

	margin-top: 19px;

}

.new-backdrop .item-btn:hover {

	background: #FAA21C;

}

.guanbi {

	display: block;

	width: 34px;

	height: 34px;

	border-radius: 50%;

	border: 2px solid #ababab;

	text-align: center;

	line-height: 34px;

	color: #ababab;

	font-size: 20px;

	font-weight: bold;

	position: absolute;

	right: 15px;

	top: 16px;

	cursor: pointer

}

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

.new-backdrop .model-box {

	width: 96%;

	left: 2%;

	margin-left: auto;

	margin-top: -265px;

}

.new-backdrop .model-box form {

	padding: 20px;

}

.new-backdrop .box-list li {

	font-size: 14px;

	font-size: 1.4rem;

	margin-left: 20px;

}

.new-backdrop .item-input, .new-backdrop .item-textarea {

	width: 90%;

}

}

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

.new-backdrop .model-box {

	width: 96%;

	left: 2%;

	margin-left: auto;

	margin-top: -190px;

}

.new-backdrop .box-list {

	padding-top: 10px;

}

.new-backdrop .box-title {

	font-size: 20px;

	font-size: 2rem;

}

.new-backdrop .item-title {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 20px;

	margin-top: 10px;

}

.new-backdrop .box-list li {

	width: 49%;

	margin-left: 1% !important;

	margin-top: 10px;

}

.new-backdrop .item-input {

	height: 26px;

	line-height: 26px;

	margin-top: 6px;

}

.new-backdrop .item-textarea {

	height: 70px;

	margin-top: 6px;

}

.new-backdrop .item-btn {

	line-height: 30px;

	margin-top: 6px;

}

.guanbi {

	width: 20px;

	height: 20px;

	line-height: 20px;

	font-size: 16px;

	right: 5px;

	top: 5px;

}

}

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

.new-backdrop .model-box {

	margin-top: -225px;

}

.new-backdrop .box-list li {

	width: 98%

}

}

.lanmu {

	width: 100%;

	background: url(../image/hengtiao.jpg) repeat-x 0px 49px;

	margin-top: 56px;

}

.lanmu li {

	float: left;

	margin-left: 498px;

	text-align: center;

}

.lanmu li div {

	width: 152px;

	background: #fff;

	text-align: center;

}

.lanmuz {

	width: 914px;

	margin: 0 auto;

}

.lanmu li p {

	padding-top: 15px;

}

.lanmu li p a {

	font-size: 24px;

	font-size: 1.6rem;

	color: #030303;

	text-transform: uppercase;

	font-weight: bold;

}

.liebiaose {

	padding-top: 80px;

	padding-bottom: 170px;

}

.liebiaose li {

	margin-top: 24px;

}

.liebiaose li img {

	float: left;

	width: 100%;

	max-width: 680px;

	margin-right: 65px;

}

.xiaobtpy {

	padding-top: 110px;

	/*font-size: 14px;*/

	/*font-size: 1.4rem;*/

	color: #383838;

	text-transform: uppercase;

	margin-bottom: 30px;

		font-size: 18px;

	font-size: 1.8rem;

	font-family: Arial;

}

.biaotise {

	line-height: 36px;

	color: #020202;

	font-size: 36px;

	font-size: 3.6rem;

	text-transform: uppercase;

	font-family: 'helveticaneueltstdbdcn';

	font-weight: bold;

}

.miaoshuse {

	line-height: 28px;

	font-size: 14px;

	font-size: 1.4rem;

	padding-top: 33px;

}

.liebiaose li.liebiaoseli2 img {

	float: right;

	width: 100%;

	max-width: 680px;

	margin-left: 65px;

	margin-right: 0px;

}

.liebiaose li.liebiaoseli .service-scroll {

	float: left;

		margin-left: 0px;

	margin-right: 65px;

}

.liebiaose li.liebiaoseli2 .service-scroll {

	float: right;

		margin-left: 65px;

	margin-right: 0px;

}



.serviez {

	margin-top: 40px;

}

.leftse {

	width: 50%;

	float: left;

	position: relative;

}

.leftse img {

	display: block;

	width: 100%;

	max-width: 703px;

}

.leftsezi {

	position: absolute;

	left: 0px;

	top: 0px;

	z-index: 99;

	background: #000;

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

	height: 100%;

	padding-top: 71px;

	padding-left: 67px;

	padding-bottom: 65px;

	padding-right: 48px;

}

.leftsebt {

	color: #fff;

	font-size: 30px;

	font-size: 3rem;

	text-transform: uppercase;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	background: url(https://www.decnofloorings.com/themes/simplebootx/dekanuo/images/baitiao.jpg) no-repeat left bottom;

	padding-bottom: 25px;

}

.leftsems {

	color: #fff;

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 30px;

	margin-top: 20px;

}

.rightse {

	width: 50%;

	float: left;

	position: relative;

}

.rightse2 {

	padding-top: 158px;

	padding-left: 48px;

	position: absolute;

	left: 0px;

	top: 0px;

	font-size: 18px;

	font-size: 1.8rem;

	text-transform: uppercase;

	font-family: Arial, Helvetica, sans-serif;

}

.rightse2 a {

	background: #000;

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

	color: #fff;

	line-height: 35px;

	padding-left: 34px;

	padding-right: 34px;

	display: block;

	float: left;

	margin-left: 34px;

	border-radius: 50px;

}

@media screen and (max-width:1419px) and (min-width:1220px) {

.leftsezi {

	padding: 20px;

}

.rightse2 {

	padding-top: 20%;

	font-size: 14px;

	font-size: 1.4rem;

}

.rightse2 a {

	padding-left: 10px;

	padding-right: 10px;

}

.biaotise {

	font-size: 20px;

	font-size: 2rem;

}

.miaoshuse {

	padding-top: 10px;

}

.xiaobtpy {

	padding-top: 10px;

	

}

.liebiaose li img {

	max-width: 500px;

	margin-right: 30px;

}

.liebiaose li.liebiaoseli2 img {

	max-width: 500px;

	margin-left: 30px;

}

}

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

.leftsezi {

	padding: 20px;

}

.rightse2 {

	padding-top: 20%;

	font-size: 14px;

	font-size: 1.4rem;

}

.rightse2 a {

	padding-left: 10px;

	padding-right: 10px;

}

.leftsebt {

	padding-bottom: 10px;

}

.leftsems {

	height: 90px;

	overflow: hidden;

}

.biaotise {

	font-size: 20px;

	font-size: 2rem;

}

.miaoshuse {

	padding-top: 10px;

}

.xiaobtpy {

	padding-top: 10px;

}

.liebiaose li img {

	max-width: 500px;

	margin-right: 30px;

}

.liebiaose li.liebiaoseli2 img {

	max-width: 500px;

	margin-left: 30px;

}

}

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

.leftse {

	width: 100%;

	max-width: 703px;

	float: none;

	margin: 0 auto;

}

.rightse {

	width: 100%;

	max-width: 703px;

	float: none;

	margin: 0 auto;

}

.lanmu {

	text-align: center;

}

.lanmu li {

	float: none;

	display: inline-block;

	margin-left: 10%;

}

.lanmuz {

	width: 100%;

}

.biaotise {

	font-size: 20px;

	font-size: 2rem;

}

.miaoshuse {

	padding-top: 10px;

}

.xiaobtpy {

	padding-top: 10px;

}

.liebiaose li img,.liebiaose li.liebiaoseli .service-scroll {

	float: none;

	margin: 0 auto;

	display: block;

	margin-bottom: 20px;

}

.liebiaose li.liebiaoseli2 img,.liebiaose li.liebiaoseli2 .service-scroll {

	float: none;

	margin: 0 auto;

	display: block;

		margin-bottom: 20px;

}

}

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

.leftsezi {

	padding: 20px;

}

.rightse2 {

	padding-top: 20%;

	font-size: 14px;

	font-size: 1.4rem;

}

.rightse2 a {

	padding-left: 10px;

	padding-right: 10px;

}

.leftsebt {

	padding-bottom: 10px;

}

.leftsems {

	height: 90px;

	overflow: hidden;

}

}

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

.lanmu li {

	margin: 0 auto;

	width: 100%;

	margin-bottom: 20px;

}

.lanmu {

	background: none;

}

.lanmu li div {

	width: 152px;

	display: block;

	margin: 0 auto;

}

.leftsebt {

	font-size: 18px;

	font-size: 1.8rem;

}

.leftse img {

	display: none

}

.leftsezi {

	padding: 20px;

	position: relative;

}

.rightse2 {

	padding-top: 10%;

	font-size: 14px;

	font-size: 1.4rem;

	width: 100%;

	padding-left: 0px;

}

.rightse2 a {

	width: 88%;

	float: none;

	margin: 0 auto;

	margin-bottom: 10px;

	text-align: center;

}

.leftsebt {

	padding-bottom: 10px;

}

.leftsems {

	height: 90px;

	overflow: hidden;

}

}

.fenleierpylie {

padding-bottom: 120px;

    padding-top: 79px;

}

.fenleierpy {

	/*margin-bottom: 222px;*/

}

.fenleierpyz {

	float: left;

	width: 54%;

}

.fenleierpyz span {

	display: block;

	width: 151px;

	background: url(../image/hengtiao1.jpg) no-repeat center right;

	font-size: 72px;

	font-size: 7.2rem;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

}

.duanyi {

	font-size: 48px;

	font-size: 4.8rem;

	color: #000000;

	padding-top: 42px;

	padding-bottom: 20px;

	text-transform: uppercase;

	font-weight: bold;

	font-family: "helveticaneueltstdbdcn";

}

.fenleierpyy {

	float: right;

	display: block;

	width: 45%;

	max-width: 632px;

}

.fenleierpyy img,.fenleierpyy .service-scroll{

	display: block;

	margin: 0 auto;

	width: 100%;

	max-width: 632px;

}

.duaner {

	font-size: 16px;

	font-size: 1.6rem;

	color: #333;

	line-height: 30px;

}

@media screen and (max-width:1419px) and (min-width:1220px) {

.duanyi {

	font-size: 28px;

	font-size: 2.8rem;

}

}

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

.duanyi {

	font-size: 28px;

	font-size: 2.8rem;

	padding-top: 10px;

	padding-bottom: 10px;

}

.fenleierpyz span {

	font-size: 48px;

	font-size: 4.8rem;

}

.fenleierpy {

	margin-bottom: 50px;

}

}

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

.duanyi {

	font-size: 28px;

	font-size: 2.8rem;

	padding-top: 10px;

	padding-bottom: 10px;

}

.fenleierpyz span {

	font-size: 48px;

	font-size: 4.8rem;

}

.fenleierpy {

	margin-bottom: 50px;

}

.fenleierpyz {

	float: none;

	margin-bottom: 20px;

	width: 100%;

}

.fenleierpyy {

	float: none;

	width: 100%;

	margin: 0 auto;

}

}

.zhanlanpy {

	position: fixed;

	top: 45%;

	left: 0px;

	z-index: 999;

	width: 295px;

}

.zhanlanpy .deguo {

	display: block;

	width: 100%;

	max-width: 295px;

}

.index_focus {

	z-index: 97 !important;

}

.zhanlanpy2 {

	position: relative;

}

.guanbipy {

	position: absolute;

	top: 0px;

	right: 0px;

	z-index: 999;

	cursor: pointer;

}

/*guoqi*/

.guoqipy a {/* float: left; */

	display: inline-block;

	vertical-align: bottom;

	width: 48px;

	font-size: 12px;

	font-size: 1.2rem;

	line-height: 1.2;

}

.guoqipy a img {

	max-width: 30px;

}

.guanbipy2 {

	position: absolute;

	top: 0px;

	right: 0px;

	z-index: 999;

	cursor: pointer;

}

.guoqipy2 a {/* float: left; */

	display: inline-block;

	vertical-align: bottom;

	width: 48px;

	font-size: 12px;

	font-size: 1.2rem;

	line-height: 1.2;

}

.guoqipy2 a img {

	max-width: 30px;

}

.guoqipy2 {

	margin-left: 20px;

}

.abnav a {

	font-size: 1.2rem;

}

.abnav a {

	display: inline-block;

	width: 21.33%;

	padding-top: 132px;

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 24px;

	text-transform: uppercase;

	color: #737572;

}

.kf-item-2 a:hover {

	right: -200px;

}

.kf-item-2:hover .whatsapp-show {

	right: 70px;

}

.whatsapp-show {

	width: 121px;

	background: #fff;

	border-radius: 10px;

	border: 1px solid #dddddd;

	position: absolute;

	right: -200px;

	top: -85px;

}

.whatsapp-show .whatsapp-txt {

	float: left;

	width: 100px;

	padding: 10px 12px;

	text-align: center;

	font-size: 14px;

	font-size: 1.4rem;

	color: #4c4c4c

}

.whatsapp-show .whatsapp-txt ul li {

	width: 100px;

	height: 120px;

	text-align: center;

	font-size: 14px;

	font-size: 1.4rem;

	color: #4c4c4c

}







*{margin: 0;padding:0;}

li{list-style: none;}



.slide .carouse{width:100%;overflow:hidden;position:relative; cursor: pointer;}

.slide .slideItem .banner-img{width:100%;}

.slide .carouse .slideItem{	width:100%;	position:absolute;}

.slide .console{ height: 57px; display: inline-block; width: 35px; position: absolute; top: 40%; }

.slide .dotList{ text-align: center;   position: absolute;

    bottom: 32px;

    left: 50%;

    margin-left: -36px;

    z-index: 9998; }

.slide .dotList ul li{ display: inline-block; width: 16px; height: 16px;/* background-position:-12px 0px;*/ margin-left: 10px; cursor:pointer; }

.slide .dotList ul li.active{ background-position:0px 0px; background:url(../image/dot.png) no-repeat center center;}

.slide .carousel-control{position: absolute; top: 45%; width: 30px; height: 30px; z-index:999; }

.slide .carousel-control.left{left:0;background-position:-38px 0px;	cursor:pointer;}

.slide .carousel-control.right{	right:0;background-position:-85px 0px;cursor:pointer;}

.slide .carousel-control.right { right: 55px; background-image: url("https://www.decnofloorings.com/themes/simplebootx/dekanuo/img/jtr1.png"); background-repeat: no-repeat; cursor: pointer; }



.slide .carousel-control.right:hover { background-image: url("https://www.decnofloorings.com/themes/simplebootx/dekanuo/img/sliderighton.png"); }



.slide .dotList ul li{cursor: pointer;     background: url(../image/dot1.png) no-repeat center center;font-size: 0px; margin-left: 4.5px;margin-right: 4.5px; border: none;outline: none;width: 16px;height: 16px;}



.slide .slidedetail{display:none;}

.fenleierpyliehui2{ margin-top:68px;}

.fenleierpyliehui{ background:#f9f9f9; margin-top:68px;}

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

    .fenleierpyliehui2{ margin-top:28px;}

.fenleierpyliehui{ margin-top:28px;}

.fenleierpylie{ padding-top:30px; padding-bottom:30px;}

    

}

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

.carousel { display:none;}

.new-backdrop{ display:none;}



}



.addpublic{ font-size: 18px;

    font-size: 1.8rem;

    line-height: 28px; padding-top:30px; padding-bottom:30px;}

    .addpublic img{ display: block; max-width: 100%; margin-top:20px; margin-bottom:20px;}

    

    .itemtitlepy{    

   font-size: 18px !Important;

    font-size: 1.8rem !Important;}

    

.zhanhpy{ background:#3c3c3c; 	z-index: 999;

	width: 200px;

	/*height: 358px;*/

	position: fixed;

	left: 0;

	bottom: 70px;

	/*padding: 20px;*/

	padding: 25px 20px;

}

.zhanhpy .zhanitem-close {

	display: block;

	width: 20px;

	height: 20px;

	background: url(../image/jia3.png) no-repeat center;

	background-size: contain;

	position: absolute;

	top: 7px;

	right: 7px;

	cursor: pointer;

}



.zhanhpy p{ text-align:left; 

/*color:#fff; */

/*text-transform:uppercase;*/



    }

.zhanhpy strong{ }



.zhanhpy1{

    color: #80a65f;

    font-size: 26px;

    font-size: 2.6rem;

    font-weight: bold;

    margin-bottom: 10px;  line-height: 40px;}

.zhanhpy2{

    font-weight: bold;

    font-size: 30px;

    font-size: 3.0rem;

    margin-bottom: 15px;

    margin-top: 15px;

    color:#fff;  line-height: 40px;

    font-family: emoji;

}

.zhanhpy3{

    /*line-height: 28px; */

    line-height: 30px;

    font-size: 16px;

    font-size: 1.6rem;color:#fff;}







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

.zhanhpy{

	display: none;

}

}



.h-top .f-follow{ float:right; margin-top:0px;}



.h-top .lang-box {  position: relative; margin-right:15px; z-index:999999; }



@media screen and (max-width: 1219px) { .h-top .lang-box { padding-left: 10px; margin-left: 10px; margin-top: 35px; } }



@media screen and (max-width: 991px) { .h-top .lang-box { margin-top: 28px; } }



@media screen and (max-width: 767px) { .h-top .lang-box { margin-top: 20px; margin-right: 25px; margin-left: 0; padding-left: 0; border-left: 0; } }



.h-top .lang-box .lang-title { font-size: 0; letter-spacing: 0; cursor: pointer; }



.h-top .lang-box .lang-title > * { display: inline-block; vertical-align: middle;  }



.h-top .lang-box .lang-title .icon1 { font-size: 20px; font-size: 2rem; line-height: 1; color: #ccc; }



@media screen and (max-width: 767px) { .h-top .lang-box .lang-title .icon1 { font-size: 16px; font-size: 1.6rem; } }



.h-top .lang-box .lang-title span { font-size: 16px; font-size: 1.6rem; line-height: 20px; margin: 0 4px; }



@media screen and (max-width: 1219px) { .h-top .lang-box .lang-title span { font-size: 14px; font-size: 1.4rem; margin: 0 5px; } }



.h-top .lang-box .lang-title .icon2 { font-size: 12px; font-size: 1.2rem; line-height: 1; color: #ccc; }



.h-top .lang-box .lang-list { display: none; position: absolute; top: 100%; width: 87px; right: 0; margin-top: 20px; background: #FFFFFF; box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.14); z-index: 2; padding: 0 15px 15px; text-align:left;}



.h-top .lang-box .lang-list > a { display: block; font-size: 0; letter-spacing: 0; border-bottom: solid 1px #ECECEC; }



.h-top .lang-box .lang-list > a > * { display: inline-block; vertical-align: middle; font-size: 14px; font-size: 1.4rem; line-height: 24px; }



.h-top .lang-box .lang-list > a svg, .h-top .lang-box .lang-list > a img { width: 21px; }



.h-top .lang-box .lang-list > a span { 

    margin-left: 6px;

    }



.h-top .lang-box .lang-list > a:hover { color: #275CAA; }











/* 20220324 */

@font-face { font-family: 'Verlag-Light'; src: url("../font/Verlag-Light.eot"); src: url("../font/Verlag-Light.eot") format("embedded-opentype"), url("../font/Verlag-Light.woff2") format("woff2"), url("../font/Verlag-Light.woff") format("woff"), url("../font/Verlag-Light.ttf") format("truetype"), url("../font/Verlag-Light.svg") format("svg"); font-display: swap; }



.quality-main { padding: 40px 0 100px; }



@media screen and (max-width: 1219px) { .quality-main { padding-bottom: 70px; } }



@media screen and (max-width: 999px) { .quality-main { padding-bottom: 50px; } }



@media screen and (max-width: 767px) { .quality-main { padding: 30px 0 40px; } }



.quality-main .box-slide { width: 308px; }



@media screen and (max-width: 1419px) { .quality-main .box-slide { width: 300px; } }



@media screen and (max-width: 1219px) { .quality-main .box-slide { width: 260px; } }



@media screen and (max-width: 999px) { .quality-main .box-slide { width: 100%; margin-bottom: 30px; } }



.quality-main .box-main { width: 1060px; }



@media screen and (max-width: 1419px) { .quality-main .box-main { width: 870px; } }



@media screen and (max-width: 1219px) { .quality-main .box-main { width: 690px; } }



@media screen and (max-width: 999px) { .quality-main .box-main { width: 100%; } }



.q-slide .box-title { text-transform: uppercase; font-family: "Verlag-Bold", arial; font-size: 28px; font-size: 2.8rem; line-height: 1.3; border-bottom: solid 1px #8C8C8C; padding-bottom: 18px; margin-bottom: 20px; }



@media screen and (max-width: 1419px) { .q-slide .box-title { margin-bottom: 0; padding-bottom: 15px; font-size: 24px; font-size: 2.4rem; } }



@media screen and (max-width: 1219px) { .q-slide .box-title { font-size: 20px; font-size: 2rem; padding-bottom: 10px; } }



.q-slide .box-list > li { border-bottom: solid 1px #8C8C8C; border-bottom-color: rgba(140, 140, 140, 0.6); }



.q-slide .box-list > li:last-child { border-bottom: 0; }



.q-slide .box-list > li > a { display: block; padding: 33px 0 16px; font-size: 18px; font-size: 1.8rem; line-height: 26px; color: #444; }



@media screen and (max-width: 1419px) { .q-slide .box-list > li > a { padding: 15px 0 15px; font-size: 16px; font-size: 1.6rem; line-height: 24px; } }



@media screen and (max-width: 1219px) { .q-slide .box-list > li > a { padding: 12px 0; font-size: 14px; font-size: 1.4rem; line-height: 20px; } }



.q-slide .box-list > li:hover > a, .q-slide .box-list > li.active > a { color: #000; }



.q-list .list-box { border: solid 1px #CCCCCC; margin-bottom: 30px; padding: 30px 20px 0 40px; }



.q-list .list-box:last-child { margin-bottom: 0; }



@media screen and (max-width: 1419px) { .q-list .list-box { padding: 30px 30px 0; } }



@media screen and (max-width: 1219px) { .q-list .list-box { padding: 20px 20px 0; } }



@media screen and (max-width: 767px) { .q-list .list-box { padding: 20px 15px 0; } }



.q-list .list-box1 { font-size: 0; letter-spacing: 0; width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }



.q-list .list-box1 .box-item { display: inline-block; vertical-align: top; width: 47.09419%; -webkit-flex-basis: 47.09419%; -ms-flex-preferred-size: 47.09419%; flex-basis: 47.09419%; margin-left: 5.81162%; background-color: #F6F6F6; border-bottom: solid 30px #fff; position: relative; }



.q-list .list-box1 .box-item:before { position: absolute; content: ''; width: -webkit-calc(100% - 433px); width: -moz-calc(100% - 433px); width: calc(100% - 433px); background-color: #fff; top: 0; bottom: 0; right: 0; }



@media screen and (max-width: 767px) { .q-list .list-box1 .box-item:before { display: none; } }



.q-list .list-box1 .box-item:nth-child(odd) { margin-left: 0; }



@media screen and (max-width: 1219px) { .q-list .list-box1 .box-item { width: 49%; -webkit-flex-basis: 49%; -ms-flex-preferred-size: 49%; flex-basis: 49%; margin-left: 2%; border-bottom-width: 20px; } }



@media screen and (max-width: 767px) { .q-list .list-box1 .box-item { width: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-left: 0; } }



.q-list .list-box1 .item-box { position: relative; padding-bottom: 22px; background-color: #fff; }



.q-list .list-box1 .item-box .item-pic { width: 100%; max-width: 180px; }



.q-list .list-box1 .item-box .item-pic img { display: block; width: 100%; }



@media screen and (max-width: 1419px) { .q-list .list-box1 .item-box .item-pic { width: 160px; } }



@media screen and (max-width: 1219px) { .q-list .list-box1 .item-box .item-pic { width: 140px; } }



@media screen and (max-width: 767px) { .q-list .list-box1 .item-box .item-pic { width: 120px; } }



@media screen and (max-width: 1419px) { .q-list .list-box1 .item-box .item-title { min-height: 52px; } }



@media screen and (max-width: 1219px) { .q-list .list-box1 .item-box .item-title { min-height: 48px; } }



@media screen and (max-width: 767px) { .q-list .list-box1 .item-box .item-title { min-height: auto; } }



.q-list .list-box1 .item-box .item-desc { min-height: 120px; }



@media screen and (max-width: 1419px) { .q-list .list-box1 .item-box .item-desc { min-height: 110px; } }



@media screen and (max-width: 1219px) { .q-list .list-box1 .item-box .item-desc { min-height: 120px; } }



@media screen and (max-width: 767px) { .q-list .list-box1 .item-box .item-desc { min-height: auto; } }



.q-list .list-box1 .item-list .list-item { width: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 433px; margin-bottom: 0; }



@media screen and (max-width: 1219px) { .q-list .list-box1 .item-list .list-item { max-width: 100%; } }



.q-list .list-box2 .item-box { margin-bottom: 30px; }



.q-list .list-box2 .item-box .item-pic { float: left; width: 180px; margin-right: 10px; }



.q-list .list-box2 .item-box .item-pic img { display: block; width: 100%; }



@media screen and (max-width: 1419px) { .q-list .list-box2 .item-box .item-pic { width: 160px; } }



@media screen and (max-width: 1219px) { .q-list .list-box2 .item-box .item-pic { width: 140px; } }



@media screen and (max-width: 767px) { .q-list .list-box2 .item-box .item-pic { width: 120px; } }



@media screen and (max-width: 640px) { .q-list .list-box2 .item-box .item-pic { float: none; margin-right: 0; } }



.q-list .list-box2 .item-box .item-body { overflow: hidden; padding-top: 5px; }



@media screen and (max-width: 1419px) { .q-list .list-box2 .item-box .item-body { padding-top: 0; } }



.q-list .list-box2 .item-list .list-item { width: 43.38677%; -webkit-flex-basis: 43.38677%; -ms-flex-preferred-size: 43.38677%; flex-basis: 43.38677%; margin-left: 9.51904%; }



.q-list .list-box2 .item-list .list-item:nth-child(odd) { margin-left: 0; }



@media screen and (max-width: 1419px) { .q-list .list-box2 .item-list .list-item { width: 47.09419%; -webkit-flex-basis: 47.09419%; -ms-flex-preferred-size: 47.09419%; flex-basis: 47.09419%; margin-left: 5.81162%; } }



@media screen and (max-width: 1219px) { .q-list .list-box2 .item-list .list-item { width: 49%; -webkit-flex-basis: 49%; -ms-flex-preferred-size: 49%; flex-basis: 49%; margin-left: 2%; } }



@media screen and (max-width: 640px) { .q-list .list-box2 .item-list .list-item { width: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-left: 0; } }



.q-list .item-box .item-title {font-family: "Verlag-Bold", arial; font-size: 20px; font-size: 2rem; line-height: 30px; margin-bottom: 7px; }



.q-list .item-box .item-title, .q-list .item-box .item-title a { color: #444; }



@media screen and (max-width: 1419px) { .q-list .item-box .item-title { font-size: 18px; font-size: 1.8rem; line-height: 26px; } }



@media screen and (max-width: 1219px) { .q-list .item-box .item-title { font-size: 16px; font-size: 1.6rem; line-height: 24px; margin-bottom: 3px; } }



.q-list .item-box .item-desc {  font-size: 16px; font-size: 1.6rem; line-height: 24px; }



.q-list .item-box .item-desc, .q-list .item-box .item-desc a { color: #777; }



@media screen and (max-width: 1419px) { .q-list .item-box .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 22px; } }



@media screen and (max-width: 1219px) { .q-list .item-box .item-desc { line-height: 20px; } }



.q-list .item-list { font-size: 0; letter-spacing: 0; width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }



.q-list .item-list .list-item { background-color: #F6F6F6; display: inline-block; vertical-align: top; margin-bottom: 30px; 

/*padding: 47px 26px 58px; */

  padding: 20px;   

}



@media screen and (max-width: 1419px) { .q-list .item-list .list-item { padding: 30px 20px 40px; } }



@media screen and (max-width: 1219px) { .q-list .item-list .list-item { padding: 20px 15px 25px; margin-bottom: 20px; } }



.q-list .item-list .item-title {font-family: "Verlag-Bold", arial; font-size: 22px; font-size: 2.2rem; line-height: 30px; margin-bottom: 13px; height:60px; overflow:hidden; }



.q-list .item-list .item-title, .q-list .item-list .item-title a { color: #444; }



@media screen and (max-width: 1419px) { .q-list .item-list .item-title { font-size: 20px; font-size: 2rem; line-height: 26px; } }



@media screen and (max-width: 1219px) { .q-list .item-list .item-title { font-size: 18px; font-size: 1.8rem; line-height: 24px; margin-bottom: 8px; } }



.q-list .item-list .item-desc {  font-size: 16px; font-size: 1.6rem; line-height: 28px; margin-bottom: 20px; display:none; }



.q-list .item-list .item-desc, .q-list .item-list .item-desc a { color: #777; }



@media screen and (max-width: 1419px) { .q-list .item-list .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 24px; } }



@media screen and (max-width: 1219px) { .q-list .item-list .item-desc { line-height: 20px; margin-bottom: 15px; } }



.q-list .item-list .item-btn { display: inline-block; line-height: 32px; padding: 0 25px; border: 2px solid #333333; border-color: rgba(51, 51, 51, 0.5); color: #777; font-size: 14px; font-size: 1.4rem; font-family: "Verlag-Bold", arial; text-transform:uppercase;}



.q-list .item-list .item-btn:hover { background-color: #2f2f2f; color: #fff; }



@media screen and (max-width: 1219px) { .q-list .item-list .item-btn { line-height: 28px; padding: 0 15px; font-size: 12px; font-size: 1.2rem;} }



/* download */

.down-wrap { background-color: #F6F6F6; padding-bottom: 90px; }



@media screen and (max-width: 1219px) { .down-wrap { padding-bottom: 60px; } }



@media screen and (max-width: 999px) { .down-wrap { padding-bottom: 40px; } }



@media screen and (max-width: 767px) { .down-wrap { padding-bottom: 30px; } }



.download-scroll { margin-top: 100px; position: relative; }



@media screen and (max-width: 1219px) { .download-scroll { margin-top: 70px; } }



@media screen and (max-width: 999px) { .download-scroll { margin-top: 50px; } }



@media screen and (max-width: 767px) { .download-scroll { margin-top: 30px; } }



.download-scroll .scroll-btns { display: none; }



.download-scroll .scroll-btns .scroll-btn { display: inline-block; vertical-align: top; cursor: pointer; z-index: 99; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 30px; height: 30px; background-repeat: no-repeat; background-position: center; background-size: contain; }



@media screen and (max-width: 767px) { .download-scroll .scroll-btns .scroll-btn { width: 26px; height: 26px; } }



.download-scroll .scroll-btns .scroll-btn.prev { left: 0; background-image: url(../image/n25.png); }



.download-scroll .scroll-btns .scroll-btn.prev:hover { background-image: url(../image/n25_1.png); }



.download-scroll .scroll-btns .scroll-btn.next { right: 0; background-image: url(../image/n26.png); }



.download-scroll .scroll-btns .scroll-btn.next:hover { background-image: url(../image/n26_1.png); }



.download-scroll .scroll-list-box { width: 100%; overflow: hidden; }



.download-scroll .scroll-list { width: 10000%; position: relative; }



.download-scroll .scroll-list li { float: left; width: 0.23714%; margin-right: 0.01714%; position: relative; }



.download-scroll .scroll-list li.active .item-pic:before, .download-scroll .scroll-list li:hover .item-pic:before { opacity: 0.5; }



@media screen and (max-width: 767px) { .download-scroll .scroll-list li { width: 0.32%; margin-right: 0.02%; } }



@media screen and (max-width: 480px) { .download-scroll .scroll-list li { width: 0.49%; margin-right: 0.02%; } }



.download-scroll .scroll-list .item-pic { position: relative; }



.download-scroll .scroll-list .item-pic:before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.2; z-index: 2; }



.download-scroll .scroll-list .item-pic img { display: block; width: 100%; }



.download-scroll .scroll-list .item-title { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; font-size: 20px; font-size: 2rem; font-family: "Verlag-Bold", arial; text-align: center; z-index: 3; }



.download-scroll .scroll-list .item-title a { padding: 10px; }



.download-scroll .scroll-list .item-title, .download-scroll .scroll-list .item-title a, .download-scroll .scroll-list .item-title a:hover { color: #fff !important; }



@media screen and (max-width: 1219px) { .download-scroll .scroll-list .item-title { font-size: 18px; font-size: 1.8rem; } }



@media screen and (max-width: 767px) { .download-scroll .scroll-list .item-title { font-size: 16px; font-size: 1.6rem; } }



.download-list { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-bottom: 70px; margin-top: 73px; }



@media screen and (max-width: 1219px) { .download-list { padding-bottom: 40px; } }



@media screen and (max-width: 999px) { .download-list { padding-bottom: 20px; margin-top: 50px; } }



@media screen and (max-width: 767px) { .download-list { padding-bottom: 10px; margin-top: 30px; } }



.download-list .list-item { background-color: #fff; width: 49.28571%; -webkit-flex-basis: 49.28571%; -ms-flex-preferred-size: 49.28571%; flex-basis: 49.28571%; margin-left: 1.42857%; margin-bottom: 30px; padding: 17px 25px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-flow: row-reverse nowrap; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-flow: row-reverse nowrap; flex-flow: row-reverse nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }



.download-list .list-item:nth-child(odd) { margin-left: 0; }



@media screen and (max-width: 1419px) { .download-list .list-item { padding: 17px 20px; } }



@media screen and (max-width: 1219px) { .download-list .list-item { padding: 15px; } }



@media screen and (max-width: 767px) { .download-list .list-item { width: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-left: 0; margin-bottom: 20px; } }



@media screen and (max-width: 480px) { .download-list .list-item { padding: 15px 10px; display: block; } }



.download-list .item-pic { float: right; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; position: relative; width: 35%; margin-left: 4.6875%; }



.download-list .item-pic img { display: block; width: 100%; }



@media screen and (max-width: 1419px) { .download-list .item-pic { margin-left: 3.125%; } }



@media screen and (max-width: 999px) { .download-list .item-pic { max-width: 200px; min-width: 150px; } }



.download-list .item-body { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; overflow: hidden; padding-top: 26px; position: relative; padding-bottom: 65px; }



@media screen and (max-width: 1419px) { .download-list .item-body { padding-top: 10px; } }



@media screen and (max-width: 1219px) { .download-list .item-body { padding-bottom: 90px; } }



@media screen and (max-width: 999px) { .download-list .item-body { padding-top: 0; } }



@media screen and (max-width: 640px) { .download-list .item-body { padding-bottom: 80px; padding-top: 0; } }



@media screen and (max-width: 480px) { .download-list .item-body { padding-bottom: 0; padding-top: 0; overflow: visible; } }



.download-list .item-title { font-family: "Verlag-Bold", arial; font-size: 20px; font-size: 2rem; line-height: 26px; margin-bottom: 20px; }



@media screen and (max-width: 1419px) { .download-list .item-title { font-size: 18px; font-size: 1.8rem; line-height: 24px; margin-bottom: 10px; } }



@media screen and (max-width: 1219px) { .download-list .item-title { font-size: 16px; font-size: 1.6rem; line-height: 22px; margin-bottom: 6px; } }



.download-list .item-desc {  font-size: 16px; font-size: 1.6rem; line-height: 26px; }



@media screen and (max-width: 1419px) { .download-list .item-desc { line-height: 24px; } }



@media screen and (max-width: 1219px) { .download-list .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 20px; } }



@media screen and (max-width: 999px) { .download-list .item-desc { overflow: visible; } }



.download-list .item-btns { font-size: 0; letter-spacing: 0; position: absolute; bottom: 15px; left: 0; }



@media screen and (max-width: 1219px) { .download-list .item-btns { bottom: 0; } }



@media screen and (max-width: 480px) { .download-list .item-btns { position: relative; margin-top: 12px; } }



/*.download-list .item-btns .item-btn { display: inline-block; vertical-align: top; line-height: 36px; border: 1px solid #525252; font-size: 16px; font-size: 1.6rem; padding: 0 15px 0 38px; margin-right: 13px; background-color: #fff; background-image: url(../image/n17.png); background-repeat: no-repeat; background-position: 19px center; }*/

.download-list .item-btns .item-btn { display: inline-block; vertical-align: top; line-height: 36px; border: 1px solid #525252; font-size: 16px; font-size: 1.6rem; padding: 0 15px 0 20px; margin-right: 13px; background-color: #fff; background-image: url(../image/n17.png); background-repeat: no-repeat; background-position: 4px center; margin-bottom:5px;}



.download-list .item-btns .item-btn:last-child { margin-right: 0; }



.download-list .item-btns .item-btn:hover { background-image: url(../image/n18.png); background-color: #1B1B1B; color: #fff; }



@media screen and (max-width: 1419px) { .download-list .item-btns .item-btn { padding: 0 10px 0 30px; background-position: 10px center; } }



@media screen and (max-width: 1219px) { .download-list .item-btns .item-btn { font-size: 14px; font-size: 1.4rem; line-height: 28px; margin-bottom: 10px; }

  .download-list .item-btns .item-btn:last-child { margin-bottom: 0; } }

  

  

  

  

  

  

  

  

  /* 20220331 */

@font-face { font-family: 'HelveticaNeueLTStd-BdCn'; src: url("../font/HelveticaNeueLTStd-BdCn.eot"); src: url("../font/HelveticaNeueLTStd-BdCn.eot") format("embedded-opentype"), url("../font/HelveticaNeueLTStd-BdCn.woff2") format("woff2"), url("../font/HelveticaNeueLTStd-BdCn.woff") format("woff"), url("../font/HelveticaNeueLTStd-BdCn.ttf") format("truetype"), url("../font/HelveticaNeueLTStd-BdCn.svg") format("svg"); font-display: swap; }



@font-face { font-family: 'Aldine401BTBoldA'; src: url("../font/Aldine401BTBoldA.eot"); src: url("../font/Aldine401BTBoldA.eot") format("embedded-opentype"), url("../font/Aldine401BTBoldA.woff2") format("woff2"), url("../font/Aldine401BTBoldA.woff") format("woff"), url("../font/Aldine401BTBoldA.ttf") format("truetype"), url("../font/Aldine401BTBoldA.svg") format("svg"); font-display: swap; }



.res-bar { font-size: 0; letter-spacing: 0; margin-top: 48px; margin-bottom: 60px; position: relative; }



@media screen and (max-width: 1219px) { .res-bar { margin-bottom: 50px; } }



@media screen and (max-width: 999px) { .res-bar { margin-bottom: 40px; } }



@media screen and (max-width: 767px) { .res-bar { margin-top: 30px; margin-bottom: 30px; } }



.res-bar:before { position: absolute; content: ''; height: 2px; background: url(../image/n14.png) repeat-x; left: 0; right: 0; top: 50%; margin-top: -17px; }



.res-bar .list-item { display: inline-block; vertical-align: top; width: 50%; text-align: center; }



.res-bar .item-a { display: inline-block; position: relative; }



.res-bar .item-a:hover .item-img:before, .res-bar .item-a.active .item-img:before { visibility: visible; opacity: 0.6; }



.res-bar .item-pics { width: 164px; height: 164px; border-radius: 50%; border: solid 12px #efefef; margin: 0 auto 9px; overflow: visible; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; }



.res-bar .item-pics:before, .res-bar .item-pics:after { position: absolute; content: ''; width: 12px; top: 0; bottom: 0; background-color: #fff; }



.res-bar .item-pics:before { left: -24px; }



.res-bar .item-pics:after { right: -24px; }



@media screen and (max-width: 1419px) { .res-bar .item-pics { width: 144px; height: 144px; } }



@media screen and (max-width: 1219px) { .res-bar .item-pics { width: 124px; height: 124px; border-width: 10px; }

  .res-bar .item-pics:before { left: -22px; }

  .res-bar .item-pics:after { right: -22px; } }



@media screen and (max-width: 999px) { .res-bar .item-pics { width: 104px; height: 104px; border-width: 8px; }

  .res-bar .item-pics:before { width: 10px; left: -18px; }

  .res-bar .item-pics:after { width: 10px; right: -18px; } }



@media screen and (max-width: 767px) { .res-bar .item-pics { width: 84px; height: 84px; border-width: 6px; }

  .res-bar .item-pics:before { width: 5px; left: -11px; }

  .res-bar .item-pics:after { width: 5px; right: -11px; } }



.res-bar .item-img { position: relative; z-index: 2; overflow: hidden; background: url(../image/n3.png) no-repeat center; background-size: contain; }



.res-bar .item-img:before { position: absolute; content: ''; top: 0; bottom: 0; left: 0; right: 0; background-color: #000; opacity: 0; border-radius: 50%; visibility: hidden; -webkit-transition: all .35s; -o-transition: all .35s; -moz-transition: all .35s; transition: all .35s; }



.res-bar .item-img img { display: block; width: 100%; position: relative; z-index: 3; }



.res-bar .item-title { font-family: 'Verlag-Bold'; font-weight: bold; font-size: 18px; font-size: 1.8rem; line-height: 1.3; text-transform: uppercase; color: #000; }



@media screen and (max-width: 1219px) { .res-bar .item-title { font-size: 16px; font-size: 1.6rem; } }



@media screen and (max-width: 767px) { .res-bar .item-title { font-size: 14px; font-size: 1.4rem; } }



.res-item { background: url(../image/n4.jpg) no-repeat center; background-size: cover; padding: 24px; margin-bottom: 71px; }



@media screen and (max-width: 1219px) { .res-item { margin-bottom: 50px; } }



@media screen and (max-width: 999px) { .res-item { margin-bottom: 40px; } }



@media screen and (max-width: 767px) { .res-item { padding: 15px; margin-bottom: 30px; } }



.res-item .item-body { background-color: #000; background-color: rgba(0, 0, 0, 0.4); text-align: center; padding: 72px 20px 66px; }



@media screen and (max-width: 1219px) { .res-item .item-body { padding: 50px 20px; } }



@media screen and (max-width: 999px) { .res-item .item-body { padding: 40px 20px; } }



@media screen and (max-width: 767px) { .res-item .item-body { padding: 30px 15px; } }



.res-item .item-title { max-width: 760px; margin: 0 auto; /* font-family: 'Aldine401BTBoldA'; */ font-family: "Verlag-Bold", arial;text-transform: uppercase; font-size: 36px; font-size: 3.6rem; line-height: 1.3; color: #fff; }



@media screen and (max-width: 1419px) { .res-item .item-title { font-size: 32px; font-size: 3.2rem; } }



@media screen and (max-width: 1219px) { .res-item .item-title { font-size: 28px; font-size: 2.8rem; } }



@media screen and (max-width: 999px) { .res-item .item-title { font-size: 24px; font-size: 2.4rem; } }



@media screen and (max-width: 767px) { .res-item .item-title { font-size: 20px; font-size: 2rem; } }



.res-item .item-desc { max-width: 760px; margin: 15px auto 0;  font-size: 16px; font-size: 1.6rem; line-height: 28px; }



.res-item .item-desc, .res-item .item-desc * { color: #fff; }



@media screen and (max-width: 1419px) { .res-item .item-desc { line-height: 26px; } }



@media screen and (max-width: 1219px) { .res-item .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 24px; } }



@media screen and (max-width: 999px) { .res-item .item-desc { line-height: 22px; } }



@media screen and (max-width: 767px) { .res-item .item-desc { margin-top: 10px; font-size: 12px; font-size: 1.2rem; line-height: 20px; } }



.lan-list .list-item { padding: 80px 0 120px; }



.lan-list .list-item:nth-child(odd) { background-color: #F9F9F9; }



@media screen and (max-width: 1419px) { .lan-list .list-item { padding: 70px 0; } }



@media screen and (max-width: 1219px) { .lan-list .list-item { padding: 50px 0; } }



@media screen and (max-width: 999px) { .lan-list .list-item { padding: 30px 0; } }



@media screen and (max-width: 767px) { .lan-list .list-item { padding: 25px 0; } }



.lan-list .wp { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-flow: row-reverse nowrap; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-flow: row-reverse nowrap; flex-flow: row-reverse nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }



@media screen and (max-width: 767px) { .lan-list .wp { display: block; } }



.lan-list .item-pic { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 45.14286%; margin-left: 5.71429%; }



@media screen and (max-width: 1419px) { .lan-list .item-pic { margin-left: 3.57143%; } }



@media screen and (max-width: 1219px) { .lan-list .item-pic { margin-left: 2.14286%; } }



@media screen and (max-width: 767px) { .lan-list .item-pic { float: right; } }



@media screen and (max-width: 480px) { .lan-list .item-pic { float: none; width: 100%; margin: 0 auto 15px; } }



.lan-list .item-pic img { display: block; width: 100%; }



.lan-list .item-body { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; overflow: hidden; }



@media screen and (max-width: 767px) { .lan-list .item-body { overflow: visible; } }



.lan-list .item-num { /* font-family: 'HelveticaNeueLTStd-BdCn'; */ font-family: "Verlag-Bold", arial; font-size: 32px; font-size: 3.2rem; color: #000; line-height: 1; display: inline-block; padding-right: 7px; position: relative; margin-bottom: 29px; }



.lan-list .item-num:before { position: absolute; content: ''; width: 76px; height: 1px; background-color: #000; top: 50%; left: 100%; }



@media screen and (max-width: 1419px) { .lan-list .item-num { font-size: 60px; font-size: 6rem; margin-bottom: 15px; } }



@media screen and (max-width: 1219px) { .lan-list .item-num { font-size: 48px; font-size: 4.8rem; margin-bottom: 5px; } }



@media screen and (max-width: 999px) { .lan-list .item-num { font-size: 36px; font-size: 3.6rem; }

  .lan-list .item-num:before { width: 50px; } }



@media screen and (max-width: 767px) { .lan-list .item-num { font-size: 24px; font-size: 2.4rem; }

  .lan-list .item-num:before { width: 30px; } }



.lan-list .item-title { /* font-family: 'HelveticaNeueLTStd-BdCn'; */ font-family: "Verlag-Bold", arial; font-size: 24px; font-size: 2.4rem; line-height: 1.3; text-transform: uppercase; color: #000; margin-bottom: 13px; overflow: visible; }



@media screen and (max-width: 1419px) { .lan-list .item-title { font-size: 40px; font-size: 4rem; } }



@media screen and (max-width: 1219px) { .lan-list .item-title { font-size: 32px; font-size: 3.2rem; margin-bottom: 8px; } }



@media screen and (max-width: 999px) { .lan-list .item-title { font-size: 22px; font-size: 2.2rem; } }



@media screen and (max-width: 767px) { .lan-list .item-title { font-size: 18px; font-size: 1.8rem; } }



.lan-list .item-desc {  font-size: 16px; font-size: 1.6rem; line-height: 30px; overflow: visible; }



@media screen and (max-width: 1419px) { .lan-list .item-desc { line-height: 26px; } }



@media screen and (max-width: 1219px) { .lan-list .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 24px; } }



@media screen and (max-width: 999px) { .lan-list .item-desc { line-height: 22px; } }



@media screen and (max-width: 767px) { .lan-list .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; } }



.spc-list { padding-bottom: 115px; }



@media screen and (max-width: 1419px) { .spc-list { padding-bottom: 40px; } }



@media screen and (max-width: 1219px) { .spc-list { padding-bottom: 30px; } }



@media screen and (max-width: 999px) { .spc-list { padding-bottom: 20px; } }



@media screen and (max-width: 767px) { .spc-list { padding-bottom: 10px; } }



.spc-list .list-item { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 65px; }



@media screen and (max-width: 1419px) { .spc-list .list-item { margin-bottom: 50px; } }



@media screen and (max-width: 1219px) { .spc-list .list-item { margin-bottom: 30px; } }



@media screen and (max-width: 767px) { .spc-list .list-item { margin-bottom: 25px; } }



@media screen and (max-width: 640px) { .spc-list .list-item { display: block; } }



.spc-list .item1 .item-pic { float: left; margin-right: 4.85714%; }



@media screen and (max-width: 1419px) { .spc-list .item1 .item-pic { margin-right: 3.57143%; } }



@media screen and (max-width: 1219px) { .spc-list .item1 .item-pic { margin-right: 2.14286%; } }



.spc-list .item2 { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }



.spc-list .item2 .item-pic { float: right; margin-left: 4.85714%; }



@media screen and (max-width: 1419px) { .spc-list .item2 .item-pic { margin-left: 3.57143%; } }



@media screen and (max-width: 1219px) { .spc-list .item2 .item-pic { margin-left: 2.14286%; } }



.spc-list .item-pic { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 48.57143%; }



@media screen and (max-width: 480px) { .spc-list .item-pic { width: 100%; float: none; margin: 0 auto 15px !important; } }



.spc-list .item-subt { line-height: 1.3; font-size: 18px; font-size: 1.8rem;  margin-bottom: 17px; }



@media screen and (max-width: 1419px) { .spc-list .item-subt { margin-bottom: 15px; } }



@media screen and (max-width: 1219px) { .spc-list .item-subt { font-size: 16px; font-size: 1.6rem; margin-bottom: 10px; } }



@media screen and (max-width: 999px) { .spc-list .item-subt { margin-bottom: 5px; } }



@media screen and (max-width: 767px) { .spc-list .item-subt { font-size: 14px; font-size: 1.4rem; } }



.spc-list .item-title { /* font-family: 'HelveticaNeueLTStd-BdCn'; */ font-family: "Verlag-Bold", arial; font-size: 24px; font-size: 2.4rem; line-height: 1.3; text-transform: uppercase; color: #000; margin-bottom: 13px; overflow: visible; }



@media screen and (max-width: 1419px) { .spc-list .item-title { font-size: 40px; font-size: 4rem; } }



@media screen and (max-width: 1219px) { .spc-list .item-title { font-size: 32px; font-size: 3.2rem; margin-bottom: 8px; } }



@media screen and (max-width: 999px) { .spc-list .item-title { font-size: 22px; font-size: 2.2rem; } }



@media screen and (max-width: 767px) { .spc-list .item-title { font-size: 18px; font-size: 1.8rem; margin-bottom: 5px; } }



.spc-list .item-desc {  font-size: 16px; font-size: 1.6rem; line-height: 30px; overflow: visible; }



@media screen and (max-width: 1419px) { .spc-list .item-desc { line-height: 26px; } }



@media screen and (max-width: 1219px) { .spc-list .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 24px; } }



@media screen and (max-width: 999px) { .spc-list .item-desc { line-height: 22px; } }



@media screen and (max-width: 767px) { .spc-list .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; } }



.lan-list .service-scroll.scroll-box{ width:100%;}

.lan-list .service-scroll .item-pic{ width:auto; margin-left:auto;}

.lan-list .service-scroll .scroll-list li{ background:none !Important;}

.lan-list .service-scroll .list-item{ padding:0px !Important;}

.shiping{ position:relative; width:100%;}

.shiping iframe{ width:100%; height:100%; top:0px; left:0px; position:absolute; z-index:9999; border: none;}







.spc-list .service-scroll.scroll-box{ width:100%;}

.spc-list .service-scroll .item-pic{ width:auto; margin-left:auto;}

.spc-list .service-scroll .scroll-list li{ background:none !Important;}

.spc-list .service-scroll .list-item{ padding:0px !Important;}

.spc-list .service-scroll .scroll-btn{top: 44%; }









.banner{ position:relative;}

.slide .carouse{width:100%;overflow:hidden;position:relative; cursor: pointer;}

.slide .slideItem .banner-img{width:100%;}

.slide .carouse .slideItem{	width:100%;	position:absolute;}

.slide .console{ height: 57px; display: inline-block; width: 35px; position: absolute; top: 40%; }

.slide .dotList{ position: absolute; bottom:32px; left:50%; margin-left:-70px; z-index:9998 }

.slide .dotList ul li{ display: inline-block; width: 16px;

    height: 16px;     margin-right: 6px;

    margin-left: 6px; cursor:pointer;  }

.slide .dotList ul li.active{ background-position:0px 0px; background:url(../image/dot.png) no-repeat center center;}

.slide .carousel-control{position: absolute; top: 45%; width: 62px; height: 62px; z-index:999; }

.slide .carousel-control.left{left:0;	cursor:pointer; }

.slide .carousel-control.right{	right:0; cursor:pointer;}

.slide .carousel-control.right { right: 0;  background-repeat: no-repeat; cursor: pointer; }





.slide .slidedetail{display:none;}

.slide .slide-count { display: none; }









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

    .slide .dotList{ bottom: 10px;}

    

}









.newsletterdb input::-webkit-input-placeholder {

color: #998072;

}

.newsletterdb input:-o-placeholder {

color: #998072;

}

.newsletterdb input::-moz-placeholder {

color: #998072;

}

.newsletterdb input:-ms-input-placeholder {

color: #998072;

}





.newsletterdb{background-image: url(../image/bg-newsletter.jpg); text-align: center; background-size: cover;

    background-position: center;}

.newslezjform{box-sizing: inherit;}

.newslezjtitle{ font-weight: 400;    line-height: 1.4; font-size:28px;  font-size: 2.8rem; margin-bottom:30px; color:#fff; }

.newslezj{ margin:0 auto; flex: 0 0 66.6666666667%;    max-width: 66.6666666667%; padding:60px; padding-top:80px;}

.newslezjform .input-text {    background: #fff;    border: 1px solid #fff;    margin-right: 12px;    padding: 12px 15px;    line-height: 1; font-size:16px; font-size:1.6rem;}

.newslezjform .input-btn{min-width: 125px;color: #fff; border:#fff solid 1px;    text-align: center; font-size: 12px;    display: inline-block;    font-weight: normal;    font-style: italic;    line-height: 1;    padding: 0;    background: none;   text-align: left;    white-space: nowrap;    cursor: pointer;    text-transform: uppercase;    letter-spacing: 1px;    -webkit-transition: all .3s ease-out;    transition: all .3s ease-out; padding: 14px 15px; text-align:center;}

.newsletterdb .label-checkbox{

    display: block;

    font-family: "Oswald";

    font-size: 13px;

    font-style: italic;

    margin-top: 10px;

	color: #fff;

}

.newsletterdb a{color: #fff; }



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

	.newslezj{ max-width:100%;}

	}

	

@media (max-width: 780px){

.newslezjform {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

}

.newslezjform .input-text {

    width: 100%;

    max-width: 300px;

    margin: 0 10px 10px;

    order: 0;

}

.newslezjform .label-checkbox {

    flex-basis: 100%;

    order: 2;

    margin-bottom: 20px;

}

.newslezjform .input-btn{order: 3;}

}

@media (max-width: 520px){

	.newslezj{ padding:20px; padding-top:30px; }

		.newslezjtitle{ font-size: 18px;    font-size: 1.8rem;}

}

.newsletterdb .label-checkbox{

        font-style:normal;

}

.newslezjform .input-btn{

    font-style: normal;

}

.news-events{

    padding-bottom: 10px;

}

.newsletterdb .wp{

    margin-bottom: 10px;

}

.wrap .map{

    margin-bottom: 10px;

}

.page a{

    font-size:16px;

}



















.zhanhpy{

    display: none;

}