@font-face{font-family:SourceHanSansCN-Regular;src:url(https://file.daiwachina.com/cn/fonts/SourceHanSansCN-Regular.woff)}
@font-face{font-family:SourceHanSansCN-Bold;src:url(https://file.daiwachina.com/cn/fonts/SourceHanSansCN-Bold.woff)}
@font-face{font-family:'Oswald';src:url('../ttf/oswald-bold.ttf'),url('https://file.daiwachina.com/cn/fonts/Oswald-Bold.woff') format('woff'),url('../svg/oswald-bold.svg#Oswald-Bold') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:SourceHan-Bold;src:url(../otf/sourcehanserifcn-bold-2.otf)}
@font-face {
    font-family: 'SourceHanSansCN-Medium';
    src: url('../otf/sourcehansanscn-medium.otf') format('opentype');
}
@font-face {
    font-family: 'SourceHanSansCN-Heavy';
    src: url('../otf/sourcehansanscn-heavy.otf') format('opentype');
}

/* .slick-dots{display:block;width:100%;padding:0;margin:30px 0 0;list-style:none;text-align:center}
.slick-dots li{position:relative;display:inline-block;width:12px;height:12px;margin:0 4px !important;padding:0;background:#ccc;cursor:pointer;border-radius:50px}
.slick-dots li button{display:none}
.slick-dots .slick-active{background:#000} */

a:hover{ color: #888 }

a{color:#000}
.auto_980{max-width:980px}
@media(max-width:980px){.auto_980{padding:0 2%}
}.auto_1200{max-width:1200px}
@media(max-width:1200px){.auto_1200{padding:0 2%}
}::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{width:4px;background-color:#444}
::-webkit-scrollbar-thumb{background-color:#666;background-clip:padding-box;min-height:28px}
::-webkit-scrollbar-thumb:hover{background-color:#888}
body,
pre{font-family:'SourceHanSansCN-Regular';color:#000}
.home_body{}
.Top002652{position:fixed;left:0;top:0;width:100%;z-index:103;background:#000}
.Top002652 header{position:relative;z-index:2;max-width:980px;margin:0 auto}
.Top002652 .logo{text-align:center;padding:0px 35%;line-height:50px}
.Top002652 .logo img{max-height:34px}
.Top002652 .header-right{right:0%;top:50%;margin-top:-18px;color:#fff}
.Top002652 .header-right > *{float:left;position:relative;line-height:27px}
.Top002652 .open-search{width:36px;height:31px;background:url(../png/top002652_icon_search.png) no-repeat center center;display:block}
.Top002652 .search-box{position:absolute;right:0;top:0;width:218px;border-bottom:1px solid #fff;color:#fff}
.Top002652 .search-box .text{background:none;border:none;width:100%;padding:0 36px 0 0px;height:31px;line-height:31px;color:#aaa}
.Top002652 .search-box label{position:absolute;left:0;top:0;font-size:24px}
.Top002652 .search-box a{position:absolute;right:0;top:0;height:100%;width:36px}
.Top002652 .header-right,.Top002652 .open_menu{position:absolute}
.Top002652 .open_menu{left:0%;top:15px;cursor:pointer;z-index:203;transition:width 0.3s}
.Top002652 .open_menu_on{left:0;width:60%;max-width:385px;position: fixed;}
.Top002652 .open_menu dt{width:30px;height:18px;position:relative;display:inline-block;float:left}
.Top002652 .open_menu_on dt{width:30px;height:30px;border:2px solid #000;border-radius:50%}
.Top002652 .open_menu dt::before,.Top002652 .open_menu dt::after,.Top002652 .open_menu dt span{position:absolute;width:100%;height:2px;background:#fff;left:0}
.Top002652 .open_menu dt::before,.Top002652 .open_menu dt::after{content:''}
.Top002652 .open_menu dt span{top:50%;margin-top:-1px}
.Top002652 .open_menu dt::before{top:0}
.Top002652 .open_menu dt::after{bottom:0}
.Top002652 .open_menu_on dt span{opacity:0}
.Top002652 .open_menu_on dt::before,.Top002652 .open_menu_on dt::after{background:#000;width:60%;left:20%;top:50%;margin-top:-1px;transform:rotate(45deg)}
.Top002652 .open_menu_on dt::after{transform:rotate(-45deg)}
.Top002652 .open_menu dd{font-family:'Oswald','SourceHanSansCN-Regular';letter-spacing:1px;font-size:14px;color:#fff;padding-left:10px;text-transform:uppercase;display:inline-block;font-weight:bold}
.Top002652 .open_menu_on dd{color:#000;font-size:24px}
.Top002652 .top-menu{position:fixed;top:0;height:100%;z-index:200;width:60%;max-width:385px;background:#fff;left:-100%;opacity:0;transition:0.3s;padding-top:83px}
.Top002652 .top-menu-show{left:0;opacity:1}
.Top002652 .top-menu ul{border-top:1px solid #f2f2f2;padding:10%;overflow:auto;max-height:90%}
.Top002652 .top-menu li{margin-bottom:5%}
.Top002652 .top-menu li dl{display:none}
.Top002652 .top-menu li em{font-style:normal;border-bottom:1px solid #eee;display:block;/*padding-right:10%;*/position: relative; background: url(../png/menu_r.png) no-repeat right 20px center;}
.Top002652 .top-menu li:nth-child(1) em{ background: none}
.Top002652 .top-menu li.has-sub em{position:relative}
.Top002652 .top-menu li.aon em{border-color:#c09a75}
.Top002652 .top-menu li em a{line-height:40px;font-size:18px;color:#333}
.Top002652 .top-menu li a{display:block}
.Top002652 .top-menu li em a:hover,.Top002652 .top-menu li.aon em a{color:#000}
.Top002652 .top-menu li.has-sub em::before{position:absolute;content:'';width:100%;height:100%;left:0;top:0;z-index:10}
.Top002652 .top-menu li .op{cursor:pointer;position:absolute;right:3%;width:12px;height:12px;z-index:20;top:50%;margin-top:-6px}
.Top002652 .top-menu li .op::before,.Top002652 .top-menu li .op::after{position:absolute;content:'';background:#333}
.Top002652 .top-menu li .op::before{left:0;top:50%;margin-top:-1px;width:100%;height:2px}
.Top002652 .top-menu li .op::after{width:2px;height:100%;left:50%;top:0;margin-left:-1px}
.Top002652 .top-menu li.aon .op::after{opacity:0}
.Top002652 .top-menu li.aon .op::before{background:#c09a75}
.Top002652 .top-menu li dl{padding:5% 0}
.Top002652 .top-menu li dt a{color:#777;font-size:18px;line-height:36px}
.Top002652 .top-menu li dt a:hover{color:#000}
.Top002652 .top-menu-layer{position:fixed;left:0;top:0;height:100%;background:#000;opacity:0.3;width:100%;z-index:150;display:none}
.Top002652H{height: 50px;}
@media(max-width:1920px){
.Top002652{max-width:100%; padding: 0 4%}

.Top002652 .open_menu_on{}
}

@media(max-width:1200px){.Top002652 .search-box{position:fixed;top:70px;right:20px;width:250px;background:#000;display:none;border:1px solid #666}
.Top002652 .search-box .text{padding:0 36px 0 10px}
.Top002652 .search-box a{background:url(../png/top002652_icon_search.png) no-repeat center center}
.Top002652{padding:0 4%}
}@media(max-width:640px){.Top002652 .open_menu_on dd,.Top002652 .top-menu li em a{font-size:18px}
.Top002652 .open_menu_on dt{width:24px;height:24px}
}@media(max-width:480px){.Top002652 .open_menu dd{font-size:14px}
.Top002652 .top-menu{padding-top:78px}
}.Banner003008{position:relative;z-index:1}
.Banner003008 .text{position: absolute;width:100%;top:45%;z-index: 1;text-align: center;}
.Banner003008 .text h2{font-size:85px;color:#fff;margin:0;margin-bottom:1.5%;}
.Banner003008 .text img{width:110px;}
.Banner003008 li.slick-slide{position:relative}
.Banner003008 li.slick-slide img{width:100%;}
.Banner003008 li .txt{position:absolute;left:0;top:36%;width:100%;z-index:10;text-align:center;color:#fff;height:38%}
.Banner003008 li .txt .ytable{height:100%;max-width:900px}
.Banner003008 li .txt aside{font-size:85px;font-weight:bold;}
.Banner003008 li .txt .logo-img{width:110px;margin:0 auto;margin-top:30px}
.Banner003008 li .txt .play{background:url("../png/banner003008_play.png") no-repeat;width:104px;height:104px;display:block;margin:0 auto 3.125vw;cursor:pointer}

.Banner003008 video{position: relative;width: 100%;background-color: #000;}

@media(min-width:1025px){.Banner003008 .wap{display:none}
}
@media(max-width:1024px){
	.Banner003008 .pc{display:none}
	.Banner003008 .text h2{font-size:35px;margin-bottom:6.5%;}
	.Banner003008 .text img{width:60px;}
}@media(max-width:640px){.Banner003008 li .txt .play{width:16vw;height:16vw;background-size:contain}
}.Banner003008 .mouse{position:absolute;width:30px;height:60px;border-radius:50px;border:1px solid #fff;left:50%;bottom:5%;z-index:10}
.Banner003008 .mouse:before{content:'';width:3px;height:10px;background:#fff;position:absolute;left:50%;margin-left:-1.5px;top:10px;border-radius:3px;animation:Banner003008 2s ease infinite}
@keyframes Banner003008{0%{top:10px;opacity:1}
80%{top:40px;opacity:0}
100%{top:10px;opacity:0}
}
.Banner003008 .pages,.Banner003008 .slick-arrow{position:absolute;bottom:5%;z-index:10}
.Banner003008 .pages{left:3%;font-size:24px;color:#fff;line-height:60px}
.Banner003008 .slick-arrow{right:0%;border-right:1px solid #fff;border-top:1px solid #fff;transform:rotate(45deg);width:40px;height:40px;top:50%;margin:0 10px}
.Banner003008 .slick-prev{transform:rotate(-135deg);left:50px}
.Banner003008 .slick-next{right:50px}
@media(max-width:768px){
.Banner003008 .mouse{display:none}
.Banner003008 .pages,.Banner003008 .slick-arrow{bottom:3%}
.Banner003008 .pages{font-size:4vw}
.Banner003008 .slick-arrow{width:20px;height:20px;}
.Banner003008 .slick-prev{left:20px}
.Banner003008 .slick-next{right:20px}
}

.Banner003008 .nav{position:absolute;width:100%;text-align:center;bottom:14%;z-index:100}
.Banner003008 .nav a{color:#fff;font-weight:bold;font-size:16px;padding:0 2.3em;position:relative}
.Banner003008 .nav a:after{content:'';width:1px;height:14px;background:#fff;display:block;position:absolute;right:0;top:2px}
.Banner003008 .nav a:nth-child(3):after{display:none}
@media(max-width:768px){
.Banner003008 .nav a{padding:0 1em;position:relative}
.Banner003008 .nav a:after{top:2px}
}





.video-box{position:fixed;top:0;left:0;width:100%;height:100%;z-index:300;background:rgba(0,0,0,0.85)}
.video-box .close{cursor:pointer;width:40px;height:40px;position:fixed;z-index:4;right:20px;top:20px}
.video-box .close::before,.video-box .close::after{position:absolute;content:'';width:80%;left:10%;height:3px;top:50%;margin-top:-1.5px;background:#fff;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg)}
.video-box .close::before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg)}
.video-box .ytable{height:100%}
.video-box .ytable-cell{text-align:center}
.video-box video{width:90%;max-width:900px}
.h-menu{background:#fff;font-size:16px;padding:25px 0;background-color:rgba(255,255,255,1);border-bottom:1px solid #dedede}
.h-menu .auto{max-width:1200px;position:relative;z-index:100}
.h-menu menu{text-align:center}
.h-menu menu ul{ display: inline-block; vertical-align: middle;}
.h-menu menu li span{display:block}
.h-menu menu li span a{display:block;border-bottom:2px solid transparent;line-height:26px;transition:0.3s;color:#000;font-weight:bold;margin:0 1.5em}
.h-menu menu li span a:hover,.h-menu menu li.aon span a{color:#888}
.h-menu menu dl > *{float:left}
.h-menu menu dl a{display:block}

.h-menu menu dl{ display: inline-block;  vertical-align: middle; position: relative;}
.h-menu .open-search{width:36px;height:36px;margin-top:;background:url(../png/top003062_btn.png) no-repeat center center;
	cursor:pointer;margin-left: 40px;}
.h-menu .open-search-on{background:0 0;position:relative}
.h-menu .open-search-on::after,.h-menu .open-search-on::before{position:absolute;content:'';width:60%;left:20%;top:50%;transform:rotate(45deg);
height:2px;background:#000}
.h-menu .open-search-on::after{transform:rotate(-45deg)}
.h-menu .top-search{overflow:hidden;display:none;position:absolute;right:0;top:100%;margin-top:0;margin-right:20px;
	padding:1px;background:#000;width:300px;margin-left:0!important;background-size:100% 100%; }
.h-menu .top-search .text{ border:none;height:38px;line-height:38px;padding:0 0  0 20px ;width:100%;color:#000;overflow:hidden;background:#fff;width:298px}
.h-menu .top-search .btn{position:absolute;right:0;width:50px;height:100%;top:0;background:url(../png/top003062_btn.png) no-repeat center center}








@media(min-width:1025px){.h-menu menu{}
.h-menu menu li{display:inline-block}
}@media(min-width:1025px) and (max-width:1280px){.h-menu menu li{margin-right:2vw}
}@media(max-width:1024px){.h-menu{display:none}
}@media(max-width:768px){}
.top-search{display:block;padding-right:0}
.top-search2{position:relative;display:none;padding-right:50px}
.top-search2[rel="absolute"]{position:absolute;top:100%;right:0;z-index:100;width:100%;max-width:320px}
.top-search2 .text{width:100%;height:44px;line-height:44px;border:0;background:#fff;padding:0 10px;color:#999}
.top-search2 .text.focus{color:#333}
.top-search2 .btn{position:absolute;right:0;top:0;height:100%;width:50px;background-repeat:no-repeat;background-position:center center}
.TextList002957{background:#f7f7f7;padding:1.5em;margin-bottom:1em}
.TextList002957 .title{font-family:'Oswald','SourceHanSansCN-Regular';letter-spacing:1px;text-align:center;font-size:18px;color:#000;margin-bottom:1em}
.TextList002957 .more{background:#000;border:2px solid #000;display:block;color:#fff;line-height:3.5;text-align:center;position:relative}
.TextList002957 .more:after{content:'';width:7px;height:7px;top:44%;right:1.5em;display:block;cursor:pointer;background:none;border-left:2px solid #fff;border-top:2px solid #fff;transform:rotate(135deg);position:absolute}
.TextList002957 .more:hover{background:#fff;color:#000}
.TextList002957 .more:hover:after{border-left:2px solid #000;border-top:2px solid #000}
.TextList002957 ul{margin-bottom:1.5em}
.TextList002957 li{}
.TextList002957 li time{color:#000;font-size:13px;margin-bottom:0.3em;display:block;line-height:20px;position:relative}
.TextList002957 li time i{position:absolute;right:0;top:-1px;width:38px;height:18px;line-height:16px;font-weight:bold;font-size:12px;text-align:center;color:#fff;background:#CD201F;border-radius:6px 0}
.TextList002957 li a{font-size:12px;padding-bottom:1em;margin-bottom:1em;border-bottom:1px solid #ababab;color:#000;line-height:19px; height: 44px;}
.TextList002957 li i.new{background: url(../png/new.png) no-repeat left 0;margin-left:10px;width:40px;height: 16px;display:inline-block;vertical-align:middle;display: none;background-size: 70%;}
.TextList002957 li.showTrue a .new{display: inline-block;}
.TextList002957 li a:hover{text-decoration:underline}
@media(max-width:480px){.TextList002957 li{font-size:3vw;line-height:10vw}
.TextList002957 li a{font-size:3.5vw}
}.h-content{}
.h-left{width:39%;float:left;padding:2em 1em 2em 0}
.h-left .title{font-size:18px;color:#000;text-transform:uppercase;position:relative;margin-bottom:12px}
.h-left .title:after{content:'';width:83%;height:1px;background:#000;position:absolute;right:0;top:12px}
.h-left ul li{margin-bottom:1em;transition: 0.5s}
.h-left ul li:hover{opacity:0.8}
.h-mid{width:29%;float:left;padding:2em 1em}
.h-mid .con1 ul li{margin-bottom:10px;transition: 0.5s;position: relative;}
.h-mid .con1 ul li figure{position: absolute;width: 100%;height: 100%;top: 0;transition: 0.3s;}
.h-mid .con1 ul li .icon{position:absolute;left: 50%;top: 50%;margin-left: -50px;margin-top: -50px;transition: 0.3s;}
.h-mid .con1 ul li .icon img{width:100px;height:100px;display: none;}
.h-mid .con1 ul li:first-child:hover figure{background: rgba(0,0,0,.6);}
.h-mid .con1 ul li:first-child:hover figure img{display:block;}
.h-mid .con1 ul li:first-child:hover{opacity:1;}
.h-mid .con1 ul li:hover{opacity:0.8}
.h-mid .con2{border:1px solid #000;padding:1.5em;text-align:center;margin-bottom:1em}
.h-mid .con2 h4{font-family:'Oswald','SourceHanSansCN-Regular';letter-spacing:1px;font-size:18px;font-weight:normal;color:#000;margin:0}
.h-mid .con2 ul{display:table;margin:17px auto}
.h-mid .con2 ul li{float:left;margin:0 6px;border-radius:50%;position: relative;}
.h-mid .con2 ul li.li_1{background:url(../png/bottomicon1.png) no-repeat center center/41px #2cbb6d}
.h-mid .con2 ul li.li_2{background:url(../png/bottomicon2.png) no-repeat center center/41px #CD201F}
.h-mid .con2 ul li.li_3{background:url(../png/bottomicon3.png) no-repeat center center/41px #d01208}
.h-mid .con2 ul li.li_4{background:url(../png/bottomicon_douyin.png) no-repeat center center/31px #000000}
.h-mid .con2 ul li.li_5{background:url(../png/bottomicon5.png) no-repeat center center/41px #ff4907}

.h-mid .con2 ul li a{ display: block;width:42px;height:42px; }
.h-mid .con2 ul li figure{ width: 100px; height:100px; position: absolute; left: 0; bottom: 110%; display: none }
.h-mid .con2 ul li:hover figure{  display: block; }


.h-mid .fishinfo{background:#000;padding:1.5em;color:#fff;margin-bottom:1em}
.h-mid .fishinfo .title{font-family:'Oswald','SourceHanSansCN-Regular';letter-spacing:1px;font-size:18px;font-weight:bold;margin-bottom:1em;line-height:22px;text-align:center}
.h-mid .fishinfo .img{margin-bottom:1em;position:relative}
.h-mid .fishinfo .img a{display:block;position:relative}
.h-mid .fishinfo .img a:after{content:'';width:100%;height:100%;background:url(../png/videoicon.png) no-repeat center center rgba(0,0,0,0.35);position:absolute;left:0;top:0}
.h-mid .fishinfo .img:nth-child(3){margin-bottom:0}
.h-mid .fishinfo .txt{font-size:12px;line-height:1.7}
.h-mid .fishinfo .txt strong{padding-bottom:0.5em;display:block;font-size:14px;line-height:20px}
.h-mid .fishinfo .img{position:relative}
.h-mid .fishinfo .video_files{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10}
.h-mid .fishinfo .video_files video{width:100%;height:100%;background-color:#000}
.h-mid .fishinfo .video_files .close{position:absolute;right:3%;top:3%;z-index:10;width:30px;height:30px;border-radius:50%;background-color:#761b1b;cursor:pointer}
.h-mid .fishinfo .video_files .close::before,.h-mid .fishinfo .video_files .close::after{position:absolute;content:'';width:3px;height:70%;border-radius:3px;background-color:#fff;left:13px;top:5px}
.h-mid .fishinfo .video_files .close::before{transform:rotate(45deg)}
.h-mid .fishinfo .video_files .close::after{transform:rotate(-45deg)}
.h-mid .fishinfo figure{position:relative}
.h-mid .fishinfo figure em{display:block;padding-bottom:67%;background-size:contain;background-position:center center;background-repeat:no-repeat}
.h-mid .fishinfo figure a{width:100%;height:100%;position:absolute;left:0;top:0;background-color:rgba(0,0,0,0.5)}
.h-mid .fishinfo figure a::before,.h-mid .fishinfo figure a::after{position:absolute;content:'';z-index:5;top:50%;left:50%}
.h-mid .fishinfo figure a::before{width:70px;height:70px;border:3px solid #fff;margin-left:-35px;margin-top:-35px;border-radius:50%}
.h-mid .fishinfo figure a::after{width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:20px solid #fff;margin-left:-5px;margin-top:-15px}
.h-mid .Support{border:1px solid #dedede;margin-bottom:1em}
.h-mid .Support .title{font-family:'Oswald','SourceHanSansCN-Regular';letter-spacing:1px;text-align:center;color:#fff;background:#000;padding:0.7em 0;line-height:1;font-size:18px}
.h-mid .Support dl{padding:1.5em}
.h-mid .Support dl dd{margin-bottom:1.33em}
.h-mid .Support dl dd:nth-child(2){margin-bottom:0}
.h-mid .Support dl dd h3{font-size:14px;border-bottom:1px solid #000;margin-top:0;margin-bottom:0.5em;color:#000;line-height:23px}
.h-mid .Support dl dd p{font-size:12px;color:#000;margin-bottom:1em;margin-top:0;line-height:20px}
.h-mid .Support dl dd .more{color:#000;font-size:14px;text-decoration:underline;display:inline-block;line-height:22px;position:relative}
.h-mid .Support dl dd .more:after{content:'';width:5px;height:5px;top:43%;right:-14px;display:block;cursor:pointer;background:none;border-left:1px solid #000;border-top:1px solid #000;transform:rotate(135deg);position:absolute}
.h-right{float:left;width:32%;padding:2em 0}
.h-right .r-con{padding:1.7em 1.5em;background:#111;margin-left:1em}
.h-right .r-con1 ul{margin-bottom:1em}
.h-right .r-con1 ul li{margin-bottom:1em;transition: 0.5s}
.h-right .r-con1 ul li:hover{opacity:0.8}

.h-right .r-con2{background:#262626;padding:2em 1em}
.h-right .r-con2 .title{text-align:center;font-size:22px;font-weight:bold;margin-bottom:18px;color:#fff}
.h-right .r-con2 ul{margin-bottom:1.5em}
.h-right .r-con2 ul li{margin-bottom:1em; transition: 0.5s}
.h-right .r-con2 ul li:hover{opacity:0.8}

.h-right .r-con2 ul li img{margin-bottom:0.5em}
.h-right .r-con2 ul li p{font-size:14px;color:#fff;margin:0}
.h-right .r-con2 .more{background:#fff;display:block;color:#000;line-height:3.5;text-align:center;position:relative}
.h-right .r-con2 .more:after{content:'';width:6px;height:6px;top:44%;right:1.5em;display:block;cursor:pointer;background:none;border-left:1px solid #000;border-top:1px solid #000;transform:rotate(135deg);position:absolute}
.h-right .r-con3{margin-left:14px;padding-top:10px;padding-bottom:10px}
.h-right .r-con3 ul li{margin-bottom:10px}
@media(max-width:768px){.h-left,.h-mid,.h-right{width:100%;padding:0;margin:20px 0}
.h-right .r-con3{margin:0}
.h-right .r-con{margin:0}
}.Floor002142{background:#eee;padding:2em 0 1em}
.Floor002142 .auto{max-width:1200px;padding:0 1em}
.Floor002142 .title{font-family:'Oswald','SourceHanSansCN-Regular';font-size:18px;color:#000;text-transform:uppercase;margin-bottom:13px}
.Floor002142 ul{text-align:center;padding:0% 0}
.Floor002142 li{float:left;width:23.65%;margin-right:1.8%;margin-bottom:1em;border:1px solid #ddd}
.Floor002142 li:nth-child(4n){margin-right:0}
.Floor002142 li a img{filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");-webkit-filter:grayscale(100%);filter:grayscale(100%);filter:gray;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)}
.Floor002142 li a:hover img{opacity:1;filter:url("data:image/svg+xml;utf8");-webkit-filter:grayscale(0%);filter:grayscale(0%);filter:;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0)}
@media(max-width:768px){.Floor002142 li{width:48%;margin-right:4%;margin-bottom:4%}
.Floor002142 li:nth-child(2n){margin-right:0}
}.gotop{position: relative;height:44px;cursor:pointer;background:url(../png/gotop.png) no-repeat center center/22px #181818;z-index: 100;}
.Bottom002157{position: relative;background:#000;text-align:center;font-size:14px;padding:3% 0 1% 0;z-index: 100;}
.Bottom002157 .logo{width:88px;margin:0 auto;margin-bottom:40px}
.Bottom002157 ul{display:table;margin:0 auto}
.Bottom002157 li{float:left;width:50px;height:50px;margin:0 13px;background:#2cbb6d;border-radius:50%; position: relative;}
.Bottom002157 li a{display:block;height:50px}
.Bottom002157 li.li_1{background:url(../png/bottomicon1.png) no-repeat center center #2cbb6d}
.Bottom002157 li.li_2{background:url(../png/bottomicon2.png) no-repeat center center #CD201F}
.Bottom002157 li.li_3{background:url(../png/bottomicon3.png) no-repeat center center #d01208}
.Bottom002157 li.li_4{background:url(../png/bottomicon_douyin.png) no-repeat center/45px #000000}
.Bottom002157 li.li_5{background:url(../png/bottomicon5.png) no-repeat center center #ff4907}
.Bottom002157 li.li_2{position:relative;z-index:10}
.Bottom002157 li.li_2 img{display:none;position:absolute;left:50%;margin-left:-60px;border:5px solid #fff;bottom:100%;margin-bottom:10px;width:120px;height:120px;max-width:none}
.Bottom002157 li.li_2:hover img{display:block}
.Bottom002157 li.li_2 a{background-position:-76px 0}
.Bottom002157 li.li_3 a{background-position:right 0}
.Bottom002157 li figure{ width: 100px; height:100px; position: absolute; left: 0; bottom: 110%; display: none }
.Bottom002157 li:hover figure{  display: block; }
.Bottom002157 .p{padding:35px 0 7px;margin:0}
.Bottom002157 .p a{color:#fff}
.Bottom002157 p a,.Bottom002157 p{color:#888;font-family:'SourceHanSansCN-Regular'}
.Bottom002157 p a{display:inline-block;margin:0 10px; position: relative;vertical-align: middle;}
.Bottom002157 p a:after{ content: ""; display: block; position: absolute; right: -10px; top: 4px; width: 1px; height: 10px; background: #444 }
.Bottom002157 p a:last-child:after{  display: none }

.Bottom002157 p a:hover{color:#fff}
.Bottom002157 .gettop{position:fixed;right:2%;bottom:2%;background:url(../bottom002157-gettop.html) no-repeat;width:50px;height:50px;z-index:99;cursor:pointer}

@media(max-width:768px){
	.Bottom002157 li{margin: 0 8px;}
}


.brandHistoryRight p.more_black a,
.brandEarthArea p.more_black a{color:#000!important;border: 2px solid #000!important;}
.brandHistoryRight p.more_black a:hover,
.brandEarthArea p.more_black a:hover{color:#fff!important;background: #000!important;}

p.more{text-align:center}
p.more a{color:#fff;border:2px solid #fff;text-decoration:none;display:block;line-height:3.5;width:300px;position:relative}
p.more a:visited{color:#fff;border:2px solid #fff;text-decoration:none}
p.more a:hover{background-color:#fff;color:#000;border:2px solid #fff;text-decoration:none}
p.more a:after{content:'';width:7px;height:7px;top:44%;right:1.5em;display:block;cursor:pointer;background:0 0;border-left:2px solid #fff;border-top:2px solid #fff;transform:rotate(135deg);position:absolute}
p.more a:link:hover:after{border-left:2px solid #000;border-top:2px solid #000}
p.more_black  a{border:2px solid #000}
p.more_black a{color:#000}
p.more_black a:after{border-color:#000 !important}
p.more_black a:hover:after{border-color:#fff !important}
p.more_black  a:hover{background:#000;color:#fff}
p.more_white a{background:#fff}
p.more_white a{color:#000}
p.more_white a:after{border-color:#000 !important}

.column_title h1{color:#fff;font-size:36px;margin:0 0 20px}
.column_title h2{color:#fff;font-size:22px;margin:0 0 20px;font-weight:normal}
.column_title.c_black h1{color:#000;text-align:center;}
.column_title.c_black h2{color:#000}
.column_title_center{text-align:center;margin-bottom:30px}
@media(max-width:768px){
.column_title h1{font-size:26px;margin:0 0 20px}
.column_title h2{font-size:16px;margin:0 0 20px;}
}

.brandBox .brandArea p.arrow{transition: 0.5s; position:absolute;right:0;left:auto; top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:60px;height:60px;background:#000;border-radius:100px}
.brandBox .brandArea p.arrow:after{content:'';width:10px;height:10px;top:44%;right:1.8em;display:block;cursor:pointer;background:0 0;border-left:2px solid #fff;border-top:2px solid #fff;transform:rotate(135deg);position:absolute}
.brandBox .brandArea p.arrow a{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100% }
.brandBox .brandArea p.arrow:hover{opacity: 0.8}


.brandMain{width:100%;background-color:#000;padding:10em 0}
.brandMain .brandArea{background-color:#fff;text-align:center;padding:8em 0;position:relative;max-height:426px}
.brandMain .brandArea .top_tit{position:absolute;left:0;top:50px;font-size:22px;width:100%}
.brandMain h2 img{display:inline-block!important}
.brandMain p.tt{position:absolute;top:4em;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.brandMain .brand_title h1{font-size:56px;margin:30px  0 10px 0;font-weight:bold;}
@media(max-width:768px){
.brandMain{padding: 6em 4%}
}

.brandVision{background-color:#666;background-position:center center;background-repeat:no-repeat;padding:10em 0 15em;background-size:cover;margin-bottom:5em}
.brandVision .brandArea{text-align:right}
.brandVision p.subTitle{margin-bottom:5em}
.brandVision p.subTitle img{display:inline-block!important}
.brandVision p.more a{float:right}
@media(max-width:768px){
.brandVision{padding: 6em 0}
.brandVision .column_title{text-align: center;}
.brandVision p.more a{ float: none;margin:0 auto; }
}



.brandTec{background-position:center center;background-repeat:no-repeat;padding:8em 0;background-size:cover;margin-bottom:5em;background-color:#000}
.brandTecLeft{float:left;width:40%;padding-top:2em}
.brandTecRight{float:right;width:40%}
.brandTec h3{margin-bottom:1em}
.brandTec h3 img{display:inline-block;height:36px;width:auto}
.brandTec pre.subTitle{margin-bottom:5em;color:#fff;line-height:1.6}
.brandTecRight li{margin-bottom:1em}
.brandTecRight li:last-child{margin-bottom:0}
.brandTec p.more{width:80%}
@media(max-width:768px){
.brandTec{padding: 3em 0}
.brandTecLeft,
.brandTecRight{float:left;width:100%;text-align: center;}
.brandTec pre.subTitle{text-align: center; margin-bottom: 30px}
.brandTec p.more{ float: none;margin:0 auto 30px; }
}




.brandCate{margin-bottom:5em}
.brandCate .column_title h1{color:#000}
.brandCate pre.subTitle{margin-bottom:3em;line-height:1.6}
.brandCate ul{background:url(../png/cate_title.png) no-repeat right bottom;padding-right:70px}
.brandCate li p.im{margin-bottom:.5em}
.brandCate li p.im img{width:100%;height:auto}
.brandCate li p.name{text-align:center;font-family:'DIN Alternate','Helvetica','Gadugi','Ebrima','Franklin Gothic Medium',sans-serif}
.brandBox{background:linear-gradient(#fff 10%,#ddd 10%)}
.brandCate .brandArea{position:relative;padding-bottom:0px}
.brandCate .brandArea .bg_name{position:absolute;right:0;bottom:-10px;color:#fff;text-align:right;font-family:'Oswald'}
.brandCate .brandArea .bg_name h2{margin:0;font-size:40px;line-height:40px}
.brandCate .brandArea .bg_name h1{margin:0;font-size:150px;line-height:150px;font-weight:normal}
@media(min-width:769px){
.brandCate li{float:left;width:31%;margin-right:3%;margin-bottom:1em}
.brandCate li:nth-child(3n){margin-right:0}
}
@media(max-width:768px){
.brandCate .column_title{ text-align: center; }
.brandCate pre.subTitle{ text-align: center; }
.brandCate ul{ padding-right: 0 ;background: none;padding-bottom: 30px;}
.brandCate li{width: 48%;margin-right:4%; float: left}
.brandCate li:nth-child(2n){margin-right:0}
.brandBox .brandArea p.arrow{ display: none }
.brandCate li p.name{ display: none  }
}



.brandHistory{margin-bottom:5em}
.brandHistory p.subTitle{margin-bottom:3em;line-height:1.6}
.brandHistoryMain{background-color:#666;background-position:center center;background-repeat:no-repeat;padding:12em 0;background-size:cover}
.historyTitle .column_title{background-color:rgba(0,0,0,0.9);width:285px;height:285px;position:relative}
.brandHistoryLeft{float:left;width:30%}
.brandHistoryRight{float:right;width:65%;padding-top:18em;text-align:right}
.brandHistoryRight p.more_black a:link{float:right}
.brandHistory .brandArea{margin-top:-14em;padding-bottom:5em}
@media(min-width:769px){
.historyTitle .column_title h1{position:absolute;top:50%;left:0;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);width:100%;text-align:center}
}
@media(max-width:768px){
.brandHistory{margin-bottom:0}
.brandHistoryMain{padding: 6em 0}
.historyTitle .column_title{ width: 100%;padding: 30px 0; text-align: center; height: auto; }
.historyTitle .column_title h1{margin:0;}
.brandHistoryLeft{ width: 100% }
.brandHistory .brandArea{margin-top: -50px;}
.brandHistoryRight{ width: 100%; float: none;margin:0; padding:10em 0 0; }
.brandHistory p.subTitle{ text-align: center; }
.brandHistoryRight p.more_black a:link{ float: none; margin:0 auto; }
}


.brandEarth{padding:2em 0 10em 0}
.brandEarthArea{position:relative;padding-bottom:160px}
.brandEarth h3{width:390px;margin-bottom:2em}
.brandEarth h3 img{width:100%;max-width:100%;height:auto}
.brandEarth pre.subTitle{margin-bottom:3em;line-height:1.6}
.brandEarth .text{width:45%}
.brandEarth .img{width:45%}
.brandEarth .imgbt{position:absolute;right:30%;bottom:0}
.brandEarth .imgbt img{height:400px}
@media(max-width:768px){
.brandEarth{padding: 0}
.brandEarth .text{ width: 100% }
.brandEarth p.more_black a:link{ float: none;margin:0 auto; }
.brandEarth  pre.subTitle{ text-align: center; }
.brandEarth  .img,
.brandEarth  .imgbt{ display: none }
.brandEarthArea{padding-bottom: 100px}
}


.brandNetwork{background-image:url(../jpg/network_bg.jpg);background-position:center center;background-repeat:no-repeat;padding:12em 0;margin-bottom:5em;background-color:#000;text-align:center}
.brandNetwork h3{margin-bottom:2em}
.brandNetwork h3 img{display:inline-block;height:36px;width:auto}
.brandNetwork p.subTitle{margin-bottom:5em;color:#fff;line-height:1.6}
.brandNetwork p.more a{margin:0 auto}
@media(max-width:768px){
	.brandNetwork p.subTitle{margin-bottom: 20px;}
.brandNetwork{padding: 6em 0}
}


.brandMovie{background-position:center center;background-repeat:no-repeat;background-size:cover;padding:12em 0;margin-bottom:10em;background-color:#000;text-align:center}
.brandMovie p.subTitle{margin-bottom:5em;color:#fff;line-height:1.6}
.brandMovie p.more a{margin:0 auto;}
.brandMovie p.more_white a{ color: #000}
@media(max-width:768px){
.brandMovie{ padding: 6em 0;margin-bottom: 5em }
}

.column_ban{margin-top:50px;position:relative}
/*.column_ban .bg{position:absolute;left:0;top:0;width:100%;height:100%;background-size:contain;background-position:center center}*/
.column_ban .bg{height: 30vw;max-height: 350px;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.column_ban .auto{position:relative;/*height:350px*/}
.column_ban .auto .Title{position:absolute;left:0;bottom:-60px;background-color:rgba(0,0,0,0.9);width:300px;height:160px}
.column_ban .auto .HBTitle{position:absolute;left:0;bottom:-60px;background-color:#fff;width:500px;height:160px}
.column_ban .auto .Title2{background-color: rgba(0,0,0,0);}
.column_ban .auto .Title .con span{font-family:'Oswald','SourceHanSansCN-Regular';letter-spacing:1px;font-size:16px;font-weight:normal;text-transform:uppercase}
.column_ban .auto .HBTitle .con span{color:#000;display:inline-block;margin-top:20px}
.column_ban .auto .Title .con h1{font-size:36px;margin:0}
.column_ban .auto .nav{position:absolute;right:0;bottom:0px;z-index:50}
.column_ban .auto .nav li{float:left;padding:0 1.5em}
.column_ban .auto .nav a{color:#fff;font-weight:bold;font-size:16px;position:relative;line-height:70px;display:inline-block}
.column_ban .auto .nav a:after{content:'';width:1px;height:12px;background:#fff;display:block;position:absolute;right:-20px;top:30px}
.column_ban .auto .nav li:last-child{padding-right:0}
.column_ban .auto .nav li:last-child a:after{display:none}
.column_ban .auto .nav li:hover a,.column_ban .auto .nav li.on a{border-bottom:2px solid #fff}
.column_ban .auto .ban_btn{position:absolute;right:0;bottom:30px;z-index:50;line-height:70px;color:#000;font-size:26px;font-weight:bold}
@media(min-width:769px){
.column_ban .auto .Title .con{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff;margin:0}
.column_ban .auto .HBTitle .con{width:80%}
}
@media(max-width:768px){
.column_ban .bg{height:200px;position:relative}
.column_ban .auto .ban_btn{bottom:53px;}
.column_ban .auto{height:auto;padding:0}
.column_ban .auto .Title{position:relative;width:100%;bottom:0;height:auto;color:#fff;padding:10px;text-align:center}
.column_ban .auto .Title .con span{display:none}
.column_ban .auto .Title .con h1{font-size:22px}
.column_ban .auto .nav{position:relative;width:100%;color:#000;border-bottom:1px solid #eee}
.column_ban .auto .nav a{color:#000;line-height:50px}
.column_ban .auto .nav a:after{background:#000;top:20px}
.column_ban .auto .nav ul{height:auto;overflow:hidden}
.column_ban .auto .nav li:hover a,.column_ban .auto .nav li.on a{border-color:#000}
}
.newest_search{margin-bottom:5%}
.newest_search dl{position:relative;padding-right:84px}
.newest_search dd{position:relative;padding-left:53px;font-size:16px;color:#dc000b}
.newest_search dd span{position:absolute;left:0;top:0;line-height:32px}
.newest_search dt{position:absolute;right:0;top:0}
.newest_search dt a{display:block;width:84px;height:32px;line-height:32px;color:#fff;background:#dc000b;border-radius: 10px;text-align:center}
.newest_search dd input,.newest_search dd select{height:32px;padding:0 10px;line-height:30px;border:1px solid #dc000b;border-radius: 10px;}
.newest_search dd input{width:98%;background:#fff}
.newest_search dd select{float:left;display:block !important;width:48%;background-color:#fff;margin-right:2%;color: #dc000b;}
.newest_search dd select:last-child{margin-right:0}
@media(min-width:769px){.newest_search dd{float:left;width:48%;margin-right:2%}
}@media(max-width:1024px){.newest_search{padding:3% 5%}
}@media(max-width:768px){.newest_search dd:not(:last-of-type){margin-bottom:10px}
}


.Case_list02 .w1090{max-width: 1090px;width: 94%}
.Case_list02 .title{text-align: center;margin-bottom: 3vw}
.Case_list02 .title span{display: inline-block;background-image: url(../png/title-bg.png);width: 251px;height: 57px;font-size: 30px;font-weight: bold;line-height: 57px;color: #fff}
.Case_list02 li{background:#fff;overflow:hidden;width:31%;margin-right:3.5%;margin-bottom:3.5%;float:left;position:relative}
.Case_list02 li:nth-child(3n){margin-right:0}
.Case_list02 ul:nth-child(1){margin-bottom:3.5%}
.Case_list02 li .type{height:25px;line-height:28px;width: 50%; max-width: 130px; text-align: center; color:#fff;background:#dc000b;border-radius: 10px 10px 0 0;}
.Case_list02 li .inner{border:1px solid #dc000b;border-radius: 0 10px 10px 10px;overflow: hidden;}
.Case_list02 li .pic{overflow: hidden;position: relative;}
.Case_list02 li .pic i{ display: inline-block; font-style: normal; text-align: center; color:#fff;background:#dc000b;width: 30px; height: 25px; position: absolute; content: ""; font-size: 26px; line-height: 25px; left: 0; bottom: 0;border-radius: 0 10px 0 0;z-index: 20}
.Case_list02 li figure{padding-bottom:75%;background-size:cover;transition:transform .5s ease-in-out;}
.Case_list02 li:hover figure{transform:scale(1.1)}
.Case_list02 li .text h1{color:#dc000b;margin:0;line-height:50px;font-size:20px;padding: 0 15px;font-weight:normal;border-top:1px solid #dc000b;}
.Case_list02 li .text h2{color:#dc000b;margin:0;line-height:32px;font-size:16px;padding: 0 15px;font-weight:normal;border-top:1px solid #dc000b;}
@media(max-width:768px){
.Case_list02 li{ width: 100%  }
}




.fish_pic{padding-bottom:5%;text-align:center}
.fish_pic .column_title{text-align:center}
.fish_pic .title{margin-top: 3vw}
.historyArea{padding:10em 0;position:relative;overflow:hidden}
.historyArea ul{position:relative}
.historyArea ul:after{content:"";display:block;position:absolute;left:50%;top:-20%;width:2px;height:150%;background:#000}
.historyArea li{width:100%}
.historyArea li h1{font-size:120px;line-height:120px;color:#eee;margin:0;position:relative;font-style:italic;letter-spacing:-2px;z-index:-10}
.historyArea li p{font-size:16px;line-height:34px;color:#000;margin-top:-45px}
.historyArea li:nth-child(odd) h1:before{content:"";display:block;position:absolute;left:-98px;top:45px;width:20px;height:1px;background:#000}
.historyArea li:nth-child(even) h1:before{content:"";display:block;position:absolute;right:-98px;top:45px;width:20px;height:1px;background:#000}
@media(min-width:1025px){.historyArea li:nth-child(odd){padding-left:60%}
.historyArea li:nth-child(even){padding-right:60%;text-align:right}
}@media(max-width:1024px){.historyArea{padding:30px 0}
.historyArea ul{padding-left:30px}
.historyArea ul:after{left:0}
.historyArea li{margin-bottom:70px}
.historyArea li:last-child{margin-bottom:0px}
.historyArea li h1{font-size:80px}
.historyArea li:nth-child(odd) h1:before{left:-30px}
.historyArea li:nth-child(even) h1:before{left:-30px}
}.historyLast{background-color:#000;color:#fff;background-repeat:no-repeat;background-position:center center;padding:20em 0;margin-bottom:5em}
.historyLast p.title{text-align:center;font-size:36px;font-weight:bold}
.historyLast p.tx{text-align:center;line-height:2.5;font-size:14px}
@media(max-width:1024px){.historyLast{padding:50px 0}
.historyLast p.title{font-size:26px;font-weight:bold}
}.AboutMain{padding:10em 0}
.AboutMain .h2{color:#444;font-size:24px;font-weight:normal;margin:0 0 10px 0}
.AboutMain .h2 img{width:20px;margin-right:6px}
.AboutMain .text{line-height:26px}
.AboutMain .text .abot li{padding:10px 0px 10px 40px;background:url(../jpg/icon2.jpg) no-repeat left 20px}
.time_line{padding:8% 0 4%}
.time_line li{height:auto;overflow:hidden;margin-bottom:20px;padding-left:60px;position:relative}
.time_line li span{position:absolute;left:0;top:0}
.time_line li p{margin:0}


.VideoBan{position:relative;margin-top:50px;}
.VideoBan .auto{position:relative;margin:0 2%}
.VideoBan .pic img{display:block;width:100%}
.VideoBan .pic img.phone{display:none}
.VideoBan .click,.VideoBan .file,.VideoBan .file video{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.3)}
.VideoBan .file{display:none;z-index:10;background:#000}

.VideoBan .click{text-align:center}
.VideoBan .click .con{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);position:absolute;left:0;top:50%;text-align:center;width:100%}
.VideoBan .click .con span{background:url(../png/video_btn.png) no-repeat center center;cursor:pointer;width:80px;height:80px;display:block;margin:0 auto;background-size:contain}
.VideoBan .click h2{font-size:16px;text-transform:uppercase;color:#fff;margin:0}
.VideoBan .click h1{font-size:36px;color:#fff;margin:0 0 20px}
.quivideo{display:none;z-index:99999;background:rgba(0, 0, 0, .6);position: fixed;width: 100%;height: 100%;left: 0;top: 0;}

.quivideo iframe,
.quivideo video{position: fixed;width: 96%;height: 96%;max-width: 800px;left: 50%;top: 50%;transform: translateY(-50%) translateX(-50%);-webkit-transform: translateY(-50%) translateX(-50%);background: #000;max-height: 500px;}

.quiclsall{}
.quiclsall{position:absolute;right:3%;top:3%;z-index:10;width:30px;height:30px;border-radius:50%;background-color:#fff;cursor:pointer;display: block;}
.quiclsall::before,
.quiclsall::after{position:absolute;content:'';width:3px;height:70%;
border-radius:3px;background-color:#000;left:13px;top:5px}
.quiclsall::before{transform:rotate(45deg)}
.quiclsall::after{transform:rotate(-45deg)}

@media(max-width:768px){

.VideoBan .pic img{display:none}
.VideoBan .pic img.phone{display:block}
.VideoBan .click .con span{ width: 40px; height: 40px; }
.VideoBan .click h1{ font-size: 26px; }
}


.VideoMain{padding:6% 0;background:#000}
.VideoMain li{float:left;width:48%;margin-right:4%;position:relative;margin-bottom:6%}
.VideoMain li:nth-child(2n){margin-right:0}
.VideoMain li .video_files{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10}
.VideoMain li .video_files video{width:100%;height:100%;background-color:#000}
.VideoMain li .video_files .close{position:absolute;right:3%;top:3%;z-index:10;width:30px;height:30px;border-radius:50%;background-color:#fff;cursor:pointer}
.VideoMain li .video_files .close::before,
.VideoMain li .video_files .close::after{position:absolute;content:'';width:3px;height:70%;
border-radius:3px;background-color:#000;left:13px;top:5px}
.VideoMain li .video_files .close::before{transform:rotate(45deg)}
.VideoMain li .video_files .close::after{transform:rotate(-45deg)}
.VideoMain li figure{position:relative}
.VideoMain li figure em{display:block;padding-bottom:65%;background-size:cover;background-position:center center;background-repeat:no-repeat}
.VideoMain li figure a{width:100%;height:100%;position:absolute;left:0;top:0;background:url(../png/video_btn.png) no-repeat center center rgba(0,0,0,0.2);background-size:80px}
.VideoMain li p{height:30px;color:#fff}
@media(max-width:768px){
.VideoMain{padding: 30px 0}
.VideoMain li{width:48%;margin-right:4%;margin-bottom: 50px;}
.VideoMain li:nth-child(3n){margin-right:2%}
.VideoMain li:nth-child(2n){margin-right:0}
.VideoMain li figure a{ background-size:40px; }
}



.VideoCon{padding:6em 0 4em;background:url(../png/mv_bg.png) #000}
.VideoCon li{float:left;width:48%;margin-right:4%;position:relative;margin-bottom:2%}
.VideoCon li:nth-child(2n){margin-right:0}
.VideoCon li .video_files{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10}
.VideoCon li .video_files video{width:100%;height:100%;background-color:#000}
.VideoCon li .video_files .close{position:absolute;right:3%;top:3%;z-index:10;width:30px;height:30px;border-radius:50%;background-color:#761b1b;cursor:pointer}
.VideoCon li .video_files .close::before,.VideoCon li .video_files .close::after{position:absolute;content:'';width:3px;height:70%;border-radius:3px;background-color:#fff;left:13px;top:5px}
.VideoCon li .video_files .close::before{transform:rotate(45deg)}
.VideoCon li .video_files .close::after{transform:rotate(-45deg)}
.VideoCon li figure{position:relative;border:6px solid #333;border-left-width:20px;border-right-width:20px}
.VideoCon li figure em{display:block;padding-bottom:55%;background-size:cover;background-position:center center;background-repeat:no-repeat}
.VideoCon li figure a{width:100%;height:100%;position:absolute;left:0;top:0;background:url(../png/video_btn.png) no-repeat center center rgba(0,0,0,0.5);background-size:60px}
.VideoCon li p{text-align:center;height:50px;color:#fff}
.VideoCon li .video_files{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10}
.VideoCon li .video_files video{width:100%;height:100%;background-color:#000}
.VideoCon li .video_files .close{position:absolute;right:3%;top:3%;z-index:10;width:30px;height:30px;border-radius:50%;background-color:#fff;cursor:pointer}
.VideoCon li .video_files .close::before,
.VideoCon li .video_files .close::after{position:absolute;content:'';width:3px;height:70%;border-radius:3px;background-color:#000;left:13px;top:5px}
.VideoCon li .video_files .close::before{transform:rotate(45deg)}
.VideoCon li .video_files .close::after{transform:rotate(-45deg)}
.VideoCon li figure{position:relative}
.VideoCon li figure em{display:block;padding-bottom:65%;background-size:cover;background-position:center center;background-repeat:no-repeat}
.VideoCon li figure a{width:100%;height:100%;position:absolute;left:0;top:0;background:url(../png/video_btn.png) no-repeat center center rgba(0,0,0,0.2);background-size:80px}
@media(max-width:768px){
.VideoCon  li figure a{ background-size:40px; }
.VideoCon{padding-bottom:0;}
}




.map_intro{padding:8% 0 4%;background:#f5f5f5;}
.map_intro .intro{padding-top:4%;}
.map_intro .info{ padding-top: 4%; padding-bottom: 5%; height:auto;overflow:hidden}
.map_intro .intro h5{font-size:20px;font-weight:normal;padding:0px 0px 0px 45px;margin:0px;background:url(../icon5.html) no-repeat left}
.map_intro .info .box{float:left;background:#fff;padding:50px}
.map_intro  .info .box:nth-child(1){margin-right:2%;width:49%;margin-bottom:2%}
.map_intro  .info .box:nth-child(2){width:49%;margin-bottom:2%}
.map_intro  .info .box:nth-child(3){width:100%}
.map_intro  .info .box .title h1{font-size:22px}
.map_intro .area{padding:30px 0 70px;}
.map_intro .area dl{float:left;width:23%;position:relative;margin-right:3%}
.map_intro .area dl .arrow{position:absolute;display:block;width:50px;height:34px;top:0px;right:10px;cursor:pointer}
.map_intro .area dl dt{padding-left:30px;font-size:16px;line-height:46px;border:1px solid #e5e5e5;background:url(../png/map_arrow.png) no-repeat right 20px center #fff;text-overflow:ellipsis;overflow:hidden;cursor:pointer}
.map_intro .area dl dd.con{left:1px;margin-top:-1px;background-color:#fff;position:absolute;border:solid 1px #e5e5e5;border-top:none;
	display:none;width:224px;max-height: 350px; overflow: auto; z-index: 20}

.map_intro .area dl dd.con::-webkit-scrollbar{width:4px;height:4px}
.map_intro .area dl dd.con::-webkit-scrollbar-track{width:4px;background-color:#ccc}
.map_intro .area dl dd.con::-webkit-scrollbar-thumb{background-color:#000;background-clip:padding-box;min-height:28px}
.map_intro .area dl dd.con::-webkit-scrollbar-thumb:hover{background-color:#888}



.map_intro .area dl dd.con a{display:block;padding:0px 10px;border-top:solid 1px #cccccc;line-height:36px;}
.map_intro .area dl dd.con a:hover{background: #000; color: #fff }

.map_intro .area dl dd.bg{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; display: none}

.map_intro .area .search-box{ float: left; position:relative;width:48%;border-bottom:1px solid #000;color:#000;}
.map_intro .area .search-box .text{background:none;border:none;width:100%;padding:0 36px 0 0px;height:31px;line-height:46px;height:46px;color:#000}
.map_intro .area .search-box .btn{width:46px;height:46px;background:url(../png/top003062_btn.png) no-repeat center center;position:absolute;right:0;top:0}
.map_intro .list{overflow:hidden}
.map_intro .list ul{overflow:hidden}
.map_intro .list ul li{padding:0;line-height:26px;background:#fff}
.map_intro .list ul li b:after{content:"";display:block;width:20px;height:2px;background:#000;margin:5px 0 25px 0}
.map_intro .list ul li span{display:block;padding-left:22px;margin-bottom:10px}
.map_intro .list ul li span.human{background:url(../png/contact_man.png) no-repeat left 7px}
.map_intro .list ul li span.add{background:url(../png/contact_add.png) no-repeat left 7px}
.map_intro .list ul li span.phone{background:url(../png/contact_phone.png) no-repeat left 7px}
.map_intro .list ul li span.Species{background:url(../png/contact_species.png) no-repeat left 7px}
.map_intro .list ul li span.FishingP{background:url(../png/contact_fishingp.png) no-repeat left 7px}
.map_intro .list ul li span.FishingM{background:url(../png/contact_fishingm.png) no-repeat left 7px}
.map_intro .list ul li span.time{background:url(../png/contact_time.png) no-repeat left 7px}
.map_intro .list ul li .pic{width:100%;margin-bottom: 20px;}
.map_intro .list ul li .pic img{ width: 100%;}
.map_intro .more{margin:30px 0}
.map_intro .more a{width:150px;line-height:40px;background:#000;text-align:center;color:#fff;display:block;margin:0 auto}

.map_intro-1 .list ul li{margin-bottom:2%;}
.map_intro-1 .list ul li b{font-size:20px;}
.map_intro-1 .list ul li b:after{margin:15px 0 20px 0;}
.map_intro-1 .list ul li .pic img{ width: 100%;}
.map_intro-1 .more{display: block !important;}



@media(min-width:769px){
.map_intro .list ul li{float:left;width:49%;margin-right:2%;margin-bottom:2%;min-height:272px;padding-top:20px;padding:40px}
.map_intro .list ul li:nth-child(2n){margin-right:0}

.map_intro-1 .list ul li{ float: none;width: 100%}
.map_intro-1 .list ul li .pic{width:48%;padding-right:4%;}
.map_intro-1 .list ul li dd{float: left; width: 48%;}
.map_intro-1 .list ul li dd+dd{float:right;}

}
@media(max-width:768px){
.map_intro-1 .ytable,
.map_intro-1 .ytable-cell{display: block;}

.map_intro .area .search-box{width:100%}
.map_intro .info .box{padding: 30px;}
.map_intro .info .box:nth-child(1),
.map_intro .info .box:nth-child(2){width: 100%}
.map_intro .area dl{ width: 100%;margin:0 0 10px; }
.map_intro .area .search-box{ width: 100%;margin:0 0 10px; }

.map_intro .list ul li{padding:20px; margin-bottom: 10px;}

}






.Honor_list{padding:8% 0 4% 0;background:#F5F5F5}
.Honor_list .list{padding:0 3.4375vw}
.Honor_list .list ul{margin:0 -2vw}
.Honor_list li{float:left;text-align:center;background:url(../png/honorlist_taibg.png) repeat-x top 84% left #f5f5f5;position:relative}
.Honor_list li a{display:block;position:relative;z-index:3}
.Honor_list li .ytable{height:260px}
.Honor_list li .ytable-cell{vertical-align:bottom}
.Honor_list li figure{position:relative;margin-bottom:50px;display:inline-block}
.Honor_list li figure img{max-height:300px;background:rgba(255,255,255,.8);border-right:4px solid rgba(0,0,0,.08);border-top:2px solid rgba(0,0,0,.05);border-left:2px solid rgba(0,0,0,.05);padding:10px;position:relative}
.Honor_list li .tit{height:50px;line-height:24px;color:#222}
.fancybox-title-float-wrap{font-weight:400}
@media(min-width:769px){.Honor_list li{width:33.3334%;padding:0 20px}
.Honor_list li:first-child:before,.Honor_list li:nth-child(3n+1):before{position:absolute;top:0;content:'';height:100%;background:url(../png/honorlist_taibg_l.png) no-repeat left top 84% #f5f5f5;width:7.4375vw;left:-2vw;right:auto}
.Honor_list li:last-child:before,.Honor_list li:nth-child(3n):before{position:absolute;top:0;content:'';height:100%;background:url(../png/honorlist_taibg_r.png) no-repeat right top 84% #f5f5f5;width:7.4375vw;right:-2vw;left:auto}
}@media(max-width:768px){.Honor_list{padding:30px 0 10px;background:#f5f5f5;margin:20px 0 50px}
.Honor_list .list{padding:0 20px}
.Honor_list li{width:100%}
.Honor_list li .ytable{height:auto}
.Honor_list li figure img{max-height:100%;width:100%}
.Honor_list li figure{width:90%;margin:0 auto}
.Honor_list li .tit{margin:40px 0 20px}
.Honor_list li{background:url(../png/honorlist_taibg.png) repeat-x bottom 45px left #f5f5f5}
.Honor_list li:before{position:absolute;top:0;content:'';height:100%;background:url(../png/honorlist_taibg_l.png) no-repeat left bottom 45px #f5f5f5;width:5vw;left:-5vw}
.Honor_list li:after{position:absolute;top:0;content:'';height:100%;background:url(../png/honorlist_taibg_r.png) no-repeat right bottom 45px #f5f5f5;width:5vw;right:-5vw}
}.News_list{padding:6% 0 2%}
.News_list li a{display:block;height:auto;overflow:hidden;margin-bottom:30px;padding-bottom:5px;border-bottom:1px solid #e5e5e5}
.News_list li a h1{font-size:16px;font-weight:normal;margin:0;width:70%;float:left}
.News_list li a h1 i.new{ background:url(../png/new.png) no-repeat left 8px; margin-left:10px; width:40px; height:44px; display:inline-block; vertical-align:middle;display: none;}
.News_list li.showTrue a h1 i.new{ display: inline-block;}
.News_list li a span{font-size:14px;float:right;font-weight:normal}

.column_Page{padding:2vw 0 4vw 0;text-align:center;font-size:18px}
.column_Page .Pages a.a_first,.column_Page .Pages a.a_end,.column_Page .Pages > span:not(.p_page){display:none}
.column_Page .Pages em{float:left;margin:0 2vw;font-style:normal}
.column_Page .Pages .p_page{display:table;margin:0 auto}
.column_Page .Pages a{float:left;line-height:40px;width:40px;margin:0 1px}
.column_Page .Pages a.a_cur,.column_Page .Pages a:hover{color:#fff;background:#000}
.column_Page .Pages .p_page > a{font-size:0;height:40px;position:relative}
.column_Page .Pages .p_page > a:before{position:absolute;content:'';border:5px solid transparent;left:50%;top:50%;margin:-5px 0 0 -10px}
.column_Page .Pages .p_page > a.a_prev:before{border-right-color:#000;border-right-width:8px}
.column_Page .Pages .p_page > a.a_next:before{border-left-color:#000;border-left-width:8px;margin-left:-4px}
.column_Page .Pages a.a_prev:hover:before{border-right-color:#fff}
.column_Page .Pages a.a_next:hover:before{border-left-color:#fff}
@media(max-width:640px){.column_Page{padding:6vw 0 8vw 0}
.column_Page .Pages em{display:none}
.column_Page .Pages a{background-color:#eee}
}

.column_Page_black{ background: #000 }
.column_Page_black .Pages a.a_cur,
.column_Page_black .Pages a:hover{color:#000;background:#fff}
.column_Page_black .Pages a{ color: #fff}
.column_Page_black .Pages .p_page > a.a_prev:before{ border-right-color: #fff }
.column_Page_black .Pages .p_page > a.a_next:before{ border-left-color: #fff }
.column_Page_black .Pages a.a_prev:hover:before{border-right-color:#000}
.column_Page_black .Pages a.a_next:hover:before{border-left-color:#000}


.column_Page_red{}
.column_Page .Pages em{margin:0 1vw}
.column_Page_red .Pages a.a_cur,
.column_Page_red .Pages a:hover{color:#fff;background:#dc000b;border-radius: 10px}
.column_Page_red .Pages a{ color: #dc000b;width: 30px;line-height: 25px}
.column_Page_red .Pages .p_page > a{height: 25px}
.column_Page_red .Pages .p_page > a.a_prev:before{ border-right-color: #dc000b }
.column_Page_red .Pages .p_page > a.a_next:before{ border-left-color: #dc000b }
.column_Page_red .Pages a.a_prev:hover:before{border-right-color:#fff}
.column_Page_red .Pages a.a_next:hover:before{border-left-color:#fff}





.News_detail{padding:8% 0 6% 0}
.News_detail .auto{}
.News_detail .fl{width:76%}
.News_detail .fr{width:18%}
.News_detail .fr .tit{background:#000;color:#fff;text-align:center;padding:10px 0}
.News_detail .fr .tit h1{font-size:26px;margin:0}
.News_detail .fr .box1{margin-bottom:60px}
.News_detail .fr .box1 li{margin-bottom:20px;border-bottom:1px solid #e2e2e2;padding-bottom:10px}
.News_detail .fr .box1 li h1{font-size:14px;font-weight:normal}
.News_detail .fr .box1 li span{font-size:12px;font-weight:normal}
.News_detail .fr .box2 li{background:#fff;border:1px solid #000;margin-bottom:4px;line-height:36px;text-align:center}
.News_detail .news_info{height:auto;overflow:hidden}
.News_detail .news_info .title{text-align:center;padding-bottom:20px;border-bottom:1px dashed #d2d2d2;margin-bottom:30px}
.News_detail .news_info .title h1{margin:0;padding-bottom:15px;font-size:26px;font-weight:400;color:#000}
.News_detail .news_info .title p{margin:0;padding-bottom:10px}
.News_detail .news_info .title p span{margin:0 5px;color:#000;font-family:,Helvetica,sans-serif}
.News_detail .news_info .info{text-align:justify;text-justify:inter-ideograph}
.News_detail .news_info .center{text-align:center}
.News_detail .info{font-size:16px;line-height:28px;color:#000}
.News_detail .info img{width:80%!important;display:block;margin:3% auto!important;height:auto!important}
.News_detail .info video{width:70%;display:block;margin:3% auto}
.News_detail .info .tou{width:100px;height:100px;overflow:hidden;margin:20px auto 50px;border-radius:50%}
.News_detail .info .tou img{height:100%;width:auto;margin:0}
.News_detail .top_list{padding-bottom:3%}
.News_detail .top_list .name{border-bottom:2px solid #000;height:auto;overflow:hidden;line-height:50px;margin-bottom:30px}
.News_detail .top_list li{height:auto;overflow:hidden;width:100%}
.News_detail .top_list .name span:nth-child(1){float:left;width:76%}
.News_detail .top_list .name span:nth-child(2){float:right;width:20%;text-align:right}
.News_detail .top_list li{border-bottom:1px solid #ddd;margin-bottom:20px;padding-bottom:0px;line-height:30px}
.News_detail .top_list li span:nth-child(1){float:left;width:10%}
.News_detail .top_list li span:nth-child(2){float:right;width:86%}
.News_detail .btn_con{text-align:center;margin:50px 0;border-top:1px dashed #d2d2d2;padding-top:50px}
.News_detail .btn_con a{display:inline-block;width:150px;line-height:40px;margin:0 5px;border:1px solid #000;text-align:center;color:#000}
.News_detail .btn_con a:nth-child(2){background:#000;color:#fff}
.News_detail .btn_con a.quihas{color: #fff;background: #ccc;border-color: #ccc;cursor: no-drop;}
.News_detail .bot{position:relative;margin-top:70px;padding-top:50px;font-size:16px;border-top:1px dashed #d2d2d2}
.News_detail .info_back{text-align:center;clear:both;position:absolute;right:0;bottom:0}
.News_detail .info_back a{position:relative;display:block;line-height:36px;font-size:16px;padding-right:30px;background:url(../png/back.png) no-repeat right center}
.News_detail .info_back a:hover{opacity:.8}
.News_detail .info_pn span{display:block;font-size:16px;margin:15px 0}
.News_detail .info_pn span a{color:#000}
@media(max-width:768px){
	.News_detail{padding:30px 0;background:#fff;margin-top:50px;}
	.News_detail .news_info .title h1{padding: 0;font-size:22px;}
	.News_detail .top_list .name span:nth-child(1){ width: 100%; line-height: 26px; float: left }
	.News_detail .top_list .name span:nth-child(2){  float: left; width: 100%;text-align: left}

.News_detail .top_list li span:nth-child(1){ width: 30% }
.News_detail .top_list li span:nth-child(2){ width: 70% }

.News_detail .info_back{ position: relative; }
.News_detail .info_back a{ display: inline-block; }
}




.fishing_menu{margin-top:8%;margin-bottom:2%}
.fishing_menu ul{text-align:center}
.fishing_menu ul li{display:inline-block;margin-left:-4px}
.fishing_menu ul li a{display:block;height:42px;line-height:42px;text-align:center;border:1px solid #000; color: #000;padding: 0 50px;}
.fishing_menu ul li.on a,.fishing_menu ul li:hover a{background:#000; color: #fff}


@media(max-width:768px){
.fishing_menu ul li a{padding: 0 20px;}
}


.fishing_box{margin-top:17px;margin:0 auto;padding-bottom:70px;text-align: center;}
.fishing_box_full{ padding:10% 0 4% 0}
.fishing_box table{width:100%}
.fishing_box tr td{padding-top:23px;position:relative}
.fishing_box tr td .fishing_text{position:relative;padding-left:120px}
.fishing_box tr td .fishing_text span{cursor:pointer;border-bottom: 1px solid #333;}
.fishing_box tr td .fishing_text span:hover{color:#00b7ee;border-bottom:1px solid #00b7ee}
.fishing_box tr td .text{height:38px;border:1px solid #d7d7d7;width:100%;padding:0 18px}
.fishing_box tr td select{height:38px;border:1px solid #d7d7d7;width:100%;padding:0 18px}
.fishing_box tr td textarea{border:1px solid #d7d7d7;width:100%;height:164px;padding:18px}
.fishing_box tr td .tip{position:absolute;left:0;top:0px;width:110px;height:40px;color:#333;font-size:14px;text-align:right;line-height:40px}
.fishing_box .fl{float:left;width:50%}
.fishing_box .fl .text,.fishing_box .fr .text{width:279px;padding:0 18px}
.fishing_box .fr{float:right;width:50%}
.fishing_box tr td .Number{float:left}
.fishing_box tr td .Number .text{width:132px}
.fishing_box tr td .pic_box{position:relative;overflow:hidden}
.fishing_box tr td .pic{width:167px;height:112px;float:left}
.fishing_box tr td .pic img{max-width:100%}
.fishing_box tr td .file_btn{float:left;margin-left:30px}
.fishing_box tr td .file{position:absolute;top:0;left:0;height:100%;width:100%;opacity:0;cursor:pointer}
.fishing_box tr td .btn_tip{display:block;color:#b5b5b5;font-size:16px;margin-top:10px}
.fishing_box tr td .tip i.red{ color:red; display:inline-block; vertical-align:middle; font-style:normal; }
.fishing_box tr td .btn_con{width:184px;height:33px;line-height:33px;text-align:center;background:url(../btn.html) 0 0 no-repeat;color:#848484;font-size:16px;margin-top:10px}
.fishing_box tr td .btn{width:167px;line-height:40px;text-align:center;background:#000;font-size:18px;color:#fff;font-weight:bold;border:none;margin:70px auto;display:block;cursor: pointer;}
.fishing_box ul li{display:none}
.fishing_box ul li.on{display:block}
.fishing_add{position:absolute;top:50%;right:0px;margin-top:0px;font-size:14px;color:#f82840;font-weight:bold}
.fishing_box .queueList{border:1px dashed #ddd;margin:0;padding:30px;background:#fff}
.fishing_box .placeholder{padding-top:40px}
.fishing_box .placeholder p{font-size:16px;position:relative;width:100%;text-align:center}
.fishing_box .wu-example{padding-left:100px}
.fishing_box .wu-example2{padding-left:0px}
.fishing_box .placeholder .webuploader-pick{background:#999;font-size:16px;border-radius:0}
.fishing_box .webuploader-container{font-size:12px!important}
.fishing_box .placeholder{font-family:"Microsoft YaHei" !important}
.fishing_box .filelist li{ display:block;}

.fishing_box_full .wu-example{padding-left:0px}

.fishing_text.yanzhengma{display: flex;}
@media(max-width:768px){.fishing_text.yanzhengma{flex-wrap: wrap;}}

@media(max-width:768px){
.fishing_box { padding: 30px 0 0  }
.fishing_box .fl,.fishing_box .fr{width:100%}
.fishing_box .fl .text,.fishing_box .fr .text{width:67%;padding:0 2%}
.fishing_box .fr{margin-top:23px}
.fishing_box tr td{ padding-top: 10px; }
.fishing_box tr td .text{width:100%;padding:0 2%}
.fishing_box tr td .Number .text{width:62.1%}
.fishing_box tr td .Number{width:100%;margin-top:23px}
.fishing_box tr td .Number:first-child{margin-top:0}
.fishing_box tr td textarea{width:100%;padding:2%}
.fishing_box tr td .file_btn{margin-left:0;width:100%}
.fishing_box tr td .btn_tip{font-size:14px}
.fishing_box tr td .fishing_text{ padding: 0 }
.fishing_box tr td .tip{ position: relative; display: block; text-align: left; }
.fishing_box .wu-example{padding-left: 0}
}



.Pic_detail{overflow:hidden;padding:6% 0 4% 0;background:#f5f5f5;width:100%;overflow-x:hidden}
.Pic_detail .column_title{text-align:center;margin-bottom:50px}
.Pic_detail .pic{padding-bottom:60%;position:relative}
.Pic_detail  .slick-list{padding:0 !important}
.Pic_detail  .slider-for{}
.Pic_detail  .gallery-top .main_con{position:relative}
.Pic_detail   .slick-slide .pic{position:relative}
.Pic_detail   .slick-slide .pic:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:20}
.Pic_detail   .slick-center .pic:after{display:none}
.Pic_detail  .gallery-top .slick-center .text{display:block}
.Pic_detail  .thumbs{margin:1% -5px}
.Pic_detail  .thumbs .slick-slide{overflow:hidden;display:block;padding:0 5px}
.Pic_detail  .thumbs .slick-active:after{display:none}
.Pic_detail  .info{margin:5% 0;line-height:30px}
.Pic_detail  .parameter .tit{border:1px solid #e1e1e1;margin-bottom:2%;padding:0 3%;height:auto;overflow:hidden}
.Pic_detail  .parameter .tit h1{font-size:26px;float:left}
.Pic_detail  .parameter .tit span{float:right;margin-top:25px;font-size:18px}
.Pic_detail  .parameter li{padding:0;width:49%;margin-right:2%;line-height:40px;float:left;border:1px solid #e1e1e1;margin-bottom:2%}
.Pic_detail  .parameter li:nth-child(2n){margin-right:0}
.Pic_detail  .parameter li span{display:inline-block}
.Pic_detail  .parameter li span:nth-child(1){margin-right:10px;background:#eee;width:90px;text-align:center}
.Pic_detail .slick-next,.Pic_detail .slick-prev{font-size:0;width:50px !important;height:50px !important;border:none;position:absolute;top:50%;margin-top:-25px;background:rgba(0,0,0,0.3);cursor:pointer;padding:0;opacity:1;z-index:100;border-radius:50%}
.Pic_detail .slick-prev{left:5%}
.Pic_detail .slick-next{right:5%}
.Pic_detail .slick-next::before,.Pic_detail .slick-prev::before{position:absolute;content:'';width:25%;height:25%;border-top:2px solid #eee;border-right:2px solid #eee;top:37%;left:32%;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg)}
.Pic_detail .slick-prev::before{transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);-ms-transform:rotate(-135deg);left:42%}
.Pic_detail .slick-next:hover::before,.Pic_detail .slick-prev:hover::before{border-color:#666}
@media(max-width:768px){.Pic_detail  .slider-for{width:100%;margin:0}
.Pic_detail .text{width:100%;left:0}
.Pic_detail  .text .con{background:none;width:100%;margin:0;padding:20px}
.Pic_detail  .text .con .left{width:100%}
.Pic_detail .text .contact{display:none}
.Pic_detail .text{position:relative;background:#fff}
.Pic_detail .text h1{font-size:18px;color:#444}
.Pic_detail .text pre{color:#999}
.Pic_detail .slick-next,.Pic_detail .slick-prev{width:40px !important;height:40px !important;top:0;margin-top:100px}
.Pic_detail .slick-prev{left:10px}
.Pic_detail .slick-next{right:10px}
.Pic_detail .parameter .tit{padding: 0 30px;}
.Pic_detail .parameter li{width: 100%;margin:0 0 10px;}
}



.pickup{padding:6% 0 11%;background-color:#171717}
.pickup .auto{height:auto;/*overflow:hidden*/}
.pickup p.im{position:relative;margin:0}
.designBanner{margin-bottom:1% !important;}
.pickup p.im img{width:100%;height:auto}
.pickup p.im img.tSp{display:none}
.pickup li{float:left}
.pickBox{position:relative}
.pickBox .over{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-transition:all .3s ease;transition:all .3s ease}
.pickBox .over span{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-family:'Abel',sans-serif;letter-spacing:.02em;font-size:22px;opacity:0}
.pickBox a:hover .over{background:rgba(0,0,0,0.7)}
.pickBox a:hover .over span{opacity:1;color:#fff}
.pickup ul{height:auto;overflow:hidden;position: relative;}

.pickup .designBanner{width:100%;}
.pickup .designBanner .pic{height: 284px;}
.pickup ul.ul-5 li:nth-child(1){float:left;width:60%;margin-right:1%;margin-bottom: 10px; }
.pickup ul.ul-5 li:nth-child(2){float:left;width:60%;margin-right:1%;}
.pickup ul.ul-5 li:nth-child(3){position: absolute;right: 0;top: 0;height: 100%;width:39%;}
.pickup ul.ul-5 li:nth-child(4){float:left;width: 40%;margin-right:1%;margin-top: 10px;}
.pickup ul.ul-5 li:nth-child(5){position: absolute;right: 0;top: 580px;height: 100%;width: 59%;margin-top: 10px;}
.pickup ul.ul-2 {margin-top: 10px;}
.pickup ul.ul-2 li:nth-child(1){float:left;width:35%;margin-right:1%;}
.pickup ul.ul-2 li:nth-child(2){float:left;width:64%;}


 .pickup ul.ul-5 li:nth-child(1) .pic{ height: 284px;}
 .pickup ul.ul-5 li:nth-child(2) .pic{ height: 284px;}
 .pickup ul.ul-5 li:nth-child(3) .pic{ height: 580px; }
 .pickup ul.ul-5 li:nth-child(4) .pic{ height: 284px; }
 .pickup ul.ul-5 li:nth-child(5) .pic{ height: 284px; }
.pickup ul.ul-2 li .pic{ height: 284px;}
@media(max-width:768px){
.pickup ul.ul-5 li{width:100%!important;position: relative!important;margin-right: 0!important;top: 0!important;}
.pickup .mainTitle{margin:2em 0}
.pickup .designBanner .pic{height: auto;padding-bottom: 48%;background-size: contain;}
.pickup ul.ul-5 li:nth-child(1) .pic{height: auto;padding-bottom: 52%;background-size: contain;}
.pickup ul.ul-5 li:nth-child(2) .pic{height: auto;padding-bottom: 49%;background-size: contain;}
.pickup ul.ul-5 li:nth-child(3) .pic{height: auto;padding-bottom: 147%;background-size: contain;}
.pickup ul.ul-5 li:nth-child(4) .pic{height: auto;padding-bottom: 78%;background-size: contain;}
.pickup ul.ul-5 li:nth-child(5) .pic{height: auto;padding-bottom: 55%;background-size: contain;}
}



p.tec_more a:link{color:#fff;letter-spacing:.15em;line-height:1;font-size: 20.55px;padding-right:5em;padding-bottom:.5em;display:inline-block;position:relative}
p.tec_more a:visited{color:#fff;text-decoration:none}
p.tec_more a:hover{color:#fff;text-decoration:none;opacity:.8}
p.tec_more a:link::after{content:"";display:block;position:absolute;bottom:0;right:0;margin:auto;height:1px;width:100%;background-color:#fff}
p.tec_more a:link::before{content:"";display:block;position:absolute;bottom:7px;right:-4px;margin:auto;width:20px;height:1px;background-color:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}


.reel{padding: 10em 0 15em;background-image: url(../jpg/reel_bg.jpg);background-position: top center;background-repeat: no-repeat;}
.reel p.im img,.reel p.reelTitle img{width:100%;height:auto}
.reel p.im{width:70%;margin-left:30%;margin: 0 0 0 30%;}
.reel p.reelTitle{margin-bottom: 0.5em;color:#fff;font-size: 27px;margin-top: 0;}
.reel p.reelTitle span{display:block;font-size: 36px;color:#fff;font-style:italic;}
.reel li{position:relative;width: 90%;margin-bottom:5em;margin-left: 5%;}
.reel li:last-child{margin-left:10%;margin-bottom:0;}
.reel li:first-child{margin-left:0;}
.reel li .hover{background:rgba(20,20,20,0.95);position:absolute;left:0;top:0;z-index:100;width:100%;height:100%;padding:5%;overflow:auto;display:none}
.reel li .hover dl{height:auto;overflow:hidden}
.reel li .hover dd{width:28%;margin-right:8%;float:left;line-height:30px;margin-bottom:13px;border-bottom:1px dotted #444}
.reel li .hover dd:nth-child(3n){margin-right:0}
.reel li .hover dd a{color:rgba(255,255,255,0.6);font-size:14px}
.reel li .hover dd:hover a{color:rgba(255,255,255,1)}
@media(min-width:769px){
.reelBox{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1;}
}
@media(max-width:768px){
.reel{padding:30px 0;}
.reel p.im{width:100%;margin-left:0%}
.reel p.reelTitle{ margin:0  0 20px; }
.reel p.reelTitle span{ font-size: 16px; font-style:normal; }
.reelBox{ margin-bottom: 30px; }
}




.reel_white{background:#fff}
.reel_white  p.reelTitle{color:#000}
.reel_white p.tec_more a:link{color:#000}
.reel_white p.tec_more a:visited{color:#000}
.reel_white p.tec_more a:hover{color:#222}
.reel_white p.tec_more a:link::after,.reel_white p.tec_more a:link::before{background:#000}

@media(max-width:768px){
.column_title.c_black h1{ text-align: center; }
.reel_white li {margin-bottom: 0}
}



.Tech_detail{background:#222;padding:8% 12%;color:#999;line-height:32px;font-size:16px}
.Tech_detail .title{border-bottom:1px solid #333;text-align:center;margin-bottom:30px}
.Tech_detail .title h1{font-size:26px;color:#fff}
.ProductMain{padding:6% 0}
.ProductMain .item{height:auto;overflow:hidden;position:relative;background:#fff;margin-bottom:2%;border:1px solid #e5e5e5}
.ProductMain .item .text{width:60%;float:left;padding:5%}
.ProductMain .item .pic{width:40%;position:absolute;right:0;top:0;height:100%;background-color:#fff;border-left:1px solid #e5e5e5}
.ProductMain .item .text h1{font-size:26px;font-weight:normal;color:#000}
.ProductMain .item .text li{width:32%;margin:1% 0;margin-right:2%;float:left;background:#f5f5f5;line-height:36px}
.ProductMain .item .text li:nth-child(3n){margin-right:0}
.ProductMain .item .text li a{display:block;padding:0 10px}
.ProductTop{padding:6% 0 0}
.ProductTop .title{text-align:center;margin-bottom:10px}
.ProductTop .title h1{font-size:26px;font-weight:normal;color:#000}
.ProductTop .list .slick-list{margin:0 -10px}
.ProductTop .list li{margin:0 10px}
.ProductTop .list li .pic{padding-bottom:100%;border:1px solid #e5e5e5}
.ProductTop .list li .text h1{font-size:16px;font-weight:normal;text-align:center}
.ProductMenu{padding:6% 0 0}
.ProductMenu ul{text-align:center}
.ProductMenu ul li{display:inline-block;margin:0 20px}
.ProductMenu ul li a{color:#000;font-weight:bold;font-size:16px;position:relative;line-height:40px;display:inline-block}
.ProductMenu ul li a:after{content:'';width:1px;height:8px;background:#ccc;display:block;position:absolute;right:-20px;top:18px}
.ProductMenu ul li:last-child{padding-right:0}
.ProductMenu ul li:last-child a:after{display:none}
.ProductMenu ul li:hover a,.ProductMenu ul li.on a{border-bottom:2px solid #000}
.ProductList{padding:3% 0 0%}
.ProductList .item{position:relative;margin-bottom:2%;border:1px solid #e5e5e5;width:49%;margin-right:2%;float:left}
.ProductList .item:nth-child(2n){margin-right:0}
.ProductList .item a{position:relative;display:block;height:auto;overflow:hidden}
.ProductList .item .text{width:40%;float:left;padding:5%}
.ProductList .item .pic{width:60%;position:absolute;right:0;top:0;height:100%;background-color:#fff;border-left:1px solid #e5e5e5}
.ProductList .item .text .logo{margin-bottom:10px}
.ProductList .item .text .logo img{height:40px}
.ProductList .item .text h1{font-size:16px;font-weight:normal;margin:10px 0 0;color:#000}
.ProductCon{padding:3% 0 0%}
.ProductCon .item{width:22.6%;margin-right:3%;margin-bottom:2%;float:left}
.ProductCon .item:nth-child(4n){margin-right:0}
.ProductCon .item  .pic{padding-bottom:100%;border:1px solid #e5e5e5}
.ProductCon .item .text{height:60px;text-align:center}
.ProductCon  .item .text h1{font-size:16px;font-weight:normal;color:#000}
.Product_detail{overflow:hidden;padding:6% 0 4% 0;width:100%;background:#f5f5f5;overflow-x:hidden}
.Product_detail .column_title{text-align:center;margin-bottom:50px}
.Product_detail .slider li .pic{padding-bottom:60%;background-color:#fff;position:relative}
.Product_detail  .slick-list{padding:0 !important}
.Product_detail  .slider-for{}
.Product_detail  .gallery-top .main_con{position:relative}
.Product_detail   .slick-slide .pic{position:relative}
.Product_detail  .thumbs .slick-slide .pic:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:20}
.Product_detail  .gallery-top .slick-center .text{display:block}
.Product_detail  .thumbs{margin:1% -5px;padding:0 25%}
.Product_detail  .thumbs .slick-slide{overflow:hidden;display:block;padding:0 5px}
.Product_detail  .thumbs .slick-current .pic:after{display:none}
.Product_detail .slick-next,.Product_detail .slick-prev{font-size:0;width:50px !important;height:50px !important;border:none;position:absolute;top:50%;margin-top:-25px;background:rgba(0,0,0,0.3);cursor:pointer;padding:0;opacity:1;z-index:100;border-radius:50%}
.Product_detail .slick-prev{left:5%}
.Product_detail .slick-next{right:5%}
.Product_detail .slick-next::before,.Product_detail .slick-prev::before{position:absolute;content:'';width:25%;height:25%;border-top:2px solid #eee;border-right:2px solid #eee;top:37%;left:32%;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg)}
.Product_detail .slick-prev::before{transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);-ms-transform:rotate(-135deg);left:42%}
.Product_detail .slick-next:hover::before,.Product_detail .slick-prev:hover::before{border-color:#666}
.Product_detail .detail_bot{margin-top:4%;padding-top:4%;border-top:1px dashed #ddd}
.Product_detail .detail_bot .fl{width:20%}
.Product_detail .detail_bot .fr{width:75%}
.Product_detail .VideoBan{margin-bottom:20px}
.Product_detail .info img{margin:5px 0}
.Product_detail .fl .title h1{font-size:26px;color:#000;font-weight:normal;margin:0  0 30px 0;text-align:center}
.Product_detail .fl .item_list  .item{margin-bottom:20px}
.Product_detail .fl .item_list  .item  .pic{padding-bottom:100%;border:1px solid #e5e5e5;background-color:#fff}
.Product_detail .fl .item_list .item .text{text-align:center}
.Product_detail .fl .item_list  .item .text h1{font-size:16px;font-weight:normal;color:#000}
@media(max-width:768px){.Product_detail  .slider-for{width:100%;margin:0}
.Product_detail .text{width:100%;left:0}
.Product_detail  .text .con{background:none;width:100%;margin:0;padding:20px}
.Product_detail  .text .con .left{width:100%}
.Product_detail .text .contact{display:none}
.Product_detail .text{position:relative;background:#fff}
.Product_detail .text h1{font-size:18px;color:#444}
.Product_detail .text pre{color:#999}
.Product_detail .slick-next,.Product_detail .slick-prev{width:40px !important;height:40px !important;top:0;margin-top:100px}
.Product_detail .slick-prev{left:10px}
.Product_detail .slick-next{right:10px}
}#dowebok  .section .con{width:580px;margin:0 auto;text-align:center;font-size:16px;line-height:32px;color:#fff;text-align:justify}
#dowebok  .section .con.True{text-align:center}
#dowebok  .section .con h1{font-size:36px;line-height:46px;margin-bottom:25px}
#dowebok  .section .con .entit{font-size:56px;line-height:56px;margin-bottom:25px}
#dowebok  .section .con .first_title h1{font-size:36px;line-height:40px;margin:0 0 25px}
#dowebok  .section .con .first_title p{font-size:20px;line-height:40px;margin:0 0 5px;font-family:'Oswald','SourceHanSansCN-Regular';text-transform:uppercase}
@media(max-width:1024px){#dowebok .section .con{width:80%}
#dowebok .section .con .fl,#dowebok .section .con .fr{width:100%  !important;padding:10px 0  !important}
}


.book_list{padding:5% 0}
.book_list li .pic{padding-bottom:150%;position: relative;transition: 0.5s}
.book_list li .pic a{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;  }
.book_list li:hover .pic{ opacity: 0.8 }
.book_list li .text { position: relative;}
.book_list li .text h1{font-size:16px;font-weight:normal;padding-right:30px;}
.book_list li .text a{background:url(../png/download.png) no-repeat  center center; width: 25px ;height: 25px;
position: absolute; right: 0; top: 0}

.book_list li .a{display: none;}
@media(min-width:769px){
.book_list li{width:18.2%;margin-right:2%;float:left;margin-bottom:2%}
.book_list li:nth-child(5n){margin-right:0}
}
@media(max-width:768px){
.book_list li{width:48%;margin-right:4%;float:left;margin-bottom:2%;position: relative;}
.book_list li:nth-child(2n){margin-right:0}
.book_list li .a{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;z-index: 999;}
}




.single{padding:5% 0}
@media(min-width:1025px){.editor_about_left{float:left;width:27.25%}
.editor_about_right{float:right;width:70.42%}
}@media(max-width:1024px){.editor_about_left{text-align:center;padding-bottom:4%}
}.editor_about_right .txt1{padding-left:40px}
.editor_about_right .txt2 li{padding:10px 0px 10px 40px;background:url(../jpg/icon2.jpg) no-repeat left 20px}
.editor_about_right .txt2 li .name{padding:0px;margin:0px;font-weight:normal;font-size:24px}
@media(min-width:1025px){.editor_service{padding-left:35px}
.editor_service .left{float:left;width:44.83%}
.editor_service .right{float:right;width:52.08%}
.editor_service_01 li{float:left}
.editor_service_01 li:nth-child(1){width:15.58%}
.editor_service_01 li:nth-child(2){width:34.58%;margin:0 1%}
.editor_service_01 li:nth-child(3){width:47.84%}
.editor_service_02{border-left:solid 1px #e5e5e5}
.editor_service_02 li{float:left;width:20%;padding:0px 2%;border-right:solid 1px #e5e5e5;min-height:330px}
.editor_service .left-2{float:left;width:34.417%}
.editor_service .right-2{float:right;width:65.583%}
.editor_service_03 li{float:left;width:41.667%}
.editor_service_03 li:nth-child(2n){float:right}
}@media(max-width:1024px){.editor_service .left-2,.editor_service .right-2,.editor_service .right,.editor_service .left{text-align:center}
.editor_service_01 li{padding:10px 0}
.editor_service_02 li{border-bottom:solid 1px #e5e5e5;padding:0 0 3% 0;margin-bottom:3%}
.editor_service_03 li{margin-bottom:4%;text-align:center}
}.editor_service_01 li{text-align:center}
.editor_service_02 li{font-size:12px;text-align:center}
.editor_contact{overflow:hidden;min-height:170px;padding-bottom:30px;padding-left:180px;border-bottom:solid 1px #e5e5e5;background:url(../photo.html) no-repeat left top}
.editor_contact ul li{padding:10px 0px 10px 100px;background:url(../icon5.html) no-repeat 55px 20px}
@media(min-width:769px){.editor_contact ul li{float:left;width:50%}
}@media(max-width:640px){.editor_contact{padding-left:0;padding-top:170px;background-position:center top}
.editor_contact ul li{padding-left:45px;background-position:0 20px}
}

.tech_ban{padding-top:43%;background-repeat: no-repeat;background-position: top center;background-color:#000;  background-size: 100% auto;}
.tech_list{padding-bottom:6%}

.tech_list .item .pic{border:1px solid #222}
.tech_list .item .text .h1{font-size:22px;font-weight:normal;margin:20px 0 0}
.tech_list .item .text .h2{font-size:16px;font-weight:normal;margin:0px}
.tech_list .item .text p{line-height:26px}
@media(min-width:769px){
.tech_list .list{column-count:2;column-gap:0;margin:0 -30px}
.tech_list .item{break-inside:avoid;box-sizing:border-box;color:#fff;padding:30px;margin-bottom:70px}
}
.tech_ban2.tech_ban_36,.tech_ban2.tech_ban_34,.tech_ban2.tech_ban_35,.tech_ban2.tech_ban_37{display:none;}
@media(max-width:768px){
.tech_list .list{width: 100%}
.tech_list .item{ width: 100%;margin-bottom:70px; color: #fff}
.tech_ban{margin-top: 50px;padding-top: 62%; background-size: contain;}
.tech_ban.tech_ban_36,.tech_ban.tech_ban_34,.tech_ban.tech_ban_35,.tech_ban.tech_ban_37{display:none;}
.tech_ban2.tech_ban_36,.tech_ban2.tech_ban_34,.tech_ban2.tech_ban_35,.tech_ban2.tech_ban_37{display:block!important;}
}





.prtech_list{background:#000;padding:0 0  6% 0}
.prtech_list .list{height:auto;overflow:hidden}

.prtech_list .list .item .pic{padding-bottom:60%;background-size:cover;border:1px solid #222}
.prtech_list .list .item .text{color:#fff;padding:20px  0;    min-height: 295px;}
.prtech_list .list .item .text span{font-size:22px;font-weight:normal;margin:20px 0 0}
.prtech_list .list .item .text h2{font-size:16px;font-weight:normal;margin:0px}
.prtech_list .list .item .text p{line-height:26px;height:150px}

@media(min-width:769px){
.prtech_list .list .item{width:31%;margin-right:2%;float:left}
.prtech_list .list .item:nth-child(3n){margin-right:0}
}

@media(max-width:768px){
.prtech_list .list .item{width:48%;margin-right:4%;float:left}
.prtech_list .list .item:nth-child(2n){margin-right:0}
}





.tech_rev{background:#000;padding:4% 0;color:#fff;line-height: 2.4;}
.tech_rev .tit{text-align:center;margin: 0 auto 8em auto;}
.tech_rev .tit h1{font-size:36px;font-weight:normal}
.tech_rev .list{padding: 0 5em;}
.tech_rev .list .item{display: inline-block;width: 45%;margin: 0 2% 3em 2%;vertical-align: top;}
.tech_rev .list .item:nth-child(2n){margin-right:0}
.tech_rev .list .item .pic{padding-bottom: 58.3%;border:1px solid #222}
.tech_rev .list .item .text {margin-top 1em;}
.tech_rev .list .item .text h1{font-size:16px}
.tech_rev .list .item .text p{line-height: 1.75}

@media(max-width:768px){
.tech_rev .tit h1{ font-size: 26px; }
.tech_rev .list{padding:0;}
.tech_rev{padding:4% 1%}
}








.Main_product{ position: relative; }
.Main_product li .pic{ height: 960px; }
.Main_product  .slick-dots{  position: absolute; left: 0; bottom: 70px; width: 100%; z-index: 50;margin:0; }
.Main_product  .slick-dots li{  width: 10px; height: 10px;border:2px solid #fff; border-radius: 100px; background: none;margin:0  10px !important; }
.Main_product  .slick-dots li.slick-active{ background: #fff}
@media(max-width:768px){
.Main_product li .pic{ height:auto; padding-bottom:80% }
}



.Mproduct_list { background: #000 }
.Mproduct_list .item{ position: relative; }
.Mproduct_list .item .con{ position: absolute;left:0; top: 0; width: 100%; height: 100%;z-index: 50; color: #fff }
.Mproduct_list .item .con  a{ color: #fff }
.Mproduct_list .item .con  .auto{height: auto; overflow: hidden; }
.Mproduct_list .item .con  .text{ width: 45% ; float: left}
.Mproduct_list .item .con  .text li{ display: inline-block;  margin:0 3px 8px;  }
.Mproduct_list .item .con  .text li a{ padding:0 30px;line-height: 36px;display: block; position: relative;  }
.Mproduct_list .item .con  .text li a:before{transform: skewX(-15deg); content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%;background: #141414; z-index: -10  }
.Mproduct_list .item .con  .text li:hover a:before,
.Mproduct_list .item .con  .text li.on a:before{background: #f82840; z-index: -10  }
.Mproduct_list .item:nth-child(2n) .con  .text{ float: right  }
.Mproduct_list .item .con  .text .tit{ margin-bottom: 50px;position: relative; }
.Mproduct_list .item .con  .text .tit b{ color: #1f1f1f; font-size: 127px;  position: relative; font-style:italic; }
.Mproduct_list .item .con  .text .tit b:after{ content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 60%;
background: url(../png/num_bg.png); background-size: 100% 100% }
.Mproduct_list .item .con  .text .tit h1{ font-size:36px; margin:-70px 0 0 ; position: relative; z-index: 20 }
.Mproduct_list .item .pic{ background: no-repeat ;text-align: center;}
.Mproduct_list .item .con  .text ul{padding-top:10%;}
.Mproduct_list .item .pic img.m{display:none}
@media(max-width:768px){
.Mproduct_list .item{ margin-bottom: 0px;padding-bottom: 20px;}
.Mproduct_list .item .pic{padding-bottom: 2%;}
.Mproduct_list .item .pic img{ display: none}
.Mproduct_list .item .pic img.m{display:block;}
.Mproduct_list .item .con{ position: relative; width: 100% }
.Mproduct_list .item .con  .text{ width: 100% ; float: left}
.Mproduct_list .item .con  .text .tit b{ font-size: 80px;   }
.Mproduct_list .item .con  .text .tit h1{ font-size:26px; margin:-70px 0 0 ;  }

}



.Pcontain{padding: 3% 0}
.Pcontain .fl{width: 20%;max-width: 360px;}
.Pcontain .fr{width: 75%;}

.Pcontain .m-more{background:#000;color:#fff;width: 37px;font-size:16px;text-align:center;line-height: 21px;padding: 23px 5px;border-radius: 0 15px 15px 0; display: none;position: fixed;left: 0;z-index: 20;top:35%;cursor: pointer;}
.Pcontain .closebtn{text-align: right;margin-bottom:12px;display: none;}



.pfloat_box{   background: #000;padding:30px; }
.pfloat_box .search-box{position:relative;width:100%;border-bottom:1px solid #222;color:#fff;margin-bottom: 20px;}
.pfloat_box .search-box .text{background:none;border:none;width:100%;padding:0 36px 0 0px;height:36px;line-height:36px;color:#fff; font-size: 16px;}
.pfloat_box .search-box label{position:absolute;left:0;top:0;font-size:24px}
.pfloat_box .search-box .Btn{position:absolute;right:0;top:0;height:100%;width:36px;background:url(../png/top002652_icon_search.png) no-repeat center center;display:block}
.pfloat_box .box {border-bottom:1px solid #222; margin:15px 0; }
.pfloat_box .box .tit{ color: #fff; font-size: 16px; position: relative; padding-bottom: 15px; cursor: pointer;  display: block;}
.pfloat_box .box .tit.aon{color: #f82840;}
.pfloat_box .box  ul { display: none; transition: 0.3s }
.pfloat_box .box  li { margin-bottom: 10px; }
.pfloat_box .box  li a{ display: block; padding-left: 30px; background: url(../png/menu_arrow.png) no-repeat left center; color: #fff }
.pfloat_box .box .tit.click::after,
.pfloat_box .box .tit.click::before{ position:absolute; content:'';  background-color:#fff; top:50%;}
.pfloat_box .box .tit.click::after{width:10px; height:2px; right:12px; margin-top:-6px;}
.pfloat_box .box .tit.click::before{width:2px; height:10px; right:16px; margin-top:-10px;}

.pfloat_box .box  ul li a:hover,
.pfloat_box .box  ul li a.aon{  color: #f82840; background: url(../png/menu_arrow2.png) no-repeat left center; }
.pfloat_box .box .tit a.aon::before{ display: none }
@media(max-width:768px){
.pfloat_box{ width:100%; position:relative; }
}
@media(max-width:1024px){
.Pcontain .fl{width: 20%;float: left;}
.Pcontain .fr{width: 75%;float: right;}
}

@media(max-width:768px){
.Pcontain .m-more{display: block;}
.Pcontain .closebtn{display: block;}
.Pcontain .fl{width: 42%;z-index: 30;display: none;}
.Pcontain .fr{width: 92%;}
.Pcontain .fl_{width:37%;display: block;}
.Pcontain .fr_{width:62%;}
.pfloat_box{width:100%;position:relative;padding: 10px;}
.pfloat_box .box li a{padding-left:10px;}
.pfloat_box .box .tit{font-size: 14px;}
.pfloat_box .box .tit.click::after{right:0;}
.pfloat_box .box .tit.click::before{right: 4px;}
.pfloat_box .search-box .text{font-size:14px;}
}








.Fishing_list{padding:3% 0; padding-left: 450px; padding-right:2%;}
.Fishing_list li .pic{ border:1px solid #e5e5e5; padding-bottom:80%;}
.Fishing_list li .text h1{ font-size: 16px; line-height: 20px; font-weight: normal; height: 50px; }
.Fishing_list li .text span{ font-size: 16px; margin-top:15px; padding-top:15px; position: relative; }
.Fishing_list li .text span:before{  content: ""; display: block; position: absolute; width: 100%;height: 1px; background:#e5e5e5;left: 0; top:0px;z-index: 10 }
.Fishing_list li .text span:after{  content: ""; display: block; position: absolute; width: 20px;height: 1px; background: #000;left: 0; top:0px;z-index: 10;transition: 0.5s}
.Fishing_list li:hover .text span:after{  width: 100% }
.Fishing_list ul{ position:relative; width: 100%; height: auto; overflow: hidden;}
.Fishing_list li .hover{ background-color: #fff; width: 100%; height: 95%;z-index: 50; border:1px solid #e5e5e5;  position: absolute; left: 0; top: 0;z-index: 50;display: none;background-size: contain; }
.Fishing_list li:hover .hover{ display: block; }
@media(min-width:1401px){
.Fishing_list li{ width: 18.38%; float: left; margin-right:2%; margin-bottom: 5%; }
.Fishing_list li:nth-child(5n){  margin-right:0;}
}
@media(max-width:1400px){
.Fishing_list li{ width: 23%; float: left; margin-right:2%; margin-bottom: 5%; }
.Fishing_list li:nth-child(44n){  margin-right:0;}
}
@media(max-width:1024px){
.Fishing_list li{ width: 48%; float: left; margin-right:4%; margin-bottom: 5%; }
.Fishing_list li:nth-child(2n){  margin-right:0;}
.Fishing_list{padding:30px 0;}
.Fishing_list .auto{padding:0 4%;}
}









.Fproduct_list{padding:3% 0 3% 0;}
.Fproduct_list li .pic{ border:1px solid #e5e5e5; padding-bottom:80%;}
.Fproduct_list li .text h1{ font-size: 16px; line-height: 20px; font-weight: normal; height: 50px; }
.Fproduct_list li .text span{ font-size: 16px; margin-top:15px; padding-top:15px; position: relative; }
.Fproduct_list li .text span:before{  content: ""; display: block; position: absolute; width: 100%;height: 1px; background:#e5e5e5;left: 0; top:0px;z-index: 10 }
.Fproduct_list li .text span:after{  content: ""; display: block; position: absolute; width: 20px;height: 1px; background: #000;left: 0; top:0px;z-index: 10;transition: 0.5s}
.Fproduct_list li:hover .text span:after{  width: 100% }
.Fproduct_list ul{ position:relative; width: 100%; height: auto; overflow: hidden;}
.Fproduct_list li .hover{background-color: rgba(0,0,0,.5);width:208%;height: 100%;z-index: 50;border:1px solid #e5e5e5;position: absolute;left: 0;top: 0;z-index: 50;display: none;}
.Fproduct_list li .hover .Ispic{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-size: contain;}
.Fproduct_list li:hover .hover{ display: block; }
.Fproduct_list li{position: relative;}
.Fproduct_list li:nth-child(4n+3) .hover,
.Fproduct_list li:nth-child(4n+4) .hover{left: auto;right: 0;}
.quipore{position: relative;}


@media(min-width:1401px){
.Fproduct_list li{ width: 23%; float: left; margin-right:2%; margin-bottom: 5%; }
.Fproduct_list li:nth-child(4n){  margin-right:0;}
}




@media(max-width:1400px){
.Fproduct_list li{ width: 23%; float: left; margin-right:2%; margin-bottom: 5%; }
.Fproduct_list li:nth-child(44n){  margin-right:0;}
}
@media(max-width:1024px){
.Fproduct_list li{ width: 48%; float: left; margin-right:4%; margin-bottom: 5%; }
.Fproduct_list li:nth-child(2n){  margin-right:0;}
.Fproduct_list{padding:30px 0;}
.Fproduct_list .auto{padding:0 4%;}
}



.Product_detailban{ position: relative; background: #f7f7f7;padding:3% 0; padding-top:100px }
.Product_detailban .tit { text-align: center; }
.Product_detailban .tit h1{ font-size: 36px;position: relative;}
.Product_detailban .tit h1 span{position:absolute;right:-120px;top:-30px;}
.Product_detailban .tit h1 span img{display: inline-block;width:100px;height:100px;}
.Product_detailban li .pic{ height: 700px;background-size: contain;}
.Product_detailban  .slick-dots{  position: absolute; left: 0; bottom: 30px; width: 100%; z-index: 50;margin:0;display: none; }
.Product_detailban  .slick-dots li{  width: 10px; height: 10px;border:2px solid #999; border-radius: 100px; background: none;margin:0  10px !important; }
.Product_detailban  .slick-dots li.slick-active{ background: #000; border-color: #000}
.Product_detailban .slick-arrow{ font-size:0; width:40px !important; height:40px !important; border:none; position:absolute; top:50%; margin-top:-25px;
 background:#999; cursor:pointer; padding:0; z-index: 40; border-radius: 100px;}
.Product_detailban .slick-prev{ left:20px}
.Product_detailban .slick-next{ right:20px;}
.Product_detailban .slick-next::before,
.Product_detailban .slick-prev::before{ position:absolute; content:''; width:20%; height:20%; border-top:2px solid #fff; border-right:2px solid #fff; top:38%; left:35%; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.Product_detailban .slick-prev::before{transform:rotate(-135deg); -webkit-transform:rotate(-135deg); left: 40%}

.Product_detailban .slick-arrow:hover{ background: #000 }




@media(max-width:768px){
.Product_detailban .tit h1 span{display:none;}
.Product_detailban { padding:80px 0 40px; }
.Product_detailban li .pic{ height:auto; padding-bottom:80% }
.Product_detailban .tit h1{ font-size: 26px; }
.Product_detailban .slick-arrow{display: none !important;}
.Product_detailban .slick-dots{position: relative;bottom:15px;}
}








.Product_info { background: #f7f7f7; }
.Product_info .tit{ font-size: 24px; color: #000;margin-bottom: 20px; }
.Product_info .con{ font-size: 24px; color: #000; background: #fff;padding:5%;}
.Product_info .con li{    text-align: center; width: 22%;margin-right:3.5%; /*height: 50px; */margin-bottom: 20px; float: left; border-bottom: 1px dotted #ccc;padding:5px 0;}
.Product_info .con li .ytable-cell{height: 50px;}
.Product_info .con li .ytable-cell img{max-height: 120px;}
.Product_info .con li img{  }
.Product_info .con li h1{  font-weight: normal; font-size:16px; margin:0; }
.quilogo{width: 130px;padding-right: 10px;}
.quilogo img{max-height: 100%;}
.quiinfo{white-space: pre-line;text-align: justify;line-height: 1.75;padding: 15px 0;}
.quidsnone{display: none;max-width: 800px!important;width: 96%;}
.quidsnone .h3{font-size: 20px;font-weight: normal;color: #000;margin: 0 0 6px;}
.quidsnone .h4{margin: 0;padding: 0;color: #999;font-weight: normal;font-size: 16px;}
@media(min-width:641px){

.Product_info .con li:nth-child(4n){margin-right:0 }
}
@media(max-width:640px){
.Product_info .con li{width: 25%;margin-right: 12%;}
.Product_info .con li:nth-child(3n){margin-right:0;}
.fancybox-content{padding: 20px!important;}
}




.Product_con{background: #f7f7f7; padding:5% 0; }
.Product_con .tit{ font-size: 24px; color: #000;margin-bottom: 20px; }
.Product_con .fl{ width: 25%;padding:0px; }
.Product_con .fl li { margin-bottom: 30px; }
.Product_con .fl li .pic{  padding-bottom: 100%; border:1px solid #e5e5e5;background-size: contain;background-color: #fff;}
.Product_con .fl li .text h1{  font-size: 16px ;font-weight: normal;text-align: center; }
.Product_con .fr{ width: 70%;}
.Product_con .fr .con{height: auto; overflow:hidden; }
.Product_con .fr .con .VideoBan{ margin-bottom: 20px; margin-top:0; }
.Product_con .fr .con .VideoBan video{width:100%;height: auto;}
@media(max-width:768px){
.Product_con .fl,
.Product_con .fr{ width: 100%;padding:0px; }

.Product_con .fl ul{ height: auto; overflow:hidden; }
.Product_con .fl li{ width: 48%;margin-right:4%; float: left;margin-bottom: 20px; }
.Product_con .fl li:nth-child(2n){ margin-right:0 }

.Product_con .fr .con .VideoBan{ margin: 0  0 20px; }


}











.New_product{padding:5% 0;}
.New_product .ihead{ border-bottom: 2px solid #000;margin-bottom: 30px; font-size: 16px; font-weight: normal; }
.New_product .tit h1{ font-size: 16px; font-weight: normal; background: url(../png/atit.png) no-repeat right center;padding-right:18px; display: inline-block; }
.New_product ul{ }
.New_product li{ width: 14.25%; float: left;  border:1px solid #aaaaaa; margin-left: -1px; margin-top:-1px; }

.New_product li a{display: block; position: relative; }
.New_product li a span{ position: absolute; left: 10px ;top: 10px; background: #f82840; color: #fff; display: block;line-height: 22px; padding: 0 10px; }
.New_product li a span.n2{background: #20c0a6}
.New_product li .pic{ padding-bottom: 100% }
.New_product li .text h1{  font-size: 16px; font-weight: normal; text-align: center; }
@media(max-width:768px){
.New_product li{width:32%;margin-right:2%;}
.New_product li:nth-child(3n){margin-right:0;}
}


.New_product .item{  margin-bottom: 50px;}
.New_product .item_tit li{ border:none; width: 50%; float: left }
.New_product .item_tit li a{ display: block; position: relative;padding-left:80px; height: 50px; overflow: hidden;}
.New_product .item_tit li .text {  position: absolute; left: 60px; top: -2px;}
.New_product .item_tit li .text h1{  text-align: left }
.New_product .item_tit li span{   left:0; }


.New_product .ul_lb li{width:48%;float:left;margin-right:4%;border: none;margin: 0;}
.New_product .ul_lb li:nth-child(2n){margin-right:0;}
.New_product .ul_lb li a span{position: relative;display: inline-block;left: 0;top: 0;margin-right: 10px;}
.New_product .ul_lb li a h1{display:inline-block;font-size: 16px;font-weight: normal;}




/*Form002103 */
.Form002103{padding:6% 0 4%;}
.Form002103 tr{position: relative;}
.Form002103 td .span{color:#f30000;margin-left:8px;font-size:16px;}
.Form002103 td{padding:10px 0; color:#333;position: relative;}
.Form002103 td.name{ text-align:right; width:100px; min-width:100px; color:#333;padding-right:28px;}
.Form002103 .text{ border:1px solid #d7d7d7; padding:0 12px; background:#fff; height:38px; line-height:38px;  width:98%; }
.Form002103 textarea.text{  height:100px;}
.Form002103 .btn{color:#fff;border-radius:3px; background:#000;font-size:18px; border:none; cursor:pointer; width:155px; height:44px; font-weight:bold;}
.Form002103 select{ border:1px solid #d7d7d7;height: 38px;line-height: 38px;width:30%;color:#666;padding:0 10px;}

/*
 Floor000868 为demo编号
 */
/*.Floor000868{background:#333;background:url(../images/Floor000868-bg.jpg) no-repeat top center; padding:13% 0 10%;}*/
.Floor000868{background:#333;/* background:url(../images/Floor000868-bg.jpg) no-repeat top center; */padding:13% 0 10%;background-size: cover;background-repeat: no-repeat;}

.Floor000868 .auto{}
.Floor000868 li .txt{width:100%;height: 100%;position: absolute;top:0;left:0;padding:8% 7%;}
.Floor000868 li h2{font-size:24px;color:#fff;margin:0;}
.Floor000868 li h5{ color:#fff; margin:0; font-size:18px; padding:10px 0; text-align:left;}
.Floor000868 li p{ color:#fff; font-size:14px; line-height:26px;  padding:0; margin:0; margin-bottom:12px; text-align:left;}
.Floor000868 li span{font-size:14px;color:#fff;display: block;}
.Floor000868 .flipto-prev,
.Floor000868 .flipto-next { position: absolute; font-family:宋体; font-size:24px;  border-radius:100px; width:40px; line-height:40px; text-align:center; top: 34%; z-index: 100; display: block; background-color:rgba(250, 250, 250, 0.7); color: #000; -ms-transition: background-color 300ms ease; -webkit-transition: background-color 300ms ease; -moz-transition: background-color 300ms ease; -o-transition: background-color 300ms ease; transition: background-color 300ms ease;}
.Floor000868 .flipto-prev:hover,
.Floor000868 .flipto-next:hover { background-color: #FFF; color: #da0d25; }
.Floor000868 .flipto-prev { left:2%; }
.Floor000868 .flipto-next { right:2%; }

.Floor000868 .share {margin-top:20px;}
.Floor000868 .share dd{float: left;position: relative;background: rgba(255,255,255,.2);border-radius: 50%;width: 40px;height: 40px;margin: 0 0.5em;}
.Floor000868 .share dd figure{position: absolute; left: 50%; margin-left: -60px; width: 120px; bottom: 100%; margin-bottom: 10px;display: none;}
.Floor000868 .share dd figure:after{position: absolute; content: '';border: 5px solid transparent; border-top-color: #fff; top: 100%; margin-left: -5px; left: 50%;}
.Floor000868 .share dd a{display: block;width: 40px;height: 40px;background: url("../png/bottom003009_share_icon.png") no-repeat;}
.Floor000868 .share dd.d_tw a{background: url("../png/bottom003009_share_icon2.png") no-repeat}
.Floor000868 .share dd.d_ing a{background: url("../png/bottom003009_share_icon3.png") no-repeat}
.Floor000868 .share dd.d_dy a{background: url("../png/bottom003009_share_icon4.png") no-repeat}



.fishingshow{background:#000;padding-bottom:15em;}
.fishingshow .topMain .img .m{ display:none;}
.fishingshow .topMain h2{position: absolute;top:50%;right:10%;-webkit-transform: translateY(-50%);transform: translateY(-50%);z-index: 3;width:400px;text-align: right;color:#fff;margin:0; font-size:42px;line-height: 47px;}
.fishingshow p.im{margin:0;}
.fishingshow .newProp .im img{border:1px solid #555;}
.fishingshow p.im:hover img{opacity: 0.85}
.fishingshow .area{max-width:980px;margin:0 auto;}
.fishingshow .mainTitle{text-align: right;margin-bottom:8em;}
.fishingshow .mainTitle p{letter-spacing: 0.05;color:#fff; font-size:28px;display: inline-block;position: relative;padding-left:2em;margin:0;}
.fishingshow .mainTitle p:before{content:'';position: absolute;top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%);display: inline-block;width: 30px;height: 1px;left: 0;background-color: #fff;}
.fishingshow .mainTitle.le{text-align: left;}
.fishingshow .mainTitle.le p{padding-left:0em;}
.fishingshow .mainTitle.le p:before{left:auto;right:-2em;}
.fishingshow .newPro{color:#fff;margin-bottom:15em;padding-top:6em;}
.fishingshow .newPro .mainA{margin-bottom:5em;}
.fishingshow .newPro .mainA p{margin:0;}
.fishingshow .newPro .mainA li{margin-bottom:3em;width:48%;float:left;margin-right:4%;}
.fishingshow .newPro .mainA li:last-child{margin-right:0;}
@media(max-width:768px){.fishingshow .topMain .img .m{ display:block;}}
@media(max-width:640px){
.fishingshow .newPro .mainA{width:90%;margin:0 auto;}
.fishingshow .newPro .mainA li{width:100%;margin-right:0;}
}

/*.fishingshow .newPro .mainA li .im{width:80%;}
/*.fishingshow .newPro .mainA li:first-child .im{margin-left:20%;}*/
.fishingshow .newPro .mainA li:hover img{opacity: 0.85}
.fishingshow .newPro .mainB{margin-bottom:5em;}
.fishingshow .newPro .mainB p{margin:0;}
.fishingshow .newPro .mainB ul{width:90%;margin:0 auto;text-align: center;}
.fishingshow .newPro .mainB li{width:47%;margin:0 1% 2em;display: inline-block;}
.fishingshow .newPro .mainB li:hover img{opacity: 0.85}
.fishingshow .newPro .fieldArea{padding:0 0 5em;}
.fishingshow .newPro .fieldArea .field{column-count: 3;column-gap: 1em;}
.fishingshow .newPro .fieldArea .field .grid{padding: 0em;-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;margin-bottom: 1em;}
.fishingshow .newPro .mainC{display: none;}
.fishingshow .newPro .mainC_2{display: block;}
.fishingshow .newPro .mainC ul{text-align: center;width:80%;margin:0 auto;}
.fishingshow .newPro .mainC ul li{width:47%;margin:0 1% 2em;display: inline-block;}
.fishingshow .move{margin-bottom:10em;}
.fishingshow .move ul{width:80%;margin:0 auto;}
.fishingshow .move li{width:100%;float:left;margin-bottom:3em;}
.fishingshow .move li:nth-child(2){width:48%;margin-right:4%;}
.fishingshow .move li:last-child{width:48%;}

.fishingshow .topics{padding:10em 0 15em;background:#fff;color:#111;display: none;}
.fishingshow .topics_2{display: block;}
.fishingshow .topics .mainTitle{text-align: right;}
.fishingshow .topics .mainTitle p{color:#111;}
.fishingshow .topics .mainTitle p:before{background-color:#111;}
.fishingshow .topics ul{width:80%;margin:0 auto;}
.fishingshow .topics li{text-align: center;margin-bottom:3em;}
.fishingshow .topics li:last-child{margin-bottom:0;}
.fishingshow .topics li p.im{width: 30%;display: inline-block;vertical-align: top;border: 1px solid #ddd;}
.fishingshow .topics a:visited{color: #111;text-decoration: underline;}
.fishingshow .topics a:link{color: #111;text-decoration: underline;}
.fishingshow .topics .txArea{display: inline-block;width: 60%;text-align: left;vertical-align: top;padding-left: 2em;}
.fishingshow .topics .txArea p.title{font-weight: 500;font-size: 16px;line-height: 1.4;margin-bottom: 1em;}

.fishingshow .tecArea{padding-top:15em;}
.fishingshow .tecArea .tec_logo{width:70%;margin-left:30%;}
.fishingshow .tecArea .mainTecBox{position: relative;}
.fishingshow .tecArea .mainTecBox .mainTec{padding-top: 2em;margin-bottom: 10em;}
.fishingshow .tecArea .mainTecBox .mainTecArea{position: absolute;top: 50%;left: 3em;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.fishingshow .tecArea .mainTecArea .title{color:#fff; margin:0;font-weight: 500;line-height: 2.2;font-size: 28px;letter-spacing: 0.05em;}
.fishingshow .tecArea .mainTecArea .title span{display: block;font-size:80%;}
.fishingshow .tecArea .mainTec p.im{width:90%;margin-left:20%;}
.fishingshow .tecArea .mainTec p.im:hover img{opacity: 1}
.fishingshow .btArea{width: 260px;padding-top: 5em;}
.fishingshow .btArea a:visited{background-color: #222;color: #fff;text-decoration: none;}
.fishingshow .btArea a:link{background-color: #333;color: #fff;display: block;line-height: 1.2;font-size: 15px;position: relative;
    padding: 1.5em 2em 1.5em 1.5em;text-decoration: none;font-weight: 600;letter-spacing: 0.1em;}
.fishingshow .btArea a:link::before{position: absolute;top: 50%;right: 1.5em;-webkit-transform: translateY(-50%);transform: translateY(-50%);display: block;
    content: "";width: 15%;height: 1px;background: #fff;margin-right: 0px;}
.fishingshow .btArea a:link::after{position: absolute;top: 50%;right: 1.5em;margin-top: -5px;-webkit-transform: translateY(-50%);transform: translateY(-50%);
    display: block;content: "";width: 9px;height: 9px;border-right: 1px solid #fff;border-top: 1px solid #fff;transform: rotate(45deg);}

.fishingshow .airDrive{margin-bottom:10em;}
.fishingshow .airDriveBox{position: relative;}
.fishingshow .airDriveArea{width: 40%;position: absolute;right: 2em;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.fishingshow .airDriveArea .airLogo img{width: 100%;height: auto;}
.fishingshow .airDriveArea .btArea{margin:0 auto;}
.fishingshow .airDrive p.im{width:70%;}
.fishingshow .airDrive p.im:hover img{opacity: 1}

.fishingshow .tecDemo{}
.fishingshow .tecDemo .tecDemoBox{position: relative;}
.fishingshow .tecDemo .tecDemoBox .tecDemoArea{position: absolute;right: 5em;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.fishingshow .tecDemo .tecDemoBox .tecDemoArea p.tx{margin:0;font-weight: 600;font-size: 32px;letter-spacing: 0.05em;color:#fff;}
.fishingshow .tecDemo .tecDemoBox .tecDemoArea .btArea{padding-top:3em;}
.fishingshow .tecDemo p.im{margin:0;width:70%;}
.fishingshow .tecDemo p.im:hover img{opacity: 1}

.fishingshow .contentsArea{padding: 10em 0;background-image: url(../jpg/next_bg.jpg);background-position: top 10em center;background-repeat: no-repeat;background-size: 100%;color:#fff;}
.fishingshow .contentsArea .designNext{padding-top:5em;margin-bottom:10em;}
.fishingshow .contentsArea .designNext p.nextLogo{width:40%;margin:0 auto 5em;}
.fishingshow .contentsArea .designNext p.tx{margin:0;font-weight: 500;line-height: 2.2;font-size: 16px;letter-spacing: 0.05em;text-align: center;}
.fishingshow .contentsArea .designNext .btArea{margin:0 auto;padding-top:10em;}
.fishingshow .contentsArea .pickVideo{padding:10em 0;}
.fishingshow .contentsArea .pickVideo .conBox{position: relative;}
.fishingshow .contentsArea .pickVideo .pickTitle{position: absolute;left:60%;top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.fishingshow .contentsArea .pickVideo .pickTitle p{margin:0;}
.fishingshow .contentsArea .conTitle{letter-spacing: 0.02em;font-size: 46px;line-height: 1;margin-bottom: 0.2em;}
.fishingshow .contentsArea .conTx{font-weight: 500;line-height: 2;font-size: 15px;}
.fishingshow .contentsArea .pickVideo .btArea{padding-top:3em;}
.fishingshow .contentsArea .pickVideo p.im{width:70%;margin-left:-5%;}
.fishingshow .contentsArea .pickVideo p.im:hover img{opacity: 1}
.fishingshow .contentsArea .proStaff{padding:10em 0 0;display: none;}
.fishingshow .contentsArea .proStaff_2{display: block;}
.fishingshow .contentsArea .proStaff .conBox{position: relative;}
.fishingshow .contentsArea .proStaff .proStaffArea{position: absolute;left:5%;top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.fishingshow .contentsArea .proStaff .proStaffArea p{margin:0;}
.fishingshow .contentsArea .proStaff .btArea{padding-top:3em;}
.fishingshow .contentsArea .proStaff p.im{width:80%;margin-left:25%;}
.fishingshow .contentsArea .proStaff p.im:hover img{opacity: 1}

.fishingshow .catalogArea{padding:10em 0;background:#fff;color:#111;}
.fishingshow .catalogArea .mainTitle p{color:#111;}
.fishingshow .catalogArea .mainTitle p:before{background:#111;}
.fishingshow .catalogArea ul.pick{width:80%;margin: 0 auto;}
.fishingshow .catalogArea ul.pick li{width: 28%;margin: 0 2% 2em;display: inline-block;vertical-align: top;}
.fishingshow .catalogArea p{margin:0;}
.fishingshow .catalogArea p.im{position: relative;background:#000;}
.fishingshow .catalogArea p.tx{padding-top:0.5em;text-align: center;}
.fishingshow .catalogArea p.tx a:link{text-decoration: underline;color: #111;}
.fishingshow .catalogArea p.tx a:visited{text-decoration: underline;color: #111;}
.fishingshow .catalogArea p.tx a:hover{text-decoration: none;color: #111;}
.fishingshow .catalogArea p.im img.soon{opacity: 0.2;}
.fishingshow .catalogArea p.im span{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);font-size: 16px;color: #999;width:100%;text-align: center;}
.fishingshow .catalogArea .btArea{margin:0 auto;width:40%;}

.productshow .area{width:980px;margin: 0 auto;}
.fishingshow .linkArea{padding:10em 0 0;}
.fishingshow .linkArea .mainTitle{text-align: right;}
.fishingshow .linkArea ul.pick{width:90%;margin:0 auto;}
.fishingshow .linkArea ul.pick li{width:46%;margin:0 1.5% 2em;display: inline-block;vertical-align: top;}
.fishingshow .linkArea ul.pick li p{margin:0;}
.fishingshow .linkArea ul.pick li p.im{border:1px solid #333;}
@media(max-width:640px){
.fishingshow{padding-bottom: 0;}
}




.productshow p{margin:0;}
.productshow .topMain .area{height: 100%;position: relative;}
.productshow .topMain h2{position: absolute;width: 240px;right: 11em;top: 40%;font-size:42px;line-height: 47px;}
.productshow .pro ul{max-width:1300px;margin:0 auto;}
.productshow .pro ul li{width:50%;float:left;}
.productshow .btArea{width: 250px;padding-top: 5em;margin-left:2em;}
.productshow .btArea a:visited{background-color: #222;color: #fff;text-decoration: none;}
.productshow .btArea a:link{background-color: #333;color: #fff;display: block;line-height: 1.2;font-size: 15px;position: relative;
    padding: 1.5em 2em 1.5em 1.5em;text-decoration: none;font-weight: 600;letter-spacing: 0.1em;}
.productshow .btArea a:link::before{position: absolute;top: 50%;right: 1.5em;-webkit-transform: translateY(-50%);transform: translateY(-50%);display: block;
    content: "";width: 15%;height: 1px;background: #fff;margin-right: 0px;}
.productshow .btArea a:link::after{position: absolute;top: 50%;right: 1.5em;margin-top: -5px;-webkit-transform: translateY(-50%);transform: translateY(-50%);
    display: block;content: "";width: 9px;height: 9px;border-right: 1px solid #fff;border-top: 1px solid #fff;transform: rotate(45deg);}
.productshow .btArea.sp{display: none;}

.productshow .feature{padding:15em 0;}
.productshow .feature ul{text-align: center;}
.productshow .feature ul li{display: inline-block;vertical-align: middle;width: 40%;text-align: left;}
.productshow .feature ul li:last-child{width:48%;}
.productshow .feature p.title{font-weight: 500;font-size: 20px;letter-spacing: 0.1em;margin-bottom: 1em;}
.productshow .feature p.tx{font-weight: 500;font-size: 15px;letter-spacing: 0.05em;line-height: 2.4;}
.productshow .feature p.im{width:130%;margin-left:10%;}

.productshow .Video{position:relative;width: 100%;background: #000;}
.productshow .Video video{height: 600px;width: 100%;}
.productshow .Video .auto{ position:relative; margin:0 2%;}
.productshow .Video .pic img{ display:block; width:100%;}
.productshow .Video .pic img.phone{ display:none;}
.productshow .Video .click,
.productshow .Video .file,
.productshow .Video .file video{position:absolute; left:0; top:0; width:100%; height:100%; background: rgba(0,0,0,0.3)}
.productshow .Video .click{text-align: center;}
.productshow .Video .click .con{-webkit-transform: translate(0,-50%);
    transform: translate(0,-50%); position: absolute;left: 0; top: 50%;text-align: center; width: 100% }
.productshow .Video .click .con span{  background:url(../png/play.png) no-repeat center center; cursor:pointer; width: 80px;
height: 80px; display: block;margin:0 auto; background-size: contain;}
.productshow .Video .click h2{ font-size: 16px; text-transform: uppercase;; color: #fff; margin:0;}
.productshow .Video .click h1{ font-size: 36px; color: #fff; margin:0 0 20px}
.productshow .Video .file{ display:none; z-index:10; background:#000;}
@media(max-width:1200px){
.productshow .Video .pic img{ display:none;}
.productshow .Video .pic img.phone{ display:block;}
}


.productshow .Video2{ position:relative; }
.productshow .Video2 .auto{ position:relative; margin:0 2%;}
.productshow .Video2 .pic img{ display:block; width:100%;}
.productshow .Video2 .pic img.phone{ display:none;}
.productshow .Video2 .click,
.productshow .Video2 .file2,
.productshow .Video2 .file2 video{position:absolute; left:0; top:0; width:100%; height:100%; background: rgba(0,0,0,0.3)}
.productshow .Video2 .click{text-align: center;}
.productshow .Video2 .click .con{-webkit-transform: translate(0,-50%);
    transform: translate(0,-50%); position: absolute;left: 0; top: 50%;text-align: center; width: 100% }
.productshow .Video2 .click .con span{  background:url(../png/play.png) no-repeat center center; cursor:pointer; width: 80px;
height: 80px; display: block;margin:0 auto; background-size: contain;}
.productshow .Video2 .click h2{ font-size: 16px; text-transform: uppercase;; color: #fff; margin:0;}
.productshow .Video2 .click h1{ font-size: 36px; color: #fff; margin:0 0 20px}
.productshow .Video2 .file2{ display:none; z-index:10; background:#000;}
@media(max-width:1200px){
.productshow .Video2 .pic img{ display:none;}
.productshow .Video2 .pic img.phone{ display:block;}
}




.productshow .revoTop{padding-top:10em;position: relative;}
.productshow .revoTop .revoTitle{padding-left: 5em;margin-bottom: 15em;position: relative;z-index: 2;}
.productshow .revoTop .revoTitle p.title{margin-bottom:12px;color:#333;font-size:32px;letter-spacing: 5px;}
.productshow .revoTop .revoTitle p.mainTx{padding-left:1.7em;background: none;padding-top: 0;}
.productshow p.mainTx{font-weight: 500;font-size: 18px;letter-spacing: 0.05em;line-height: 1.6;background: none;padding-top: 0;padding-bottom: 1em;}
.productshow .revoTop .conIm{position: absolute;width: 47%;top: 0;right: 0;z-index: 1;}
.productshow .revoTop .revoBg{width:100%;}
.productshow .revoTop .revoBg img{width:100%;}

.productshow .voiceTop{background-image: url(../voicetopbg.html);background-repeat: no-repeat;background-position: top -5em right;position: relative;background-size: 85%;padding-top: 15em;padding-bottom: 15em;}
.productshow .voiceTop .area{position: relative;z-index: 2;}
.productshow .voiceTitle{padding-left:5em;}
.productshow .voiceTop p.title{margin-bottom:12px;color:#333;font-size:32px;letter-spacing: 5px;}
.productshow .voiceTitle p.mainTx{padding-left:1.7em;background: none;padding-top: 2.5em;}
.productshow .voiceMenuBox{padding-top:5em;padding-left:2em;}
.productshow .voiceMenu p{color: #111;text-decoration: none;line-height: 1.4;font-family: 'Abel', sans-serif;font-weight: bold;letter-spacing: 0.02em;font-size: 28px;}
.productshow .voiceMenu span.sub{font-weight: normal;font-size:70%;margin-left:0.5em;}
.productshow .voiceTop .bg{background-color: #f5f5f5;width: 100%;position: absolute;top: 0;height: 50%;left: -60%;}

.productshow div.parallax{height: 800px;background-position: 50% 50%;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;margin-bottom: 10em;width: 85%;}
.productshow div.parallax p.im{display: none;}

.productshow .tecTop{background-repeat: no-repeat;background-position: top center;padding-top: 23em;}
.productshow .tecTop .tecTitle{margin-left:70%;margin-bottom:0;}
.productshow .tecTop p.title{margin-bottom:30px;color:#333;font-size:32px;letter-spacing: 5px;}
.productshow .tecTop p.title span{font-size:22px;display: block;font-weight: normal;padding-left:12%;}
.productshow .tecTop .tecMv{width: 76%;margin-left: 24%;margin-top: -6em;}
.productshow .tecTop .Video .click .con span{width:58px;height: 58px}

.productshow .airTop{background-color: #000;padding: 10em 0 13em;margin-top: -4em;background-repeat: no-repeat;background-position: bottom center;color: #fff;}
.productshow .airTop .airMain ul{text-align: center;}
.productshow .airTop .airMain ul li{text-align: left;width:40%;display: inline-block;vertical-align: top;}
.productshow .airTop .airMain ul li:last-child{width:55%;}
.productshow .airTop .airMain p.im{width:120%;margin-left:10%;}
.productshow .airTop .airLogo{padding-top:15em;width:80%;margin:0 auto;}
.productshow .airTop .tecTitle{text-align: center;}
.productshow .airTop .tecTitle .title{font-size:42px;font-weight: bold;line-height: 1.2;margin-bottom:4%;}
.productshow .airTop .tecTitle .title span{display: block;}
.productshow .airTop .btArea a:visited{background:#fff;color:#111;text-decoration: none;}
.productshow .airTop .btArea a:link{background-color:#fff;color:#111;}
.productshow .airTop .btArea a:link::after{border-right: 1px solid #111;border-top: 1px solid #111;}
.productshow .airTop .btArea a:link::before{background:#111;}
.productshow .airTop .airSubArea{text-align: left;display: inline-block;margin-left: 33%;}
.productshow .airTop .airSubArea p.title{font-family: 'Noto Sans JP', sans-serif;font-weight: 600;font-size: 24px;etter-spacing: 0.05em;margin-bottom: 1em;line-height: 1.2;}
.productshow .airTop .airSubArea p.tx{font-family: 'Abel', sans-serif;font-weight: bold;letter-spacing: 0.02em;font-size: 28px;line-height: 1.25;}
.productshow .airTop .airSubArea .btArea{margin:0;width:320px;}

.productshow .lineupTop{background-repeat: no-repeat;background-position: top right;position: relative;background-size: contain;margin-bottom: 15em;}
.productshow .lineupTop p.im{width:60%;margin-left:-20%;}
.productshow .lineupTop p.im img.sp{}
.productshow .lineupTop .lineupTitle{margin-left: 50%;margin-top: -10em;position: relative;}
.productshow .lineupTop .lineupTitle .title{margin-bottom:12px;color:#333;font-size:32px;letter-spacing: 5px;}
.productshow .lineupTop .lineupTitle p.mainTx{background: none;padding: 0 0 0 1.7em;}
.productshow .lineupTop .btArea{padding-top:3em;}

.productshow .photoTop{margin-bottom:15em;}
.productshow .photoTop .area{position: relative;}
.productshow .photoTop .photoTitle{position: absolute;top: 3em;left: 2em;z-index: 2;}
.productshow .photoTop .photoTitle .title{margin-bottom:12px;color:#333;font-size:32px;letter-spacing: 5px;}
.productshow .photoTop p.im{width:90%;margin-left:20%;position: relative;z-index: 1;}

.productshow .lastTx{text-align: right;padding-bottom:15em;}
.productshow .lastTx p.im{width:90%;position: relative;z-index: 1;}

.productshow .o_main{background-repeat: no-repeat;background-position: top right;background-size: 53%;position: relative;padding-bottom: 15em;}
.productshow .o_main .logoArea{padding-top: 15em;padding-left: 2em;margin-bottom: 5em;}
.productshow .o_main h2{margin:0;margin-bottom:1.5em;font-size:42px;line-height: 51px;}
.productshow .o_main h2 span{display: block;}
.productshow .o_main p.mainTitle{font-weight: 600;font-size: 24px;letter-spacing: 0.1em;line-height: 1.5;margin-bottom: 0.5em;}
.productshow .o_main p.subTitle{font-weight: 500;font-size: 16px;line-height: 29px;}
.productshow .o_main h3{color:#a2a6a9;font-size:100px;font-weight: bold;margin:0;line-height: 83px;}

.productshow .con01{background-repeat: no-repeat;background-position: top center;padding-top: 22em;}
.productshow .con01,.productshow .con03{position: relative;padding-bottom: 10em;margin-bottom: 10em;}
.productshow .bg{position: absolute;width: 100%;background-color: #f1f1f1;z-index: 1;}
.productshow .con01 .bg{bottom:2em;height: 50%;right:60%;}
.productshow .conArea{position: relative;z-index: 2}
.productshow .con01 .conIm, .productshow .con03 .conIm{width: 55%;float: left;margin-left: -5%;margin-right: 5em;margin-bottom: 1em;}
.productshow .con01 .conTx, .productshow .con03 .conTx{padding-left:5em;padding-top:12em;}

.productshow .mainTitle{margin-bottom:10em;}
.productshow .mainTitle p.sub{font-family: 'Abel', sans-serif;font-weight: bold;font-size: 18px;color: #aaaaaa;line-height: 1.2;}
.productshow .mainTitle p.title{font-family: 'Noto Sans JP', sans-serif;font-weight: 600;font-size: 20px;line-height: 1.4;}
.productshow .txArea p.ind{text-indent: 1em;}
.productshow .txArea p{line-height: 2.4;}
.productshow .subArea{width:50%;margin:0 auto;padding-top:5em;}

.productshow .con02{position: relative;padding-bottom: 10em;margin-bottom: 10em;overflow: hidden;}
.productshow .con02 .conIm, .productshow .con04 .conIm{width: 55%;float: right;margin-right: -5%;margin-left: 5em;margin-bottom: 1em;}
.productshow .con02 .conTx, .productshow .con04 .conTx{padding-left: 2em;padding-top: 12em;padding-right: 3em;}
.productshow .con02 .bg, .productshow .con04 .bg{bottom: 2em;height: 60%;left: 60%;}

.productshow .con03{background-repeat: no-repeat;background-position: top center;padding-top: 10em;}
.productshow .con03 .bg{bottom: 2em;height: 60%;right: 60%;}

.productshow .con04{position: relative;padding-bottom:10em;margin-bottom:15em;overflow: hidden;}
@media(max-width:960px){
.productshow .airTop .airLogo{padding-top: 0;}
}




.voice{padding-bottom:15em;}
.voice .area{width:980px;margin: 0 auto;}
.voice p{margin:0;}
.voice h3{margin:0;}
.voice .o_main{background-repeat: no-repeat;background-position: top right;position: relative;background-size: contain;padding-bottom: 10em;}
.voice .o_main .area{position: relative;z-index: 2}
.voice .o_main .logoArea{padding-top: 15em;padding-left: 2em;margin-bottom: 5em;}
.voice .o_main h2{margin:0;margin-bottom:1.5em;font-size:42px;line-height: 51px;}
.voice .o_main h2 span{display: block;}
.voice .o_main p.mainTitle{font-weight: 600;font-size: 24px;letter-spacing: 0.1em;line-height: 1.5;margin-bottom: 0.5em;}
.voice .o_main p.subTitle{font-weight: 500;font-size: 16px;line-height: 29px;}
.voice .o_main h3{color:#a2a6a9;font-size:100px;font-weight: bold;margin:0;line-height: 83px;}
.voice .o_main .bg{background-color: #f5f5f5;width: 100%;position: absolute;top: 0;height: 60%;left: -60%;}

.voice .voiceMenu{padding-bottom:5em;}
.voice .voiceMenuBox{text-align: center;}
.voice .voiceMenuBox ul{display: inline-block;text-align: left;}
.voice .voiceMenuBox li{margin-bottom:0.5em;}
.voice .voiceMenu a:visited{color: #111;text-decoration: none;border-bottom: 1px solid #fff;}
.voice .voiceMenu a:link{color: #111;text-decoration: none;line-height: 1.2;font-weight: bold;letter-spacing: 0.02em;font-size: 38px;border-bottom: 1px solid #fff;}
.voice .voiceMenu span.sub{font-weight: normal;font-size: 50%;margin-left: 0.5em;}

.voice .voiceBox{margin-bottom:5em;padding-top:5em;}
.voice .voiceBox:last-child{margin-bottom:0;}
.voice .mainTitle{line-height: 1.2;margin-bottom: 8em;}
.voice .mainTitle h3{font-weight: bold;letter-spacing: 0.02em;font-size: 50px;position: relative;}
.voice .mainTitle h3:before{content: '';position: absolute;bottom: 0;display: inline-block;width: 60%;height: 1px;background-color: #000;}
.voice .mainTitle p.from{font-size: 18px;letter-spacing: 0.05em;padding-top: 0.5em;}
.voice .ri .mainTitle{padding-right:2em;text-align: right;}
.voice .ri .mainTitle h3:before{right:-0.8em;}
.voice .comment{text-align: center;margin-bottom: 10em;}
.voice .comment .commentTx{font-weight: 500;font-size: 20px;letter-spacing: 0.05em;line-height: 2;}
.voice .comment .commentTx span{display: block;}
.voice .commentBox{display: inline-block;text-align: left;}
.voice .eging .comment .commentTx span{padding-left:4em;}
.voice .seabass .comment .commentTx span{padding-left:5em;}
.voice .bass .comment .commentTx span{padding-left:3em;}
.voice .surf .comment .commentTx span{padding-left:5em;}
.voice .light .comment .commentTx span{padding-left:5em;}
.voice .trout .comment .commentTx span{padding-left:4em;}
.voice .comment p.name{text-align: right;font-size: 18px;padding-top: 1em;font-weight: 400;}
.voice .txBox{margin-bottom:5em;}
.voice .txBox p.im{width:40%;}
.voice .ri .txBox p.im{float: right;margin-left: 3em;margin-bottom: 1em;}
.voice .txArea{padding:0 2em;}
.voice .txArea p{line-height: 2.4;}
.voice .mvArea{width: 80%;margin: 0 auto;padding-top: 5em;}
.voice .mvArea li:last-child{margin-bottom:0em;}

.voice .Video{ position:relative; }
.voice .Video .auto{ position:relative; margin:0 2%;}
.voice .Video .pic img{ display:block; width:100%;}
.voice .Video .pic img.phone{ display:none;}
.voice .Video .click,
.voice .Video .file,
.voice .Video .file video{position:absolute; left:0; top:0; width:100%; height:100%; background: rgba(0,0,0,0.3)}
.voice .Video .click{text-align: center;}
.voice .Video .click .con{-webkit-transform: translate(0,-50%);transform: translate(0,-50%); position: absolute;left: 0; top: 50%;text-align: center; width: 100% }
.voice .Video .click .con span{  background:url(../png/play.png) no-repeat center center; cursor:pointer; width: 62px;height: 62px; display: block;margin:0 auto; background-size: contain;}
.voice .Video .click h2{ font-size: 16px; text-transform: uppercase;; color: #fff; margin:0;}
.voice .Video .click h1{ font-size: 36px; color: #fff; margin:0 0 20px}
.voice .Video .file{ display:none; z-index:10; background:#000;}
@media(max-width:1200px){
.voice .Video .pic img{ display:none;}
.voice .Video .pic img.phone{ display:block;}
}

.voice .field{height: 650px;width: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.voice .seabass .field.{background-position: left center;}
.voice .bass .field{background-position: right center;}
.voice .surf .field{background-position: left center;}
.voice .light .field{background-position: top center;}
.voice .trout .field{background-position: top center;}
.voice .field p.im{display: none;}
.voice .le .mainTitle{padding-left: 2em;}
.voice .le .txBox p.im{float: left;margin-right: 3em;margin-bottom: 1em;}
.voice .le .mainTitle h3:before{left:-0.8em;}
.voice .surf .mainTitle h3{font-size: 38px;line-height: 1.4;}


.tec{background:#000;color:#fff;}
.tec p{margin:0;}
.tec .air{padding-top:5em;}
.tec .tecCon{position: relative;padding: 0 0 12em;}
.tec .airdrive{background-repeat: no-repeat;background-position: top center;padding-top: 20em;}
.tec .air01{margin-bottom:10em;}
.tec .area{max-width:980px;margin:0 auto;}
.tec .tecCon .area{position: relative;z-index: 1;}
.tec .tecConArea{padding:0 3em;}
.tec .airdrive_mainLogo{margin:0;width:344px;text-align: center;font-size:42px;font-weight: bold;line-height: 1.2;margin-bottom:4%;}
.tec .airdrive_mainLogo span{display: block;}
.tec .airdrive_p{margin:0;width:344px;text-align: center; font-weight: 500;font-size: 18px;letter-spacing: 0.05em;line-height: 1.6;}
.tec .airSp{display: none;}
.tec .air02 .mainTx{position: relative;z-index: 2;}
.tec .airdrive .mainTx p{font-weight: 500;line-height: 2.4;font-size: 16px;letter-spacing: 0.05em;}
.tec .air02 .conIm{position: relative;z-index: 1;width:90%;margin-top:-10em;}
.tec .air03 .area{background-repeat: no-repeat;background-position: top left;background-size: 400px;}
.tec .air03 p.logo_s{width:35%;margin: 0 auto 0em;text-align: center;font-size:22px; }
.tec p.mainCat{font-family: 'Noto Sans JP', sans-serif;font-weight: 600;font-size: 24px;letter-spacing: 0.1em;line-height: 1.5;margin-bottom: 0.5em;}
.tec p.mainSub{font-family: 'Noto Sans JP', sans-serif;font-weight: 500;font-size: 16px;line-height: 1.8;margin-bottom: 2em;}
.tec .air03 p.mainCat{text-align: center;padding-left: 1em;font-size: 30px;margin-bottom: 3em;}
.tec .air03 .mainSubArea{text-align: center;}
.tec .air03 p.mainSub{line-height: 2.4;margin-bottom: 5em;display: inline-block;text-align: left;}
.tec .txArea p{line-height: 2.4;}
.tec .txArea p.ind{text-indent: 1em;}
.tec .sub{padding-top:8em;}
.tec .sub p.title{font-weight: bold;margin-bottom:0.5em;}
.tec .sub p.tx{font-size: 13px;line-height: 1.6;color: #A2A2A2;padding-top: 0.5em;}
.tec .air03 ul{width:40%;margin:0 auto;}
.tec .air03 li{width:100%;}
.tec .air03 p.title{padding-top: 0.5em;margin-bottom: 0;padding-bottom: 0;line-height: 1.4;}
.tec .bg{background: rgb(34,34,34);background: linear-gradient(0deg, rgba(34,34,34,1) 0%, rgba(0,0,0,1) 100%);position: absolute;bottom: 0;width: 100%;height: 500px;z-index: 0;}

.tec .rotor .area{position: relative;}
.tec .rotor .tecConArea{padding-top:7em;}
.tec .rotor .po{position: relative;z-index: 2;}
.tec p.tecIcon{margin-bottom:0.5em;}
.tec p.tecIcon img{width:auto;height: 150px;}
.tec p.airLogo{width:210px;margin-bottom:0.2em;padding:0;font-size:18px;}
.tec p.tecName{color: #9e8518;font-weight: bold;font-size: 42px;line-height: 1.2;margin-bottom: 0.2em;}
.tec p.mainCat{margin-bottom:2em;}
.tec .rotor .conIm{position: absolute;width: 60%;right: 1em;top: 0;z-index: 1}
.tec .rotor .tt1{width:80%;margin:0 auto;}
.tec .rotor .tt1 ul, .tec .rotor .tt2 ul{text-align: center;}
.tec .rotor .tt1 li{width: 47%;margin: 0 1%;text-align: left;display: inline-block;vertical-align: top;}
.tec .rotor .tt1 li:last-child{width: 98%;padding-top: 1em;}
.tec .rotor .tt2{width: 80%;margin: 0 auto;}
.tec .rotor .tt2 li{width: 42%;margin: 0 3%;text-align: left;display: inline-block;vertical-align: top;}
.tec .bail .area{position: relative;}
.tec .bail .tecConArea{padding-top:10em;}
.tec .bail .po{position: relative;z-index: 2;}
.tec .bail .conIm{position: absolute;width: 70%;right: 2em;top: 0;z-index: 1;}
.tec .bail ul{width:80%;margin:0 auto;}
.tec .bail li{width: 44%;margin: 0 2%;text-align: left;display: inline-block;vertical-align: top;}
.tec .bail li p.im{border:1px solid #555;}

.tec .spool .area{position: relative;}
.tec .spool .po{position: relative;z-index: 2;padding-top: 5em;}
.tec .spool .conIm{position: absolute;width: 55%;right: 1em;top: 0;z-index: 1;}
.tec .spool .po2{position: relative;z-index: 2;}
.tec .spool .tt1{width:80%;margin:0 auto;}
.tec .spool .tt1 ul, .tec .spool .tt2 ul{text-align: center;}
.tec .spool .tt1 li{width: 42%;margin: 0 3%;text-align: left;display: inline-block;vertical-align: top;}
.tec .spool .tt1 p.im{border:1px solid #555;}
.tec .spool .tt2{width:90%;margin:0 auto;}
.tec .spool .tt2 li{width: 42%;margin: 0 3%;text-align: left;display: inline-block;vertical-align: top;}
.tec .spool .tt2 li ul{width:100%;}
.tec .spool .tt2 li ul li{width: 100%;display: block;margin-bottom: 1em;}

.tec .shaft .area{position: relative;}
.tec .shaft .tecConArea{padding-top:5em;}
.tec .shaft .po{position: relative;z-index: 2;padding-top: 5em;}
.tec .shaft .conIm{position: absolute;width: 90%;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);top: 3em;z-index: 1;}
.tec .shaft .po{position: relative;z-index: 2;padding-top: 5em;}
.tec .shaft .p2{padding-top: 10em;}
.tec .shaft .sh01{width:60%;margin:0 auto;}
.tec .shaft .sh02 ul{text-align: center;}
.tec .shaft .sh02 li{width: 46%;margin: 0 1.5%;text-align: left;display: inline-block;vertical-align: top;}
.tec .shaft .sh02 li ul li{width: 100%;display: block;margin-bottom: 2em;}
.tec .shaft .sh02 li ul li:last-child{margin-bottom:0;}
.tec .shaft .sh02 li ul li p.im{border:1px solid #555;}

.tec .about{padding-top:10em;}
.tec .about p.logo_s{width: 35%;margin: 0 auto 0.8em;text-align: center;font-size: 26px;letter-spacing: 3px;font-weight: bold;}
.tec .about p.mainCat{text-align: center;padding-left: 1em;font-size: 20px;}
.tec .about .aboutBox{padding-top: 5em;}
.tec .about ul{text-align: center;}
.tec .about li{width: 49%;display: inline-block;vertical-align: middle;text-align: left;padding-right: 2em;}
.tec .about li:last-child{width:50%;padding-right:0;}
.tec .about dl{margin-bottom:1em;}
.tec .about li dt{font-weight: 500;font-size: 16px;margin-bottom: 0.5em;}
.tec .about li span.num{font-family: 'Oswald', sans-serif;font-weight: 400;border: 1px solid #fff;line-height: 1.8;display: inline-block;padding: 0 0.7em;margin-right: 1em;}
.tec .about li dd{padding-left: 4em;line-height: 1.6;font-size: 13px;}

.tec .tecMain{background: rgb(34,34,34);background: linear-gradient(0deg, rgba(34,34,34,1) 0%, rgba(0,0,0,1) 100%);}
.tec .tecMainArea{background-position: top center;background-repeat: no-repeat;padding-top: 25em;padding-bottom: 20em;}
.tec .tecMain h2{width: 285px;margin: 0 auto 3em;}
.tec .tecMain h3{width: 410px;margin: 0 auto 2.5em;text-align: center;font-size:26px;}
.tec .tecMain .mainTx{text-align: center;}
.tec .tecMain .mainTx p{font-weight: 500;line-height: 2.4;font-size: 16px;letter-spacing: 0.05em;}

.tec .mq .conIm{width:90%;margin:0 auto;}
.tec .mq .tecConArea{margin-top:-17em;}
.tec .mq .sub2{width: 65%;margin: 0 auto;padding-top: 8em;}
.tec .mq ul{text-align: center;}
.tec .mq li{text-align: left;display: inline-block;width: 34%;margin: 0 2%;vertical-align: top;}
.tec .mq li p.im{border:1px solid #555;}

.tec .tough .tecConArea{margin-top:-23em;}
.tec .tough ul{text-align: center;}
.tec .tough li{text-align: left;display: inline-block;width: 40%;}
.tec .tough li p.im{border:1px solid #555;}

.tec .mag .tecConArea{margin-top:-13em;}
.tec .mag ul{text-align: center;}
.tec .mag li{text-align: left;display: inline-block;width: 30%;margin: 0 1.4%;vertical-align: top;}
.tec .mag li p.im{border:1px solid #555;}
.tec .mag .sub p.tx{color:#fff;}

.tec .atd .conIm{width: 80%;margin: 0 auto;}
.tec .atd .tecConArea{margin-top:-15em;}
.tec .atd ul{text-align: center;}
.tec .atd li{text-align: left;display: inline-block;width: 41%;margin: 0 2%;vertical-align: top;}

.tec .twist{padding-top:8em;}
.tec .twist .area{position: relative;}
.tec .twist .tecConArea{padding-top:6em;}
.tec .twist p.mainCat{margin-bottom:2em;}
.tec .twist .conIm{position: absolute;width: 40%;right: 0;top: 0;z-index: 1;}
.tec .twist .txArea{width: 70%;position: relative;z-index: 2;}

/*
 *  Owl Carousel - Core  插件样式如遇相同只留一份
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("../owl.video.play.html") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/*
 .Banner002465 为demo编号
 */
.Banner002465{ position: relative;}
.Banner002465 .area{max-width:980px;margin:0 auto;padding-bottom:15em;}
.Banner002465 li{padding:3%;}
.Banner002465 li a{ display:block; }
.Banner002465 li a .phoneimg{ display: none;}
.Banner002465 .owl-dots{margin:0 auto; text-align:center;position:absolute; left:0; width:100%; bottom:-40px; z-index:10;}
.Banner002465 .owl-dots>div{ display:inline-block; margin:0 0.5%;position: relative;}
.Banner002465 .owl-dots>div span{ display:block; width: 30px; height: 5px;  background: #666; }
.Banner002465 .owl-dots>div.active span{ background:#999; }
.Banner002465 .owl-nav >div{ position: absolute; top: 50%; margin-top: -25px;  width: 50px; height: 50px; cursor: pointer;}
.Banner002465 .owl-nav .owl-prev{ left:1%;background: url(../png/arrow-l.png) no-repeat;}
.Banner002465 .owl-nav .owl-next{ right:1%;background: url(../png/arrow-r.png) no-repeat;}
.Banner002465 .owl-nav .owl-prev:hover{ background-position: 0 -50px;}
.Banner002465 .owl-nav .owl-next:hover{ background-position: -50px -50px;}
@media(max-width:1200px){
.Banner002465 .owl-dots>div{ margin: 0 3px;}
}




.modeltype{padding-bottom:15em;}
.modeltype .area{max-width:980px;margin:0 auto;}
.modeltype p{margin:0;}
.modeltype .o_main{background-repeat: no-repeat;background-position: top right;position: relative;background-size: contain;padding-bottom: 10em;}
.modeltype .o_main .area{position: relative;z-index: 2;}
.modeltype .o_main .logoArea{padding-top: 15em;padding-left: 2em;margin-bottom: 5em;}
.modeltype .o_main .logoArea h2{margin: 0;margin-bottom: 1.5em;font-size: 42px;line-height: 51px;}
.modeltype .o_main .logoArea h2 span{display: block;}
.modeltype .o_main p{margin:0;}
.modeltype .o_main p.mainTitle{font-weight: 600;font-size: 24px;letter-spacing: 0.1em;line-height: 1.5;margin-bottom: 0.5em;}
.modeltype .o_main p.subTitle{font-weight: 500;font-size: 16px;}
.modeltype .o_main h3{color: #a2a6a9;font-size: 100px;font-weight: bold;margin: 0;line-height: 83px;}
.modeltype .o_main .bg{background-color: #f5f5f5;width: 100%;position: absolute;top: 0;height: 60%;left: -60%;}

.modeltype .detail{margin-bottom: 10em;}
.modeltype .detail p.lineupIm{width:80%;margin:0 auto;}

.modeltype .pro{margin-bottom:10em;}
.modeltype .pro ul.list{text-align: center;}
.modeltype .pro ul.list li{width: 28%;margin: 0 2% 4em;display: inline-block;vertical-align: top;}
.modeltype .pro p.name{font-size: 18px;letter-spacing: 0.02em;border-top: 1px solid #222;border-bottom: 1px solid #222;line-height: 2;}

.modeltype .spec p.att{font-size:12px;}
.modeltype .spec .scroll{border-top:1px solid #b5b5b5;overflow-x: scroll;padding-bottom: 1em;-webkit-overflow-scrolling: touch;margin-bottom: 1em;}
.modeltype .spec .scroll table{color: #111;border-left: 1px #b5b5b5 solid;border-right: 1px #b5b5b5 solid;border-bottom: 1px #b5b5b5 solid;width:1400px;text-align: center;font-size:13px;margin-bottom:1em;border-spacing: 0}
.modeltype .lineupTable th.name2{font-weight: bold;}
.modeltype .lineupTable .sticky{background:#eee;}

.modeltype .lineupTable th.name{font-size: 15px;letter-spacing: 0.05em;font-weight: 300;text-align: left;padding: 1.5em 1em;}
.modeltype .lineupTable th, .modeltype .lineupTable td{border-bottom: 1px #b5b5b5 solid;padding: 1.5em 0.5em;line-height: 1.4;}

.modeltype ::-webkit-scrollbar{width:9px; height:5px;}
.modeltype ::-webkit-scrollbar-track{width: 4px; background-color:#eee; }
.modeltype ::-webkit-scrollbar-thumb{background-color:#666; background-clip:padding-box; min-height:28px;}
.modeltype ::-webkit-scrollbar-thumb:hover{background-color:#666;}

.modeltype .attention{padding-top:2em;}
.modeltype p.title{border-bottom: 1px solid #222;font-weight: bold;margin-bottom: 2em;}
.modeltype .attention ul{padding:0 1em;}
.modeltype .attention li{list-style: disc;list-style-position: inside;text-indent: -1em;margin-left: 1em;font-size: 13px;margin-bottom: 0.5em;}
@media(max-width:1366px){
.productshow .topMain h2{right: 5%}
}
@media(max-width:1024px){
	
.productshow .topMain h2{top: 5%;right: 0;}
.fishingshow .topMain h2{width: 100%;top: 30%;}
.fishingshow .newPro{padding-top: 0;}
.fishingshow .newPro .mainA li:first-child .im{margin-left: 0;}
.fishingshow .topMain h2{width: 100%;top: 30%;}
.fishingshow .newPro{padding-top: 0;}
.fishingshow .newPro .mainA li:first-child .im{margin-left: 0;width: 100%;}
.fishingshow .newPro .mainC ul{width:98%;}
.fishingshow .move ul{width:98%;}
.fishingshow .move{margin-bottom: 3em;}
.fishingshow .topics{padding:3em 0}
.fishingshow .topics ul{width:98%;}
.fishingshow .tecArea{padding-top:3em;}
.productshow .area{width: 96%;}
.productshow .feature p.im{width: 100%;}
.productshow .revoTop .revoTitle{padding-left: 0;}
.productshow .voiceTop {padding: 3em}
.productshow .voiceTitle{padding-left: 0;}
.productshow div.parallax{height: 600px;}
.productshow .tecTop{padding-top: 3em}
.productshow .airTop .airMain p.im{width: 100%;}
.productshow .feature{padding: 3em;}
.productshow .feature p.im{width: 100%;}
.productshow .revoTop{padding-top: 3em;}
.voice .field{height: 450px;}
.voice .o_main h3{font-size: 80px;}
.voice .area{width: 90%;}
}
@media(max-width:768px){
	.fishingshow .topMain{}
.fishingshow .topMain h2{right: 2%;font-size: 30px;line-height: 30px;top: 20%;}
.fishingshow .mainTitle{margin-bottom:3em;}
.fishingshow .newPro{padding-top: 0;margin-top: 6em;}
.fishingshow .topMain h2{right: 2%;font-size: 30px;line-height: 30px;top: 20%;}
.fishingshow .mainTitle{margin-bottom:3em;}
.fishingshow .newPro{padding-top: 0;margin-top: 6em;margin-bottom: 3em;}
.fishingshow .tecArea .mainTecArea .title{font-size: 20px;}
.fishingshow .tecDemo .tecDemoBox .tecDemoArea{right:2em;top: 20%;}
.fishingshow .contentsArea{padding:3em 0}
.fishingshow .contentsArea .designNext{padding-top: 0;margin-bottom: 3em;}
.fishingshow .contentsArea .pickVideo{padding:5em 0}
.fishingshow .contentsArea .pickVideo .pickTitle{right: 0;left: auto;}
.fishingshow .airDriveArea{right: 0;width: 70%;}
.fishingshow .tecArea .mainTec p.im{margin-left: 10%;}
.fishingshow .contentsArea .proStaff p.im{margin-left: 20%;}
.fishingshow .catalogArea{padding:5em 0}
.fishingshow .catalogArea ul.pick{width:98%;}
.fishingshow .linkArea{padding:5em 0}
.Floor000868 .flipto-prev,
.Floor000868 .flipto-next {top: 77%;}
.Floor000868 li .txt{padding: 2%;margin: 0 auto;}
.Floor000868 li h2{font-size: 20px;}
.Floor000868 li h5{font-size: 16px;}
.Floor000868 li p{line-height: 20px;}
.productshow .feature{padding: 3em}
.productshow .feature ul li,
.productshow .feature ul li:last-child{width: 100%;}
.productshow .revoTop .revoTitle{margin-bottom: 2em;}
.productshow .revoTop .conIm{position: relative;width: 100%;}
.productshow div.parallax{height: 400px;margin-bottom: 3em;}
.productshow .tecTop .tecTitle{margin-left: 52%;}
.productshow .feature p.im{margin-left: 0;}
.productshow .airTop .airMain ul li{width: 100%;}
.productshow .airTop .airSubArea{margin-left: 13%;}
.productshow .lineupTop p.im{width: 100%;margin-left: 0;}
.productshow .lineupTop .lineupTitle{margin-left: 0;}
.productshow .lineupTop{margin-bottom: 3em;}
.productshow .photoTop{margin-bottom: 8em;}
.productshow .lastTx{padding-bottom: 5em;}
.voice .o_main h3{font-size: 50px;}
.tec .airdrive{padding-top: 5em;background-size: contain;}
.tec .air01 {margin-bottom: 3em;margin-top: 6em;}
.tec .tecConArea {padding: 0 1em;}
.tec .air03 ul {width: 100%;}
.tec .rotor .tt1{width: 100%;}
.tec .rotor .tt2{width: 100%;}
.tec .bail ul{width: 100%;}
.tec .spool .tt1,
.tec .spool .tt2{width: 100%;padding-top: 3em;}
.tec .shaft .p2{padding-top: 3em;}
.tec .shaft .sh01{width: 100%;}
.tec .shaft .sh02 li{width: 97%;}
.tec .about{padding-top: 3em;}
.tec .about p.mainCat{padding-left: 0;letter-spacing: 0;}
.tec .air02 .conIm{margin-top: 0;}
.tec .air03 p.mainCat{margin-bottom: 0;}
.tec .tecCon{padding-bottom: 2em;}
.tec .about li:last-child{width: 100%;}
.tec .tecMainArea{padding: 10em 0;}
.tec .mq li{width: 45%;}
.tec .tough .tecConArea {margin-top: -5em;}
.tec .sub {padding-top: 3em;}
.tec .tough li{width: 100%;}
.tec .mag .tecConArea {margin-top: 0em;}
.tec .mag li{width: 44%;}
.tec .twist {padding-top: 0;}
.tec .twist .txArea {width: 100%;}
.tec .twist .txArea {width: 100%;font-size: 80px}
.modeltype .pro{margin-bottom:0;}
.tec .air{margin-bottom: 2em;}
.tec .shaft .conIm{position: relative;width: 100%;}
.tec .about .aboutBox li:first-child{width: 100%;}
.tec .about .aboutBox li:last-child{padding: 0 2%;}
.tec p.tecIcon img{width: 100%;height: auto;}
}
@media(max-width:640px){
	.fishingshow .topMain h2{ font-size:20px; line-height:1.2; top: 40%;}
	.fishingshow .newPro{ margin-top:2em;}
	.fishingshow .area{ width:98%;}
}




/*最新垂钓修改*/

.mid{padding: 5vw 0}
.mid .w1556{max-width: 1556px;width: 94%;}
.mid .pic{max-width: 1000px;margin: 0 auto;text-align: center}
.mid .list{padding-top: 3vw}
.mid .list li{display: inline-block;width: 290px;margin: 0 0.5vw;border-radius: 12px;}
.mid .list li figure{display: table;height: 164px;width: 100%; text-align: center;}
.mid .list li a{display: table-cell;vertical-align: middle;}
.mid .list li img{max-width: 100%!important;}


/*技术服务修改*/
.daiwaTec{background: #000;}
.areaPC .topMain{background-position: center center;background-repeat: no-repeat;background-size: cover;position: relative;width: 100%;height: 100vh;min-height: 600px;overflow: hidden;background-color: #000;}
@media(max-width:1024px){
.areaPC .topMain{height: 100%;}
}
.areaPC .topArea{position:absolute;top:0;width:100%;height:100%;left:0;}
.areaPC .topArea .area{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width:410px;z-index:3;text-align: center;}
.areaPC .topArea .area aside{color:#fff;font-size: 32px;line-height: 55px;}
.areaPC .topArea .area aside.cn{font-size:20px;}
.areaPC .topMenu{position:absolute;bottom:2em;right:2em;font-family: 'Abel', sans-serif;letter-spacing: 0.02em;line-height:1.4;font-size:18px;}
.areaPC .topMenu li{display:inline-block;margin-right:1em;}
.areaPC .topMenu li a{border-bottom:1px solid #fff;text-decoration:none;color: #fff;font-size: 14px;}
.areaPC .topMenu li a:visited{border-bottom:1px solid #fff;text-decoration:none;color:#fff;}
.areaPC .topMenu li a:hover{border-bottom:none;text-decoration:none;color:#fff;}



.VideoCon .mainTitle{margin-bottom: 12em;margin-top: 4em;}
.VideoCon .mainTitle h1{position: relative;letter-spacing: 0.02em;font-size:34px;padding-left:0.5em;text-align: left;font-weight: normal;}
.VideoCon .mainTitle h1::before {position: absolute;top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);z-index: 1;content: '';display: block;width: 4em;height: 1px;background-color: #fff;left:-4em;}
.VideoCon ul.cf{text-align: center;margin-bottom: 6em;}
.VideoCon li.movieArea{width: 46.48%;margin: 0 1.68%;display: inline-block;float: left;}
.VideoCon li.movieArea figure a{background: url(../png/play2.png) no-repeat center center;background-size: 50px;}
.VideoCon li.movieArea figure em{padding-bottom: 56%;}
.VideoCon li.movieArea p{height: 45px;}
@media(max-width:768px){
.VideoCon li.movieArea{width:100%;margin: 0;float:none;}
.VideoCon ul.cf{margin-bottom: 0;}
.VideoCon .mainTitle{margin-bottom: 0;}
}

.pickup .mainTitle{margin-bottom: 12em;margin-top: 4em;}
.pickup .mainTitle h1{position: relative;letter-spacing: 0.02em;font-size: 34px;padding-left: 1.5em;text-align: left;font-weight: normal;}
.pickup .mainTitle h1 span{font-size:24px;}
.pickup .mainTitle h1::before {position: absolute;top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);z-index: 1;content: '';display: block;width: 5.45em;height: 1px;background-color: #fff;left:-4em;}
@media(max-width:768px){
.VideoCon li.movieArea{width:100%;margin: 0;}
.VideoCon ul.cf{margin-bottom: 0;}
.pickup .mainTitle{margin-bottom: 0;}
}

.reel .mainTitle{margin-bottom: 10em;margin-top: 1em;}
.reel .mainTitle h1{position: relative;letter-spacing: 0.02em;font-size: 25px;padding-left: 0.5em;text-align: left;font-weight: normal;}
.reel .mainTitle h1::before {position: absolute;top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);z-index: 1;content: '';display: block;width: 5.45em;height: 1px;background-color: #fff;left: -5.6em;}

.reel_white {padding: 8em 0 13em;}
.reel_white .column_title{margin-bottom: 10em;margin-top: 1em;}
.reel_white .column_title h1{position: relative;letter-spacing: 0.02em;font-size: 25px;padding-left: 0.5em;text-align: left;font-weight: normal;}
.reel_white .column_title h1::before {position: absolute;top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);z-index: 1;content: '';display: block;width: 5.45em;height: 1px;background-color: #000;left: -5.6em;}
.reel_white p.im{width: 90%!important;}



.story01{position: relative;margin-top: 50px;padding-top: 1.7%;background: #000;}
.story01 .pic{background: no-repeat;background-size: contain;}
.story01 .main_story{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 50;color: #fff;}
.story01 .main_story .area {max-width: 980px;margin: 0 auto;height: auto;}
.story01Left{float:left;padding-top:12em;color: #fff;}
.story01Right{float:right;padding-top:8em;}
.story01 .storyTitle{font-family: 'Oswald', sans-serif;letter-spacing: 0.05em;font-weight:300;text-align:right;color: #fff;}
.story01 .storyTitle p{margin:0;}
.story01 .storyTitle p.title{font-size:32px;line-height:1.2;}
.story01 .storyTitle p.subT{font-size:12px;margin-bottom:0.5em;}
.story01 .storyTitle p.title2{font-size:16px;}
.story01 .storyTitle p.title3{font-size:42px;}
.story01 h2{width:380px;margin-bottom: 5em;}
.story01 h3{font-size: 34px;margin-bottom: 2.7em;}
.story01 h4{font-size: 20px;line-height: 42px;font-weight: normal;}
.story01 p{ font-weight: 500; font-size: 16px; line-height: 2.4;letter-spacing: 0.05em;}
.story01 h2 img,.story01 h3 img,.story01 h4 img{width:100%;height:auto;}
@media(max-width:1600px){
.story01 .pic{padding-bottom: 10em;}
.story01 h2{width:380px;margin-bottom: 2em;}
.story01 h3{font-size: 24px;margin-bottom: 0;}
.story01 h4{font-size: 20px;line-height: 42px;font-weight: normal;}
}
@media(max-width:1200px){
.story01 .pic{padding-bottom: 20em;}
.story01 .main_story .area{padding:2%}
.story01 h2{width: 268px;margin-bottom: 1em;}
.story01 h3{font-size: 18px;margin-bottom: 0;}
.story01 h4{font-size: 15px;line-height: 28px;font-weight: normal;}
}
#story01_131 .pic .img,#story01_133 .pic .img{display:none;}
@media(max-width:960px){
.story01Left{padding-top: 3em;}
.story01Right{padding-top: 0;}
.story01 .pic{padding-bottom: 29em;}
.story01 .pic{padding-bottom: 0;}
#story01_129 .pic{padding-bottom: 26em;}
#story01_131 .pic img,#story01_133 .pic img{display: none;}
#story01_131 .pic .img,#story01_133 .pic .img{display: block;}
}
@media(max-width:960px){
#story01_133 h2{width: 200px;}
#story01_133 .story01Left{width: 60%;padding-top: 0;}
#story01_133 .story01Right .storyTitle p.title{font-size:24px;}
#story01_133 .storyTitle p.title3{font-size:32px;}
#story01_133 .pic {padding-bottom: 0;}
#story01_133 .story01Left h2{font-size：15px;}
#story01_133 .story01Left h3{font-size：15px;}
#story01_133 .story01Left p{font-size: 15px;line-height: 1.8;}
}



.mainArea h2{width:350px;margin-bottom: 2em;}
.story01 .mainArea h3{float:right;letter-spacing: .3em;}
.mainArea{margin-bottom: 22.5em;padding-top: 14em;}
@media(max-width:1600px){
.mainArea{margin-bottom: 5em;padding-top: 3em;}
}
@media(max-width:1200px){
.mainArea h2{width: 268px;}
}
@media(max-width:960px){
.story01 .mainArea h3{float:left;width:100%;}
}

.mainTx{background: #000;padding: 4.7em 0 10em;}
.mainTx .area p{font-size: 14px;line-height: 2.4;color: #fff;margin: 0;}
.mainTx .mainTxArea{padding:0 5em;}
.mainTxIspic{background: #000;}
.mainTxIspic .Ispic {background: no-repeat;background-size: contain;padding-bottom: 39.1%;}
.mainTxIspic .Ispic_22{display: none;}
@media(max-width:960px){
.mainTx .mainTxArea{padding:0;}
.mainTx{padding: 2em;}
.mainTxIspic .Ispic_2{display:none;}
.mainTxIspic .Ispic_22{display:block; padding-bottom: 0;}
}


.maincon01 p{margin: 0;line-height: 2.4;font-size: 14px;}
.maincon02 p{margin: 0;line-height: 2.4;font-size: 14px;}
.maincon01{background-repeat:no-repeat;background-position:bottom center;height: 500px;background-color:#fff;color:#000;background-size: contain;}
.maincon01 .con01Area{padding:10em 4em 10em 4em;}
.maincon01 .con01Area p.mainTitle{letter-spacing: 0.02em;font-weight:500;font-family: "Noto Sans JP";font-size:20px;margin-bottom:2em;}
@media(max-width:960px){
.maincon01 .con01Area{padding:2em;}
}


.column01{background: #111;padding-top: 3%;padding-bottom: 5em;}
.column01 p{margin: 0;}
.column01 .tt{text-align:center;margin-bottom:5em;color: #fff;}
.column01 .tt span{display:block;font-family: 'Oswald', sans-serif;letter-spacing: 0.05em;font-weight:300;font-size:28px;}
.column01 .column{margin-bottom:15em;background-color:#111;padding:5em 0;}
.column01 .columnArea{padding:0 5em;}
.column01 .columnArea li img{width:100%;height:auto;}
.column01 .columnArea li{margin-bottom:2em;}
.column01 .columnArea li:last-child{margin-bottom:0;}
.column01 .columnArea li:hover{opacity:.8}
@media(max-width:768px){
.column01 .columnArea{padding:0 0.5em;}
.column01 .columnArea li{margin-bottom:1.5em;}
}




.maincon02{background-repeat:no-repeat;background-position:bottom center;height: 790px;background-color: #000;background-size: contain;}
.maincon02 .area{padding-bottom: 5em;}
.maincon02 .con02Area{padding: 8em 4em 33em 4em;text-align:center;color: #fff;}
.maincon02 .con02Area p.mainTitle{letter-spacing: 0.02em;font-weight:500;font-family: "Noto Sans JP";font-size:20px;margin-bottom: 1.8em;}
.maincon02 .con02Area p.mainTitle2{letter-spacing: 0.02em;font-weight:500;font-family: "Noto Sans JP";font-size:20px;}
.maincon02 .con02Area p.tx{line-height:2;font-size:14px;margin-bottom:4em;}
@media(max-width:960px){
.maincon02 .con02Area{padding: 2em 0;}
.maincon02{height: auto;background-size: cover;}
.maincon02 .con02Area p.mainTitle{margin-bottom:.5em;}
.maincon02 .con02Area p.tx{margin-bottom:1em;}
}



.maincon0132{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 50;color: #fff;}
.maincon0132 .main{padding-top:6em;margin-bottom:5em;}
.maincon0132 .area{max-width: 980px;margin: 0 auto;color: #fff;}
.maincon0132 .boost_logo{margin-bottom: 22.5em;padding-top: 14em;}
.maincon0132 .boost_logo h2 img{width:400px;height:auto;}
.maincon0132 .boost_logo h2{text-align:right;padding-right:2em;margin-bottom: 9.2em;margin-top: 0;width: 100%;}
.maincon0132 .boost_logo h3{height:auto;font-size: 46px;letter-spacing: 4px;}
.maincon0132 .boost_logo h3 span{font-size: 23px;line-height: 42px;display: block;margin-top: 18px;}
.maincon0132 .mainTx{font-size:16px;line-height:2.6;font-weight:500;font-family: "Noto Sans JP";letter-spacing:0.1em;margin-bottom:15em;}
.maincon0132 .mainTx span.en{font-size:108%;}
.maincon0132 .txArea{font-size:14px;text-align: left;}
.maincon0132 .txArea p{line-height:2.8;}
.maincon0132 .txArea2{font-size:14px;padding-top:3em;text-align: left;}
.maincon0132 .txArea2 p{line-height:2;}
.maincon0132 .txArea p.ind{text-indent:1em;}
.mainTx132{margin-top: -3.5%;padding-bottom: 6px;}
.mainTx132 p{font-size:16px;line-height:2.4;font-weight:500;letter-spacing: 0.05em;margin-bottom:15em;color: #fff;}
.mainTx132 span.en{font-size:108%;}
@media(max-width:960px){
.mainTx132{margin-top:0;}
.maincon0132 .boost_logo{margin-bottom: 1.5em;padding-top: 2em;}
.maincon0132 .boost_logo h2{margin-bottom:2em}
.maincon0132{position: relative;}
.maincon0132 .area{padding: 0 2%;}
.mainTx132 p{margin-bottom: 2em;}
}




.top_con132{background: #000;color: #fff;}
.top_con132 .titleArea p.mainTitle{position: relative;text-align: center;letter-spacing:0.05em;font-size:26px;margin: 0;}
.top_con132 .titleArea p.subTitle{letter-spacing: 0.02em;font-weight:500;font-family: "Noto Sans JP";text-align:center;font-size:16px;}
.top_con132 .titleArea p.mainTitle span {position: relative;z-index: 2;display: inline-block;margin: 0 2.5em;padding: 0 0.5em;background-color: #000;text-align: left;}
.top_con132 .titleArea p.mainTitle::before {position: absolute;top: 50%;z-index: 1;content: '';display: block;width: 100%;height: 1px;background-color: #fff;}
.top_con132 .top_conArea{padding:5em 5em 10em 5em;border-bottom:1px solid #fff;}
.top_con132 .top_conArea .txBox{line-height:2.4;}
.top_con132 .top_conArea .brakeTitle{background-color:#434343;padding:1em 1em 1em 6em;margin-bottom:5em;}
.top_con132 .top_conArea .brakeTitle p.m{letter-spacing: 0.05em;font-weight:400;font-family: "Noto Sans JP";font-size:16px;margin-bottom:0.3em;}
.top_con132 .top_conArea .brakeTitle p.mm{font-family: 'Oswald', sans-serif;font-weight:300;letter-spacing:0.05em;font-size:26px;line-height:1;margin: 0;}
.top_con132 .brake01 .brakeTitle{background-image:url(../num1.html);background-repeat:no-repeat;background-position:1em center;background-size:contain;}
.top_con132 .brake02 .brakeTitle{background-image:url(../num2.html);background-repeat:no-repeat;background-position:1em center;background-size:contain;}
.top_con132 .brake03 .brakeTitle{background-image:url(../num3.html);background-repeat:no-repeat;background-position:1em center;background-size:contain;}
.top_con132 .brakeBox{width:70%;margin:0 auto;}
.top_con132 .brakeBox p.im img{width:100%;height:auto;}
.top_con132 .brakeBoxLeft{float:left;width:33%;}
.top_con132 .brakeBoxRight{float:left;width:67%;padding-left:3em;}
.top_con132 .arrow{text-align:center;}
.top_con132 .arrow img{width:400px;}
.top_con132 .brakeBox2{width:90%;margin:0 auto;}
.top_con132 .brakeBox2 li{width:45%;margin:0 2.5%;float:left;list-style: none;}
.top_con132 .brakeBox2 p.c1{font-family: 'Oswald', sans-serif;font-weight:300;letter-spacing:0.05em;font-size:24px;margin-bottom:0.5em;line-height:1;}
.top_con132 .brakeBox2 p.c1 span{background-color: #95000c;padding:0 0.5em;}
.top_con132 .brakeBox2 p.c2{font-size:14px;margin-bottom:1em;line-height:1.4;}
.top_con132 .brakeBox2 p.im img{width:100%;height:auto;}
.top_con132 .brakeBox2.cc li{width:45%;margin:0 auto;float:none;list-style: none;}
@media(max-width:960px){
.top_con132 .top_conArea{padding:0}
.top_con132 .brakeBox{width:100%;}
}
@media(max-width:480px){
.top_con132 .brakeBoxLeft,
.top_con132 .brakeBoxRight{width:100%;float: none;padding: 0;}
.top_con132 .brakeBox2.cc li{width:100%;}
}

.sv-boost132{padding-top: 13.5em;padding-bottom: 12em;background: #000;text-align: center;color: #fff;position: relative;}
.sv-boost132 .Ispic{background: no-repeat;background-size: contain;background-position: center top;background-repeat: no-repeat;padding-bottom: 52em;margin-bottom: 5em;position: relative;}
.sv-boost132 .mainSp h2 img{max-width: 980px;}
.sv-boost132 .boostxt132{/* width:390px; */margin-bottom:5em;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 50;color: #fff;}
.sv-boost132 .sv-boostxt132{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 50;}
.sv-boost132 .sv-boostLogo{padding-top: 17em;width:390px;/* margin-bottom:5em; */}
.sv-boost132 .sv-boostLogo img{width:100%;height:auto;}
.sv-boost132 .svBox{width:80%;}
.sv-boost132 .cf:after {content: ".";display: block;clear: both;height: 0px;visibility: hidden;font-size: 0px;}
.sv-boost132 .svBox p.im img{width:100%;height:auto;}
.sv-boost132 .svBoxLeft{float:left;width:40%;}
.sv-boost132 .svBoxRight{float:left;width:60%;padding-left:2em;}
.sv-boost132 .svBox .txBox{line-height:2.4;text-align: left;}
.sv-boost132 .sv-boost .mainTx{margin-bottom:5em;}
.sv-boost132 .sv01{margin-bottom:3em;}
.sv-boost132 .sv02 .svBoxLeft{width:45%;}
.sv-boost132 .sv02 .svBoxRight{width:55%;}
.sv-boost132 .sv-boost .txArea{margin-bottom:3em;}
.sv-boost132 .mainTx{font-size:16px;line-height:2.6;font-weight:500;font-family: "Noto Sans JP";letter-spacing:0.1em;margin-bottom: 0;text-align: left;background: none;padding-top: 2em;padding-bottom: 0;}
.sv-boost132 .mainTx span.en{font-family: 'Abel', sans-serif;font-size:108%;}
.sv-boost132 .maincon0132{position:relative;}
@media(max-width:960px){
.sv-boost132{padding-top: 2em;}
.sv-boost132 .svBox{width:100%;}
}
@media(max-width:480px){
.sv-boost132 .svBoxLeft,
.sv-boost132 .svBoxRight{width: 100%!important;float: none;padding: 0;}
.sv-boost132 .mainTx{font-size:15px;line-height:30px;}
}





.rodpage{background-image:url(../jpg/rod_bg.jpg);background-repeat:no-repeat;background-position:top center;}
.rodpage .area{max-width: 980px;margin: 0 auto;}
.listMain{padding-bottom:7em;padding-top:12em;}
.listMain .mainTitle{margin-bottom:0em;color: #fff;}
.listMain .mainTitle h4{position: relative;font-family: 'Abel', sans-serif;letter-spacing: 0.02em;font-size:34px;padding-left:0.5em;}
.listMain .mainTitle h4 span{font-size:60%;margin-left:0.5em;font-weight: normal;}
.listMain .mainTitle h4::before {position: absolute;top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);z-index: 1;content: '';display: block;width: 4em;height: 1px;background-color: #fff;left:-4em;}
.listMain h2{width:400px;margin-bottom:15em;}
.listMain h3{width:50%;margin-left:5em;}
.listMain h2 img,.listMain h3 img{width:100%;height:auto;}
.listTitle{background-image:url(../png/title_bg.png);background-position:-9em center;background-repeat:no-repeat;background-size:80%;padding:5em 0;}
.rodpage .listMain{padding-bottom:18em;}


.tecList{padding-bottom:15em;margin-top: -200px;}
.tecList p.im{margin-bottom:0.5em;background-color:#000;}
.tecList p.im img{width:100%;height:auto;border:1px solid #222;}
.tecList p.tecName{font-family: 'Abel', sans-serif;letter-spacing: 0.02em;font-size:26px;line-height:1.2;}
.tecList p.tecName2{font-weight:normal;font-family: "Noto Sans JP";letter-spacing: 0.02em;font-size:18px;line-height:1.2;}
.tecList p.tecName_kana{letter-spacing: 0.02em;font-weight:normal;font-family: "Noto Sans JP";line-height:1.4;color: #fff;}
.tecList p.tecTx{margin-bottom:1em;color: #fff;line-height: 1.8;font-size: 14px;}
.listBox{position:relative;}
.listBox .over{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #171717;z-index:1;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;
opacity:0;background:rgba(0,0,0,0.7);}
.listBox .over span{position:absolute;top:50%;left:50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);font-family: 'Abel', sans-serif;
letter-spacing: 0.02em;font-size:18px;}
.listBox a:hover .over{opacity:1;}
.listBox a:hover .over span{color:#fff;}

.cf {min-height: 1px;zoom: 1;}
.cf:after {content:".";display:block;clear:both;height:0px;visibility:hidden;font-size:0px;}
.grid li.c1{width:50%;padding:0 3%;margin-bottom:5em;}
.grid li.c1:last-child{margin-bottom:0em;}
.grid li.c1:nth-last-child(-n+2) .gridBox{border-bottom:none;padding-bottom:0em;}
.gridBox{border-bottom:3px solid #222;padding-bottom:3em;}
ul.list02{text-align:center;}
.list02 li{width:30%;margin:0 1% 2em;display:inline-block;text-align:left;vertical-align:top;}
.list02 .tec_more{display:none;}
.tecList p.tec_more{text-align:right;padding-top:1em;}
.tecList p.tec_more a{font-size:18px;/* text-align: right; */}
.tecSubIm{float:right;width:45%;margin-left:1em;margin-bottom:0.5em;}
.tecSubIm img{width:100%;height:auto;border:1px solid #222;}
.tecNameBox{margin-bottom:1em;color: #fff;}
.tecList .list02 p.tecName{font-size:22px;}
.tecList .list02 p.tecTx{line-height:1.6;}
.tecListMain{padding-bottom:5em;}
.tecSub{padding:5em 0 0;}
ul.c2{margin-bottom:1em;padding-top:1em;}
ul.c2 li{float:left;width:48%;margin:0;}
ul.c2 li:last-child{float:right;}
p.tecSubTx{font-size:12px;line-height:1.4;color: #fff;}
ul.c2 li p.im{margin-bottom:0.5em;}
ul.c3{margin-bottom:1em;}
ul.c3 li{float:left;width:40%;margin:0;}
ul.c3 li:last-child{float:right;width:57%;}
p.tecSubTitle{line-height:1.4;margin-bottom:0.5em;font-size:13px;color: #fff;}
.tecList ul.tec4{padding-bottom:8em;padding-top:5em;}
.tecList ul.tec4 li{width:19%;margin-right:0.5%;display:inline-block;vertical-align:top;}
.tecList ul.tec4 li:last-child{margin-right:0;}
.tecList ul.tec4 p.tecName2{font-size:15px;}
.tecList ul.tec4 p.tecTx{line-height:1.5;}
.rodBox{border-top:3px solid #333;padding-top:5em;padding-bottom:8em;}
.tecList ul.tec3 li{width:48%;margin-bottom:2em;display:inline-block;vertical-align:top;}
.tecList ul.tec3 li:nth-child(odd){margin-right:3%;}
.tecList ul.tec3 p.im{width:44%;float:left;margin-right:2%;}
.tecList ul.tec3 p.tecName2{font-size:16px;}
.tecList ul.tec3 p.tecTx{line-height:1.6;}
.sensorBox{margin-bottom:3em;}
.sensorBox p.im{width:31%;float:left;margin-right:2%	}
.pickup p.tec_more{display:none;}

@media screen and (max-width:768px) {
.tecList{padding-bottom:10em;}
.grid li.c1{padding:0 2%;}
.tecList ul.tec4{padding:5em 3em;}
.tecList ul.tec4 li{width:48%;margin:0 1% 2em;}
.tecList ul.tec4 li:last-child{margin-right:1%;}
.tecList ul.tec4 li:nth-child(even){margin-right:0;}
.sensorBox p.im{width:46%;float:left;margin-right:2%	}
.sensorBox p.im{width:44%;margin-right:2%	}
.tecList ul.tec3{padding:0 3em;}
.tecList ul.tec3 p.im{width:100%;float:none;margin-right:0%;}
ul.list02{padding:0 1em;}
.list02 li{width:44%;margin:0 1% 3em;}
.list02 .tec_more{display:block;}
.tecMenu{font-size:18px;padding-top:1em;}
.tecMenu a:link{font-size:18px;}
.tecMenu li{margin-bottom:2em;}
.tecMenu span{font-size:13px;}
.mainTitle{margin-bottom:3em;}
.mainTitle h4{font-size:26px;}
.mainTitle h4{padding-left:0.5em;}
.mainTitle h4::before {left:-3.7em;}
p.tec_more a{font-size:17px;padding-right:4em;}
.pickup{padding:3em 0;}
.pickup p.im img.tPc{display:none;}
.pickup p.im img.tSp{display:block;}
.pickup ul.p1 li{float:none;width:100%;margin-bottom:2em;}
.pickup ul.p1 li:last-child{float:none;width:100%;margin-bottom:2em;}
.pickup ul.p2 li:first-child{float:none;width:100%;margin-bottom:2em;}
.pickup ul.p2 li:last-child{float:none;width:100%;margin-bottom:2em;}
.pickup ul.p3 li{width:100%;margin-bottom:2em;}
.pickup ul.p3 li:last-child{margin-bottom:0;}
.pickBox .over{border:none;}
.pickBox .over span{font-size:18px;}
.pickup p.im{margin-bottom:0.5em;}
.reel{padding:3em 0 8em;background-size:150%;}
.reel li{margin-bottom:2em;width:97%;margin-left:3%;}
.reel li:last-child{margin-left:3%;}
.reel li:first-child{margin-left:3%;}
.reel p.im{width: 100%;margin-left: 0;padding-top:2em;}
.reel p.reelTitle{width:85%;margin-bottom:1.5em;}
.reelBox{top:0;-webkit-transform:none;transform:none;}

.rod{padding-bottom:5em;}
.rod p.tec_more{margin-left:1.5em;}
.rodRight{width:130%;margin-left:-10%;}
.rodLeft{top:2em;-webkit-transform:none;transform:none;}
.rod .mainTitle{margin-bottom:3em;}
.tecMv{padding:5em 0 8em;background-size:70px;}
.tecMv ul{width:100%;}
.tecMv li{margin-bottom:1.5em;}
.tecMv p.txx{font-size:15px;padding-top:0.3em;line-height:1;}
.tecMv .movieArea{padding:0.3em 1em;}
.mv p.play{width:14%;}
.listMain{padding-top:5em;padding-bottom:3em;}
.listMain h2{width:55%;margin:0 auto 4em;}
.listMain h3{width:80%;margin-left:1.5em;}
.listTitle{background-position:-3em center;background-repeat:no-repeat;background-size:100%;padding:1em 0;}
.dendo{background-size:150%;}
.rodpage{background-image:url(../jpg/rod_bg_sp.jpg);background-size:100%;}
.rodpage .listMain{padding-bottom:10em;}
.tecList{padding-bottom:5em;}
.grid li.c1{width:100%;padding:0 2%;margin-bottom:2em;}
.gridBox{border-bottom:3px solid #222;padding-bottom:2em;}
.grid li.c1:nth-last-child(-n+2) .gridBox{border-bottom:3px solid #222;padding-bottom:2em;}
.tecNameBox{margin-bottom:0.5em;}
.tecList p.tec_more a:link{font-size:16px;}
.tecList p.im{margin-bottom:0.3em;}
.tecList p.tecName{font-size:22px;}
.tecList p.tecName2{font-size:16px;}
.tecList p.tecTx{font-size:13px;}
.tecList p.tecName_kana{font-size:13px;}
ul.list02{padding:0;}
.list02 li{width:80%;display:block;margin:0 auto 3em;}
.tecList .list02 p.tecName{font-size:20px;}
.tecListMain{padding-bottom:5em;}
.tecSub{padding:0em 0 0;}
.tecSubIm{margin-left:0.5em;margin-bottom:0.2em;}
ul.c3 li{float:none;width:70%;margin:0 auto;}
ul.c3 li:last-child{float:none;width:70%;padding-top:2em;}
.tecList ul.tec4{padding:3em 0em;}
.tecList ul.tec4 li{width:80%;margin:0 auto 2em;display:block;}
.tecList ul.tec4 li:last-child{margin:0 auto 2em;}
.tecList ul.tec4 li:nth-child(even){margin:0 auto 2em;}
ul.c2 li{float:none;width:70%;margin:0 auto 0.5em;}
ul.c2 li:last-child{float:none;}
.rodBox{padding-top:3em;padding-bottom:5em;padding-left:2em;padding-right:2em;}
.sensorBox p.im{width:100%;margin-right:0%	}
.tecList ul.tec3 {padding: 0;}
.tecList ul.tec3 li{width:100%;margin-bottom:1em;}
.tecList ul.tec3 p.tecName2{font-size:14px;}
.tecList ul.tec4 p.tecName2 {font-size: 14px;}
.pickup p.tec_more{display:block;text-align:right;margin-right:-0.3em;padding-top:0.5em;}
.pickBox a:hover .over{background:none;}
.pickBox a:hover .over span{opacity:0;}
}




.ags-main{position: absolute;width:100%;top:0; text-align: center;color:#fff;}
.ags-main .area{max-width:980px;margin:0 auto;}
.ags-main .ags-logo{width:356px;margin:0 auto;margin-top:25em;}
.ags-main h2{width:80%;margin:0 auto 2em auto;}
.ags-main h3{margin:0;font-size:24px;letter-spacing: 2px}
.ags-main .txt{color:#fff;margin-top:10em;}
.ags-main .txt p{font-size:16px;line-height: 2.4;text-align: center;font-weight: 500;letter-spacing: 0.05em;}

.ags-con{background:#000;padding-top:2em;}
.ags-con .area{max-width:980px;margin:0 auto;}
.ags-con .txt{text-align: center;}
.ags-con .txt p{font-size:15px;line-height: 2.6;text-align: center;font-weight: 600;letter-spacing: 0.2em}
.ags-con1{background-repeat: no-repeat;background-position: center 5em;padding-bottom: 11em;color:#fff;}
.ags-con1 .con01{width:58%;margin-left:42%;margin-top:23em;}
.ags-con1 .con01 p{margin:0; line-height: 1.75;}
.ags-con1 .con01 p.tx{line-height: 2.4;font-size:14px;margin-bottom:3em;}
.ags-con1 .con01 p.ph{width:60%;margin-bottom:2em;}
.ags-con1 .con01 li{float:left;width:42%;font-size:13px;}
.ags-con1 .con01 li:last-child{width:52%;float:right;}
.ags-con1 .con01 li p.im{margin-bottom:1em;}
.ags-con1 .con01 li img{width:100%;height: auto;}
.ags-con1 .con01 li p.tt{margin-bottom:0.5em;}
.ags-con1 .con01 .link{padding-top:5em;}
.ags-con1 .con01 .link p.title{margin-bottom:1em;color:#999;}
.ags-con1 .con01 .link p.more{position: relative;margin-bottom:1em;letter-spacing: 0.05em;font-size:15px;text-align: left;}
.ags-con1 .con01 .link p.more:hover{opacity: 0.6}
.ags-con1 .con01 .link p.more:hover a{background:none;}
.ags-con1 .con01 .link p.more a{width:100%;}
.ags-con1 .con01 .link p.more a:visited{color: #fff;border: 1px solid #fff;text-decoration: none;}
.ags-con1 .con01 .link p.more a:link{display: block;border: 1px solid #fff;text-decoration: none;color: #fff;padding: 1em;line-height: 27px;}
.ags-con1 .con01 .link p.more a:link:after{width:9px;height: 9px;}
.ags-con1 .con01 .link p.more:hover a:link:after{border-left:2px solid #fff;border-top:2px solid #fff;}
.ags-con1 .con01 .link p.more span{font-weight: 300;letter-spacing: 0.05em;display: block;font-size: 16px;}

.ags-con2{padding-bottom:10em;color:#fff;}
.ags-con2 .area{max-width:980px;margin:0 auto;}
.ags-con2 .con0{width:40%;float:left;}
.ags-con2 .con0 img{width:100%;height: auto;}
.ags-con2 .con01{width:58%;margin-left:0;float:right;}
.ags-con2 .con01 p.tx{line-height: 2.4;font-size:14px;margin-bottom:3em;}
.ags-con2 .con01 li{float:left;width:50%;}
.ags-con2 .con01 li:last-child{width:50%;float:right;}
.ags-con2 .con01 li p.im{margin-bottom:0;width:100%;}
.ags-con2 .con01 li img{width:100%;height: auto;}
.ags-con2 .con01 .link{padding-top:5em;}
.ags-con2 .con01 .link p.title{margin-bottom:1em;color:#999;}
.ags-con2 .con01 .link p.more{position: relative;margin-bottom:1em;font-size:5px;letter-spacing: 0.05em;font-size:15px;text-align: left;}
.ags-con2 .con01 .link p.more:hover{opacity: 0.6}
.ags-con2 .con01 .link p.more:hover a{background:none;}
.ags-con2 .con01 .link p.more a{width:100%;}
.ags-con2 .con01 .link p.more a:visited{color: #fff;border: 1px solid #fff;text-decoration: none;}
.ags-con2 .con01 .link p.more a:link{display: block;border: 1px solid #fff;text-decoration: none;color: #fff;padding: 1em;line-height: 27px;}
.ags-con2 .con01 .link p.more a:link:after{width:9px;height: 9px;}
.ags-con2 .con01 .link p.more:hover a:link:after{border-left:2px solid #fff;border-top:2px solid #fff;}
.ags-con2 .con01 .link p.more span{font-weight: 300;letter-spacing: 0.05em;display: block;font-size: 16px;}

.ags-con3{background-color:#111;padding:3% 0 5em 0;color:#fff;}
.ags-con3 .area{max-width:980px;margin:0 auto;}
.ags-con3 p.title{text-align: center;margin-bottom:5em;}
.ags-con3 p.title span{font-family: 'Oswald', sans-serif; letter-spacing: 0.05em; font-weight: 300; font-size: 28px;display: block;}
.ags-con3 .ags-list{padding:0 3em;}
.ags-con3 .ags-list li{margin-bottom:2em;}
.ags-con3 .ags-list li:last-child{margin-bottom:0;}
.ags-con3 .ags-list li img{width:100%;height: auto;}

@media(max-width:768px){
	.ags-con .area{width:96%;}
	.ags-main .area{width:96%;}
	.ags-main .ags-logo{margin-top:2em;}
	.ags-main .txt{padding:0 2em;margin-top:7em;}
	.ags-main .txt p{text-align: left;font-size:14px;line-height: 2.4}
	.ags-main h3{font-size:16px;}
	.ags-main h2{width:30%;margin:0 auto 1em auto;}
	.ags-con1{background-size: contain;background-position: left 256px top 0px;margin-bottom: 0em;margin-top: -24%;position: relative;padding-bottom:5em;}
	.ags-con1 .con01{width:100%;margin-top:5em;margin-left:0;padding:0 3%;}
	.ags-con1 .con01 p.ph{width:90%;margin:0 auto 2em;}
	.ags-con1 .con01 p.tx{margin-bottom:5em;}
	.ags-con1 .con01 li{float:none;width:90%;margin:0 auto 2em;}
	.ags-con1 .con01 li:last-child{float:none;width:90%;margin:0 auto;}
	.ags-con2{padding-bottom:8em;}
	.ags-con2 .con0{width:55%;float:none;margin:0 auto;}
	.ags-con2 .con01{width:94%;margin: 0 auto;float:none;}
	.ags-con2 .con01 li{float:none;width:100%;}
	.ags-con2 .con01 li:last-child{float:none;width:100%;}
	.ags-con3{padding:5em 0 8em 0;}
	.ags-con3 .area{width:96%;}
	.ags-con3 p.title{margin-bottom:3em;}
	.ags-con3 .ags-list{padding:0 0.5em;}
	.ags-con3 .ags-list li{margin-bottom:1.5em;}
	.ags-con3 p.title span{font-size:18px;}
}



/*
 友情链接
 */
.TextList002322{ padding: 3% 0;}
.TextList002322 .list li{ width: 23%;float: left;margin-right: 2.66%;margin-bottom: 3%;}
.TextList002322 .list li:nth-child(2n){margin-right: 0;}
.TextList002322 .list li a{font-size: 18px;color: #333;line-height: 30px;}
@media(max-width:640px){
.TextList002322 .list li{ width: 48%;margin-right: 4%;}
}



.reel .column_title{margin-bottom: 6em;}
.reel .column_title h1{position: relative;letter-spacing: 0.02em;font-size: 25px;padding-left: 1.5em;text-align: left;font-weight: normal;}
.reel .column_title h1 span{font-size:16px;}
.reel .column_title h1::before {position: absolute;top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);z-index: 1;content: '';display: block;width: 5.45em;height: 1px;background-color: #fff;left:-4em;}


.Floor000868 li .txt{width:100%;height: 100%;position: absolute;top:0;left:0;padding: 5%;}
.Floor000868 li p img{float:right;width: 200px;margin-left: 20px;}
.Floor000868 li .img img{width: 100px;margin-top: 10px;display: inline-block;}
.Floor000868 li .p_img2{display: none;}
@media(max-width:768px){
.Floor000868 li .p_img{max-width: 120px;}
.flip-content{min-height:500px;background: #000;}
.Floor000868{min-height:500px;background: #000;padding-bottom: 0;}
}

.tecSub{background: #000;}
.tecSub .listBox p{margin:0;}
.tecSub .listBox p.im img{width:100%;height:auto;border:1px solid #222;}
.tecSub p.tecName{color: #fff;letter-spacing: 0.02em;font-size:26px;line-height:1.2;}
.tecSub p.tecName2{color: #fff;font-weight:normal;letter-spacing: 0.02em;font-size:18px;line-height:1.2;}
.tecSub p.tecName_kana{color: #fff;letter-spacing: 0.02em;font-weight:normal;line-height:1.4;}
.tecSub p.tecTx{margin-bottom:1em;color: #fff;font-size: 14px;line-height: 1.6em;}

.tecSub ul.tec4{padding-bottom:8em;padding-top:5em;}
.tecSub ul.tec4 li{width:19%;margin-right:0.5%;display:inline-block;vertical-align:top;}
.tecSub ul.tec4 li:last-child{margin-right:0;}
.tecSub ul.tec4 p.tecName2{font-size:15px;}
.tecSub ul.tec4 p.tecTx{line-height:1.5;}

@media(max-width:768px){
.tecSub ul.tec4{ text-align: center;}
.tecSub ul.tec4 li{width:80%;margin-right:auto;margin:0 auto 3em;display:block;text-align: left;}
.tecSub ul.tec4 li:last-child{margin-right:auto;}
}

.rodBox{border-top:3px solid #333;padding-top:5em;padding-bottom:8em;}
.tecSub ul.tec3 li{width:48%;margin-bottom:1em;display:inline-block;vertical-align:top;}
.tecSub ul.tec3 li:nth-child(odd){margin-right:3%;}
.tecSub ul.tec3 p.im{width:44%;float:left;margin-right:2%;}
.tecSub ul.tec3 li .tecName{ text-align: center; color: #fff;font-size: 16px; margin-top: 2%; display: none;}
.tecSub ul.tec3 p.tecName2{font-size:16px;}
.tecSub ul.tec3 p.tecTx{line-height:1.6;margin: 0;}
.sensorBox{margin-bottom:3em;}
.sensorBox p.im{width:31%;float:left;margin-right:2%}

@media(max-width:768px){
.tecSub ul.tec3 li{width:100%; margin-bottom:3em;}
.tecSub ul.tec3 li:nth-child(odd){margin-right:auto;}
.tecSub ul.tec3 li .tecNameBox{ display: none;}
.tecSub ul.tec3 li .tecName{ display: block;}
.sensorBox p.im{width:100%;margin-right:0%	}

}



.qui20220228_1{background: #000;min-height: calc(100vh - 50px);position: relative;}
.qui20220228_1 .quiimg{position: absolute;left: 50%;top: 50%;transform: translateY(-50%) translateX(-50%);-webkit-transform: translateY(-50%) translateX(-50%);}


.quibox20220228{
	    word-break: break-word;
	font-family: 'Fjalla One', sans-serif;
	text-align: center;
	background-position: center center;
	background-repeat: no-repeat;
	color: #fff;
	position: relative;
	background-color: #000;
}
.quibox20220228_1{text-align: center;
    padding: 120px 40px;
}
.quibox20220228 p{min-height: 1px;}
.quibox20220228 p,
.quibox20220228 h3{margin: 0;padding: 0;}
.quibox20220228 p{line-height: 2.4;
letter-spacing: 0.05em;}

.quibox20220228_2{
	min-height: 740px;
}
.quibox20220228_2 .quitxt{position: absolute;left: 70%;transform: translateY(-50%) translateX(-50%);-webkit-transform: translateY(-50%) translateX(-50%);top: 50%;text-align: center;}

.quibox20220228_3{padding: 80px 0 100px;background-color: #111;background-repeat: repeat;}
.quibox20220228_3 .quidivbox{max-width: 980px;margin: 0 auto;}
.quibox20220228_3 .quiname{
	font-weight: bold;
    font-size: 28px;
    letter-spacing: 0.1em;
    margin-bottom: 2em;}
.quibox20220228_3 .ULLIST{font-size: 0;text-align: center;}
.quibox20220228_3 .ULLIST li{width: 33.333333333333%;display: inline-block;vertical-align: top;font-size: 20px;
    letter-spacing: 0.1em;padding: 29px;}
.qui-pic{position: relative;height: 0;overflow: hidden;margin-bottom: 4px;}
.qui-pic img{position: absolute;left: 0;top: 0;min-height: 100%;width: 100%;}
.quibox20220228_3 .ULLIST li .qui-pic{padding-bottom: 131.481481481%;}

.quibox20220228_4{padding: 40px 0 80px;}
.quibox20220228_4 .ULLIST li .qui-pic{padding-bottom: 60%;}
.quibox20220228_4 .ULLIST{padding:.5%;overflow: hidden;}
.quibox20220228_4 .ULLIST li{width: 50%;float: left;padding: .5%;}
.quibox20220228_4 .ULLIST .quipp{position: absolute;z-index: 10;width: 100%;max-height: 100%;overflow: auto;padding: 20px;text-align: right;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}

.quibox20220228_4 .ULLIST h4{font-size: 24px;margin: 0;padding: 0;
    letter-spacing: 0.1em;
    margin-bottom: 0.5em;}
.quibox20220228_4 .ULLIST h5{font-size: 16px;margin: 0;padding: 0;
    letter-spacing: 0.1em;
    margin-bottom: 0.5em;}
@media(max-width:1024px){
.quibox20220228{background-size: cover;}
.quibox20220228 p{line-height:1.8;font-size: 12px;}

.quibox20220228_3{padding: 40px 0;}
.quibox20220228_3 .quiname{margin-bottom: 20px;font-size: 18px;}

.quibox20220228_2{min-height: 0;padding: 40px 0;overflow: hidden;}
.quibox20220228_2 .quitxt{width: 75%;text-align: right;padding: 20px;left: 0;top: 0;transform: translateY(0);-webkit-transform: translateY(0);position: relative;float: right;}
.quibox20220228_1{padding: 40px 2vw;}

}
@media(max-width:900px){
.quibox20220228_4 .ULLIST li{width: 100%;}
.quibox20220228_3 .ULLIST li{padding: 1%;}
.quibox20220228_3 .quidivbox{padding: 1%;}
.quibox20220228_4 .ULLIST li{padding: .5% 1%;}





}
@media(max-width:750px){
	.quibox20220228_3 .ULLIST li{font-size: 14px;}
	/*.quibox20220228_3 .ULLIST li{width: 100%;}*/

}

#photograph {
	width: 100%;
	position: relative;
	height: 920px;
}
.arrow {
	position: absolute;
	bottom: 15px;
	left: 50%;
	margin-left: -20px;
	z-index: 500;
	width: 39px;
	height: 38px;
}




.ver9,.t1,.t2 {

	width: 100%;
	position:absolute;
	height: 920px;
/*	background-color:#000;*/

}


.t1{

	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover_;
	z-index:60;
	left:0;
	top:0;

}
.t2{
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover_;
	z-index:40;
	left:0;
	top:0;
}
.ver9{
	z-index:20;
	left:0;
	top:0;
}
#bg-ver4{
margin: 0 auto;
	text-align: left;
	height: 100%;
	min-height: 100%;
	position: relative;

}
.topp{
	position: absolute;
	height: 100%;
	z-index: 500;
	top: 0;
	width: 100%;
}

.topp .movieTx{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 640px;
	height: 274px;
	margin-top: -137px;
	margin-left: -320px;
	z-index: 400;
	text-align: center;
}


.areaSP{
	display:none;
}

@media screen and (max-width:782px) {
.areaPC{
	display:none;
}
.areaSP{
	display:block;
}
.spMain{
	width:100%;
	position:relative;
	display:block;
}
.spMain img{
	width:100%;
	max-width:100%;
	height:auto;
}
.t1s{
	z-index:60;
	left:0;
	top:0;
	width:100%;
	position:absolute;

}
.t2s{
	z-index:60;
	left:0;
	top:0;
	width:100%;
	position:absolute;
}
.t3s{
	z-index:60;
	left:0;
	top:0;
	width:100%;
	position:absolute;
}
}



/*
 .Form002324
 */
.Form002324{ position: fixed; background:rgba(0,0,0,0.5); width:100%;height: 100%; top:0; left:0; z-index:99;display: none;}
.Form002324 .wrap-container{ position:fixed; top:50%;margin-top: -243.5px; width:600px; height:487px; margin-left:-300px; left:50%; background:#fff; z-index:100;}
.Form002324 .closeBtn{ position:absolute; top:20px; right:20px; height:17px; width:17px; display:block; background:url(../jpg/form002324-colsebtn.jpg) no-repeat;}
.Form002324 .box{padding: 20px 30px;background: #fff;height: 487px;overflow-x: auto;}
.scrollbar {width : 30px;height: 300px;margin: 0 auto;}
.Form002324 .box::-webkit-scrollbar {width : 5px;height: 1px;}
.Form002324 .box::-webkit-scrollbar-thumb {border-radius: 5px;box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);background : #535353;}
.Form002324 .box::-webkit-scrollbar-track {box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);border-radius: 5px;background : #ededed;}
@media only screen and (max-width:664px ) {
.Form002324 .wrap-container{top:0;margin-top: 0; width:100%; height:100%; margin-left:0; left:0; padding: 5%;}
.Form002324 .box{height:100%;margin-top: 30px;padding: 2% 0;}
}





/*2022-12-20 新增*/

/*Floor003031 */
.Floor003031{position: relative; z-index: 1;}
.Floor003031 .auto{max-width: 980px; width: 83.334%;}
.Floor003031 > img{position: relative; z-index: -1;}
.Floor003031 .txt{position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center;z-index: 10;background: rgba(0,0,0,0.4);}
.Floor003031 .txt .ytable{height: 100%;}
.Floor003031 .txt .email{ position: relative;max-width: 840px; margin: 0 auto;}
.Floor003031 .txt .email .box{ position: relative;width: 70%;margin: 0 auto;transition: 0.3s all}
.Floor003031 .txt .wz{ position: relative;max-width: 840px; margin: 0 auto;}
.Floor003031 .txt .wz .nr{ position: relative;width: 70%;margin: 0 auto;transition: 0.3s all}
.Floor003031 .txt .wz .nr{text-align: left;}
.Floor003031 .txt .wz .nr a{color: #f00;}
.Floor003031 .txt .email .box.on{ width: 100%;}
.Floor003031 .email .tip{position: absolute;left: 0;top: 0;padding: 1.25em 0;width: 130px;height: 3.75em;line-height: 1.25em;border-right: 1px solid #ebebeb;font-size: 16px;color: #333;;}
.Floor003031 .email label{position: absolute;left: 30px;top: 0;padding: 1.25em 0;height: 3.75em;line-height: 1.25em;font-size: 16px;color: #333;;}
.Floor003031 .email input{font-size: 16px;font-family: 'roboto-Regular';}
.Floor003031 .email .text{width: 100%; padding: 1.25em 1.875em; height: 3.75em; line-height: 1.25em;border: 0;color: #999;background: #fff;}
.Floor003031 .email .text.focus{color: #333;}
.Floor003031 .email .btn{position: absolute; right: 0; top: 0; height: 100%; width: 10em;color: #fff; background: #000; cursor: pointer; border: 0;text-transform: uppercase;}
.Floor003031 .index-tit{color: #fff;position: relative;margin-bottom: 3vw;font-size: 20px}
.Floor003031 .index-tit b{ text-transform: uppercase;font-family: "roboto-Black";font-size: 2.1667vw;line-height: 0.775em;}
.Floor003031 .index-tit .icon{background: url("../floor003031_icon.html") no-repeat;width: 19px; height: 19px; margin-left: 20px;display: inline-block; vertical-align: text-bottom; animation:zhuan 5s infinite linear;}
@keyframes zhuan{
    0%{transform: rotate(0); }
    100%{transform: rotate(360deg);}
}

.Floor003031 .video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;z-index: 1}

@media(max-width:768px){
.Floor003031{overflow: hidden; min-height:65vh;}

.Floor003031 .index-tit{margin-bottom: 6vw;font-size: 16px}
.Floor003031 .index-tit b{font-size: 6vw;}
.Floor003031 .index-tit p{margin: 0;}
.Floor003031 .email{padding-left: 0;}
.Floor003031 .email .btn {width:4em;}
.Floor003031 .txt .email .box,
.Floor003031 .txt .wz .nr {width:auto;}
.Floor003031 > img{max-width: inherit; width: 150%;margin-left: -25%;}
.Floor003031 .email .tip{display: none;}


}



.earth-menu {padding: 8em 0 0;}
.earth-menu ul{text-align: center;}
.earth-menu ul li{display: inline-block;font-size: 13px;margin: 0 5px;}
.earth-menu ul li a{text-decoration: underline;color: #000}
.earth-menu ul li:hover a{text-decoration: none;}



.earth-policy {padding: 5em 0 1em;}
.policyRight { float: right;text-align: center;width: 50%;}
.earth-title {margin-bottom: 3em;}
.earth-title h4 {position: relative;display: inline-block;margin-bottom: 1em;font-size: 15px;letter-spacing: 0.2em;font-weight: 600;}
.earth-title h4:before {content: '';position: absolute;bottom: -20px;display: inline-block; width: 40px;height: 3px;left: 50%; -moz-transform:translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);background-color: #000;}

.policyRight p.cat {text-align: left; display: inline-block; line-height: 2;font-size: 13px;margin-bottom: 2em;}
.policyRight p.more {width: 60%;margin: 0 auto;text-align: center;position: relative;font-size: 12px}
.policyRight p.more a{background: #000;color: #fff}
.policyRight p.more a:hover{background: #fff;color: #000}

.policyLeft {float: left;width: 45%;}

@media(max-width:1024px){
.earth-policy {padding: 4em 0;}
.policyRight { float: none;width: 100%;}
.policyLeft {float: none;width: 100%;}
.policyRight p.more a{width: 100%}
}

.pankuzu{padding: 10em 0;}
.pankuzu .title{font-size: 42px;color: #000;font-weight: bold;margin-bottom: 1em}

.pankuzu .list li .accordion_head{position: relative;border-top: 1px solid #d2d3d4;font-size: 18px;padding: 25px 38px;margin: 0;cursor: pointer}
.pankuzu .list li:last-child{border-bottom: 1px solid #d2d3d4;}
.pankuzu .list li .accordion_head::before,
.pankuzu .list li .accordion_head::after {position: absolute;content: '';display: block;background: #000;top: 50%;transform: translateY(-50%);}
.pankuzu .list li .accordion_head::before{width: 10px;height: 1px;right: 30px;}
.pankuzu .list li .accordion_head::after{width: 1px;height: 10px;right: 34px;transition: height .3s ease;}
.pankuzu .list li.is-open .accordion_head::after{height: 0}

.pankuzu .list li .accordion_body {line-height: 1.666666;border-top: 1px solid #d2d3d4;padding: 34px 38px 55px;display: none}
.pankuzu .list li .secTitleLine{font-size: 30px;color: #000;border-left: 5px solid #000;margin-bottom: 40px;padding: 5px 24px;}
.pankuzu .list li .secTitleLine:not(:first-child){margin-top: 2em}
.pankuzu .list li .accordion_body dl dd .flex {display: flex;column-gap: 3.45%;}
.pankuzu .list li .accordion_body dl dd .flex .photo {width: 31.0702%;}
.pankuzu .list li .accordion_body dl dd .flex .photo img {width: 100%;}
.pankuzu .list li .accordion_body dl dd .flex .word {width: 68.9298%;}
.pankuzu .list li .accordion_body dl dd .flex .word aside {font-size:24px; font-weight: bold;}
.pankuzu .list li .accordion_body dl dd .flex .word p {margin-top: 30px;margin-bottom: 0;font-size:18px;}

.pankuzu .list li .btnRounder {display: flex;justify-content: center;align-items: center;width: 300px;height: 60px;border: 1px solid #000;border-radius: 1000px;margin: 40px auto 0;padding-left: 1.5em;padding-right: 1.5em;font-size: 18px}


@media only screen and (min-width: 770px){
 .btnRounder:hover {color: #fff;background: #000;opacity: 1;}
}

@media(max-width:1024px){
.pankuzu{padding: 6em 0;}
.pankuzu .title{font-size: 30px;}
.pankuzu .list li .accordion_head{padding: 15px;font-size: 16px}
.pankuzu .list li .accordion_body {padding: 15px 20px 55px;display: none}
.pankuzu .list li .secTitleLine{font-size: 20px;}
.pankuzu .list li .accordion_body dl dd .flex {display: block;}
.pankuzu .list li .accordion_body dl dd .flex .photo {width: 70%;margin-bottom: 1em}
.pankuzu .list li .accordion_body dl dd .flex .word {width: 100%;}
.pankuzu .list li .accordion_body dl dd .flex .word aside {font-size: 18px;}
.pankuzu .list li .accordion_body dl dd .flex .word p { margin-top: 10px;font-size: 14px;}
.pankuzu .list li .btnRounder {height: 48px;font-size: 14px}
}

.earth-suggest{padding: 5em 0 1em 0;}
.earth-title {margin-bottom: 3em;text-align: center}
.earth-title h4 {position: relative;display: inline-block;margin-bottom: 1em;font-size: 15px;letter-spacing: 0.1em;font-weight: 600;}
.earth-title h4:before {content: '';position: absolute;bottom: -20px;display: inline-block;width: 40px;height: 3px;left: 50%;-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform:translateX(-50%);background-color: #000;}

.suggestBg {margin-bottom: 7em;}
.suggestLeft p.cat {font-size: 20px;font-weight: bold;margin-bottom: 1em;}
.suggestLeft p.tx {margin-bottom: 2em;line-height: 1.8;}
.suggestLeft p.cat2 {font-size: 16px;font-weight: bold;margin-bottom: 0.5em;}
.suggestBox p.more2 {font-size: 13px;margin-bottom: 2em;}
.suggestBox p.more2 a:link {position: relative;color: #000;text-decoration: underline;line-height: 3.5;}
.suggestBox p.more2 a:hover {color: #000;text-decoration: none;}
.suggestBox p.more {width: 40%;}
.suggestBox p.more a{background: #000;color: #fff}

@media(min-width:1025px){
.suggestBox {float: left;width: 580px;}
.suggestLeft p.im {width: 330px;float: right;margin-bottom: 3em;}
}

@media(max-width:1024px){
.earth-suggest{padding: 0em 0 10em 0;}
.suggestBg {margin-bottom: 3em;}
}





.co_middle{padding: 10em 0}
.txtp01 {padding-top:26px;}
.txtp02 {margin-top:40px;}
.txtp03 {width:212px;}
.txtp04 {width:176px;}
.txtp05 {padding-top:32px;}
.txt01 {margin-top:32px;}
.txtbb01 {margin-top:30px;}
.txt03 {padding-top:30px;padding-bottom:30px;}

.txt05 {padding-top:30px;}
.txt06 {padding-bottom:30px;}
.txt07 {padding-top:30px;padding-bottom:30px;}
.txtf02 {font-weight:bold;}
.waku {border:solid #7F7F7F 1px;padding:15px 30px 15px 25px;}
.line {padding-top:26px;border-top:solid #000000 1px;padding-bottom:32px;}
.txtp06 {margin-bottom:32px;}
.txtp06 {margin-bottom:32px;}
.step01 {width:182px;}
.step02 {width:700px;padding-top:4px;}
.txtp08 {padding-top:32px;}
.txtp09 {margin-top:25px;margin-bottom:10px;}

.FB_Table {border-collapse: collapse;margin: 0px;padding: 0px;width: 100%;}
.FB_Table th {border-right-width: 1px;border-right-style: solid;border-right-color: #000000;font-weight: normal;text-align: center;width: 50%;}
.FB_Table .titlesb a{background:url(../png/sankabb1.png)no-repeat center;color:#fff;line-height:52px;color:#fff;display: block;width: 200px;margin: 0 auto;}
.FB_Table td {text-align: center;width: 50%;}
.FB_Margine {margin-bottom: 10px;}

@media(min-width:1025px){
    .txt02 {width: 700px;}
    .txtle {float: left;}

    .txtp03 {width: 212px;}
    .txtri {float: right;}

    .txt04 {width:700px;}
}





.earth-column {text-align: center;padding: 5em 0;}
.earth-column .earth-title {margin-bottom: 3em;text-align: center}
.earth-column .earth-title h4 {position: relative;display: inline-block;margin-bottom: 1em;font-size: 15px;letter-spacing: 0.1em;font-weight: 600;}
.earth-column .earth-title h4:before {content: '';position: absolute;bottom: -20px;display: inline-block;width: 40px;height: 3px;left: 50%;-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform:translateX(-50%);background-color: #000;}

.earth-column .columnBt02 {background-repeat: no-repeat;background-position: right center;background-size: cover;padding: 1em;}

.earth-column .columnBt02, .earth-column .columnBt02 a {color: white;}
.earth-column .columnBt02 > .note {margin: 1em auto;text-shadow: 0 0 4px black, 0 0 8px black;}

.earth-column .columnBt02 > .btn {width: 25%;margin: 2em auto 1em;text-align: center;position: relative;font-size: 12px;}
.earth-column .columnBt02 > .btn > a{color: #fff;border: 2px solid #fff;text-decoration: none;background-color: #000;display: block;line-height: 46px}





.earth-activity{padding-bottom: 5em;text-align: center}
.earth-activity .earth-title {margin-bottom: 3em;text-align: center}
.earth-activity .earth-title h4 {position: relative;display: inline-block;margin-bottom: 1em;font-size: 15px;letter-spacing: 0.1em;font-weight: 600;}
.earth-activity .earth-title h4:before {content: '';position: absolute;bottom: -20px;display: inline-block;width: 40px;height: 3px;left: 50%;-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform:translateX(-50%);background-color: #000;}

.earth-activity .activityBt > .d01 {display: inline-block;letter-spacing: normal;width: 30%;margin-right: 4.6%;margin-bottom: 1em;vertical-align: top;text-align: center}
.earth-activity .activityBt > .d01:nth-child(3n){margin-right: 0}

.earth-activity .activityBt > .d01 img {margin-bottom: 1em;}
.earth-activity .activityBt > .d01 p {margin: 0;}


@media(max-width:1024px){
.earth-activity .activityBt > .d01 {display: inline-block;width: 100%;margin-right: 0;}
}



.RighInfo002554{padding: 10em 0 3em}
.RighInfo002554 h3{font-size: 24px;color: #000;margin-top: 2em;}

.RighInfo002554 .email{ position: relative;max-width: 840px;margin:0 auto}
.RighInfo002554 .email .box{ position: relative;transition: 0.3s all;margin:0 auto}
.RighInfo002554 .email span{ display: inline-block;margin-right:10px;}
.RighInfo002554 .email .tip{position: absolute;left: 0;top: 0;padding: 1.25em 0;width: 130px;height: 3.75em;line-height: 1.25em;border-right: 1px solid #ebebeb;font-size: 16px;color: #333;;}
.RighInfo002554 .email label{position: absolute;left: 30px;top: 0;padding: 0;height: 3em;line-height: 3em;font-size: 16px;color: #333;;}
.RighInfo002554 .email input{font-size: 16px;font-family: 'roboto-Regular';}
.RighInfo002554 .email .text{width: 100%; padding: 0.25em 1.875em; height: 3em; line-height: 3em;border: 0;color: #999;background: #f5f5f5;}
.RighInfo002554 .email .text.focus{color: #333;}
.RighInfo002554 .email .btn{position: absolute; right: 0; top: 0; height: 100%; width: 10em;color: #fff; background: #000; cursor: pointer; border: 0;text-transform: uppercase;}

.RighInfo002554 .table_1 th,
.RighInfo002554 .table_1 td{ text-align:center; border:1px solid #eee; border-collapse:collapse; line-height:24px; padding:15px;}
.RighInfo002554 .table_1 th{ font-size:14px; font-weight:normal;}
.RighInfo002554 .table_1 .th_1{ background:#000;color: #fff}

.RighInfo002554 .th {display:table;width:100%;background: #000; color: #fff;}
.RighInfo002554 .tr {display:table;width:100%;}
.RighInfo002554 .sub {width:100%;display:none;}
.RighInfo002554 .tr_sub {display:table;width:100%;}
.RighInfo002554 .th span,
.RighInfo002554 .tr span,
.RighInfo002554 .tr_sub span {width:13.5%;display:table-cell;text-align: center;   border: 1px solid #eee; border-collapse: collapse;line-height: 24px; padding: 15px;}
.RighInfo002554 .th span:last-child,
.RighInfo002554 .tr span:last-child,
.RighInfo002554 .tr_sub span:last-child,
.RighInfo002554 .tr .btn {width:10%;padding:0;}
.RighInfo002554 .tr span:last-child i,
.RighInfo002554 .tr .btn i {position:relative;display:inline-block;vertical-align: text-bottom;width:20px;height:20px;background:#000;border-radius:50%;margin:auto;cursor:pointer;}
.RighInfo002554 .tr span:last-child i:before,
.RighInfo002554 .tr span:last-child i:after,
.RighInfo002554 .tr .btn i:before,
.RighInfo002554 .tr .btn i:after {position:absolute;content:'';top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;}
.RighInfo002554 .tr span:last-child i:before,
.RighInfo002554 .tr .btn i:before {width: 52%;height:2px;}
.RighInfo002554 .tr.on span:last-child i:after,
.RighInfo002554 .tr.on .btn i:after {display:none;}

.RighInfo002554 .tr span:last-child i:after,
.RighInfo002554 .tr .btn i:after {height: 52%;width:2px;}
.RighInfo002554 .td img{max-width:70px;}
.RighInfo002554 .tr_sub {background: #ccc; color: #333;}

.RighInfo002554 .table .wap {display:none;}


@media(max-width:480px){
    .RighInfo002554 .email .btn {width:4em;}
.RighInfo002554 .table_1{ overflow:auto;}
.RighInfo002554 .table_1 table{ width:180%;}
.RighInfo002554 .table_1 .table{ width:180%;}
.RighInfo002554 .th span, .RighInfo002554 .tr span, .RighInfo002554 .tr_sub span {width:13%;overflow-wrap: break-word; padding-left:5px; padding-right:5px;}

.RighInfo002554 .table .wap {display:table-cell; padding:0; width:10%;}
.RighInfo002554 .pc {display:none;}
.RighInfo002554 .th,
.RighInfo002554 .tr,
.RighInfo002554 .tr_sub {table-layout:fixed;}

}






/*火蜥蜴*/

.w1615{max-width: 1615px;width: 90%}
.w1410{max-width: 1410px;width: 90%}



/*Top003124 */
.Top003124{/*background:url(../images/top-bg.png)no-repeat center rgba(0,0,0,.5);*/}
@media (min-width:1025px) {
.Top003124{position: fixed;width: 100%;left: 0;z-index: 103;transition:background-color 0.3s,transform 1s;top:0px;}
.Top003124 a{color: #fff;}
}
@media (max-width:1024px) {
.Top003124{ height: 60px;position:fixed;z-index: 100; width: 100%;z-index: 105;  width: 30%; top:0px; right: 0;background:none!important}
.Top003124 .wap-fixed{position: fixed;width: 100%;left: 0;top: 0;z-index: 100;background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1);padding-top: 3em;}
.Top003124 .logo .white{display: none;}
.Top003124 .auto{position: relative;height: 60px;}
}

.Top003124 .logo{float: left;display: table;height:5.3125em;}
.Top003124 .logo a{display: table-cell; vertical-align: middle;}
.Top003124 .logo img{height: 3.9375em;}
@media (max-width:1024px) {
.Top003124 .logo{height: 4em;}
.Top003124 .logo img{height: 3em;}
}

.Top003124 .top-nav dd{font-family: 'Bebas';}
.Top003124 .top-nav dd.oa a{display: block; border: 1px solid #ccc;border-radius: 50%;text-align: center;}
.Top003124.hover .top-nav dd.oa a{border-color: #ccc;}
.Top003124 .top-nav dd.lang a{margin: 0 5px;}
.Top003124 .top-nav dd.stock b{font-weight: normal;}
@media(min-width:1025px) and  (max-width:1770px) {
.Top003124 .top-nav{margin-right: 8.34vw;}
}
@media (min-width:1025px) {
.Top003124 .top-nav{float: right; margin-left: 7.5em;padding-top: 1.75em; font-size: 0.875em; }
.Top003124 .top-nav dd{float: left;line-height:2.5714em;}
.Top003124 .top-nav dd.oa{margin-left: 4.2857em;}
.Top003124 .top-nav dd.oa a{width:2.5714em;}
.Top003124 .top-nav dd.stock{margin-right: 2.1428em;padding-right: 2.1428em;border-right: 1px solid rgba(255,255,255,0.1);}
.Top003124:not(.hover) .top-nav dd.stock{border-right-color: #fff;}
}
@media (max-width:1024px) {
.Top003124 .top-nav{position: absolute;right: 0; bottom: 100%;display: flex;align-items: center; margin-bottom: 0.5em;}
.Top003124 .top-nav dd{line-height: 2;}
.Top003124 .top-nav dd:not(:last-child){margin-right: 1em;}
.Top003124 .top-nav dd.oa a{width:2em;}
}

.Top003124 menu li span{display: block;}
@media (min-width:1025px) {
.Top003124 .auto{position: relative;}
.Top003124 menu{ position: absolute; right:0}
.Top003124 menu li{float: left;}
.Top003124 menu li{margin-left: 5em;}
.Top003124 menu li#m3{margin-left: 3em;}
.Top003124 menu li#m2{padding:0 3.8em 0 1.8em;}
.Top003124 menu li span,
.Top003124 menu li span a{line-height:50px;font-size:16px;}
.Top003124 menu li span a{display: block;position: relative;z-index: 1;}
.Top003124 menu li#m2:after{position: absolute;content: ''; right: 10px; top:50%;transform: translateY(-50%); height: 15px;width: 22px;background:url(../png/down.png)no-repeat center right; transition: 0.3s;opacity: 0;background-size:18px;}
.Top003124 menu li#m2:hover{background: rgba(74,74,74,.5);}
.Top003124 menu li#m2:hover:after{opacity: 1;}
.Top003124 menu li .sub{position: absolute; top: 100%;width: 100%;left: 0;right: 0 ;margin-left: 0;overflow: hidden;}
.Top003124 menu li .sub dl{background: rgba(0,0,0,.5);padding: 20px}
.Top003124 menu li .sub dl dt{padding: 0;line-height: 40px;text-align: left}
.Top003124 menu li .sub dl dt a{font-size:16px;}
}
@media (max-width:1024px) {
.Top003124 menu{position: fixed; left: -100%;top:50px;height: calc(100% - 60px); overflow: auto; background-color: #000; width: 220px;opacity: 0;transition: 0.3s ease;}
.menu-show .Top003124 menu{left: 0; opacity: 1; transform:translateX(0);}
.Top003124 menu li{ border-bottom: 1px solid #555;}
.Top003124 menu li span{padding-top: 1em; padding-bottom: 1em;padding-left: 1em;}
.Top003124 menu li span a{color: #fff;font-size: 18px}
.Top003124 .has-sub span .op:before,
.Top003124 .has-sub span .op:after{background-color: #fff;}
.Top003124 menu li .sub{background-color:#1a1a1a;}
.Top003124 menu li .sub a{color: #fff;}
}

.Top003124 .open-search{position: absolute;right: 0; top: 0;width: 5.3125em;height:5.3125em; background: rgba(0,0,0,0.3) url(../top003124-btn.html) no-repeat center; cursor: pointer; background-size: auto 23.53%;}
.Top003124 .top-search{position: absolute;right: 0; top: 100%; background-color: #fff; width: 100%;max-width: 400px;}
.Top003124 .top-search .btn{background-color: rgba(0,0,0,1); background-image: url(../top003124-btn.html); background-size: auto 50%;}
.Top003124 .open-search.on:before,
.Top003124 .open-search.on:after{width: 40%; left: 30%;}
.Top003124.hover .open-search.on:before,
.Top003124.hover .open-search.on:after{background-color: rgba(0,0,0,1);}
@media (max-width:1024px) {
.Top003124 .open-search{width:2.4em; height: 2.4em; top: 50%;margin-top: -1.2em;background-color: rgba(0,0,0,1); background-size: auto 60%; right: 2.6em;}
.Top003124 .open-menu{width:2.4em; height: 2.4em; right: 0;}
.Top003124 .open-menu i{width: 60%; left: 20%;background-color: rgba(255,255,255,1);height: 2px;}
.open-menu:not(.on) i:nth-child(3) {margin-top: 6px;}
}




.Banner003184{background: #000;text-align: center;}


.Concept{padding:5% 0 10%;background: url(../png/bg1.png)no-repeat right bottom #000;background-size: cover}
.Concept .box:not(:last-child){margin-bottom: 5.5em}
.Concept .txt .tit{font-size: 35px;font-family:SourceHanSansCN-Bold;;color: #fff}
.Concept .txt p{font-size: 25px;color: #fff;line-height: 35px;}

@media(min-width:1025px){
    .Concept .pic{width: 57%;}
    .Concept .txt{width: 43%;padding-left: 4vw}
}

@media(max-width:1024px){
    .Concept{padding: 10% 0;}
    .Concept .box:not(:last-child){margin-bottom: 3.5em}
    .Concept .pic{margin-bottom: 4%;display: block}
    .Concept .txt{display: block}
    .Concept .txt .tit{font-size: 25px;}
    .Concept .txt p{font-size: 16px;line-height: 30px;}
}


.Video{padding: 10% 0;background: #1a1a1a;background-size: cover;}
.Video .auto{text-align: center;}
.Video .videoBox{display: inline-block;position: relative;}
.Video .videoBox video{width: 100%;}
.Video .videoBox .play{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: url(../png/plays.png)no-repeat center;cursor: pointer;background-size: 70px;}

@media(max-width:1024px){
    .Video .videoBox .play{background-size: 15% auto}
}

#publicity-video {width: 100%;height: 100%;position: absolute;width: 100%;height: 100%;top: 0;left: 0;overflow: hidden;}
#publicity-video video {display: block;}
.msg-box-bg {width: 100%;height: 100%;position: fixed;left: 0;top: 0;display: none;z-index: 1001;background: rgba(0,0,0,0.8);}
.msg-box {width: 60%;height: 70%;background: rgba(0,0,0,0.8);position: absolute;left: 50%;top: 47%;transform: translate(-50%, -50%);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);}
.msg-box .close-box {width: 30px;height: 30px;background: url("../png/btn-close-modal2.png") no-repeat center/contain;cursor: pointer;position: absolute;right: 20px;top: 20px;-webkit-transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-o-transition: .5s;transition: .5s;z-index:10;}
.msg-box .close-box:hover {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
.video-prop {position: relative;width:100%;height:100%;}
@media(max-width:768px){
  .msg-box {width: 90%;height: 60%;}
.video-prop {position: relative; padding-bottom: 100%;height: 0; overflow: hidden;}
.video-prop iframe,
.video-prop video,
.video-prop object,
.video-prop embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
}





.productBox{padding: 10% 0 25%;background: url(../png/bg2.png)no-repeat center bottom #000;position: relative}
/* .productBox::before{content: '';width:151px;height: 156px;background: url(../images/logo.png)no-repeat center;position: absolute;left: 50%;bottom: 2vw;transform: translateX(-50%);} */
.productBox .productBox-title{padding-left: 3vw;padding-bottom: 3vw}
.productBox .new-list2 .productBox-title{padding-left: 0;padding-bottom: 3vw}
.productBox .tit1{font-size:24px;color: #fff;font-family:SourceHanSansCN-Bold;letter-spacing: 2px;text-transform: uppercase}
.productBox .tit2{font-size:18px;color: #fff;}

.product-list1{padding-bottom:8%}
.product-list1 li{float: left;width: 32%;margin-right: 2%}
.product-list1 li:nth-child(3n){margin-right: 0%}
.product-list1 li .pic{overflow: hidden;}
.product-list1 li figure{padding-bottom: 65%;transition: 0.3s all;position:relative}
.product-list1 li figure::before{content: '';width:100%;height: 100%;background: url(../png/shadow.png)no-repeat center;background-size:cover;position: absolute;left: 0%;top: 0;opacity:0;transition: 0.3s all;}
.product-list1 li:hover figure::before{opacity:1}
.product-list1 li:hover figure{transform: scale(1.1)}
.product-list1 li .tit{font-size:18px;color: #fff;text-align: center; margin-top:20px;}
.product-list1 li .tit span{display: inline-block; padding: 5px 20px; background: #d7000f; position:relative;z-index:10;}
.product-list1 li .tit span::before{content: "";position: absolute;z-index:-1;top: 50%;left: 0;width: 100%;height: 1px;background:#fff;opacity: 0;transition: height 0.2s ease, top 0.2s ease, opacity 0s linear 0.2s;}
.product-list1 li .tit span:hover{color: #d7000f;}
.product-list1 li .tit span:hover::before {top: 0;height: 100%;opacity: 1;transition: height 0.2s ease, top 0.2s ease, opacity 0s linear 0s;}

.product-list2{margin-top: 7em}
.product-list2 .pic{position: relative;overflow: hidden}
.product-list2 .productBox-title{position: absolute;bottom: 0;left: 0}
.product-list2 .menuBtn{position: absolute;bottom:3vw;right: 2vw ;width: 58px;height: 58px;background:url(../png/down3.png)no-repeat center rgba(215,0,15,.75);cursor: pointer}
.product-list2 .menuBtn.on{background:url(../png/down2.png)no-repeat center #fff;}
.product-list2 .menuBtn::before{content: "";position: absolute;top: 50%;left: 0;width: 100%;height: 1px;background:url(../png/down4.png)no-repeat center #fff;opacity: 0;transition: height 0.2s ease, top 0.2s ease, opacity 0s linear 0.2s;}
.product-list2 .menuBtn:not(.on):hover::before {top: 0;height: 100%;opacity: 1;transition: height 0.2s ease, top 0.2s ease, opacity 0s linear 0s;}
.product-list2 .CloseBtn{position: absolute;left:100%;bottom:0;width: 58px;height: 58px;background:url(../png/down2.png)no-repeat center rgba(255,255,255,.75);cursor: pointer}

.product-list2 .productBox-list{padding: 2vw;background: #1a1a1a;display: none;position: relative}
.product-list2 .productBox-list li{position: relative;}
.product-list2 .productBox-list li:not(:last-child){margin-bottom: 1%;}
.product-list2 .productBox-list li figure{padding-bottom: 27%;position:relative;transition: 0.3s all;}
.product-list2 .productBox-list li figure::before{content: '';width:100%;height: 100%;background: url(../png/shadow2.png)no-repeat center;background-size:cover;position: absolute;left: 0%;top: 0;opacity:0;transition: 0.3s all;}
.product-list2 .productBox-list li:hover figure::before{opacity:1}
.product-list2 .productBox-list li:hover figure{transform: scale(1.1)}
.product-list2 .productBox-list li .title{position: absolute;left: 3vw;bottom: 3vw;z-index: 10}
.product-list2 .productBox-list li .title .en{font-size:24px;font-family:SourceHanSansCN-Bold;color: #fff}
.product-list2 .productBox-list li .title .cn{font-size:18px;color: #fff}
.product-list2 .productBox-list li .more{font-size: 20px;color: #000;display: inline-block;padding: 3px 20px;background: #d7000f;position: absolute;right: 3vw;bottom: 4vw;z-index: 10}

.product-list2 .productBox-list li dl{display: none;}


.product-list3 li{float: left;width: 48.298%;margin-top: 1%;position: relative}
.product-list3 li::before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../png/boxshaw.png)no-repeat center bottom;z-index: 1}
.product-list3 li:nth-child(2n){float: right;}
.product-list3 .pic{position: relative;overflow:hidden}
.product-list3 .productBox-title{position: absolute;bottom: 0;left: 0;padding-bottom: 2vw;z-index: 10}
.product-list3 figure{padding-bottom: 60%;position:relative;transition: 0.3s all;}
.product-list3 li figure::before{content: '';width:100%;height: 100%;background: url(../png/shadow.png)no-repeat center;background-size:cover;position: absolute;left: 0%;top: 0;opacity:0;transition: 0.3s all;}
.product-list3 li:hover figure::before{opacity:1}
.product-list3 li:hover figure{transform: scale(1.1)}
.product-list3 .menuBtn{position: absolute;bottom:2vw;right: 2vw ;width: 58px;height: 58px;background:url(../png/down3.png)no-repeat center rgba(215,0,15,.75);cursor: pointer;z-index: 10}
.product-list3 .menuBtn::before{content: "";position: absolute;top: 50%;left: 0;width: 100%;height: 1px;background:url(../png/down4.png)no-repeat center #fff;z-index: -1;opacity: 0;transition: height 0.2s ease, top 0.2s ease, opacity 0s linear 0.2s;}
.product-list3 .menuBtn:not(.on):hover::before {top: 0;height: 100%;opacity: 1;transition: height 0.2s ease, top 0.2s ease, opacity 0s linear 0s;}
.product-list3 .menuBtn.on{background:url(../png/down2.png)no-repeat center #fff;}

.product-list3 .productBox-list .item{background: #1a1a1a;position: relative;display: none}
.product-list3 .productBox-list .item1{padding: 5vw;}
.product-list3 .productBox-list .item2{padding:8vw 4vw 2vw;}
.product-list3 .productBox-list .item p{font-size: 15px;color: #fff;line-height: 25px}

.product-list3 dd{float: left;width: 32%;margin-right: 2%}
.product-list3 dd:nth-child(3n){margin-right: 0%}
.product-list3 dd .pic{overflow: hidden;position: relative}
.product-list3 dd figure{padding-bottom: 65%;transition: 0.3s all}
.product-list3 dd:hover figure{transform: scale(1.1)}
.product-list3 dd .tit h1{font-size: 30px;color: #fff;margin: 0;padding: 20px 0 10px}
.product-list3 dd .tit span{font-size: 22px;color: #fff;margin: 0}
.product-list3 dd .pic .play{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: url(../png/plays2.png)no-repeat center;cursor: pointer;z-index: 10}
.product-list3 .CloseBtn{position: absolute;left:100%;bottom:0;width: 58px;height: 58px;background:url(../png/down2.png)no-repeat center rgba(255,255,255,.75);cursor: pointer}

.product-list3 .item2 .more{font-size: 20px;color: #000;display:block;padding: 3px 0px;width: 105px;background: #d7000f;z-index: 10;margin: 12% auto 0;text-align: center;position:relative;}
.product-list3 .item2 .more::before{content: "";position: absolute;top: 50%;left: 0;width: 100%;height: 1px;background:#fff;z-index: -1;opacity: 0;transition: height 0.2s ease, top 0.2s ease, opacity 0s linear 0.2s;}
.product-list3 .item2 .more:hover{color:#d7000f;}
.product-list3 .item2 .more:hover::before {top: 0;height: 100%;opacity: 1;transition: height 0.2s ease, top 0.2s ease, opacity 0s linear 0s;}

@media(min-width:1025px){
.product-list3 .productBox-list .item .fl{float: left;width: 46%;}
.product-list3 .productBox-list .item .fr{float: right;width: 46%;}
}


@media(max-width:1024px){
    .productBox{padding: 10% 0 150px}
    .productBox .tit1{font-size:24px;letter-spacing: 0}
    .productBox .tit2{font-size:16px;}

    .product-list1 li{float: none;width:32.33%;margin-right: 0%;margin-bottom: 2%;float:left;margin-right:1%;}
    .product-list1 li:last-child{margin-right:0;}
    .product-list1 li figure{padding-bottom:125%;}
    .product-list1 li .tit{font-size:14px;line-height:30px;}
    .product-list1 li .tit span {display:block;padding: 5px;}
    .product-list2{margin-top: 4em}
    .new-list2 li a{margin-bottom:20px;}
    .product-list2 .menuBtn{width: 40px;height: 40px;background-size: 50% auto}
    /* .product-list2 .productBox-list{padding: 20px;} */
    .productBox .productBox-title{padding-left:0;}
    .productBox .product-list3 .productBox-title{padding-left:10px;}
    .product-list2 .productBox-list li:not(:last-child){margin-bottom: 2%;}
    .product-list2 .productBox-list li figure{padding-bottom: 50%;}
    .product-list2 .productBox-list li .title .en{font-size: 20px;}
    .product-list2 .productBox-list li .title .cn{font-size: 16px;}
    .product-list2 .productBox-list li .more{font-size: 16px;padding: 3px 10px;}
    .product-list2 .CloseBtn{position: relative;width: 40px;height: 40px;background-size: 50% auto;left: auto;bottom: auto}

    .product-list3 li{float: none;width: 100%;margin-top: 1%;}
    .product-list3 .menuBtn{width: 40px;height: 40px;background-size: 50% auto;}
    .product-list3 dd .pic .play{background-size:40px;}
    .product-list3 .productBox-list .item1{padding: 2vw;}
    .product-list3 .productBox-list .item2{padding:2vw;}
    .product-list3 .CloseBtn{position: relative;width: 40px;height: 40px;background-size: 50% auto;left: auto;bottom: auto}

    .product-list3 dd{float: none;width:49.5%;margin-right: 1%;margin-bottom: 20px;float:left;}
    .product-list3 dd:last-child{margin-right:0;}
    .product-list3 dd .tit h1{font-size:14px;padding: 10px 0 5px;color:#ccc}
    .product-list3 dd .tit span{font-size:12px;color:#ccc}

    .product-list3 .item2 .more{font-size: 16px;padding: 3px 10px;}

    .productBox::before{width:70px;height: 70px;background-size: contain}
}





.tk{position: fixed;width: 100%;height: 100%;left: 0;top: 0;display: none;z-index: 99;background: rgba(0,0,0,0.8);}
.tk .esc{}
.tk .esc {width: 30px;height: 30px;margin: 2% auto 0 auto; background: url("../png/btn-close-modal2.png") no-repeat center/contain;cursor: pointer;-webkit-transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-o-transition: .5s;transition: .5s;}
.tk .esc:hover {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
.tk .rq{height: 100%;}
.tk .rq .rig{background: #1a1a1a;padding: 3vw;max-width: 1200px;margin: 0 auto;max-height: 750px;overflow: auto;position: relative;text-align: center;}
.tk .rq .rig dd{display: inline-block; width: 22.5%;margin: 1%}
.tk .rq .rig dd figure{padding-bottom: 100%;}
.tk .rq .rig dd .text h1{font-size:16px;color: #fff;text-align: center;font-weight: normal;}

.tk .rq .rig.scrollbar1::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);border-radius: 5px;background-color: rgba(0,0,0,0.1);;}
.tk .rq .rig.scrollbar1::-webkit-scrollbar{width: 5px;background-color: rgba(0,0,0,0);}
.tk .rq .rig.scrollbar1::-webkit-scrollbar-thumb{border-radius: 5px;background-color: #d7000f;;}


@media(max-width:768px){
.tk .rq .rig {max-height:90vh;}
.tk .rq .rig dd{ width: 47.25%;}
.tk .rq .rig dd .text h1{font-size:12px;}
}

@media only screen and (min-width: 770px) {
    .sp {
        display: none !important;
    }
}

@media only screen and (max-width: 769px) {
    .pc {
        display: none !important;
    }
}

.mainArea_enTitle {
    height: 220px;
    margin-top: 35px;
}

.mainArea_enTitle span {
    display: block;
}

.mainArea_enTitle .en {
    line-height: 1;
    font-size: 3.5em;
    letter-spacing: -.01em;
    margin-left: -6px;
}

.mainArea_enTitle .jp {
    font-size: 24px;
    letter-spacing: -.01em;
    margin-top: 11px;
}

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

	.mainArea_enTitle {
		height: auto;
		margin-top: 0px;
	}
    .mainArea_enTitle .en {
        font-size: 45px;
        margin-left: 0;
    }
    .mainArea_enTitle .jp {
        font-size: 16px;
        margin-top: 4px;
    }
}

.sustainability .text {
    max-width: 718px;
    line-height: 2;
    font-size: 16px;
    letter-spacing: .04em;
    margin: 36px auto 0;
}

@media only screen and (max-width: 769px) {
    .sustainability .text {
        max-width: none;
        line-height: 1.714285;
        font-size: 14px;
        margin: 33px auto 0;
    }
}

.sustainability .name {
    text-align: right;
    margin-top: 12px;
}

@media only screen and (max-width: 769px) {
    .sustainability .name {
        margin-top: 5px;
    }
}

.sustainability span {
    display: block;
}

.sustainability .post {
    font-size: 13px;
}

@media only screen and (max-width: 769px) {
    .sustainability .post {
        list-style: 1.615384;
    }
}

.sustainability .sign {
    width: 153px;
    margin: 5px 9px 0 auto;
}

@media only screen and (max-width: 769px) {
    .sustainability-top-message .sign {
        width: 126px;
        margin: 5px 0 0 auto;
    }
}

.sustainability .btnRounder {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 300px;
    height: 51px;
    background: #fff;
    border: 1px solid #000;
    border-radius: 1000px;
    margin: 40px auto 0;
    padding-left: 1.5em;
    padding-right: 1.5em;
    line-height: 1.3;
    font-size: 13px;
}

.sustainability .btnRounder:hover{
    background: #000;
    color: #fff
}

@media only screen and (max-width: 769px) {
    .sustainability-top-message .btnRounder {
        width: 240px;
        font-size: 12px;
        margin-top: 24px;
    }
}

.mainArea_jpTitle {
    min-height: 140px;
    margin-top: 48px;
}

.mainArea_jpTitle span {
    display: block;
}

.mainArea_jpTitle .subTitle {
    line-height: 1;
}

.mainArea_jpTitle .title {
    font-size: 42px;
}

@media only screen and (max-width: 769px) {
.mainArea_jpTitle {
    margin-top: 0;
}
    .mainArea_jpTitle .title {
    font-size: 30px;
}
}

.secTitleLine {
    font-size: 30px;
    border-left: 5px solid #009944;
    margin-bottom: 40px;
    padding: 5px 0 6px 24px;
}

@media only screen and (max-width: 769px) {
    .secTitleLine {
        line-height: 1.4;
        font-size: 20px;
        margin-bottom: 19px;
        padding: 8px 0 12px 24px;
    }
}

.sustainability .section:nth-of-type(n+2) {
    margin-top: 70px;
}

@media only screen and (max-width: 769px) {
    .sustainability .section:nth-of-type(n+2) {
        margin-top: 56px;
    }
}

.sustainability .section .secTitleLine {
    margin-bottom: 33px;
}

@media only screen and (max-width: 769px) {
    .sustainability .section .secTitleLine {
        margin-bottom: 20px;
    }
}

.sustainability .section .subTitle {
    line-height: 1.4;
    font-size: 24px;
    margin-bottom: 18px;
}

@media only screen and (max-width: 769px) {
    .sustainability-approach .approach .subTitle {
        font-size: 20px;
        margin-bottom: 18px;
    }
}

.sustainability .section .subTitle .en {
    display: block;
    font-size: 13px;
    margin-bottom: 2px;
}

.sustainability .section .text2 {
    line-height: 1.6875;
    font-size: 16px;
    letter-spacing: .04em;
}

@media only screen and (max-width: 769px) {
    .sustainability .section .text2 {
        line-height: 1.714285;
        font-size: 14px;
    }
}

.sustainability .section .sdgs {
    border: 1px solid #dcdcdc;
    margin-top: 33px;
    padding: 68px 33px;
}

@media only screen and (max-width: 769px) {
    .sustainability-approach .section .sdgs {
        margin-top: 12px;
        padding: 24px 12px;
    }
}

.sustainabilityExcursion {
    margin-top: 76px;
}

.sustainabilityExcursion_title {
    font-size: 24px;
}

@media only screen and (max-width: 769px) {
    .sustainabilityExcursion_title {
        font-size: 18px;
    }
}

.sustainabilityExcursion_links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px 10px;
    margin-top: 35px;
}

@media only screen and (max-width: 769px) {
    .sustainabilityExcursion_links {
        display: block;
        margin-top: 13px;
    }
}

.sustainabilityExcursion_links > li {
    display: grid;
    grid-template-rows: 90px 1fr;
}

@media only screen and (max-width: 769px) {
    .sustainabilityExcursion_links > li {
        display: block;
    }

    .sustainabilityExcursion_links > li:nth-child(n+2) {
        margin-top: 10px;
    }
}

.sustainabilityExcursion_head,
.sustainabilityExcursion_body {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.sustainabilityExcursion_head {
    position: relative;
    color: #fff;
    background: #009944;
    padding-bottom: 2;
    z-index: 1;
}

@media only screen and (max-width: 769px) {
    .sustainabilityExcursion_head {
        min-height: 90px;
        padding: 18px 0 16px;
    }
}

.sustainabilityExcursion_head::after {
    position: absolute;
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-color: #009944;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, 100%);
    z-index: 1;
}

.sustainabilityExcursion_head .subTitle {
    font-size: 11px;
    text-decoration: underline;
    margin: 0;
}

.sustainabilityExcursion_head .title {
    font-size: 18px;
    margin: 0;
}

@media only screen and (max-width: 769px) {
    .sustainabilityExcursion_head .title {
        font-size: 16px;
        margin-top: 2px;
    }
}

.sustainabilityExcursion_body {
    background: #eaeaea;
    padding: 27px 30px 30px;
}

@media only screen and (max-width: 769px) {
    .sustainabilityExcursion_body {
        padding: 31px 0 40px;
    }
}

.sustainabilityExcursion_body .text2 {
    line-height: 1.6875;
    font-size: 16px;
}

@media only screen and (max-width: 769px) {
    .sustainabilityExcursion_body .text2 {
        line-height: 1.714285;
        font-size: 14px;
    }
}

.sustainabilityExcursion_body .sdgs {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 14px;
}

.sustainabilityExcursion_body .sdgs li {
    width: 64px;
    margin: 0 2px;
}

.new-list2{width:72%;margin:0 auto}
.new-list2 li a{display:block;height:auto;overflow:hidden;margin-bottom:30px;padding-bottom:5px;border-bottom:1px solid #e5e5e5;color:#fff}
.new-list2 li a h1{font-size:16px;font-weight:normal;margin:0;width:70%;float:left}
.new-list2 li a span{font-size:14px;float:right;font-weight:normal}


@media(max-width: 769px){
    .new-list2{width:100%}
    .new-list2 li a h1{font-size:14px;}
  .statusBar .btns {
    position: relative!important;

}
.Banner003184 img{height:300px;object-fit: cover;object-position: center;}
}


.yg{padding: 200px 0 100px;background: #000;}
.yg .item{margin-bottom: 10%;}
.yg .item .fl{width: 18%;}
.yg .item .fr{width: 80%;}
.yg .item .tit{font-size: 18px;color: #fff;font-weight: bold;}
.yg .item .wx{margin-bottom:30px}
.yg .item .wx h2{font-size: 18px;color: #fff;margin: 0;}
.yg .item li{width: 32%;float: left;font-size: 16px;line-height: 2;}
.yg .item li:not(:nth-child(3n)){margin-right: 2%;}
.yg .item li .txt{background: #eee;padding: 10px 20px;}
.yg .item li p{margin: 0;font-size: 14px;line-height: 1.6;color: #666;}
@media(max-width: 1024px){
.yg .item .fl,
.yg .item .fr{width: 100%;}
}
@media(max-width: 640px){
.yg .item li{width: 100%;margin-bottom:30px;}

}



@media(max-width:1024px){
.bgwap{position: absolute;width:100%;height:100%;top:0;background-repeat: no-repeat; background-position: top center;}
.Concept,
.Video,
.productBox{position: relative;background-image: none!important;}
.Concept .auto,
.Video .auto,
.productBox .auto{position: relative;}
}


@font-face {
font-family: 'Alibaba-PuHuiTi-Regular';
src: url("https://file.daiwachina.com/cn/fonts/Alibaba-PuHuiTi/Regular.woff") format("woff");
font-display: swap;
}

@font-face {
font-family: 'Alibaba-PuHuiTi-Bold';
src: url("https://file.daiwachina.com/cn/fonts/Alibaba-PuHuiTi/Bold.woff") format("woff");
font-display: swap;
}

.camp_main {color: #333333; font-family: Alibaba-PuHuiTi-Regular; font-size: .9375vw}

.camp_main a:hover{color: #000}
.camp_main .f100{font-size:5.20833333333333vw}
.camp_main .f48{font-size:2.5vw}
.camp_main .f36{font-size: 1.875vw}
.camp_main .f30{font-size:1.5625vw}
.camp_main .w_1400{max-width: 1400px; width: 96%;}

.camp_main .camp{position: relative;background-repeat: no-repeat; background-size:100%}
.camp_main .camp[rel="bg_t"]{background-position: center top}
.camp_main .camp[rel="bg_b"]{background-position: center bottom}

.camp_main .logo{position: absolute; padding:2%;max-width: 16%; z-index:10}

.camp_main .part1 img{width: 100%;}
.camp_main .part1 .slick-dots { position: absolute;width: 100%;  padding: 0;  margin: 0;  list-style: none; text-align: center; transform: translateY(-50%);top: 50%; right: 40px; bottom: auto; width: auto; z-index: 10 }
.camp_main .part1 .slick-dots li {padding: 0; cursor: pointer; display: block; position: relative; width: 34px; height: 34px; margin: 16px 0; border: 1px solid rgba(255, 255, 255, 0); border-radius: 100%; transition: .3s;}

.camp_main .part1 .slick-dots li button{ font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0;
    outline: none; background: transparent;}
.camp_main .part1 .slick-dots li button:hover,
.camp_main .part1 .slick-dots li button:focus{ outline: none;}
.camp_main .part1 .slick-dots li button:hover:before,
.camp_main .part1 .slick-dots li button:focus:before{ opacity: 1;}
.camp_main .part1 .slick-dots li button:before{  font-family: 'slick';  font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px;    content: '•';  text-align: center;  opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.camp_main .part1 .slick-dots li.slick-active button:before{  opacity: .75; color: black;}


.camp_main .part1 .slick-dots li.slick-active { border: 1px solid rgba(255, 255, 255, .4);}
.camp_main .part1 .slick-dots li button:before { content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 5px; height: 5px; border-radius: 100%;
  background: #fff; transform: translate(-50%, -50%); opacity: 1;}
.camp_main .part1 .c-indicator__circle { width: 34px; height: 34px; top: 50%; left: 50%; margin: auto; position: absolute; transform: translate(-50%, -50%); outline: none;}
.camp_main .part1 .c-indicator__circle circle { stroke-dasharray: 160;  stroke-dashoffset: 160;  fill: transparent;}
.camp_main .part1 .slick-dots li.slick-active .svg-elem-1 { -webkit-animation: animate-svg-stroke-1 8.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;  animation: animate-svg-stroke-1 8.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;}
.camp_main .part1 .slide-animation{  animation: fadezoom 12s 0s forwards;}

.camp_main .part2 .info{ text-align: center; padding:4% 0;}
.camp_main .part2 .pic{width: 56.25%;margin: 0 auto;}
.camp_main .part2 .txt{ padding:1% 0;}
.camp_main .part2 video{width: 100%; display: block}

.camp_main .part3 {background:#ebebeb}
.camp_main .part3 .pic img{width: 100%}
.camp_main .part3 .info{padding:8% 0; line-height:1.6;max-width:1050px;margin: 0 auto;text-align: center;}

.camp_main .part4{ padding-bottom:4%;background:#ebebeb}
.camp_main .part4 .tit{text-align: center; padding:8% 0;font-family: Alibaba-PuHuiTi-Bold}
.camp_main .part4 .info{padding-bottom:10%}
.camp_main .part4 .ytable-cell{vertical-align: bottom}
.camp_main .part4 .fl_box{width: 40.27777777777778%}
.camp_main .part4 .fr_box{padding-left: 8.33333333333333%}
.camp_main .part4 .photo{padding:7% 0}

.camp_main .part5 .bg{position:absolute; width: 100%;}
.camp_main .part5 .bg img{display: block; width: 100%}
.camp_main .part5 .bg[rel="bg_t"]{ top:-1px}
.camp_main .part5 .bg[rel="bg_b"]{ bottom:-1px}
.camp_main .part5 video{ width: 100%;}

.camp_main .part6 .item{text-align: center; position: relative}
.camp_main .part6 .txt{ padding:40px 0}
@media(min-width:1921px){
.camp_main .part6 .txt h4{min-height: 120px;}
}
.camp_main .part6 .txt h4{line-height:1.5; margin-bottom:10px;font-weight: normal;}
.camp_main .part6 .txt span{border: solid 2px #333333; display: inline-block;  line-height: 1.5; border-radius: 100px;padding:0 20px;}
.camp_main .part6 .hot_item .txt a:hover span,
.camp_main .part6 .list_item .item a:hover span{color: #fff; background: #333;}

.camp_main .part6{padding-top:10%; padding-bottom:8%; }
.camp_main .part6 .hot_item{padding-bottom:6%}
.camp_main .part6 .hot_item .txt{position: absolute; max-width: 600px; width: 100%; bottom: 0; left: 0; right: 0; margin: auto}
.camp_main .part6 .hot_item .txt a{display: inline-block}
.camp_main .part6 .list_item .pic{padding-bottom: 100%; position: relative}
.camp_main .part6 .list_item .pic img{position: absolute; max-height: 100%; margin: auto; left: 0; right: 0; top: 0; bottom: 0}
.camp_main .part6 .list_item .item{float: left; width: 33.333%; padding:8% 0.595%;}
.camp_main .part6 .list_item .item a{display: block; transition: 0.5s}
.camp_main .part6 .list_item .item a:hover{transform: translateY(-30px)}

.camp_main .part7 .info{position: absolute; width: 100%; top: 50%; text-align: center; color: #fff; transform: translate(0,-50%)}
.camp_main .part7 .info span{display: block}
.camp_main .part7 .info span.en{width: 47.44791666666667%; margin: auto;}
.camp_main .part7 img{width: 100%;}

@media(max-width:768px){
.camp_main .part3 .info{padding:8%;}
.camp_main{font-size: 15px;}
.camp_main .f48{font-size:3.8vw}
.camp_main .part4 .f48{font-size:4.8vw}
.camp_main .f36{font-size: 3.6vw}
.camp_main .f30{font-size:17px}

.camp_main .part1 .slick-dots li,
.camp_main .part1 .c-indicator__circle { width: 30px; height: 30px;}

.camp_main .part2 .info{padding: 6% 0}

.camp_main .part3 .ytable-cell{display: block; width: 100%}

.camp_main .part4 .tit{padding:10% 0}


.camp_main .part6{background:none!important; padding-bottom:0}
.camp_main .part6 .hot_item .txt{position: relative}
.camp_main .part6 .list_item .item{ width:50%;}
.camp_main .part6 .txt span{line-height: 2; }
.camp_main .part6 .txt h4{height:48px;}
.camp_main .part7 .info span.en{    width: 60%;}
}

@keyframes fadezoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.16);
  }
}
@-webkit-keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 159.07963267948966px;
    stroke-dasharray: 159.07963267948966px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 159.07963267948966px;
  }
}

@keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 159.07963267948966px;
    stroke-dasharray: 159.07963267948966px;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 159.07963267948966px;
  }
}




.part2 .info,
.part2 .video,
.part3 .pic,
.part3 .info,
.part4 .tit,
.part4 .info,
.part4 .pic,
.part4 .img,
.part4 .photo,
.part5 .video,
.part6 .hot_item,
.part6 .list_item,
.part7 .info .en,
.part7 .info .cn{
    opacity: 0;
    transition: 0.7s;
    transition-delay: .5s;
    -webkit-transform: translate(0, 30px);
    -moz-transform: translate(0, 30px);
    -ms-transform: translate(0, 30px);
    -o-transform: translate(0, 30px);
    transform: translate(0, 30px);
}
.part4 .info,
.part7 .info .en{ transition-delay: .3s;}

.part2 .info.is-active,
.part2 .video.is-active,
.part3 .pic.is-active,
.part3 .info.is-active,
.part4 .tit.is-active,
.part4 .info.is-active,
.part4 .pic.is-active,
.part4 .img.is-active,
.part4 .photo.is-active,
.part5 .video.is-active,
.part6 .hot_item.is-active,
.part6 .list_item.is-active,
.part7 .info .en.is-active,
.part7 .info .cn.is-active{
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.warning {font-size:14px; color:#555; line-height:1.75em; margin-top:1em;}




/* 大师赛频道 */
.master-box{ background:#000; padding-bottom:100px;}
.master-ban img{ width:100%;}
.master-box .pr{ position:relative;}
.master-box .tit-box{ color:#fff;}
.master-box .tit-box .tit-en{ font-weight:bolder; font-size:48px; text-transform: uppercase;}
.master-box .tit-box .tit-cn{ font-size:36px;}
.master-ban{ margin-top:50px; position:relative;}
.master-ban .text{ text-align:center; color:#fff; position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%);}
.master-ban .text .tit{ margin:40px 0; font-size:60px; font-family:SourceHan-Bold;}
.master-ban .text .wenz{ display:flex; justify-content:center; font-size:70px;}
.master-ban .text .Juz{ text-align:right; font-weight:bold;}
.master-one{ padding:90px 0; color:#fff;}
.master-one .data-txt{ display:none;}
.master-one .title{ line-height:1; font-size:72px; font-family:'优设标题黑'; text-decoration:underline; text-decoration-color:#0c3641; text-underline-offset:-5px; text-decoration-thickness:15px;}
.master-one .des{ margin-bottom:20px; font-size:40px; font-family:'优设标题黑'; text-decoration:underline; text-decoration-color:#0c3641; text-underline-offset:1px; text-decoration-thickness:8px;}
.master-one .print,
.master-one .txt{ line-height:1.8; font-size:28px; font-family:'黑体'; text-decoration:underline; text-decoration-color:#0c3641; text-underline-offset:1px; text-decoration-thickness:8px;}
.master-one p{ margin:0;}
.master-one .print{ min-height:345px;}
.master-two .con-img{ padding:80px 0 150px; text-align:center;}
.master-three{ padding:115px 0; background-image:url(../png/master-back.png); background-position:top center; background-repeat:no-repeat;}
.master-three .list{ padding-top:45px;}
.master-three .list li{ margin-bottom:40px; font-size:24px; border-bottom:solid 1px #fff;}
.master-three .list li a{ padding:10px 0; color:#fff; display:flex; align-items:center; justify-content:space-between;}
.master-three .list li .tit{ width:calc(100% - 150px); display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.master-three .list li .anuiu{ display:flex; align-items:center; font-size:20px;}
.master-three .list li .anuiu::after{ content:''; display:block; background:#fff url(../png/master-arrow.png); width:20px; height:20px; margin-left:10px;}
.master-three .list li:last-child{ margin-bottom:0;}

@media(max-width:1366px){
.master-ban .text .tit{ margin:20px 0; font-size:40px;}
.master-ban .text .wenz{ font-size:50px;}
}

@media(max-width:1024px){
.master-ban .text .icon img{ max-width:60%;}
.master-ban .text .tit{ margin:10px 0; font-size:30px;}
.master-ban .text .wenz{ font-size:40px;}
}

@media(max-width:768px){
.master-one{ padding:50px 0;}
.master-one .title{ font-size:52px;}
.master-one .des{ font-size:28px;}
.master-one .print,.master-one .txt{ font-size:21px;}
.master-one .print{ min-height:265px;}
.master-three{ padding:50px 0;}
.master-three .list li{ font-size:18px;}
.master-three .list li .anuiu{ font-size:16px;}
}


@media(max-width:640px){
.master-ban .text .tit{ font-size:20px; margin:5px 0;}
.master-ban .text .wenz{ font-size:20px;}
.master-box .tit-box .tit-en{ font-size:28px;}
.master-box .tit-box .tit-cn{ font-size:22px;}
.master-two .con-img{ padding:15%;}
.master-three .list{ padding-top:15px;}
.master-three .list li{ margin-bottom:10px;}
.master-three .list li .tit{ width:calc(100% - 100px);}
}

.figure{position:relative;overflow:hidden;display:block;}
.figure img{width:100%;display:block;}
.figure .img{position:absolute;left:0;top:0;height:100%;object-fit:cover;}
.figure .img.wap{display:none}
.slidesbox{position:relative;}
.slidesbox .pic{position:relative;background:no-repeat center center;background-size:cover;display:block;padding-bottom:58%; border-radius:5px;}
.slidesbox .figure{padding-bottom:100vh;}
.slidesbox .small{width:39.6875%;position:absolute;bottom:4.73684211%;right:9.0625%;z-index:2;overflow:hidden;}
.slidesbox .small .slick-list{margin:0 -2.5px;}
.slidesbox .small .item{padding-bottom:6.5px; position:relative;z-index:1;}
.slidesbox .small a{display:block;margin:2.5px 2.5px 0;}
.slidesbox .small a:before{position:absolute;left:2.5px;right:2.5px;height:3px; bottom:0;content:'';background-color:rgba(38,38,38,0.6);}
.slidesbox .small .slick-current a:before{background-color:#ffff03;}
.slidesbox .small .slick-dots{background-color:rgba(38,38,38,0.6);height:3px;border-radius:1.5px;display:flex;margin-top:6.5px;}
.slidesbox .small .slick-dots li{flex-grow:1;}
.slidesbox .small .slick-dots button{width:100%;height:100%;position:relative;text-indent:-9999em;overflow:hidden;display:block;border:none;border-radius:0;background-color:transparent;}
.slidesbox .small .slick-dots .slick-active{background-color:#ffff03;}
.innerslide .figure{padding-bottom:65.52083333%;}
.innerslide .small{right:auto;left:8.02083333%;bottom:11.92368839%;}
@media only screen and (max-width:1024px){
    .slidesbox .small{width:80%;right:auto;left:4%;bottom:10%;}
	.figure .img.pc{display:none}
	.figure .img.wap{display:block}
	.slidesbox .figure,
    .innerslide .figure{padding-bottom:133.335%;}
}
@media only screen and (max-width:640px){

   .slidesbox .small{ bottom:2%; width:60%;}
}

@keyframes mouse{
    0%{opacity:1;}
    50%{opacity:0.5;}
    100%{opacity:0.2;}
}

/*tips*/
#tips{position:fixed;right:8.33333333%;top:48.95833333%;z-index:9;color:#fff;font-size:14px;line-height:1.25em;display:flex;flex-direction:column;align-items:center;transition:all 0.2s;}
#tips.active{color:#555;}
#tips .text{display:block;width:1em;text-align:center;margin-bottom:0.57142857em;}
#tips .mouse{display:block;width:calc(15 / 14 * 1em);height:calc(41 / 14 * 1em);border-radius:calc(10 / 14 * 1em);border:solid 0.0952381em #ffffff;display:flex;flex-direction:column;align-items:center;justify-content:flex-start; padding-top: .35em;}
#tips .mouse i{display:block;width:calc(2 / 14 * 1em);height:calc( 6 / 14 * 1em);border-radius:1px;background-color:#f8f8f8;margin:0.07142857em 0;animation:mouse 2s linear 0s infinite;}
#tips .mouse i:nth-child(2){opacity:0.5;animation:mouse 2s linear 0.5s infinite;}
#tips .mouse i:nth-child(3){opacity:0.2;animation:mouse 2s linear 1s infinite;}
@media only screen and (max-width:1024px){
    #tips{font-size:19px;}
}
@media only screen and (max-width:768px){
    #tips{font-size:17px;top:70%;}
    #tips.active{display:none;}
    #tips .text{font-size:0.875em;}
}

/*wrapper*/
.wrapper{background:#fff url(../png/bgimg_02.png) repeat-y center top;background-size:100% auto;padding:0 4%;font-size:16px;}
.wrapper .auto{position:relative;padding:4.42708333% 0 5.3125em;}
@media only screen and (max-width:768px){
    .wrapper .auto{padding:7% 0 6em;}
}
.auto_936{max-width:936px;}
.auto_990{max-width:990px;}
.auto_1100{max-width:1100px;}

/*infobox*/
.infobox{display:flex;flex-direction:column;align-items:center;margin-bottom:13.56837607%;}
.infobox:last-child{margin-bottom:0;}

/*ibox*/
.ibox{background-color:#fafafb;box-shadow: .3974375em .6360625em .5625em 0px rgba(33, 33, 33, 0.08); border-radius:1.4375em;}


/*bxtop*/
:root{
	--fsbxtop:52;
}
.bxtop{font-size:52px;}
.bxtop .title{font-size:0.7em;line-height:1;color:#212121;font-family:SourceHanSansCN-Bold;background:url(../png/wave_line.png) repeat-x left bottom;background-size:auto calc(15 / var(--fsbxtop) * 1em );padding-bottom:calc( 25 / var(--fsbxtop) * 1em);margin:0; }
/* .bxtop .title span{color:#003b8f;display:inline-block;} */
.bxtop .alias{font-size:calc(33.65 / var(--fsbxtop) * 1em);line-height:1;color:rgba(0,0,0,0.2);font-style:italic;font-family:SourceHanSansCN-Heavy;width:100%;display:flex;justify-content:flex-end;align-items:first baseline; margin-bottom:.3em; font-weight: bold;}
.bxtop .alias span{display:block; }
.bxtop .alias i{font-size:calc(17.09 / 33.65 * 1em);  font-family: 'SourceHanSansCN-Heavy'; font-style: normal; font-weight: bold;}
.bxtop .alias img{display:block;width:auto;height:1.11764706em; display:none;}
@media only screen and (max-width:1024px){
    .bxtop{font-size:6.34765625vw;}
}

/*guide*/
.guide{ margin-bottom: 10.968376%;}
.guide .ibox{width:100%;margin-top:5.999999%;padding:3.125em 1.875em;position:relative;box-shadow: .3974375em .6360625em .5625em 0px rgba(33, 33, 33, 0.08);  background-color: #fafafb;}
/* .guide .ibox:before{width:4em;height:4.375em;background:url(../images/guide_icon_01.png) no-repeat center center;position:absolute;left:6.94444444%;bottom:0;margin-bottom:4.05982906%;content:'';display:block;} */
.guide .intro{text-align:center;font-size:1.375em;line-height:calc(36 / 22);color:#000000;position:relative;z-index:2; font-family: 'SourceHanSansCN-Medium';}
.guide .intro p{margin:0;}
@media only screen and (max-width:768px){
    .guide .intro{font-size:2.99479167vw;}
}

/*choose*/
.choose{margin-bottom:3.5em!important;}
.choose .alias{justify-content:flex-start;margin:0 -8.65384615%;}
.choose .title{ margin-bottom:0.23076923em;padding-bottom:calc( 30 / var(--fsbxtop) * 1em);}
.choose .list{width:calc(100% + 1em);display:flex;flex-wrap:wrap;margin:9.24188% 0.5em 0;font-size:16px; gap:calc( 30 / 16 * 1em - 1em) 0; }
.choose .figure{padding-bottom:61.123429%;}
.choose .img{object-fit:contain;}
.choose .name{margin:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:calc(23 / 16 * 1em);line-height:1.35em;margin-bottom:0.34615385em;}
.choose .btn{display:flex;justify-content:center;}
.choose .btn span{display:block;background-color:#ffffff;box-shadow:0.05555556em 0.22222222em 0.88888889em 0px rgba(1,23,61,0.2);border-radius:calc( 15.73 / 16 * 1em);border:solid 1px rgba(225,225,225,0.29);font-size:1em;line-height:calc( 32 / 16 );padding:0 1em;color:rgba(0,0,0,0.8); min-width:calc(137 / 16 * 1em); text-align:center; font-family: 'SourceHanSansCN-Medium';}
.choose .btn span:hover{background-color:#000;color:#fff;}
.choose .item{width:33.333%;padding:0.5em;}
.choose .item a{display:block;overflow:hidden;color:#000;padding:1.375em 0.6875em .85em; }
.choose .item a:before{ content:''; display:block; width:calc(37 / 16 * 1em); height:calc(7 / 16 * 1em); background:url(../png/item_line.png) no-repeat center; background-size:contain; margin:0 auto calc(15 / 16 * 1em);}
.choose .more{display:flex;align-items:center;justify-content:center;flex-grow:1 1;}
.choose .more span{font-size:calc(23 / 16 * 1em);line-height:1.5em;font-family:SourceHanSansCN-Bold;}
@media only screen and (max-width:1024px){
    .choose .list{font-size:1.5625vw;}
}
@media only screen and (max-width:768px){
    .choose .item{width:50%;}
    .choose .more{flex-grow:1;}
    .choose .list{font-size:2.34375vw;}
}

/*slogan*/
.slogan{display:flex;justify-content:flex-end;color:#d4d4d4;font-size:16px;position:absolute;bottom:1em;right:0;}
.slogan .box{font-size:0.6875em;position:relative;font-style:italic;}
.slogan .box p:first-child{font-style:normal;position:absolute;top:-0.27777778em;font-family:SourceHanSansCN-Bold;font-size:1.63636364em;line-height:1em;right:6.66666667em;}
.slogan .box span{font-size:3.63636364em;line-height:1em;font-family:SourceHanSansCN-Bold;}
@media only screen and (max-width:768px){
    .slogan{font-size:14px;}
}

/*movie*/
.movie{background-color:#003b8f;color:#fff;padding:5.46875% 4% 6.25%;}
.movie .top{text-align:center;font-size:16px;display:flex;flex-direction:column;align-items:center;margin-bottom:7.272999%;}
.movie .title{font-size:3.25em;line-height:1.125em;margin:0; font-family: 'SourceHanSansCN-Medium'; font-weight: normal;}
.movie .name{font-size:1.4375em;line-height:2;margin:0; }
.movie .current{margin-bottom:0.3125em;}
.movie .video{padding-bottom:58.6582049%;position:relative;}
.movie .video iframe,
.movie .video video{display:block;width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;}
.movie .video span{display:none;width:11.42339075%;padding-bottom:11.42339075%;background:url(../png/play_01%402x.png) no-repeat center center;background-size:cover;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);cursor:pointer;z-index:5;opacity:0.9;transition:all 0.2s;}
.movie .video span:hover{opacity:1;transform:translate(-50%,-50%) scale(1.1);}
.movie .list .bg{padding-bottom:54.54545455%;background:no-repeat center center;background-size:cover;display:block;}
.movie .list a{display:block;overflow:hidden;position:relative; padding-bottom:6.5px;}

.movie .list a{display:block;margin:2.5px 0 0; position:relative;z-index:1;}
.movie .list a:before{position:absolute;left:0;right:0;height:3px; bottom:0;content:'';background-color:#ffffff;}
.movie .list .slick-current a:before{background-color:#ffff03;}
.movie .list a:after{width:17.85714286%;padding-bottom:17.85714286%;background:url(../png/play_01%402x.png) no-repeat center center;background-size:contain;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;display:block;content:'';transition:all 0.2s;}
.movie .list a:hover:after{transform:translate(-50%,-50%) scale(1.1);}
.movie .slick-arrow{position:absolute;top:50%;transform:translateY(-50%);font-size:16px;width:1.875em;height:1.875em;text-indent:-9999em;overflow:hidden;border-radius:50%;background-color:#000;z-index:5;}
.movie .slick-prev{left:0.25em;}
.movie .slick-next{left:auto;right:0.25em;}
.movie .next{font-size:16px;margin-top:5.18181818%;}
.movie .next a{font-size:1.8125em;color:#000000;background-color:#fff;height:1.93103448em;width:11.03448276em;border-radius:0.96551724em;display:flex;align-items:center;justify-content:center;margin:0 auto;}
.movie .next a:hover{background-color:#000;color:#fff;}
.movie .next a:hover i{background-image:url(../png/arrow_next_02.png);}
.movie .next i{font-style:normal;padding-right:3em;background:url(../png/arrow_next_01.png) no-repeat right center;background-size:0.72413793em auto;}
@media only screen and (max-width:1024px){
    .movie .next,.movie .top,.movie .slick-arrow{font-size:1.5625vw;}
}
@media only screen and (max-width:768px){
    .movie{padding:7% 0;}
}

/*iname*/
.iname{font-size:35px;line-height:calc(73 / 62);text-align:center;background:none;color:#212121;font-family:SourceHanSansCN-Bold;margin:0;}
/* .iname span{color:#003b8f;} */
.ialias{font-size:26px;line-height:2em;text-shadow:1px 0px 0px #262626,0px 1px 0px #262626,-1px 0px 0px #262626,0px -1px 0px #262626;color:#fff;opacity:0.6;}
.itop{display:flex;flex-direction:column;align-items:center;text-align:center;}
.itop .iname{background:url(../png/wave_line.png) repeat-x bottom center;background-size:auto 0.27777778em;padding-bottom:0.32258em;}
@media only screen and (max-width:1024px){
    .iname{font-size:5vw;}
    .ialias{font-size:2.5390625vw;}
}
@media only screen and (max-width:768px){
    .ialias{font-size:2.86458333vw;}
}

/*together*/
.together{background-image:linear-gradient(360deg,#013c8f,#fff);padding:3.14025% 4% 3.663167%; margin-top: 2.6%;}
.together .iname{margin-bottom:9.092%;}
.together .figure{max-width:870px;margin:0 auto 3.03030303%;}
.together .ibox{max-width:847px;margin:0 auto;}
.together .info{padding:1.55em 1.5625em 1.375em;text-align:center;font-size:16px;}
.together .title{font-size:2.1875em;line-height:1.35em;margin:0;color:#2c2c2c;font-family:SourceHanSansCN-Bold;margin-bottom:0.28571429em;}
.together .intro{color:#313131;font-size:1.25em;line-height:1.6em;text-align:justify;text-align-last:center;font-family:SourceHanSansCN-Medium;}

@media only screen and (max-width:1024px){
    .together .info{font-size:1.5625vw;}
}
@media only screen and (max-width:768px){
    .together{padding-top:5em;padding-bottom:5%;}
    .together .info{font-size:9px;}
}

/*categories*/
.categories{max-width:873px;margin:0 auto 1.307331%;overflow:hidden;}
.categories ul{display:flex;flex-wrap:wrap;width:101.26002291%;}
.categories li{font-size:23px;width:25%;  padding:0 1.24434389% 1.24434389% 0;font-family:SourceHanSansCN-Bold;}
.categories .more{width:50%;}
.categories span{background-color:#ededed;border:solid 1px rgba(225,225,225,0.29);display:block;text-align:center;color:#000;border-radius:0.17857143em;}
.categories i{font-style:normal;background:no-repeat right center;background-size:0.82142857em auto;padding:0 1.42857143em;}
.categories a{background-color:#212121;color:#fff;position:relative;height:100%;line-height: calc(37 / 23); text-align:center;display:block;}
.categories .cur a,.categories a:hover{background-color:#003b8f;color:#fff;}
/* .categories .cur a i,.categories a:hover i{background-image:url(../images/arrow_down_01.png);} */
@media only screen and (max-width:1024px){
    .categories li{font-size:2.734375vw;}
}
@media only screen and (max-width:768px){
    .categories li{font-size:3.125vw;}
}

/*submenu*/
.submenu{max-width:873px;margin:0 auto 3.113%; }
.submenu ul{display:flex;flex-wrap:wrap;border-top:1px solid #2c2c2c;font-size:16px;}
.submenu li{border-bottom:1px solid #2c2c2c;width:25%;padding:0.3423em 1.14547537%;font-size:calc(19 / 16 * 1em);line-height:calc(32 / 19);text-align:center;font-family: 'SourceHanSansCN-Medium';}
.submenu a{display:inline-block;color:#000;border-radius:0.86956522em;min-width: calc(130 / 19 * 1em); padding:0 .5em;}
.submenu i{font-style:normal;background:no-repeat right center;background-size:0.91304348em auto;}
.submenu .cur a,.submenu a:hover{background-color:#003b8f;color:#fff;}
/* .submenu .cur a i,.submenu a:hover i{background-image:url(../images/arrow_down_01.png);padding-right:1.30434783em;} */
@media only screen and (max-width:1024px){
    .submenu li{font-size:2.24609375vw;}
}
@media only screen and (max-width:768px){
    .submenu li{font-size:2.60416667vw;}
}


/*prolist*/
.prolist {max-width: 873px; margin:0 auto;}
.prolist .slick-slider{ margin:0 -.3974375em;}
.prolist .item{font-size:16px;padding:0.625em 0.469em 0;}
.prolist .info{background-color:#fff;box-shadow: .3974375em .6360625em .5625em 0px rgba(33, 33, 33, 0.08); border-radius:1.0625em;padding:1.25em 0 1.5em;margin-bottom:1.25em;}
.prolist .title{text-align:center;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1em;line-height:1.35em;margin-bottom:.625em; padding:0 1em;}
.prolist .figure{margin:0 auto;max-width:100%;}
.prolist .figure:after{display:block;padding-bottom:118.4%;content:'';}
.prolist .img{object-fit:contain; transition:all 0.5s;}
.prolist .figure .img{object-fit:cover;}
.prolist .more{color:#fff;font-size:1.25em;line-height:1.85em;text-align:center;max-width:7.75em;margin:0 auto;background-color:#3b3b3b;border-radius:0.9em; display:none;}
.prolist a{display:block;color:#262626;}
.prolist .slick-arrow{position:absolute;top:50%;transform:translateY(-50%);font-size:16px;width:2.5em;height:2.5em;text-indent:-9999em;overflow:hidden;border-radius:50%;background-color: #171717;z-index:5;cursor:pointer}
.prolist .slick-prev{left:0.25em;}
.prolist .slick-next{right:0.25em;}
.prolist .slick-arrow:before{content:'';top:0;display:block;position:absolute;width:100%;height:100%;background:url(../png/arrow_next_02.png) no-repeat center center;background-size: 15px;}
.prolist .slick-prev:before{transform:rotate(-180deg)}
.prolist .slick-next:before{}
.prolist .slick-disabled{opacity:0.2; cursor:default}
@media only screen and (max-width:1024px){
    .prolist .item{font-size:1.5625vw;}
}
@media only screen and (max-width:768px){
    .prolist .item{font-size:2.08333333vw;}
}

/*tools*/
.tools{margin-bottom:9.09090909%;}
.tools .ibox{padding:4.54545455% 8.08080808% 3.73737374%;font-family:SourceHanSansCN-Bold;margin-top:4.04040404%;}
.tools .tab{display:flex; flex-wrap:wrap;font-size:25px;line-height:calc(37/25);margin-bottom:1.447%; margin-left:-.26em; margin-right:-.26em}
.tools .tab.tab_warp{flex-wrap: nowrap;}
.tools .tab.tab_warp span{width:100%;}
.tools .tab span{width:31.78%;background-color:#262626;display:block; text-align:center;cursor:pointer;color:#fff; margin:0 .26em .52em;}
.tools .tab span.cur{background-color:#003b8f;}
.tools .item{padding-bottom:62.65060241%;background:no-repeat center center;background-size:contain;position:relative;display:none;}
.tools .item:first-child{display:block;}
.tools .item ul {margin:0; padding:0;}
.tools .item li{list-style:none; color:#1f1f1f;font-size:20px;border-bottom:0.08em solid #000;line-height:1.5em;position:absolute;white-space:nowrap;}
.tools .item li:nth-child(1){top:23.30769231%;right:57.305181%;padding-right: 5%;}
.tools .item li:nth-child(2){top:28.923077%;left:54.226506%;padding-left:4.3373494%;}
.tools .item li:nth-child(3){top:68.84615385%;left:24.142169%;padding-left:15.33494%;}
.tools .item li:nth-child(4){top:77.5%;left:28.215663%;padding-left:5.722892%;}
.tools .item li:nth-child(5){top:86.923077%;left:27.554217%; padding-left:3.166265%;}
@media only screen and (max-width:1024px){
    .tools .item li{font-size:2.44140625vw;}
}
@media only screen and (max-width:768px){
    .tools .tab{font-size:3.90625vw;}
    .tools .ibox{padding-left:5%;padding-right:5%;}
}

/*propost*/
.propost{padding:5.233% 4% 4.8%;background:url(../png/bgimg_02.png) repeat-y top center;background-size:100% auto;}
.propost .tools .ibox{margin-top: 4.64040404%; background-color: #f8f9fc;}


@media only screen and (max-width:768px){
    .propost{padding-top:8.07291667%;padding-bottom:8.07291667%;}
}

/*selection*/
.selection .itop{position:relative;}
.selection .itop:after{font-size:16px;width:2.625em;height:3em;background:url(../png/fish_01.png) no-repeat center center;background-size:contain;display:block;content:'';position:absolute;right:20.60606061%;top:0;margin-top:2.42424242%; display:none; }
.selection .ibox{font-size:16px;padding:2.5em 0 1.625em;margin-top:1.825253%;margin-bottom:0.75em; background:none; box-shadow:none;}
.selection .warning{display:flex;justify-content:center;font-size:1em;color:#000000;font-family:SourceHanSansCN-Bold;line-height:2em;margin-top: .5em;}
.selection .warning span{display:block;position:relative;}
.selection .warning span:before,.selection .warning span:after{width:calc(67 / 16 * 1em);padding-bottom:1px;background:no-repeat center center;background-size:100%;position:absolute;top:50%;transform:translateY(-50%);display:block;content:'';}
.selection .warning span:before{right:100%;margin-right:0.57894737em;background-image:url(../png/warning_left.png);}
.selection .warning span:after{left:100%;margin-left:0.57894737em;background-image:url(../png/warning_right.png);}
.selection_news{ padding-top:2em;}
.selection_news .ibox{ margin-bottom:-1.5em; padding-bottom:0;}
.selection_three{}
.selection_three{ margin-top:0em;}
.selection_three .ibox{ margin-bottom:-3.5em; padding-bottom:0;}
@media only screen and (max-width:768px){
    .selection .itop:after{font-size:2.08333333vw;}
    .selection .ibox{padding:1.25em 1em;}
    .selection .warning{font-size:2.47395833vw;}
}

.fish-ani img{animation:2s 3s infinite fadeIn}

/*20250606 memberClub*/
.memberClub{--fs_default:14 * 1em}
.memberClub .url{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;}
.memberClub .banner{position:relative;z-index:1}
.memberClub .banner :where(img,video){display:block;width:100%;}
.memberClub .auto{max-width:1490px;margin:0 auto;width:90%;}
.memberClub .auto > div:not(:last-child){margin-bottom:calc(198 / var(--fs_default));}
.memberClub .intro{padding-top:calc(98 / var(--fs_default));}

.mc-title{text-align:center; margin-bottom:calc(70 / var(--fs_default))}
.mc-title h3{margin:0;font-size:calc(99 / var(--fs_default)); font-family:'SourceHanSansCN-Bold'; line-height:calc(81 / 99);}
.mc-title .sub-tit{font-size:calc(36 / var(--fs_default));color: #041315; line-height:1;}
.mc-title h3 + .sub-tit{margin-top:calc(29 / 36 * 1em);}

.mc-intro-title{display:flex;justify-content:space-between;border: solid 1px #000000; font-size:calc(48 / var(--fs_default));}
.mc-intro-title :where(span,p){display:flex;align-items:center;font-family:'SourceHanSansCN-Bold';}
.mc-intro-title span{display:block;background-color: #2e81de;flex-shrink:0;color:#fff;line-height:calc(107 / 48);padding:0 calc(50 / 48 * 1em);}
.mc-intro-title p{margin:0;flex:1;color: #041315; padding:0 calc(40 / 48 * 1em);}
.mc-intro-title + .mc-intro-img{margin-top:calc(103 / var(--fs_default));}

.mc-news-list li{position:relative;z-index:1;}
.mc-news-list li:before,
.mc-news-list li:after{position: absolute; left: 0;top: 0;height: 100%;border-top: 1px solid #b2b2b4; content: '';border-bottom: 1px solid #b2b2b4; z-index:1;}
.mc-news-list li:before{width:100%;}
.mc-news-list li:after{width:0;background:#e9eaeb; transition:0.3s;}
.mc-news-list li:hover:after{width:100%;}
.mc-news-list li a{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:3;height:calc(133 / var(--fs_default)); padding:0 calc(15 / var(--fs_default));}
.mc-news-list li a:before{content: '';display:block;width:15px;height:17px;background:#2e81de;border-radius:50%;margin-right:calc(21 / var(--fs_default)); flex-shrink:0;}
.mc-news-list li :where(.tit,time){font-size:calc(30 / var(--fs_default));color: #000000; }
.mc-news-list li .tit{flex:1;}
.mc-news-list li .tit p{margin:0;}
.mc-news-list li time{flex-shrink:0;margin-left:1.5em;}
.mc-news-list + .mc-more{margin-top:calc(94 / var(--fs_default));}

.mc-more{display:flex;justify-content:center;margin-top:calc(80 / var(--fs_default));}
.mc-more a{display:block;font-size:calc(36 / var(--fs_default));padding:0 calc(68 / 36 * 1em);line-height:calc(120 / 36 * 1em);color: #000000; border-radius: calc(60 / 36 * 1em); border: solid 1px #000000;transition:0.3s}
.mc-more a:hover{background:#2e81de;color:#fff; }

.mc-pictures ul{display:flex;justify-content:center;flex-wrap:wrap;}
.mc-pictures li a{display:block;position:relative;z-index:1; overflow:hidden;}
.mc-pictures li .pic figure{padding-bottom:calc(406 / 331 * 100%);background:no-repeat center center;background-size:cover;transition:0.3s;}
.mc-pictures li a:hover .pic figure{transform:scale(1.1);}
.mc-pictures li :where(.txt,time){position: absolute;}
.mc-pictures li time{font-size:calc(18 / var(--fs_default));padding:0 calc(11 / 18 * 1em);line-height:calc(32 / 18);color: #041315;border: solid 1px #000000;border-radius: calc(16 / 18 * 1em); top:20px;right:17px;background:#fff;}
.mc-pictures li .txt{width:100%;height:100%;top:0;left:0;display:flex;align-items:flex-end;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);}
.mc-pictures li .tit{font-size:calc(24 / var(--fs_default));padding:0 calc(22 / 24 * 1em) calc(39 / 24 * 1em);line-height:calc(36 / 24);color:#fff;}
.mc-pictures li p{margin:0;}

.mc-sns{padding-bottom:calc(104 / var(--fs_default));}
.mc-sns ul{display:flex;justify-content:center;flex-wrap:wrap;}
.mc-sns li:not(:last-child){margin-right:calc(82 / var(--fs_default));}
.mc-sns li .icon img{--wh:calc(139 / var(--fs_default));width:var(--wh);height:var(--wh);}
.mc-sns li p{margin:calc(24 / 36 * 1em) 0 0 0;font-size:calc(36 / var(--fs_default)); text-align:center;color: #041315;}

.poster-ban{position:relative;z-index:1;}
.poster-ban .title{position: absolute; left: 0;top: 0;height: 100%;pointer-events: none;width:100%;display:flex;justify-content:center;align-items:center;z-index:10;font-family: 'EB Garamond', serif;font-size: calc(56 / var(--fs_default)); color:#fff; font-weight:100;}
.poster-ban .item{position:relative;z-index:1;}
.poster-ban .item img{display:block;width:100%;}

.memberClub-pankuzu.pankuzu .list li .word{display:flex;justify-content:space-between;flex-direction:column;}
.memberClub-pankuzu.pankuzu .list li dd:not(:last-child){margin-bottom:4em;}
.memberClub-pankuzu.pankuzu .list li .btnRounder{margin:0;}

@media(min-width:1025px){
.mc-pictures li{width:calc((100% - (56 / var(--fs_default)) * 3) / 4)}
.mc-pictures li:not(:last-child){margin-right:calc(56 / var(--fs_default));}
.memberClub-pankuzu{min-height:70vh}
}
@media(max-width:1600px){
.memberClub{--fs_default:17 * 1vw;}
}
@media(max-width:1024px){
.mc-pictures li{width:calc((100% - (56 / var(--fs_default))) / 2)}
.mc-pictures li:not(:last-child){margin-right:calc(56 / var(--fs_default));}
.mc-pictures li:nth-child(2n){margin-right:0;}
.mc-pictures li:nth-child(2) ~ li{margin-top:calc(56 / var(--fs_default));}
.mc-pictures li time{font-size:calc(28 / var(--fs_default));}
.mc-pictures li .tit{font-size:calc(36 / var(--fs_default));}
.memberClub-pankuzu.pankuzu .list li .btnRounder{margin-top:40px;}
}
@media(max-width:640px){
.memberClub{--fs_default:30 * 1em;}
.mc-pictures li time{font-size:calc(20 / var(--fs_default));}
.mc-pictures li .tit{font-size:calc(28 / var(--fs_default));}
}