/*banner*/
.banner {margin: auto;position: relative;text-align: center;font-size: 0px;overflow: hidden; background-color: #000;}
.banner-item img {width: 100%;}
/* Slider */
.slick-list {overflow: hidden;outline: none;position: relative;}
.slick-slide {float: left;outline: none;}
.slick-track {position: relative;margin: auto;}
/* Dots */
.slick-dots {position: absolute;left: 0;bottom: 5%;width: 100%;display: block;}
.slick-dots li {display: inline-block;*display: inline;margin: 0px 10px;cursor: pointer;}
.slick-dots li span {vertical-align: middle;display: inline-block;width: 6px; height: 6px;background: #FFF;font-size: 0;border-radius: 50%;}
.slick-dots .slick-active {margin: 0 7px;}
.slick-dots .slick-active span {width: 6px;height: 6px;border: 3px solid #fabe00;border-radius: 50%;background: transparent;}
/*service*/
.banner .service {position: absolute;left: 0;bottom: 0;width: 100%;height: 19%;background: rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);}
.banner .service ul {overflow: hidden;height: 100%;}
.banner .service ul li {display: inline-block;width: 300px;height: 100%;text-align: left;}
.banner .service ul li {*display: inline;*vertical-align: top;}
.banner .service ul li em {vertical-align: middle;width:1px;height:120px;display: inline-block;background: #FFFFFF;opacity:0.5;filter:alpha(opacity=50);}
.banner .service ul li .last {float: right;}
.banner .service ul li .left {vertical-align: top;display: inline-block;margin-left: 13%;margin-top: 13%;width:11px;height:11px;border:2px solid #FFB736;opacity:0.6;filter:alpha(opacity=60);border-radius:50%;}
.banner .service ul li .left  {*display: inline}
.banner .service ul li .right {vertical-align: top;display: inline-block;margin-left: 10px;margin-top: 11%;color: #FFF;font-size: 14px;}
.banner .service ul li .right {*display: inline}
.banner .service ul li .right span{font-size: 18px;}


.video-container { padding-top: 20px; max-width: 100%;  margin: 0 auto; background-color: #000; }
.video-container .text { color: #FFFFFF;font-size: 36px; text-align: center; margin-bottom: 30px; margin-top: 20px; line-height: 70px; background: url(../img/text_bg.png) center 0 no-repeat; background-size: 23%;}
.video-container .content1 {max-width: 1240px; margin: 0 auto;}
.video-container .content1 .video {width: 1240px}

/*plate1*/
.plate1 {text-align: center;overflow: hidden; background-color: #000000 ;box-shadow: 0 -2px 2px -2px #fff inset;}
.plate1 .text { color: #FFFFFF;font-size: 36px; margin-bottom: 10px; margin-top: 20px; line-height: 70px; background: url(../img/text_bg.png) center 0 no-repeat; background-size: 23%;}
.plate1 .content1{margin-top: 40px;margin-bottom: 70px;font-size: 0; }
.plate1 .content1 .product_list {margin-top: 30px;margin-bottom: 70px; width: 25%; float: left;}
.plate1 .content1 .product_list .color {width: 95%; height: 20px; margin-top: 5px; place-items: center;}
.plate1 .content1 .product_list .color ul {}

.plate1 .content1 .product_list .color li { border-radius: 50%; cursor:pointer; width: 15px; height: 15px; float: left; background-color: #000000; margin: 4px 4px; border: 1px solid rgba(255,255,255,0.2);}
.plate1 .content1 .product_list .color li+li { background-color: #FFFFFF}
.plate1 .content1 .product_list .color li+li+li { background-color: #716b68 }
.plate1 .content1 .product_list .color li+li+li+li { background-color: #fcc602 }
.plate1 .content1 .product_list .color li+li+li+li+li { background-color: #f98753 }
.plate1 .content1 .product_list .color .select {}
.plate1 .content1 .product_list .color img{width: 16px; height: 16px; pointer-events: none;}
.plate1 .content1 .product_list .product_text {width: 100%;}
.plate1 .content1 .product_list .product_text p { color: #FFFFFF ; font-size: 18px; line-height:24px; margin-top:10px; margin-bottom:10px;}
.plate1 .content1 .product_list .product_text a { width: 190px; height: 40px; line-height: 40px; font-size: 16px; border: 1px solid #666; color: #FFFFFF ;border-radius: 35px; cursor:pointer; display: inline-table;}
.plate1 .content1 .product_list .product_img {width: 286px; height: 280px ; background-color: #fff;align-content: center;border-radius: 5px; margin-left: 10px;}
.plate1 .content1 .product_list .product_img img { width: 85%; }

/*plate2*/
.plate2 {text-align: center;background: url(../img/purchas.png) center 0 no-repeat;height: 880px; background-color: #000000; position: relative; box-shadow: 0 -2px 2px -2px #fff inset;}
.plate2 .content1 {padding-top: 250px}
.plate2 .content1 p {margin-bottom: 15px;font-size: 18px; color: #FFFFFF; font-size: 76px; font-weight: normal;font-style: italic;
text-transform: uppercase;}
.plate2 .content1 a {display:inline-block;width: 270px;height: 60px; font-size: 24px ;border: 1px solid #EBEBEB;line-height: 58px;color: #FFFFFF; border-radius: 35px; cursor:pointer; display: inline-table;}

/*plate3*/
.plate3 {text-align: center; background: url(../img/printing.png) center 0 no-repeat;height: 1080px; background-color: #000000; position: relative; box-shadow: 0 -2px 2px -2px #fff inset;}
.plate3 .content {padding-top: 200px; }
.plate3 .content p {margin-bottom: 15px;font-size: 18px; color: #FFFFFF; font-size: 60px; font-weight: normal;font-style: italic;}
.plate3 .content .phone {width: 606px; margin: 0 auto; margin-top: 220px;}
.plate3 .content .phone .phone_bg {background: url(../img/phone.png) center 0 no-repeat; background-color: rgba(17,23,29,.7); width: 606px; height: 300px}
.plate3 .content .phone .phone_bg .support_mail {line-height: 100px}
.plate3 .content .phone .phone_bg h1 {color: #FFFFFF; font-size: 26px; padding-top: 40px}
.plate3 .content .phone .phone_bg a { width: 360px; height: 60px; border: 1px solid #E1E1E2; line-height: 60px; font-size: 24px; color: #FFFFFF ;border-radius: 35px; cursor:pointer; display: inline-table; }
.black { display: none; }

/*plate4*/
.plate4 {margin: auto;overflow: hidden;color: #666666; background-color: #000000; }
.plate4 .content {width: 1220px;margin: auto; height: 330px;margin-top: 80px; margin-bottom:30px;}
.plate4 .content .left {float: left; width: 890px;}
.plate4 .content .left h1 {margin-top: 70px;color: #FFFFFF;font-size: 36px;line-height: 40px;}
.plate4 .content .left p {margin-top: 30px;font-size: 24px; color: #999999; line-height: 32px;}
.plate4 .content .right {float: right; width: 330px;height: 252px;}


/*plate5*/
.plate5 {text-align: center; background: url(../img/distributor.png) center 0 no-repeat;height: 680px; background-color: #000000; position: relative; }
.plate5 .content {width: 1220px;margin: auto;color: #666666;margin-top: 40px;margin-bottom: 100px;overflow: hidden;}
.plate5 .content h1 {color: #FFFFFF;font-size: 30px;line-height: 30px;margin-top: 70px;margin-bottom: 40px;}
.plate5 .content .list {float: left;}
.plate5 .content .list_one {float: left; background: url(../img/k_1.png) center 0 no-repeat; background-color: rgba(17,23,29,.8);width:550px; margin: 15px 15px; height: 235px; padding: 0 15px;}
.plate5 .content .list_one .up { height: 60px; margin: 15px 0 }
.plate5 .content .list_one .up p {width: 90px; float: left; line-height: 30px}
.plate5 .content .list_one .up p+p { position: relative;z-index: 2; font-size: 24px; color: #FFFFFF; text-align: left; line-height: 56px; float: left; width: 65%}
.plate5 .content .list_one .down p { font-size: 18px; color: #C7C7C7 ; text-align: left;;}


/*scroll*/
.scroll {max-width: 1130px;margin: auto;margin-bottom: 94px;position: relative;padding: 0 35px;text-align: center;font-size: 0;overflow: hidden;}
.scroll-item img {height: 48px;}

/*plate6*/
.plate6 {text-align: center;background: #000000; box-shadow: 0 -2px 2px -2px #fff inset; padding-bottom: 50px}
.plate6 h1 {font-size: 36px;line-height: 44px;padding-top: 54px;margin-bottom: 10px; color: #FFFFFF; margin: 0 auto; width: 900px }
.plate6 p {font-size: 24px; color: #999999;margin-top:20px;}
.plate6 a {width: 240px; height: 60px; line-height: 60px; font-size: 24px; border: 1px solid #666; color: #FFFFFF ;border-radius: 35px; cursor:pointer; display: inline-table;}



/*适配*/
@media only screen and (min-width: 1199px) {
	html{font-size: 100px !important;}
}
@media screen and (min-width: 1200px) and (max-width: 1440px) {
	.banner .service ul li .left {margin-top: 8%;}
	.banner .service ul li .right {margin-top: 6%;}
}
@media only screen and (max-width: 1199px) {
body {min-width:320px;-webkit-tap-highlight-color:transparent;}
.navigation-bar {display: none;}
.header {display: block;}
.nav {display: block;}
/*banner*/
.slick-dots .slick-active {margin: 0 9px;}
.slick-dots .slick-active span {border: 1px solid #fabe00;}
.banner .service {height: auto;}
.banner .service ul li {width: 2.9rem;height: 2.3rem;vertical-align: bottom;}
.banner .service ul li em {height: 2.3rem;}
.banner .service ul li:first-of-type em {display: none;}
.banner .service ul li .last {display: none;}
.banner .service ul li .left {width: 0.2rem;height: 0.2rem;margin-left: 0.48rem;margin-top: 0.58rem;border:1px solid #FFB736;opacity: 1;}
.banner .service ul li .right {width: 1.5rem;font-size: 0.28rem;margin-left: 0.24rem;margin-top: 0.48rem;}
.banner .service ul li .right span{font-size: 0.38rem;}
/*移动返回栏*/
.go_back {display: block;}
/*版权*/
.copyright {padding: 0.48rem 0.32rem;font-size: 0.25rem;height: auto;line-height: inherit;}
.copyright p {width: 11.35rem;margin: auto;}
.copyright span {float: right;}

.video-container { padding: 0.3rem 0.3rem; }
.video-container .text {font-size: 0.6rem; margin-top: 0.5rem; margin-bottom: 0.5rem; background-size: 52%; line-height: 1.2rem;}
.video-container .content1 {width: 100%; margin: 0 auto;}
.video-container .content1 .video {width: 100%}

	
/*plate1*/
.plate1 {padding-bottom: 0.8rem}
.plate1 .text {font-size: 0.6rem; margin-top: 0.5rem; margin-bottom: 0.5rem; background-size: 52%; line-height: 1.2rem;}
.plate1 .content1 {margin-top: 0.64rem;margin-bottom: 1.12rem;}
.plate1 .content1 .product_list {width: 100%;border-radius: 0; margin-bottom: 0.1rem; margin-top: 0.3rem}
.plate1 .content1 .product_list .color { place-items: normal; margin-top: 1.3rem;}
.plate1 .content1 .product_list .color li { width: 0.5rem; height: 0.5rem;}
.plate1 .content1 .product_list .color li:nth-child(1) {margin-left: 1rem}
.plate1 .content1 .product_list .Foma li:nth-child(1) {margin-left: 2.2rem}
.plate1 .content1 .product_list .color img{width: 0.5rem; height: 0.5rem; pointer-events: none;}
.plate1 .content1 .product_list .product_img {width: 45%; height: 100%;float: left; margin-left: 3%; margin-right: 2%;}
.plate1 .content1 .product_list .product_img img {width: 90%; text-align: center; border-radius: 5px;}
.plate1 .content1 .product_list .product_text {width: 50% ;float: left;}
.plate1 .content1 .product_list .product_text p {font-size: 0.4rem; margin-top: 0.3rem; margin-bottom: 0.2rem; line-height: 0.6rem;}
.plate1 .content1 .product_list .product_text a {width: 5rem; font-size: 0.5rem; line-height: 1rem; height: 1rem}

/*plate2*/
.plate2 {background: url(../img/m_purchas.png) center 0 no-repeat;height: 80%;background-size: cover; background-color: #000000; padding-bottom: 1rem;}
.plate2 .content1 {padding-top: 6rem; text-align: center;}
.plate2 .content1 p {font-size: 0.7rem;margin-bottom: 0.45rem; line-height: 1.3rem; font-weight: normal;}
.plate2 .content1 a {width: 190px; height: 40px; line-height: 40px; font-size: 16px; color: #FFFFFF ;border-radius: 35px; cursor:pointer; display: inline-table;}

/*plate3*/
.plate3 {background: url(../img/m_printing.png) center 0 no-repeat;height: 64%;background-size: cover; padding-bottom: 3rem;background-color: #000000; box-shadow: 0 0px 0px 0px #fff inset;}
.plate3 .content {padding-top: 4rem; text-align: center;}
.plate3 .content p {font-size: 0.6rem;margin-bottom: 0.45rem; line-height: 1rem; font-weight: normal;}
.plate3 .content .phone {padding: 0 20px; ;height: 2rem; width: auto; margin: auto;}
.plate3 .content .phone .phone_bg {background: url(../img/m_phone.png) center 0 no-repeat; width: auto; height: auto; background-color: rgba(17,23,29,.7); background-size: 100% 100%; margin: 4.1rem 0.4rem 0 0.4rem; padding: 0.6rem 0.6rem 2.5rem 0.6rem;}
.plate3 .content .phone .phone_bg h1 {color: #FFFFFF; font-size: 0.6rem; padding-top: 0rem;}
.plate3 .content .phone .phone_bg .support_mail {line-height: 0rem}
.plate3 .content .phone .phone_bg a { width: 240px; height: 40px; margin-top: 1rem;border: 1px solid #E1E1E2; line-height: 40px; font-size: 16px; color: #FFFFFF ;border-radius: 35px; cursor:pointer; display: inline-table; }
.black { display: block; }

/*plate4*/
.plate4 {height: 11rem; position: relative; background-color: #000000; background: url(../img/m_cooperate.png) center 0 no-repeat; background-size: 100% 100%; padding: 0.3rem}
.plate4 .content { display: none; }

/*plate5*/
.plate5 {background: url(../img/m_distributor.png) center 0 no-repeat; height: 64%;background-size: cover; background-color: #000000;}
.plate5 .content {width: 100%;margin-top: 0.98rem;margin-bottom: 0;}
.plate5 .content h1 { font-size: 0.8rem; line-height: 1rem; color: #FFFFFF; margin-top: 1.2rem; margin-bottom:1rem;}
.plate5 .content .list {padding: 0 0.4rem}
.plate5 .content .list_one {background: url(../img/m_k_1.png) center 0 no-repeat; background-color: rgba(17,23,29,.7); background-size: 100% 100% ; width: 100%;margin: auto; padding: 0; height: 5.1rem;margin-bottom: 0.5rem}
.plate5 .content .list_one .up {height: 1.7rem; margin: 0;}
.plate5 .content .list_one .up p {width: 2rem; float: left; line-height: 1.5rem;}
.plate5 .content .list_one .up p img {width: 1rem}
.plate5 .content .list_one .up p+p {font-size: 0.5rem; line-height: 1.5rem; margin-top: 0.1rem;}
.plate5 .content .list_one .down p{ font-size: 0.4rem;line-height: 0.55rem; padding: 0 0.4rem;}

/*scroll*/
.scroll {display: none;}
/*plate6*/
.plate6 {}
.plate6 h1 { font-size: 0.6rem; line-height: 0.9rem; padding-top: 1rem; margin-bottom: 0.4rem; color: #FFFFFF; width: 11rem;}
.plate6 p {font-size: 0.4rem; margin-top: 0.5rem; margin-bottom: 1rem; color: #999999; padding: 0 1.6rem;}
.plate6 a {width: 6rem; height: 1.4rem; line-height: 1.4rem; font-size: 0.7rem;}
}
@media only screen and (max-width: 320px) {
	html{font-size: 26.6889px !important;}
}