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

.product-data-top{ position: fixed; z-index: 9; width: 100%; padding: 40px 10% 0; top: 100px; left: 50%; transform: translateX(-50%); background:#66666600; }
.product-data-top .box{ height: 30px; border-bottom: 1px solid rgba(181, 181, 181, .5); }
.product-data-top .title{ font-size: 1.6em; color: #fff; font-weight: normal; float: left; margin: 0;}
.product-data-top .other{ float: right; height: 40px; line-height: 40px; margin-top: -24px;}
.product-data-top .other li{ float: left; color: #fff; font-size: 1.6em; padding: 0 30px;}
.product-data-top .other li a{ display: inline-block; color: #fff;}
.product-data-top .other li:last-child{ padding-right: 0;}
.product-data-top .other li:last-child a{ width: 90px; height: 32px; border-radius: 20px; background: #ff691e; line-height: 32px; padding: 0; text-align: center; }
.product-data-top .other li:first-child a{ color: #ff7200;}
.product-data-top .other li:hover a{ color: #ff7200;}
.product-data-top .other li:last-child:hover a{ background: #fff;}

.product-data-top.on{ background: #66666630; }
.product-data-top.on .box{ border-bottom: none;}

/********************c6100*********************/
.c6100-box1{ position: relative;}
.c6100-box1 .text{ position: absolute; top: 50%; transform: translateY(-50%); padding: 0 10%; width: 100%; color: #fff;}
.c6100-box1 .text .title{ font-size: 10.5em; font-weight: bold;}
.c6100-box1 .text .p{ font-size: 5.4em;}
.c6100-box1 .img{ position: absolute; top: 50%; transform: translateY(-40%); right: 8%; width: 35%;}

.c6100-box2{ position: relative;}
.c6100-box2 .top{ color: #fff; letter-spacing: 5px; position: absolute; top: 8%; width: 100%;}
.c6100-box2 .top .title{ font-size: 7em; font-weight: bold; text-align: center;}
.c6100-box2 .top .text{ font-size: 3em; line-height: 48px; padding: 0 24%; margin-top: 2.5%;}
.c6100-box2 .list{ position: absolute; bottom: 12%; width: 100%; padding: 0 10%;}
.c6100-box2 .list li{ text-align: center;}
.c6100-box2 .list li .icon{ margin-bottom: 25px;}
.c6100-box2 .list li .icon img{ max-height: 100%;}
.c6100-box2 .list li .text{ font-size: 2.6em; line-height: 34px; color: #fff; font-weight: 100;}

.c6100-box3{ position: relative;}
.c6100-box3 .text{ position: absolute; top: 50%; transform: translateY(-40%); color: #fff; width: 100%; padding: 0 10%;}
.c6100-box3 .text .title{ font-size: 7em; font-weight: bold;}
.c6100-box3 .text .p{ font-size: 2.4em; line-height: 36px; width: 38%; margin-top: 3.2%;}
.c6100-box3 .text .other{ font-size: 6em; margin-top: 3%;}
.c6100-box3 .img{ position: absolute; top: 50%; transform: translateY(-40%); right: 9%; width: 50%;}

.c6100-box4{ position: relative;}
.c6100-box4 .text{ position: absolute; top: 50%; transform: translateY(-40%); color: #fff; right: 4%; width: 32%;}
.c6100-box4 .text .title{ font-size: 7em; font-weight: bold;}
.c6100-box4 .text .p{ font-size: 2.4em; line-height: 36px; margin-top: 6%;}
.c6100-box4 .text .other{ font-size: 6em; margin-top: 6%;}

.c6100-box5{ position: relative;}
.c6100-box5 .top{ color: #fff; letter-spacing: 5px; position: absolute; top: 6%; width: 100%;}
.c6100-box5 .top .title{ font-size: 7em; font-weight: bold; text-align: center;}
.c6100-box5 .top .text{ font-size: 3em; line-height: 48px; padding: 0 10%; margin-top: 2%; text-align: center;}

.c6100-box6{ position: relative; padding: 4% 2.5%; overflow: hidden;}
.c6100-box6 .text{ float: left; width: 33.33333%; position: relative;}
.c6100-box6 .text .box{ position: absolute; margin-top: 50%; transform: translateY(-50%); padding: 0 8% 0 4%; }
.c6100-box6 .text .title{ font-size: 7em; font-weight: bold; line-height: 80px;}
.c6100-box6 .text .p{ font-size: 3em; margin-top: 10%;}
.c6100-box6 .img{ float: right; width: 66.666667%;}

.c6100-box8{ background: #e0e4eb; padding: 0 3% 6%;}
.c6100-box8 .top{ font-size: 7em; color: #000; text-align: center; font-weight: bold; letter-spacing: 5px; padding: 3% 0;}
.c6100-box8 .list{ overflow: hidden; border-radius: 80px;}
.c6100-box8 .list li{ float: left; width: 50%; position: relative;}
.c6100-box8 .list li .img{ position: relative; z-index: 0;}
.c6100-box8 .list li .img img{ position: relative; z-index: 0;}
.c6100-box8 .list li .img::before{ content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.3); z-index: 1;}
.c6100-box8 .list li .title{ position: absolute; z-index: 1;  font-weight: bold; font-size: 5em; color: #fff; letter-spacing: 5px; width: 100%; top: 50%; transform: translateY(-50%); text-align: center;}

.c6100-box9{ background: url(../images/product-page/c6100/C6100_box9-bg.jpg) no-repeat center top; background-size: cover; padding: 6% 10%;}
.c6100-box9 .top{ font-size: 7em; color: #fff; border-bottom: 2px solid #fff;     line-height: 80px; padding: 20px 0;}
.c6100-box9 .list{ overflow: hidden; padding-top: 6%;}
.c6100-box9 .list li{ margin-bottom: 3%;}
.c6100-box9 .list li .icon{ float: left; padding-top: 20px; padding-right: 15px;}
.c6100-box9 .list li .text{ float: left;}
.c6100-box9 .list li .text .t{ font-size: 3.2em; font-weight: bold; color: #fff;}
.c6100-box9 .list li .text .p{ font-size: 3.2em; color: rgba(255, 255, 255, .7); font-weight: 100; margin-top: 20px;}
.c6100-box9 .list li .text .p span{ display: inline-block; width: 40px;}
.c6100-box9 .list li.col-md-4 .icon{ width: 26%;}
.c6100-box9 .list li.col-md-4 .text{ width: 74%;}
.c6100-box9 .list li.col-md-6 .icon{ width: 17%;}
.c6100-box9 .list li.col-md-6 .text{ width: 83%;}
.c6100-box9 .list li.col-xs-12 .icon{ width: 8.34%;}
.c6100-box9 .list li.col-xs-12 .text{ width: 90.76%;}

/********************h3200**********************/
.h3200-box1{ position: relative; overflow: hidden;}
.h3200-box1 .text{ position: absolute; width: 100%; padding: 0 10%; top: 60%; transform: translateY(-50%); color: #fff;}
.h3200-box1 .text .title{ font-size: 10.5em; font-weight: bold;}
.h3200-box1 .text .p{ font-size: 7.2em; margin-top: 20px;}
.h3200-box1 .img{ position: absolute; right: 10%; bottom: 0; width: 24%;}

.h3200-box2{ overflow: hidden; background: #000; padding: 4% .98%;}
.h3200-box2 li{ text-align: center; padding: 0 35px; float: left; width: 32.15%;}
.h3200-box2 li:first-child{ width: 35.7%;}

.h3200-box3{ position: relative; overflow: hidden;}
.h3200-box3 .img{ position: absolute; z-index: 1; left: 5%; top: 50%; transform: translateY(-50%); width: 57%;}
.h3200-box3 .text{ position: absolute; z-index: 0; color: #fff; right: 5%; width: 31%; top: 50%; transform: translateY(-40%);}
.h3200-box3 .text .title{ font-size: 7em; font-weight: bold;}
.h3200-box3 .text .p{ font-size: 3.4em; line-height: 60px; margin-top: 8%;}

.h3200-box4{ position: relative; overflow: hidden;}
.h3200-box4 .img{ position: absolute; z-index: 1; right: 5%; top: 50%; transform: translateY(-50%); width: 63%;}
.h3200-box4 .text{ position: absolute; z-index: 0; color: #fff; left: 5%; width: 31%; top: 50%; transform: translateY(-50%);}
.h3200-box4 .text .title{ font-size: 7em; font-weight: bold;}
.h3200-box4 .text .p{ font-size: 3.4em; line-height: 60px; margin-top: 8%;}

.h3200-box5{ overflow: hidden;}
.h3200-box5 li{ float: left; width: 50%; position: relative;}
.h3200-box5 li .img{ position: relative; z-index: 0;}
.h3200-box5 li .title{ position: absolute; z-index: 1; width: 100%; text-align: center; top: 50%; transform: translateY(-50%); font-size: 11.8em; color: #fff; letter-spacing: 5px; font-weight: bold;}

.h3200-box6{ overflow: hidden; padding: 4% 5%;}
.h3200-box6 li.col-md-5{ padding: 0 25px 0 0;}
.h3200-box6 li.col-md-7{ padding: 0 0 0 25px;}
.h3200-box6 li .box, .h3200-box6 li .img{ border: 1px solid #000; border-radius: 40px; overflow: hidden;}
.h3200-box6 li .box{ color: #3c3c3c; position: relative;}
.h3200-box6 li .box .text{ position: absolute; top: 50%; transform: translateY(-50%);padding: 0 10%; width: 100%;}
.h3200-box6 li .box .title{ font-size: 7em; font-weight: bold; }
.h3200-box6 li .box .p{ font-size: 3.4em; line-height: 60px; margin-top: 10%;}
.h3200-box6 li .img{ text-align: center;}

.h3200-box7{ position: relative;}
.h3200-box7 .top{ position: absolute; top: 8%; color: #fff; width: 100%;}
.h3200-box7 .top .title{ font-size: 8em; text-align: center; font-weight: bold; letter-spacing: 5px;}
.h3200-box7 .top .text{ font-size: 3.4em; line-height: 60px; padding: 0 28%; margin-top: 2%;}

.h3200-box8{ padding: 5% 5% 0; overflow: hidden;}
.h3200-box8 ul{ margin: 0 -6px;}
.h3200-box8 li{  padding: 0 40px; margin-bottom: 80px;}
.h3200-box8 li .img{ position: relative; z-index: 0; border-radius: 40px; overflow: hidden;}
.h3200-box8 li .title{ position: absolute; z-index: 1; width: 100%; font-size: 8.4em; color: #fff; text-align: center; bottom: 0; left: 0; letter-spacing: 5px; font-weight: bold;}
.h3200-box8 li .text{ position: absolute; top: 50%; transform: translateY(-50%);  color: #fff; width: 100%; padding: 0 10%;}
.h3200-box8 li .text .t{ font-size: 8.4em; font-weight: bold;}
.h3200-box8 li .text .p{ font-size: 3.4em; margin-top: 30px; width: 36%;}

.h3200-box9{ background: url(../images/product-page/box9-bg.jpg) no-repeat center; background-size: cover;}
.h3200-box9 .box{ padding: 60px 10% 80px; overflow: hidden;}
.h3200-box9 .box .top{ color: #fff; border-bottom: 2px solid #fff; padding-bottom: 25px;}
.h3200-box9 .box .top .t{ font-size: 5.8em; text-transform: uppercase;}
.h3200-box9 .box .top .p{ font-size: 4em; margin-top: 10px;}
.h3200-box9 .box .list{ padding: 85px 0 0; overflow: hidden;}
.h3200-box9 .box .list li{ float: left; overflow: hidden; margin-bottom: 70px;}
.h3200-box9 .box .list li .icon{ float: left; padding-top: 12px;}
.h3200-box9 .box .list li .text{ float: left;}
.h3200-box9 .box .list li .text .t{ font-size: 2em; color: #fff; font-weight: bold;}
.h3200-box9 .box .list li .text .p{ font-size: 1.6em; color: rgba(255,255,255,.7); line-height: 24px; margin: 10px 0 ;}
.h3200-box9 .box .list li .text .p p{ text-align: left;}
.h3200-box9 .box .list li.ys1{ width: 25%;}
.h3200-box9 .box .list li.ys1 .icon{ width: 21%;}
.h3200-box9 .box .list li.ys1 .text{ width: 78%;}
.h3200-box9 .box .list li.ys2{ width: 50%;}
.h3200-box9 .box .list li.ys2 .icon{ width: 10.5%;}
.h3200-box9 .box .list li.ys2 .text{ width: 84.5%; text-transform: uppercase;}
.h3200-box9 .box .bz{ text-align: right; font-size: 1.6em; color: #fff; font-weight: bold; border-bottom: 2px solid #fff; padding-bottom: 10px;}

/********************nb801**********************/
.nb801-box1{ position: relative;}
.nb801-box1 .text{ position: absolute; top: 50%; transform: translateY(-25%); width: 100%; padding: 0 10% 0 16%; color: #fff;}
.nb801-box1 .text .title{ font-size: 9.8em; font-weight: bold; letter-spacing: 10px;}
.nb801-box1 .text .p{ font-size: 6.4em; letter-spacing: 10px; margin-top: 10px;}
.nb801-box1 .img{ position: absolute; top: 50%; transform: translateY(-32%); right: 10%; width: 35%;}

.nb801-box2{ position: relative;}
.nb801-box2 .top{ position: absolute; width: 100%; margin-top: 2.5%; color: #000; }
.nb801-box2 .top .title{ font-size: 7em; font-weight: bold; text-align: center;}
.nb801-box2 .top .text{ font-size: 3em; line-height: 40px; padding: 0 32%; margin-top: 2.5%;}

.nb801-box3{ overflow: hidden; background: #000; padding: 5.2% 3.35%;}
.nb801-box3 ul{ margin: 0 -18px;}
.nb801-box3 li{ float: left; padding: 0 18px;}
.nb801-box3 li.img1{ width: 33.7%;}
.nb801-box3 li.img2{ width: 66.3%;}

.nb801-box4{ position: relative;}
.nb801-box4 .text{ position: absolute; width: 100%; padding: 0 10% 0 16%; top: 50%; transform: translateY(-30%); color: #fff;}
.nb801-box4 .text .title{ font-size: 6em; font-weight: bold;}
.nb801-box4 .text .t{ font-size: 3.6em;}
.nb801-box4 .text .p{ font-size: 2.8em; line-height: 38px; width: 32%; margin-top: 40px;}

.nb801-box5{ position: relative;}
.nb801-box5 .top{ position: absolute; width: 100%; margin-top: 3%; text-align: center; color: #fff;}
.nb801-box5 .top .title{ font-size: 7em; font-weight: bold; }
.nb801-box5 .top .text{ font-size: 6em; line-height: 40px; margin-top: 2%;}

.nb801-box6{ position: relative; background: #000; overflow: hidden; padding: 3% 10%;}
.nb801-box6 .text{ position: relative; width: 50%; float: left;}
.nb801-box6 .text .box{ color: #fff; padding: 0 14%; margin-top: 50%; transform: translateY(-50%);}
.nb801-box6 .text .title{ font-size: 7em; font-weight: bold; letter-spacing: 5px;}
.nb801-box6 .text .p{ font-size: 1.8em; line-height: 40px; margin-top: 10%; letter-spacing: 3px;}
.nb801-box6 .img{ width: 50%; float: right; text-align: center;}

/********************h3100**********************/
.h3100-box1{ position: relative;}
.h3100-box1 .text{ position: absolute; top: 50%; transform: translateY(-34%); width: 100%; padding: 0 10%; color: #fff;}
.h3100-box1 .text .title{ font-size: 11em; font-weight: bold;}
.h3100-box1 .text .p{ font-size: 6.4em; margin-top: 10px; }
.h3100-box1 .img{ position: absolute; top: 50%; transform: translateY(-34%); right: 10%; width: 32%;}

.h3100-box2{ position: relative;}
.h3100-box2 .top{ position: absolute; width: 100%; margin-top: 5.5%; color: #fff; }
.h3100-box2 .top .title{ font-size: 6em; font-weight: bold; text-align: center;}
.h3100-box2 .top .text{ font-size: 3em; line-height: 48px; padding: 0 28%; margin-top: 2.5%;}

.h3100-box3{ position: relative; background: #000; overflow: hidden;}
.h3100-box3 .text{ position: absolute; right: 10%; top: 50%; transform: translateY(-35%); color: #fff; width: 28%;}
.h3100-box3 .text .title{ font-size: 6em; font-weight: bold;}
.h3100-box3 .text .p{ font-size: 3em; letter-spacing: 2px; margin-top: 10%;}

.h3100-box4{ background: url(../images/product-page/box9-bg.jpg) no-repeat center; background-size: cover; padding-bottom: 100px;}
.h3100-box4 li{ padding: 0 10%; text-align: center;}
.h3100-box4 li .title{ font-size: 5em; color: #fff; text-align: center; font-weight: bold; padding-top: 60px;}
.h3100-box4 li .img{ margin-top: 40px; padding: 0 10%; position: relative;}
.h3100-box4 li .img img{ position: relative; z-index: 0;}
.h3100-box4 li .text{ position: absolute; z-index: 1; top: 50%; transform: translateY(-40%); color: #fff; width: 28%; text-align: left; left: 15%;}
.h3100-box4 li .text .p{ font-size: 2.2em; text-align: justify;}
.h3100-box4 li .text .other{ font-size: 6.6em; font-weight: bold; margin-top: 8%;}

.h3100-box5{ background: #0b0b0b; padding: 100px 18%;}
.h3100-box5 li{ text-align: center;}
.h3100-box5 li+li{ margin-top: 30px;}

.h3100-box6{ position: relative; margin: 0 -82px; overflow: hidden;}
.h3100-box6 .box{ width: 25%; float: left; height: 900px; position: relative; 
 transform: skewX(-10deg); overflow: hidden; transition: all .5s;}
.h3100-box6 .box img{ position: absolute; top: 50%; left: -82px; max-width: inherit;  transform: translateY(-50%) skewX(10deg); z-index: 0;}
.h3100-box6 .box .title{ position: absolute; z-index: 2; font-size: 6.4em; color: #fff; font-weight: bold; letter-spacing: 5px; width: 100%; top: 50%; transform: translateY(-120%) skewX(10deg); text-align: center;}
.h3100-box6 .box::before{ content: ""; position: absolute; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0,.2);}
.h3100-box6 .box.on:hover{ width: 36%;}
.h3100-box6:hover .box{ width: 21.33333%;}

/********************h3000**********************/
.h3000-box1{ position: relative; overflow: hidden;}
.h3000-box1 .text{ position: absolute; top: 50%; transform: translateY(-24%); width: 100%; padding: 0 10%; color: #fff; letter-spacing: 5px;}
.h3000-box1 .text .title{ font-size: 10em; font-weight: bold; line-height: 90px;}
.h3000-box1 .text .p{ font-size: 5em;}
.h3000-box1 .text .p2{ font-size: 4.8em; font-weight: 100; margin-top: 30px;}
.h3000-box1 .img{ position: absolute; top: 50%; transform: translateY(-34%); right: 10%; width: 47%;}

.h3000-box2{ position: relative; overflow: hidden;}
.h3000-box2 .top{ position: absolute; top: 8%; color: #fff; width: 100%;}
.h3000-box2 .top .title{ font-size: 7em; font-weight: bold; text-align: center;}
.h3000-box2 .top .text{ font-size: 3em; margin-top: 1.5%; padding: 0 23%;}

.h3000-box3{ position: relative; overflow: hidden;}
.h3000-box3 .text{ position: absolute; top: 50%; transform: translateY(-45%); width: 100%; padding: 0 16%; color: #fff;}
.h3000-box3 .text .title{ font-size: 6em; font-weight: bold;}
.h3000-box3 .text .t{ font-size: 3.4em; font-weight: bold; margin-top: 5px;}
.h3000-box3 .text .p{ font-size: 3em; margin-top: 40px; width: 50%;}
.h3000-box3 .img{ position: absolute; top: 50%; transform: translateY(-35%); right: 10%; width: 37%;}

.h3000-box4{ position: relative; overflow: hidden;}
.h3000-box4 .top{ position: absolute; top: 5%; color: #fff; width: 100%;}
.h3000-box4 .top .title{ font-size: 7em; font-weight: bold; text-align: center;}
.h3000-box4 .top .text{ font-size: 3em; margin-top: 1.5%; padding: 0 33%;}

.h3000-box5{ position: relative; overflow: hidden; background: #232429; padding: 50px 0;}
.h3000-box5 .top{ color: #fff; width: 100%; letter-spacing: 5px;}
.h3000-box5 .top .title{ font-size: 6em; font-weight: bold; text-align: center;}
.h3000-box5 .top .t{ font-size: 3.8em; text-align: center; font-weight: bold;}
.h3000-box5 .top .text{ font-size: 3em; margin-top: 1.5%; text-align: center;}
.h3000-box5 .list{ padding: 0 4%; margin-top: 5%; overflow: hidden;}
.h3000-box5 .list li{ float: left; width: 33.33333%; padding: 0 30px; margin-bottom: 30px;}
.h3000-box5 .list li .title{ font-size: 4em; color: #fff; text-align: center; letter-spacing: 2px; margin-top: 25px;}

.h3000-box6{ position: relative; overflow: hidden; background: #000;}
.h3000-box6 .text{ position: absolute; top: 50%; right: 10%; transform: translateY(-35%); color: #fff; width: 28%;}
.h3000-box6 .text .t{ font-size: 3.4em;}
.h3000-box6 .text .title{ font-size: 6em; font-weight: bold;}
.h3000-box6 .text .p{ font-size: 3em; margin-top: 35px;}

.h3000-box7{ position: relative; overflow: hidden; background: #000;}
.h3000-box7 .text{ position: absolute; top: 50%; transform: translateY(-35%); color: #fff; width: 100%; padding: 0 10%;}
.h3000-box7 .text .t{ font-size: 3.4em;}
.h3000-box7 .text .title{ font-size: 6em; font-weight: bold;}
.h3000-box7 .text .p{ font-size: 3em; margin-top: 35px; width: 35%;}

/********************bj6100**********************/
.bj6100-box1{ position: relative; overflow: hidden;}
.bj6100-box1 .text{ position: absolute; top: 50%; transform: translateY(-30%); width: 100%; padding: 0 10%; color: #fff; letter-spacing: 5px;}
.bj6100-box1 .text .title{ font-size: 10.5em; font-weight: bold; line-height: 90px;}
.bj6100-box1 .text .p{ font-size: 4.5em; margin-top: 20px;}

.bj6100-box2{ position: relative;}
.bj6100-box2 .top{ color: #fff; letter-spacing: 5px; position: absolute; top: 8%; width: 100%;}
.bj6100-box2 .top .title{ font-size: 7em; font-weight: bold; text-align: center;}
.bj6100-box2 .top .text{ font-size: 3em; line-height: 48px; padding: 0 24%; margin-top: 2.5%;}
.bj6100-box2 .list{ position: absolute; bottom: 12%; width: 100%; padding: 0 10%;}
.bj6100-box2 .list li{ text-align: center;}
.bj6100-box2 .list li .icon{ margin-bottom: 25px;}
.bj6100-box2 .list li .icon img{ max-height: 100%;}
.bj6100-box2 .list li .text{ font-size: 2.6em; line-height: 34px; color: #fff; font-weight: 100;}

.bj6100-box3{ position: relative; overflow: hidden;}
.bj6100-box3 .text{ color: #fff; top: 50%; position: absolute; padding: 0 10%; transform: translateY(-50%);}
.bj6100-box3 .text .title{ font-size: 7em; font-weight: bold;}
.bj6100-box3 .text .p{ font-size: 2.4em; width: 30%; text-align: justify; margin-top: 30px;}
.bj6100-box3 .text .other{ font-size: 6em; margin-top: 40px;}
.bj6100-box3 .img{ position: absolute; right: 10%; top: 50%; transform: translateY(-50%); width: 44.3%;}

.bj6100-box4{ position: relative; overflow: hidden;}
.bj6100-box4 .text{ position: absolute; right: 6%; color: #fff; top: 50%; transform: translateY(-35%); width: 30%;}
.bj6100-box4 .text .title{ font-size: 7em; font-weight: bold;}
.bj6100-box4 .text .p{ font-size: 2.4em; text-align: justify; margin-top: 30px;}
.bj6100-box4 .text .other{ font-size: 6em; margin-top: 40px;}

.bj6100-box6{ position: relative; overflow: hidden;}
.bj6100-box6 .text{ position: absolute; color: #fff; top: 50%; transform: translateY(-50%); padding: 0 10% 0 15%;}
.bj6100-box6 .text .title{ font-size: 7em; font-weight: bold;}
.bj6100-box6 .text .p{ font-size: 3em; width: 33%; margin-top: 30px;}
.bj6100-box6 .img{ position: absolute; top: 50%; transform: translateY(-50%); right: 10%; width: 35.4%;}

.bj6100-box7{ overflow: hidden; position: relative;}
.bj6100-box7 li{ overflow: hidden; background: #121212;}
.bj6100-box7 li .img{ width: 54.4%; float: left;}
.bj6100-box7 li .text{ width: 45.6%; float: left; color: #fff; position: relative;}
.bj6100-box7 li .text .box{ padding: 10% 14% 12%;}
.bj6100-box7 li .text .t{ font-size: 20em; font-weight: bold;}
.bj6100-box7 li .text .p{ font-size: 4.6em; font-weight: 100;}
.bj6100-box7 li .text i{ display: inline-block; width: 178px; height: 32px; background: #ff4100; margin-top: 6%;}
.bj6100-box7 li:nth-child(2n) .img{ float: right;}

/********************bj6200**********************/
.bj6200-box1{ position: relative; overflow: hidden;}
.bj6200-box1 .text{ position: absolute; top: 50%; transform: translateY(-25%); width: 100%; padding: 0 10%; color: #fff; letter-spacing: 5px;}
.bj6200-box1 .text .title{ font-size: 10.5em; font-weight: bold; line-height: 90px;}
.bj6200-box1 .text .p{ font-size: 4.5em; margin-top: 40px;}
.bj6200-box1 .img{ position: absolute; top: 50%; right: 10%; transform: translateY(-34%); width: 30%;}

.bj6200-box2{ position: relative; overflow: hidden;}
.bj6200-box2 .top{ position: absolute; top: 6%; width: 100%; color: #fff; text-align: center; padding: 0 10%;}
.bj6200-box2 .top .t{ font-size: 8em; font-weight: bold;}
.bj6200-box2 .top .p{ font-size: 3em; margin-top: 20px;}
.bj6200-box2 .text{ position: absolute; bottom: 10%; left: 50%; transform: translateX(-50%); width: 1070px; border-radius: 25px; border: 2px solid #fff;}
.bj6200-box2 .text ul{ padding: 25px 45px; overflow: hidden;}
.bj6200-box2 .text li{ float: left; overflow: hidden; color: #fff;}
.bj6200-box2 .text li .icon{ float: left; margin-right: 10px;}
.bj6200-box2 .text li .b{ float: left;}
.bj6200-box2 .text li .t{ font-size: 2.2em; font-weight: bold; color: #fff; text-shadow:2px 2px 3px rgba(0,0,0,1);}
.bj6200-box2 .text li .p{ font-size: 2em; line-height: 22px; color: rgba(255,255,255,.7); text-shadow:2px 2px 3px rgba(0,0,0,1); margin-top: 4px; }
.bj6200-box2 .bg{ background: #333;}

.bj6200-box3{ position: relative; overflow: hidden;}
.bj6200-box3 .text{ position: absolute; top: 50%; transform: translateY(-38%); width: 100%; padding: 0 10%; color: #252525;}
.bj6200-box3 .text .t{ font-size: 8em; font-weight: bold;}
.bj6200-box3 .text .p{ font-size: 3em; width: 38%; text-align: justify; line-height: 60px; margin-top: 5%;}
.bj6200-box3 .img{ position: absolute; top: 50%; transform: translateY(-50%); right: 20%; width: 23%;}

.bj6200-box4{ position: relative; overflow: hidden;}
.bj6200-box4 .img1{ position: absolute; left: 0; top: 22%;}
.bj6200-box4 .img2{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.bj6200-box4 .text{ position: absolute; color: #fff; width: 100%; padding: 0 10%; bottom: 14%;}
.bj6200-box4 .text .t{ font-size: 8em; font-weight: bold; position: relative; display: inline-block; padding-bottom: 10px; letter-spacing: 6px;}
.bj6200-box4 .text .t i{ position: absolute; height: 3px; width: 100%; background: #ff4e00; bottom: 0; left: 0;}
.bj6200-box4 .text .p{ font-size: 3em; line-height: 40px; width: 40%; margin-top: 5%; text-align: justify;}

.bj6200-box6{ position: relative; overflow: hidden;}
.bj6200-box6 .top{ position: absolute; top: 4%; color: #fff; padding: 0 10%; width: 100%; text-align: center; letter-spacing: 5px;}
.bj6200-box6 .top .title{ font-weight: bold; font-size: 8em;}
.bj6200-box6 .top .text{ font-size: 3em; margin-top: 3.5%;}

.bj6200-box7{ padding: 60px 0; position: relative; overflow: hidden; background: #f0f0f0;}
.bj6200-box7 li{ padding: 0 12%; overflow: hidden;}
.bj6200-box7 li+li{ margin-top: 40px;}
.bj6200-box7 li:nth-child(2n-1) .img{ float: right;}
.bj6200-box7 li .img{ float: left; width: 62%;}
.bj6200-box7 li .text{ float: left; width: 38%; color: #242424; position: relative;}
.bj6200-box7 li .text .box{ position: absolute; padding-right: 22%; margin-top: 50%; transform: translateY(-50%);}
.bj6200-box7 li:nth-child(2n) .text .box{ padding-right: 0; padding-left: 24%;}
.bj6200-box7 li .text .t{ font-size: 6em; font-weight: bold;}
.bj6200-box7 li .text .p{ font-size: 3em; margin-top: 30px; text-align: justify;}

.bj6200-box8{ position: relative;}
.bj6200-box8 .top{ text-align: center; color: #fff; position: absolute; top: 6%; width: 100%;}
.bj6200-box8 .top .title{ font-size: 8em; font-weight: bold;}
.bj6200-box8 .top .text{ font-size: 6em; margin-top: 20px;}

/********************bX6100**********************/
.bx6100-box1{ position: relative; overflow: hidden; padding-top: 22%; background: #0f0f0f;}
.bx6100-box1 .text{ position: absolute; top: 50%; transform: translateY(-42%); width: 100%; padding: 0 10%; color: #fff; letter-spacing: 5px;}
.bx6100-box1 .text .title{ font-size: 10em; font-weight: bold; line-height: 90px; text-shadow: 3px 3px 3px rgba(0,0,0,1);}
.bx6100-box1 .text .p{ font-size: 7em; text-shadow: 3px 3px 3px rgba(0,0,0,1);}
.bx6100-box1 .text .p2{ font-size: 5.4em; margin-top: 30px; text-shadow: 3px 3px 3px rgba(0,0,0,1);}
.bx6100-box1 .img{ position: absolute; top: 50%; transform: translateY(-34%); right: 10%; width: 35%;}

.bx6100-box2{ position: relative; overflow: hidden;}
.bx6100-box2 .top{ width: 100%; top: 14%; position: absolute; color: #fff; letter-spacing: 5px;}
.bx6100-box2 .top .t{ text-align: center; font-weight: bold; font-size: 6em;}
.bx6100-box2 .top .p{ font-size: 3em; padding: 0 25%; margin-top: 1.5%;}

.bx6100-box3{ position: relative; overflow: hidden;}
.bx6100-box3 .text{ position: absolute; top: 50%; transform: translateY(-50%); width: 100%; padding: 0 10%; color: #fff;}
.bx6100-box3 .text .t{ font-size: 6em; font-weight: bold; letter-spacing: 5px;}
.bx6100-box3 .text .p{ font-size: 2.4em; margin-top: 3%; width: 36%; text-align: justify;}
.bx6100-box3 .img{ position: absolute; right: 18%; top: 50%; transform: translateY(-46%); width: 26%;}

.bx6100-box4{ position: relative; overflow: hidden;}
.bx6100-box4 .text{ position: absolute; top: 50%; transform: translateY(-50%); width: 100%; padding: 0 10%; color: #fff;}
.bx6100-box4 .text .t{ font-size: 6em; font-weight: bold; letter-spacing: 5px;}
.bx6100-box4 .text .p{ font-size: 2.4em; margin-top: 3%; width: 32%; text-align: justify;}
.bx6100-box4 .img{ position: absolute; right: 10%; top: 50%; transform: translateY(-46%); width: 52%;}

.bx6100-box5{ padding: 5% 8% 3%; background: #000; overflow: hidden;}
.bx6100-box5 ul{ margin: 0 -30px;}
.bx6100-box5 li{ width: 50%; float: left; padding: 0 30px;}
.bx6100-box5 li .title{ font-size: 5em; letter-spacing: 5px; text-align: center; font-weight: bold; padding: 25px 0; color: #fff;}

.bx6100-box6{ position: relative; overflow: hidden;}
.bx6100-box6 .text{ position: absolute; right: 10%; top: 50%; transform: translateY(-50%); color: #fff; width: 32%;}
.bx6100-box6 .text .t{ font-size: 6em; font-weight: bold;}
.bx6100-box6 .text .p{ font-size: 3em; margin-top: 5%;}
.bx6100-box6 .text .icon{ margin-top: 10%;}
.bx6100-box6 .img{ position: absolute; left: 10%; top: 50%; transform: translateY(-50%); width: 40%;}

.bx6100-box7{ position: relative; overflow: hidden;}
.bx6100-box7 .top{ font-size: 6em; font-weight: bold; text-align: center; position: absolute; top: 8%; color: #fff;  width: 100%;}

.bx6100-box8{ background: #000; padding: 60px 0 0;}
.bx6100-box8 .top{ color: #fff;}
.bx6100-box8 .top .title{ font-size: 6em; font-weight: bold; text-align: center;}
.bx6100-box8 .top .text{ font-size: 3em; margin-top: 25px; padding: 0 26%;}
.bx6100-box8 .list{ margin: 70px 0 0; overflow: hidden;}
.bx6100-box8 .list li{ margin-bottom: 90px; overflow: hidden; float: left;}
.bx6100-box8 .list li:last-child{ margin-bottom: 0;}
.bx6100-box8 .list li .img{ position: relative;}
.bx6100-box8 .list li .img img{ position: relative; z-index: 0;}
.bx6100-box8 .list li .img p{ position: absolute; z-index: 1; font-size: 6em; letter-spacing: 5px; top: 50%; width: 100%; transform: translateY(-50%); color: #fff; text-shadow: 0 3px 3px rgba(0,0,0,1); text-align: center;}
.bx6100-box8 .list li.ys1{ width: 50%;}
.bx6100-box8 .list li.ys1 .img:first-child{ margin-bottom: 10%;}
.bx6100-box8 .list li.ys2{ width: 50%; padding-left: 4.32%;}

/********************bX6200**********************/
.bx6200-box1{ position: relative; overflow: hidden;}
.bx6200-box1 .text{ position: absolute; top: 50%; transform: translateY(-25%); width: 100%; padding: 0 10%; color: #fff; letter-spacing: 5px;}
.bx6200-box1 .text .title{ font-size: 8em; font-weight: bold;}
.bx6200-box1 .text .p{ font-size: 6em; margin-top: 10px;}
.bx6200-box1 .img{ position: absolute; top: 50%; right: 10%; transform: translateY(-34%); width: 45%;}

.bx6200-box2{ position: relative; overflow: hidden;}
.bx6200-box2 .text{ position: absolute; color: #3b617c; right: 7%; width: 30%; top: 50%; transform: translateY(-75%);}
.bx6200-box2 .text .t{ font-size: 3.2em;}
.bx6200-box2 .text .title{ font-size: 6.6em; font-weight: bold;}
.bx6200-box2 .text .p{ font-size: 3em; margin-top: 30px; text-align: justify;}
.bx6200-box2 .img{ position: absolute; top: 50%; transform: translateY(-48%); left: 20%; width: 32%;}

.bx6200-box3{ position: relative; overflow: hidden;}
.bx6200-box3 .top{ position: absolute; top: 8%; width: 100%; color: #fff;}
.bx6200-box3 .top .t{ font-size: 7em; font-weight: bold; text-align: center;}
.bx6200-box3 .top .p{ font-size: 3em; padding: 0 30%; margin-top: 3%; text-align: justify;}

.bx6200-box4{ position: relative; overflow: hidden;}
.bx6200-box4 .top{ position: absolute; top: 8%; width: 100%; color: #fff;}
.bx6200-box4 .top .t{ font-size: 7em; font-weight: bold; text-align: center;}
.bx6200-box4 .top .p{ font-size: 3em; padding: 0 30%; margin-top: 2%; text-align: justify;}

.bx6200-box5{ position: relative; overflow: hidden;}
.bx6200-box5 .list{ position: relative; z-index: 1; padding: 6% 7.68% 4%; overflow: hidden;}
.bx6200-box5 .list li{ width: 33.33333%; float: left; padding: 0 30px;}
.bx6200-box5 .list li .title{ font-size: 6em; text-align: center; color: #fff; letter-spacing: 5px; margin-top: 30px;}
.bx6200-box5 .bg{ position: absolute; z-index: 0; width: 100%; height: 100%; top: 0; left: 0;}
.bx6200-box5 .bg img{ max-width: none; position: absolute; left: 50%; transform: translateX(-50%);}

.bx6200-box6{ position: relative; overflow: hidden;}
.bx6200-box6 .top{ font-size: 7em; font-weight: bold; color: #fff; text-align: center; position: absolute; width: 100%; top: 8%; letter-spacing: 5px;}

.bx6200-box7{ position: relative; overflow: hidden;}
.bx6200-box7 .text{ position: absolute; color: #fff; width: 100%; top: 50%; transform: translateY(-50%); padding:  0 15%;}
.bx6200-box7 .text .t{ font-size: 7em; font-weight: bold; letter-spacing: 5px;}
.bx6200-box7 .text .p{ font-size: 3em; margin-top: 30px; width: 34%;}

/********************c5000**********************/
.c5000-box1{ position: relative; overflow: hidden;}
.c5000-box1 .text{ position: absolute; width: 100%; padding: 0 10%; top: 50%; transform: translateY(-40%); color: #fff;}
.c5000-box1 .text .title{ font-size: 10.5em; font-weight: bold;}
.c5000-box1 .text .p{ font-size: 7.2em; margin-top: 20px;}
.c5000-box1 .img{ position: absolute; right: 5%; bottom: 0; width: 33%;}

.c5000-box3{ position: relative; overflow: hidden;}
.c5000-box3 .top{ position: absolute; color: #fff; top: 5%; width: 100%;}
.c5000-box3 .top .t{ font-weight: bold; font-size: 8em; letter-spacing: 5px; text-align: center;}
.c5000-box3 .top .p{ font-size: 3.4em; padding: 0 29%; font-weight: 100; margin-top: 1%; text-align: justify;}

.c5000-box4{ position: relative; overflow: hidden;}
.c5000-box4 .text{ position: absolute; color: #fff; right: 10%; top: 50%; transform: translateY(-45%); width: 30%;}
.c5000-box4 .text .t{ font-size: 6em; font-weight: bold;}
.c5000-box4 .text .p{ font-size: 3em; margin-top: 10%; line-height: 1.75em; text-align: justify;}
.c5000-box4 .img{ position: absolute; left: 10%; bottom: 3%; width: 50%;}

.c5000-box5{ position: relative; overflow: hidden;}
.c5000-box5 .text{ position: absolute; color: #fff; left: 14%; top: 50%; transform: translateY(-50%); width: 30%;}
.c5000-box5 .text .t{ font-size: 6em; font-weight: bold; text-align: center;}
.c5000-box5 .text .p{ font-size: 3em; margin-top: 10%; line-height: 1.75em; text-align: justify;}
.c5000-box5 .img{ position: absolute; right: 10%; top: 6%; width: 50%;}

.c5000-box6{ position: relative; overflow: hidden;}
.c5000-box6 .top{ position: absolute; top: 10%; width: 100%; color: #fff;}
.c5000-box6 .top .t{ font-size: 8em; font-weight: bold; text-align: center;}
.c5000-box6 .top .p{ font-size: 3.4em; line-height: 1.75em; padding: 0 23.5%; margin-top: 20px;}

.c5000-box7{ padding: 3% 10% 5%; overflow: hidden; position: relative;}
.c5000-box7 .text{ width: 30%; left: 16%; color: #010101; position: absolute; top: 50%; transform: translateY(-50%);}
.c5000-box7 .text .t{ font-size: 8em; font-weight: bold; text-align: center; }
.c5000-box7 .text .p{ font-size: 3.6em; line-height: 2em; margin-top: 6%; text-align: justify;}
.c5000-box7 .img{ width: 44.3%; float: right;}

.c5000-box8{ position: relative; overflow: hidden;}
.c5000-box8 .top{ background: #e65914; font-size: 8em; font-weight: bold; color: #fff; text-align: center; padding: 30px 0; letter-spacing: 5px;}
.c5000-box8 .list{ background: #101010; padding: 20px 0; overflow: hidden;}
.c5000-box8 .list ul{ margin: 0 7.5px;}
.c5000-box8 .list li{ width: 33.33333%; float: left; padding: 0 7.5px;}
.c5000-box8 .list li .img{ position: relative;}
.c5000-box8 .list li .img img{ position: relative; z-index: 0;}
.c5000-box8 .list li .img p{ position: absolute; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; font-size: 6em; font-weight: bold; color: #fff; letter-spacing: 4px;}
.c5000-box8 .list li .img p i{ display: inline-block; width: 98px; height: 4px; background: #fff; margin-right: 5px; transform: translateY(-20px);}

/********************c5100**********************/
.c5100-box1{ position: relative; overflow: hidden;}
.c5100-box1 .text{ position: absolute; width: 100%; padding: 0 10%; top: 50%; transform: translateY(-25%); color: #fff; letter-spacing: 5px;}
.c5100-box1 .text .title{ font-size: 8.4em; font-weight: bold; line-height: 80px;}
.c5100-box1 .text .p{ font-size: 6em;}
.c5100-box1 .text .p2{ font-size: 7em; margin-top: 30px;}
.c5100-box1 .img{ position: absolute; right: 0; top: 50%; transform: translateY(-34%); width: 42%;}

.c5100-box2{ position: relative; overflow: hidden;}
.c5100-box2 .text{ position: absolute; color: #fff; left: 10%; top: 50%; transform: translateY(-40%); width: 34%; letter-spacing: 5px;}
.c5100-box2 .text .t{ font-size: 7em; font-weight: bold;}
.c5100-box2 .text .p{ font-size: 2.4em; width: 80%; text-align: justify; margin-top: 30px;}
.c5100-box2 .text ul{ margin-top: 50px; overflow: hidden; width: 90%;}
.c5100-box2 .text li{ float: left; width: 50%;}
.c5100-box2 .text li span{ font-size: 2.4em;}
.c5100-box2 .text li p{ font-size: 4.8em; font-weight: bold;}
.c5100-box2 .img{ position: absolute; top: 50%; transform: translateY(-50%); right: 10%; width: 39%;}

.c5100-box3{ position: relative; overflow: hidden;}
.c5100-box3 .text{ position: absolute; color: #fff; right: 10%; top: 50%; transform: translateY(-40%); width: 34%; letter-spacing: 5px;}
.c5100-box3 .text .t{ font-size: 7em; font-weight: bold;}
.c5100-box3 .text .p{ font-size: 2.4em; text-align: justify; margin-top: 30px;}
.c5100-box3 .text ul{ margin-top: 50px; overflow: hidden; width: 90%;}
.c5100-box3 .text li{ float: left; width: 50%;}
.c5100-box3 .img{ position: absolute; top: 50%; transform: translateY(-50%); left: 10%; width: 32.3%;}

.c5100-box5{ position: relative; overflow: hidden;}
.c5100-box5 .text{ position: absolute; color: #fff; left: 10%; top: 50%; transform: translateY(-40%); width: 34%; letter-spacing: 5px;}
.c5100-box5 .text .t{ font-size: 7em; font-weight: bold;}
.c5100-box5 .text .p{ font-size: 2.4em; width: 95%; text-align: justify; margin-top: 40px; line-height: 1.75em;}
.c5100-box5 .img{ position: absolute; top: 50%; transform: translateY(-50%); right: 10%; width: 36.3%;}

/********************c6000**********************/
.c6000-box1{ position: relative; overflow: hidden;}
.c6000-box1 .text{ position: absolute; width: 100%; padding: 0 10%; top: 50%; transform: translateY(-25%); color: #fff; letter-spacing: 5px;}
.c6000-box1 .text .title{ font-size: 10em; font-weight: bold; line-height: 80px;}
.c6000-box1 .text .p{ font-size: 3.8em;}
.c6000-box1 .text .p2{ font-size: 4.8em; margin-top: 30px;}
.c6000-box1 .img{ position: absolute; right: 10%; top: 50%; transform: translateY(-34%); width: 26%;}

.c6000-box2{ position: relative; overflow: hidden;}
.c6000-box2 .top{ color: #fff; position: absolute; top: 8%; width: 100%;}
.c6000-box2 .top .t{ font-size: 7em; font-weight: bold; text-align: center;}
.c6000-box2 .top .p{ font-size: 3em; padding: 0 30%; margin-top: 2%;}

.c6000-box3{ position: relative; overflow: hidden;}
.c6000-box3 .text{ position: absolute; width: 100%; padding: 0 10%; top: 50%; transform: translateY(-45%); color: #fff;}
.c6000-box3 .text .title{ font-size: 6em; font-weight: bold;}
.c6000-box3 .text .t{ font-size: 3.4em; margin-top: 10px;}
.c6000-box3 .text .p{ font-size: 3em; width: 44%; text-align: justify; margin-top: 60px;}
.c6000-box3 .img{ position: absolute; right: 10%; top: 50%; transform: translateY(-30%); width: 26%;}

.c6000-box4{ position: relative; overflow: hidden;}
.c6000-box4 .top{ position: absolute; width: 100%; top: 4%; color: #fff;}
.c6000-box4 .top .t{ font-size: 7em; text-align: center; font-weight: bold;}
.c6000-box4 .top .p{ margin-top: 1.5%; padding: 0 33%; font-size: 3em;}

.c6000-box5{ padding: 50px 0; background: #232429;}
.c6000-box5 .top{ text-align: center; font-size: 6em; color: #fff; letter-spacing: 5px; font-weight: bold;}
.c6000-box5 .list{ overflow: hidden; margin-top: 80px; padding: 0 4%;}
.c6000-box5 .list li{ width: 33.3333%; float: left; padding: 0 30px;}
.c6000-box5 .list li .title{ font-size: 4em; text-align: center; color: #fff; margin-top: 40px;}

.c6000-box6{ position: relative; overflow: hidden;}
.c6000-box6 .top{ position: absolute; width: 100%; top: 5%; color: #fff; font-size: 6em; text-align: center; font-weight: bold; letter-spacing: 5px;}

.c6000-box7{ position: relative; overflow: hidden;}
.c6000-box7 .text{ position: absolute; top: 50%; width: 100%; padding: 0 10%; transform: translateY(-50%); color: #fff;}
.c6000-box7 .text .t{ font-size: 3em;}
.c6000-box7 .text .title{ font-size: 6em; font-weight: bold;}
.c6000-box7 .text .p{ font-size: 3em; width: 33%; text-align: justify; margin-top: 30px;}

/********************nb501**********************/
.nb501-box1{ position: relative; overflow: hidden;}
.nb501-box1 .text{ position: absolute; width: 100%; padding: 0 10%; top: 50%; transform: translateY(-30%); color: #fff;}
.nb501-box1 .text .title{ font-size: 10em; font-weight: bold;}
.nb501-box1 .text .p{ font-size: 6em;}
.nb501-box1 .img{ position: absolute; right: 20%; top: 50%; transform: translateY(-35%); width: 22%;}

.nb501-box2{ background: #20232f; padding: 5% 2%; overflow: hidden;}
.nb501-box2 li{ width: 33.33333%; float: left; padding: 0 25px;}

.nb501-box3{ position: relative; overflow: hidden;}
.nb501-box3 .top{ position: absolute; color: #fff; width: 100%; top: 3%;}
.nb501-box3 .top .t{ font-size: 8em; font-weight: bold; text-align: center;}
.nb501-box3 .top .p{ font-size: 3em; padding: 0 31%; margin-top: 2%;}

.nb501-box4{ position: relative; overflow: hidden;}
.nb501-box4 .text{ position: absolute; top: 50%; transform: translateY(-50%); right: 15%; color: #fff; width: 28%;}
.nb501-box4 .text .t{ font-size: 8em; font-weight: bold;}
.nb501-box4 .text .p{ font-size: 3em; margin-top: 50px;}
.nb501-box4 .img{ position: absolute; top: 50%; transform: translateY(-50%); left: 10%; width: 46.2%;}

.nb501-box5{ background: #e5e3e3; position: relative; overflow: hidden; padding: 4% 8%;}
.nb501-box5 .text{ position: absolute; top: 50%; transform: translateY(-74%); left: 8%; width: 32%; color: #3d4258;}
.nb501-box5 .text .t{ font-size: 8em; font-weight: bold;}
.nb501-box5 .text .p{ font-size: 3.4em; margin-top: 30px; text-align: justify;}
.nb501-box5 .img{ float: right; width: 63.8%;}

.nb501-box6{ position: relative; margin: 0 -82px; overflow: hidden;}
.nb501-box6 .box{ width: 33.3333%; float: left; height: 900px; position: relative;  transform: skewX(-10deg); overflow: hidden; transition: all .5s;}
.nb501-box6 .box img{ position: absolute; top: 50%; left: -82px; max-width: inherit;  transform: translateY(-50%) skewX(10deg); z-index: 0;}
.nb501-box6 .box .title{ position: absolute; z-index: 2; font-size: 6.4em; color: #fff; font-weight: bold; letter-spacing: 5px; width: 100%; top: 50%; transform: translateY(-120%) skewX(10deg); text-align: center;}
.nb501-box6 .box::before{ content: ""; position: absolute; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0,.2);}
.nb501-box6 .box.on:hover{ width: 45%;}
.nb501-box6:hover .box{ width: 27.5%;}

.nb501-box7{ position: relative; overflow: hidden;}
.nb501-box7 .text{ position: absolute; color: #fff; left: 10%; top: 50%; transform: translateY(-50%); width: 28%;}
.nb501-box7 .text .t{ font-size: 7em; font-weight: bold;}
.nb501-box7 .text .p{ font-size: 3.4em; margin-top: 50px; text-align: justify;}
.nb501-box7 .img{ position: absolute; top: 50%; right: 10%; transform: translateY(-50%); width: 41%;}

.nb501-box8{ position: relative; overflow: hidden;}
.nb501-box8 .top{ position: absolute; top: 7%; width: 100%; color: #fff;}
.nb501-box8 .top .t{ font-size: 7em; font-weight: bold; text-align: center;}
.nb501-box8 .top .p{ font-size: 3.4em; text-align: justify; padding: 0 28%; margin-top: 1.5%;}
.nb501-box8 .img{ position: absolute; left: 50%; bottom: 6%; transform: translateX(-50%);}

.nb501-box9{ position: relative; overflow: hidden;}
.nb501-box9 .text{ position: absolute; top: 50%; transform: translateY(-50%); left: 10%; border: 3px solid #000; border-radius: 20px; color: #000; width: 34%; letter-spacing: 5px; padding: 4.5% 2%; overflow: hidden;}
.nb501-box9 .text .t{ font-size: 8em; font-weight: bold;}
.nb501-box9 .text .p{ font-size: 3.4em; margin-top: 50px;}

/**************************c6100-2d*************************/
.c6100-2d-box1{ position: relative; overflow: hidden;}
.c6100-2d-box1 .text{ position: absolute; z-index: 1; color: #fff; left: 10%; top: 50%; transform: translateY(-32%); width: 36%;}
.c6100-2d-box1 .text .t{ font-size: 10.5em; font-weight: bold;}
.c6100-2d-box1 .text .bq{ margin-top: 1%;}
.c6100-2d-box1 .text .bq span{ display: inline-block; font-size: 4.4em; border-radius: 10px; border: 2px solid #fff; padding: 0 15px;}
.c6100-2d-box1 .text .p{ font-size: 5em; margin-top: 4vw;}
.c6100-2d-box1 .text .other{ width: 84px; margin-top: 4vw;}
.c6100-2d-box1 .text .other span{ display: inline-block; width: 30px; height: 30px;}
.c6100-2d-box1 .text .other span+span{ margin-left: 20px;}
.c6100-2d-box1 .text .other span.orange{ background: #ff6c00;}
.c6100-2d-box1 .text .other span.blue{ background: #455afe;}
.c6100-2d-box1 .text .other p{ text-align: center; font-size: 2em; margin-top: 5px;}
.c6100-2d-box1 .img{ position: absolute; z-index: 1; bottom: 0; right: 6%; width: 42.3%;}
.c6100-2d-box1 .bg{ position: relative; z-index: 0;}

.c6100-2d-box2{ position: relative;  overflow: hidden;}
.c6100-2d-box2 .img{ position: absolute; z-index: 1; padding: 0 13.8%; text-align: right; width: 100%; top: 50%; transform: translateY(-50%);}
.c6100-2d-box2 .img img{ width: 98%;}
.c6100-2d-box2 .bg{ position: relative; z-index: 0;}

.c6100-2d-box3{ background: #3147d7; padding: 2vw 1%;}
.c6100-2d-box3 ul{ display: table; width: 100%;}
.c6100-2d-box3 li{ padding: 22px; width: 50%; float: left;}
.c6100-2d-box3 li:first-child{ width: 64.4%;}
.c6100-2d-box3 li:nth-child(2){ width: 35.6%;}
.c6100-2d-box3 li .img{ border-radius: 20px; overflow: hidden; box-shadow: 0 0 32px rgba(0,0,0,.7);}
.c6100-2d-box3 li .img:nth-child(2){ margin-top: 44px;}

.c6100-2d-box4{ position: relative;  overflow: hidden;}
.c6100-2d-box4 .text{ position: absolute; right: 10%; top: 50%; transform: translateY(-50%); color: #fff; z-index: 1; width: 36%;}
.c6100-2d-box4 .text .t{ margin-bottom: 2.5vw; padding-right: 40%;}
.c6100-2d-box4 .text .p{ font-size: 3.6em; line-height: 1.75em; margin-bottom: 2.5vw;}
.c6100-2d-box4 .text .p2{ font-size: 3.6em; color: #3c50cf; line-height: 1.75em;}
.c6100-2d-box4 .text .other{ overflow: hidden; margin-top: 5vw;}
.c6100-2d-box4 .text .other li{ width: 100px; float: left; text-align: center;}
.c6100-2d-box4 .text .other li+li{ margin-left: 40px;}
.c6100-2d-box4 .text .other li img{ height: 40px;}
.c6100-2d-box4 .text .other li p{ font-size: 1.8em; text-align: center; margin-top: 15px; letter-spacing: 1px;}
.c6100-2d-box4 .bg{ position: relative; z-index: 0;}

.c6100-2d-box5{ position: relative;  overflow: hidden;}
.c6100-2d-box5 .text{ position: absolute; left: 10%; top: 50%; transform: translateY(-50%); color: #fff; z-index: 1; width: 32%;}
.c6100-2d-box5 .text .t{ margin-bottom: 3.5vw; padding-right: 46%;}
.c6100-2d-box5 .text .p{ font-size: 3.6em; line-height: 1.75em; margin-bottom: 1.5vw;}
.c6100-2d-box5 .text .p2{ font-size: 3.6em; color: #3c50cf; line-height: 1.75em;}
.c6100-2d-box5 .img{ position: absolute; z-index: 1; bottom: 0; right: 0; width: 51%;}
.c6100-2d-box5 .bg{ position: relative; z-index: 0;}

.c6100-2d-box6{ position: relative;  overflow: hidden;}
.c6100-2d-box6 .text{ position: absolute; z-index: 1; padding: 4.2vw 10% 0; width: 100%;}
.c6100-2d-box6 .text .t{ text-align: center; padding: 0 33%;}
.c6100-2d-box6 .text .p{ font-size: 3.6em; line-height: 1.75em; color: #fff; letter-spacing: 2px; margin-top: 2.4vw;}
.c6100-2d-box6 .img{ position: absolute; z-index: 1; left: 50%; transform: translateX(-50%); bottom: 0; width: 73%;}
.c6100-2d-box6 .bg{ position: relative; z-index: 0;}

.c6100-2d-box7{ position: relative;  overflow: hidden;}
.c6100-2d-box7 .img{ position: absolute; z-index: 1; width: 42%; padding-top: 3vw; top: 0; left: 0;}
.c6100-2d-box7 .text{ position: absolute; z-index: 1; color: #fff; width: 32.5%; right: 10%; top: 50%; transform: translateY(-50%);}
.c6100-2d-box7 .text .t{ margin-bottom: 2.5vw; padding-right: 47%;}
.c6100-2d-box7 .text .p{ font-size: 3.6em; line-height: 1.75em; margin-bottom: 2.5vw;}
.c6100-2d-box7 .text .p2{ font-size: 3.6em; color: #3c50cf; line-height: 1.75em;}
.c6100-2d-box7 .bg{ position: relative; z-index: 0;}

.c6100-2d-box8{ position: relative;}
.c6100-2d-box8 .img{ position: absolute; z-index: 1; width: 46%; padding-top: 1.5vw; right: 10%;}
.c6100-2d-box8 .text{ position: absolute; z-index: 1; color: #fff; width: 30.5%; left: 10%; top: 50%; transform: translateY(-50%);}
.c6100-2d-box8 .text .t{ margin-bottom: 2.5vw; padding-right: 32.5%;}
.c6100-2d-box8 .text .p{ font-size: 3.6em; line-height: 1.75em; margin-bottom: 2.5vw;}
.c6100-2d-box8 .text .p2{ font-size: 3.6em; color: #3c50cf; line-height: 1.75em;}
.c6100-2d-box8 .bg{ position: relative; z-index: 0;}

/**************************bx6210*************************/
.bx6210-box1{ position: relative; height: 49vw;}
.bx6210-box1 .text{ position: absolute; z-index: 1; left: 10%; top: 56%; transform: translateY(-50%);}
.bx6210-box1 .text .t{ font-weight: bold; color: #ffd5a7; font-size: 13.8em; letter-spacing: .5vw;}
.bx6210-box1 .text .p{ overflow: hidden;}
.bx6210-box1 .text .p span{ display: inline-block; font-size: 4.4em; color: #fff; padding: 5px 20px; border: 3px solid #ffd5a7; border-radius: 10px; letter-spacing: .4vw;}
.bx6210-box1 .text .p2{ font-size: 6.6em; margin-top: 3vw;}
.bx6210-box1 .text .p2 p{ color: #fff;  font-weight: bold; line-height: 90px;}
.bx6210-box1 .text .p2 p:last-child{ color: #636363; font-weight: normal;}
.bx6210-box1 .img{ position: absolute; z-index: 1; bottom: 0; right: 10%; width: 34.2%;}
.bx6210-box1 .bg{ position: relative; z-index: 0; width: 100%; height: 100%;}
.bx6210-box1 .bg img{ position: absolute; height: 100%; left: 50%; transform: translateX(-50%);}

.bx6210-box2{ position: relative;}
.bx6210-box2 .img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1; width: 31.56%;}
.bx6210-box2 .bg{ position: relative; z-index: 0;}

.bx6210-box3{ position: relative; background: #c4854e; padding: 5% 11%; overflow: hidden;}
.bx6210-box3 .box1{ float: left; width: 34.3%;}
.bx6210-box3 .box2{ float: left; width: 65.7%; padding-left: 2.6%;}
.bx6210-box3 .box2 ul{ margin: 0 -15px;}
.bx6210-box3 .box2 li:first-child{ margin-bottom: 1.2vw;}
.bx6210-box3 .box3{ overflow: hidden; margin: 0 -36px; margin-top: 1.2vw;}
.bx6210-box3 .box3 li{ padding: 0 36px;}

.bx6210-box4{ position: relative; background: #111; padding: 5% 12%; overflow: hidden;}
.bx6210-box4 .box1{ width: 41.8%; float: left;}
.bx6210-box4 .box1 ul{ margin: 0 -24px;}
.bx6210-box4 .box1 li{ padding: 0 24px;}
.bx6210-box4 .box2{ width: 58.2%; float: left; padding-left: 2%;}
.bx6210-box4 .box2 ul{ margin: 0 -28px;}
.bx6210-box4 .box2 li{ padding: 0 28px;}
.bx6210-box4 .box1 li:first-child, .bx6210-box4 .box2 li:first-child{ margin-bottom: 2vw;}
.bx6210-box4 .box3{ margin-top: 2vw; overflow: hidden;}
.bx6210-box4 .box3 ul{ margin: 0 -22px;}
.bx6210-box4 .box3 li{ float: left; padding: 0 22px;}
.bx6210-box4 .box3 li:first-child{ width: 29.3%;}
.bx6210-box4 .box3 li:nth-child(2){ width: 42.4%;}
.bx6210-box4 .box3 li:last-child{ width: 28.3%;}
.bx6210-box4 .mask{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(../images/product-page/bx6210/bx6210-box4-mask.png) no-repeat center; background-size: cover; z-index: 2;}

.bx6210-box5{ position: relative;}
.bx6210-box5 .text{ position: absolute; right: 10%; top: 46%; transform: translateY(-50%); z-index: 1; width: 40%;}
.bx6210-box5 .text .title{ text-align: right; letter-spacing: .8vw;}
.bx6210-box5 .text .title .t{ font-size: 8.4em; color: #ffd5a7; font-weight: bold; }
.bx6210-box5 .text .title .t-f{ font-size: 8.4em; color: #ffd5a7; font-weight: lighter;}
.bx6210-box5 .text .p{ font-size: 3.4em; color: #c2c1c0; line-height: 1.75em; letter-spacing: .26vw; margin-top: 4.2vw;}
.bx6210-box5 .text .p span{ color: #ffd5a7;}
.bx6210-box5 .bg{ position: relative; z-index: 0;}

.bx6210-box6{ position: relative;}
.bx6210-box6 .text{ position: absolute; left: 10%; top: 46%; transform: translateY(-50%); z-index: 1; width: 44%;}
.bx6210-box6 .text .title{ letter-spacing: .8vw;}
.bx6210-box6 .text .title .t{ font-size: 8.4em; color: #fff; font-weight: bold; }
.bx6210-box6 .text .title .t-f{ font-size: 8.4em; color: #fff; font-weight: lighter;}
.bx6210-box6 .text .p{ font-size: 3.4em; color: #fff; line-height: 1.75em; letter-spacing: .26vw; margin-top: 4.2vw;}
.bx6210-box6 .text .p span{ color: #000;}
.bx6210-box6 .bg{ position: relative; z-index: 0;}

.bx6210-box7{ position: relative;}
.bx6210-box7 .text{ position: absolute; right: 10%; top: 50%; transform: translateY(-50%); z-index: 1; width: 572px;}
.bx6210-box7 .text .title{ text-align: right; letter-spacing: .8vw;}
.bx6210-box7 .text .title .t{ font-size: 8.4em; color: #fff; font-weight: bold; }
.bx6210-box7 .text .title .t-f{ font-size: 8.4em; color: #fff; font-weight: lighter;}
.bx6210-box7 .text .p{ color: #fff; letter-spacing: .26vw; margin-top: 2vw;}
.bx6210-box7 .text .p p{ font-size: 8.4em; text-align: center; height: 84px; line-height: 76px; font-weight: bold;}
.bx6210-box7 .img{ position: absolute; z-index: 1; left: 10%; bottom: 0; width: 26.8%;}
.bx6210-box7 .bg{ position: relative; z-index: 0;}

.bx6210-box8{ position: relative;}
.bx6210-box8 .text{ position: absolute; left: 10%; top: 50%; transform: translateY(-50%); z-index: 1; width: 36%;}
.bx6210-box8 .text .title{ letter-spacing: .8vw;}
.bx6210-box8 .text .title .t{ font-size: 8.4em; color: #fff; font-weight: bold; }
.bx6210-box8 .text .title .t-f{ font-size: 8.4em; color: #fff; font-weight: lighter;}
.bx6210-box8 .text .p{ font-size: 3.4em; color: #bab7b7; line-height: 1.75em; letter-spacing: .26vw; margin-top: 3.2vw;}
.bx6210-box8 .text .p span{ color: #ffd5a7;}
.bx6210-box8 .bg{ position: relative; z-index: 0;}


/*******************p11**********************/
.p11{ background: #0e0e0e;}
.p11-box1{ position: relative; height: 49vw;}
.p11-box1 .text{ position: absolute; z-index: 2; top: 56%; transform: translateY(-50%); width: 100%; padding: 0 10%; line-height: 1.2;}
.p11-box1 .text .t img{ width: 26.7%;}
.p11-box1 .text .p1{ font-size: 6em; color: #878787;}
.p11-box1 .text .p2{ font-size: 3.8em; color: #a6a6a6; margin-top: 3.5vw;}
.p11-box1 .img{ position: absolute; z-index: 1; bottom: 6%; right: 10%; width: 37.5%;}
.p11-box1 .bg{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0;}
.p11-box1 .bg img{ position: absolute; height: 100%; left: 50%; transform: translateX(-50%);}

.p11-box2{ position: relative; padding: 50px 10%;}
.p11-box2 .top{ margin-bottom: 35px;}
.p11-box2 .top .sub_t{ font-size: 3.6em; text-align: center; color: #bec0c3;}
.p11-box2 .top .t{ text-align: center; margin-top: 20px;}
.p11-box2 .top .t img{ width: 15.12%;}
.p11-box2 .box{ display: flex; flex-wrap: wrap; justify-content: center; width: 1140px; margin: 0 auto;}
.p11-box2 .box .img{ display: flex; padding: 7px;}
.p11-box2 .box .ys1{ width: 51.4%;}
.p11-box2 .box .ys2{ width: 30.62%; flex-direction: column; justify-content: space-between;}
.p11-box2 .box .ys3{ width: 17.98%;}

.p11-box3{ padding: 30px 10% 4.6875vw;}
.p11-box3 .top{ text-align: center;}
.p11-box3 .top img{ width: 30.48%;}
.p11-box3 .title{ margin-top: 2.1vw; line-height: 1; padding-left: 12.5%;}
.p11-box3 .title .t{ font-size: 2em; color: #969696; letter-spacing: 1px;}
.p11-box3 .title .sub_t{ font-size: 3em; font-weight: bold; color: #fff; margin-top: 15px;}
.p11-box3 .imgs{ margin-top: 5.21vw; display: flex; flex-wrap: wrap; justify-content: center;}
.p11-box3 .imgs img{ margin: 0 20px;}

.p11-box4{ padding: 2.1vw 10% 3.125vw; display: flex; flex-wrap: wrap; align-items: center;}
.p11-box4 .text{ flex: 1; padding: 0 8% 0 12%;}
.p11-box4 .text .t{ margin-bottom: 20px;}
.p11-box4 .text .t img{ width: 81.6%;}
.p11-box4 .text .p{ font-size: 2em; line-height: 1.4; color: #9f9f9f; text-align: justify; letter-spacing: .6px;}
.p11-box4 .text .bq{ display: flex; flex-wrap: wrap; margin-top: 3.125vw;}
.p11-box4 .text .bq img{ margin-right: 25px;}
.p11-box4 .img{ width: 48.6%;}

.p11-box5{ position: relative; height: 40.6vw; padding: 0 10%; overflow: hidden;}
.p11-box5 .text{ position: absolute; z-index: 1; padding: 0 10%; top: 56%; left: 10%; transform: translateY(-50%); width: 47%;}
.p11-box5 .text .t{ margin-bottom: 25px;}
.p11-box5 .text .t img{ width: 66.18%;}
.p11-box5 .text .p{ font-size: 2em; color: #9f9f9f; line-height: 1.8;}
.p11-box5 .text .other{ font-size: 2em; color: #fff; font-weight: bold; display: flex; flex-wrap: wrap; align-items: center; margin-top: 30px;}
.p11-box5 .text .other img{ margin-right: 10px;}
.p11-box5 .bg{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0;}
.p11-box5 .bg img{ position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%);}

.p11-box6{ padding: 4.6875vw 0 1.8vw;}
.p11-box6 .top{ text-align: center;}
.p11-box6 .top .t{ margin-bottom: 35px;}
.p11-box6 .top .t img{ width: 16.82%;}
.p11-box6 .top .p{ font-size: 2em; color: #9f9f9f;}
.p11-box6 .img{ text-align: center; margin-top: 3.125vw;}

.p11-box7{ position: relative; height: 44vw; padding-top: 4.6875vw; overflow: hidden;}
.p11-box7 .top{ text-align: center; position: relative; z-index: 1;}
.p11-box7 .top .t img{ width: 28.9%;}
.p11-box7 .top .p{ font-size: 1.8em; color: #d3d3d3; line-height: 1.8; width: 790px; margin: 25px auto 0;}
.p11-box7 .top .bz{ font-size: 1.2em; color: #d3d3d3; line-height: 1.8;}
.p11-box7 .box{ position: absolute; z-index: 1; width: 875px; bottom: 5.46875vw; left: 50%; transform: translateX(-50%); border-bottom: 2px solid #9a9a9a;}
.p11-box7 .box ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.p11-box7 .box li{ width: 150px; height: 55px; line-height: 55px; position: relative; font-size: 2.2em; color: #fefefe; text-align: center;}
.p11-box7 .box li.on::before{ content: ""; position: absolute; height: 6px; width: 100%; background: #fff; bottom: -4px; left: 0;}
.p11-box7 .bg{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0;}
.p11-box7 .bg li{ width: 100%; height: 100%; position: relative; overflow: hidden;}
.p11-box7 .bg li img{ width: 100%; height: 100%;}

.p11-box8{ position: relative; padding: 60px 10% 54px;}
.p11-box8 .frame{ width: 1305px; margin: 0 auto;}
.p11-box8 .frame li{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.p11-box8 .frame li+li{ margin-top: 18px;}
.p11-box8 .frame li .img{ width: 51.8%;}
.p11-box8 .frame li .box{ width: 40%;}
.p11-box8 .frame li .box .t{ margin-bottom: 15px;}
.p11-box8 .frame li .box .p{ font-size: 2em; color: #fff9fb; line-height: 28px; padding-left: 15.5%; opacity: .4;}
.p11-box8 .frame li .box .other{ padding-left: 15.5%; display: flex; flex-wrap: wrap; align-items: center; margin-top: 40px; color: #9e9e9e; font-size: 1.6rem;}
.p11-box8 .frame li .box .other img{ margin-right: 10px;}
.p11-box8 .frame li .box .other label{ margin-bottom: 0; margin-right: 40px; font-size: 1.2rem; color: #c1c1c1; letter-spacing: 1px;}
.p11-box8 .frame li .box .other label span{ font-size: 2.4rem; color: #fff; font-weight: bold;}
.p11-box8 .frame li:nth-child(2n) .img{ order: 2;}
.p11-box8 .frame li:nth-child(2n) .box{ order: 1; width: 36.8%;}
.p11-box8 .frame li:nth-child(2n) .box .p{ padding: 0 15.5% 0 0;}
.p11-box8 .frame li:nth-child(2n) .box .other{ padding-left: 0;}

.p11-box9{ padding: 3.6458vw 10% 2.6vw;}
.p11-box9 .top{ text-align: center;}
.p11-box9 .top img{ width: 26.28%;}
.p11-box9 .box{ width: 1300px; margin: 0 auto;}
.p11-box9 .img{ margin: 50px 0;}
.p11-box9 .imgs ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.p11-box9 .imgs li{ width: 32%;}

.p11-box10{ position: relative; height: 45.7vw; padding-top: 3.4375vw;}
.p11-box10 .top{ text-align: center; position: relative; z-index: 1;}
.p11-box10 .top .t img{ width: 14.72%;}
.p11-box10 .top .p{ font-size: 1.8em; color: #d3d3d3; line-height: 1.8; width: 770px; margin: 25px auto 0; letter-spacing: 4px;}
.p11-box10 .bg{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0;}
.p11-box10 .bg img{ position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%);}

.p11-box11{ position: relative; padding: 0 10%; height: 41.6vw;}
.p11-box11 .box{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; display: flex; flex-wrap: wrap; align-items: center;}
.p11-box11 .img{ width: 64.4%;}
.p11-box11 .text{ width: 35.6%; padding: 0 45px 0 25px; display: flex; flex-direction: column;}
.p11-box11 .text .t img{ width: 74.2%;}
.p11-box11 .text .p{ font-size: 2em; color: #9f9f9f; line-height: 36px; text-align: justify; margin-top: 20px; letter-spacing: 3px;}
.p11-box11 .bg{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0;}
.p11-box11 .bg img{ position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%);}

.p11-box12{ position: relative; padding: 5.1vw 10% 4.1667vw;}
.p11-box12 .box{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.p11-box12 .box > .img{ width: 51.2%;}
.p11-box12 .box .imgs{ width: 47.5%; display: flex; flex-direction: column; justify-content: space-between;}

.p11-cs{ position: relative; padding: 20px 10% 6.25vw;}
.p11-cs .top{ font-size: 4.8em; font-weight: bold; color: #fff; line-height: 1; letter-spacing: 4px; padding-bottom: 20px; border-bottom: 1px solid #bfbfbf;}
.p11-cs .list{ margin-top: 3.96vw;}
.p11-cs .list ul{ display: flex; flex-wrap: wrap;}
.p11-cs .list li{ width: calc((100% - 72px) / 5); margin-right: 18px; border: 2px solid #9f9f9f; border-radius: 10px; display: flex; flex-wrap: wrap; padding: 15px; margin-bottom: 2.1vw;}
.p11-cs .list li:nth-child(5n){ margin-right: 0;}
.p11-cs .list li:nth-last-child(2){ width: calc((100% - 18px) / 2);}
.p11-cs .list li:last-child{ width: calc((100% - 18px) / 2); margin-right: 0;}
.p11-cs .list li .icon{ width: 80px; padding: 15px 25px 0 0;}
.p11-cs .list li .text{ flex: 1; width: 20%; font-size: 1.8em;}
.p11-cs .list li .text .t{ color: #fff;}
.p11-cs .list li .text .p{ color: rgba(255,255,255,.7); margin-top: 10px;}
.p11-cs .list li .text .p p{ text-align: left;}
.p11-cs .bz{ margin-top: 35px; padding: 10px 0; border-bottom: 2px solid #9f9f9f; font-size: 1.6em; color: #fff; text-align: right;}

























@media (min-width:1581px){

}
@media (max-width:1580px) and (min-width:1367px){
/********************c6100*********************/
.c6100-box1 .text .title{ font-size: 8em;}
.c6100-box1 .text .p{ font-size: 4.4em;}
.c6100-box2 .top .title{ font-size: 5.8em;}
.c6100-box2 .top .text{ font-size: 2.4em; line-height: 40px; margin-top: 1.5%;}
.c6100-box3 .text .title{ font-size: 5.8em;}
.c6100-box3 .text .p{ font-size: 2em;}
.c6100-box3 .text .other{ font-size: 5em;}
.c6100-box4 .text .title{ font-size: 5.8em;}
.c6100-box4 .text .p{ font-size: 2em;}
.c6100-box4 .text .other{ font-size: 5em;}
.c6100-box5 .top .title{ font-size: 5.8em;}
.c6100-box5 .top .text{ font-size: 2.4em; line-height: 40px; margin-top: 1.5%;}
.c6100-box6 .text .title{ font-size: 5.8em; line-height: 64px;}
.c6100-box6 .text .p{ font-size: 2.4em;}
.c6100-box8 .top{ font-size: 5.8em;}
.c6100-box8 .list li .title{ font-size: 3.8em;}
.c6100-box9 .top{ font-size: 5.8em; line-height: 64px;}
.c6100-box9 .list li .text .t{ font-size: 2.6em;}
.c6100-box9 .list li .text .p{ font-size: 2.6em;}

/********************h3200**********************/
.h3200-box1 .text .title{ font-size: 8em;}
.h3200-box1 .text .p{ font-size: 5.6em;}
.h3200-box3 .text .title{ font-size: 5.2em;}
.h3200-box3 .text .p{ font-size: 2.4em; line-height: 40px;}
.h3200-box4 .text .title{ font-size: 5.2em;}
.h3200-box4 .text .p{ font-size: 2.4em; line-height: 40px;}
.h3200-box5 li .title{ font-size: 8em;}
.h3200-box6 li .box .title{ font-size: 5.2em;}
.h3200-box6 li .box .p{ font-size: 2.4em; line-height: 40px;}
.h3200-box7 .top .title{ font-size: 5.6em;}
.h3200-box7 .top .text{ font-size: 2.4em; line-height: 40px; padding: 0 20%;}
.h3200-box8 li .title{ font-size: 5.6em;}
.h3200-box8 li .text .t{ font-size: 5.6em;}
.h3200-box8 li .text .p{ font-size: 2.4em;}
.h3200-box9 .box .top .t{ font-size: 4em;}
.h3200-box9 .box .top .p{ font-size: 2.8em;}
.h3200-box9 .box .list li{ margin-bottom: 30px;}
.h3200-box9 .box .list li .text .t{ font-size: 1.8em;}
.h3200-box9 .box .list li .text .p{ font-size: 1.4em;}
.h3200-box9 .box .list li.ys2 .text .p{ font-size: 1.4em;}

/********************nb801**********************/
.nb801-box1 .text .title{ font-size: 8em;}
.nb801-box1 .text .p{ font-size: 5.8em;}
.nb801-box2 .top .title{ font-size: 5.2em;}
.nb801-box2 .top .text{ font-size: 2.4em; padding: 0 26%;}
.nb801-box4 .text .title{ font-size: 4.8em;}
.nb801-box4 .text .t{ font-size: 3em;}
.nb801-box4 .text .p{ font-size: 2.4em; width: 40%;}
.nb801-box5 .top .title{ font-size: 5.2em;}
.nb801-box5 .top .text{ font-size: 4.2em;}
.nb801-box6 .text .title{ font-size: 5.2em;}

/********************h3100**********************/
.h3100-box1 .text .title{ font-size: 8em;}
.h3100-box1 .text .p{ font-size: 5.8em;}
.h3100-box2 .top .title{ font-size: 5.2em;}
.h3100-box2 .top .text{ font-size: 2.4em; padding: 0 26%;}
.h3100-box3 .text .title{ font-size: 5em;}
.h3100-box3 .text .p{ font-size: 2.4em;}
.h3100-box4 li .title{ font-size: 4em;}
.h3100-box4 li .text .p{ font-size: 2em;}
.h3100-box4 li .text .other{ font-size: 5em;}
.h3100-box6 .box{ height: 750px;}
.h3100-box6 .box .title{ font-size: 4em;}

/********************h3000**********************/
.h3000-box1 .text{ letter-spacing: 3px;}
.h3000-box1 .text .title{ font-size: 8em;}
.h3000-box1 .text .p{ font-size: 4.4em;}
.h3000-box1 .text .p2{ font-size: 4em;}
.h3000-box2 .top .title{ font-size: 5.2em;}
.h3000-box2 .top .text{ font-size: 2.4em;}
.h3000-box3 .text .title{ font-size: 4.2em;}
.h3000-box3 .text .t{ font-size: 2.6em;}
.h3000-box3 .text .p{ font-size: 2.4em;}
.h3000-box4 .top .title{ font-size: 5.2em;}
.h3000-box4 .top .text{ font-size: 2.4em; padding: 0 30%;}
.h3000-box5 .top .title{ font-size: 4.2em;}
.h3000-box5 .top .t{ font-size: 2.6em;}
.h3000-box5 .top .text{ font-size: 2.4em;}
.h3000-box5 .list li .title{ font-size: 3.2em;}
.h3000-box6 .text .t{ font-size: 2.8em;}
.h3000-box6 .text .title{ font-size: 4.2em;}
.h3000-box6 .text .p{ font-size: 2.4em;}
.h3000-box7 .text .t{ font-size: 2.8em;}
.h3000-box7 .text .title{ font-size: 4.2em;}
.h3000-box7 .text .p{ font-size: 2.4em;}

/********************bj6100**********************/
.bj6100-box1 .text .title{ font-size: 8em;}
.bj6100-box1 .text .p{ font-size: 3.4em;}
.bj6100-box2 .top .title{ font-size: 5.8em;}
.bj6100-box2 .top .text{ font-size: 2.4em; line-height: 40px; margin-top: 1.5%;}
.bj6100-box3 .text .title{ font-size: 5.2em;}
.bj6100-box3 .text .p{ width: 38%;}
.bj6100-box3 .text .other{ font-size: 4.8em;}
.bj6100-box4 .text .title{ font-size: 5.2em;}
.bj6100-box4 .text .other{ font-size: 4.8em;}
.bj6100-box6 .text .title{ font-size: 5.2em;}
.bj6100-box6 .text .p{ font-size: 2.4em;}
.bj6100-box7 li .text .box{ padding: 10% 12%;}
.bj6100-box7 li .text .t{ font-size: 16em;}
.bj6100-box7 li .text .p{ font-size: 3.6em;}

/********************bj6200**********************/
.bj6200-box1 .text .title{ font-size: 8em;}
.bj6200-box1 .text .p{ font-size: 3.4em;}
.bj6200-box2 .top .t{ font-size: 5em;}
.bj6200-box2 .top .p{ font-size: 2.6em;}
.bj6200-box3 .text .t{ font-size: 5em;}
.bj6200-box3 .text .p{ font-size: 2.4em; line-height: 40px;}
.bj6200-box4 .img1{ width: 30%;}
.bj6200-box4 .img2{ width: 40%;}
.bj6200-box4 .text .t{ font-size: 5em;}
.bj6200-box4 .text .p{ font-size: 2.6em; margin-top: 3%;}
.bj6200-box6 .top .title{ font-size: 5em;}
.bj6200-box6 .top .text{ font-size: 2.6em; margin-top: 2.5%;}
.bj6200-box7 li .text .box{ transform: translateY(-38%);}
.bj6200-box7 li .text .t{ font-size: 5em;}
.bj6200-box7 li .text .p{ font-size: 2.6em;}
.bj6200-box8 .top .title{ font-size: 5em;}
.bj6200-box8 .top .text{ font-size: 4em;}

/********************bX6100**********************/
.bx6100-box1 .text .title{ font-size: 8em;}
.bx6100-box1 .text .p{ font-size: 3.4em;}
.bx6100-box1 .text .p2{ font-size: 3em;}
.bx6100-box2 .top .t{ font-size: 5em;}
.bx6100-box2 .top .p{ font-size: 2.6em; padding: 0 22%;}
.bx6100-box3 .text .t{ font-size: 5em;}
.bx6100-box3 .text .p{ font-size: 2.2em;}
.bx6100-box4 .text .t{ font-size: 5em;}
.bx6100-box4 .text .p{ font-size: 2.2em;}
.bx6100-box5 li .title{ font-size: 4em;}
.bx6100-box6 .text .t{ font-size: 5em;}
.bx6100-box6 .text .p{ font-size: 2.6em;}
.bx6100-box6 .text .icon img{ width: 45%;}
.bx6100-box7 .top{ font-size: 5em;}
.bx6100-box8 .top .title{ font-size: 5em;}
.bx6100-box8 .top .text{ font-size: 2.6em; padding: 0 22%;}
.bx6100-box8 .list li{ margin-bottom: 5%;}
.bx6100-box8 .list li .img p{ font-size: 5em;}

/********************bX6200**********************/
.bx6200-box1 .text .title{ font-size: 8em;}
.bx6200-box1 .text .p{ font-size: 4.4em;}
.bx6200-box2 .text .t{ font-size: 2.8em;}
.bx6200-box2 .text .title{ font-size: 5.6em;}
.bx6200-box2 .text .p{ font-size: 2.4em;}
.bx6200-box3 .top .t{ font-size: 5em;}
.bx6200-box3 .top .p{ font-size: 2.6em; padding: 0 27%;}
.bx6200-box4 .top .t{ font-size: 5em;}
.bx6200-box4 .top .p{ font-size: 2.6em; padding: 0 29%;}
.bx6200-box5 .list li .title{ font-size: 4.4em;}
.bx6200-box6 .top{ font-size: 5em;}
.bx6200-box7 .text .t{ font-size: 5em;}
.bx6200-box7 .text .p{ font-size: 2.6em;}

/********************c5000**********************/
.c5000-box1 .text{ transform: translateY(-30%);}
.c5000-box1 .text .title{ font-size: 8em;}
.c5000-box1 .text .p{ font-size: 4.4em;}
.c5000-box3 .top .t{ font-size: 5em;}
.c5000-box3 .top .p{ font-size: 2.8em; margin-top: 1.5%; padding: 0 28%;}
.c5000-box4 .text .t{ font-size: 5em;}
.c5000-box4 .text .p{ font-size: 2.6em;}
.c5000-box5 .text{ left: 12%;}
.c5000-box5 .text .t{ font-size: 5em;}
.c5000-box5 .text .p{ font-size: 2.6em;}
.c5000-box6 .top .t{ font-size: 5em;}
.c5000-box6 .top .p{ font-size: 2.6em;}
.c5000-box7 .text .t{ font-size: 5em;}
.c5000-box7 .text .p{ font-size: 2.6em;}
.c5000-box8 .top{ font-size: 5em;}
.c5000-box8 .list li .img p{ font-size: 4em;}
.c5000-box8 .list li .img p i{ width: 70px; transform: translateY(-12px);}

/********************c5100**********************/
.c5100-box1 .text .title{ font-size: 8em;}
.c5100-box1 .text .p{ font-size: 4.4em;}
.c5100-box1 .text .p2{ font-size: 5em;}
.c5100-box2 .text .t{ font-size: 5em;}
.c5100-box2 .text .p{ width: 90%;}
.c5100-box2 .text ul{ width: 95%;}
.c5100-box2 .text li span{ font-size: 2.2em;}
.c5100-box2 .text li p{ font-size: 4em;}
.c5100-box3 .text .t{ font-size: 5em;}
.c5100-box3 .text ul{ width: 95%;}
.c5100-box5 .text .t{ font-size: 5em;}

/********************c6000**********************/
.c6000-box1 .text .title{ font-size: 8em; line-height: 60px;}
.c6000-box1 .text .p{ font-size: 3em;}
.c6000-box1 .text .p2{ font-size: 4em;}
.c6000-box2 .top .t{ font-size: 5em;}
.c6000-box2 .top .p{ font-size: 2.6em; padding: 0 26%;}
.c6000-box3 .text .title{ font-size: 5em;}
.c6000-box3 .text .t{ font-size: 3em;}
.c6000-box3 .text .p{ font-size: 2.6em;}
.c6000-box4 .top .t{ font-size: 5em;}
.c6000-box4 .top .p{ font-size: 2.6em; padding: 0 30%;}
.c6000-box5{ padding: 40px 0;}
.c6000-box5 .top{ font-size: 5em;}
.c6000-box5 .list{ margin-top: 60px;}
.c6000-box5 .list li .title{ font-size: 3.2em;}
.c6000-box6 .top{ font-size: 5em;}
.c6000-box7 .text .t{ font-size: 2.6em;}
.c6000-box7 .text .title{ font-size: 5em;}
.c6000-box7 .text .p{ font-size: 2.6em;}

/********************nb501**********************/
.nb501-box1 .text .title{ font-size: 8em;}
.nb501-box1 .text .p{ font-size: 4em;}
.nb501-box3 .top .t{ font-size: 5em;}
.nb501-box3 .top .p{ font-size: 2.6em; padding: 0 28%;}
.nb501-box4 .text .t{ font-size: 5em;}
.nb501-box4 .text .p{ font-size: 2.6em; margin-top: 40px;}
.nb501-box5 .text .t{ font-size: 5em;}
.nb501-box5 .text .p{ font-size: 2.6em;}
.nb501-box6 .box{ height: 750px;}
.nb501-box6 .box .title{ font-size: 4em;}
.nb501-box7 .text .t{ font-size: 5em;}
.nb501-box7 .text .p{ font-size: 2.6em;}
.nb501-box8 .top .t{ font-size: 5em;}
.nb501-box8 .top .p{ font-size: 2.6em; padding: 0 25%;}
.nb501-box9 .text .t{ font-size: 5em;}
.nb501-box9 .text .p{ font-size: 2.6em; margin-top: 40px;}

/**************************c6100-2d*************************/
.c6100-2d-box1 .text{ transform: translateY(-32%);}
.c6100-2d-box1 .text .t{ font-size: 8em;}
.c6100-2d-box1 .text .bq span{ font-size: 3em;}
.c6100-2d-box1 .text .p{ font-size: 4em;}
.c6100-2d-box1 .text .other p{ font-size: 1.8em;}
.c6100-2d-box1 .img{ width: 42.3%;}
.c6100-2d-box4 .text .p, .c6100-2d-box4 .text .p2, .c6100-2d-box5 .text .p, .c6100-2d-box5 .text .p2, .c6100-2d-box6 .text .p, .c6100-2d-box7 .text .p, .c6100-2d-box7 .text .p2, .c6100-2d-box8 .text .p, .c6100-2d-box8 .text .p2{ font-size: 2.6em;}

/********************bx6210**********************/
.bx6210-box1 .text{ top: 58%;}
.bx6210-box1 .text .t{ font-size: 10.8em;}
.bx6210-box1 .text .p span{ font-size: 3.4em;}
.bx6210-box1 .text .p2{ font-size: 4.6em;}
.bx6210-box1 .text .p2 p{ line-height: 70px;}
.bx6210-box1 .img{ width: 32.2%;}

.bx6210-box5 .text .title .t, .bx6210-box5 .text .title .t-f, .bx6210-box6 .text .title .t, .bx6210-box6 .text .title .t-f, .bx6210-box7 .text .title .t, .bx6210-box7 .text .title .t-f, .bx6210-box8 .text .title .t, .bx6210-box8 .text .title .t-f{ font-size: 6.4em;}
.bx6210-box5 .text .p, .bx6210-box6 .text .p, .bx6210-box8 .text .p{ font-size: 2.4em; margin-top: 3.2vw;}
.bx6210-box7 .text{ width: 438px;}
.bx6210-box7 .text .p p{ font-size: 6.4em; height: 64px; line-height: 58px;}

/*******************p11**********************/
.p11-box1 .text .p1{ font-size: 4.8em;}
.p11-box1 .text .p2{ font-size: 3.2em;}
.p11-box2 .top .sub_t{ font-size: 3em;}
.p11-box3 .title .sub_t{ font-size: 2.6em;}
.p11-box3 .imgs img{ width: 46%;}
.p11-box4 .text{ padding: 0 6% 0 8%;}
.p11-box5 .text{ padding: 0 6%;}
.p11-box8 .frame{ width: 100%;}
.p11-box9 .box{ width: 100%;}
.p11-box11 .text .p{ letter-spacing: 2px;} 
.p11-cs .list li{ width: calc((100% - 54px) / 4);}
.p11-cs .list li:nth-child(5n){ margin-right: 18px;}
.p11-cs .list li:nth-child(4n){ margin-right: 0;}
.p11-cs .list li .text{ font-size: 1.6em;}










}
@media (max-width:1366px) and (min-width: 1200px){
/* .product-data-top{ padding: 45px 40px 10px; top: 20%;} */

/********************c6100*********************/
.c6100-box1 .text{ padding: 0 40px; z-index: 1; transform: translateY(-15%);}
.c6100-box1 .text .title{ font-size: 6em;}
.c6100-box1 .text .p{ font-size: 3.4em;}
.c6100-box1 .img{ z-index: 1; transform: translateY(-25%);}
.c6100-box1 .bg{ position: relative; height: 720px; z-index: 0;}
.c6100-box1 .bg img{ position: absolute; max-width: inherit; height: 100%; left: 50%; transform: translateX(-50%);}
.c6100-box2 .top .title{ font-size: 4.8em;}
.c6100-box2 .top .text{ font-size: 2.2em; line-height: 35px; margin-top: 1.5%; padding: 0 16%;}
.c6100-box2 .list{ padding: 0 40px;}
.c6100-box2 .list li .text{ font-size: 2.2em;}
.c6100-box3 .text{ padding: 0 40px;}
.c6100-box3 .text .title{ font-size: 4.8em;}
.c6100-box3 .text .p{ font-size: 1.8em;}
.c6100-box3 .text .other{ font-size: 4em;}
.c6100-box4 .text{ right: 40px;}
.c6100-box4 .text .title{ font-size: 4.8em;}
.c6100-box4 .text .p{ font-size: 1.8em;}
.c6100-box4 .text .other{ font-size: 4em;}
.c6100-box5 .top .title{ font-size: 4.8em;}
.c6100-box5 .top .text{ font-size: 2.2em; line-height: 35px; margin-top: 1.5%;}
.c6100-box6 .text .title{ font-size: 4.8em; line-height: 56px;}
.c6100-box6 .text .p{ font-size: 2.2em;}
.c6100-box8 .top{ font-size: 4.8em;}
.c6100-box8 .list{ border-radius: 60px;}
.c6100-box8 .list li .title{ font-size: 3.8em;}
.c6100-box9{ padding: 4% 40px;}
.c6100-box9 .top{ font-size: 4.8em; line-height: 56px;}
.c6100-box9 .list li .text .t{ font-size: 2.2em;}
.c6100-box9 .list li .text .p{ font-size: 2.2em;}

/********************h3200**********************/
.h3200-box1 .text{ padding: 0 40px;}
.h3200-box1 .text .title{ font-size: 6em;}
.h3200-box1 .text .p{ font-size: 4.6em;}
.h3200-box1 .img{ right: 40px;}
.h3200-box3 .text .title{ font-size: 4.2em;}
.h3200-box3 .text .p{ font-size: 2.2em; line-height: 40px;}
.h3200-box4 .text .title{ font-size: 4.2em;}
.h3200-box4 .text .p{ font-size: 2.2em; line-height: 40px;}
.h3200-box5 li .title{ font-size: 6em;}
.h3200-box6 li .box .title{ font-size: 4.2em;}
.h3200-box6 li .box .p{ font-size: 2.2em; line-height: 40px;}
.h3200-box7 .top .title{ font-size: 4.6em;}
.h3200-box7 .top .text{ font-size: 2.2em; line-height: 40px; padding: 0 20%;}
.h3200-box8 li{ padding: 0 30px; margin-bottom: 60px;}
.h3200-box8 li .title{ font-size: 4.6em;}
.h3200-box8 li .text .t{ font-size: 4.6em;}
.h3200-box8 li .text .p{ font-size: 2.2em;}
.h3200-box9 .box{ padding: 40px;}
.h3200-box9 .box .top .t{ font-size: 4em;}
.h3200-box9 .box .top .p{ font-size: 2.6em;}
.h3200-box9 .box .list li{ margin-bottom: 30px;}
.h3200-box9 .box .list li .icon{ padding: 12px 15px 0 0;}
.h3200-box9 .box .list li .text .t{ font-size: 1.8em;}
.h3200-box9 .box .list li .text .p{ font-size: 1.4em;}
.h3200-box9 .box .list li.ys2 .text .p{ font-size: 1.4em;}

/********************nb801**********************/
.nb801-box1 .text{ padding: 0 40px;}
.nb801-box1 .text .title{ font-size: 6em; letter-spacing: 5px;}
.nb801-box1 .text .p{ font-size: 4.6em; letter-spacing: 5px;}
.nb801-box1 .img{ right: 40px;}
.nb801-box2 .top .title{ font-size: 4.2em;}
.nb801-box4 .text{ padding: 0 40px;}
.nb801-box2 .top .text{ font-size: 2.2em; padding: 0 20%;}
.nb801-box4 .text .title{ font-size: 3.8em;}
.nb801-box4 .text .t{ font-size: 2.6em;}
.nb801-box4 .text .p{ font-size: 2.2em; width: 40%;}
.nb801-box5 .top .title{ font-size: 4.2em;}
.nb801-box5 .top .text{ font-size: 3.2em;}
.nb801-box6{ padding: 3% 40px;}
.nb801-box6 .text .box{ padding-left:0 ;}
.nb801-box6 .text .title{ font-size: 4.2em;}

/********************h3100**********************/
.h3100-box1 .text{ padding: 0 40px;}
.h3100-box1 .text .title{ font-size: 6em;}
.h3100-box1 .text .p{ font-size: 4.8em;}
.h3100-box1 .img{ right: 40px;}
.h3100-box2 .top .title{ font-size: 4.2em;}
.h3100-box2 .top .text{ font-size: 2.2em; padding: 0 20%; line-height: 38px; margin-top: 1.5%;}
.h3100-box3 .text{ right: 40px;}
.h3100-box3 .text .title{ font-size: 4em;}
.h3100-box3 .text .p{ font-size: 2.2em;}
.h3100-box4 li .title{ font-size: 3.8em;}
.h3100-box4 li .text .p{ font-size: 1.6em;}
.h3100-box4 li .text .other{ font-size: 4em;}
.h3100-box6{ margin: 0 -70px;}
.h3100-box6 .box{ height: 750px;}
.h3100-box6 .box .title{ font-size: 4em;}

/********************h3000**********************/
.h3000-box1 .text{ padding: 0 40px;}
.h3000-box1 .text{ letter-spacing: 3px; transform: translateY(-24%);}
.h3000-box1 .text .title{ font-size: 6em; line-height: 60px;}
.h3000-box1 .text .p{ font-size: 4em;}
.h3000-box1 .text .p2{ font-size: 3.8em; margin-top: 20px;}
.h3000-box1 .img{ right: 40px; width: 41%; transform: translateY(-30%);}
.h3000-box2 .top .title{ font-size: 4.2em;}
.h3000-box2 .top .text{ font-size: 2.2em; padding: 0 20%;}
.h3000-box3 .text{ padding: 0 40px;}
.h3000-box3 .text .title{ font-size: 3.2em;}
.h3000-box3 .text .t{ font-size: 2em;}
.h3000-box3 .text .p{ font-size: 1.8em; width: 45%;}
.h3000-box4 .top .title{ font-size: 4.2em;}
.h3000-box4 .top .text{ font-size: 2.2em; padding: 0 30%;}
.h3000-box5{ padding: 40px 0;}
.h3000-box5 .top .title{ font-size: 3.2em;}
.h3000-box5 .top .t{ font-size: 2.2em;}
.h3000-box5 .top .text{ font-size: 2em;}
.h3000-box5 .list li .title{ font-size: 2.6em; margin-top: 20px;}
.h3000-box6 .text{ right: 40px;}
.h3000-box6 .text .t{ font-size: 2.4em;}
.h3000-box6 .text .title{ font-size: 3.2em;}
.h3000-box6 .text .p{ font-size: 2em;}
.h3000-box7 .text{ padding: 0 40px;}
.h3000-box7 .text .t{ font-size: 2.4em;}
.h3000-box7 .text .title{ font-size: 3.2em;}
.h3000-box7 .text .p{ font-size: 2em;}

/********************bj6100**********************/
.bj6100-box1 .text{ padding: 0 40px;}
.bj6100-box1 .text .title{ font-size: 6em;}
.bj6100-box1 .text .p{ font-size: 2.6em; margin-top: 10px;}
.bj6100-box2 .top .title{ font-size: 4.8em;}
.bj6100-box2 .top .text{ font-size: 2.2em; line-height: 35px; margin-top: 1.5%; padding: 0 16%;}
.bj6100-box2 .list{ padding: 0 40px;}
.bj6100-box2 .list li .text{ font-size: 2.2em;}
.bj6100-box3 .text{ padding: 0 40px;}
.bj6100-box3 .text .title{ font-size: 4.2em;}
.bj6100-box3 .text .p{ width: 38%;}
.bj6100-box3 .text .other{ font-size: 3.8em;}
.bj6100-box3 .img{ right: 40px;}
.bj6100-box4 .text{ right: 40px;}
.bj6100-box4 .text .title{ font-size: 4.2em;}
.bj6100-box4 .text .other{ font-size: 3.8em;}
.bj6100-box6 .text .title{ font-size: 4.2em;}
.bj6100-box6 .text .p{ font-size: 2.2em;}
.bj6100-box7 li .text .box{ padding: 10% 12%;}
.bj6100-box7 li .text .t{ font-size: 14em;}
.bj6100-box7 li .text .p{ font-size: 3.2em;}

/********************bj6200**********************/
.bj6200-box1 .text{ padding: 0 40px; transform: translateY(-20%);}
.bj6200-box1 .text .title{ font-size: 6em; line-height: normal;}
.bj6200-box1 .text .p{ font-size: 2.6em; margin-top: 20px;}
.bj6200-box1 .img{ width: 26%; right: 40px; transform: translateY(-30%);}
.bj6200-box2 .top{ padding: 0 40px;}
.bj6200-box2 .top .t{ font-size: 4em;}
.bj6200-box2 .top .p{ font-size: 2.4em;}
.bj6200-box3 .text{ padding: 0 40px;}
.bj6200-box3 .text .t{ font-size: 4em;}
.bj6200-box3 .text .p{ font-size: 2.2em; line-height: 40px; margin-top: 3%;}
.bj6200-box4 .img1{ width: 30%;}
.bj6200-box4 .img2{ width: 40%;}
.bj6200-box4 .text{ padding: 0 40px;}
.bj6200-box4 .text .t{ font-size: 4em;}
.bj6200-box4 .text .p{ font-size: 2.2em; margin-top: 3%;}
.bj6200-box6 .top .title{ font-size: 4em;}
.bj6200-box6 .top .text{ font-size: 2.2em; margin-top: 2.5%;}
.bj6200-box7 li{ padding: 0 10%;}
.bj6200-box7 li .text .box{ transform: translateY(-38%);}
.bj6200-box7 li .text .t{ font-size: 4em;}
.bj6200-box7 li .text .p{ font-size: 2.2em;}
.bj6200-box8 .top .title{ font-size: 4em;}
.bj6200-box8 .top .text{ font-size: 3em;}

/********************bX6100**********************/
.bx6100-box1 .text{ padding: 0 40px;}
.bx6100-box1 .text .title{ font-size: 6em; line-height: 54px;}
.bx6100-box1 .text .p{ font-size: 3.6em;}
.bx6100-box1 .text .p2{ font-size: 2.6em; margin-top: 20px;}
.bx6100-box1 .img{ right: 40px; transform: translateY(-30%);}
.bx6100-box2 .top .t{ font-size: 4em;}
.bx6100-box2 .top .p{ font-size: 2.4em; padding: 0 20%;}
.bx6100-box3 .text{ padding: 0 40px;}
.bx6100-box3 .text .t{ font-size: 4em;}
.bx6100-box3 .text .p{ font-size: 2.2em;}
.bx6100-box4 .text{ padding: 0 40px;}
.bx6100-box4 .text .t{ font-size: 4em;}
.bx6100-box4 .text .p{ font-size: 2.2em;}
.bx6100-box4 .img{ right: 40px;}
.bx6100-box5 li .title{ font-size: 3em;}
.bx6100-box6 .text{ right: 40px; width: 40%;}
.bx6100-box6 .text .t{ font-size: 4em;}
.bx6100-box6 .text .p{ font-size: 2.4em;}
.bx6100-box6 .text .icon img{ width: 35%;}
.bx6100-box6 .img{ left: 40px;}
.bx6100-box7 .top{ font-size: 4em;}
.bx6100-box8 .top .title{ font-size: 4em;}
.bx6100-box8 .top .text{ font-size: 2.4em; padding: 0 20%;}
.bx6100-box8 .list li{ margin-bottom: 5%;}
.bx6100-box8 .list li .img p{ font-size: 4em;}

/********************bX6200**********************/
.bx6200-box1 .text{ padding: 0 40px;}
.bx6200-box1 .text .title{ font-size: 6em;}
.bx6200-box1 .text .p{ font-size: 3.6em;}
.bx6200-box1 .img{ right: 40px;}
.bx6200-box2 .text .t{ font-size: 2.4em;}
.bx6200-box2 .text .title{ font-size: 4em;}
.bx6200-box2 .text .p{ font-size: 2.2em;}
.bx6200-box3 .top .t{ font-size: 4em;}
.bx6200-box3 .top .p{ font-size: 2.4em; padding: 0 24%; margin-top: 2.5%;}
.bx6200-box4 .top .t{ font-size: 4em;}
.bx6200-box4 .top .p{ font-size: 2.4em; padding: 0 26%;}
.bx6200-box5 .list li .title{ font-size: 3.4em;}
.bx6200-box6 .top{ font-size: 4em;}
.bx6200-box7 .text{ padding: 0 40px;}
.bx6200-box7 .text .t{ font-size: 4em;}
.bx6200-box7 .text .p{ font-size: 2.4m;}

/********************c5000**********************/
.c5000-box1 .text{ padding: 0 40px; transform: translateY(-30%);}
.c5000-box1 .text .title{ font-size: 6em;}
.c5000-box1 .text .p{ font-size: 3.6em; margin-top: 15px;}
.c5000-box1 .img{ width: 31%;}
.c5000-box3 .top .t{ font-size: 4em;}
.c5000-box3 .top .p{ font-size: 2.4em; margin-top: 1.5%; padding: 0 28%;}
.c5000-box4 .img{ width: 50%; left: 40px;}
.c5000-box4 .text{ right: 40px; width: 42%;}
.c5000-box4 .text .t{ font-size: 4em;}
.c5000-box4 .text .p{ font-size: 2.4em; margin-top: 5%;}
.c5000-box5 .img{ right: 40px;}
.c5000-box5 .text{ left: 12%; width: 34%;}
.c5000-box5 .text .t{ font-size: 4em;}
.c5000-box5 .text .p{ font-size: 2.4em; margin-top: 5%;}
.c5000-box6 .top .t{ font-size: 4em;}
.c5000-box6 .top .p{ font-size: 2.4em;}
.c5000-box7 .text .t{ font-size: 4em;}
.c5000-box7 .text .p{ font-size: 2.4em;}
.c5000-box8 .top{ font-size: 4em;}
.c5000-box8 .list li .img p{ font-size: 3em;}
.c5000-box8 .list li .img p i{ width: 70px; height: 3px; transform: translateY(-10px);}

/********************c5100**********************/
.c5100-box1 .text{ padding: 0 40px;}
.c5100-box1 .text .title{ font-size: 6em;}
.c5100-box1 .text .p{ font-size: 3.6em;}
.c5100-box1 .text .p2{ font-size: 4em;}
.c5100-box1 .img{ transform: translateY(-30%);}
.c5100-box2 .text{ left: 40px; width: 36%;}
.c5100-box2 .text .t{ font-size: 4em;}
.c5100-box2 .text .p{ width: 95%; font-size: 2.2em;}
.c5100-box2 .text ul{ width: 95%;}
.c5100-box2 .text li span{ font-size: 2em;}
.c5100-box2 .text li p{ font-size: 3.6em;}
.c5100-box2 .img{ right: 40px;}
.c5100-box3 .text{ right: 40px; width: 45%;}
.c5100-box3 .text .p{ font-size: 2.2em;}
.c5100-box3 .text .t{ font-size: 4em;}
.c5100-box3 .text ul{ width: 95%;}
.c5100-box3 .img{ left: 40px;}
.c5100-box5 .text{ left: 40px; width: 46%;}
.c5100-box5 .text .t{ font-size: 4em;}
.c5100-box5 .text .p{ font-size: 2.2em;}
.c5100-box5 .img{ right: 40px;}

/********************c6000**********************/
.c6000-box1 .text{ padding: 0 40px; transform: translateY(-20%);}
.c6000-box1 .text .title{ font-size: 6em; line-height: 60px;}
.c6000-box1 .text .p{ font-size: 2.6em;}
.c6000-box1 .text .p2{ font-size: 3.6em;}
.c6000-box1 .img{ right: 40px; width: 25%; transform: translateY(-30%);}
.c6000-box2 .top .t{ font-size: 4em;}
.c6000-box2 .top .p{ font-size: 2.2em; padding: 0 26%;}
.c6000-box3 .text{ padding: 0 40px;}
.c6000-box3 .text .title{ font-size: 4em;}
.c6000-box3 .text .t{ font-size: 2.6em;}
.c6000-box3 .text .p{ font-size: 2.2em; margin-top: 40px;}
.c6000-box3 .img{ right: 40px;}
.c6000-box4 .top .t{ font-size: 4em;}
.c6000-box4 .top .p{ font-size: 2.2em; padding: 0 30%; margin-top: 1%;}
.c6000-box5{ padding: 40px 0;}
.c6000-box5 .top{ font-size: 4em;}
.c6000-box5 .list{ margin-top: 50px;}
.c6000-box5 .list li .title{ font-size: 2.8em; margin-top: 30px;}
.c6000-box6 .top{ font-size: 4em;}
.c6000-box7 .text{ padding: 0 40px;}
.c6000-box7 .text .t{ font-size: 2.2em;}
.c6000-box7 .text .title{ font-size: 4em;}
.c6000-box7 .text .p{ font-size: 2.2em;}

/********************nb501**********************/
.nb501-box1 .text{ padding: 0 40px;}
.nb501-box1 .text .title{ font-size: 6em;}
.nb501-box1 .text .p{ font-size: 3.6em;}
.nb501-box1 .img {transform: translateY(-31%);}
.nb501-box3 .top .t{ font-size: 4em;}
.nb501-box3 .top .p{ font-size: 2.2em; padding: 0 28%;}
.nb501-box4 .text{ right: 40px; width: 46%; transform: translateY(-65%);}
.nb501-box4 .text .t{ font-size: 4em;}
.nb501-box4 .text .p{ font-size: 2.2em; margin-top: 40px;}
.nb501-box4 .img{ left: 40px;}
.nb501-box5{ padding: 4% 40px;}
.nb501-box5 .text{ left: 40px; width: 35%;}
.nb501-box5 .text .t{ font-size: 4em;}
.nb501-box5 .text .p{ font-size: 2.2em;}
.nb501-box6{ margin: 0 -70px;}
.nb501-box6 .box{ height: 750px;}
.nb501-box6 .box .title{ font-size: 4em;}
.nb501-box7 .text{ left: 40px;}
.nb501-box7 .text .t{ font-size: 4em;}
.nb501-box7 .text .p{ font-size: 2.2em;}
.nb501-box7 .img{ right: 98px;}
.nb501-box8 .top .t{ font-size: 4em;}
.nb501-box8 .top .p{ font-size: 2.2em; padding: 0 25%;}
.nb501-box9 .text{ left: 40px; width: 36%;}
.nb501-box9 .text .t{ font-size: 4em;}
.nb501-box9 .text .p{ font-size: 2.2em; margin-top: 40px;}

/**************************c6100-2d*************************/
.c6100-2d-box1 .text{ transform: translateY(-34%);}
.c6100-2d-box1 .text .t{ font-size: 6em;}
.c6100-2d-box1 .text .bq span{ font-size: 2.4em; border: 1px solid #fff; padding: 5px 10px;}
.c6100-2d-box1 .text .p{ font-size: 3em; margin-top: 2vw;}
.c6100-2d-box1 .text .other{ text-align: center; margin-top: 2vw;}
.c6100-2d-box1 .text .other span{ width: 20px; height: 20px;}
.c6100-2d-box1 .text .other p{ font-size: 1.6em;}
.c6100-2d-box1 .img{ width: 41.3%;}
.c6100-2d-box4 .text .p, .c6100-2d-box4 .text .p2, .c6100-2d-box5 .text .p, .c6100-2d-box5 .text .p2, .c6100-2d-box6 .text .p, .c6100-2d-box7 .text .p, .c6100-2d-box7 .text .p2, .c6100-2d-box8 .text .p, .c6100-2d-box8 .text .p2{ font-size: 2.2em;}
.c6100-2d-box4 .text .t, .c6100-2d-box5 .text .t, .c6100-2d-box7 .text .t, .c6100-2d-box8 .text .t{ padding-right: 53%;}
.c6100-2d-box6 .text .t{ padding: 0 38%;}

/********************bx6210**********************/
.bx6210-box1 .text{ top: 62%;}
.bx6210-box1 .text .t{ font-size: 6.8em;}
.bx6210-box1 .text .p span{ font-size: 2.4em; border: 2px solid #ffd5a7; letter-spacing: 0;}
.bx6210-box1 .text .p2{ font-size: 3.6em;}
.bx6210-box1 .text .p2 p{ line-height: 50px;}
.bx6210-box1 .img{ width: 32.2%;}

.bx6210-box3 .box3{ margin: 1.2vw -15px 0;}
.bx6210-box3 .box3 li{ padding: 0 15px;}

.bx6210-box5 .text .title .t, .bx6210-box5 .text .title .t-f, .bx6210-box6 .text .title .t, .bx6210-box6 .text .title .t-f, .bx6210-box7 .text .title .t, .bx6210-box7 .text .title .t-f, .bx6210-box8 .text .title .t, .bx6210-box8 .text .title .t-f{ font-size: 4.4em;}
.bx6210-box5 .text .p, .bx6210-box6 .text .p, .bx6210-box8 .text .p{ font-size: 2em; margin-top: 3.2vw;}
.bx6210-box7 .text{ width: 306px;}
.bx6210-box7 .text .p p{ font-size: 4.4em; height: 44px; line-height: 40px;}

/*******************p11**********************/
.p11-box1 .text{ top: 58%;}
.p11-box1 .text .p1{ font-size: 4em;}
.p11-box1 .text .p2{ font-size: 2.6em;}
.p11-box2 .top .sub_t{ font-size: 3em;}
.p11-box2 .box{ width: 100%;}
.p11-box3 .title .sub_t{ font-size: 2.4em;}
.p11-box3 .imgs img{ width: 45%;}
.p11-box4 .text{ padding: 0 4% 0 6%;}
.p11-box4 .text .p{ font-size: 1.8em;}
.p11-box4 .text .bq img{ width: 50px; margin-right: 20px;}
.p11-box5 .text{ padding: 0 4% 0 6%;}
.p11-box5 .text .p{ font-size: 1.8em;}
.p11-box5 .text .other{ font-size: 1.8em;}
.p11-box5 .text .other img{ width: 64px;}
.p11-box6 .top .p{ font-size: 1.8em;}
.p11-box7 .box li{ font-size: 2em;}
.p11-box8 .frame{ width: 100%;}
.p11-box8 .frame li .box .p{ font-size: 1.6em;}
.p11-box8 .frame li .box .other label{ margin-right: 30px;}
.p11-box8 .frame li .box .other label span{ font-size: 2rem;}
.p11-box9 .box{ width: 100%;}
.p11-box11 .text .p{ letter-spacing: 1px; font-size: 1.8em;} 
.p11-cs .top{ font-size: 4em;}
.p11-cs .list li{ width: calc((100% - 36px) / 3);}
.p11-cs .list li:nth-child(5n){ margin-right: 18px;}
.p11-cs .list li:nth-child(3n){ margin-right: 0;}
.p11-cs .list li:nth-last-child(2){ margin-right: 18px;}
.p11-cs .list li .text{ font-size: 1.6em;}





}
@media (max-width:1199px) and (min-width:992px){
/* .product-data-top{ padding: 10px 40px; top: 22%;} */

/********************c6100*********************/
.c6100-box1 .text{ padding: 0 40px; z-index: 1; transform: translateY(-15%);}
.c6100-box1 .text .title{ font-size: 4.8em;}
.c6100-box1 .text .p{ font-size: 2.8em;}
.c6100-box1 .img{ right: 40px; z-index: 1; transform: translateY(-25%);}
.c6100-box1 .bg{ position: relative; height: 560px; z-index: 0;}
.c6100-box1 .bg img{ position: absolute; max-width: inherit; height: 100%; left: 50%; transform: translateX(-50%);}
.c6100-box2 .top .title{ font-size: 3.8em;}
.c6100-box2 .top .text{ font-size: 2.2em; line-height: 35px; margin-top: 1.5%; padding: 0 10%;}
.c6100-box2 .list{ padding: 0 40px;}
.c6100-box2 .list li .icon{ height: 100px;}
.c6100-box2 .list li .text{ font-size: 2em;}
.c6100-box3 .text{ padding: 0 40px;}
.c6100-box3 .text .title{ font-size: 3.8em;}
.c6100-box3 .text .p{ font-size: 1.6em; line-height: 26px;}
.c6100-box3 .text .other{ font-size: 3em;}
.c6100-box4 .text{ right: 40px;}
.c6100-box4 .text .title{ font-size: 3.8em;}
.c6100-box4 .text .p{ font-size: 1.6em; line-height: 26px;}
.c6100-box4 .text .other{ font-size: 3em;}
.c6100-box5 .top .title{ font-size: 3.8em;}
.c6100-box5 .top .text{ font-size: 1.8em; line-height: 35px; margin-top: 1.5%; padding: 0 40px;}
.c6100-box6 .text .title{ font-size: 3.8em; line-height: 42px;}
.c6100-box6 .text .p{ font-size: 1.8em;}
.c6100-box8 .top{ font-size: 3.8em;}
.c6100-box8 .list{ border-radius: 40px;}
.c6100-box8 .list li .title{ font-size: 3em;}
.c6100-box9{ padding: 4% 40px;}
.c6100-box9 .top{ font-size: 3.8em; line-height: 42px;}
.c6100-box9 .list li .icon img{ width: 60%;}
.c6100-box9 .list li .text .t{ font-size: 2em;}
.c6100-box9 .list li .text .p{ font-size: 2em;}

/********************h3200**********************/
.h3200-box1 .text{ padding: 0 40px;}
.h3200-box1 .text .title{ font-size: 5em;}
.h3200-box1 .text .p{ font-size: 3.6em;}
.h3200-box1 .img{ right: 40px;}
.h3200-box3 .text .title{ font-size: 3.2em;}
.h3200-box3 .text .p{ font-size: 2em; line-height: 40px;}
.h3200-box4 .text .title{ font-size: 3.2em;}
.h3200-box4 .text .p{ font-size: 2em; line-height: 40px;}
.h3200-box5 li .title{ font-size: 4em;}
.h3200-box6 li .box .title{ font-size: 3.2em;}
.h3200-box6 li .box .p{ font-size: 2em; line-height: 40px;}
.h3200-box6 img{ height: 500px;}
.h3200-box7 .top .title{ font-size: 3.6em;}
.h3200-box7 .top .text{ font-size: 2em; line-height: 40px; padding: 0 15%;}
.h3200-box8 li{ padding: 0 20px; margin-bottom: 40px;}
.h3200-box8 li .title{ font-size: 3.6em;}
.h3200-box8 li .text .t{ font-size: 3.6em;}
.h3200-box8 li .text .p{ font-size: 2em;}
.h3200-box9 .box{ padding: 40px;}
.h3200-box9 .box .top .t{ font-size: 4em;}
.h3200-box9 .box .top .p{ font-size: 2.6em;}
.h3200-box9 .box .list li{ margin-bottom: 30px;}
.h3200-box9 .box .list li:nth-child(2n-1){ clear: left;}
.h3200-box9 .box .list li .icon{ padding: 12px 15px 0 0;}
.h3200-box9 .box .list li .text .t{ font-size: 1.8em;}
.h3200-box9 .box .list li .text .p{ font-size: 1.4em;}
.h3200-box9 .box .list li.ys1{ width: 50%;}
.h3200-box9 .box .list li.ys2 .icon{ width: 21%;}
.h3200-box9 .box .list li.ys2 .text{ width: 78%;}
.h3200-box9 .box .list li.ys2 .text .p{ font-size: 1.4em;}

/********************nb801**********************/
.nb801-box1 .text{ padding: 0 40px;}
.nb801-box1 .text .title{ font-size: 5em; letter-spacing: 5px;}
.nb801-box1 .text .p{ font-size: 3.6em; letter-spacing: 5px;}
.nb801-box1 .img{ right: 40px;}
.nb801-box2 .top .title{ font-size: 3.2em;}
.nb801-box4 .text{ padding: 0 40px;}
.nb801-box2 .top .text{ font-size: 2em; padding: 0 20%;}
.nb801-box4 .text .title{ font-size: 3.8em;}
.nb801-box4 .text .t{ font-size: 2.4em;}
.nb801-box4 .text .p{ font-size: 2em; width: 40%;}
.nb801-box5 .top .title{ font-size: 3.2em;}
.nb801-box5 .top .text{ font-size: 2.6em;}
.nb801-box6{ padding: 3% 40px;}
.nb801-box6 .text .box{ padding-left:0 ;}
.nb801-box6 .text .title{ font-size: 3.2em;}

/********************h3100**********************/
.h3100-box1 .text{ padding: 0 40px;}
.h3100-box1 .text .title{ font-size: 5em;}
.h3100-box1 .text .p{ font-size: 3.8em; margin-top: 5px;}
.h3100-box1 .img{ right: 40px; transform: translateY(-30%);}
.h3100-box2 .top .title{ font-size: 3.2em;}
.h3100-box2 .top .text{ font-size: 2em; padding: 0 20%; line-height: 28px; margin-top: 1.5%;}
.h3100-box3 .text{ right: 40px;}
.h3100-box3 .text .title{ font-size: 3em;}
.h3100-box3 .text .p{ font-size: 2em;}
.h3100-box4 li .title{ font-size: 2.8em;}
.h3100-box4 li .text .p{ font-size: 1.6em;}
.h3100-box4 li .text .other{ font-size: 3em;}
.h3100-box6{ margin: 0 -70px;}
.h3100-box6 .box{ height: 700px;}
.h3100-box6 .box .title{ font-size: 3.2em;}

/********************h3000**********************/
.h3000-box1 .text{ padding: 0 40px;}
.h3000-box1 .text{ letter-spacing: 3px; transform: translateY(-24%);}
.h3000-box1 .text .title{ font-size: 5em; line-height: 60px;}
.h3000-box1 .text .p{ font-size: 3em;}
.h3000-box1 .text .p2{ font-size: 2.8em; margin-top: 15px;}
.h3000-box1 .img{ right: 40px; width: 41%; transform: translateY(-30%);}
.h3000-box2 .top .title{ font-size: 3.2em;}
.h3000-box2 .top .text{ font-size: 2em; padding: 0 16%;}
.h3000-box3 .text{ padding: 0 40px;}
.h3000-box3 .text .title{ font-size: 3.2em;}
.h3000-box3 .text .t{ font-size: 2em;}
.h3000-box3 .text .p{ font-size: 1.8em; width: 45%;}
.h3000-box4 .top .title{ font-size: 3.2em;}
.h3000-box4 .top .text{ font-size: 2em; padding: 0 22%;}
.h3000-box5{ padding: 40px 0;}
.h3000-box5 .top .title{ font-size: 2.8em;}
.h3000-box5 .top .t{ font-size: 2em;}
.h3000-box5 .top .text{ font-size: 1.8em;}
.h3000-box5 .list li{ padding: 0 20px;}
.h3000-box5 .list li .title{ font-size: 2.2em; margin-top: 20px;}
.h3000-box6 .text{ right: 40px;}
.h3000-box6 .text .t{ font-size: 2.2em;}
.h3000-box6 .text .title{ font-size: 2.8em;}
.h3000-box6 .text .p{ font-size: 1.6em;}
.h3000-box7 .text{ padding: 0 40px;}
.h3000-box7 .text .t{ font-size: 2.2em;}
.h3000-box7 .text .title{ font-size: 2.8em;}
.h3000-box7 .text .p{ font-size: 1.6em;}

/********************bj6100**********************/
.bj6100-box1 .text{ padding: 0 40px; transform: translateY(-10%);}
.bj6100-box1 .text .title{ font-size: 5em; line-height: inherit;}
.bj6100-box1 .text .p{ font-size: 2.2em; margin-top: 5px;}
.bj6100-box2 .top .title{ font-size: 3.8em;}
.bj6100-box2 .top .text{ font-size: 2.2em; line-height: 35px; margin-top: 1.5%; padding: 0 10%;}
.bj6100-box2 .list{ padding: 0 40px;}
.bj6100-box2 .list li .icon{ height: 100px;}
.bj6100-box2 .list li .text{ font-size: 2em;}
.bj6100-box3 .text{ padding: 0 40px;}
.bj6100-box3 .text .title{ font-size: 3.2em;}
.bj6100-box3 .text .p{ width: 38%; font-size: 1.8em;}
.bj6100-box3 .text .other{ font-size: 2.8em; margin-top: 30px;}
.bj6100-box3 .img{ right: 40px;}
.bj6100-box4 .text{ right: 40px;}
.bj6100-box4 .text .title{ font-size: 3.2em;}
.bj6100-box4 .text .p{ font-size: 1.8em; margin-top: 16px;}
.bj6100-box4 .text .other{ font-size: 2.8em; margin-top: 20px;}
.bj6100-box6 .text .title{ font-size: 3.2em;}
.bj6100-box6 .text .p{ font-size: 1.6em;}
.bj6100-box7 li .text .box{ padding: 10% 12%;}
.bj6100-box7 li .text .t{ font-size: 10em;}
.bj6100-box7 li .text .p{ font-size: 2.6em;}
.bj6100-box7 li .text i{ margin-top: 10%; height: 20px;}

/********************bj6200**********************/
.bj6200-box1 .text{ padding: 0 40px; transform: translateY(-20%);}
.bj6200-box1 .text .title{ font-size: 5em; line-height: normal;}
.bj6200-box1 .text .p{ font-size: 2.2em; margin-top: 10px;}
.bj6200-box1 .img{ width: 26%; right: 40px; transform: translateY(-30%);}
.bj6200-box2 .top{ padding: 0 40px;}
.bj6200-box2 .top .t{ font-size: 3.2em;}
.bj6200-box2 .top .p{ font-size: 2em;}
.bj6200-box2 .text{ width: 840px;}
.bj6200-box2 .text ul{ padding: 25px 30px;}
.bj6200-box2 .text li .icon{ width: 22%;}
.bj6200-box2 .text li .t{ font-size: 1.8em;}
.bj6200-box2 .text li .p{ font-size: 1.4em;}
.bj6200-box3 .text{ padding: 0 40px;}
.bj6200-box3 .text .t{ font-size: 3.2em;}
.bj6200-box3 .text .p{ font-size: 2em; line-height: 36px; margin-top: 3%;}
.bj6200-box4 .img1{ width: 30%;}
.bj6200-box4 .img2{ width: 40%;}
.bj6200-box4 .text{ padding:  0 40px;}
.bj6200-box4 .text .t{ font-size: 3.2em;}
.bj6200-box4 .text .p{ font-size: 2em; margin-top: 3%;}
.bj6200-box6 .top .title{ font-size: 3.2em;}
.bj6200-box6 .top .text{ font-size: 2em; margin-top: 2.5%;}
.bj6200-box7 li{ padding: 0 6%;}
.bj6200-box7 li .text .box{ transform: translateY(-38%);}
.bj6200-box7 li .text .t{ font-size: 3.2em;}
.bj6200-box7 li .text .p{ font-size: 2em;}
.bj6200-box8 .top .title{ font-size: 3.2em;}
.bj6200-box8 .top .text{ font-size: 2em;}

/********************bX6100**********************/
.bx6100-box1 .text{ padding: 0 40px; transform: translateY(-32%);}
.bx6100-box1 .text .title{ font-size: 5em; line-height: 54px;}
.bx6100-box1 .text .p{ font-size: 3em;}
.bx6100-box1 .text .p2{ font-size: 2.4em; margin-top: 15px;}
.bx6100-box1 .img{ right: 40px; transform: translateY(-25%); width: 30%;}
.bx6100-box2 .top .t{ font-size: 3.2em;}
.bx6100-box2 .top .p{ font-size: 2em; padding: 0 20%;}
.bx6100-box3 .text{ padding: 0 40px;}
.bx6100-box3 .text .t{ font-size: 3.2em;}
.bx6100-box3 .text .p{ font-size: 2em;}
.bx6100-box4 .text{ padding: 0 40px;}
.bx6100-box4 .text .t{ font-size: 3.2em;}
.bx6100-box4 .text .p{ font-size: 2em; width: 38%;}
.bx6100-box4 .img{ right: 40px;}
.bx6100-box5 li .title{ font-size: 2.4em;}
.bx6100-box6 .text{ right: 40px; width: 40%;}
.bx6100-box6 .text .t{ font-size: 3.2em;}
.bx6100-box6 .text .p{ font-size: 2em;}
.bx6100-box6 .text .icon img{ width: 35%;}
.bx6100-box6 .img{ left: 40px;}
.bx6100-box7 .top{ font-size: 3.2em;}
.bx6100-box8 .top .title{ font-size: 3.2em;}
.bx6100-box8 .top .text{ font-size: 2em; padding: 0 20%;}
.bx6100-box8 .list li{ margin-bottom: 5%;}
.bx6100-box8 .list li .img p{ font-size: 3.2em;}

/********************bX6200**********************/
.bx6200-box1 .text{ padding: 0 40px;}
.bx6200-box1 .text .title{ font-size: 5em;}
.bx6200-box1 .text .p{ font-size: 2.8em;}
.bx6200-box1 .img{ right: 40px; width: 40%; transform: translateY(-25%);}
.bx6200-box2 .text{ width: 32%;}
.bx6200-box2 .text .t{ font-size: 2.2em;}
.bx6200-box2 .text .title{ font-size: 3.2em;}
.bx6200-box2 .text .p{ font-size: 2em;}
.bx6200-box3 .top .t{ font-size: 3.2em;}
.bx6200-box3 .top .p{ font-size: 2em; padding: 0 24%; margin-top: 2.5%;}
.bx6200-box4 .top .t{ font-size: 3.2em;}
.bx6200-box4 .top .p{ font-size: 2em; padding: 0 26%;}
.bx6200-box5 .list li .title{ font-size: 2.4em;}
.bx6200-box6 .top{ font-size: 3.2em;}
.bx6200-box7 .text{ padding: 0 40px;}
.bx6200-box7 .text .t{ font-size: 3.2em;}
.bx6200-box7 .text .p{ font-size: 2em;}

/********************c5000**********************/
.c5000-box1 .text{ padding: 0 40px; transform: translateY(-20%);}
.c5000-box1 .text .title{ font-size: 5em;}
.c5000-box1 .text .p{ font-size: 2.8em; margin-top: 10px;}
.c5000-box1 .img{ width: 29%; right: 40px;}
.c5000-box3 .top .t{ font-size: 3.2em;}
.c5000-box3 .top .p{ font-size: 2.2em; margin-top: 1.5%; padding: 0 28%;}
.c5000-box4 .img{ width: 50%; left: 40px;}
.c5000-box4 .text{ right: 40px; width: 42%;}
.c5000-box4 .text .t{ font-size: 3.2em;}
.c5000-box4 .text .p{ font-size: 2.2em; margin-top: 5%;}
.c5000-box5 .img{ right: 40px;}
.c5000-box5 .text{ left: 12%; width: 34%;}
.c5000-box5 .text .t{ font-size: 3.2em;}
.c5000-box5 .text .p{ font-size: 2.2em; margin-top: 5%;}
.c5000-box6 .top .t{ font-size: 3.2em;}
.c5000-box6 .top .p{ font-size: 2.2em;}
.c5000-box7 .text .t{ font-size: 3.2em;}
.c5000-box7 .text .p{ font-size: 2.2em;}
.c5000-box8 .top{ font-size: 3.2em;}
.c5000-box8 .list li .img p{ font-size: 2.6em;}
.c5000-box8 .list li .img p i{ width: 70px; height: 3px; transform: translateY(-10px);}

/********************c5100**********************/
.c5100-box1 .text{ padding: 0 40px; transform: translateY(-20%);}
.c5100-box1 .text .title{ font-size: 5em; line-height: 50px;}
.c5100-box1 .text .p{ font-size: 2.8em;}
.c5100-box1 .text .p2{ font-size: 3.2em; margin-top: 20px;}
.c5100-box1 .img{ transform: translateY(-25%);}
.c5100-box2 .text{ left: 40px; width: 40%; transform: translateY(-50%); letter-spacing: 2px;}
.c5100-box2 .text .t{ font-size: 3.2em;}
.c5100-box2 .text .p{ width: 95%; font-size: 1.8em;}
.c5100-box2 .text ul{ width: 95%;}
.c5100-box2 .text li span{ font-size: 1.8em;}
.c5100-box2 .text li p{ font-size: 2.6em;}
.c5100-box2 .img{ right: 40px;}
.c5100-box3 .text{ right: 40px; width: 45%; transform: translateY(-50%); letter-spacing: 2px;}
.c5100-box3 .text .t{ font-size: 3.2em;}
.c5100-box3 .text .p{ font-size: 1.8em;}
.c5100-box3 .text ul{ width: 95%;}
.c5100-box3 .img{ left: 40px;}
.c5100-box5 .text{ left: 40px; width: 46%; transform: translateY(-50%); letter-spacing: 2px;}
.c5100-box5 .text .t{ font-size: 3.2em;}
.c5100-box5 .text .p{ font-size: 1.8em;}
.c5100-box5 .img{ right: 40px;}

/********************c6000**********************/
.c6000-box1 .text{ padding: 0 40px; transform: translateY(-15%);}
.c6000-box1 .text .title{ font-size: 5em; line-height: 60px;}
.c6000-box1 .text .p{ font-size: 2.2em;}
.c6000-box1 .text .p2{ font-size: 3.2em; margin-top: 20px;}
.c6000-box1 .img{ right: 40px; width: 24%; transform: translateY(-28%);}
.c6000-box2 .top .t{ font-size: 3.2em;}
.c6000-box2 .top .p{ font-size: 2em; padding: 0 22%;}
.c6000-box3 .text{ padding: 0 40px;}
.c6000-box3 .text .title{ font-size: 3.2em;}
.c6000-box3 .text .t{ font-size: 2.4em;}
.c6000-box3 .text .p{ font-size: 2em; margin-top: 40px;}
.c6000-box3 .img{ right: 40px;}
.c6000-box4 .top .t{ font-size: 3.2em;}
.c6000-box4 .top .p{ font-size: 2em; padding: 0 28%; margin-top: 1%;}
.c6000-box5{ padding: 30px 0;}
.c6000-box5 .top{ font-size: 3.2em; letter-spacing: 4px;}
.c6000-box5 .list{ margin-top: 40px;}
.c6000-box5 .list li .title{ font-size: 2.4em; margin-top: 20px;}
.c6000-box6 .top{ font-size: 3.2em;}
.c6000-box7 .text{ padding: 0 40px;}
.c6000-box7 .text .t{ font-size: 2em;}
.c6000-box7 .text .title{ font-size: 3.2em;}
.c6000-box7 .text .p{ font-size: 2em;}

/********************nb501**********************/
.nb501-box1 .text{ padding: 0 40px; transform: translateY(-5%);}
.nb501-box1 .text .title{ font-size: 5em;}
.nb501-box1 .text .p{ font-size: 3.2em;}
.nb501-box1 .img { transform: translateY(-28%); width: 20%;}
.nb501-box3 .top .t{ font-size: 3.2em;}
.nb501-box3 .top .p{ font-size: 2em; padding: 0 28%;}
.nb501-box4 .text{ right: 40px; width: 46%; transform: translateY(-65%);}
.nb501-box4 .text .t{ font-size: 3.2em;}
.nb501-box4 .text .p{ font-size: 2em; margin-top: 40px;}
.nb501-box4 .img{ left: 40px;}
.nb501-box5{ padding: 4% 40px;}
.nb501-box5 .text{ left: 40px; width: 35%;}
.nb501-box5 .text .t{ font-size: 3.2em;}
.nb501-box5 .text .p{ font-size: 2em;}
.nb501-box6{ margin: 0 -70px;}
.nb501-box6 .box{ height: 750px;}
.nb501-box6 .box .title{ font-size: 3.2em;}
.nb501-box7 .text{ left: 40px;}
.nb501-box7 .text .t{ font-size: 3.2em;}
.nb501-box7 .text .p{ font-size: 2em;}
.nb501-box7 .img{ right: 98px;}
.nb501-box8 .top .t{ font-size: 3.2em;}
.nb501-box8 .top .p{ font-size: 2em; padding: 0 25%;}
.nb501-box9 .text{ left: 40px; width: 36%; letter-spacing: 3px;}
.nb501-box9 .text .t{ font-size: 3.2em;}
.nb501-box9 .text .p{ font-size: 2em; margin-top: 40px;}

/**************************c6100-2d*************************/
.c6100-2d-box1 .text{ transform: translateY(-30%);}
.c6100-2d-box1 .text .t{ font-size: 5em;}
.c6100-2d-box1 .text .bq span{ font-size: 2em; border: 1px solid #fff; padding: 5px 10px;}
.c6100-2d-box1 .text .p{ font-size: 2em; margin-top: 2vw;}
.c6100-2d-box1 .text .other{ text-align: center; margin-top: 2vw;}
.c6100-2d-box1 .text .other span{ width: 20px; height: 20px;}
.c6100-2d-box1 .text .other p{ font-size: 1.6em;}
.c6100-2d-box1 .img{ width: 38.3%;}
.c6100-2d-box3 li{ padding: 12px;}
.c6100-2d-box3 li .img:nth-child(2){ margin-top: 24px;}
.c6100-2d-box4 .text{ width: 44%;}
.c6100-2d-box4 .text .p, .c6100-2d-box4 .text .p2, .c6100-2d-box5 .text .p, .c6100-2d-box5 .text .p2, .c6100-2d-box6 .text .p, .c6100-2d-box7 .text .p, .c6100-2d-box7 .text .p2, .c6100-2d-box8 .text .p, .c6100-2d-box8 .text .p2{ font-size: 2em;}
.c6100-2d-box4 .text .t, .c6100-2d-box5 .text .t, .c6100-2d-box7 .text .t, .c6100-2d-box8 .text .t{ padding-right: 53%;}
.c6100-2d-box4 .text .t{ padding-right: 54%;}
.c6100-2d-box6 .text .t{ padding: 0 34%;}

/********************bx6210**********************/
.bx6210-box1 .text{ top: 62%; left: 40px;}
.bx6210-box1 .text .t{ font-size: 4.2em; letter-spacing: 0;}
.bx6210-box1 .text .p span{ font-size: 1.4em; border: 1px solid #ffd5a7; letter-spacing: 0; border-radius: 6px; padding: 5px 15px;}
.bx6210-box1 .text .p2{ font-size: 2.6em;}
.bx6210-box1 .text .p2 p{ line-height: 40px;}
.bx6210-box1 .img{ width: 30.2%; right: 40px;}

.bx6210-box3{ padding: 4% 40px;}
.bx6210-box3 .box3{ margin: 1.2vw -15px 0;}
.bx6210-box3 .box3 li{ padding: 0 15px;}

.bx6210-box4{ padding: 4% 40px;}
.bx6210-box5 .text{ right: 40px;}
.bx6210-box6 .text, .bx6210-box8 .text{ left: 40px;}

.bx6210-box5 .text .title .t, .bx6210-box5 .text .title .t-f, .bx6210-box6 .text .title .t, .bx6210-box6 .text .title .t-f, .bx6210-box7 .text .title .t, .bx6210-box7 .text .title .t-f, .bx6210-box8 .text .title .t, .bx6210-box8 .text .title .t-f{ font-size: 3.4em;}
.bx6210-box5 .text .p, .bx6210-box6 .text .p, .bx6210-box8 .text .p{ font-size: 1.8em; margin-top: 3.2vw;}
.bx6210-box7 .text{ width: 240px; right: 40px;}
.bx6210-box7 .text .p p{ font-size: 3.4em; height: 36px; line-height: 36px;}

/*******************p11**********************/
.p11-box1{ height: 58vw;}
.p11-box1 .text{ top: 64%;}
.p11-box1 .text .p1{ font-size: 3.6em;}
.p11-box1 .text .p2{ font-size: 2.2em;}
.p11-box2 .top .sub_t{ font-size: 2.6em;}
.p11-box2 .box{ width: 100%;}
.p11-box3 .title .sub_t{ font-size: 2.2em;}
.p11-box3 .imgs img{ width: 42%;}
.p11-box4 .text{ padding: 0 4% 0 0;}
.p11-box4 .text .p{ font-size: 1.6em;}
.p11-box4 .text .bq img{ width: 40px; margin-right: 20px;}
.p11-box5 .text{ padding: 0 4% 0 0;}
.p11-box5 .text .p{ font-size: 1.6em;}
.p11-box5 .text .other{ font-size: 1.6em;}
.p11-box5 .text .other img{ width: 54px;}
.p11-box6 .top .p{ font-size: 1.6em;}
.p11-box7 .top .p{ font-size: 1.6em;}
.p11-box7 .box{ width: 80%;}
.p11-box7 .box li{ font-size: 1.8em;}
.p11-box7 .box li.on::before{ height: 4px; bottom: -3px;}
.p11-box8 .frame{ width: 100%;}
.p11-box8 .frame li .box .p{ font-size: 1.6em;}
.p11-box8 .frame li .box .other{ margin-top: 20px; font-size: 1.4rem;}
.p11-box8 .frame li .box .other label{ margin-right: 15px;}
.p11-box8 .frame li .box .other label span{ font-size: 1.8rem;}
.p11-box8 .frame li .box .other img{ width: 24px;}
.p11-box9 .box{ width: 100%;}
.p11-box9 .img{ margin: 40px 0;}
.p11-box11 .text .p{ letter-spacing: 1px; font-size: 1.6em; line-height: 30px;} 
.p11-cs .top{ font-size: 3em;}
.p11-cs .list li{ width: calc((100% - 18px) / 2);}
.p11-cs .list li:nth-child(5n){ margin-right: 18px;}
.p11-cs .list li:nth-child(2n){ margin-right: 0;}
.p11-cs .list li:nth-last-child(2){ margin-right: 18px;}
.p11-cs .list li .text{ font-size: 1.6em;}

















}
@media (max-width:991px) and (min-width: 768px){
/* .product-data-top{ padding: 10px 15px; top: 22%;} */

/********************c6100*********************/
.c6100-box1 .text{ padding: 0 15px; z-index: 1; transform: translateY(-15%);}
.c6100-box1 .text .title{ font-size: 3.8em;}
.c6100-box1 .text .p{ font-size: 2em;}
.c6100-box1 .img{ right: 15px; z-index: 1; transform: translateY(-25%);}
.c6100-box1 .bg{ position: relative; height: 500px; z-index: 0;}
.c6100-box1 .bg img{ position: absolute; max-width: inherit; height: 100%; left: 50%; transform: translateX(-50%);}
.c6100-box2 .top .title{ font-size: 2.8em;}
.c6100-box2 .top .text{ font-size: 1.6em; line-height: 26px; margin-top: 1%; padding: 0 10%;}
.c6100-box2 .list{ padding: 0 15px;}
.c6100-box2 .list li .icon{ height: 80px;}
.c6100-box2 .list li .text{ font-size: 1.6em; line-height: 26px;}
.c6100-box3 .text{ padding: 0 15px;}
.c6100-box3 .text .title{ font-size: 2.8em;}
.c6100-box3 .text .p{ font-size: 1.4em; line-height: 26px;}
.c6100-box3 .text .other{ font-size: 2em;}
.c6100-box3 .img{ right: 15px;}
.c6100-box4 .text{ right: 15px;}
.c6100-box4 .text .title{ font-size: 2.8em;}
.c6100-box4 .text .p{ font-size: 1.4em; line-height: 26px;}
.c6100-box4 .text .other{ font-size: 2em;}
.c6100-box5 .top .title{ font-size: 2.8em;}
.c6100-box5 .top .text{ font-size: 1.6em; line-height: 26px; margin-top: 1%; padding: 0 40px;}
.c6100-box6 .text .title{ font-size: 2.8em; line-height: 32px;}
.c6100-box6 .text .p{ font-size: 1.4em;}
.c6100-box8 .top{ font-size: 2.8em;}
.c6100-box8 .list{ border-radius: 40px;}
.c6100-box8 .list li .title{ font-size: 2.4em;}
.c6100-box9{ padding: 4% 15px;}
.c6100-box9 .top{ font-size: 2.8em; line-height: 32px;}
.c6100-box9 .list li .icon img{ width: 60%;}
.c6100-box9 .list li:nth-child(2n-1){ clear: left;}
.c6100-box9 .list li .text .t{ font-size: 1.8em;}
.c6100-box9 .list li .text .p{ font-size: 1.8em;}
.c6100-box9 .list li.col-sm-6 .icon{ width: 17%;}
.c6100-box9 .list li.col-sm-6 .text{ width: 83%;}

/********************h3200**********************/
.h3200-box1 .text{ padding: 0 15px;}
.h3200-box1 .text .title{ font-size: 4em;}
.h3200-box1 .text .p{ font-size: 2.6em; margin-top: 10px;}
.h3200-box1 .img{ right: 15px;}
.h3200-box2 li{ padding: 0 15px;}
.h3200-box3 .text .title{ font-size: 2.8em;}
.h3200-box3 .text .p{ font-size: 1.6em; line-height: 26px;}
.h3200-box4 .text .title{ font-size: 2.8em;}
.h3200-box4 .text .p{ font-size: 1.6em; line-height: 26px;}
.h3200-box5 li .title{ font-size: 3.2em;}
.h3200-box6 li .box .title{ font-size: 2.8em;}
.h3200-box6 li .box .p{ font-size: 1.6em; line-height: 26px;}
.h3200-box6 img{ height: 400px;}
.h3200-box7 .top .title{ font-size: 3em;}
.h3200-box7 .top .text{ font-size: 1.6em; line-height: 26px; padding: 0 15%;}
.h3200-box8 li{ padding: 0 20px; margin-bottom: 40px;}
.h3200-box8 li .title{ font-size: 3em;}
.h3200-box8 li .text .t{ font-size: 3em;}
.h3200-box8 li .text .p{ font-size: 1.6em;}

.h3200-box9 .box{ padding: 20px 15px;}
.h3200-box9 .box .top .t{ font-size: 2.8em;}
.h3200-box9 .box .top .p{ font-size: 2em;}
.h3200-box9 .box .list li{ margin-bottom: 30px;}
.h3200-box9 .box .list li:nth-child(2n-1){ clear: left;}
.h3200-box9 .box .list li .icon{ padding: 12px 15px 0 0;}
.h3200-box9 .box .list li .text .t{ font-size: 1.8em;}
.h3200-box9 .box .list li .text .p{ font-size: 1.4em;}
.h3200-box9 .box .list li.ys1{ width: 50%;}
.h3200-box9 .box .list li.ys2 .icon{ width: 21%;}
.h3200-box9 .box .list li.ys2 .text{ width: 78%;}
.h3200-box9 .box .list li.ys2 .text .p{ font-size: 1.4em;}

/********************nb801**********************/
.nb801-box1 .text{ padding: 0 15px;}
.nb801-box1 .text .title{ font-size: 4em; letter-spacing: 5px;}
.nb801-box1 .text .p{ font-size: 2.6em; letter-spacing: 5px;}
.nb801-box1 .img{ right: 15px;}
.nb801-box2 .top .title{ font-size: 2.8em;}
.nb801-box4 .text{ padding: 0 15px;}
.nb801-box2 .top .text{ font-size: 1.6em; padding: 0 20%;}
.nb801-box4 .text .title{ font-size: 2.8em;}
.nb801-box4 .text .t{ font-size: 1.6em;}
.nb801-box4 .text .p{ font-size: 1.6em; width: 40%; line-height: 26px; margin-top: 20px;}
.nb801-box5 .top .title{ font-size: 2.8em;}
.nb801-box5 .top .text{ font-size: 2em;}
.nb801-box6{ padding: 3% 15px;}
.nb801-box6 .text .box{ padding-left:0 ;}
.nb801-box6 .text .title{ font-size: 2.8em;}
.nb801-box6 .text .p{ font-size: 1.6em; line-height: 26px;}

/********************h3100**********************/
.h3100-box1 .text{ padding: 0 15px; transform: translateY(-15%);}
.h3100-box1 .text .title{ font-size: 4em;}
.h3100-box1 .text .p{ font-size: 2.6em; margin-top: 5px;}
.h3100-box1 .img{ right: 15px; transform: translateY(-30%);}
.h3100-box2 .top .title{ font-size: 2.8em;}
.h3100-box2 .top .text{ font-size: 1.6em; padding: 0 10%; line-height: 24px; margin-top: 1.5%;}
.h3100-box3 .text{ right: 15px; width: 36%;}
.h3100-box3 .text .title{ font-size: 2.8em;}
.h3100-box3 .text .p{ font-size: 1.6em;}
.h3100-box4{ padding-bottom: 60px;}
.h3100-box4 li .img{ padding: 0;}
.h3100-box4 li .title{ font-size: 2.2em;}
.h3100-box4 li .text{ left: 6%; width: 35%;}
.h3100-box4 li .text .p{ font-size: 1.4em;}
.h3100-box4 li .text .other{ font-size: 2.4em;}
.h3100-box5{ padding: 60px 10%;}
.h3100-box6{ margin: 0 -46px;}
.h3100-box6 .box{ height: 500px;}
.h3100-box6 .box .title{ font-size: 2.4em;}

/********************h3000**********************/
.h3000-box1 .text{ padding: 0 15px;}
.h3000-box1 .text{ letter-spacing: 3px; transform: translateY(-20%);}
.h3000-box1 .text .title{ font-size: 4em; line-height: normal;}
.h3000-box1 .text .p{ font-size: 2.4em;}
.h3000-box1 .text .p2{ font-size: 2em; margin-top: 15px;}
.h3000-box1 .img{ right: 15px; width: 40%; transform: translateY(-25%);}
.h3000-box2 .top .title{ font-size: 2.8em;}
.h3000-box2 .top .text{ font-size: 1.6em; padding: 0 10%;}
.h3000-box3 .text{ padding: 0 30px;}
.h3000-box3 .text .title{ font-size: 2.8em;}
.h3000-box3 .text .t{ font-size: 1.6em;}
.h3000-box3 .text .p{ font-size: 1.4em; width: 45%;}
.h3000-box4 .top .title{ font-size: 2.8em;}
.h3000-box4 .top .text{ font-size: 1.6em; padding: 0 16%;}
.h3000-box5{ padding: 30px 0;}
.h3000-box5 .top{ letter-spacing: 0;}
.h3000-box5 .top .title{ font-size: 2.4em;}
.h3000-box5 .top .t{ font-size: 1.4em; font-weight: normal;}
.h3000-box5 .top .text{ font-size: 1.6em;}
.h3000-box5 .list li{ padding: 0 15px; margin-bottom: 0;}
.h3000-box5 .list li .title{ font-size: 1.8em; margin-top: 20px;}
.h3000-box6 .text{ right: 15px;  width: 40%;}
.h3000-box6 .text .t{ font-size: 1.8em;}
.h3000-box6 .text .title{ font-size: 2.4em;}
.h3000-box6 .text .p{ font-size: 1.4em; margin-top: 25px;}
.h3000-box7 .text{ padding: 0 15px;}
.h3000-box7 .text .t{ font-size: 1.8em;}
.h3000-box7 .text .title{ font-size: 2.4em;}
.h3000-box7 .text .p{ font-size: 1.4em;  width: 40%; margin-top: 25px;}

/********************bj6100**********************/
.bj6100-box1 .text{ padding: 0 15px; transform: translateY(-10%);}
.bj6100-box1 .text .title{ font-size: 4em; line-height: inherit;}
.bj6100-box1 .text .p{ font-size: 2em; margin-top: 5px;}
.bj6100-box2 .top .title{ font-size: 2.8em;}
.bj6100-box2 .top .text{ font-size: 1.6em; line-height: 26px; margin-top: 1%; padding: 0 10%;}
.bj6100-box2 .list{ padding: 0 15px;}
.bj6100-box2 .list li .icon{ height: 80px;}
.bj6100-box2 .list li .text{ font-size: 1.6em; line-height: 26px;}
.bj6100-box3 .text{ padding: 0 15px;}
.bj6100-box3 .text .title{ font-size: 2.8em;}
.bj6100-box3 .text .p{ width: 45%; font-size: 1.6em;}
.bj6100-box3 .text .other{ font-size: 2em; margin-top: 20px;}
.bj6100-box3 .img{ right: 15px;}
.bj6100-box4 .text{ right: 15px; width: 34%;}
.bj6100-box4 .text .title{ font-size: 2.8em;}
.bj6100-box4 .text .p{ font-size: 1.6em; margin-top: 10px;}
.bj6100-box4 .text .other{ font-size: 2em; margin-top: 20px;}
.bj6100-box6 .text{ padding: 0 15px;}
.bj6100-box6 .text .title{ font-size: 2.8em;}
.bj6100-box6 .text .p{ font-size: 1.6em; width: 45%;}
.bj6100-box7 li .text .box{ padding: 10% 12%;}
.bj6100-box7 li .text .t{ font-size: 8em;}
.bj6100-box7 li .text .p{ font-size: 2em; margin-top: 10px;}
.bj6100-box7 li .text i{ margin-top: 10%; height: 10px;}

/********************bj6200**********************/
.bj6200-box1 .text{ padding: 0 15px; transform: translateY(-15%);}
.bj6200-box1 .text .title{ font-size: 4em; line-height: normal;}
.bj6200-box1 .text .p{ font-size: 2em; margin-top: 5px;}
.bj6200-box1 .img{ width: 26%; right: 15px; transform: translateY(-25%);}
.bj6200-box2 .top{ padding: 0 15px;}
.bj6200-box2 .top .t{ font-size: 2.8em;}
.bj6200-box2 .top .p{ font-size: 1.4em; margin-top: 10px;}
.bj6200-box2 .text{ width: 710px;}
.bj6200-box2 .text ul{ padding: 25px 20px;}
.bj6200-box2 .text li .icon{ width: 22%;}
.bj6200-box2 .text li .t{ font-size: 1.8em;}
.bj6200-box2 .text li .p{ font-size: 1.4em;}
.bj6200-box3 .text{ padding: 0 15px;}
.bj6200-box3 .text .t{ font-size: 2.8em;}
.bj6200-box3 .text .p{ font-size: 1.6em; line-height: 26px; margin-top: 3%;}
.bj6200-box4 .img1{ width: 30%;}
.bj6200-box4 .img2{ width: 40%;}
.bj6200-box4 .text{ padding:  0 15px;}
.bj6200-box4 .text .t{ font-size: 2.8em;}
.bj6200-box4 .text .p{ font-size: 1.4em; margin-top: 3%; line-height: 24px;}
.bj6200-box6 .top{ letter-spacing: 0;}
.bj6200-box6 .top .title{ font-size: 2.8em;}
.bj6200-box6 .top .text{ font-size: 1.6em; margin-top: 2.5%;}
.bj6200-box7 li{ padding: 0 6%;}
.bj6200-box7 li .text .box{ transform: translateY(-38%);}
.bj6200-box7 li .text .t{ font-size: 2.8em;}
.bj6200-box7 li .text .p{ font-size: 1.6em;}
.bj6200-box8 .top .title{ font-size: 2.8em;}
.bj6200-box8 .top .text{ font-size: 1.6em; margin-top: 10px;}

/********************bX6100**********************/
.bx6100-box1 .text{ padding: 0 15px; transform: translateY(-22%);}
.bx6100-box1 .text .title{ font-size: 4em; line-height: 34px;}
.bx6100-box1 .text .p{ font-size: 2.4em;}
.bx6100-box1 .text .p2{ font-size: 2em; margin-top: 10px;}
.bx6100-box1 .img{ right: 15px; transform: translateY(-25%); width: 30%;}
.bx6100-box2 .top .t{ font-size: 2.8em;}
.bx6100-box2 .top .p{ font-size: 1.6em; padding: 0 16%;}
.bx6100-box3 .text{ padding: 0 15px;}
.bx6100-box3 .text .t{ font-size: 2.8em;}
.bx6100-box3 .text .p{ font-size: 1.6em; width: 50%;}
.bx6100-box4 .text{ padding: 0 15px;}
.bx6100-box4 .text .t{ font-size: 2.8em;}
.bx6100-box4 .text .p{ font-size: 1.6em; width: 50%;}
.bx6100-box4 .img{ right: 15px;}
.bx6100-box5 li .title{ font-size: 1.8em;}
.bx6100-box6 .text{ right: 15px; width: 50%;}
.bx6100-box6 .text .t{ font-size: 2.8em;}
.bx6100-box6 .text .p{ font-size: 1.6em;}
.bx6100-box6 .text .icon img{ width: 30%;}
.bx6100-box6 .img{ left: 15px;}
.bx6100-box7 .top{ font-size: 2.8em;}
.bx6100-box8{ padding: 40px 0 0;}
.bx6100-box8 .top .title{ font-size: 2.8em;}
.bx6100-box8 .top .text{ font-size: 1.6em; padding: 0 20%;}
.bx6100-box8 .list{ margin: 30px 0 0;}
.bx6100-box8 .list li{ margin-bottom: 5%;}
.bx6100-box8 .list li .img p{ font-size: 2.8em;}

/********************bX6200**********************/
.bx6200-box1 .text{ padding: 0 15px; transform: translateY(-15%);}
.bx6200-box1 .text .title{ font-size: 4em;}
.bx6200-box1 .text .p{ font-size: 2.4em;}
.bx6200-box1 .img{ right: 15px; width: 40%; transform: translateY(-25%);}
.bx6200-box2 .text{ width: 32%;}
.bx6200-box2 .text .t{ font-size: 2em;}
.bx6200-box2 .text .title{ font-size: 2.8em;}
.bx6200-box2 .text .p{ font-size: 1.6em;}
.bx6200-box3 .top .t{ font-size: 2.8em;}
.bx6200-box3 .top .p{ font-size: 1.6em; padding: 0 24%; margin-top: 2.5%;}
.bx6200-box4 .top .t{ font-size: 2.8em;}
.bx6200-box4 .top .p{ font-size: 1.6em; padding: 0 26%;}
.bx6200-box5 .list{ padding: 6% 3% 4%;}
.bx6200-box5 .list li{ padding: 0 20px;}
.bx6200-box5 .list li .title{ font-size: 2em; margin-top: 20px; letter-spacing: 2px;}
.bx6200-box6 .top{ font-size: 2.8em;}
.bx6200-box7 .text{ padding: 0 15px;}
.bx6200-box7 .text .t{ font-size: 2.8em; letter-spacing: 2px;}
.bx6200-box7 .text .p{ font-size: 1.6em;}

/********************c5000**********************/
.c5000-box1 .text{ padding: 0 15px; transform: translateY(-15%);}
.c5000-box1 .text .title{ font-size: 4em;}
.c5000-box1 .text .p{ font-size: 2.4em; margin-top: 10px;}
.c5000-box1 .img{ width: 29%; right: 15px;}
.c5000-box3 .top .t{ font-size: 2.8em;}
.c5000-box3 .top .p{ font-size: 1.6em; margin-top: 1.5%; padding: 0 28%;}
.c5000-box4 .img{ width: 50%; left: 15px;}
.c5000-box4 .text{ right: 15px; width: 45%; transform: translateY(-58%);}
.c5000-box4 .text .t{ font-size: 2.8em;}
.c5000-box4 .text .p{ font-size: 1.6em; margin-top: 5%;}
.c5000-box5 .img{ right: 15px;}
.c5000-box5 .text{ left: 12%; width: 38%;}
.c5000-box5 .text .t{ font-size: 2.8em;}
.c5000-box5 .text .p{ font-size: 1.6em; margin-top: 5%;}
.c5000-box6 .top .t{ font-size: 2.8em;}
.c5000-box6 .top .p{ font-size: 1.6em;}
.c5000-box7 .text .t{ font-size: 2.8em;}
.c5000-box7 .text .p{ font-size: 1.6em;}
.c5000-box8 .top{ font-size: 2.8em;}
.c5000-box8 .list li .img p{ font-size: 2em;}
.c5000-box8 .list li .img p i{ width: 60px; height: 2px; transform: translateY(-6px);}

/********************c5100**********************/
.c5100-box1 .text{ padding: 0 15px; transform: translateY(-10%);}
.c5100-box1 .text .title{ font-size: 4em; line-height: 40px;}
.c5100-box1 .text .p{ font-size: 2.4em;}
.c5100-box1 .text .p2{ font-size: 2.8em; margin-top: 15px;}
.c5100-box1 .img{ transform: translateY(-25%);}
.c5100-box2 .text{ left: 15px; width: 40%; transform: translateY(-50%); letter-spacing: 2px;}
.c5100-box2 .text .t{ font-size: 2.8em;}
.c5100-box2 .text .p{ width: 95%; font-size: 1.6em;}
.c5100-box2 .text ul{ width: 95%;}
.c5100-box2 .text li span{ font-size: 1.6em;}
.c5100-box2 .text li p{ font-size: 2.2em;}
.c5100-box2 .img{ right: 15px;}
.c5100-box3 .text{ right: 15px; width: 45%; transform: translateY(-50%); letter-spacing: 2px;}
.c5100-box3 .text .t{ font-size: 2.8em;}
.c5100-box3 .text .p{ font-size: 1.6em;}
.c5100-box3 .text ul{ width: 95%;}
.c5100-box3 .text li img{ width: 60%;}
.c5100-box3 .img{ left: 15px;}
.c5100-box5 .text{ left: 15px; width: 46%; transform: translateY(-50%); letter-spacing: 2px;}
.c5100-box5 .text .t{ font-size: 2.8em;}
.c5100-box5 .text .p{ font-size: 1.6em;}
.c5100-box5 .img{ right: 15px;}

/********************c6000**********************/
.c6000-box1 .text{ padding: 0 15px; transform: translateY(-10%);}
.c6000-box1 .text .title{ font-size: 4em; line-height: 30px;}
.c6000-box1 .text .p{ font-size: 2em;}
.c6000-box1 .text .p2{ font-size: 2.8em; margin-top: 15px;}
.c6000-box1 .img{ right: 15px; width: 22%; transform: translateY(-24%);}
.c6000-box2 .top .t{ font-size: 2.8em;}
.c6000-box2 .top .p{ font-size: 1.6em; padding: 0 22%;}
.c6000-box3 .text{ padding: 0 15px;}
.c6000-box3 .text .title{ font-size: 2.8em;}
.c6000-box3 .text .t{ font-size: 2em;}
.c6000-box3 .text .p{ font-size: 1.8em; margin-top: 30px;}
.c6000-box3 .img{ right: 15px;}
.c6000-box4 .top .t{ font-size: 2.8em;}
.c6000-box4 .top .p{ font-size: 1.6em; padding: 0 28%; margin-top: 1%;}
.c6000-box5{ padding: 25px 0;}
.c6000-box5 .top{ font-size: 2.8em; letter-spacing: 4px;}
.c6000-box5 .list{ margin-top: 30px;}
.c6000-box5 .list li .title{ font-size: 2em; margin-top: 20px;}
.c6000-box6 .top{ font-size: 2.8em; letter-spacing: 2px;}
.c6000-box7 .text{ padding: 0 15px;}
.c6000-box7 .text .t{ font-size: 1.6em;}
.c6000-box7 .text .title{ font-size: 2.8em;}
.c6000-box7 .text .p{ font-size: 1.6em;}

/********************nb501**********************/
.nb501-box1 .text{ padding: 0 15px; transform: translateY(-5%);}
.nb501-box1 .text .title{ font-size: 4em;}
.nb501-box1 .text .p{ font-size: 2.8em;}
.nb501-box1 .img { transform: translateY(-28%); width: 20%;}
.nb501-box3 .top .t{ font-size: 2.8em;}
.nb501-box3 .top .p{ font-size: 1.6em; padding: 0 26%;}
.nb501-box4 .text{ right: 15px; width: 46%; transform: translateY(-65%);}
.nb501-box4 .text .t{ font-size: 2.8em;}
.nb501-box4 .text .p{ font-size: 1.6em; margin-top: 30px;}
.nb501-box4 .img{ left: 15px;}
.nb501-box5{ padding: 4% 15px;}
.nb501-box5 .text{ left: 15px; width: 35%;}
.nb501-box5 .text .t{ font-size: 2.8em;}
.nb501-box5 .text .p{ font-size: 1.6em;}
.nb501-box6{ margin: 0 -46px;}
.nb501-box6 .box{ height: 500px;}
.nb501-box6 .box .title{ font-size: 2.4em;}
.nb501-box7 .text{ left: 15px; width: 38%;}
.nb501-box7 .text .t{ font-size: 2.8em;}
.nb501-box7 .text .p{ font-size: 1.6em;}
.nb501-box7 .img{ right: 98px;}
.nb501-box8 .top .t{ font-size: 2.8em;}
.nb501-box8 .top .p{ font-size: 1.6em; padding: 0 25%;}
.nb501-box9 .text{ left: 15px; width: 36%; letter-spacing: 3px;}
.nb501-box9 .text .t{ font-size: 2.8em;}
.nb501-box9 .text .p{ font-size: 1.6em; margin-top: 30px;}

/**************************c6100-2d*************************/
.c6100-2d-box1 .text{ transform: translateY(-18%);}
.c6100-2d-box1 .text .t{ font-size: 4em;}
.c6100-2d-box1 .text .bq span{ font-size: 1.6em; border: 1px solid #fff; padding: 5px 10px;}
.c6100-2d-box1 .text .p{ font-size: 1.6em; margin-top: 2vw;}
.c6100-2d-box1 .text .other{ text-align: center; margin-top: 2vw;}
.c6100-2d-box1 .text .other span{ width: 20px; height: 20px;}
.c6100-2d-box1 .text .other p{ font-size: 1.4em;}
.c6100-2d-box1 .img{ width: 35.3%;}
.c6100-2d-box3 li{ padding: 12px;}
.c6100-2d-box3 li .img:nth-child(2){ margin-top: 24px;}
.c6100-2d-box4 .text{ width: 44%;}
.c6100-2d-box4 .text .p, .c6100-2d-box4 .text .p2, .c6100-2d-box5 .text .p, .c6100-2d-box5 .text .p2, .c6100-2d-box6 .text .p, .c6100-2d-box7 .text .p, .c6100-2d-box7 .text .p2, .c6100-2d-box8 .text .p, .c6100-2d-box8 .text .p2{ font-size: 1.6em;}
.c6100-2d-box4 .text .t, .c6100-2d-box5 .text .t, .c6100-2d-box7 .text .t, .c6100-2d-box8 .text .t{ padding-right: 56%;}
.c6100-2d-box4 .text .t{ padding-right: 56%;}
.c6100-2d-box6 .text .t{ padding: 0 38%;}

/********************bx6210**********************/
.bx6210-box1{ height: 58vw;}
.bx6210-box1 .text{ top: 68%; left: 40px;}
.bx6210-box1 .text .t{ font-size: 4.2em; letter-spacing: 0;}
.bx6210-box1 .text .p span{ font-size: 1.4em; border: 1px solid #ffd5a7; letter-spacing: 0; border-radius: 6px; padding: 5px 15px;}
.bx6210-box1 .text .p2{ font-size: 2.6em;}
.bx6210-box1 .text .p2 p{ line-height: 40px;}
.bx6210-box1 .img{ width: 30.2%; right: 40px;}

.bx6210-box3{ padding: 4% 40px;}
.bx6210-box3 .box3{ margin: 1.2vw -15px 0;}
.bx6210-box3 .box3 li{ padding: 0 15px;}

.bx6210-box4{ padding: 4% 40px;}
.bx6210-box5 .text{ right: 40px;}
.bx6210-box6 .text, .bx6210-box8 .text{ left: 40px;}

.bx6210-box5 .text .title .t, .bx6210-box5 .text .title .t-f, .bx6210-box6 .text .title .t, .bx6210-box6 .text .title .t-f, .bx6210-box7 .text .title .t, .bx6210-box7 .text .title .t-f, .bx6210-box8 .text .title .t, .bx6210-box8 .text .title .t-f{ font-size: 2.4em;}
.bx6210-box5 .text .p, .bx6210-box6 .text .p, .bx6210-box8 .text .p{ font-size: 1.6em; margin-top: 3.2vw;}
.bx6210-box7 .text{ width: 180px; right: 40px;}
.bx6210-box7 .text .p p{ font-size: 2.4em; height: 30px; line-height: 30px;}

/*******************p11**********************/
.p11-box1{ height: 62vw;}
.p11-box1 .text{ top: 64%;}
.p11-box1 .text .p1{ font-size: 2.6em;}
.p11-box1 .text .p2{ font-size: 1.8em;}
.p11-box2 .top .sub_t{ font-size: 2em;}
.p11-box2 .box{ width: 100%;}
.p11-box2 .box .ys1{ width: 100%;}
.p11-box2 .box .ys2{ width: 65%;}
.p11-box2 .box .ys3{ width: 35%;}
.p11-box3 .title .t{ font-size: 1.6em;}
.p11-box3 .title .sub_t{ font-size: 2em;}
.p11-box3 .imgs img{ width: 42%;}
.p11-box4 .text{ padding: 0 4% 0 0;}
.p11-box4 .text .p{ font-size: 1.4em;}
.p11-box4 .text .bq img{ width: 35px; margin-right: 15px;}
.p11-box5 .text{ padding: 0 4% 0 0;}
.p11-box5 .text .p{ font-size: 1.4em;}
.p11-box5 .text .other{ font-size: 1.4em;}
.p11-box5 .text .other img{ width: 54px;}
.p11-box6 .top .p{ font-size: 1.4em;}
.p11-box7 .top .p{ font-size: 1.4em; width: 80%;}
.p11-box7 .box{ width: 80%;}
.p11-box7 .box li{ font-size: 1.6em; width: 120px;}
.p11-box7 .box li.on::before{ height: 4px; bottom: -3px;}
.p11-box8 .frame{ width: 100%;}
.p11-box8 .frame li .box{ width: 45%;}
.p11-box8 .frame li:nth-child(2n) .box{ width: 42%;}
.p11-box8 .frame li .box .p{ font-size: 1.4em;}
.p11-box8 .frame li .box .other{ margin-top: 20px; font-size: 1.4rem;}
.p11-box8 .frame li .box .other label{ margin-right: 15px;}
.p11-box8 .frame li .box .other label span{ font-size: 1.8rem;}
.p11-box8 .frame li .box .other img{ width: 24px;}
.p11-box9 .box{ width: 100%;}
.p11-box10 .top .p{ font-size: 1.4em; width: 80%;}
.p11-box9 .img{ margin: 40px 0;}
.p11-box11 .text .p{ letter-spacing: 1px; font-size: 1.4em; line-height: 24px;} 
.p11-cs .top{ font-size: 3em;}
.p11-cs .list li{ width: calc((100% - 18px) / 2);}
.p11-cs .list li:nth-child(5n){ margin-right: 18px;}
.p11-cs .list li:nth-child(2n){ margin-right: 0;}
.p11-cs .list li:nth-last-child(2){ margin-right: 18px;}
.p11-cs .list li .icon{ width: 60px;}
.p11-cs .list li .text{ font-size: 1.4em;}
.p11-cs .bz{ font-size: 1.4em;}





}
@media (max-width: 767px){
.product-data-top{ padding: 22px 15px 10px; top: 60px;}
.product-data-top .other{ height: 30px; line-height: 30px; margin-top: -6px;}
.product-data-top .other li{ font-size: 1.4em; padding: 0 15px;}
.product-data-top .other li:last-child a{ height: 30px; line-height: 30px;}

/********************c6100*********************/
.c6100-box1 .text{ padding: 0 40px; z-index: 1; top: 16%; transform: translateY(0); letter-spacing: 1px;}
.c6100-box1 .text .title{ font-size: 2.8em;}
.c6100-box1 .text .p{ font-size: 1.8em; margin-top: 5px;}
.c6100-box1 .img{ right: inherit; top: inherit; left: 50%; z-index: 1; transform: translateX(-48%); bottom: 8%; width: 86%;}
.c6100-box2 .top{ z-index: 1; letter-spacing: 0; padding: 0 40px;}
.c6100-box2 .top .title{ font-size: 2em; text-align: left;}
.c6100-box2 .top .text{ font-size: 1.2em; line-height: 20px; margin-top: 15px; padding: 0; width: 95%;}
.c6100-box2 .list{ padding: 0 7.5px; z-index: 1; bottom: 4.5%;}
.c6100-box2 .list ul{ margin: 0 -7.5px;}
.c6100-box2 .list li{ padding: 0 7.5px;}
.c6100-box2 .list li .icon{ height: 40px; margin-bottom: 10px;}
.c6100-box2 .list li .text{ font-size: 1.2em; line-height: 20px;}
.c6100-box3 .text{ padding: 0 40px; z-index: 2; top: 8%; transform: translateY(0);}
.c6100-box3 .text .title{ font-size: 2em;}
.c6100-box3 .text .p{ font-size: 1.2em; line-height: 20px; width: 80%; text-align: justify; margin-top: 15px;}
.c6100-box3 .text .other{ font-size: 3em; margin-top: 96%;}
.c6100-box3 .img{ right: 40px; z-index: 1; width: 100%; top: 36%; transform: translateY(0);}
.c6100-box4 .text{ padding: 0 40px; z-index: 2; top: 8%; transform: translateY(0); width: 100%; right: 0;}
.c6100-box4 .text .title{ font-size: 2em;}
.c6100-box4 .text .p{ font-size: 1.2em; line-height: 20px; width: 85%; text-align: justify; margin-top: 15px;}
.c6100-box4 .text .other{ font-size: 2.6em; margin-top: 96%;}
.c6100-box5 .top{ z-index: 1; letter-spacing: 0; padding: 0 40px;}
.c6100-box5 .top .title{ font-size: 2em;}
.c6100-box5 .top .text{ font-size: 1.2em; line-height: 20px; margin-top: 15px;  padding: 0; text-align: justify;}
.c6100-box6{ padding: 30px 40px; background: #e4e4e4;}
.c6100-box6 .text{ width: 100%;}
.c6100-box6 .text .box{ position: relative; margin-top: 0; transform: translateY(0);}
.c6100-box6 .text .title{ font-size: 2em; line-height: 28px;}
.c6100-box6 .text .p{ font-size: 1.4em; margin-top: 10px;}
.c6100-box6 .img{ width: 100%; margin-top: 20px;}
.c6100-box7{ position: relative;}
.c6100-box7 .text{ position: absolute; top: 6%; z-index: 2; color: #fff; padding: 0 40px;}
.c6100-box7 .text .t{ font-size: 2em; font-weight: bold;}
.c6100-box7 .text .p{ font-size: 1.2em; line-height: 20px; margin-top: 15px; width: 80%;}
.c6100-box8 .top{ font-size: 2em;}
.c6100-box8 .list{ border-radius: 15px;}
.c6100-box8 .list li .title{ font-size: 1.6em; font-weight: normal;}
.c6100-box9{ padding: 4% 15px;}
.c6100-box9 .top{ font-size: 2em; line-height: 28px;}
.c6100-box9 .list li{ overflow: hidden; margin-bottom: 20px;}
.c6100-box9 .list li .icon img{ max-width: 30px; max-height: 40px;}
.c6100-box9 .list li .text .t{ font-size: 1.4em;}
.c6100-box9 .list li .text .p{ font-size: 1.4em; margin-top: 10px;}
.c6100-box9 .list li .text .p span{ width: 40%;}
.c6100-box9 .list li.col-sm-6 .icon{ width: 20%;}
.c6100-box9 .list li.col-sm-6 .text{ width: 80%;}
.c6100-box9 .list li.col-xs-12 .icon{ width: 20%;}
.c6100-box9 .list li.col-xs-12 .text{ width: 80%;}

/********************h3200**********************/
.h3200-box1 .text{ padding: 0 40px; top: 14%; transform: translateY(0);}
.h3200-box1 .text .title{ font-size: 2.6em;}
.h3200-box1 .text .p{ font-size: 1.8em; margin-top: 10px;}
.h3200-box1 .img{ right: inherit; left: 50%; transform: translateX(-50%); bottom: 0; width: 68%;}
.h3200-box2 li{ padding: 0 10px;}
.h3200-box3 .text{ width: 100%; z-index: 1; top: 8%; transform: translateY(0); right: 0; padding: 0 40px;}
.h3200-box3 .text .title{ font-size: 2em;}
.h3200-box3 .text .p{ font-size: 1.4em; line-height: 24px; margin-top: 15px;}
.h3200-box3 .img{ width: 78%; top: inherit; left: 50%; bottom: 15%; transform: translateX(-50%);}
.h3200-box4 .text{ width: 100%; z-index: 1; top: 8%; transform: translateY(0); right: 0; padding: 0 40px; left: inherit;}
.h3200-box4 .text .title{ font-size: 2em;}
.h3200-box4 .text .p{ font-size: 1.4em; line-height: 24px; margin-top: 15px; width: 75%;}
.h3200-box4 .img{ width: 78%; top: inherit; left: 50%; bottom: 15%; transform: translateX(-50%);}
.h3200-box5 li{ width: 100%;}
.h3200-box5 li .title{ font-size: 2em; letter-spacing: 1px; height: 45px; line-height: 45px; width: auto; left: 30px; top: inherit; transform: translateY(0); bottom: 25px;}
.h3200-box5 li .title::before{ content: ""; position: absolute; width: 100%; height: 2px; background: #fff; left: 0; bottom: 0;}
.h3200-box6{ padding: 30px;}
.h3200-box6 li{ width: 100%;}
.h3200-box6 li .box{ margin-bottom: 20px;}
.h3200-box6 li .box, .h3200-box6 li .img{ border-radius: 0; border: none;}
.h3200-box6 li .box .text{ padding: 0; position: relative; top: 0; transform: translateY(0);}
.h3200-box6 li .box .title{ font-size: 2em;}
.h3200-box6 li .box .p{ font-size: 1.4em; line-height: 24px; margin-top: 15px;}
.h3200-box6 li .box img{ display: none;}
.h3200-box6 img{ height: auto;}
.h3200-box7 .top{ padding: 0 40px;}
.h3200-box7 .top .title{ font-size: 2em; text-align: left; letter-spacing: 1px;}
.h3200-box7 .top .text{ font-size: 1.2em; line-height: 20px; padding: 0; margin-top: 15px; width: 90%;}
.h3200-box8{ padding: 5% 30px 0;}
.h3200-box8 li{ padding: 0 7.5px; margin-bottom: 15px;}
.h3200-box8 li .img{ border-radius: 15px;}
.h3200-box8 li .title{ font-size: 2em; bottom: 12%; letter-spacing: 1px;}
.h3200-box8 li .text .t{ font-size: 2em; line-height: 30px;}
.h3200-box8 li .text .p{ font-size: 1.2em; margin-top: 35px; line-height: 20px; width: 60%;}
.h3200-box9 .box{ padding: 20px 15px;}
.h3200-box9 .box .top{ padding-bottom: 15px;}
.h3200-box9 .box .top .t{ font-size: 2em;}
.h3200-box9 .box .top .p{ font-size: 1.4em; margin-top: 5px;}
.h3200-box9 .box .list{ padding: 30px 0 0;}
.h3200-box9 .box .list li{ margin-bottom: 20px;}
.h3200-box9 .box .list li .icon{ padding: 12px 15px 0 0;}
.h3200-box9 .box .list li .icon img{ max-height: 25px;}
.h3200-box9 .box .list li .text .t{ font-size: 1.6em; font-weight: normal;}
.h3200-box9 .box .list li .text .p{ font-size: 1.4em; line-height: 20px;}
.h3200-box9 .box .list li.ys1{ width: 100%;}
.h3200-box9 .box .list li.ys2{ width: 100%;}
.h3200-box9 .box .list li.ys1 .icon, .h3200-box9 .box .list li.ys2 .icon{ width: 15%;}
.h3200-box9 .box .list li.ys2 .text{ width: 85%;}
.h3200-box9 .box .list li.ys2 .text .p{ font-size: 1.4em;}
.h3200-box9 .box .bz{ font-size: 1.2em; font-weight: normal;}

/********************nb801**********************/
.nb801-box1 .text{ padding: 0 40px; top: 16%; transform: translateY(0);}
.nb801-box1 .text .title{ font-size: 2.6em; letter-spacing: 2px;}
.nb801-box1 .text .p{ font-size: 1.8em; letter-spacing: 2px; margin-top: 5px;}
.nb801-box1 .img{ right: inherit; left: 50%; transform: translateX(-50%); top: inherit; bottom: 12%; width: 75%;}
.nb801-box2 .top{ z-index: 1; padding: 0 40px; margin-top: 0; top: 8%;}
.nb801-box2 .top .title{ font-size: 2em; text-align: left;}
.nb801-box2 .top .text{ font-size: 1.4em; padding: 0; line-height: 24px; margin-top: 15px;}
.nb801-box2 .top .other{ margin-top: 20%;}
.nb801-box2 .top .other span{ display: inline-block; padding: 4px 10px; border: 1px solid #333; font-size: 1.8em; border-radius: 6px;}
.nb801-box3{ padding: 0;}
.nb801-box4 .text{ padding: 0 40px; top: 8%; transform: translateY(0);}
.nb801-box4 .text .title{ font-size: 2em; text-align: left;}
.nb801-box4 .text .t{ font-size: 1.4em; margin-top: 5px;}
.nb801-box4 .text .p{ font-size: 1.4em; width: 100%; line-height: 24px; margin-top: 15px;}
.nb801-box5 .top{ z-index: 1; margin-top: 0; top: 14%;}
.nb801-box5 .top .title{ font-size: 2em; letter-spacing: 1px;}
.nb801-box5 .top .text{ font-size: 1.4em; margin-top: 5px; line-height: 24px; margin-top: 10%;}
.nb801-box6{ position: relative; padding: 0;}
/* .nb801-box6 .img{ width: 100%; text-align: center;}
.nb801-box6 .img img{ width: 40%;} */
.nb801-box6 .text{ width: 100%; margin-top: 0; padding: 0 40px; position: absolute; top: 6%; z-index: 2;}
.nb801-box6 .text .box{ transform: translateY(0); margin-top: 0; padding: 0;}
.nb801-box6 .text .title{ font-size: 2em;}
.nb801-box6 .text .p{ font-size: 1.4em; line-height: 24px; margin-top: 15px; letter-spacing: 0; width: 85%;}

/********************h3100**********************/
.h3100-box1 .text{ padding: 0 40px; top: 16%; transform: translateY(0);}
.h3100-box1 .text .title{ font-size: 3em;}
.h3100-box1 .text .p{ font-size: 1.8em; margin-top: 5px;}
.h3100-box1 .img{ right: inherit; top: inherit; transform: translateX(-50%); left: 50%; bottom: 5%; width: 75%;}
.h3100-box2 .top{ padding: 0 40px; margin-top: 6%;}
.h3100-box2 .top .title{ font-size: 2em; text-align: left;}
.h3100-box2 .top .text{ font-size: 1.4em; padding: 0; line-height: 24px; margin-top: 1%; width: 96%; text-align: justify; margin-top: 15px;}
.h3100-box3 .text{ right: inherit; top: 8%; left: 0; width: 100%; padding: 0 40px; z-index: 1; transform: translateY(0);}
.h3100-box3 .text .title{ font-size: 2em;}
.h3100-box3 .text .p{ font-size: 1.4em; margin-top: 15px; line-height: 24px; letter-spacing: 0; width: 82%;}
.h3100-box4{ padding-bottom: 0;}
.h3100-box4 li{ padding: 0; position: relative;}
.h3100-box4 li img{ z-index: 0;}
.h3100-box4 li .text{ left: inherit; width: 100%; z-index: 1; padding: 0 40px; top: 5%; transform: translateY(0);}
.h3100-box4 li .text .title{ font-size: 2em; padding-top: 0px; text-align: left;}
.h3100-box4 li .text .p{ font-size: 1.4em; line-height: 24px; margin-top: 15px;}
.h3100-box4 li .text .other{ font-size: 2.2em; margin-top: 4%; font-weight: normal;}
.h3100-box5{ padding: 0;}
.h3100-box5 li+li{ margin-top: 15px;}
.h3100-box6{ margin: 0 -30px;}
.h3100-box6 .box{ height: 260px;}
.h3100-box6 .box .title{ font-size: 1.6em; font-weight: normal;}
.h3100-box6 .box img{ height: 110%;}

/********************h3000**********************/
.h3000-box1 .text{ padding: 0 40px; letter-spacing: 3px; top: 14%; transform: translateY(0);}
.h3000-box1 .text .title{ font-size: 2.6em; line-height: normal;}
.h3000-box1 .text .p{ font-size: 1.6em; font-weight: bold;}
.h3000-box1 .text .p2{ font-size: 1.8em; margin-top: 15px;}
.h3000-box1 .img{ right: inherit; top: inherit; bottom: 8%; width: 100%; transform: translateX(-50%); left: 50%;}
.h3000-box2 .top{ z-index: 1; padding: 0 40px; top: 10%;}
.h3000-box2 .top .title{ font-size: 2em; text-align: left;}
.h3000-box2 .top .text{ font-size: 1.4em; padding: 0; margin-top: 15px; line-height: 24px; width: 95%;}
.h3000-box3 .text{ padding: 0 40px; top: inherit; transform: translateY(0); bottom: 8%;}
.h3000-box3 .text .title{ font-size: 1.8em;}
.h3000-box3 .text .t{ font-size: 1.4em;}
.h3000-box3 .text .p{ font-size: 1.4em; width: 85%; margin-top: 15px; line-height: 24px;}
.h3000-box3 .img{ right: 30px; top: 25%; width: 50%; transform: rotate(15deg);}
.h3000-box4 .top{ z-index: 1; padding: 0 40px; top: 12%;}
.h3000-box4 .top .title{ font-size: 1.8em; text-align: left;}
.h3000-box4 .top .text{ font-size: 1.4em; padding: 0; margin-top: 15px; line-height: 24px; width: 92%;}
.h3000-box5{ padding: 25px 0;}
.h3000-box5 .top{ letter-spacing: 0;}
.h3000-box5 .top .title{ font-size: 1.8em;}
.h3000-box5 .top .t{ font-size: 1.2em; font-weight: normal; margin-top: 5px;}
.h3000-box5 .top .text{ font-size: 1.4em;}
.h3000-box5 .list{ padding: 0 40px; margin-top: 25px;}
.h3000-box5 .list li{ padding: 0 7.5px; margin-bottom: 15px; width: 50%;}
.h3000-box5 .list li .title{ font-size: 1.4em; margin-top: 15px;}
.h3000-box6 .text{ right: inherit; top: 8%;  width: 100%; transform: translateY(0); padding: 0 40px;}
.h3000-box6 .text .t{ font-size: 1.2em; margin-top: 10px;}
.h3000-box6 .text .title{ font-size: 2em; letter-spacing: 2px;}
.h3000-box6 .text .p{ font-size: 1.4em; margin-top: 20px; line-height: 24px;}
.h3000-box7 .text{ padding: 0 40px; transform: translateY(0); top: 6%;}
.h3000-box7 .text .t{ font-size: 1.2em; margin-top: 10px;}
.h3000-box7 .text .title{ font-size: 2em; letter-spacing: 2px;}
.h3000-box7 .text .p{ font-size: 1.4em; margin-top: 15px; width: 84%; line-height: 24px;}

/********************bj6100**********************/
.bj6100-box1 .text{ padding: 0 15px; top: 22%; letter-spacing: 1px; z-index: 2;}
.bj6100-box1 .text .title{ font-size: 3em; line-height: inherit;}
.bj6100-box1 .text .p{ font-size: 1.6em; margin-top: 5px;}
.bj6100-box1 .img{ position: absolute; bottom: 5%; left: 50%; transform: translateX(-50%); width: 80%; text-align: center; z-index: 9;}
.bj6100-box2 .top{ z-index: 1; letter-spacing: 1px;}
.bj6100-box2 .top .title{ font-size: 2em; text-align: left; padding: 0 15px;}
.bj6100-box2 .top .text{ font-size: 1.2em; line-height: 20px; margin-top: 15px; padding: 0 15px;}
.bj6100-box2 .list{ padding: 0 7.5px; z-index: 1; bottom: 6%;}
.bj6100-box2 .list ul{ margin: 0 -7.5px;}
.bj6100-box2 .list li{ padding: 0 7.5px;}
.bj6100-box2 .list li .icon{ height: 40px; margin-bottom: 10px;}
.bj6100-box2 .list li .text{ font-size: 1.2em; line-height: 20px;}
.bj6100-box3 .text{ padding: 0 15px; z-index: 2; top: 5%; transform: translateY(0);}
.bj6100-box3 .text .title{ font-size: 1.8em;}
.bj6100-box3 .text .p{ width: 100%; font-size: 1.4em; margin-top: 10px;}
.bj6100-box3 .text .other{ font-size: 3.6em; margin-top: 78%;}
.bj6100-box3 .img{ right: 15px; z-index: 1; width: 66%; transform: translateY(0); bottom: 10%; top: auto;}
.bj6100-box4 .text{ right: inherit; width: 90%; z-index: 1; transform: translateY(0); left: 15px; top: 10%;}
.bj6100-box4 .text .title{ font-size: 1.8em;}
.bj6100-box4 .text .p{ font-size: 1.4em; margin-top: 20px;}
.bj6100-box4 .text .other{ font-size: 2.6em; margin-top: 84%;}
.bj6100-box6 .text{ padding: 0 15px; z-index: 2; transform: translateY(0); top: 8%;}
.bj6100-box6 .text .title{ font-size: 1.8em;}
.bj6100-box6 .text .p{ font-size: 1.4em; width: 90%;}
.bj6100-box6 .img{ z-index: 1; width: 70%; top: inherit; bottom: 10%; transform: translateY(0%);}
.bj6100-box7 li .img{ width: 55%;}
.bj6100-box7 li .text{ width: 45%;}
.bj6100-box7 li .text .box{ padding: 38% 15px;}
.bj6100-box7 li .text .t{ font-size: 4em;}
.bj6100-box7 li .text .p{ font-size: 1.4em; margin-top: 10px;}
.bj6100-box7 li .text i{ margin-top: 10%; height: 5px; width: 30px;}
.bj6100-box9{ padding: 30px 40px;}
.bj6100-box9 .top{ font-size: 2em; font-weight: bold; color: #333;}
.bj6100-box9 .list{ margin-top: 30px;}
.bj6100-box9 li{ background: #000; border-radius: 20px; overflow: hidden; margin-top: 15px; height: 110px;}
.bj6100-box9 li .text{ width: 25%; float: left; text-align: center; color: #ffff; font-size: 1.4em; line-height: 110px;}
.bj6100-box9 li .img{ width: 75%; float: left;}

/********************bj6200**********************/
.bj6200-box1 .text{ padding: 0 15px; transform: translateY(0); letter-spacing: normal; z-index: 2; top: 16%;}
.bj6200-box1 .text .title{ font-size: 3em; line-height: normal;}
.bj6200-box1 .text .p{ font-size: 1.4em; margin-top: 0px;}
.bj6200-box1 .text .p p:last-child{ font-size: 1.3em; margin-top: 15px;}
.bj6200-box1 .img{ width: 65%; left: 50%; transform: translateX(-50%); z-index: 1; text-align: center; right: inherit; top: inherit; bottom: 4%;}
.bj6200-box2 .top{ padding: 0 15px; z-index: 1; top: 14%;}
.bj6200-box2 .top .t{ font-size: 1.8em; text-align: left;}
.bj6200-box2 .top .p{ font-size: 1.4em; margin-top: 15px; text-align: left;}
.bj6200-box2 .text{ width: 130%; z-index: 1; border-radius: 20px; transform: scale(0.7,0.7) translateX(-71.6%); bottom: 4%;}
.bj6200-box2 .text ul{ padding: 15px 5px;}
.bj6200-box2 .text li{ padding: 0 5px;}
.bj6200-box2 .text li .icon{ width: 20%; text-align: center; margin-right: 0;}
.bj6200-box2 .text li .icon img{ margin-top: 10px;}
.bj6200-box2 .text li .b{ width: 80%; padding-left: 5px;}
.bj6200-box2 .text li .t{ font-size: 1.8em; width: 100%;}
.bj6200-box2 .text li .p{ font-size: 1.2em; line-height: 18px;}
.bj6200-box3 .text{ padding: 0 15px; transform: translateY(0); top: 6%;}
.bj6200-box3 .text .t{ font-size: 1.8em;}
.bj6200-box3 .text .p{ font-size: 1.2em; line-height: 20px; margin-top: 2%; width: 80%;}
.bj6200-box3 .img{ width: 30%; right: inherit; left: 50%; transform: translateX(-50%); top: inherit; bottom: 7%;}
.bj6200-box4 .img1{ width: 42%; top: 58%;}
.bj6200-box4 .img2{ width: 34%; right: 5%; top: 58%; transform: translateY(0%);}
.bj6200-box4 .text{ padding:  0 15px 0 30px; bottom: inherit; top: 12%;}
.bj6200-box4 .text .t{ font-size: 1.8em; letter-spacing: 2px; padding-bottom: 4px;}
.bj6200-box4 .text .t i{ height: 1px;}
.bj6200-box4 .text .p{ font-size: 1.2em; margin-top: 5%; line-height: 20px; width: 66%;}
.bj6200-box5{ position: relative;}
.bj6200-box5 .title{ font-size: 2em; color: #fff; position: absolute; padding: 0 35px; padding-right: 15px; top: 6%;}
.bj6200-box5 .title i{ position: absolute; width: 70px; height: 2px; background: #fff; left: 100%; top: 50%; transform: translateY(-50%);}
.bj6200-box5 .list{ position: absolute; bottom: 5%; width: 100%; padding: 0 35px;}
.bj6200-box5 .list li{ position: relative; height: 96px; margin-top: 15px; border-radius: 10px; overflow: hidden;}
.bj6200-box5 .list li .text{ position: absolute; top: 0; left: 0; line-height: 96px; font-size: 1.4em; color: #fff; height: 100%; width: 32%; background: url(../images/product-page/bj6200/BJ6200_box5-icon.png) no-repeat; background-size: cover; text-indent: 15px;}
.bj6200-box5 .list li .img{ text-align: right; height: 100%;}
.bj6200-box5 .list li .img img{ height: 100%; max-width: inherit;}
.bj6200-box6 .top{ letter-spacing: 0; top: 6%;}
.bj6200-box6 .top .title{ font-size: 1.8em; text-align: left;}
.bj6200-box6 .top .text{ font-size: 1.2em; margin-top: 5%; line-height: 20px;}
.bj6200-box7{ padding: 20px 0;}
.bj6200-box7 li{ padding: 0 5%;}
.bj6200-box7 li+li{ margin-top: 30px;}
.bj6200-box7 li .img{ width: 100%; margin-top: 20px;}
.bj6200-box7 li .text{ width: 100%;}
.bj6200-box7 li:nth-child(2n) .text .box{ padding: 0;}
.bj6200-box7 li .text .box{ position: relative; margin-top: 0; transform: translateY(0); padding: 0; margin-top: 0px;}
.bj6200-box7 li .text .t{ font-size: 1.8em;}
.bj6200-box7 li .text .p{ font-size: 1.4em; margin-top: 15px;}
.bj6200-box8 .top{ top: 18%; text-align: left; padding: 0 20px; letter-spacing: 2px;}
.bj6200-box8 .top .title{ font-size: 1.8em;}
.bj6200-box8 .top .text{ font-size: 1.4em; margin-top: 5px;}

/********************bX6100**********************/
.bx6100-box1{ padding-top: 0;}
.bx6100-box1 .text{ padding: 0 50px; top: 18%; transform: translateY(0); letter-spacing: 1px;}
.bx6100-box1 .text .title{ font-size: 3.4em; line-height: normal;}
.bx6100-box1 .text .title span{ font-size: 0.5em;}
.bx6100-box1 .text .p2{ font-size: 1.4em; margin-top: 5px;}
.bx6100-box1 .img{ right: inherit; top: inherit; left: 50%; transform: translateX(-50%); width: 68%; bottom: 8%;}
.bx6100-box2 .top{ z-index: 1; top: 10%; letter-spacing: 1px; padding: 0 50px;}
.bx6100-box2 .top .t{ font-size: 1.8em; text-align: left;}
.bx6100-box2 .top .p{ font-size: 1.2em; padding: 0; margin-top: 4%; line-height: 20px; width: 90%;}
.bx6100-box3 .text{ padding: 0 50px; z-index: 1; top: inherit; transform: translateY(0); bottom: 8%;}
.bx6100-box3 .text .t{ font-size: 1.8em; letter-spacing: 1px;}
.bx6100-box3 .text .p{ font-size: 1.2em; width: 90%; line-height: 20px; margin-top: 15px; letter-spacing: 1px;}
.bx6100-box3 .img{ z-index: 1; right: inherit; width: 42%; top: 10%; transform: translateX(-50%); left: 50%;}
.bx6100-box4 .text{ padding: 0 50px; z-index: 1; top: 8%; transform: translateX(0);}
.bx6100-box4 .text .t{ font-size: 1.8em; letter-spacing: 1px;}
.bx6100-box4 .text .p{ font-size: 1.2em; width: 90%; line-height: 20px; margin-top: 15px;}
.bx6100-box4 .list{ position: absolute; width: 100%; padding: 0 50px; bottom: 8%;}
.bx6100-box4 .list li{ margin-top: 20px;}
.bx6100-box5 ul{ margin: 0 -15px;}
.bx6100-box5 li{ padding: 0 15px;}
.bx6100-box5 li .title{ font-size: 1.4em; padding: 15px 0; letter-spacing: 2px;}
.bx6100-box6 .text{ right: inherit; left: 0; width: 100%; z-index: 1; padding: 0 50px; top: 8%; transform: translateY(0);}
.bx6100-box6 .text .t{ font-size: 1.8em;}
.bx6100-box6 .text .p{ font-size: 1.4em;}
.bx6100-box6 .text .icon img{ width: 35%;}
.bx6100-box6 .img{ left: 50%; transform: translateX(-50%); z-index: 1; top: inherit; bottom: 8%; width: 62%;}
.bx6100-box7 .top{ font-size: 1.8em; letter-spacing: 1px; top: 10%;}
.bx6100-box8{ padding: 30px 0;}
.bx6100-box8 .top .title{ font-size: 1.8em; letter-spacing: 1px;}
.bx6100-box8 .top .text{ font-size: 1.4em; padding: 0 20px; margin-top: 15px;}
.bx6100-box8 .list{ margin: 25px 50px 0;}
.bx6100-box8 .list li{ margin-bottom: 5%;}
.bx6100-box8 .list li .img img{ border-radius: 10px;}
.bx6100-box8 .list li .img p{ font-size: 1.4em; letter-spacing: 1px;     transform: translateY(0); top: inherit; bottom: 15px;}

/********************bX6200**********************/
.bx6200-box1 .text{ padding: 0 50px; transform: translateY(0); letter-spacing: 1px; top: 14%;}
.bx6200-box1 .text .title{ font-size: 3.6em;}
.bx6200-box1 .text .p{ font-size: 1.6em; margin-top: 4px;}
.bx6200-box1 .img{ right: inherit; width: 70%; left: 50%; transform: translateX(-50%); bottom: 5%; top: inherit;}
.bx6200-box2 .text{ width: 100%; z-index: 2; top: 8%; transform: translateY(0); right: inherit; left: 0; padding: 0 50px;}
.bx6200-box2 .text .t{ font-size: 1.6em;}
.bx6200-box2 .text .title{ font-size: 1.8em;}
.bx6200-box2 .text .p{ font-size: 1.2em; margin-top: 10px; line-height: 20px; width: 92%;}
.bx6200-box2 .img{ z-index: 1; left: 50%; transform: translateX(-50%); width: 68%; top: inherit; bottom: 4%;}
.bx6200-box3 .top{ z-index: 1; padding: 0 50px; top: 10%;}
.bx6200-box3 .top .t{ font-size: 1.8em; text-align: left; letter-spacing: 1px;}
.bx6200-box3 .top .p{ font-size: 1.2em; padding: 0; margin-top: 15px; line-height: 20px;}
.bx6200-box4 .top{ z-index: 1; padding: 0 50px;}
.bx6200-box4 .top .t{ font-size: 1.8em; text-align: left;}
.bx6200-box4 .top .p{ font-size: 1.2em; padding: 0; line-height: 20px; margin-top: 15px; width: 96%;}
.bx6200-box5 .top{ font-size: 2em; text-align: center; font-weight: bold; color: #fff; position: absolute; top: 8%; width: 100%; z-index: 1; letter-spacing: 1px;}
.bx6200-box5 .list{ padding: 6% 40px 4%; position: absolute; bottom: 4%;}
.bx6200-box5 .list li{ padding: 0 7.5px; width: 50%; margin-bottom: 15px;}
.bx6200-box5 .list li .title{ font-size: 1.4em; margin-top: 10px; letter-spacing: 1px;}
.bx6200-box5 .bg{ position: relative;}
.bx6200-box5 .bg img{ position: relative; max-width: 100%;}
.bx6200-box6 .top{ font-size: 1.8em; letter-spacing: 1px; text-align: left; padding: 0 50px;}
.bx6200-box6 .text{ font-size: 1.2em; line-height: 20px; width: 98%; position: absolute; padding: 0 50px; color: #fff; top: 17%;}
.bx6200-box7 .text{ padding: 0 50px; top: 8%; transform: translateY(0);}
.bx6200-box7 .text .t{ font-size: 1.8em; letter-spacing: 1px;}
.bx6200-box7 .text .p{ font-size: 1.2em; width: 58%; margin-top: 15px; line-height: 20px;}

/********************c5000**********************/
.c5000-box1 .text{ padding: 0 50px; transform: translateY(0); top: 14%;}
.c5000-box1 .text .title{ font-size: 3.6em;}
.c5000-box1 .text .title span{ font-size: .48em; font-weight: normal;}
.c5000-box1 .img{ width: 100%; right: 0; bottom: 4%;}
.c5000-box2{ background: #1a1a1a; padding: 60px 50px;}
.c5000-box3 .top{ z-index: 1; padding: 0 50px; top: 8%;}
.c5000-box3 .top .t{ font-size: 1.8em; letter-spacing: 1px; text-align: left;}
.c5000-box3 .top .p{ font-size: 1.2em; margin-top: 15px; padding: 0; line-height: 20px; width: 65%;}
.c5000-box4 .img{ width: 50%; left: 15px; z-index: 1; bottom: 10%;}
.c5000-box4 .text{ right: inherit; width: 100%; top: 8%; transform: translateY(0); z-index: 2; padding: 0 50px; }
.c5000-box4 .text .t{ font-size: 1.8em;}
.c5000-box4 .text .p{ font-size: 1.2em; margin-top: 10px; width: 82%;}
.c5000-box5 .img{ right: 15px; z-index: 1; top: 50%; transform: translateY(-50%);}
.c5000-box5 .text{ left: 0; width: 100%; top: 6%; transform: translateY(0); z-index: 2; padding: 0 50px;}
.c5000-box5 .text .t{ font-size: 1.8em; text-align: left;}
.c5000-box5 .text .p{ font-size: 1.2em; margin-top: 10px; width: 82%;}
.c5000-box6 .top{ z-index: 1; padding: 0 50px; top: 8%;}
.c5000-box6 .top .t{ font-size: 1.8em; text-align: left;}
.c5000-box6 .top .p{ font-size: 1.2em; margin-top: 10px; padding: 0; width: 85%;}
.c5000-box7{ padding: 40px;}
.c5000-box7 .text{ left: 0; width: 100%; position: relative; top: 50%; transform: translateY(0);}
.c5000-box7 .text .t{ font-size: 1.8em; text-align: left;}
.c5000-box7 .text .p{ font-size: 1.2em; line-height: 20px; margin-top: 10px;}
.c5000-box7 .img{ width: 100%; margin-top: 30px;}
.c5000-box8 .title{ position: absolute; z-index: 1; top: 8%; text-align: center; height: 45px; line-height: 45px; font-size: 2em; color: #fff; width: 100%; font-weight: bold; letter-spacing: 1px;}
.c5000-box8 .title span{ display: inline-block; position: relative; padding: 0 10px;}
.c5000-box8 .title span::before{ content: ""; position: absolute; display: inline-block; width: 70px; height: 2px; background: #ff8300; left: -70px; top: 50%; transform: translateY(-50%);}
.c5000-box8 .title span::after{ content: ""; position: absolute; display: inline-block; width: 70px; height: 2px; background: #ff8300; right: -70px; top: 50%; transform: translateY(-50%);}
.c5000-box8 .list{ position: absolute; bottom: 8%; background:transparent; padding: 0 50px;}
.c5000-box8 .list li{ width: 100%; margin-top: 15px;}


/********************c5100**********************/
.c5100-box1 .text{ padding: 0 40px; transform: translateY(0); letter-spacing: 2px; top: 20%;}
.c5100-box1 .text .title{ font-size: 3.2em; line-height: 30px;}
.c5100-box1 .text .title span{ font-size: 18px; font-weight: normal;}
.c5100-box1 .text .p{ font-size: 1.4em;}
.c5100-box1 .text .p2{ font-size: 1.4em; margin-top: 6px;}
.c5100-box1 .img{ transform: translateY(0); top: inherit; bottom: 15%; width: 90%;}
.c5100-box2 .text{ left: 0; width: 100%; transform: translateY(0); letter-spacing: 0; z-index: 2; top: 6%; padding: 0 40px;}
.c5100-box2 .text .t{ font-size: 1.8em;}
.c5100-box2 .text .p{ width: 95%; font-size: 1.4em; margin-top: 15px;}
.c5100-box2 .text ul{ width: 60%; margin-top: 20px;}
.c5100-box2 .text li span{ font-size: 1.4em;}
.c5100-box2 .text li p{ font-size: 1.8em;}
.c5100-box2 .img{ right: inherit; z-index: 1; left: 50%; transform: translateX(-50%); top: inherit; bottom: 8%; width: 75%;}
.c5100-box3 .text{ right: inherit; top: 6%; left: 0; letter-spacing: 0; width: 100%; z-index: 2; padding: 0 40px; transform: translateY(0);}
.c5100-box3 .text .t{ font-size: 1.8em;}
.c5100-box3 .text .p{ font-size: 1.4em; margin-top: 15px;}
.c5100-box3 .text ul{ width: 30%; margin-top: 20px; position: absolute;     right: 0; top: 350%;} 
.c5100-box3 .text li{ width: 100%; margin-top: 10px;}
.c5100-box3 .img{ left: 40px; z-index: 1; width: 75%; top: inherit; transform: translateY(0); bottom: 10%;}
.c5100-box5 .text{ left: 0; width: 100%; top: 10%; transform: translateY(0); letter-spacing: 0; z-index: 2; padding: 0 40px;}
.c5100-box5 .text .t{ font-size: 1.8em;}
.c5100-box5 .text .p{ font-size: 1.4em; margin-top: 15px; width: 80%;}
.c5100-box5 .img{ right: inherit; top: inherit; bottom: 10%; left: 50%; transform: translateX(-50%); z-index: 1; width: 75%;}

/********************c6000**********************/
.c6000-box1 .text{ padding: 0 40px; transform: translateY(-10%); letter-spacing: 2px; top: 16%;}
.c6000-box1 .text .title{ font-size: 3.2em; line-height: 26px;}
.c6000-box1 .text .p{ font-size: 1.4em; margin-top: 5px;}
.c6000-box1 .text .p2{ font-size: 1.8em; margin-top: 10px;}
.c6000-box1 .img{ right: inherit; top: inherit; bottom: 6%; width: 65%; left: 50%; transform: translateX(-50%);}
.c6000-box2 .top{ z-index: 1; padding: 0 40px;}
.c6000-box2 .top .t{ font-size: 1.8em; text-align: left;}
.c6000-box2 .top .p{ font-size: 1.2em; padding: 0; line-height: 20px; padding-right: 20px; margin-top: 15px;}
.c6000-box3 .text{ padding: 0 40px; z-index: 2; top: 6%; transform: translateY(0);}
.c6000-box3 .text .title{ font-size: 1.8em; }
.c6000-box3 .text .t{ font-size: 1.6em; margin-top: 0;}
.c6000-box3 .text .p{ font-size: 1.2em; margin-top: 15px; width: 80%; line-height: 20px;}
.c6000-box3 .img{ right: 15px; z-index: 1;}
.c6000-box4 .top{ z-index: 1; padding: 0 40px; letter-spacing: 2px; top: 8%;}
.c6000-box4 .top .t{ font-size: 1.8em; text-align: left;}
.c6000-box4 .top .p{ font-size: 1.2em; padding: 0; margin-top: 15px; line-height: 20px; width: 92%;}
.c6000-box5{ padding: 30px 0;}
.c6000-box5 .top{ font-size: 1.8em; letter-spacing: 4px;}
.c6000-box5 .list{ margin-top: 25px;}
.c6000-box5 .list li{ width: 100%; }
.c6000-box5 .list li+li{ margin-top: 20px;}
.c6000-box5 .list li .title{ font-size: 1.6em; margin-top: 10px;}
.c6000-box6 .top{ font-size: 2.2em; letter-spacing: 2px; top: 8%;}
.c6000-box7 .text{ padding: 0 40px; z-index: 1; top: 5%; transform: translateY(0);}
.c6000-box7 .text .t{ font-size: 1.4em; position: absolute; background: #9c9c9c; padding: 6px 20px; color: #000; top: 120px; border-radius: 30px; font-weight: bold;}
.c6000-box7 .text .title{ font-size: 1.8em; margin-top: 2px;}
.c6000-box7 .text .p{ font-size: 1.4em; width: 100%; margin-top: 20px; width: 82%;}

/********************nb501**********************/
.nb501-box1 .text{ padding: 0 40px; top: 14%; transform: translateY(0);}
.nb501-box1 .text .title{ font-size: 2.6em;}
.nb501-box1 .text .p{ font-size: 1.6em; margin-top: 5px;}
.nb501-box1 .img { left: 50%; right: inherit; top: inherit; bottom: 10%; transform: translateX(-45%); width: 80%;}
.nb501-box2{ padding: 40px;}
.nb501-box2 li{ padding: 0 5px;}
.nb501-box3 .top{ top: 8%; z-index: 1; padding: 0 40px;}
.nb501-box3 .top .t{ font-size: 2em; text-align: left;}
.nb501-box3 .top .p{ font-size: 1.2em; padding: 0; line-height: 20px; margin-top: 15px; width: 85%;}
.nb501-box4 .text{ right: inherit; width: 100%; transform: translateY(0); z-index: 2; top: 6%; padding: 0 40px;}
.nb501-box4 .text .t{ font-size: 2em;}
.nb501-box4 .text .p{ font-size: 1.4em; margin-top: 15px; text-align: justify; width: 85%; line-height: 24px;}
.nb501-box4 .img{ left: 50%; transform: translateX(-50%); top: inherit; bottom: 8%; z-index: 1; width: 75%;}
.nb501-box5{ padding: 40px;}
.nb501-box5 .text{ position: relative; transform: translateY(0); left: 0; width: 100%;}
.nb501-box5 .text .t{ font-size: 2em;}
.nb501-box5 .text .p{ font-size: 1.3em; margin-top: 15px; line-height: 24px;}
.nb501-box5 .img{ width: 100%; margin-top: 20px;}
/* .nb501-box6{ margin: 0 -30px;}
.nb501-box6 .box{ height: 260px;}
.nb501-box6 .box .title{ font-size: 1.6em; font-weight: normal;}
.nb501-box6 .box img{ height: 110%;} */
.nb501-box6{ padding: 40px; background: #2d3348; margin: 0;}
.nb501-box6 .list{ overflow: hidden;}
.nb501-box6 ul{ margin: 0 -7.5px;}
.nb501-box6 li{ float: left; padding: 0 7.5px; margin-bottom: 15px;}
.nb501-box6 li:last-child{ margin-bottom: 0;}
.nb501-box6 li.ys1{ width: 52%;}
.nb501-box6 li.ys2{ width: 48%;}
.nb501-box6 li.ys1 .img:nth-child(1){ margin-bottom: 8%;}
.nb501-box7 .text{ left: 0; width: 100%; top: 8%; transform: translateY(0); padding: 0 40px;}
.nb501-box7 .text .t{ font-size: 2em;}
.nb501-box7 .text .p{ font-size: 1.4em; margin-top: 15px; width: 85%; line-height: 24px;}
.nb501-box7 .img{ right: inherit; left: 50%; transform: translateX(-40%); top: inherit; bottom: 12%; width: 80%;}
.nb501-box8 .top{ padding: 0 40px; top: 10%;}
.nb501-box8 .top .t{ font-size: 2em; text-align: left;}
.nb501-box8 .top .p{ font-size: 1.2em; padding: 0; line-height: 20px; width: 90%; margin-top: 15px;}
.nb501-box9 .text{ left: 0; width: 100%; border: none; letter-spacing: 1px; padding: 0 40px; top: 6%; transform: translateY(0);}
.nb501-box9 .text .t{ font-size: 2em;}
.nb501-box9 .text .p{ font-size: 1.4em; margin-top: 15px; width: 90%; line-height: 24px;}

/**************************c6100-2d*************************/
.c6100-2d-box1 .text{ transform: translateY(0); top: 20%;}
.c6100-2d-box1 .text .t{ font-size: 2.6em;}
.c6100-2d-box1 .text .bq{ margin-top: 2vw;}
.c6100-2d-box1 .text .bq span{ font-size: 1.6em; border: 1px solid #fff; padding: 5px 10px;}
.c6100-2d-box1 .text .p{ font-size: 1.6em; margin-top: 2vw;}
.c6100-2d-box1 .text .other{ text-align: center; margin-top: 2vw;}
.c6100-2d-box1 .text .other span{ width: 20px; height: 20px;}
.c6100-2d-box1 .text .other p{ font-size: 1.4em;}
.c6100-2d-box1 .img{ width: 88.3%;}
.c6100-2d-box3 li{ padding: 5px;}
.c6100-2d-box3 li .img{ border-radius: 6px;}
.c6100-2d-box3 li .img:nth-child(2){ margin-top: 10px;}
.c6100-2d-box4 .text{ width: 100%; right: 0; padding: 0 15px; transform: translateY(0); top: 25px;}
.c6100-2d-box4 .text .p, .c6100-2d-box4 .text .p2, .c6100-2d-box5 .text .p, .c6100-2d-box5 .text .p2, .c6100-2d-box6 .text .p, .c6100-2d-box7 .text .p, .c6100-2d-box7 .text .p2, .c6100-2d-box8 .text .p, .c6100-2d-box8 .text .p2{ font-size: 1.4em;}
.c6100-2d-box4 .text .t, .c6100-2d-box5 .text .t, .c6100-2d-box7 .text .t, .c6100-2d-box8 .text .t{ padding-right: 66%;}
.c6100-2d-box4 .text .other li img{ height: 30px;}
.c6100-2d-box4 .text .other li p{ font-size: 1.4em;}
.c6100-2d-box5 .text{ width: 100%; left: 0; padding: 0 15px; transform: translateY(0); top: 25px;}
.c6100-2d-box5 .img{ width: 94%;}
.c6100-2d-box6 .text{ padding: 25px 15px 0;}
.c6100-2d-box6 .text .t{ padding: 0 30%;}
.c6100-2d-box6 .text .p{ margin-top: 20px;}
.c6100-2d-box6 .img{ width: 85%;}
.c6100-2d-box7 .text{ width: 100%; left: 0; padding: 0 55px; transform: translateY(0); top: 45px;}
.c6100-2d-box7 .img{ top: inherit; left: 0; width: 90%; bottom: 10vw;}
.c6100-2d-box8 .img{ padding-top: 4.5vw; width: 78%;}
.c6100-2d-box8 .text{ width: 100%; left: 0; padding: 0 55px; transform: translateY(0); top: inherit; bottom: 15%;}

/********************bx6210**********************/
.bx6210-box1{ height: 140vw;}
.bx6210-box1 .text{ top: 36%; left: 40px;}
.bx6210-box1 .text .t{ font-size: 2.8em; letter-spacing: 0; margin-bottom: 10px;}
.bx6210-box1 .text .p span{ font-size: 1.4em; border: 1px solid #ffd5a7; letter-spacing: 0; border-radius: 6px; padding: 5px 10px;}
.bx6210-box1 .text .p2{ font-size: 1.6em; margin-top: 4vw;}
.bx6210-box1 .text .p2 p{ line-height: 26px; font-weight: normal;}
.bx6210-box1 .img{ width: 100%; right: 0; padding: 0 20%;}

.bx6210-box2 .img{ width: 58%;}

.bx6210-box3{ padding: 4% 15px;}
.bx6210-box3 .box2 ul{ margin: 0 -7.5px;}
.bx6210-box3 .box2 li{ padding: 0 7.5px;}
.bx6210-box3 .box3{ margin: 2.4vw -7.5px 0;}
.bx6210-box3 .box3 li{ padding: 0 7.5px;}

.bx6210-box4{ padding: 4% 15px;}
.bx6210-box4 .box1 li:first-child, .bx6210-box4 .box2 li:first-child{ margin-bottom: 15px;}
.bx6210-box4 .box1{ width: 100%;}
.bx6210-box4 .box1 ul{ margin: 0 -7.5px;}
.bx6210-box4 .box1 li{ padding: 0 7.5px;}
.bx6210-box4 .box2{ width: 100%; padding-left: 0; margin-top: 15px;}
.bx6210-box4 .box2 ul{ margin: 0 -7.5px;}
.bx6210-box4 .box2 li{ padding: 0 7.5px;}
.bx6210-box4 .box3{ margin-top: 15px;}
.bx6210-box4 .box3 ul{ margin: 0 -7.5px;}
.bx6210-box4 .box3 li{ padding: 0 7.5px;}
.bx6210-box5 .text{ right: 0; width: 100%; padding: 0 15px; top: 22%;}
.bx6210-box6 .text, .bx6210-box8 .text{ left: 0; width: 100%; padding: 0 15px; top: 22%;}

.bx6210-box5 .text .title .t, .bx6210-box5 .text .title .t-f, .bx6210-box6 .text .title .t, .bx6210-box6 .text .title .t-f, .bx6210-box8 .text .title .t, .bx6210-box8 .text .title .t-f{ font-size: 1.8em; font-weight: normal; text-align: left;}
.bx6210-box5 .text .p, .bx6210-box6 .text .p, .bx6210-box8 .text .p{ font-size: 1.4em; margin-top: 3.2vw;}
.bx6210-box6 .text .p{ width: 70%; margin-top: 4.2vw;}
.bx6210-box7 .text{ width: 100%; right: 0; top: 22%; padding: 0 15px;}
.bx6210-box7 .text .title .t, .bx6210-box7 .text .title .t-f{ text-align: right; font-size: 1.8em; font-weight: normal;}
.bx6210-box7 .text .p{ margin-top: 3.2vw;}
.bx6210-box7 .text .p p{ font-size: 1.6em; font-weight: normal; height: 24px; line-height: 24px; text-align: right;}
.bx6210-box7 .img{ left: 0; width: 100%; padding: 0 20%;}

/*******************p11**********************/
.p11-box1{ height: 125vw;}
.p11-box1 .text{ top: 38%; padding: 0 3%;}
.p11-box1 .text .p1{ font-size: 1.8em;}
.p11-box1 .text .p2{ font-size: 1.4em;}
.p11-box1 .img{ width: 100%; right: 3%; width: 94%;}
.p11-box1 .img img{ padding: 0 24%;}
.p11-box2{ padding: 25px 3%;}
.p11-box2 .top{ margin-bottom: 20px;}
.p11-box2 .top .t{ margin-top: 10px;}
.p11-box2 .top .sub_t{ font-size: 1.6em;}
.p11-box2 .box{ width: 100%;}
.p11-box2 .box .ys1{ width: 100%;}
.p11-box2 .box .ys2{ width: 65%;}
.p11-box2 .box .ys3{ width: 35%;}
.p11-box3{ padding: 25px 3%;}
.p11-box3 .top img{ width: 46%;}
.p11-box3 .title{ padding-left: 0;}
.p11-box3 .title .t{ font-size: 1.4em;}
.p11-box3 .title .sub_t{ font-size: 1.6em;}
.p11-box3 .imgs img{ width: 60%; margin-top: 10px;}
.p11-box4{ padding: 25px 3%; flex-direction: column;}
.p11-box4 .text{ padding: 0 4% 0 0;}
.p11-box4 .text .t img{ width: 50%;}
.p11-box4 .text .p{ font-size: 1.4em;}
.p11-box4 .text .bq img{ width: 35px; margin-right: 15px;}
.p11-box4 .img{ margin-top: 30px;}
.p11-box5{ height: 80vw;}
.p11-box5 .text{ padding: 0 4% 0 0; width: 80%; top: 50%; left: 3%;}
.p11-box5 .text .t img{ width: 45%;}
.p11-box5 .text .p{ font-size: 1.4em;}
.p11-box5 .text .other{ font-size: 1.2em;}
.p11-box5 .text .other img{ width: 54px;}
.p11-box5 .bg img{ height: 100%; object-fit: cover;}
.p11-box6{ padding: 25px 3%;}
.p11-box6 .top .t{ margin-bottom: 15px;}
.p11-box6 .top .t img{ width: 30%;}
.p11-box6 .top .p{ font-size: 1.4em;}
.p11-box6 .img{ margin-top: 30px;}
.p11-box7{ height: 120vw;}
.p11-box7 .top .t img{ width: 50%;}
.p11-box7 .top .p{ font-size: 1.4em; width: 80%; margin: 15px auto 0;}
.p11-box7 .box{ width: 80%; }
.p11-box7 .box li{ font-size: 1.4em; width: auto;}
.p11-box7 .box li.on::before{ height: 3px; bottom: -1px;}
.p11-box7 .bg{ height: auto; top: 60%; transform: translateY(-50%);}
.p11-box8{ padding: 25px 3%;}
.p11-box8 .frame{ width: 100%;}
.p11-box8 .frame li .img{ width: 100%;}
.p11-box8 .frame li .box{ width: 100%; margin-top: 25px;}
.p11-box8 .frame li .box .t{ text-align: right;}
.p11-box8 .frame li .box .t img{ width: 50%;}
.p11-box8 .frame li:nth-child(2n) .img{ order: 1;}
.p11-box8 .frame li:nth-child(2n) .box{ width: 100%;}
.p11-box8 .frame li:nth-child(2n) .box .t{ text-align: left;}
.p11-box8 .frame li .box .p{ font-size: 1.4em;}
.p11-box8 .frame li .box .other{ margin-top: 20px; font-size: 1.4rem;}
.p11-box8 .frame li .box .other label{ margin-right: 15px;}
.p11-box8 .frame li .box .other label span{ font-size: 1.8rem;}
.p11-box8 .frame li .box .other img{ width: 24px;}
.p11-box9{ padding: 25px 3%;}
.p11-box9 .box{ width: 100%;}
.p11-box9 .img{ margin: 25px 0;}
.p11-box10{ height: 120vw;}
.p11-box10 .top .t img{ width: 30%;}
.p11-box10 .top .p{ font-size: 1.2em; width: 80%; margin: 15px auto 0;}
.p11-box10 .bg img{ height: 100%; object-fit: cover;}
.p11-box11{ height: auto; padding: 25px 3%;}
.p11-box11 .box{ position: relative; flex-direction: column; top: 0; transform: translateY(0);}
.p11-box11 .text{ width: 100%; margin-top: 20px;}
.p11-box11 .text .t img{ width: 50%;}
.p11-box11 .text .p{ letter-spacing: 1px; font-size: 1.4em; line-height: 24px;} 
.p11-box11 .bg img{ height: 100%; object-fit: cover;}
.p11-box12 .box > .img{ width: 100%;}
.p11-box12 .box .imgs{ width: 100%;}
.p11-cs{ padding: 25px 3%;}
.p11-cs .top{ font-size: 1.8em;}
.p11-cs .list li{ width: 100%; margin-right: 0 !important;}
.p11-cs .list li:nth-last-child(2), .p11-cs .list li:last-child{ width: 100%;}
.p11-cs .list li .icon{ width: 60px;}
.p11-cs .list li .text{ font-size: 1.4em;}
.p11-cs .bz{ font-size: 1.4em; margin-top: 10px;}

}