@charset "utf-8";
/* CSS Document */
.edit .main{ max-width:1250px; padding:0 20px; box-sizing:border-box; margin:0 auto; overflow:hidden;}
.edit .main .image{ width:49%; height:590px; float:left; overflow:hidden; position:relative;}
.edit .main .image img{ width:590px; height:590px; position:absolute; top:0; left:0; right:0; bottom:0;}
.edit .main .text{ width:auto; margin-left:52%; box-sizing:border-box; position:relative; height:590px;}
.edit .main .text ul{ padding:0;}
.edit .main .text .t01{ width:100%; min-height:90px; border-bottom:#ccc solid 1px; box-sizing:border-box; position:relative;}
.edit .main .text .t01 .ta{ margin:0; color:#999; font-size:15px; line-height:15px;}
.edit .main .text .t01 .tb{ margin:0; color:#444; font-size:45px;}
.edit .main .text .t01 .tb .proname{ font-weight:bold;}
.edit .main .text .t02{ width:100%;/* height:170px; border-bottom:#ccc solid 1px;*/ box-sizing:border-box; margin-bottom:20px;}
.edit .main .text .t02 .ta{ margin:30px 0 8px 0; color:#999; font-size:17px; letter-spacing:3px;}
.edit .main .text .t02 .tc{ margin:0 0 10px 0; color:#444; font-size:17px;}
.edit .main .text .t02 .tc02{ margin:0 0 10px 0; color:#026eb9; font-size:17px;}
.edit .main .text .t02 .tc a{ color:#444; text-decoration:none;}
.edit .main .text .t02 .tc a:hover{ color:#00adee; text-decoration:none; border-bottom:1px solid #00adee; box-sizing:border-box;}
.edit .main .text .t02 img{ margin-right:10px;}
.edit .main .text .t03{ width:100%;/* height:90px;*/ border-top:#ccc solid 1px; box-sizing:border-box; margin-bottom:20px;}
.edit .main .text .t03 .ta{ margin:15px 0 8px 0; color:#999; font-size:17px; letter-spacing:3px;}
.edit .main .text .t03 .tc{ margin:0; color:#444; font-size:17px;}
.edit .main .text .t04{ width:100%; height:auto; border-top:1px solid #ccc; position:absolute; bottom:0;}
.edit .main .text .t04 .ta{ margin:15px 0 8px 0; color:#00adee; font-size:15px; margin-bottom:21px; font-weight:bold; letter-spacing:1.5px;}
.edit .main .text .t04 .ta a{ text-decoration:none; color:inherit;}
.edit .main .text .t04 .tm{ width:100%; height:auto;}
.edit .main .text .t04 .tm .tm01{ border:1px solid #0fb853; color:#0fb853; font-weight:bold; padding:13px 20px; box-sizing:border-box; text-decoration:none; margin-right:12px; transition:.5s;}
.edit .main .text .t04 .tm .tm01:hover{ background-color:#0fb853; color:#fff; transition:.5s;}
.edit .main .text .t04 .tm .tm02{ border:1px solid #db2028; color:#db2028; font-weight:bold; padding:13px 20px; box-sizing:border-box; text-decoration:none; transition:.5s;}
.edit .main .text .t04 .tm .tm02:hover{ background-color:#db2028; color:#fff; transition:.5s;}
.ttblock{ height:470px;}
.ttblock a{ color:#444; text-decoration:none;}
.ttblock a:hover{ color:#00adee; text-decoration:none; border-bottom:1px solid #00adee; box-sizing:border-box;}
.ttblock p{ line-height:26px; margin: 0 0 .6rem 0; }
.ttblock p:first-child{ margin-top: 1rem; }
.ttblock > p:last-child{ margin-bottom: 1rem; }
.ttblock .t04 { line-height: 20px; margin-top: 1rem; margin-bottom: 1rem; }
.ttblock ul{ padding-left:5px;}
.ttblock ul li{ font-size:23px; font-weight:bold; color:#000; list-style-type:none; line-height:35px;}
.ttblock ul li:nth-child(2n){ color:#036EB8;}
.ttblock .safetext{ font-size:23px; line-height:35px; margin:0;}
.ttblock .line{ width:100%; height:1px; background-color:#ccc;}
ul li .ball{ font-size:15px; vertical-align:top; padding-right:0px; display:inline-block;}

.edit .title{ max-width:1250px; padding:0 20px; margin:60px auto 35px auto; font-size:16px; color:#444; font-weight:bold; line-height:32px; box-sizing:border-box; letter-spacing:3px;}
.edit .title li { display:inline;}
.edit .title .active .titleline{ width:auto; border-bottom: solid 2px #00adee; padding:0 42px 5px 0; color:#444; text-decoration:none; transition:1s;}
.edit .title .active .titleline .titleline02{ width:auto; border-bottom: solid 2px #00adee; padding-bottom:5px; color:#777; font-weight:normal; margin-left:5px; color:#444; text-decoration:none; transition:1s;}
.edit .title .active .titleline:hover{ color:#00adee; transition:.2s;}
.edit .title .active .titleline:hover .titleline02{ color:#00adee; transition:.2s;}
.edit .title .titleline{ width:auto; border-bottom: solid 2px #ccc; padding:0 42px 5px 0; color:#444; text-decoration:none; transition:1s;}
.edit .title .titleline .titleline02{ width:auto; border-bottom: solid 2px #ccc; padding-bottom:5px; color:#777; font-weight:normal; margin-left:5px; color:#444; text-decoration:none; transition:1s;}
.edit .title .titleline:hover{ color:#00adee; transition:.2s;}
.edit .title .titleline:hover .titleline02{ color:#00adee; transition:.2s;}

.edit .label01{ display:block;}
.edit .label01 .outter{ max-width: 1210px; margin: 0 auto; padding:0 20px;}
.edit .label01 .outter p img{ width:100%;}
.edit .label01 .outter .style01{ width:30%; margin-right:3%; display:inline-block; border-bottom:1px solid #ccc;}
.edit .label01 .banner01{ max-width:1210px; height:650px; margin:0 auto; background-color:#fff; overflow:hidden; position:relative; margin-bottom:50px;}
.edit .label01 .banner01 img{ margin-top:-100px;}
.edit .label01 .banner01 .bt01{ position:absolute; top:60px; left:50px; right:50px;}
.edit .label01 .banner01 .bt01 .bt01tt{ font-size:35px; color:#444; margin:0 0 25px 0; letter-spacing:3px;}
.edit .label01 .banner01 .bt01 .bt01te{ font-size:15px; color:#444; line-height:35px; letter-spacing:3px;}
.edit .label01 .banner01 .bt02{ position:absolute; top:420px; left:50px; right:50px;}
.edit .label01 .banner01 .bt02 .bt02tt{ font-size:35px; color:#444; margin:0 0 25px 0; letter-spacing:3px;}
.edit .label01 .banner01 .bt02 .bt02te{ font-size:15px; color:#444; line-height:35px; letter-spacing:3px;}
.edit .label01 .video{ max-width:1210px; height:305px; padding:0; margin:60px auto 35px auto;}
.edit .label01 .video .videoplay{ width:545px; height:305px; background-color:#444; display:table-cell; vertical-align:middle;}
.edit .label01 .video .videotext{ display:table-cell; vertical-align:middle; padding-left:35px; box-sizing:border-box;}
.edit .label01 .video .videotext .vtplay{ color:#444; font-size:15px; margin:0; letter-spacing:3px; background-image:url(../images/detail/videoplay.png); background-repeat:no-repeat; line-height:15px; padding-left:20px;}
.edit .label01 .video .videotext .vttitle{ color:#444; font-size:35px; margin:2px 0 15px 0; letter-spacing:3px;}
.edit .label01 .video .videotext .vttext{ color:#444; font-size:15px; margin:0; letter-spacing:3px; line-height:36px;}
.edit .label01 .box_block{ max-width:1210px; min-height:650px; width:100%; margin:0 auto 50px auto; background-color:#fff; overflow:hidden; position:relative; border:1px solid #aaa; box-sizing:border-box; display:table;}
.edit .label01 .box_block .image{ width:700px; display:table-cell; vertical-align:top; position:relative; overflow:hidden;}
.edit .label01 .box_block .image img{ height:100%; position:absolute; top:0; left:50%; margin-left:-350px;}
.edit .label01 .box_block .boxtext{ float:right; width:515px; height:100%; box-sizing:border-box; padding:30px; background-color:#fff; top:0; right:0; display:table-cell;}
.edit .label01 .box_block .boxtext .boxtitle{ font-size:35px; font-weight:bold; color:#000; line-height:35px; margin-top:10px;}
.edit .label01 .box_block .boxtext .boxtitle p{ font-size:27px;}
.edit .label01 .box_block .boxtext .boxtitle p span{ color:#E4007F;}
.edit .label01 .box_block .boxtext .boxpc{ color:#E4007F; border:1px solid #E4007F; box-sizing:border-box; font-size:23px; text-align:center; padding:10px 0;}
.edit .label01 .box_block .boxtext .boxpc a{ color:#E4007F; text-decoration:none;}
.edit .label01 .box_block .boxtext .boxpc:hover{ background-color:#E4007F; color:#fff;}
.edit .label01 .box_block .boxtext .boxpc:hover a{ color:#fff;}
.edit .label01 .box_block .boxtext ul{ padding-left:20px;}
.edit .label01 .box_block .boxtext .boxspecial ul li{ font-size:23px; font-weight:bold; color:#000; list-style-type:none; line-height:35px;}
.edit .label01 .box_block .boxtext .boxspecial ul li:nth-child(2n){ color:#036EB8;}
.edit .label01 .box_block .boxtext .boxspecial ul li .ball{ font-size:15px; vertical-align:top; padding-right:0px; display:inline-block;}
.edit .label01 .box_block .boxtext .boxsize{ color:#000; font-size:23px; border-top:1px solid #000; padding-top:15px; line-height:35px;}



.edit .label02{ display:none;}
.edit .label02 .actual{ max-width:1230px; height:auto; margin:0 auto; font-size:0;}
.edit .label02 .actual .actualblock{ width:50%; display:inline-block; padding:0 10px; box-sizing:border-box;}
.edit .label02 .actual .actualimg{ width:100%;}
.edit .label02 .actual .actualimg img{ width:100%;}
.edit .label02 .actual .actualtext{ font-size:16px; color:#444; margin:5px 0 25px 0;}

.edit .especially{ max-width:1250px; margin:0 auto; box-sizing:border-box; padding:0;}
.edit .especially .block_especially{ width:100%; height:auto; overflow:hidden; margin-bottom:50px; border:1px solid #ccc; box-sizing:border-box; padding:10px;}
.edit .especially .block_especially:hover{ background-color:rgba(0,0,0,.05);}
.edit .especially .block_especially a.download02{ padding:5px 15px; border:1px solid #0fb853; float:right; color:#0fb853; text-decoration:none; line-height:35px; font-size:19px; display:inline-block;}
.edit .especially .block_especially a.download02:hover{ background-color:#0fb853; transition:.3s; color:#fff;}
.edit .especially .block_especially .especially_titlle{ width:100%; font-size:35px; color:#444; font-weight:bold; padding:0 1%; box-sizing:border-box; display:block;}
.edit .especially .block_especially .especially_image{ width:100%; height:auto; font-size:0; margin-top:10px; display:table;}
.edit .especially .block_especially .especially_image img{ width:33%; margin-right:0.5%; display:inline-block;}
.edit .especially .block_especially .especially_image img:nth-child(3n){ margin:0;}
.edit .especially .block_especially .especially_image .one_pro{ width:32%; padding:0 1%; margin-bottom:15px; display:table-cell; vertical-align:top;}
.edit .especially .block_especially .especially_image .one_pro img{ width:100%;}
.edit .especially .block_especially .especially_image .one_pro .especially_name{ width:100%; line-height:35px; font-size:19px; text-align:center; background-color:#fff; box-sizing:border-box; margin:10px 0 5px 0;}



@media screen and ( min-width: 641px) and ( max-width: 1023px) {
.edit .main .text .t01{ height:100px;}
.edit .main .text .t01 .tb{ margin:0; color:#444; font-size:25px;}
.edit .main .text .t01 .tb .proname{ font-size:35px; display:inline-block;}
.edit .main .text .t02 .ta{ margin:10px 0 8px 0;}
.edit .main .text .t02 .tc{ font-size:15px;}
.edit .main .text .t02 img{ margin-right:7px;}
.edit .main .text .t03 .ta{ margin:10px 0 8px 0;}
.edit .main .text .t03 .tc{ font-size:15px;}
.ttblock{ height:482px;}

.edit .label01 .banner01 img{ position:absolute; right:-620px;}
.edit .label01 .banner01 .bt01{ z-index:10;}
.edit .label01 .banner01 .bt02{ z-index:10;}
.edit .label01 .video{ height:auto;}
.edit .label01 .video img{ width:100%;}
.edit .label01 .video .videoplay{ width:100%; height:auto; display:block;}
.edit .label01 .video .videotext{ width:100%; height:auto; display:block; padding:0; margin-top:25px;}

.edit .label01 .box_block{ max-width:700px; height:auto;}
.edit .label01 .box_block .image{ max-width:700px; width:100%; height:auto; display:block;}
.edit .label01 .box_block .image img{ width:100%; position:static; margin:0;}
.edit .label01 .box_block .boxtext{ position:static; width:100%; padding:40px; display:block;}

.edit .label01 .outter .style01{ width:45%; margin-right:5%; display:inline-block; border-bottom:1px solid #ccc;}

.edit .especially .block_especially .especially_titlle{ width:100%; font-size:27px; color:#444; line-height:40px;}

}

@media screen and ( min-width: 320px) and ( max-width: 640px) {
.edit .main .image{ width:100%; height:340px; float:none;}
.edit .main .image img{ width:100%; height:auto; position:static;}
.edit .main .text{ width:100%; height:auto; margin:20px 0 0 0; padding:0;}
.edit .main .text .t01{ height:auto; padding-bottom:10px; min-height:auto;}
.edit .main .text .t01 .tb{ margin:0; color:#444; font-size:25px;}
.edit .main .text .t01 .tb .proname{ font-size:35px; display:inline-block;}
.edit .main .text .t01 .point{ display:none;}
.edit .main .text .t02{ height:auto; padding-bottom:10px;}
.edit .main .text .t02 .ta{ margin:10px 0 8px 0;}
.edit .main .text .t02 .tc{ line-height:25px;}
.edit .main .text .t02 img{width:20%;}
.edit .main .text .t03{ height:auto; padding-bottom:10px;}
.edit .main .text .t03 .ta{ margin:10px 0 8px 0;}
.edit .main .text .t03 .tc{ line-height:25px;}
.edit .main .text .t04{ position:static;}
.ttblock{ height:auto;}

.edit .title .active .titleline{ width:50%; display:inline-block; padding:0 0 5px 0; line-height:22px; font-size:15px;}
.edit .title .active .titleline .titleline02{ width:auto; border:none; display:block; margin:0; color:#777; letter-spacing:normal; font-size:13px;}
.edit .title .titleline{ width:50%; display:inline-block; padding:0 0 5px 0; line-height:22px; font-size:15px;}
.edit .title .titleline .titleline02{ width:auto; border:none; display:block; margin:0; color:#777; letter-spacing:normal; font-size:13px;}

.edit .label01 .banner01{ height:auto; padding-bottom:50px;}
.edit .label01 .banner01 .bt01{ position:static; padding:0 20px; box-sizing:border-box; margin-top:25px;}
.edit .label01 .banner01 .bt01 .bt01tt{ margin:0;}
.edit .label01 .banner01 .bt02{ position:static; padding:0 20px; box-sizing:border-box; margin-top:25px;}
.edit .label01 .banner01 .bt02 .bt02tt{ margin:0;}
.edit .label01 .banner01 img{ width:100%; margin:0;}
.edit .label01 .video{ height:auto;}
.edit .label01 .video img{ width:100%;}
.edit .label01 .video .videoplay{ width:100%; height:auto; display:block;}
.edit .label01 .video .videotext{ width:100%; height:auto; display:block; padding:0; margin-top:25px;}

.edit .label01 .outter .style01{ width:100%; margin-right:0%; display:block; border-bottom:1px solid #ccc;}

.edit .label01 .box_block{ max-width:600px; height:auto;}
.edit .label01 .box_block .image{ max-width:600px; width:100%; height:auto; display:block;}
.edit .label01 .box_block .image img{ width:100%; margin:0; position:static;}
.edit .label01 .box_block .boxtext{ position:static; width:100%; padding:40px;}
.edit .label01 .box_block .boxtext .boxtitle{ line-height:35px;}
.edit .label01 .box_block .boxtext .boxpc{ font-size:17px;}

.edit .label02 .actual .actualblock{ width:100%; display:inline-block; padding:0 10px; box-sizing:border-box;}

.edit .especially .block_especially .especially_titlle{ width:100%; font-size:19px; color:#444; line-height:33px;}
.edit .especially .block_especially a.download02{ padding:5px 15px; border:1px solid #0fb853; float:right; color:#0fb853; text-decoration:none; line-height:21px; font-size:15px;}
.edit .especially .block_especially a.download02:hover{ background-color:#0fb853; transition:.3s; color:#fff;}
.edit .especially .block_especially .especially_image img{ width:49%; margin-right:2%; margin-bottom:15px; vertical-align:top; display:inline-block;}
.edit .especially .block_especially .especially_image img:nth-child(2n){ margin:0;}
.edit .especially .block_especially .especially_image .one_pro{ width:49%; margin-right:1%; margin-bottom:15px; display:inline-block; vertical-align:top;}
.edit .especially .block_especially .especially_image .one_pro:nth-child(2n+2){ margin:0;}
.edit .especially .block_especially .especially_image .one_pro:nth-child(3n){ width:49%; margin-right:1%; margin-bottom:15px; display:inline-block; vertical-align:top;}
.edit .especially .block_especially .especially_image .one_pro img{ margin-bottom:0;}
}