@charset "utf-8";
/* CSS Document */
html,body{ width:100%; height:100%;}
body{ font:14px/1.7 "Microsoft Yahei","微软雅黑", sans-serif, Arial; color:#333; background-color:#fff; overflow-x:hidden;}
a{ text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; outline:none; padding:0; border:none;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
.clear:after{ content:""; display:block; clear:both;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 
input,select,textarea{ -webkit-appearance:none;}
input[type=radio]{ -webkit-appearance:radio;}
input[type=checkbox]{ -webkit-appearance:checkbox;}

/*header*/
@media screen and (min-width:1280px){
.header{ width:100%; position:fixed; left:0; top:0; z-index:999; background-color:#fff;}
.header.pos{ box-shadow:0 0 20px rgba(0,0,0,.1);}
.thead{ width:100%; height:41px; border-bottom:1px solid #eee; box-sizing:border-box; position:relative; z-index:1; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header.pos .thead{ height:0; border:none;}
.thead .yu{ width:1200px; margin:auto; height:40px; display:flex; justify-content:flex-end; align-items:center;}
.thead .yu a{ display:block; font-size:14px; line-height:26px;}
.thead .yu a img{ display:block; height:16px; margin:5px 10px; margin-left:0; float:left;}
.thead .yu a:hover{ color:#0a23b2;}
.thead .yu span{ width:1px; height:12px; display:block; margin-left:20px; margin-right:20px; background-color:#ddd;}
.header .head{ width:1200px; height:100px; margin:auto; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header.pos .head{ height:80px;}
.header .logo{ float:left; height:100%; display:flex; align-items:center;}
.header .logo img{ display:block; max-height:50px;}
.header .logo img.mobile{ display:none;}
.header .nav{ height:100%; float:right; height:100%;}
.header .nav ul{ overflow:hidden; display:block; height:100%;}
.header .nav li{ display:flex; align-items:center; height:100%; float:left; margin-left:50px;}
.header .nav li a{ display:block; font-size:16px;}
.header .nav li.on a,.header .nav li a:hover{ color:#0a23b2;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.header{ width:100%; position:fixed; left:0; top:0; z-index:999; background-color:#fff;}
.header.pos{ box-shadow:0 0 15px rgba(0,0,0,.1);}
.thead{ width:100%; height:39px; border-bottom:1px solid #eee; box-sizing:border-box; position:relative; z-index:1; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header.pos .thead{ height:0; border:none;}
.thead .yu{ width:94%; margin:auto; height:38px; display:flex; justify-content:flex-end; align-items:center;}
.thead .yu a{ display:block; font-size:14px; line-height:26px;}
.thead .yu a img{ display:block; height:16px; margin:5px 7px; margin-left:0; float:left;}
.thead .yu a:hover{ color:#0a23b2;}
.thead .yu span{ width:1px; height:12px; display:block; margin-left:15px; margin-right:15px; background-color:#ddd;}
.header .head{ width:94%; height:80px; margin:auto;}
.header.pos .head{ height:70px;}
.header .logo{ float:left; height:100%; display:flex; align-items:center;}
.header .logo img{ display:block; max-height:50px;}
.header .logo img.mobile{ display:none;}
.header .nav{ height:100%; float:right; height:100%;}
.header .nav ul{ overflow:hidden; display:block; height:100%;}
.header .nav li{ display:flex; align-items:center; height:100%; float:left; margin-left:2.6vw;}
.header .nav li a{ display:block; font-size:16px;}
.header .nav li.on a,.header .nav li a:hover{ color:#0a23b2;}
}
@media only screen and (max-width: 1023px){
.header{ width:100%; position:fixed; left:0; top:0; z-index:999; background-color:#fff;}
.header.pos{ box-shadow:0 0 10px rgba(0,0,0,.1);}
.thead{ width:100%; height:37px; border-bottom:1px solid #eee; box-sizing:border-box; position:relative; z-index:1; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header.pos .thead{ height:0; border:none;}
.thead .yu{ width:94%; margin:auto; height:36px; display:flex; justify-content:flex-end; align-items:center;}
.thead .yu a{ display:block; font-size:14px; line-height:24px;}
.thead .yu a img{ display:block; height:14px; margin:5px 4px; margin-left:0; float:left;}
.thead .yu a:hover{ color:#0a23b2;}
.thead .yu span{ width:1px; height:12px; display:block; margin-left:10px; margin-right:10px; background-color:#ddd;}
.header .head{ width:100%; height:60px; margin:auto;}
.header .logo{ float:left; height:100%; display:flex; align-items:center; margin-left:3%;}
.header .logo img{ display:block; max-height:36px;}
.header .logo img.pc{ display:none;}
.header .hamburger{ height:30px; width:24px; padding:15px 3%; background-color:#fff; float:right;}
.header .hamburger .h-bar{ display:block; width:24px; height:2px; background-color:#333; margin:6px auto; transform:rotate(0deg); opacity:1; transition:all 0.4s ease-out 0s;}
.header .hamburger.open-menu .h-bar{ margin-left:8px;}
.header .hamburger.open-menu .h-bar:nth-of-type(1){ transform:rotate(45deg) translateY(11px);}
.header .hamburger.open-menu .h-bar:nth-of-type(2){ opacity:0;}
.header .hamburger.open-menu .h-bar:nth-of-type(3){ transform:rotate(-45deg) translateY(-11px);}
.header .hamburger.open-menu .h-bar{ margin-bottom:0px;}
.header .nav{ position:absolute; top:100%; right:-100vw; height:100vh; width:80%; background:rgba(10,35,178,.9); z-index:99; -webkit-transition:.8s; transition:.8s; display:block; padding-top:20px; box-sizing:border-box;}
.header .nav.open-menu{ right:0;}
.header .nav ul{ display:block; font-size:14px; width:100%; padding:15px 0; text-align:center;}
.header .nav ul li{ padding:10px 0; text-transform:uppercase; -webkit-transform:matrix(1,0,0,1,-600,0); transform:matrix(1,0,0,1,-600,0); -webkit-transition:all 1s; transition:all 1s;}
.header .nav.open-menu ul li{ -webkit-transform:matrix(1,0,0,1,0,0); transform:matrix(1,0,0,1,0,0);}
.header .nav ul li:nth-of-type(1){ transition-delay:0.1s;}
.header .nav ul li:nth-of-type(2){ transition-delay:0.2s;}
.header .nav ul li:nth-of-type(3){ transition-delay:0.3s;}
.header .nav ul li:nth-of-type(4){ transition-delay:0.4s;}
.header .nav ul li:nth-of-type(5){ transition-delay:0.5s;}
.header .nav ul li:nth-of-type(6){ transition-delay:0.6s;}
.header .nav ul li:nth-of-type(7){ transition-delay:0.7s;}
.header .nav ul li:nth-of-type(8){ transition-delay:0.9s;}
.header .nav ul li:nth-of-type(9){ transition-delay:0.9s;}
.header .nav ul li:nth-of-type(10){ transition-delay:1s;}
.header .nav ul li a{ color:#aaa; -webkit-transition:all 1s; transition:all 1s; font-size:14px; line-height:24px;}
.header .nav ul li a:hover,.header .nav ul li.on a{ color:#fff;}
}

/*banner*/
@media screen and (min-width:1280px){
.banner{ width:100%; position:relative; z-index:1; border-top:141px solid #fff;}
.banner .swiper-container{ width:100%; height:660px; position:relative; z-index:3;}
.banner .swiper-wrapper{ width:100%; height:100%;}
.banner .swiper-slide{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-slide .tu{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-slide .tu img{ height:100%; display:block; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); z-index:1;}
.banner .swiper-slide .wen{ width:620px; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); z-index:3; text-align:center;}
.banner .swiper-slide .wen .w01{ transform:translateY(200px); opacity:0; transition:all 0.8s; font-size:48px; line-height:58px; color:#fff; text-indent:10px; letter-spacing:10px;}
.banner .swiper-slide .wen .w02{ transform:translateY(200px); opacity:0; transition:all 0.8s; font-size:20px; line-height:40px; color:#fff; margin-top:25px; text-indent:2px; letter-spacing:2px;}
.banner .swiper-slide .wen .w03{ height:55px; transform:translateY(200px); opacity:0; transition:all 0.8s; position:relative; z-index:3; margin-top:55px; display:flex; justify-content:center;}
.banner .swiper-slide .wen .w03 a{ min-width:160px; padding:0 20px; margin:auto; display:flex; align-items:center; justify-content:center; height:50px; line-height:50px; font-size:16px; color:#0a23b2; background-color:rgba(255,255,255,.7); border-radius:40px; overflow:hidden;}
.banner .swiper-slide .wen .w03 a img{ display:block; margin-left:20px;}
.banner .swiper-slide .wen .w03 a:hover{ background-color:#0a23b2; color:#fff;}
.banner .swiper-slide .wen .w03 a:hover img{ filter:drop-shadow(#fff 10000px 0); transform:translateX(-10000px);}
.banner .swiper-slide.swiper-slide-active .wen .w01{ transform:translateY(0px); opacity:1;}
.banner .swiper-slide.swiper-slide-active .wen .w02{ transform:translateY(0px); opacity:1;}
.banner .swiper-slide.swiper-slide-active .wen .w03{ transform:translateY(0px); opacity:1;}
.banner .swiper-pagination{ position:absolute; left:50%; bottom:30px; transform:translateX(-50%); z-index:3;}
.banner .swiper-pagination span{ width:10px; height:10px; display:block; float:left; margin:0 5px; cursor:pointer; background-color:#fff; opacity:.5; overflow:hidden; border-radius:100%;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ opacity:1;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.banner{ width:100%; position:relative; z-index:1; border-top:119px solid #fff;}
.banner .swiper-container{ width:100%; height:45vw; position:relative; z-index:3;}
.banner .swiper-wrapper{ width:100%; height:100%;}
.banner .swiper-slide{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-slide .tu{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-slide .tu img{ height:100%; display:block; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); z-index:1;}
.banner .swiper-slide .wen{ width:620px; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); z-index:3; text-align:center;}
.banner .swiper-slide .wen .w01{ transform:translateY(200px); opacity:0; transition:all 0.8s; font-size:38px; line-height:48px; color:#fff; text-indent:7px; letter-spacing:7px;}
.banner .swiper-slide .wen .w02{ transform:translateY(200px); opacity:0; transition:all 0.8s; font-size:18px; line-height:38px; color:#fff; margin-top:15px; text-indent:1px; letter-spacing:1px;}
.banner .swiper-slide .wen .w03{ height:51px; transform:translateY(200px); opacity:0; transition:all 0.8s; position:relative; z-index:3; margin-top:35px; display:flex; justify-content:center;}
.banner .swiper-slide .wen .w03 a{ min-width:140px; padding:0 20px; margin:auto; display:flex; align-items:center; justify-content:center; height:46px; line-height:46px; font-size:16px; color:#0a23b2; background-color:rgba(255,255,255,.7); border-radius:40px; overflow:hidden;}
.banner .swiper-slide .wen .w03 a img{ display:block; margin-left:15px;}
.banner .swiper-slide .wen .w03 a:hover{ background-color:#0a23b2; color:#fff;}
.banner .swiper-slide .wen .w03 a:hover img{ filter:drop-shadow(#fff 10000px 0); transform:translateX(-10000px);}
.banner .swiper-slide.swiper-slide-active .wen .w01{ transform:translateY(0px); opacity:1;}
.banner .swiper-slide.swiper-slide-active .wen .w02{ transform:translateY(0px); opacity:1;}
.banner .swiper-slide.swiper-slide-active .wen .w03{ transform:translateY(0px); opacity:1;}
.banner .swiper-pagination{ position:absolute; left:50%; bottom:25px; transform:translateX(-50%); z-index:3;}
.banner .swiper-pagination span{ width:10px; height:10px; display:block; float:left; margin:0 5px; cursor:pointer; background-color:#fff; opacity:.5; overflow:hidden; border-radius:100%;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ opacity:1;}
}
@media only screen and (max-width: 1023px){
.banner{ width:100%; position:relative; z-index:1; border-top:97px solid #fff;}
.banner .swiper-container{ width:100%; height:60vw; position:relative; z-index:3;}
.banner .swiper-wrapper{ width:100%; height:100%;}
.banner .swiper-slide{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-slide .tu{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-slide .tu img{ height:100%; display:block; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); z-index:1;}
.banner .swiper-slide .wen{ width:94%; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); z-index:3; text-align:center;}
.banner .swiper-slide .wen .w01{ transform:translateY(200px); opacity:0; transition:all 0.8s; font-size:24px; line-height:34px; color:#fff; text-indent:4px; letter-spacing:4px;}
.banner .swiper-slide .wen .w02{ transform:translateY(200px); opacity:0; transition:all 0.8s; font-size:14px; line-height:24px; color:#fff; margin-top:5px; text-indent:1px; letter-spacing:1px;}
.banner .swiper-slide .wen .w03{ height:46px; transform:translateY(200px); opacity:0; transition:all 0.8s; position:relative; z-index:3; margin-top:15px; display:flex; justify-content:center;}
.banner .swiper-slide .wen .w03 a{ min-width:130px; padding:0 15px; margin:auto; display:flex; align-items:center; justify-content:center; height:40px; line-height:40px; font-size:14px; color:#0a23b2; background-color:rgba(255,255,255,.7); border-radius:40px; overflow:hidden;}
.banner .swiper-slide .wen .w03 a img{ display:block; margin-left:10px;}
.banner .swiper-slide .wen .w03 a:hover{ background-color:#0a23b2; color:#fff;}
.banner .swiper-slide .wen .w03 a:hover img{ filter:drop-shadow(#fff 10000px 0); transform:translateX(-10000px);}
.banner .swiper-slide.swiper-slide-active .wen .w01{ transform:translateY(0px); opacity:1;}
.banner .swiper-slide.swiper-slide-active .wen .w02{ transform:translateY(0px); opacity:1;}
.banner .swiper-slide.swiper-slide-active .wen .w03{ transform:translateY(0px); opacity:1;}
.banner .swiper-pagination{ position:absolute; left:50%; bottom:15px; transform:translateX(-50%); z-index:3;}
.banner .swiper-pagination span{ width:10px; height:10px; display:block; float:left; margin:0 5px; cursor:pointer; background-color:#fff; opacity:.5; overflow:hidden; border-radius:100%;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ opacity:1;}
}

/*会社概要*/
@media screen and (min-width:1280px){
.abox{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#fff; position:relative; z-index:1;}
.abox .box{ width:1200px; margin:auto; position:relative; z-index:3;}
.abox .box .left{ width:630px; float:left;}
.abox .box .left .w01{ font-size:16px; line-height:24px; height:24px;}
.abox .box .left .w01 b{ width:40px; height:2px; display:block; float:left; background-color:#333; margin:11px 10px; margin-left:0; overflow:hidden;}
.abox .box .left .w02{ font-size:30px; line-height:40px; font-weight:bold; margin-top:6px; color:#0a23b2;}
.abox .box .left .w03{ font-size:24px; line-height:34px; font-weight:bold; margin-top:25px;}
.abox .box .left .w04{ font-size:14px; line-height:30px; height:180px; margin-top:6px;}
.abox .box .left .w05{ margin-top:30px;}
.abox .box .left .w05 a{ min-width:120px; padding:0 20px; display:flex; align-items:center; justify-content:center; height:40px; line-height:40px; font-size:14px; color:#fff; background-color:#333; border-radius:40px; overflow:hidden; float:left;}
.abox .box .left .w05 a img{ display:block; margin-left:10px;}
.abox .box .left .w05 a:hover{ background-color:#0a23b2;}
.abox .box .right{ width:500px; float:right;}
.abox .box .right .w01{ width:100%; display:block;}
.abox .box .right .w01 li{ width:230px; display:block; float:left; margin-left:40px; margin-bottom:25px;}
.abox .box .right .w01 li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.abox .box .right .w01 li p{ display:flex; align-items:flex-start;}
.abox .box .right .w01 li p b{ display:block; font-size:48px; line-height:48px; color:#0a23b2;}
.abox .box .right .w01 li p span{ display:block; font-size:14px; line-height:24px; margin-left:10px;}
.abox .box .right .w01 li a{ display:block; font-size:14px; line-height:24px; margin-top:8px;}
.abox .box .right .w02{ width:100%;}
.abox .box .right .w02 a{ width:100%; display:block; padding-top:100%; position:relative; overflow:hidden;}
.abox .box .right .w02 a img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.abox .box .right .w02 a:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.abox .lian{ width:100%; position:absolute; left:0; bottom:0; z-index:1;}
.abox .lian .bg{ width:calc(50% + 305px); height:100%; background-color:#0a23b2; position:absolute; left:0; bottom:0; z-index:1;}
.abox .lian .bg01{ width:calc(50% - 305px); height:70px; background-color:#f7f7f7; position:absolute; right:0; bottom:0; z-index:1;}
.abox .lian .cont{ width:1200px; margin:auto; padding-top:45px; padding-bottom:65px; position:relative; z-index:3;}
.abox .lian .cont .w01{ width:630px; font-size:30px; line-height:40px; color:#fff;}
.abox .lian .cont .w02{ width:630px; padding-top:11px;}
.abox .lian .cont .w02 p{ display:block; font-size:16px; line-height:26px; margin-top:4px; color:#fff;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.abox{ width:100%; padding-top:45px; padding-bottom:50px; background-color:#fff; position:relative; z-index:1;}
.abox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.abox .box .left{ width:52.5%; float:left;}
.abox .box .left .w01{ font-size:16px; line-height:24px; height:24px;}
.abox .box .left .w01 b{ width:30px; height:2px; display:block; float:left; background-color:#333; margin:11px 7px; margin-left:0; overflow:hidden;}
.abox .box .left .w02{ font-size:24px; line-height:34px; font-weight:bold; margin-top:2px; color:#0a23b2;}
.abox .box .left .w03{ font-size:20px; line-height:30px; font-weight:bold; margin-top:15px;}
.abox .box .left .w04{ font-size:14px; line-height:24px; height:144px; margin-top:10px;}
.abox .box .left .w05{ margin-top:25px;}
.abox .box .left .w05 a{ min-width:100px; padding:0 20px; display:flex; align-items:center; justify-content:center; height:38px; line-height:38px; font-size:14px; color:#fff; background-color:#333; border-radius:40px; overflow:hidden; float:left;}
.abox .box .left .w05 a img{ display:block; margin-left:10px; height:8px;}
.abox .box .left .w05 a:hover{ background-color:#0a23b2;}
.abox .box .right{ width:41.67%; float:right;}
.abox .box .right .w01{ width:100%; display:block;}
.abox .box .right .w01 li{ width:47.5%; display:block; float:left; margin-left:5%; margin-bottom:20px;}
.abox .box .right .w01 li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.abox .box .right .w01 li p{ display:flex; align-items:flex-start;}
.abox .box .right .w01 li p b{ display:block; font-size:38px; line-height:38px; color:#0a23b2;}
.abox .box .right .w01 li p span{ display:block; font-size:14px; line-height:24px; margin-left:7px;}
.abox .box .right .w01 li a{ display:block; font-size:14px; line-height:24px; margin-top:8px;}
.abox .box .right .w02{ width:100%;}
.abox .box .right .w02 a{ width:100%; display:block; padding-top:100%; position:relative; overflow:hidden;}
.abox .box .right .w02 a img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.abox .box .right .w02 a:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.abox .lian{ width:100%; position:absolute; left:0; bottom:0; z-index:1;}
.abox .lian .bg{ width:75%; height:100%; background-color:#0a23b2; position:absolute; left:0; bottom:0; z-index:1;}
.abox .lian .bg01{ width:25%; height:50px; background-color:#f7f7f7; position:absolute; right:0; bottom:0; z-index:1;}
.abox .lian .cont{ width:94%; margin:auto; padding-top:30px; padding-bottom:45px; position:relative; z-index:3;}
.abox .lian .cont .w01{ width:52.5%; font-size:24px; line-height:34px; color:#fff;}
.abox .lian .cont .w02{ width:52.5%; padding-top:10px;}
.abox .lian .cont .w02 p{ display:block; font-size:16px; line-height:26px; color:#fff; margin-top:2px;}
}
@media only screen and (max-width: 1023px){
.abox{ width:100%; padding-top:25px; padding-bottom:30px; background-color:#fff; position:relative; z-index:1;}
.abox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.abox .box .left{ width:100%; float:left;}
.abox .box .left .w01{ font-size:14px; line-height:22px; height:22px;}
.abox .box .left .w01 b{ width:20px; height:2px; display:block; float:left; background-color:#333; margin:10px 5px; margin-left:0; overflow:hidden;}
.abox .box .left .w02{ font-size:20px; line-height:30px; font-weight:bold; color:#0a23b2;}
.abox .box .left .w03{ font-size:16px; line-height:26px; font-weight:bold; margin-top:10px;}
.abox .box .left .w04{ font-size:14px; line-height:24px; height:144px; margin-top:5px;}
.abox .box .left .w05{ margin-top:15px;}
.abox .box .left .w05 a{ min-width:100px; padding:0 15px; display:flex; align-items:center; justify-content:center; height:36px; line-height:36px; font-size:14px; color:#fff; background-color:#333; border-radius:40px; overflow:hidden; float:left;}
.abox .box .left .w05 a img{ display:block; margin-left:10px; height:6px;}
.abox .box .left .w05 a:hover{ background-color:#0a23b2;}
.abox .box .right{ width:100%; float:right;}
.abox .box .right .w01{ width:100%; display:block; padding-top:20px;}
.abox .box .right .w01 li{ width:48.5%; display:block; float:left; margin-left:3%; margin-bottom:10px;}
.abox .box .right .w01 li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.abox .box .right .w01 li p{ display:flex; align-items:flex-start;}
.abox .box .right .w01 li p b{ display:block; font-size:28px; line-height:28px; color:#0a23b2;}
.abox .box .right .w01 li p span{ display:block; font-size:14px; line-height:24px; margin-left:4px;}
.abox .box .right .w01 li a{ display:block; font-size:14px; line-height:24px; margin-top:4px;}
.abox .box .right .w02{ width:50%; margin-left:50%;}
.abox .box .right .w02 a{ width:100%; display:block; padding-top:100%; position:relative; overflow:hidden;}
.abox .box .right .w02 a img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.abox .box .right .w02 a:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.abox .lian{ width:100%; position:absolute; left:0; bottom:0; z-index:1;}
.abox .lian .bg{ width:75%; height:100%; background-color:#0a23b2; position:absolute; left:0; bottom:0; z-index:1;}
.abox .lian .bg01{ width:25%; height:30px; background-color:#f7f7f7; position:absolute; right:0; bottom:0; z-index:1;}
.abox .lian .cont{ width:94%; margin:auto; padding-top:30px; padding-bottom:45px; position:relative; z-index:3;}
.abox .lian .cont .w01{ width:47%; font-size:20px; line-height:30px; color:#fff;}
.abox .lian .cont .w02{ width:47%; padding-top:5px;}
.abox .lian .cont .w02 p{ display:block; font-size:14px; line-height:24px; color:#fff;}
}

/*業界情報*/
@media screen and (min-width:1280px){
.nbox{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#f7f7f7; position:relative; z-index:1;}
.title{ width:1200px; margin:auto; position:relative; z-index:3; text-align:center;}
.title .w01{ width:100%; font-size:30px; line-height:40px; font-weight:bold; color:#0a23b2;}
.title .w02{ width:100%; font-size:14px; line-height:24px; color:#666; margin-top:6px;}
.nbox .box{ width:1200px; margin:auto; position:relative; z-index:3;}
.nbox .box .list{ width:100%; display:block;}
.nbox .box .list li{ display:block; overflow:hidden;}
.nbox .box .list li span{ display:block; width:250px; float:left; font-size:16px; line-height:73px; height:73px; border-bottom:2px solid #333; overflow:hidden;}
.nbox .box .list li a{ display:block; width:calc(100% - 290px); float:left; font-size:14px; line-height:73px; height:73px; border-bottom:2px solid #e9e9e9; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .list li b{ display:block; width:40px; float:left; height:73px; border-bottom:2px solid #e9e9e9; overflow:hidden; position:relative;}
.nbox .box .list li b:before{ width:100%; height:2px; display:block; content:''; background-color:#333; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); overflow:hidden;}
.nbox .box .list li:hover span,.nbox .box .list li:hover a,.nbox .box .list li:hover b{ border-bottom:2px solid #0a23b2;}
.nbox .box .list li a:hover{ color:#0a23b2;}
.nbox .box .more{ margin-top:30px; display:flex; justify-content:center;}
.nbox .box .more a{ min-width:120px; padding:0 20px; display:flex; align-items:center; justify-content:center; height:40px; line-height:40px; font-size:14px; color:#fff; background-color:#333; border-radius:40px; overflow:hidden; float:left;}
.nbox .box .more a img{ display:block; margin-left:10px;}
.nbox .box .more a:hover{ background-color:#0a23b2;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.nbox{ width:100%; padding-top:45px; padding-bottom:50px; background-color:#f7f7f7; position:relative; z-index:1;}
.title{ width:94%; margin:auto; position:relative; z-index:3; text-align:center;}
.title .w01{ width:100%; font-size:24px; line-height:34px; font-weight:bold; color:#0a23b2;}
.title .w02{ width:100%; font-size:14px; line-height:24px; color:#666; margin-top:4px;}
.nbox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.nbox .box .list{ width:100%; display:block;}
.nbox .box .list li{ display:block; overflow:hidden;}
.nbox .box .list li span{ display:block; width:170px; float:left; font-size:16px; line-height:64px; height:64px; border-bottom:2px solid #333; overflow:hidden;}
.nbox .box .list li a{ display:block; width:calc(100% - 200px); float:left; font-size:14px; line-height:64px; height:64px; border-bottom:2px solid #e9e9e9; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .list li b{ display:block; width:30px; float:left; height:64px; border-bottom:2px solid #e9e9e9; overflow:hidden; position:relative;}
.nbox .box .list li b:before{ width:100%; height:2px; display:block; content:''; background-color:#333; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); overflow:hidden;}
.nbox .box .list li:hover span,.nbox .box .list li:hover a,.nbox .box .list li:hover b{ border-bottom:2px solid #0a23b2;}
.nbox .box .list li a:hover{ color:#0a23b2;}
.nbox .box .more{ margin-top:25px; display:flex; justify-content:center;}
.nbox .box .more a{ min-width:100px; padding:0 20px; display:flex; align-items:center; justify-content:center; height:38px; line-height:38px; font-size:14px; color:#fff; background-color:#333; border-radius:40px; overflow:hidden; float:left;}
.nbox .box .more a img{ display:block; margin-left:10px; height:8px;}
.nbox .box .more a:hover{ background-color:#0a23b2;}
}
@media only screen and (max-width: 1023px){
.nbox{ width:100%; padding-top:25px; padding-bottom:30px; background-color:#f7f7f7; position:relative; z-index:1;}
.title{ width:94%; margin:auto; position:relative; z-index:3; text-align:center;}
.title .w01{ width:100%; font-size:20px; line-height:30px; font-weight:bold; color:#0a23b2;}
.title .w02{ width:100%; font-size:14px; line-height:24px; color:#666; margin-top:2px;}
.nbox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.nbox .box .list{ width:100%; display:block;}
.nbox .box .list li{ display:block; overflow:hidden;}
.nbox .box .list li span{ display:block; width:90px; float:left; font-size:14px; line-height:44px; height:44px; border-bottom:2px solid #333; overflow:hidden;}
.nbox .box .list li a{ display:block; width:calc(100% - 110px); float:left; font-size:14px; line-height:44px; height:44px; border-bottom:2px solid #e9e9e9; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .list li b{ display:block; width:20px; float:left; height:44px; border-bottom:2px solid #e9e9e9; overflow:hidden; position:relative;}
.nbox .box .list li b:before{ width:100%; height:2px; display:block; content:''; background-color:#333; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); overflow:hidden;}
.nbox .box .list li:hover span,.nbox .box .list li:hover a,.nbox .box .list li:hover b{ border-bottom:2px solid #0a23b2;}
.nbox .box .list li a:hover{ color:#0a23b2;}
.nbox .box .more{ margin-top:20px; display:flex; justify-content:center;}
.nbox .box .more a{ min-width:100px; padding:0 15px; display:flex; align-items:center; justify-content:center; height:36px; line-height:36px; font-size:14px; color:#fff; background-color:#333; border-radius:40px; overflow:hidden; float:left;}
.nbox .box .more a img{ display:block; margin-left:10px; height:6px;}
.nbox .box .more a:hover{ background-color:#0a23b2;}
}

/*主要業務*/
@media screen and (min-width:1280px){
.sbox{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#fff; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.sbox .bg{ width:100%; height:100%; background-color:#0a23b2; opacity:.7; position:absolute; left:0; top:0; z-index:1;}
.sbox .title .w01,.sbox .title .w02{ color:#fff;}
.sbox .box{ width:1200px; margin:auto; position:relative; z-index:3; margin-top:30px;}
.sbox .box .swiper-container{ height:460px; overflow:hidden;}
.sbox .box .swiper-slide{ width:380px; height:460px;}
.sbox .box .swiper-slide a{ width:calc(100% - 60px); margin:auto; padding-top:68px; display:block; border-radius:10px; box-sizing:border-box; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; height:100%;}
.sbox .box .swiper-slide.swiper-slide-active a{ width:100%; background-color:#fff; padding:10px;}
.sbox .box .swiper-slide .tu{ width:100%; height:240px; border-radius:10px;}
.sbox .box .swiper-slide.swiper-slide-active .tu{ height:270px;}
.sbox .box .swiper-slide .tu img{ width:100%; display:block;}
.sbox .box .swiper-slide .wen{ width:100%; margin:auto; padding-top:15px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.sbox .box .swiper-slide.swiper-slide-active .wen{ width:calc(100% - 40px); padding-top:25px;}
.sbox .box .swiper-slide .wen .left{ width:260px; float:left;}
.sbox .box .swiper-slide .wen .left span{ display:block; padding-left:20px; font-size:18px; line-height:28px; height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background-image:url(../images/li.png); background-position:left center; background-repeat:no-repeat; color:#fff;}
.sbox .box .swiper-slide .wen .left p{ display:none; margin-top:5px; border-top:1px solid #ddd; padding-top:15px; font-size:14px; line-height:24px; height:48px; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.sbox .box .swiper-slide .wen .left b{ display:none; margin-top:10px; font-size:14px; line-height:24px; height:24px; color:#999; font-weight:normal; overflow:hidden;}
.sbox .box .swiper-slide .wen .left strong{ display:block; font-size:30px; line-height:34px; color:#ddd; margin-top:5px; border-top:1px solid #ddd; padding-top:5px; padding-left:20px;}
.sbox .box .swiper-slide.swiper-slide-active .wen .left span{ color:#333;}
.sbox .box .swiper-slide.swiper-slide-active .wen .left p{ display:-webkit-box;}
.sbox .box .swiper-slide.swiper-slide-active .wen .left b{ display:block;}
.sbox .box .swiper-slide.swiper-slide-active .wen .left strong{ display:none;}
.sbox .box .swiper-slide.swiper-slide-active a .wen .left span{ background-image:url(../images/li01.png);}
.sbox .box .swiper-slide.swiper-slide-active a:hover .wen .left span{ color:#0a23b2;}
.sbox .box .swiper-slide a:hover .wen .left strong{ border-top:1px solid #fff;}
.sbox .box .swiper-slide.swiper-slide-active a:hover .wen .left strong{ border-top:1px solid #0a23b2;}
.sbox .box .swiper-slide a:hover .wen .left p{ border-top:1px solid #0a23b2;}
.sbox .box .swiper-slide .wen .right{ width:29px; height:29px; border:1px solid #999; border-radius:100%; background-image:url(../images/gd.png); background-position:center; background-repeat:no-repeat; float:right; margin-top:20px;}
.sbox .box .swiper-slide.swiper-slide-active .wen .right{ width:33px; height:33px; border:1px solid #0a23b2; background-image:url(../images/gdh.png); margin-top:17px;}
.sbox .box .swiper-button-white{ width:38px; height:38px; border-radius:100%; border:1px solid #fff; cursor:pointer; overflow:hidden; background-position:center; background-repeat:no-repeat; float:left; position:absolute; top:210px; z-index:9;}
.sbox .box .swiper-button-white:hover{ background-color:#0a23b2; border:1px solid #0a23b2;}
.sbox .box .swiper-button-prev{ background-image:url(../images/prev.png); left:345px;}
.sbox .box .swiper-button-next{ background-image:url(../images/next.png); right:345px;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.sbox{ width:100%; padding-top:45px; padding-bottom:50px; background-color:#fff; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.sbox .bg{ width:100%; height:100%; background-color:#0a23b2; opacity:.7; position:absolute; left:0; top:0; z-index:1;}
.sbox .title .w01,.sbox .title .w02{ color:#fff;}
.sbox .box{ width:100%; margin:auto; margin-top:25px; position:relative; z-index:3;}
.sbox .box .swiper-container{ height:440px; overflow:hidden;}
.sbox .box .swiper-slide{ width:380px; height:440px;}
.sbox .box .swiper-slide a{ width:calc(100% - 60px); margin:auto; padding-top:58px; display:block; border-radius:10px; box-sizing:border-box; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; height:100%;}
.sbox .box .swiper-slide.swiper-slide-active a{ width:100%; background-color:#fff; padding:10px;}
.sbox .box .swiper-slide .tu{ width:100%; height:240px; border-radius:10px;}
.sbox .box .swiper-slide.swiper-slide-active .tu{ height:270px;}
.sbox .box .swiper-slide .tu img{ width:100%; display:block;}
.sbox .box .swiper-slide .wen{ width:100%; margin:auto; padding-top:15px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.sbox .box .swiper-slide.swiper-slide-active .wen{ width:calc(100% - 40px); padding-top:15px;}
.sbox .box .swiper-slide .wen .left{ width:260px; float:left;}
.sbox .box .swiper-slide .wen .left span{ display:block; padding-left:20px; font-size:18px; line-height:28px; height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background-image:url(../images/li.png); background-position:left center; background-repeat:no-repeat; color:#fff;}
.sbox .box .swiper-slide .wen .left p{ display:none; margin-top:5px; border-top:1px solid #ddd; padding-top:15px; font-size:14px; line-height:24px; height:48px; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.sbox .box .swiper-slide .wen .left b{ display:none; margin-top:10px; font-size:14px; line-height:24px; height:24px; color:#999; font-weight:normal; overflow:hidden;}
.sbox .box .swiper-slide .wen .left strong{ display:block; font-size:30px; line-height:34px; color:#ddd; margin-top:5px; border-top:1px solid #ddd; padding-top:5px; padding-left:20px;}
.sbox .box .swiper-slide.swiper-slide-active .wen .left span{ color:#333;}
.sbox .box .swiper-slide.swiper-slide-active .wen .left p{ display:-webkit-box;}
.sbox .box .swiper-slide.swiper-slide-active .wen .left b{ display:block;}
.sbox .box .swiper-slide.swiper-slide-active .wen .left strong{ display:none;}
.sbox .box .swiper-slide.swiper-slide-active a .wen .left span{ background-image:url(../images/li01.png);}
.sbox .box .swiper-slide.swiper-slide-active a:hover .wen .left span{ color:#0a23b2;}
.sbox .box .swiper-slide a:hover .wen .left strong{ border-top:1px solid #fff;}
.sbox .box .swiper-slide.swiper-slide-active a:hover .wen .left strong{ border-top:1px solid #0a23b2;}
.sbox .box .swiper-slide a:hover .wen .left p{ border-top:1px solid #0a23b2;}
.sbox .box .swiper-slide .wen .right{ width:29px; height:29px; border:1px solid #999; border-radius:100%; background-image:url(../images/gd.png); background-position:center; background-repeat:no-repeat; float:right; margin-top:20px;}
.sbox .box .swiper-slide.swiper-slide-active .wen .right{ width:33px; height:33px; border:1px solid #0a23b2; background-image:url(../images/gdh.png); margin-top:17px;}
.sbox .box .swiper-button-white{ width:38px; height:38px; border-radius:100%; border:1px solid #fff; cursor:pointer; overflow:hidden; background-position:center; background-repeat:no-repeat; float:left; position:absolute; top:210px; z-index:9;}
.sbox .box .swiper-button-white:hover{ background-color:#0a23b2; border:1px solid #0a23b2;}
.sbox .box .swiper-button-prev{ background-image:url(../images/prev.png); left:45%; margin-left:-200px;}
.sbox .box .swiper-button-next{ background-image:url(../images/next.png); right:45%; margin-right:-200px;}
}
@media only screen and (max-width: 1023px){
.sbox{ width:100%; padding-top:25px; padding-bottom:30px; background-color:#fff; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.sbox .bg{ width:100%; height:100%; background-color:#0a23b2; opacity:.7; position:absolute; left:0; top:0; z-index:1;}
.sbox .title .w01,.sbox .title .w02{ color:#fff;}
.sbox .box{ width:100%; margin:auto; position:relative; z-index:3; margin-top:15px;}
.sbox .box .swiper-container{ height:320px; overflow:hidden;}
.sbox .box .swiper-slide{ width:260px; height:320px; display:flex; align-items:center;}
.sbox .box .swiper-slide a{ width:calc(100% - 30px); margin:auto; display:block; border-radius:10px; box-sizing:border-box; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.sbox .box .swiper-slide.swiper-slide-active a{ width:100%; background-color:#fff; padding:10px;}
.sbox .box .swiper-slide .tu{ width:100%; height:172px; border-radius:10px;}
.sbox .box .swiper-slide.swiper-slide-active .tu{ height:180px;}
.sbox .box .swiper-slide .tu img{ width:100%; display:block;}
.sbox .box .swiper-slide .wen{ width:100%; margin:auto; padding-top:5px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.sbox .box .swiper-slide.swiper-slide-active .wen{ width:calc(100% - 10px); padding-top:10px;}
.sbox .box .swiper-slide .wen .left{ width:100%; float:left;}
.sbox .box .swiper-slide .wen .left span{ display:block; padding-left:15px; font-size:16px; line-height:26px; height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background-image:url(../images/li.png); background-position:left center; background-repeat:no-repeat; color:#fff;}
.sbox .box .swiper-slide .wen .left p{ display:none; margin-top:5px; border-top:1px solid #ddd; padding-top:5px; font-size:14px; line-height:24px; height:48px; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.sbox .box .swiper-slide .wen .left b{ display:none; font-size:14px; line-height:24px; height:24px; color:#999; font-weight:normal; overflow:hidden;}
.sbox .box .swiper-slide .wen .left strong{ display:block; font-size:30px; line-height:34px; color:#ddd; margin-top:5px; border-top:1px solid rgba(255,255,255,.5); padding-top:5px; padding-left:20px;}
.sbox .box .swiper-slide.swiper-slide-active .wen .left{ width:calc(100% - 50px);}
.sbox .box .swiper-slide.swiper-slide-active .wen .left span{ color:#333;}
.sbox .box .swiper-slide.swiper-slide-active .wen .left p{ display:-webkit-box;}
.sbox .box .swiper-slide.swiper-slide-active .wen .left b{ display:block;}
.sbox .box .swiper-slide.swiper-slide-active .wen .left strong{ display:none;}
.sbox .box .swiper-slide.swiper-slide-active a .wen .left span{ background-image:url(../images/li01.png);}
.sbox .box .swiper-slide a:hover .wen .left strong{ border-top:1px solid #0a23b2;}
.sbox .box .swiper-slide a:hover .wen .left p{ border-top:1px solid #0a23b2;}
.sbox .box .swiper-slide .wen .right{ display:none;}
.sbox .box .swiper-slide.swiper-slide-active .wen .right{ display:block; width:31px; height:31px; border:1px solid #0a23b2; background-image:url(../images/gdh.png); background-position:center; background-repeat:no-repeat; float:right; margin-top:15px; border-radius:100%;}
.sbox .box .swi{ width:100%; display:flex; justify-content:center; margin:auto; margin-top:20px;}
.sbox .box .swiper-button-white{ width:32px; height:32px; border-radius:100%; border:1px solid #fff; cursor:pointer; overflow:hidden; background-position:center; background-repeat:no-repeat; float:left; position:absolute; bottom:0px; z-index:9;}
.sbox .box .swiper-button-white:hover{ background-color:#0a23b2; border:1px solid #0a23b2;}
.sbox .box .swiper-button-prev{ background-image:url(../images/prev.png); left:0;}
.sbox .box .swiper-button-next{ background-image:url(../images/next.png); right:0;}
}

/*主要取扱いメーカー*/
@media screen and (min-width:1280px){
.zbox{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#fff; position:relative; z-index:1;}
.zbox .box{ width:1200px; margin:auto; position:relative; z-index:3;}
.zbox .box .list{ width:1198px; margin-left:1px;}
.zbox .box .list a{ width:240px; padding:0 20px; height:50px; line-height:50px; font-size:16px; text-align:center; overflow:hidden; border-radius:10px; background-color:#f7f7f7; margin-top:30px; margin-left:26px; display:block; float:left;}
.zbox .box .list a:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.zbox .box .list a:hover{ background-color:#0a23b2; color:#fff;}
.zbox .box .sou{ width:100%; margin-top:35px;}
.zbox .box .sou .left{ float:left; width:500px;}
.zbox .box .sou .left .w01{ font-size:20px; line-height:30px; font-weight:bold;}
.zbox .box .sou .left .w02{ width:100%; margin-top:4px; border-bottom:1px solid #333;}
.zbox .box .sou .left .w02 .emptyInput{ width:calc(100% - 40px); display:block; float:left; height:40px; line-height:40px; overflow:hidden;}
.zbox .box .sou .left .w02 .btn-search{ width:20px; display:block; float:right; height:40px; overflow:hidden; background-color:transparent;}
.zbox .box .sou .left .w02 .btn-search img{ height:20px; margin:10px auto; cursor:pointer; display:block;}
.zbox .box .sou .right{ float:right; padding-top:35px;}
.zbox .box .sou .right a{ min-width:120px; padding:0 20px; display:flex; align-items:center; justify-content:center; height:40px; line-height:40px; font-size:14px; color:#fff; background-color:#333; border-radius:40px; overflow:hidden; float:left;}
.zbox .box .sou .right a img{ display:block; margin-left:10px;}
.zbox .box .sou .right a:hover{ background-color:#0a23b2;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.zbox{ width:100%; padding-top:45px; padding-bottom:50px; background-color:#fff; position:relative; z-index:1;}
.zbox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.zbox .box .list{ width:100%;}
.zbox .box .list a{ width:23.5%; box-sizing:border-box; padding:0 20px; height:46px; line-height:46px; font-size:15px; text-align:center; overflow:hidden; border-radius:10px; background-color:#f7f7f7; margin-top:25px; margin-left:2%; display:block; float:left;}
.zbox .box .list a:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.zbox .box .list a:hover{ background-color:#0a23b2; color:#fff;}
.zbox .box .sou{ width:100%; margin-top:25px;}
.zbox .box .sou .left{ float:left;}
.zbox .box .sou .left .w01{ font-size:18px; line-height:28px; font-weight:bold;}
.zbox .box .sou .left .w02{ width:100%; margin-top:1px; border-bottom:1px solid #333;}
.zbox .box .sou .left .w02 .emptyInput{ width:calc(100% - 40px); display:block; float:left; height:38px; line-height:38px; overflow:hidden;}
.zbox .box .sou .left .w02 .btn-search{ width:18px; display:block; float:right; height:38px; overflow:hidden; background-color:transparent;}
.zbox .box .sou .left .w02 .btn-search img{ height:18px; margin:10px auto; cursor:pointer; display:block;}
.zbox .box .sou .right{ float:right; padding-top:30px;}
.zbox .box .sou .right a{ min-width:100px; padding:0 20px; display:flex; align-items:center; justify-content:center; height:38px; line-height:38px; font-size:14px; color:#fff; background-color:#333; border-radius:40px; overflow:hidden; float:left;}
.zbox .box .sou .right a img{ display:block; margin-left:10px; height:8px;}
.zbox .box .sou .right a:hover{ background-color:#0a23b2;}
}
@media only screen and (max-width: 1023px){
.zbox{ width:100%; padding-top:25px; padding-bottom:30px; background-color:#fff; position:relative; z-index:1;}
.zbox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.zbox .box .list{ width:100%;}
.zbox .box .list a{ width:48.5%; box-sizing:border-box; padding:0 15px; height:40px; line-height:40px; font-size:14px; text-align:center; overflow:hidden; border-radius:10px; background-color:#f7f7f7; margin-top:15px; margin-left:3%; display:block; float:left;}
.zbox .box .list a:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.zbox .box .list a:hover{ background-color:#0a23b2; color:#fff;}
.zbox .box .sou{ width:100%; margin-top:15px; display:flex; align-items:flex-end;}
.zbox .box .sou .left{ float:left; flex:1;}
.zbox .box .sou .left .w01{ font-size:16px; line-height:26px; font-weight:bold;}
.zbox .box .sou .left .w02{ width:100%; border-bottom:1px solid #333;}
.zbox .box .sou .left .w02 .emptyInput{ width:calc(100% - 36px); display:block; float:left; height:30px; line-height:30px; overflow:hidden;}
.zbox .box .sou .left .w02 .btn-search{ width:16px; display:block; float:right; height:30px; overflow:hidden; background-color:transparent;}
.zbox .box .sou .left .w02 .btn-search img{ height:16px; margin:7px auto; cursor:pointer; display:block;}
.zbox .box .sou .right{ float:right; padding-left:15px;}
.zbox .box .sou .right a{ min-width:100px; padding:0 15px; display:flex; align-items:center; justify-content:center; height:36px; line-height:36px; font-size:14px; color:#fff; background-color:#333; border-radius:40px; overflow:hidden; float:left;}
.zbox .box .sou .right a img{ display:block; margin-left:10px; height:6px;}
.zbox .box .sou .right a:hover{ background-color:#0a23b2;}
}

/*footer*/
@media screen and (min-width:1280px){
.footer{ width:100%; padding:45px 0; background-color:#222; position:relative; z-index:9;}
.footer .link{ width:1200px; margin:auto; border-bottom:1px solid #333; padding-bottom:8px;}
.footer .link .left{ width:190px; float:left;}
.footer .link .left span{ display:block; font-size:14px; height:20px; line-height:20px; color:#999; text-transform:uppercase;}
.footer .link .left p{ display:block; font-size:14px; height:36px; line-height:36px; color:#fff;}
.footer .link .right{ max-width:1010px; float:right; padding-top:20px;}
.footer .link .right a{ display:block; float:left; margin-left:40px; font-size:14px; height:36px; line-height:36px; color:#fff;}
.footer .link .right a:hover{ color:#0a23b2;}
.footer .foot{ width:1200px; margin:auto; position:relative;}
.footer .foot .left{ width:540px; float:left; padding-top:6px;}
.footer .foot .left span{ display:block; overflow:hidden;}
.footer .foot .left span a{ height:62px; line-height:62px; font-size:16px; color:#fff; display:block; float:left; margin-right:27px;}
.footer .foot .left span a:hover{ color:#0a23b2;}
.footer .foot .left p{ display:block; overflow:hidden; font-size:14px; line-height:30px; color:#999;}
.footer .foot .mil{ width:120px; position:absolute; left:50%; margin-left:-60px; top:30px;}
.footer .foot .mil strong{ width:120px; height:120px; display:block; background-color:#fff; overflow:hidden;}
.footer .foot .mil strong img{ width:100%; display:block;}
.footer .foot .mil p{ width:100%; text-align:center; height:24px; line-height:24px; font-size:14px; display:block; overflow:hidden; color:#999; padding-top:3px;}
.footer .foot .right{ width:540px; float:right; padding-top:20px; text-align:right;}
.footer .foot .right strong{ display:block; overflow:hidden; margin-top:10px;}
.footer .foot .right strong img{ display:block; height:40px; float:right;}
.footer .foot .right span{ display:block; font-size:14px; line-height:24px; color:#fff; margin-top:15px;}
.footer .foot .right span a{ display:block; font-size:30px; line-height:40px; color:#fff; margin-top:10px;}
.footer .foot .right p{ display:block; font-size:14px; line-height:24px; color:#999; padding-top:30px;}
.footer .foot .right p a{ color:#999;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.footer{ width:100%; padding:35px 0; background-color:#222; position:relative; z-index:9;}
.footer .link{ width:94%; margin:auto; border-bottom:1px solid #333; padding-bottom:8px;}
.footer .link .left{ width:150px; float:left;}
.footer .link .left span{ display:block; font-size:14px; height:20px; line-height:20px; color:#999; text-transform:uppercase;}
.footer .link .left p{ display:block; font-size:14px; height:36px; line-height:36px; color:#fff;}
.footer .link .right{ max-width:calc(100% - 150px); float:right; padding-top:20px;}
.footer .link .right a{ display:block; float:left; margin-left:20px; font-size:14px; height:36px; line-height:36px; color:#fff;}
.footer .link .right a:hover{ color:#0a23b2;}
.footer .foot{ width:94%; margin:auto; position:relative;}
.footer .foot .left{ width:49.5%; float:left; padding-top:20px;}
.footer .foot .left span{ display:block; overflow:hidden; margin-bottom:5px;}
.footer .foot .left span a{ height:26px; line-height:26px; font-size:16px; color:#fff; display:block; float:left; margin-right:20px;}
.footer .foot .left span a:hover{ color:#0a23b2;}
.footer .foot .left p{ display:block; overflow:hidden; font-size:14px; line-height:30px; color:#999;}
.footer .foot .mil{ width:15%; margin:0 3%; margin-top:25px; float:left;}
.footer .foot .mil strong{ display:block; overflow:hidden;}
.footer .foot .mil strong img{ max-width:120px; margin:auto; display:block; background-color:#fff;}
.footer .foot .mil p{ width:100%; text-align:center; height:24px; line-height:24px; font-size:14px; display:block; overflow:hidden; color:#999; padding-top:3px;}
.footer .foot .right{ width:29.5%; float:right; text-align:right;}
.footer .foot .right strong{ display:block; overflow:hidden; margin-top:30px;}
.footer .foot .right strong img{ display:block; height:40px; float:right;}
.footer .foot .right span{ display:block; font-size:14px; line-height:24px; color:#fff; margin-top:15px;}
.footer .foot .right span a{ display:block; font-size:30px; line-height:40px; color:#fff; margin-top:5px;}
.footer .foot .right p{ display:block; font-size:14px; line-height:24px; color:#999; padding-top:15px;}
.footer .foot .right p a{ color:#999;}
}
@media only screen and (max-width: 1023px){
.footer{ width:100%; padding:25px 0; background-color:#222; position:relative; z-index:9;}
.footer .link{ width:94%; margin:auto; border-bottom:1px solid #333; padding-bottom:8px;}
.footer .link .left{ width:100%;}
.footer .link .left span{ float:left; display:block; font-size:14px; height:24px; line-height:24px; color:#999; text-transform:uppercase;}
.footer .link .left p{ float:left; margin-left:10px; display:block; font-size:14px; height:24px; line-height:24px; color:#fff;}
.footer .link .right{ margin-left:-15px;}
.footer .link .right a{ display:block; float:left; margin-left:15px; font-size:14px; height:24px; line-height:24px; color:#fff;}
.footer .link .right a:hover{ color:#0a23b2;}
.footer .foot{ width:94%; margin:auto; position:relative;}
.footer .foot .left{ width:calc(95% - 80px); float:left; padding-top:10px;}
.footer .foot .left span{ display:block; overflow:hidden; margin-left:-15px; display:none;}
.footer .foot .left span a{ height:26px; line-height:26px; font-size:16px; color:#fff; display:block; float:left; margin-left:15px;}
.footer .foot .left span a:hover{ color:#0a23b2;}
.footer .foot .left p{ display:block; overflow:hidden; font-size:14px; line-height:24px; color:#999; margin-top:5px;}
.footer .foot .mil{ width:80px; position:absolute; right:0; top:20px;}
.footer .foot .mil strong{ display:block; overflow:hidden;}
.footer .foot .mil strong img{ max-width:80px; margin:auto; display:block; background-color:#fff;}
.footer .foot .mil p{ width:100%; text-align:center; height:22px; line-height:22px; font-size:12px; display:block; overflow:hidden; color:#999; padding-top:3px;}
.footer .foot .right{ width:100%; float:right; padding-top:10px;}
.footer .foot .right strong{ width:40px; float:left; display:block; margin-top:7px;}
.footer .foot .right strong img{ display:block; width:40px;}
.footer .foot .right span{ width:calc(95% - 50px); margin-left:10px; float:left; display:block; font-size:14px; line-height:24px; color:#fff;}
.footer .foot .right span a{ display:block; font-size:20px; line-height:30px; color:#fff;}
.footer .foot .right p{ width:calc(95% - 40px); display:block; font-size:14px; line-height:24px; color:#999; padding-top:5px;}
.footer .foot .right p a{ color:#999;}
}

/*右侧浮动*/
@media screen and (min-width:1280px){
.m-tell-top{ position:fixed; z-index:100; bottom:50px; right:10px;}
.m-tell-top .top{ width:46px;}
.m-tell-top .top .top-tell{ box-shadow:0px 2px 10px 0px rgba(205, 208, 221, 0.5); background-color:#fff; border-radius:6px; text-align:center; padding-bottom:5px; overflow:hidden;}
.m-tell-top .top .top-tell .tell-icon{ cursor:pointer; height:46px; text-align:center; background-color:#0a23b2; margin-bottom:10px;}
.m-tell-top .top .top-tell .tell-icon img{ width:24px; height:24px; vertical-align:top; margin-top:10px;}
.m-tell-top .top .top-tell .tell-txt{ cursor:pointer; font-size:18px; writing-mode:vertical-rl; color:#333; line-height:24px; letter-spacing:3px;}
.m-tell-top .mobile-body{ display:none; position:absolute; right:46px; bottom:0; text-align:left;}
.m-tell-top .mobile{ margin-right:5px; box-shadow:0px 2px 10px 0px rgba(205, 208, 221, 0.5); bottom:50px; right:56px; width:225px; padding:10px 20px; border-radius:6px; background-color:#fff;}
.m-tell-top .mobile .line{ overflow:hidden; margin:8px 0;}
.m-tell-top .mobile .line img{ display:block; float:left; width:25px; vertical-align:top; margin-top:5px;}
.m-tell-top .mobile .line .line-body{ float:left; width:calc(100% - 35px); margin-left:10px;}
.m-tell-top .mobile .line .line-body .bt{ font-size:16px; font-weight:400; color:#00102F; line-height:22px;}
.m-tell-top .mobile .line .line-body .info a{ font-size:14px; color:#626C77; line-height:20px;}
.m-tell-top .mobile .line .line-body .info a.bl{ color:#0a23b2;}
.m-tell-top .top .top-top{ display:flex; align-items:center; box-shadow:0px 2px 10px 0px rgba(205, 208, 221, 0.5); width:100%; height:46px; background-color:#fff; border-radius:6px; margin-top:10px; text-align:center;}
.m-tell-top .top .top-top img{ width:24px; height:24px; display:block; margin:auto;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.m-tell-top{ position:fixed; z-index:100; bottom:50px; right:10px;}
.m-tell-top .top{ width:46px;}
.m-tell-top .top .top-tell{ box-shadow:0px 2px 10px 0px rgba(205, 208, 221, 0.5); background-color:#fff; border-radius:6px; text-align:center; padding-bottom:5px; overflow:hidden;}
.m-tell-top .top .top-tell .tell-icon{ cursor:pointer; height:46px; text-align:center; background-color:#0a23b2; margin-bottom:10px;}
.m-tell-top .top .top-tell .tell-icon img{ width:24px; height:24px; vertical-align:top; margin-top:10px;}
.m-tell-top .top .top-tell .tell-txt{ cursor:pointer; font-size:18px; writing-mode:vertical-rl; color:#333; line-height:24px; letter-spacing:3px;}
.m-tell-top .mobile-body{ display:none; position:absolute; right:46px; bottom:0; text-align:left;}
.m-tell-top .mobile{ margin-right:5px; box-shadow:0px 2px 10px 0px rgba(205, 208, 221, 0.5); bottom:50px; right:56px; width:225px; padding:10px 20px; border-radius:6px; background-color:#fff;}
.m-tell-top .mobile .line{ overflow:hidden; margin:8px 0;}
.m-tell-top .mobile .line img{ display:block; float:left; width:25px; vertical-align:top; margin-top:5px;}
.m-tell-top .mobile .line .line-body{ float:left; width:calc(100% - 35px); margin-left:10px;}
.m-tell-top .mobile .line .line-body .bt{ font-size:16px; font-weight:400; color:#00102F; line-height:22px;}
.m-tell-top .mobile .line .line-body .info a{ font-size:14px; color:#626C77; line-height:20px;}
.m-tell-top .mobile .line .line-body .info a.bl{ color:#0a23b2;}
.m-tell-top .top .top-top{ display:flex; align-items:center; box-shadow:0px 2px 10px 0px rgba(205, 208, 221, 0.5); width:100%; height:46px; background-color:#fff; border-radius:6px; margin-top:10px; text-align:center;}
.m-tell-top .top .top-top img{ width:24px; height:24px; display:block; margin:auto;}
}
@media only screen and (max-width: 1023px){
.m-tell-top{ position:fixed; z-index:100; bottom:30px; right:5px;}
.m-tell-top .top{ width:36px;}
.m-tell-top .top .top-tell{ display:none;}
.m-tell-top .top .top-top{ display:flex; align-items:center; box-shadow:0px 2px 10px 0px rgba(205, 208, 221, 0.5); width:100%; height:36px; background-color:#fff; border-radius:6px; text-align:center;}
.m-tell-top .top .top-top img{ width:24px; height:24px; display:block; margin:auto;}
}

/*内页*/
@media screen and (min-width:1281px){
.ban{ width:100%; height:250px; background-position:center; background-repeat:no-repeat; background-size:cover; border-top:141px solid #fff;}
.ban div{ width:100%; height:100%; background-color:rgba(0,0,0,.7); display:flex; align-items:center;}
.ban p{ width:1200px; margin:auto; text-align:center;}
.ban p b{ display:block; color:#fff; font-size:30px; line-height:40px; margin-bottom:10px;}
.ban p span{ display:block; color:#fff; font-size:16px; line-height:26px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}

.wei{ width:100%; height:50px; background-color:#fff; background-image:url(../images/wei.jpg); background-position:left bottom; background-repeat:repeat-x;}
.wei .box{ width:1200px; margin:auto;}
.wei .box .left{ float:left; padding-left:26px; background-image:url(../images/home.png); background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:50px;}
.wei .box .right{ float:right;}
.wei .box .right a{ display:block; float:left; font-size:14px; line-height:50px; height:48px;}
.wei .box .right span{ font-size:12px; color:#ccc; display:block; float:left; margin:0 30px; line-height:50px;}
.wei .box .right a:hover{ color:#0a23b2;}
.wei .box .right a.on{ color:#0a23b2; border-bottom:2px solid #0a23b2;}

.main{ width:100%; padding-top:65px; padding-bottom:70px;}
}
@media screen and (min-width: 1024px) and (max-width: 1280px){
.ban{ width:100%; height:200px; background-position:center; background-repeat:no-repeat; background-size:cover; border-top:119px solid #fff;}
.ban div{ width:100%; height:100%; background-color:rgba(0,0,0,.7); display:flex; align-items:center;}
.ban p{ width:94%; margin:auto; text-align:center;}
.ban p b{ display:block; color:#fff; font-size:24px; line-height:34px; margin-bottom:7px;}
.ban p span{ display:block; color:#fff; font-size:15px; line-height:25px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}

.wei{ width:100%; height:50px; background-color:#fff; background-image:url(../images/wei.jpg); background-position:left bottom; background-repeat:repeat-x;}
.wei .box{ width:94%; margin:auto;}
.wei .box .left{ float:left; padding-left:26px; background-image:url(../images/home.png); background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:50px;}
.wei .box .right{ float:right;}
.wei .box .right a{ display:block; float:left; font-size:14px; line-height:50px; height:48px;}
.wei .box .right span{ font-size:12px; color:#ccc; display:block; float:left; margin:0 2vw; line-height:50px;}
.wei .box .right a:hover{ color:#0a23b2;}
.wei .box .right a.on{ color:#0a23b2; border-bottom:2px solid #0a23b2;}

.main{ width:100%; padding-top:45px; padding-bottom:50px;}
}
@media only screen and (max-width: 1023px){
.ban{ width:100%; height:150px; background-position:center; background-repeat:no-repeat; background-size:cover; border-top:97px solid #fff;}
.ban div{ width:100%; height:100%; background-color:rgba(0,0,0,.7); display:flex; align-items:center;}
.ban p{ width:94%; margin:auto; text-align:center;}
.ban p b{ display:block; color:#fff; font-size:20px; line-height:30px; margin-bottom:4px;}
.ban p span{ display:block; color:#fff; font-size:14px; line-height:24px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}

.wei{ width:100%; background-color:#fff; background-image:url(../images/wei.jpg); background-position:left bottom; background-repeat:repeat-x;}
.wei .box{ width:94%; margin:auto;}
.wei .box .left{ float:left; margin-top:10px; padding-left:20px; background-image:url(../images/home.png); background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:20px;}
.wei .box .right{ float:right; width:100%; display:flex; justify-content:center; flex-wrap:wrap;}
.wei .box .right a{ display:block; float:left; font-size:14px; line-height:34px; height:34px;}
.wei .box .right span{ font-size:12px; color:#ccc; display:block; float:left; margin:0 10px; line-height:34px;}
.wei .box .right a:hover{ color:#0a23b2;}
.wei .box .right a.on{ color:#0a23b2; border-bottom:2px solid #0a23b2;}

.main{ width:100%; padding-top:35px; padding-bottom:40px;}
}

/*会社概要*/
@media screen and (min-width:1281px){
.ab{ width:1200px; margin:auto; margin-top:30px; box-shadow:0 0 20px rgba(0,0,0,.1); padding:30px; box-sizing:border-box;}
.ab .flex{ display:flex; align-items:center; background-color:#f7f7f7;}
.ab .flex:nth-child(2n){ background-color:#fff;}
.ab .flex .text-lg{ width:25%; padding:15px 2%; font-size:18px; line-height:28px; font-weight:bold;}
.ab .flex .text-rg{ width:67%; padding:15px 2%; font-size:16px; line-height:26px;}
.ab .bt{ font-size:24px; font-weight:bold; margin-top:30px; line-height:34px;}
.ab .list{ padding-top:20px; border-top:1px solid #eee; margin-top:25px;}
.ab .list li{ display:flex; align-items:center; margin-top:10px;}
.ab .list li label{ width:100px; display:block; text-align:center; font-size:16px; line-height:26px; padding:5px 10px; background-color:#f7f7f7;}
.ab .list li .flex-1{ flex:1; margin-left:10px; display:block; font-size:14px; line-height:24px;}
}
@media screen and (min-width: 1024px) and (max-width: 1280px){
.ab{ width:94%; margin:auto; margin-top:25px; box-shadow:0 0 15px rgba(0,0,0,.1); padding:25px; box-sizing:border-box;}
.ab .flex{ display:flex; align-items:center; background-color:#f7f7f7;}
.ab .flex:nth-child(2n){ background-color:#fff;}
.ab .flex .text-lg{ width:25%; padding:10px 2%; font-size:18px; line-height:28px; font-weight:bold;}
.ab .flex .text-rg{ width:67%; padding:10px 2%; font-size:16px; line-height:26px;}
.ab .bt{ font-size:20px; font-weight:bold; margin-top:25px; line-height:30px;}
.ab .list{ padding-top:15px; border-top:1px solid #eee; margin-top:20px;}
.ab .list li{ display:flex; align-items:center; margin-top:8px;}
.ab .list li label{ width:80px; display:block; text-align:center; font-size:16px; line-height:26px; padding:5px 10px; background-color:#f7f7f7;}
.ab .list li .flex-1{ flex:1; margin-left:10px; display:block; font-size:14px; line-height:24px;}
}
@media only screen and (max-width: 1023px){
.ab{ width:94%; margin:auto; margin-top:15px; box-shadow:0 0 10px rgba(0,0,0,.1); padding:15px; box-sizing:border-box;}
.ab .flex{ display:flex; align-items:center; background-color:#f7f7f7;}
.ab .flex:nth-child(2n){ background-color:#fff;}
.ab .flex .text-lg{ width:110px; padding:5px 10px; font-size:16px; line-height:26px; font-weight:bold;}
.ab .flex .text-rg{ width:calc(100% - 140px); padding:5px 10px; padding-left:0; font-size:14px; line-height:24px;}
.ab .bt{ font-size:20px; font-weight:bold; margin-top:25px; line-height:30px;}
.ab .list{ padding-top:10px; border-top:1px solid #eee; margin-top:15px;}
.ab .list li{ display:flex; align-items:center; margin-top:5px;}
.ab .list li label{ width:60px; display:block; text-align:center; font-size:14px; line-height:24px; padding:4px 10px; background-color:#f7f7f7;}
.ab .list li .flex-1{ flex:1; margin-left:10px; display:block; font-size:14px; line-height:24px;}
}

/*業界情報*/
@media screen and (min-width:1280px){
.main .news{ width:1200px; margin:auto; position:relative; z-index:3;}
.main .news li{ display:block; overflow:hidden;}
.main .news li span{ display:block; width:250px; float:left; font-size:16px; line-height:73px; height:73px; border-bottom:2px solid #333; overflow:hidden;}
.main .news li a{ display:block; width:calc(100% - 290px); float:left; font-size:14px; line-height:73px; height:73px; border-bottom:2px solid #e9e9e9; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .news li b{ display:block; width:40px; float:left; height:73px; border-bottom:2px solid #e9e9e9; overflow:hidden; position:relative;}
.main .news li b:before{ width:100%; height:2px; display:block; content:''; background-color:#333; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); overflow:hidden;}
.main .news li:hover span,.main .news li:hover a,.main .news li:hover b{ border-bottom:2px solid #0a23b2;}
.main .news li a:hover{ color:#0a23b2;}

.main .fanye{ width:100%; margin-top:35px; text-align:center;}
.main .fanye li{ margin:0 3px; display:inline-block;}
.main .fanye li a{ min-width:14px; padding:0 5px; height:24px; line-height:24px; background-color:#f2f2f2; border-radius:3px; display:block;}
.main .fanye li span{ min-width:14px; padding:0 5px; height:24px; line-height:24px; border-radius:3px; display:block;}
.main .fanye li.active span{ color:#fff; background-color:#0a23b2;}
.main .fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.main .fanye li a:hover{ color:#0a23b2;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.main .news{ width:94%; margin:auto; position:relative; z-index:3;}
.main .news li{ display:block; overflow:hidden;}
.main .news li span{ display:block; width:170px; float:left; font-size:16px; line-height:64px; height:64px; border-bottom:2px solid #333; overflow:hidden;}
.main .news li a{ display:block; width:calc(100% - 200px); float:left; font-size:14px; line-height:64px; height:64px; border-bottom:2px solid #e9e9e9; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .news li b{ display:block; width:30px; float:left; height:64px; border-bottom:2px solid #e9e9e9; overflow:hidden; position:relative;}
.main .news li b:before{ width:100%; height:2px; display:block; content:''; background-color:#333; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); overflow:hidden;}
.main .news li:hover span,.main .news li:hover a,.main .news li:hover b{ border-bottom:2px solid #0a23b2;}
.main .news li a:hover{ color:#0a23b2;}

.main .fanye{ width:100%; margin-top:30px; text-align:center;}
.main .fanye li{ margin:0 3px; display:inline-block;}
.main .fanye li a{ min-width:14px; padding:0 5px; height:24px; line-height:24px; background-color:#f2f2f2; border-radius:3px; display:block;}
.main .fanye li span{ min-width:14px; padding:0 5px; height:24px; line-height:24px; border-radius:3px; display:block;}
.main .fanye li.active span{ color:#fff; background-color:#0a23b2;}
.main .fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.main .fanye li a:hover{ color:#0a23b2;}
}
@media only screen and (max-width: 1023px){
.main .news{ width:94%; margin:auto; position:relative; z-index:3;}
.main .news li{ display:block; overflow:hidden;}
.main .news li span{ display:block; width:90px; float:left; font-size:14px; line-height:44px; height:44px; border-bottom:2px solid #333; overflow:hidden;}
.main .news li a{ display:block; width:calc(100% - 110px); float:left; font-size:14px; line-height:44px; height:44px; border-bottom:2px solid #e9e9e9; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .news li b{ display:block; width:20px; float:left; height:44px; border-bottom:2px solid #e9e9e9; overflow:hidden; position:relative;}
.main .news li b:before{ width:100%; height:2px; display:block; content:''; background-color:#333; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); overflow:hidden;}
.main .news li:hover span,.main .news li:hover a,.main .news li:hover b{ border-bottom:2px solid #0a23b2;}
.main .news li a:hover{ color:#0a23b2;}

.main .fanye{ width:100%; margin-top:20px; text-align:center;}
.main .fanye li{ margin:0 3px; display:inline-block;}
.main .fanye li a{ min-width:14px; padding:0 5px; height:24px; line-height:24px; background-color:#f2f2f2; border-radius:3px; display:block;}
.main .fanye li span{ min-width:14px; padding:0 5px; height:24px; line-height:24px; border-radius:3px; display:block;}
.main .fanye li.active span{ color:#fff; background-color:#0a23b2;}
.main .fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.main .fanye li a:hover{ color:#0a23b2;}
}

/*業界情報内页*/
@media screen and (min-width:1281px){
.ny{ width:1200px; margin:65px auto; margin-bottom:30px; position:relative; z-index:1;}
.ny .titles{ width:100%;}
.ny .titles b{ display:block; font-size:24px; line-height:34px; color:#333;}
.ny .titles span{ display:block; font-size:14px; line-height:24px; color:#333; margin-top:10px;}
.ny .titles p{ display:block; margin-top:10px; width:100px; height:2px; background-color:#333;}
.ny .wen{ margin-top:25px; font-size:14px; line-height:24px;}
.ny .wen img{ max-width:100%; height:auto !important;}
#portfolio-nav{ width:100%; height:40px; padding:30px 0; margin:auto; margin-top:25px; position:relative; vertical-align:middle; text-align:center; border-top:1px solid #cacaca;}
#portfolio-nav .fh{ display:block; width:40px; height:40px; position:absolute; left:50%; margin-left:-20px; top:50%; margin-top:-20px;}
#portfolio-nav .fh p{ cursor:pointer; display:block; margin:auto; float:left; margin-left:17px; margin-top:17px; position:relative; background-position:11px center; background-repeat:no-repeat; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; font-size:20px; width:40px; height:40px;}
#portfolio-nav .fh i { width:6px; height:6px; display:block; border-radius:0; transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); -webkit-transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); font-size:20px; left:18px; top:22px; color:#888; background-color:#888; box-shadow:-0.5em 0 #888, -0.5em 0.5em #888, 0.5em 0 #888, 0.5em -0.5em #888, 0 -0.5em #888, -0.5em -0.5em #888, 0 0.5em #888, 0.5em 0.5em #888;}
#portfolio-nav .fh:hover p i{ background-color:#333; color:#333; box-shadow:-0.6em 0 #333, -0.6em 0.6em #333, 0.6em 0 #333, 0.6em -0.6em #333, 0 -0.6em #333, -0.6em -0.6em #333, 0 0.6em #333, 0.6em 0.6em #333;}
#portfolio-nav .prev{ float:left; cursor:pointer; display:block; font-size:14px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .prev p{ display:block; float:left; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px; margin-right:10px;}
#portfolio-nav .prev .ico{ display:block; float:left; width:30px; height:40px; background:url(../images/zz.png) no-repeat left center; background-size:10px 16px;}
#portfolio-nav .prev .line { width:0px; height:2px; position:absolute; left:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .prev:hover p{ width:40px;}
#portfolio-nav .prev:hover .line{ width:30px;}
#portfolio-nav .next{ float:right; cursor:pointer; display:block; font-size:14px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .next p{ display:block; float:right; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px; margin-left:10px;}
#portfolio-nav .next .ico{ display:block; float:right; width:30px; height:40px; background:url(../images/yy.png) no-repeat right center; background-size:10px 16px;}
#portfolio-nav .next .line { width:0px; height:2px; position:absolute; right:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .next:hover p{ width:40px;}
#portfolio-nav .next:hover .line{ width:30px;}
}
@media screen and (min-width: 1024px) and (max-width: 1280px){
.ny{ width:94%; margin:45px auto; margin-bottom:30px; position:relative; z-index:1;}
.ny .titles{ width:100%;}
.ny .titles b{ display:block; font-size:22px; line-height:32px; color:#333;}
.ny .titles span{ display:block; font-size:14px; line-height:24px; color:#333; margin-top:5px;}
.ny .titles p{ display:block; margin-top:10px; width:100px; height:2px; background-color:#333;}
.ny .wen{ margin-top:20px; font-size:14px; line-height:24px;}
.ny .wen img{ max-width:100%; height:auto !important;}
#portfolio-nav{ width:100%; height:40px; padding:20px 0; margin:auto; margin-top:20px; position:relative; vertical-align:middle; text-align:center; border-top:1px solid #cacaca;}
#portfolio-nav .fh{ display:block; width:40px; height:40px; position:absolute; left:50%; margin-left:-20px; top:50%; margin-top:-20px;}
#portfolio-nav .fh p{ cursor:pointer; display:block; margin:auto; float:left; margin-left:17px; margin-top:17px; position:relative; background-position:11px center; background-repeat:no-repeat; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; font-size:20px; width:40px; height:40px;}
#portfolio-nav .fh i { width:6px; height:6px; display:block; border-radius:0; transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); -webkit-transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); font-size:20px; left:18px; top:22px; color:#888; background-color:#888; box-shadow:-0.5em 0 #888, -0.5em 0.5em #888, 0.5em 0 #888, 0.5em -0.5em #888, 0 -0.5em #888, -0.5em -0.5em #888, 0 0.5em #888, 0.5em 0.5em #888;}
#portfolio-nav .fh:hover p i{ background-color:#333; color:#333; box-shadow:-0.6em 0 #333, -0.6em 0.6em #333, 0.6em 0 #333, 0.6em -0.6em #333, 0 -0.6em #333, -0.6em -0.6em #333, 0 0.6em #333, 0.6em 0.6em #333;}
#portfolio-nav .prev{ float:left; cursor:pointer; display:block; font-size:14px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .prev p{ display:block; float:left; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px; margin-right:10px;}
#portfolio-nav .prev .ico{ display:block; float:left; width:30px; height:40px; background:url(../images/zz.png) no-repeat left center; background-size:10px 16px;}
#portfolio-nav .prev .line { width:0px; height:2px; position:absolute; left:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .prev:hover p{ width:40px;}
#portfolio-nav .prev:hover .line{ width:30px;}
#portfolio-nav .next{ float:right; cursor:pointer; display:block; font-size:14px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .next p{ display:block; float:right; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px; margin-left:10px;}
#portfolio-nav .next .ico{ display:block; float:right; width:30px; height:40px; background:url(../images/yy.png) no-repeat right center; background-size:10px 16px;}
#portfolio-nav .next .line { width:0px; height:2px; position:absolute; right:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .next:hover p{ width:40px;}
#portfolio-nav .next:hover .line{ width:30px;}
}
@media only screen and (max-width: 1023px){
.ny{ width:94%; margin:35px auto; margin-bottom:20px; position:relative; z-index:1;}
.ny .titles{ width:100%;}
.ny .titles b{ display:block; font-size:18px; line-height:28px; color:#333;}
.ny .titles span{ display:block; font-size:14px; line-height:20px; color:#333; margin-top:5px;}
.ny .titles p{ display:block; margin-top:10px; width:50px; height:2px; background-color:#333;}
.ny .wen{ margin-top:15px; font-size:14px; line-height:24px;}
.ny .wen img{ max-width:100%; height:auto !important;}
#portfolio-nav{ width:100%; height:40px; padding:15px 0; margin:auto; margin-top:15px; position:relative; vertical-align:middle; text-align:center; border-top:1px solid #cacaca;}
#portfolio-nav .fh{ display:block; width:40px; height:40px; position:absolute; left:50%; margin-left:-20px; top:50%; margin-top:-20px;}
#portfolio-nav .fh p{ cursor:pointer; display:block; margin:auto; float:left; margin-left:17px; margin-top:17px; position:relative; background-position:11px center; background-repeat:no-repeat; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; font-size:20px; width:40px; height:40px;}
#portfolio-nav .fh i { width:6px; height:6px; display:block; border-radius:0; transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); -webkit-transition:all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1); font-size:20px; left:18px; top:22px; color:#888; background-color:#888; box-shadow:-0.5em 0 #888, -0.5em 0.5em #888, 0.5em 0 #888, 0.5em -0.5em #888, 0 -0.5em #888, -0.5em -0.5em #888, 0 0.5em #888, 0.5em 0.5em #888;}
#portfolio-nav .fh:hover p i{ background-color:#333; color:#333; box-shadow:-0.6em 0 #333, -0.6em 0.6em #333, 0.6em 0 #333, 0.6em -0.6em #333, 0 -0.6em #333, -0.6em -0.6em #333, 0 0.6em #333, 0.6em 0.6em #333;}
#portfolio-nav .prev{ float:left; cursor:pointer; display:block; font-size:14px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .prev p{ display:block; float:left; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px;}
#portfolio-nav .prev .ico{ display:block; float:left; width:30px; height:40px; background:url(../images/zz.png) no-repeat left center; background-size:10px 16px;}
#portfolio-nav .prev .line { width:0px; height:2px; position:absolute; left:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .prev:hover .line{ width:20px;}
#portfolio-nav .next{ float:right; cursor:pointer; display:block; font-size:14px; line-height:40px; max-width:calc(50% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#portfolio-nav .next p{ display:block; float:right; width:30px; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); position:relative; height:40px;}
#portfolio-nav .next .ico{ display:block; float:right; width:30px; height:40px; background:url(../images/yy.png) no-repeat right center; background-size:10px 16px;}
#portfolio-nav .next .line { width:0px; height:2px; position:absolute; right:0; top:50%; transition:all 0.5s cubic-bezier(0.4, 0.5, 0.2, 1.2); margin-top:-1px; background:#000;}
#portfolio-nav .next:hover .line{ width:20px;}
}

/*主要業務*/
@media screen and (min-width:1280px){
.main .yw{ width:1200px; margin:auto; position:relative; z-index:3;}
.main .yw .w01{ font-size:24px; line-height:34px; font-weight:bold; margin-top:25px;}
.main .yw .w02{ width:50px; height:2px; background-color:#0a23b2; margin-top:10px;}
.main .yw .w03{ font-size:14px; line-height:30px; margin-top:22px;}
.main .yw .w03 img{ max-width:100%; height:auto !important;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.main .yw{ width:94%; margin:auto; position:relative; z-index:3;}
.main .yw .w01{ font-size:20px; line-height:30px; font-weight:bold; margin-top:20px;}
.main .yw .w02{ width:40px; height:2px; background-color:#0a23b2; margin-top:7px;}
.main .yw .w03{ font-size:14px; line-height:24px; margin-top:15px;}
.main .yw .w03 img{ max-width:100%; height:auto !important;}
}
@media only screen and (max-width: 1023px){
.main .yw{ width:94%; margin:auto; position:relative; z-index:3;}
.main .yw .w01{ font-size:16px; line-height:30px; font-weight:bold; margin-top:10px;}
.main .yw .w02{ width:30px; height:2px; background-color:#0a23b2; margin-top:5px;}
.main .yw .w03{ font-size:14px; line-height:24px; margin-top:10px;}
.main .yw .w03 img{ max-width:100%; height:auto !important;}
}

/*パートナー*/
@media screen and (min-width:1280px){
.main .hz{ display:block; width:1200px;margin:auto; position:relative; z-index:3; padding-top:10px;}
.main .hz li{ width:18.8%; border:1px solid #ddd; box-sizing:border-box; margin-left:1.5%; margin-top:20px; display:block; float:left; overflow:hidden; position:relative; background-color:#fff;}
.main .hz li:nth-child(5n+1){ clear:left; float:left; margin-left:0;}
.main .hz li a{ width:100%; display:block; padding-top:50%; position:relative; overflow:hidden;}
.main .hz li a img{ max-width:100%; max-height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.main .hz li:hover{ border:1px solid #0a23b2;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.main .hz{ display:block; width:94%; margin:auto; position:relative; z-index:3; padding-top:5px;}
.main .hz li{ width:18.8%; border:1px solid #ddd; box-sizing:border-box; margin-left:1.5%; margin-top:20px; display:block; float:left; overflow:hidden; position:relative; background-color:#fff;}
.main .hz li:nth-child(5n+1){ clear:left; float:left; margin-left:0;}
.main .hz li a{ width:100%; display:block; padding-top:50%; position:relative; overflow:hidden;}
.main .hz li a img{ max-width:100%; max-height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.main .hz li:hover{ border:1px solid #0a23b2;}
}
@media only screen and (max-width:1023px){
.main .hz{ display:block; width:94%; margin:auto; position:relative; z-index:3;}
.main .hz li{ width:31.33%; border:1px solid #ddd; box-sizing:border-box; margin-left:3%; margin-top:15px; display:block; float:left; overflow:hidden; position:relative; background-color:#fff;}
.main .hz li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.main .hz li a{ width:100%; display:block; padding-top:50%; position:relative; overflow:hidden;}
.main .hz li a img{ max-width:100%; max-height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.main .hz li:hover{ border:1px solid #0a23b2;}
}

/*主要取扱いメーカー*/
@media screen and (min-width:1280px){
.main .gs{ width:1198px; display:block; margin:auto; padding-top:5px; position:relative; z-index:3;}
.main .gs a{ width:240px; padding:0 20px; height:50px; line-height:50px; font-size:16px; text-align:center; overflow:hidden; border-radius:10px; background-color:#f7f7f7; margin-top:30px; margin-left:26px; display:block; float:left;}
.main .gs a:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .gs a:hover{ background-color:#0a23b2; color:#fff;}
.main .sou{ width:1200px; margin:auto; margin-top:30px; display:flex; align-items:center; justify-content:center;}
.main .sou .w01{ font-size:20px; line-height:30px; font-weight:bold;}
.main .sou .w02{ width:500px; margin-left:30px; border-bottom:1px solid #333;}
.main .sou .w02 .emptyInput{ width:calc(100% - 40px); display:block; float:left; height:40px; line-height:40px; overflow:hidden;}
.main .sou .w02 .btn-search{ width:20px; display:block; float:right; height:40px; overflow:hidden; background-color:transparent;}
.main .sou .w02 .btn-search img{ height:20px; margin:10px auto; cursor:pointer; display:block;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.main .gs{ width:94%; display:block; margin:auto; padding-top:5px; position:relative; z-index:3;}
.main .gs a{ width:23.5%; box-sizing:border-box; padding:0 20px; height:46px; line-height:46px; font-size:15px; text-align:center; overflow:hidden; border-radius:10px; background-color:#f7f7f7; margin-top:25px; margin-left:2%; display:block; float:left;}
.main .gs a:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .gs a:hover{ background-color:#0a23b2; color:#fff;}
.main .sou{ width:94%; margin:auto; margin-top:25px; display:flex; align-items:center; justify-content:center;}
.main .sou .w01{ font-size:18px; line-height:28px; font-weight:bold;}
.main .sou .w02{ width:500px; margin-left:20px; border-bottom:1px solid #333;}
.main .sou .w02 .emptyInput{ width:calc(100% - 40px); display:block; float:left; height:38px; line-height:38px; overflow:hidden;}
.main .sou .w02 .btn-search{ width:18px; display:block; float:right; height:38px; overflow:hidden; background-color:transparent;}
.main .sou .w02 .btn-search img{ height:18px; margin:10px auto; cursor:pointer; display:block;}
}
@media only screen and (max-width: 1023px){
.main .gs{ width:94%; display:block; margin:auto; padding-top:5px; position:relative; z-index:3;}
.main .gs a{ width:48.5%; box-sizing:border-box; padding:0 15px; height:40px; line-height:40px; font-size:14px; text-align:center; overflow:hidden; border-radius:10px; background-color:#f7f7f7; margin-top:15px; margin-left:3%; display:block; float:left;}
.main .gs a:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .gs a:hover{ background-color:#0a23b2; color:#fff;}
.main .sou{ width:94%; margin:auto; margin-top:15px; display:flex; align-items:center; justify-content:center;}
.main .sou .w01{ font-size:16px; line-height:26px; font-weight:bold;}
.main .sou .w02{ flex:1; margin-left:10px; border-bottom:1px solid #333;}
.main .sou .w02 .emptyInput{ width:calc(100% - 36px); display:block; float:left; height:30px; line-height:30px; overflow:hidden;}
.main .sou .w02 .btn-search{ width:16px; display:block; float:right; height:30px; overflow:hidden; background-color:transparent;}
.main .sou .w02 .btn-search img{ height:16px; margin:7px auto; cursor:pointer; display:block;}
}

/*联系我们*/
@media screen and (min-width:1280px){
.main .lx{ width:1200px; margin:auto; margin-top:30px;}
.main .lx .left{ width:600px; height:430px; float:left;}
.main .lx .left #map{ width:100%; height:100%;}
.main .lx .right{ width:550px; float:right; display:block;}
.main .lx .right dt{ display:block; overflow:hidden; margin-top:20px; min-height:48px; background-position:left top; background-repeat:no-repeat; padding-left:68px;}
.main .lx .right dt span{ display:block; font-size:14px; line-height:24px; height:24px;}
.main .lx .right dt p{ display:block; font-size:16px; line-height:24px;}
.main .lx .right dd{ display:flex; align-items:center; margin-top:30px;}
.main .lx .right dd strong{ width:108px; height:108px; border:1px solid #ddd; display:flex; align-items:center; overflow:hidden;}
.main .lx .right dd strong img{ max-width:100%; display:block; margin:auto;}
.main .lx .right dd p{ display:block; font-size:14px; line-height:24px; margin-left:20px;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.main .lx{ width:94%; margin:auto; margin-top:25px;}
.main .lx .left{ width:50%; height:430px; float:left;}
.main .lx .left #map{ width:100%; height:100%;}
.main .lx .right{ width:45%; float:right; display:block;}
.main .lx .right dt{ display:block; overflow:hidden; margin-top:20px; min-height:48px; background-position:left top; background-repeat:no-repeat; padding-left:68px;}
.main .lx .right dt span{ display:block; font-size:14px; line-height:24px; height:24px;}
.main .lx .right dt p{ display:block; font-size:16px; line-height:24px;}
.main .lx .right dd{ display:flex; align-items:center; margin-top:30px;}
.main .lx .right dd strong{ width:108px; height:108px; border:1px solid #ddd; display:flex; align-items:center; overflow:hidden;}
.main .lx .right dd strong img{ max-width:100%; display:block; margin:auto;}
.main .lx .right dd p{ display:block; font-size:14px; line-height:24px; margin-left:20px;}
}
@media only screen and (max-width: 1023px){
.main .lx{ width:94%; margin:auto; margin-top:20px;}
.main .lx .left{ width:100%; height:260px; float:left;}
.main .lx .left #map{ width:100%; height:100%;}
.main .lx .right{ width:100%; float:right; display:block;}
.main .lx .right dt{ display:block; overflow:hidden; margin-top:15px; min-height:48px; background-position:left top; background-repeat:no-repeat; padding-left:58px;}
.main .lx .right dt span{ display:block; font-size:14px; line-height:24px; height:24px;}
.main .lx .right dt p{ display:block; font-size:16px; line-height:24px;}
.main .lx .right dd{ display:flex; align-items:center; margin-top:20px;}
.main .lx .right dd strong{ width:108px; height:108px; border:1px solid #ddd; display:flex; align-items:center; overflow:hidden;}
.main .lx .right dd strong img{ max-width:100%; display:block; margin:auto;}
.main .lx .right dd p{ display:block; font-size:14px; line-height:24px; margin-left:20px;}
}

@media screen and (min-width:1280px){
.main .lx01{ width:1200px; margin:auto; padding-top:5px;}
.main .lx01 .inp{ width:580px; float:left; margin-top:25px; margin-left:40px;}
.main .lx01 .inp:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .lx01 .inp .bt{ width:120px; font-size:14px; height:46px; line-height:46px; text-align:right; float:left;}
.main .lx01 .inp .bt b{ color:#da0000; margin-right:10px;}
.main .lx01 .inp input{ width:calc(100% - 140px); padding:0 19px; margin-left:20px; box-sizing:border-box; border:1px solid #ddd; border-radius:5px; height:46px; line-height:44px; display:block; overflow:hidden; float:left;}
.main .lx01 .textarea{ width:100%; float:left; margin-top:25px;}
.main .lx01 .textarea .bt{ width:120px; font-size:14px; height:46px; line-height:46px; text-align:right; float:left;}
.main .lx01 .textarea textarea{ width:calc(100% - 140px); padding:10px 19px; margin-left:20px; box-sizing:border-box; border:1px solid #ddd; border-radius:5px; height:120px; line-height:24px; display:block; overflow:hidden; float:left; font-family:inherit;}
.main .lx01 .sub{ width:100%; float:left; margin-top:25px;}
.main .lx01 .sub input{ width:180px; height:46px; line-height:46px; border-radius:5px; display:block; margin:auto; background-color:#333; color:#fff; cursor:pointer; font-size:16px;}
.main .lx01 .sub input:hover{ background-color:#0a23b2;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.main .lx01{ width:94%; margin:auto; margin-top:5px;}
.main .lx01 .inp{ width:49%; float:left; margin-top:20px; margin-left:2%;}
.main .lx01 .inp:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .lx01 .inp .bt{ width:120px; font-size:14px; height:44px; line-height:44px; text-align:right; float:left;}
.main .lx01 .inp .bt b{ color:#da0000; margin-right:7px;}
.main .lx01 .inp input{ width:calc(100% - 135px); padding:0 14px; margin-left:15px; box-sizing:border-box; border:1px solid #ddd; border-radius:5px; height:44px; line-height:42px; display:block; overflow:hidden; float:left;}
.main .lx01 .textarea{ width:100%; float:left; margin-top:25px;}
.main .lx01 .textarea .bt{ width:120px; font-size:14px; height:46px; line-height:46px; text-align:right; float:left;}
.main .lx01 .textarea textarea{ width:calc(100% - 135px); padding:9px 14px; margin-left:15px; box-sizing:border-box; border:1px solid #ddd; border-radius:5px; height:120px; line-height:24px; display:block; overflow:hidden; float:left; font-family:inherit;}
.main .lx01 .sub{ width:100%; float:left; margin-top:25px;}
.main .lx01 .sub input{ width:160px; height:44px; line-height:44px; border-radius:5px; display:block; margin:auto; background-color:#333; color:#fff; cursor:pointer; font-size:16px;}
.main .lx01 .sub input:hover{ background-color:#0a23b2;}
}
@media only screen and (max-width: 1023px){
.main .lx01{ width:94%; margin:auto;}
.main .lx01 .inp{ width:100%; float:left; margin-top:15px;}
.main .lx01 .inp .bt{ width:100%; font-size:14px; height:24px; line-height:24px;}
.main .lx01 .inp .bt b{ color:#da0000; margin-right:7px;}
.main .lx01 .inp input{ width:100%; margin-top:5px; padding:0 14px; box-sizing:border-box; border:1px solid #ddd; border-radius:5px; height:40px; line-height:38px; display:block; overflow:hidden;}
.main .lx01 .textarea{ width:100%; float:left; margin-top:15px;}
.main .lx01 .textarea .bt{ width:100%; font-size:14px; height:24px; line-height:24px;}
.main .lx01 .textarea textarea{ width:100%; margin-top:5px; padding:7px 14px; box-sizing:border-box; border:1px solid #ddd; border-radius:5px; height:120px; line-height:24px; display:block; overflow:hidden; font-family:inherit;}
.main .lx01 .sub{ width:100%; float:left; margin-top:20px;}
.main .lx01 .sub input{ width:140px; height:40px; line-height:40px; border-radius:5px; display:block; margin:auto; background-color:#333; color:#fff; cursor:pointer; font-size:14px;}
.main .lx01 .sub input:hover{ background-color:#0a23b2;}
}