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

body{ font:14px/1.7 '思源黑体','Maven Pro', sans-serif; color:#aaa; background-color:#1d1d1d; overflow-x:hidden;}
a{ text-decoration:none; color:inherit; -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:#333;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#333;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#333;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#333;} 
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%; height:90px; position:fixed; left:0; top:0; z-index:999; background-color:#0b0b0b; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.header.pos{ height:70px;}
.header .head{ width:94%; max-width:1400px; margin:auto; height:100%; display:flex;}
.header .head .logo{ display:flex; align-items:center;}
.header .head .logo img{ display:block; height:40px;}
.header .head .logo img.img02{ display:none;}
.header .head .hamburger{ display:none;}
.header .head .nav{ flex:1; height:100%; display:flex;}
.header .head .nav>ul{ flex:1; display:flex; justify-content:center;}
.header .head .nav>ul>li{ display:flex; align-items:center; margin:0 1.3vw; position:relative;}
.header .head .nav>ul>li>a{ display:block; font-size:16px; line-height:30px; height:30px; color:#fff;}
.header .head .nav>ul>li>b{ width:0; height:1px; display:block; position:absolute; left:0; top:50%; margin-top:14px; background-color:#edb130; overflow:hidden; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.header .head .nav>ul>li:hover>b,.header .head .nav>ul>li.on>b{ width:100%;}
.header .head .nav .sec_menu{ width:300px; position:absolute; left:-30px; top:100%; display:none;}
.header .head .nav>ul>li:hover .sec_menu{ display:block;}
.header .head .nav .sec_menu>li{ width:100%; padding:0 30px; box-sizing:border-box; height:56px; position:relative; background-color:#1d1d1d;}
.header .head .nav .sec_menu>li>a{ display:block; font-size:16px; line-height:56px; height:56px; overflow:hidden; border-bottom:1px solid #484848; box-sizing:border-box; color:#fff;}
.header .head .nav .sec_menu>li:last-child{ border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.header .head .nav .sec_menu>li:last-child>a{ border-bottom:none;}
.header .head .nav .sec_menu>li:hover{ background-color:#484848;}
.header .head .nav .thr_menu{ position:absolute; left:100%; top:0; background-color:#242529; display:none;}
.header .head .nav .sec_menu>li:hover .thr_menu{ display:flex;}
.header .head .nav .thr_menu li{ width:210px; height:140px; overflow:hidden; text-align:center;}
.header .head .nav .thr_menu li strong{ width:100%; margin-top:30px; display:block;}
.header .head .nav .thr_menu li strong img{ height:50px; display:block; margin:auto;}
.header .head .nav .thr_menu li p{ width:calc(100% - 60px); font-size:14px; line-height:24px; height:24px; margin:auto; margin-top:12px; display:block; color:#fff; overflow:hidden;}
.header .head .nav .thr_menu li:hover{ background-color:#333539;}
.header .head .nav .fir_menu{ width:300px; position:absolute; left:-30px; top:100%; display:none; border-bottom-left-radius:10px; border-bottom-right-radius:10px; overflow:hidden;}
.header .head .nav>ul>li:hover .fir_menu{ display:block;}
.header .head .nav .fir_menu>li{ width:100%; padding:0 30px; box-sizing:border-box; height:56px; position:relative; background-color:#1d1d1d;}
.header .head .nav .fir_menu>li>a{ display:block; font-size:16px; line-height:56px; height:56px; overflow:hidden; border-bottom:1px solid #484848; box-sizing:border-box; color:#fff;}
.header .head .nav .fir_menu>li:last-child>a{ border-bottom:none;}
.header .head .nav .fir_menu>li a span{ display:block; height:55px; float:left; position:relative;}
.header .head .nav .fir_menu>li a span:before{ width:0; height:1px; content:''; display:block; position:absolute; left:0; bottom:13px; background-color:#edb130; overflow:hidden; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.header .head .nav .fir_menu>li:hover span:before{ width:100%;}
.header .head .nav .zx{ width:150px; display:flex; align-items:center;}
.header .head .nav .zx p{ width:100%; height:34px; position:relative; overflow:hidden; display:block; border-radius:34px; text-align:center; background-color:#edb130;}
.header .head .nav .zx a{ display:block; width:100%; line-height:34px; color:#333; overflow:hidden; letter-spacing:4px; text-indent:4px; cursor:pointer; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s; position:relative;}
.header .head .nav .zx a:after{ content:attr(data-text); display:block; width:100%; color:#333;}
.header .head .nav .zx a:hover{ transform:translateY(-34px);}

.menu{ display:none;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.header{ width:100%; height:80px; position:fixed; left:0; top:0; z-index:999; background-color:#0b0b0b; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.header.pos{ height:60px;}
.header .head{ width:94%; margin:auto; height:100%; display:flex;}
.header .head .logo{ display:flex; align-items:center;}
.header .head .logo img{ display:block; height:40px;}
.header .head .logo img.img02{ display:none;}
.header .head .hamburger{ display:none;}
.header .head .nav{ flex:1; height:100%; display:flex;}
.header .head .nav>ul{ flex:1; display:flex; justify-content:center;}
.header .head .nav>ul>li{ display:flex; align-items:center; margin:0 1.3vw; position:relative;}
.header .head .nav>ul>li>a{ display:block; font-size:16px; line-height:30px; height:30px; color:#fff;}
.header .head .nav>ul>li>b{ width:0; height:1px; display:block; position:absolute; left:0; top:50%; margin-top:14px; background-color:#edb130; overflow:hidden; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.header .head .nav>ul>li:hover>b,.header .head .nav>ul>li.on>b{ width:100%;}
.header .head .nav .sec_menu{ width:260px; position:absolute; left:-20px; top:100%; display:none;}
.header .head .nav>ul>li:hover .sec_menu{ display:block;}
.header .head .nav .sec_menu>li{ width:100%; padding:0 20px; box-sizing:border-box; height:50px; position:relative; background-color:#1d1d1d;}
.header .head .nav .sec_menu>li>a{ display:block; font-size:15px; line-height:49px; height:50px; overflow:hidden; border-bottom:1px solid #484848; box-sizing:border-box; color:#fff;}
.header .head .nav .sec_menu>li:last-child{ border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.header .head .nav .sec_menu>li:last-child>a{ border-bottom:none;}
.header .head .nav .sec_menu>li:hover{ background-color:#484848;}
.header .head .nav .thr_menu{ position:absolute; left:100%; top:0; background-color:#242529; display:none;}
.header .head .nav .sec_menu>li:hover .thr_menu{ display:flex;}
.header .head .nav .thr_menu li{ width:180px; height:120px; overflow:hidden; text-align:center;}
.header .head .nav .thr_menu li strong{ width:100%; margin-top:20px; display:block;}
.header .head .nav .thr_menu li strong img{ height:50px; display:block; margin:auto;}
.header .head .nav .thr_menu li p{ width:calc(100% - 40px); font-size:14px; line-height:24px; height:24px; margin:auto; margin-top:12px; display:block; color:#fff; overflow:hidden;}
.header .head .nav .thr_menu li:hover{ background-color:#333539;}
.header .head .nav .fir_menu{ width:260px; position:absolute; left:-20px; top:100%; display:none; border-bottom-left-radius:10px; border-bottom-right-radius:10px; overflow:hidden;}
.header .head .nav>ul>li:hover .fir_menu{ display:block;}
.header .head .nav .fir_menu>li{ width:100%; padding:0 20px; box-sizing:border-box; height:50px; position:relative; background-color:#1d1d1d;}
.header .head .nav .fir_menu>li>a{ display:block; font-size:15px; line-height:49px; height:50px; overflow:hidden; border-bottom:1px solid #484848; box-sizing:border-box; color:#fff;}
.header .head .nav .fir_menu>li:last-child>a{ border-bottom:none;}
.header .head .nav .fir_menu>li a span{ display:block; height:49px; float:left; position:relative;}
.header .head .nav .fir_menu>li a span:before{ width:0; height:1px; content:''; display:block; position:absolute; left:0; bottom:9px; background-color:#edb130; overflow:hidden; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.header .head .nav .fir_menu>li:hover span:before{ width:100%;}
.header .head .nav .zx{ width:130px; display:flex; align-items:center;}
.header .head .nav .zx p{ width:100%; height:34px; position:relative; overflow:hidden; display:block; border-radius:34px; text-align:center; background-color:#edb130;}
.header .head .nav .zx a{ display:block; width:100%; line-height:34px; color:#333; overflow:hidden; letter-spacing:4px; text-indent:4px; cursor:pointer; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s; position:relative;}
.header .head .nav .zx a:after{ content:attr(data-text); display:block; width:100%; color:#333;}
.header .head .nav .zx a:hover{ transform:translateY(-34px);}

.menu{ display:none;}
}
@media only screen and (max-width: 1023px){
.header{ width:100%; height:60px; position:fixed; left:0; top:0; z-index:999; background-color:#0b0b0b;}
.header .head{ width:100%; margin:auto; height:100%;}
.header .head .logo{ display:flex; align-items:center; height:60px; float:left; margin-left:3%;}
.header .head .logo img{ display:block; height:36px;}
.header .head .logo img.img01{ display:none;}
.header .head .hamburger{ height:30px; width:24px; padding:15px 18px; float:right; transition:left 0.3s ease-out 0s, opacity 0.3s linear 0s;}
.header .head .hamburger .h-bar{ display:block; width:24px; height:2px; background-color:#fff; margin:6px auto; transform:rotate(0deg); opacity:1; transition:all 0.4s ease-out 0s;}
.header .head .hamburger.open-menu .h-bar{ margin-left:8px;}
.header .head .hamburger.open-menu .h-bar:nth-of-type(1){ transform:rotate(45deg) translateY(11px);}
.header .head .hamburger.open-menu .h-bar:nth-of-type(2){ opacity:0;}
.header .head .hamburger.open-menu .h-bar:nth-of-type(3){ transform:rotate(-45deg) translateY(-11px);}
.header .head .hamburger.open-menu .h-bar{ margin-bottom:0px;}
.header .head .nav{ display:none;}

.menu{ width:0; height:calc(100vh - 60px); position:fixed; top:60px; left:0; z-index:97; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.menu.open-menu{ width:100%; overflow-y:auto;}
.menu .mask{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.7); z-index:1;}
.menu .box{ width:80%; min-height:100%; background-color:#1d1d1d; position:relative; z-index:3;}
.menu .box .sav{ padding:20px; border-bottom:1px solid #333;}
.menu .box .sav>li{ display:block; padding:7px 0;}
.menu .box .sav>li>a{ font-size:16px; height:26px; line-height:26px; display:block; overflow:hidden; color:#fff;}
.menu .box .sav>li>a.on{ color:#edb130;}
.menu .box .sav>li>a.xz{ color:#edb130;}
.menu .box .sav>li>a img{ display:block; float:right; height:14px; margin:6px 0;}
.menu .box .sav>li>ul{ padding-left:15px; display:none; overflow:hidden;}
.menu .box .sav>li>ul>li{ display:block;}
.menu .box .sav>li>ul>li>a{ font-size:14px; height:30px; line-height:30px; display:block; overflow:hidden; color:#aaa;}
.menu .box .sav>li>ul>li>a.sen_x{ color:#edb130;}
.menu .box .sav>li>ul>li>a img{ display:block; float:right; height:14px; margin:8px 0; opacity:.5;}
.menu .box .sav>li>ul>li>ul{ display:none; padding-bottom:5px; padding-left:15px;}
.menu .box .sav>li>ul>li>ul li{ display:block;}
.menu .box .sav>li>ul>li>ul li a{ color:#999;}
.menu .box .zx{ width:calc(100% - 40px); margin:30px auto;}
.menu .box .zx p{ width:100%; height:40px; position:relative; overflow:hidden; display:block; border-radius:40px; text-align:center; background-color:#edb130;}
.menu .box .zx a{ display:block; width:100%; font-size:16px; line-height:40px; color:#333; overflow:hidden; letter-spacing:4px; text-indent:4px; cursor:pointer; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s; position:relative;}
.menu .box .zx a:after{ content:attr(data-text); display:block; width:100%; color:#333;}
.menu .box .zx a:hover{ transform:translateY(-34px);}
}

/*商务合作*/
@media screen and (min-width:1280px){
.zkuang{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:fixed; left:0; top:0; z-index:99999; display:none;}
.zkuang .bg{ width:100%; height:100%;}
.zkuang .box{ width:94%; max-width:1400px; background-color:#fff; border-radius:30px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.zkuang .box .cont{ width:100%; max-height:90vh; padding:50px; box-sizing:border-box; overflow:auto;}
.zkuang .box .cont::-webkit-scrollbar{ width:5px; height:1px;}
.zkuang .box .cont::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#edb130;}
.zkuang .box .cont::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.7);}
.zkuang .box .top{ width:calc(100% - 100px); background-color:#f7f7f7; border-radius:10px; display:flex; padding:45px 50px;}
.zkuang .box .top .line{ width:1px; background-color:#ddd; margin:5px 6.25%;}
.zkuang .box .top .ma{ display:flex; flex-direction:column; justify-content:center; align-items:center;}
.zkuang .box .top .ma b{ font-size:20px; line-height:30px; text-align:center; display:block; color:#333;}
.zkuang .box .top .ma strong{ width:158px; height:158px; display:block; background-color:#fff; border:1px solid #ddd; overflow:hidden; margin-top:15px;}
.zkuang .box .top .ma strong img{ width:100%; display:block;}
.zkuang .box .top .ma p{ font-size:16px; line-height:26px; margin-top:19px; text-align:center; display:block; color:#333;}
.zkuang .box .top .lian{ flex:1; display:flex; flex-direction:column; justify-content:center; margin-left:5%;}
.zkuang .box .top .lian li{ display:flex; align-items:center; margin:15px 0; width:100%;}
.zkuang .box .top .lian li img{ display:block; height:50px;}
.zkuang .box .top .lian li p{ display:block; margin-left:1vw; flex:1;}
.zkuang .box .top .lian li p span{ display:block; font-weight:bold; font-size:16px; line-height:24px; color:#333;}
.zkuang .box .top .lian li p a{ display:block; font-size:16px; line-height:26px; color:#333;}
.zkuang .box .top .lian li p b{ display:block; font-size:20px; line-height:26px; color:#edb130;}
.zkuang .box .top .mail{ width:26.66%; display:flex; flex-direction:column; justify-content:center;}
.zkuang .box .top .mail li{ display:block; overflow:hidden; margin:10px 0; width:100%;}
.zkuang .box .top .mail li span{ display:block; overflow:hidden;}
.zkuang .box .top .mail li span b{ display:block; float:left; font-size:18px; line-height:28px; height:28px; color:#333;}
.zkuang .box .top .mail li span a{ display:block; float:left; font-size:14px; line-height:22px; height:28px; color:#999; margin-left:10px; text-transform:uppercase; position:relative;}
.zkuang .box .top .mail li span a:before{ width:30px; height:2px; display:block; position:absolute; left:0; bottom:5px; content:''; background-color:#edb130; overflow:hidden;}
.zkuang .box .top .mail li p{ display:block; font-size:16px; line-height:26px; color:#333;}
.zkuang .box .title{ width:100%; margin-top:45px; position:relative;}
.zkuang .box .title b{ display:block; float:left; padding-right:20px; font-size:30px; line-height:40px; color:#333; background-color:#fff; position:relative; z-index:3;}
.zkuang .box .title a{ width:100%; height:1px; display:block; background-color:#999; overflow:hidden; position:absolute; left:0; top:50%; z-index:1;}
.zkuang .box .mess{ width:100%; margin-top:-5px;}
.zkuang .box .mess .zc{ width:52.31%; float:left;}
.zkuang .box .mess .zc .m01{ margin-top:25px; float:left; width:44.12%; margin-right:5.88%;}
.zkuang .box .mess .zc .m01 span{ display:block; font-size:14px; line-height:24px; color:#333;}
.zkuang .box .mess .zc .m01 p{ display:block; width:calc(100% - 2px); height:38px; border:1px solid #ddd; margin-top:5px; border-radius:5px; overflow:hidden;}
.zkuang .box .mess .zc .m01 p input{ width:100%; font-size:14px; line-height:38px; height:38px; display:block; text-indent:14px; color:#333;}
.zkuang .box .mess .yc{ width:47.69%; float:left; margin-top:25px;}
.zkuang .box .mess .yc span{ display:block; font-size:14px; line-height:24px; color:#333;}
.zkuang .box .mess .yc p{ display:block; width:calc(100% - 2px); border:1px solid #ddd; margin-top:5px; border-radius:5px; overflow:hidden;}
.zkuang .box .mess .yc p textarea{ width:100%; font-size:14px; line-height:24px; padding:7px 14px; height:132px; display:block; color:#333; box-sizing:border-box;}
.zkuang .box .mess .sub{ width:100%; float:left; margin-top:30px;}
.zkuang .box .mess .sub input{ width:200px; height:40px; line-height:40px; border-radius:40px; text-align:center; background-color:#edb130; color:#333; overflow:hidden; letter-spacing:4px; text-indent:4px; cursor:pointer; font-size:16px; display:block; margin:auto;}
.zkuang .box .mess .sub input:hover{ background-color:#f3bb43;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.zkuang{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:fixed; left:0; top:0; z-index:99999; display:none;}
.zkuang .bg{ width:100%; height:100%;}
.zkuang .box{ width:94%; max-width:1400px; background-color:#fff; border-radius:20px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.zkuang .box .cont{ width:100%; max-height:90vh; padding:35px; box-sizing:border-box; overflow:auto;}
.zkuang .box .cont::-webkit-scrollbar{ width:5px; height:1px;}
.zkuang .box .cont::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#edb130;}
.zkuang .box .cont::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.7);}
.zkuang .box .top{ width:calc(100% - 60px); background-color:#f7f7f7; border-radius:10px; display:flex; padding:25px 30px;}
.zkuang .box .top .line{ width:1px; background-color:#ddd; margin:5px 5%;}
.zkuang .box .top .ma{ display:flex; flex-direction:column; justify-content:center; align-items:center;}
.zkuang .box .top .ma b{ font-size:18px; line-height:28px; text-align:center; display:block; color:#333;}
.zkuang .box .top .ma strong{ width:158px; height:158px; display:block; background-color:#fff; border:1px solid #ddd; overflow:hidden; margin-top:10px;}
.zkuang .box .top .ma strong img{ width:100%; display:block;}
.zkuang .box .top .ma p{ font-size:15px; line-height:25px; margin-top:14px; text-align:center; display:block; color:#333;}
.zkuang .box .top .lian{ flex:1; display:flex; flex-direction:column; justify-content:center; margin-left:3%;}
.zkuang .box .top .lian li{ display:flex; align-items:center; margin:10px 0; width:100%;}
.zkuang .box .top .lian li img{ display:block; height:50px;}
.zkuang .box .top .lian li p{ display:block; margin-left:1vw; flex:1;}
.zkuang .box .top .lian li p span{ display:block; font-weight:bold; font-size:15px; line-height:23px; color:#333;}
.zkuang .box .top .lian li p a{ display:block; font-size:15px; line-height:25px; color:#333;}
.zkuang .box .top .lian li p b{ display:block; font-size:18px; line-height:25px; color:#edb130;}
.zkuang .box .top .mail{ width:24.66%; display:flex; flex-direction:column; justify-content:center;}
.zkuang .box .top .mail li{ display:block; overflow:hidden; margin:5px 0; width:100%;}
.zkuang .box .top .mail li span{ display:block; overflow:hidden;}
.zkuang .box .top .mail li span b{ display:block; float:left; font-size:17px; line-height:27px; height:27px; color:#333;}
.zkuang .box .top .mail li span a{ display:block; float:left; font-size:14px; line-height:22px; height:27px; color:#999; margin-left:10px; text-transform:uppercase; position:relative;}
.zkuang .box .top .mail li span a:before{ width:20px; height:2px; display:block; position:absolute; left:0; bottom:5px; content:''; background-color:#edb130; overflow:hidden;}
.zkuang .box .top .mail li p{ display:block; font-size:15px; line-height:25px; color:#333;}
.zkuang .box .title{ width:100%; margin-top:30px; position:relative;}
.zkuang .box .title b{ display:block; float:left; padding-right:15px; font-size:24px; line-height:34px; color:#333; background-color:#fff; position:relative; z-index:3;}
.zkuang .box .title a{ width:100%; height:1px; display:block; background-color:#999; overflow:hidden; position:absolute; left:0; top:50%; z-index:1;}
.zkuang .box .mess{ width:100%; margin-top:-5px;}
.zkuang .box .mess .zc{ width:52.31%; float:left;}
.zkuang .box .mess .zc .m01{ margin-top:20px; float:left; width:44.12%; margin-right:5.88%;}
.zkuang .box .mess .zc .m01 span{ display:block; font-size:14px; line-height:24px; color:#333;}
.zkuang .box .mess .zc .m01 p{ display:block; width:calc(100% - 2px); height:38px; border:1px solid #ddd; margin-top:4px; border-radius:5px; overflow:hidden;}
.zkuang .box .mess .zc .m01 p input{ width:100%; font-size:14px; line-height:38px; height:38px; display:block; text-indent:14px; color:#333;}
.zkuang .box .mess .yc{ width:47.69%; float:left; margin-top:20px;}
.zkuang .box .mess .yc span{ display:block; font-size:14px; line-height:24px; color:#333;}
.zkuang .box .mess .yc p{ display:block; width:calc(100% - 2px); border:1px solid #ddd; margin-top:5px; border-radius:5px; overflow:hidden;}
.zkuang .box .mess .yc p textarea{ width:100%; font-size:14px; line-height:24px; padding:7px 14px; height:125px; display:block; color:#333; box-sizing:border-box;}
.zkuang .box .mess .sub{ width:100%; float:left; margin-top:25px;}
.zkuang .box .mess .sub input{ width:180px; height:38px; line-height:38px; border-radius:40px; text-align:center; background-color:#edb130; color:#333; overflow:hidden; letter-spacing:4px; text-indent:4px; cursor:pointer; font-size:16px; display:block; margin:auto;}
.zkuang .box .mess .sub input:hover{ background-color:#f3bb43;}
}
@media only screen and (max-width: 1023px){
.zkuang{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:fixed; left:0; top:0; z-index:99999; display:none;}
.zkuang .bg{ width:100%; height:100%;}
.zkuang .box{ width:94%; background-color:#fff; border-radius:10px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.zkuang .box .cont{ width:100%; max-height:90vh; padding:20px 15px; box-sizing:border-box; overflow:auto;}
.zkuang .box .top{ width:calc(100% - 30px); background-color:#f7f7f7; border-radius:10px; padding:15px;}
.zkuang .box .top .line{ width:100%; height:1px; background-color:#ddd; margin-top:15px;}
.zkuang .box .top .ma{ text-align:center;}
.zkuang .box .top .ma b{ font-size:16px; line-height:26px; text-align:center; display:block; color:#333;}
.zkuang .box .top .ma strong{ width:120px; height:120px; display:block; background-color:#fff; border:1px solid #ddd; overflow:hidden; margin:auto; margin-top:5px;}
.zkuang .box .top .ma strong img{ width:100%; display:block;}
.zkuang .box .top .ma p{ font-size:14px; line-height:24px; margin-top:10px; text-align:center; display:block; color:#333;}
.zkuang .box .top .lian{ width:100%; display:block;}
.zkuang .box .top .lian li{ display:flex; align-items:center; margin-top:10px; width:100%;}
.zkuang .box .top .lian li img{ display:block; height:50px;}
.zkuang .box .top .lian li p{ display:block; margin-left:10px; flex:1;}
.zkuang .box .top .lian li p span{ display:block; font-weight:bold; font-size:14px; line-height:24px; color:#333;}
.zkuang .box .top .lian li p a{ display:block; font-size:14px; line-height:24px; color:#333;}
.zkuang .box .top .lian li p b{ display:block; font-size:16px; line-height:24px; color:#edb130;}
.zkuang .box .top .mail{ width:100%; padding-top:5px;}
.zkuang .box .top .mail li{ display:block; overflow:hidden; margin-top:10px; width:100%;}
.zkuang .box .top .mail li span{ display:block; overflow:hidden;}
.zkuang .box .top .mail li span b{ display:block; float:left; font-size:16px; line-height:26px; height:26px; color:#333;}
.zkuang .box .top .mail li span a{ display:block; float:left; font-size:12px; line-height:20px; height:26px; color:#999; margin-left:5px; text-transform:uppercase; position:relative;}
.zkuang .box .top .mail li span a:before{ width:10px; height:2px; display:block; position:absolute; left:0; bottom:5px; content:''; background-color:#edb130; overflow:hidden;}
.zkuang .box .top .mail li p{ display:block; font-size:14px; line-height:24px; color:#333; margin-top:-4px;}
.zkuang .box .title{ width:100%; margin-top:15px; position:relative;}
.zkuang .box .title b{ display:block; float:left; padding-right:10px; font-size:20px; line-height:30px; color:#333; background-color:#fff; position:relative; z-index:3;}
.zkuang .box .title a{ width:100%; height:1px; display:block; background-color:#999; overflow:hidden; position:absolute; left:0; top:50%; z-index:1;}
.zkuang .box .mess{ width:100%; margin-top:-5px;}
.zkuang .box .mess .zc{ width:100%; float:left;}
.zkuang .box .mess .zc .m01{ margin-top:10px; float:left; width:48.5%; margin-left:3%;}
.zkuang .box .mess .zc .m01:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.zkuang .box .mess .zc .m01 span{ display:block; font-size:14px; line-height:24px; color:#333;}
.zkuang .box .mess .zc .m01 p{ display:block; width:calc(100% - 2px); height:34px; border:1px solid #ddd; margin-top:2px; border-radius:5px; overflow:hidden;}
.zkuang .box .mess .zc .m01 p input{ width:100%; font-size:14px; line-height:34px; height:34px; display:block; text-indent:9px; color:#333;}
.zkuang .box .mess .yc{ width:100%; float:left; margin-top:10px;}
.zkuang .box .mess .yc span{ display:block; font-size:14px; line-height:24px; color:#333;}
.zkuang .box .mess .yc p{ display:block; width:calc(100% - 2px); border:1px solid #ddd; margin-top:2px; border-radius:5px; overflow:hidden;}
.zkuang .box .mess .yc p textarea{ width:100%; font-size:14px; line-height:24px; padding:5px 9px; height:72px; display:block; color:#333; box-sizing:border-box;}
.zkuang .box .mess .sub{ width:100%; float:left; margin-top:15px;}
.zkuang .box .mess .sub input{ width:160px; height:36px; line-height:36px; border-radius:40px; text-align:center; background-color:#edb130; color:#333; overflow:hidden; letter-spacing:4px; text-indent:4px; cursor:pointer; font-size:14px; display:block; margin:auto;}
.zkuang .box .mess .sub input:hover{ background-color:#f3bb43;}
}

/*banner*/
@media screen and (min-width:1280px){
.banner{ width:100%; height:740px; position:relative; z-index:1; border-top:90px solid #fff;}
.banner .swiper-container,.banner .swiper-wrapper{ width:100%; height:100%;}
.banner .swiper-slide{ width:100%; height:100%; position:relative; display:block; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner .swiper-slide img{ width:100%; display:none;}
.banner .swiper-pagination{ position:absolute; left:50%; bottom:40px; transform:translateX(-50%); z-index:3;}
.banner .swiper-pagination span{ width:10px; height:10px; display:block; float:left; margin:0 5px; cursor:pointer; border-radius:10px; background-color:rgba(255,255,255,.5); overflow:hidden;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ width:70px; background-color:#edb130;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.banner{ width:100%; position:relative; z-index:1; border-top:80px solid #fff;}
.banner .swiper-slide{ width:100%; position:relative; display:block; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner .swiper-slide img{ width:100%; display:block;}
.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; border-radius:10px; background-color:rgba(255,255,255,.5); overflow:hidden;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ width:50px; background-color:#edb130;}
}
@media only screen and (max-width: 1023px){
.banner{ width:100%; position:relative; z-index:1; border-top:60px solid #fff;}
.banner .swiper-slide{ width:100%; position:relative; display:block; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner .swiper-slide img{ width:100%; display:block;}
.banner .swiper-pagination{ position:absolute; left:50%; bottom:15px; transform:translateX(-50%); z-index:3;}
.banner .swiper-pagination span{ width:8px; height:8px; display:block; float:left; margin:0 5px; cursor:pointer; border-radius:8px; background-color:rgba(255,255,255,.5); overflow:hidden;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ width:30px; background-color:#edb130;}
}

/*我们的优势*/
@media screen and (min-width:1280px){
.title{ width:94%; max-width:1400px; margin:auto; position:relative; z-index:3; text-align:center;}
.title .t01{ font-size:30px; line-height:40px; color:#fff;}
.title .t02{ font-size:16px; line-height:26px; color:#ccc; margin-top:4px;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.title{ width:94%; margin:auto; position:relative; z-index:3; text-align:center;}
.title .t01{ font-size:24px; line-height:34px; color:#fff;}
.title .t02{ font-size:15px; line-height:25px; color:#ccc; margin-top:3px;}
}
@media only screen and (max-width: 1023px){
.title{ width:94%; margin:auto; position:relative; z-index:3; text-align:center;}
.title .t01{ font-size:20px; line-height:30px; color:#fff;}
.title .t02{ font-size:14px; line-height:24px; color:#ccc; margin-top:2px;}
}

@media screen and (min-width:1280px){
.ybox{ width:100%; padding-top:75px; position:relative; z-index:1; background-color:#151515;}
.ybox .box{ width:94%; max-width:1400px; margin:auto; position:relative; z-index:3;}
.ybox .box ul{ display:flex; flex-wrap:wrap;}
.ybox .box ul li{ width:22.855%; position:relative; display:block; padding:33px 30px; box-sizing:border-box; text-align:center; margin-left:2.85%; margin-top:35px;}
.ybox .box ul li:nth-child(4n+1){ margin-left:0;}
.ybox .box ul li .w01{ display:flex; justify-content:center; color:#edb130;}
.ybox .box ul li .w01 b{ display:block; font-size:48px; line-height:1; font-weight:normal;}
.ybox .box ul li .w01 p{ display:block; font-size:18px; line-height:28px; margin-left:10px;}
.ybox .box ul li .w02{ font-size:16px; line-height:26px; margin-top:10px; color:#fff;}
.ybox .box ul li .w03{ width:100%; height:100%; position:absolute; left:0; top:0; opacity:.1;}
.ybox .box ul li .w03 b{ width:50px; height:30px; display:block; position:absolute; overflow:hidden;}
.ybox .box ul li .w03 b:before{ width:100%; height:2px; background-color:#fff; position:absolute; left:0; top:0; content:''; overflow:hidden;}
.ybox .box ul li .w03 b:after{ height:100%; width:2px; background-color:#fff; position:absolute; left:0; top:0; content:''; overflow:hidden;}
.ybox .box ul li .w03 b:nth-child(2){ right:0;}
.ybox .box ul li .w03 b:nth-child(2):after{ left:auto; right:0;}
.ybox .box ul li .w03 b:nth-child(3){ bottom:0; top:auto;}
.ybox .box ul li .w03 b:nth-child(3):before{ top:auto; bottom:0;}
.ybox .box ul li .w03 b:nth-child(4){ bottom:0; top:auto; left:auto; right:0;}
.ybox .box ul li .w03 b:nth-child(4):before{ top:auto; bottom:0;}
.ybox .box ul li .w03 b:nth-child(4):after{ left:auto; right:0;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.ybox{ width:100%; padding-top:55px; position:relative; z-index:1; background-color:#151515;}
.ybox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.ybox .box ul{ display:flex; flex-wrap:wrap;}
.ybox .box ul li{ width:22.975%; position:relative; display:block; padding:25px 20px; box-sizing:border-box; text-align:center; margin-left:2.7%; margin-top:35px;}
.ybox .box ul li:nth-child(4n+1){ margin-left:0;}
.ybox .box ul li .w01{ display:flex; justify-content:center; color:#edb130;}
.ybox .box ul li .w01 b{ display:block; font-size:38px; line-height:1; font-weight:normal;}
.ybox .box ul li .w01 p{ display:block; font-size:16px; line-height:26px; margin-left:6px;}
.ybox .box ul li .w02{ font-size:15px; line-height:25px; margin-top:7px; color:#fff;}
.ybox .box ul li .w03{ width:100%; height:100%; position:absolute; left:0; top:0; opacity:.1;}
.ybox .box ul li .w03 b{ width:40px; height:25px; display:block; position:absolute; overflow:hidden;}
.ybox .box ul li .w03 b:before{ width:100%; height:2px; background-color:#fff; position:absolute; left:0; top:0; content:''; overflow:hidden;}
.ybox .box ul li .w03 b:after{ height:100%; width:2px; background-color:#fff; position:absolute; left:0; top:0; content:''; overflow:hidden;}
.ybox .box ul li .w03 b:nth-child(2){ right:0;}
.ybox .box ul li .w03 b:nth-child(2):after{ left:auto; right:0;}
.ybox .box ul li .w03 b:nth-child(3){ bottom:0; top:auto;}
.ybox .box ul li .w03 b:nth-child(3):before{ top:auto; bottom:0;}
.ybox .box ul li .w03 b:nth-child(4){ bottom:0; top:auto; left:auto; right:0;}
.ybox .box ul li .w03 b:nth-child(4):before{ top:auto; bottom:0;}
.ybox .box ul li .w03 b:nth-child(4):after{ left:auto; right:0;}
}
@media only screen and (max-width: 1023px){
.ybox{ width:100%; padding-top:35px; position:relative; z-index:1; background-color:#151515;}
.ybox .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:-5px;}
.ybox .box ul{ display:flex; flex-wrap:wrap;}
.ybox .box ul li{ width:48.5%; position:relative; display:block; padding:17px 10px; box-sizing:border-box; text-align:center; margin-top:20px; margin-left:3%;}
.ybox .box ul li:nth-child(2n+1){ margin-left:0;}
.ybox .box ul li .w01{ display:flex; justify-content:center; color:#edb130;}
.ybox .box ul li .w01 b{ display:block; font-size:28px; line-height:1; font-weight:normal;}
.ybox .box ul li .w01 p{ display:block; font-size:14px; line-height:24px; margin-left:2px;}
.ybox .box ul li .w02{ font-size:14px; line-height:24px; margin-top:4px; color:#fff;}
.ybox .box ul li .w03{ width:100%; height:100%; position:absolute; left:0; top:0; opacity:.1;}
.ybox .box ul li .w03 b{ width:30px; height:15px; display:block; position:absolute; overflow:hidden;}
.ybox .box ul li .w03 b:before{ width:100%; height:1px; background-color:#fff; position:absolute; left:0; top:0; content:''; overflow:hidden;}
.ybox .box ul li .w03 b:after{ height:100%; width:1px; background-color:#fff; position:absolute; left:0; top:0; content:''; overflow:hidden;}
.ybox .box ul li .w03 b:nth-child(2){ right:0;}
.ybox .box ul li .w03 b:nth-child(2):after{ left:auto; right:0;}
.ybox .box ul li .w03 b:nth-child(3){ bottom:0; top:auto;}
.ybox .box ul li .w03 b:nth-child(3):before{ top:auto; bottom:0;}
.ybox .box ul li .w03 b:nth-child(4){ bottom:0; top:auto; left:auto; right:0;}
.ybox .box ul li .w03 b:nth-child(4):before{ top:auto; bottom:0;}
.ybox .box ul li .w03 b:nth-child(4):after{ left:auto; right:0;}
}

/*技术亮点*/
@media screen and (min-width:1280px){
.jbox{ width:100%; padding-top:75px; padding-bottom:80px; position:relative; z-index:1; background-color:#151515;}
.jbox .box{ width:94%; max-width:1400px; margin:auto; position:relative; z-index:3;}
.jbox .box ul{ display:flex; flex-wrap:wrap;}
.jbox .box ul li{ width:22.855%; background-color:#1d1d1d; border-radius:10px; position:relative; display:block; padding:40px 30px; box-sizing:border-box; text-align:center; margin-left:2.85%; margin-top:35px;}
.jbox .box ul li:nth-child(4n+1){ margin-left:0;}
.jbox .box ul li .w01{ width:100%;}
.jbox .box ul li .w01 img{ display:block; height:80px; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.jbox .box ul li:hover .w01 img{ -webkit-transform:rotateY(-360deg);}
.jbox .box ul li .w02{ width:100%; font-size:18px; line-height:28px; color:#fff; margin-top:25px;}
.jbox .box ul li .w03{ width:30px; height:2px; background-color:#edb130; margin:10px auto; margin-bottom:15px;}
.jbox .box ul li .w04{ width:100%; font-size:14px; line-height:24px;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.jbox{ width:100%; padding-top:55px; padding-bottom:60px; position:relative; z-index:1; background-color:#151515;}
.jbox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.jbox .box ul{ display:flex; flex-wrap:wrap;}
.jbox .box ul li{ width:22.975%; background-color:#1d1d1d; border-radius:10px; position:relative; display:block; padding:30px 20px; box-sizing:border-box; text-align:center; margin-left:2.7%; margin-top:35px;}
.jbox .box ul li:nth-child(4n+1){ margin-left:0;}
.jbox .box ul li .w01{ width:100%;}
.jbox .box ul li .w01 img{ display:block; height:60px; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.jbox .box ul li:hover .w01 img{ -webkit-transform:rotateY(-360deg);}
.jbox .box ul li .w02{ width:100%; font-size:17px; line-height:27px; color:#fff; margin-top:17px;}
.jbox .box ul li .w03{ width:30px; height:2px; background-color:#edb130; margin:6px auto; margin-bottom:10px;}
.jbox .box ul li .w04{ width:100%; font-size:14px; line-height:24px;}
}
@media only screen and (max-width: 1023px){
.jbox{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#151515;}
.jbox .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:-5px;}
.jbox .box ul{ display:flex; flex-wrap:wrap;}
.jbox .box ul li{ width:48.5%; background-color:#1d1d1d; border-radius:5px; position:relative; display:block; padding:20px 10px; box-sizing:border-box; text-align:center; margin-top:20px; margin-left:3%;}
.jbox .box ul li:nth-child(2n+1){ margin-left:0;}
.jbox .box ul li .w01{ width:100%;}
.jbox .box ul li .w01 img{ display:block; height:40px; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.jbox .box ul li:hover .w01 img{ -webkit-transform:rotateY(-360deg);}
.jbox .box ul li .w02{ width:100%; font-size:16px; line-height:26px; color:#fff; margin-top:12px;}
.jbox .box ul li .w03{ width:20px; height:2px; background-color:#edb130; margin:5px auto; margin-bottom:7px;}
.jbox .box ul li .w04{ width:100%; font-size:14px; line-height:24px;}
}

/*新闻中心*/
@media screen and (min-width:1280px){
.nbox{ width:100%; padding-top:75px; padding-bottom:80px; position:relative; z-index:1; background-color:#1d1d1d;}
.nbox .box{ width:94%; max-width:1400px; margin:auto; position:relative; z-index:3; margin-top:35px;}
.nbox .box .swiper-container{ width:100%;}
.nbox .box .swiper-container .swiper-slide{ width:47.86%; margin-right:4.28%; display:block; overflow:hidden;}
.nbox .box .swiper-container .swiper-slide a{ width:100%; height:100%; display:block; overflow:hidden; position:relative;}
.nbox .box .swiper-container .swiper-slide .tu{ width:290px; height:140px; position:absolute; left:30px; top:100px; z-index:5; background-position:center; background-repeat:no-repeat; background-size:cover;}
.nbox .box .swiper-container .swiper-slide .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; border:1px solid #484848; box-sizing:border-box;}
.nbox .box .swiper-container .swiper-slide:hover .bg{ border:1px solid #edb130;}
.nbox .box .swiper-container .swiper-slide .wen{ width:100%; height:100%; position:relative; z-index:3;}
.nbox .box .swiper-container .swiper-slide .wen .w01{ width:calc(100% - 60px); margin:auto; padding-top:45px; font-size:18px; line-height:28px; height:28px; color:#fff; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .swiper-container .swiper-slide .wen .w02{ width:calc(100% - 60px); padding-left:320px; box-sizing:border-box; margin:auto; margin-top:30px; font-size:14px; line-height:24px; height:72px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.nbox .box .swiper-container .swiper-slide .wen .w03{ width:calc(100% - 60px); margin:auto; text-align:right; opacity:0; margin-top:20px;}
.nbox .box .swiper-container .swiper-slide .wen .w03 span{ display:block; font-size:18px; line-height:26px; height:26px; color:#edb130; overflow:hidden;}
.nbox .box .swiper-container .swiper-slide .wen .w03 p{ display:block; font-size:48px; line-height:1; color:#fff; overflow:hidden;}
.nbox .box .swiper-container .swiper-slide .wen .w04{ position:relative; margin-top:5px;}
.nbox .box .swiper-container .swiper-slide .wen .w04 span{ width:100%; height:1px; background-color:#484848; display:block; position:absolute; left:0; top:0; z-index:1; overflow:hidden;}
.nbox .box .swiper-container .swiper-slide .wen .w04 p{ width:150px; height:50px; line-height:50px; text-align:center; background-color:#edb130; color:#fff; float:right; position:relative; z-index:3; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.nbox .box .swiper-container .swiper-slide:hover .wen .w01{ color:#edb130;}
.nbox .box .swiper-container .swiper-slide:hover .wen .w02{ color:#fff;}
.nbox .box .swiper-container .swiper-slide:hover .wen .w03{ opacity:1;}
.nbox .box .swiper-container .swiper-slide:hover .wen .w04 span{ display:none;}
.nbox .box .swiper-container .swiper-slide:hover .wen .w04 p{ width:auto; padding:0 30px; background-color:#1d1d1d; height:49px; margin-right:1px;}

.nbox .box .swiper-button-prev{ width:50px; height:50px; background-color:rgba(0,0,0,.7); background-image:url(../images/prev.png); background-position:center; background-repeat:no-repeat; position:absolute; left:0; top:50%; margin-top:-25px; z-index:3; cursor:pointer; overflow:hidden;}
.nbox .box .swiper-button-next{ width:50px; height:50px; background-color:rgba(0,0,0,.7); background-image:url(../images/next.png); background-position:center; background-repeat:no-repeat; position:absolute; right:0; top:50%; margin-top:-25px; z-index:3; cursor:pointer; overflow:hidden;}
.nbox .box .swiper-button-prev:hover,.nbox .box .swiper-button-next:hover{ background-color:#edb130;}

.nbox .swiper-pagination{ width:100%; display:flex; justify-content:center; align-items:center; margin-top:30px;}
.nbox .swiper-pagination span{ width:6px; height:6px; display:block; margin:0 10px; cursor:pointer; border-radius:100%; background-color:#fff; overflow:hidden; position:relative;}
.nbox .swiper-pagination span.swiper-pagination-bullet-active{ width:18px; height:18px; border:1px solid #edb130; background-color:transparent;}
.nbox .swiper-pagination span.swiper-pagination-bullet-active:before{ display:block; content:''; width:6px; height:6px; border-radius:100%; background-color:#edb130; overflow:hidden; position:absolute; left:50%; margin-left:-3px; top:50%; margin-top:-3px;}
.nbox .more{ width:238px; height:48px; margin:auto; border:1px solid #484848; margin-top:40px;}
.nbox .more a{ width:100%; line-height:48px; text-align:center; font-size:14px; color:#fff; display:block; overflow:hidden; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s; position:relative;}
.nbox .more a:after{ content:attr(data-text); display:block; width:100%; color:#edb130;}
.nbox .more:hover{ border:1px solid #edb130;}
.nbox .more:hover a{ transform:translateY(-48px);}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.nbox{ width:100%; padding-top:55px; padding-bottom:60px; position:relative; z-index:1; background-color:#1d1d1d;}
.nbox .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:25px;}
.nbox .box .swiper-container{ width:100%;}
.nbox .box .swiper-container .swiper-slide{ width:48%; margin-right:4%; display:block; overflow:hidden;}
.nbox .box .swiper-container .swiper-slide a{ width:100%; height:100%; display:block; overflow:hidden; position:relative;}
.nbox .box .swiper-container .swiper-slide .tu{ width:200px; height:130px; position:absolute; left:20px; top:80px; z-index:5; background-position:center; background-repeat:no-repeat; background-size:cover;}
.nbox .box .swiper-container .swiper-slide .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; border:1px solid #484848; box-sizing:border-box;}
.nbox .box .swiper-container .swiper-slide:hover .bg{ border:1px solid #edb130;}
.nbox .box .swiper-container .swiper-slide .wen{ width:100%; height:100%; position:relative; z-index:3;}
.nbox .box .swiper-container .swiper-slide .wen .w01{ width:calc(100% - 40px); margin:auto; padding-top:35px; font-size:17px; line-height:27px; height:27px; color:#fff; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .swiper-container .swiper-slide .wen .w02{ width:calc(100% - 40px); padding-left:220px; box-sizing:border-box; margin:auto; margin-top:20px; font-size:14px; line-height:24px; height:72px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.nbox .box .swiper-container .swiper-slide .wen .w03{ width:calc(100% - 40px); margin:auto; text-align:right; opacity:0; margin-top:15px;}
.nbox .box .swiper-container .swiper-slide .wen .w03 span{ display:block; font-size:17px; line-height:25px; height:25px; color:#edb130; overflow:hidden;}
.nbox .box .swiper-container .swiper-slide .wen .w03 p{ display:block; font-size:38px; line-height:1; color:#fff; overflow:hidden;}
.nbox .box .swiper-container .swiper-slide .wen .w04{ position:relative; margin-top:5px;}
.nbox .box .swiper-container .swiper-slide .wen .w04 span{ width:100%; height:1px; background-color:#484848; display:block; position:absolute; left:0; top:0; z-index:1; overflow:hidden;}
.nbox .box .swiper-container .swiper-slide .wen .w04 p{ width:140px; height:46px; line-height:46px; text-align:center; background-color:#edb130; color:#fff; float:right; position:relative; z-index:3; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.nbox .box .swiper-container .swiper-slide:hover .wen .w01{ color:#edb130;}
.nbox .box .swiper-container .swiper-slide:hover .wen .w02{ color:#fff;}
.nbox .box .swiper-container .swiper-slide:hover .wen .w03{ opacity:1;}
.nbox .box .swiper-container .swiper-slide:hover .wen .w04 span{ display:none;}
.nbox .box .swiper-container .swiper-slide:hover .wen .w04 p{ width:auto; padding:0 20px; background-color:#1d1d1d; height:45px; margin-right:1px;}

.nbox .box .swiper-button-prev{ width:46px; height:46px; background-color:rgba(0,0,0,.7); background-image:url(../images/prev.png); background-position:center; background-repeat:no-repeat; position:absolute; left:0; top:50%; margin-top:-23px; z-index:3; cursor:pointer; overflow:hidden;}
.nbox .box .swiper-button-next{ width:46px; height:46px; background-color:rgba(0,0,0,.7); background-image:url(../images/next.png); background-position:center; background-repeat:no-repeat; position:absolute; right:0; top:50%; margin-top:-23px; z-index:3; cursor:pointer; overflow:hidden;}
.nbox .box .swiper-button-prev:hover,.nbox .box .swiper-button-next:hover{ background-color:#edb130;}

.nbox .swiper-pagination{ width:100%; display:flex; justify-content:center; align-items:center; margin-top:30px;}
.nbox .swiper-pagination span{ width:6px; height:6px; display:block; margin:0 10px; cursor:pointer; border-radius:100%; background-color:#fff; overflow:hidden; position:relative;}
.nbox .swiper-pagination span.swiper-pagination-bullet-active{ width:18px; height:18px; border:1px solid #edb130; background-color:transparent;}
.nbox .swiper-pagination span.swiper-pagination-bullet-active:before{ display:block; content:''; width:6px; height:6px; border-radius:100%; background-color:#edb130; overflow:hidden; position:absolute; left:50%; margin-left:-3px; top:50%; margin-top:-3px;}
.nbox .more{ width:198px; height:44px; margin:auto; border:1px solid #484848; margin-top:30px;}
.nbox .more a{ width:100%; line-height:44px; text-align:center; font-size:14px; color:#fff; display:block; overflow:hidden; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s; position:relative;}
.nbox .more a:after{ content:attr(data-text); display:block; width:100%; color:#edb130;}
.nbox .more:hover{ border:1px solid #edb130;}
.nbox .more:hover a{ transform:translateY(-44px);}
}
@media only screen and (max-width: 1023px){
.nbox{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#1d1d1d;}
.nbox .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:15px;}
.nbox .box .swiper-container{ width:100%;}
.nbox .box .swiper-container .swiper-slide{ width:100%; display:block; overflow:hidden; padding:0 20px; box-sizing:border-box;}
.nbox .box .swiper-container .swiper-slide a{ width:100%; height:100%; display:block; overflow:hidden; position:relative;}
.nbox .box .swiper-container .swiper-slide .tu{ width:calc(100% - 30px); height:44.89vw; margin:15px; margin-bottom:0; z-index:5; background-position:center; background-repeat:no-repeat; background-size:cover;}
.nbox .box .swiper-container .swiper-slide .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; border:1px solid #484848; box-sizing:border-box;}
.nbox .box .swiper-container .swiper-slide:hover .bg{ border:1px solid #edb130;}
.nbox .box .swiper-container .swiper-slide .wen{ width:100%; height:100%; position:relative; z-index:3;}
.nbox .box .swiper-container .swiper-slide .wen .w01{ width:calc(100% - 30px); margin:auto; padding-top:20px; font-size:16px; line-height:26px; height:26px; color:#fff; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box .swiper-container .swiper-slide .wen .w02{ width:calc(100% - 30px); margin:auto; margin-top:5px; font-size:14px; line-height:24px; height:72px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.nbox .box .swiper-container .swiper-slide .wen .w03{ width:calc(100% - 30px); margin:auto; text-align:right; margin-top:5px;}
.nbox .box .swiper-container .swiper-slide .wen .w03 span{ display:block; font-size:16px; line-height:24px; height:24px; overflow:hidden; color:#edb130;}
.nbox .box .swiper-container .swiper-slide .wen .w03 p{ display:block; font-size:28px; line-height:1; overflow:hidden; color:#fff;}
.nbox .box .swiper-container .swiper-slide .wen .w04{ position:relative; margin-top:15px;}
.nbox .box .swiper-container .swiper-slide .wen .w04 span{ width:100%; height:1px; background-color:#484848; display:block; position:absolute; left:0; top:0; z-index:1; overflow:hidden;}
.nbox .box .swiper-container .swiper-slide .wen .w04 p{ width:120px; height:40px; line-height:40px; text-align:center; background-color:#edb130; color:#fff; float:right; position:relative; z-index:3; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.nbox .box .swiper-container .swiper-slide:hover .wen .w01{ color:#edb130;}
.nbox .box .swiper-container .swiper-slide:hover .wen .w02{ color:#fff;}
.nbox .box .swiper-container .swiper-slide:hover .wen .w04 span{ display:none;}
.nbox .box .swiper-container .swiper-slide:hover .wen .w04 p{ width:auto; padding:0 15px; background-color:#1d1d1d; height:39px; margin-right:1px;}

.nbox .box .swiper-button-prev{ width:40px; height:40px; background-color:rgba(0,0,0,.7); background-image:url(../images/prev.png); background-position:center; background-repeat:no-repeat; position:absolute; left:0; top:50%; margin-top:-20px; z-index:3; cursor:pointer; overflow:hidden;}
.nbox .box .swiper-button-next{ width:46px; height:40px; background-color:rgba(0,0,0,.7); background-image:url(../images/next.png); background-position:center; background-repeat:no-repeat; position:absolute; right:0; top:50%; margin-top:-20px; z-index:3; cursor:pointer; overflow:hidden;}
.nbox .box .swiper-button-prev:hover,.nbox .box .swiper-button-next:hover{ background-color:#edb130;}

.nbox .swiper-pagination{ width:100%; display:flex; justify-content:center; align-items:center; margin-top:20px;}
.nbox .swiper-pagination span{ width:6px; height:6px; display:block; margin:0 10px; cursor:pointer; border-radius:100%; background-color:#fff; overflow:hidden; position:relative;}
.nbox .swiper-pagination span.swiper-pagination-bullet-active{ width:18px; height:18px; border:1px solid #edb130; background-color:transparent;}
.nbox .swiper-pagination span.swiper-pagination-bullet-active:before{ display:block; content:''; width:6px; height:6px; border-radius:100%; background-color:#edb130; overflow:hidden; position:absolute; left:50%; margin-left:-3px; top:50%; margin-top:-3px;}
.nbox .more{ width:168px; height:38px; margin:auto; border:1px solid #484848; margin-top:20px;}
.nbox .more a{ width:100%; line-height:38px; text-align:center; font-size:14px; color:#fff; display:block; overflow:hidden; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s; position:relative;}
.nbox .more a:after{ content:attr(data-text); display:block; width:100%; color:#edb130;}
.nbox .more:hover{ border:1px solid #edb130;}
.nbox .more:hover a{ transform:translateY(-44px);}
}
@media screen and (min-width: 640px) and (max-width: 1023px){
.nbox .box .swiper-container .swiper-slide{ width:48.5%; margin-right:3%; padding:0;}
}

/*案例展示*/
@media screen and (min-width:1280px){
.cbox{ width:100%; padding-top:75px; padding-bottom:80px; position:relative; z-index:1; background-color:#151515;}
.cbox .box{ width:94%; max-width:1400px; margin:auto; position:relative; z-index:3; margin-top:35px;}
.cbox .box .swiper-container{ width:100%;}
.cbox .box .swiper-container .swiper-slide{ width:22.855%; position:relative; display:block; margin-right:2.85%; overflow:hidden;}
.cbox .box .swiper-slide .w01{ width:100%; position:relative;}
.cbox .box .swiper-slide .w01:before{ width:100%; display:block; content:''; padding-top:75%; overflow:hidden;}
.cbox .box .swiper-slide .w01 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.cbox .box .swiper-slide .w02{ padding-top:25px; width:100%; font-size:18px; line-height:28px; color:#fff; text-overflow:ellipsis; white-space:nowrap;}
.cbox .box .swiper-slide .w03{ padding-top:5px; width:100%; font-size:14px; line-height:24px; height:48px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.cbox .box .swiper-slide .w04{ width:100%; height:1px; background-color:#484848; margin:auto; margin-top:25px;}
.cbox .box .swiper-slide .w05{ width:100%; position:absolute; left:0; bottom:-10px; height:0;}
.cbox .box .swiper-slide .w05 p{ display:block; font-size:14px; line-height:34px; height:34px; color:#aaa; float:left;}
.cbox .box .swiper-slide .w05 span{ display:block; font-size:14px; line-height:34px; height:34px; color:#aaa; float:right;}
.cbox .box .swiper-slide:hover .w02{ padding-top:15px; color:#edb130;}
.cbox .box .swiper-slide:hover .w03{ padding-top:0; color:#fff;}
.cbox .box .swiper-slide:hover .w04{ margin-top:15px;}
.cbox .box .swiper-slide:hover .w05{ opacity:1; height:34px;}

.cbox .box .swiper-button-prev{ width:50px; height:50px; background-color:rgba(0,0,0,.7); background-image:url(../images/prev.png); background-position:center; background-repeat:no-repeat; position:absolute; left:0; top:50%; margin-top:-91px; z-index:3; cursor:pointer; overflow:hidden;}
.cbox .box .swiper-button-next{ width:50px; height:50px; background-color:rgba(0,0,0,.7); background-image:url(../images/next.png); background-position:center; background-repeat:no-repeat; position:absolute; right:0; top:50%; margin-top:-91px; z-index:3; cursor:pointer; overflow:hidden;}
.cbox .box .swiper-button-prev:hover,.cbox .box .swiper-button-next:hover{ background-color:#edb130;}

.cbox .more{ width:238px; height:48px; margin:auto; border:1px solid #484848; margin-top:40px;}
.cbox .more a{ width:100%; line-height:48px; text-align:center; font-size:14px; color:#fff; display:block; overflow:hidden; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s; position:relative;}
.cbox .more a:after{ content:attr(data-text); display:block; width:100%; color:#edb130;}
.cbox .more:hover{ border:1px solid #edb130;}
.cbox .more:hover a{ transform:translateY(-48px);}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.cbox{ width:100%; padding-top:55px; padding-bottom:60px; position:relative; z-index:1; background-color:#151515;}
.cbox .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:25px;}
.cbox .box .swiper-container{ width:100%;}
.cbox .box .swiper-container .swiper-slide{ width:31.33%; position:relative; display:block; margin-right:3%; overflow:hidden;}
.cbox .box .swiper-slide .w01{ width:100%; position:relative;}
.cbox .box .swiper-slide .w01:before{ width:100%; display:block; content:''; padding-top:75%; overflow:hidden;}
.cbox .box .swiper-slide .w01 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.cbox .box .swiper-slide .w02{ padding-top:15px; width:100%; font-size:17px; line-height:27px; color:#fff; text-overflow:ellipsis; white-space:nowrap;}
.cbox .box .swiper-slide .w03{ padding-top:5px; width:100%; font-size:14px; line-height:24px; height:48px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.cbox .box .swiper-slide .w04{ width:100%; height:1px; background-color:#484848; margin:auto; margin-top:15px;}
.cbox .box .swiper-slide .w05{ width:100%; position:absolute; left:0; bottom:-10px; height:0;}
.cbox .box .swiper-slide .w05 p{ display:block; font-size:14px; line-height:34px; height:34px; color:#aaa; float:left;}
.cbox .box .swiper-slide .w05 span{ display:block; font-size:14px; line-height:34px; height:34px; color:#aaa; float:right;}
.cbox .box .swiper-slide:hover .w02{ padding-top:5px; color:#edb130;}
.cbox .box .swiper-slide:hover .w03{ padding-top:0; color:#fff;}
.cbox .box .swiper-slide:hover .w04{ margin-top:5px;}
.cbox .box .swiper-slide:hover .w05{ opacity:1; height:34px;}

.cbox .box .swiper-button-prev{ width:46px; height:46px; background-color:rgba(0,0,0,.7); background-image:url(../images/prev.png); background-position:center; background-repeat:no-repeat; position:absolute; left:0; top:50%; margin-top:-79px; z-index:3; cursor:pointer; overflow:hidden;}
.cbox .box .swiper-button-next{ width:46px; height:46px; background-color:rgba(0,0,0,.7); background-image:url(../images/next.png); background-position:center; background-repeat:no-repeat; position:absolute; right:0; top:50%; margin-top:-79px; z-index:3; cursor:pointer; overflow:hidden;}
.cbox .box .swiper-button-prev:hover,.cbox .box .swiper-button-next:hover{ background-color:#edb130;}

.cbox .more{ width:198px; height:44px; margin:auto; border:1px solid #484848; margin-top:30px;}
.cbox .more a{ width:100%; line-height:44px; text-align:center; font-size:14px; color:#fff; display:block; overflow:hidden; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s; position:relative;}
.cbox .more a:after{ content:attr(data-text); display:block; width:100%; color:#edb130;}
.cbox .more:hover{ border:1px solid #edb130;}
.cbox .more:hover a{ transform:translateY(-44px);}
}
@media only screen and (max-width: 1023px){
.cbox{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#151515;}
.cbox .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:15px;}
.cbox .box .swiper-container{ width:100%;}
.cbox .box .swiper-container .swiper-slide{ width:100%; position:relative; display:block; overflow:hidden;}
.cbox .box .swiper-slide .w01{ width:100%; position:relative;}
.cbox .box .swiper-slide .w01:before{ width:100%; display:block; content:''; padding-top:75%; overflow:hidden;}
.cbox .box .swiper-slide .w01 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.cbox .box .swiper-slide .w02{ padding-top:15px; width:100%; font-size:17px; line-height:27px; color:#fff; text-overflow:ellipsis; white-space:nowrap;}
.cbox .box .swiper-slide .w03{ padding-top:5px; width:100%; font-size:14px; line-height:24px; height:48px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.cbox .box .swiper-slide .w04{ width:100%; height:1px; background-color:#484848; margin:auto; margin-top:15px;}
.cbox .box .swiper-slide .w05{ width:100%;}
.cbox .box .swiper-slide .w05 p{ display:block; font-size:14px; line-height:34px; height:34px; color:#aaa; float:left;}
.cbox .box .swiper-slide .w05 span{ display:block; font-size:14px; line-height:34px; height:34px; color:#aaa; float:right;}
.cbox .box .swiper-slide:hover .w02{ color:#edb130;}

.cbox .box .swiper-button-prev{ width:40px; height:40px; background-color:rgba(0,0,0,.7); background-image:url(../images/prev.png); background-position:center; background-repeat:no-repeat; position:absolute; left:0; top:50%; margin-top:-89px; z-index:3; cursor:pointer; overflow:hidden;}
.cbox .box .swiper-button-next{ width:40px; height:40px; background-color:rgba(0,0,0,.7); background-image:url(../images/next.png); background-position:center; background-repeat:no-repeat; position:absolute; right:0; top:50%; margin-top:-89px; z-index:3; cursor:pointer; overflow:hidden;}
.cbox .box .swiper-button-prev:hover,.cbox .box .swiper-button-next:hover{ background-color:#edb130;}

.cbox .more{ width:158px; height:38px; margin:auto; border:1px solid #484848; margin-top:10px;}
.cbox .more a{ width:100%; line-height:38px; text-align:center; font-size:14px; color:#fff; display:block; overflow:hidden; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s; position:relative;}
.cbox .more a:after{ content:attr(data-text); display:block; width:100%; color:#edb130;}
.cbox .more:hover{ border:1px solid #edb130;}
.cbox .more:hover a{ transform:translateY(-44px);}
}
@media screen and (min-width: 640px) and (max-width: 1023px){
.cbox .box .swiper-container .swiper-slide{ width:48.5%; margin-right:3%;}
}

/*footer*/
@media screen and (min-width:1280px){
.footer{ width:100%; padding:70px 0; background-color:#0b0b0b; position:relative; z-index:1;}
.footer .f01{ width:94%; max-width:1400px; margin:auto; position:relative; z-index:3;}
.footer .f01 .left{ height:40px; float:left;}
.footer .f01 .left img{ display:block; height:40px;}
.footer .f01 .right{ height:40px; float:right; vertical-align:middle;}
.footer .f01 .right a{ display:inline-block; font-size:16px; color:#fff; margin-left:3.125vw;}
.footer .f01 .right a:hover{ color:#edb130;}
.footer .f02{ width:94%; max-width:1400px; margin:auto; position:relative; z-index:3; padding-top:15px;}
.footer .f02 dl{ display:block; float:left; margin-right:6.71%; margin-top:40px;}
.footer .f02 dl dt{ display:block;}
.footer .f02 dl dt b{ display:block; font-size:20px; line-height:30px; color:#fff;}
.footer .f02 dl dt p{ display:block; font-size:14px; line-height:22px; color:#444; text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif;}
.footer .f02 dl dd{ display:block; margin-top:16px;}
.footer .f02 dl dd p{ display:block; font-size:16px; line-height:26px; padding-top:4px; color:#aaa; overflow:hidden;}
.footer .f03{ width:94%; max-width:1400px; margin:auto; position:relative; z-index:5; padding-top:65px;}
.footer .f03 .left{ float:left; font-size:14px; line-height:20px;}
.footer .f03 .left p{ display:block; float:left; margin-right:20px; color:#666;}
.footer .f03 .right{ display:block; float:right;}
.footer .f03 .right li{ display:block; float:left; margin-left:30px; position:relative; height:20px;}
.footer .f03 .right li a{ display:block; height:20px; opacity:.7; cursor:pointer;}
.footer .f03 .right li:hover a{ opacity:1;}
.footer .f03 .right li a img{ display:block; height:20px;}
.footer .f03 .right li p{ display:none; position:absolute; bottom:100%; left:50%; transform:translateX(-50%);}
.footer .f03 .right li:hover p{ display:block;}
.footer .f03 .right li p img{ width:100px; display:block;}
.footer .f03 .right li p b{ width:14px; height:20px; display:block; margin:auto; background-image:url(../images/foot.png); background-position:top center; background-repeat:no-repeat;}
.footer .f03 .right li p span{ padding:7px 30px; background-color:#fff; border-radius:5px; font-size:16px; line-height:26px; color:#333; display:block; overflow:hidden;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.footer{ width:100%; padding:50px 0; background-color:#0b0b0b; position:relative; z-index:1;}
.footer .f01{ width:94%; margin:auto; position:relative; z-index:3;}
.footer .f01 .left{ height:40px; float:left;}
.footer .f01 .left img{ display:block; height:40px;}
.footer .f01 .right{ height:40px; float:right; vertical-align:middle;}
.footer .f01 .right a{ display:inline-block; font-size:16px; color:#fff; margin-left:3.125vw;}
.footer .f01 .right a:hover{ color:#edb130;}
.footer .f02{ width:94%; max-width:1400px; margin:auto; position:relative; z-index:3; padding-top:15px;}
.footer .f02 dl{ display:block; float:left; margin-right:6.71%; margin-top:20px;}
.footer .f02 dl dt{ display:block;}
.footer .f02 dl dt b{ display:block; font-size:18px; line-height:28px; color:#fff;}
.footer .f02 dl dt p{ display:block; font-size:13px; line-height:21px; color:#444; text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif;}
.footer .f02 dl dd{ display:block; margin-top:10px;}
.footer .f02 dl dd p{ display:block; font-size:15px; line-height:25px; padding-top:5px; color:#aaa; overflow:hidden;}
.footer .f03{ width:94%; margin:auto; position:relative; z-index:5; padding-top:45px;}
.footer .f03 .left{ float:left; font-size:14px; line-height:20px;}
.footer .f03 .left p{ display:block; float:left; margin-right:20px; color:#666;}
.footer .f03 .right{ display:block; float:right;}
.footer .f03 .right li{ display:block; float:left; margin-left:20px; position:relative; height:20px;}
.footer .f03 .right li a{ display:block; height:20px; opacity:.7; cursor:pointer;}
.footer .f03 .right li:hover a{ opacity:1;}
.footer .f03 .right li a img{ display:block; height:20px;}
.footer .f03 .right li p{ display:none; position:absolute; bottom:100%; left:50%; transform:translateX(-50%);}
.footer .f03 .right li:hover p{ display:block;}
.footer .f03 .right li:last-child p{ left:auto; right:-20px; transform:translateX(0);}
.footer .f03 .right li:last-child p b{ float:right; margin-right:25px;}
.footer .f03 .right li p img{ width:100px; display:block;}
.footer .f03 .right li p b{ width:14px; height:18px; display:block; margin:auto; background-image:url(../images/foot.png); background-position:top center; background-repeat:no-repeat;}
.footer .f03 .right li p span{ padding:6px 20px; background-color:#fff; border-radius:5px; font-size:15px; line-height:25px; color:#333; display:block; overflow:hidden;}
}
@media only screen and (max-width: 1023px){
.footer{ width:100%; padding-top:50px; padding-bottom:45px; background-color:#0b0b0b; position:relative; z-index:1;}
.footer .f01{ width:94%; margin:auto; position:relative; z-index:3;}
.footer .f01 .left{ height:40px;}
.footer .f01 .left img{ display:block; height:40px; margin:auto;}
.footer .f01 .right{ text-align:center; vertical-align:middle; margin-top:15px;}
.footer .f01 .right a{ display:inline-block; font-size:14px; color:#fff; margin:0 5px;}
.footer .f01 .right a:hover{ color:#edb130;}
.footer .f02{ width:94%; max-width:1400px; margin:auto; position:relative; z-index:3; padding-top:5px;}
.footer .f02 dl{ display:block; margin-top:10px;}
.footer .f02 dl dt{ display:block;}
.footer .f02 dl dt b{ display:block; font-size:16px; line-height:26px; color:#fff;}
.footer .f02 dl dt p{ display:block; font-size:12px; line-height:20px; color:#444; text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif;}
.footer .f02 dl dd{ display:block; margin-top:5px;}
.footer .f02 dl dd p{ display:block; font-size:14px; line-height:24px; color:#aaa; overflow:hidden;}
.footer .f03{ width:94%; margin:auto; position:relative; z-index:5; padding-top:15px;}
.footer .f03 .left{ text-align:center; font-size:14px; line-height:24px; margin-top:10px;}
.footer .f03 .left p{ display:block; color:#666;}
.footer .f03 .right{ display:block; width:100%; text-align:center;}
.footer .f03 .right li{ display:inline-block; margin:5px; position:relative; height:20px;}
.footer .f03 .right li a{ display:block; height:20px; opacity:.7; cursor:pointer;}
.footer .f03 .right li:hover a{ opacity:1;}
.footer .f03 .right li a img{ display:block; height:20px;}
.footer .f03 .right li p{ display:none; position:absolute; bottom:100%; left:50%; transform:translateX(-50%);}
.footer .f03 .right li:hover p{ display:block;}
.footer .f03 .right li p img{ width:80px; display:block;}
.footer .f03 .right li p b{ width:14px; height:15px; display:block; margin:auto; background-image:url(../images/foot.png); background-position:top center; background-repeat:no-repeat;}
.footer .f03 .right li p span{ padding:5px 10px; background-color:#fff; border-radius:5px; font-size:14px; line-height:24px; color:#333; display:block; overflow:hidden;}
}

/*内页*/
@media screen and (min-width:1280px){
.pro{ width:100%; height:740px; position:relative; z-index:1; border-top:90px solid #fff;}
.pro .tu{ width:100%; height:100%; position:relative; z-index:1;}
.pro .tu img{ display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.pro .tu img.img02{ display:none;}
.pro .wen{ width:94%; max-width:1400px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:5;}
.pro .wen .w01{ width:50%; font-size:44px; line-height:54px; color:#fff;}
.pro .wen .w02{ width:50%; font-size:24px; line-height:34px; color:#fff; margin-top:20px;}
.pro .wen .w03{ width:50%; margin-top:65px; padding-bottom:5px;}
.pro .wen .w03 .btn01{ width:218px; height:48px; border-radius:50px; border:1px solid #fff; float:left; overflow:hidden; position:relative;}
.pro .wen .w03 .btn01 a{ width:100%; display:block; position:absolute; left:0; top:0; overflow:hidden; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.pro .wen .w03 .btn01 span{ width:100%; font-size:16px; letter-spacing:4px; color:#fff; line-height:26px; height:48px; display:flex; justify-content:center; align-items:center;}
.pro .wen .w03 .btn01 span img{ display:block; height:16px; margin-left:16px;}
.pro .wen .w03 .btn01 p{ width:100%; font-size:16px; letter-spacing:4px; color:#edb130; line-height:26px; height:48px; display:flex; justify-content:center; align-items:center;}
.pro .wen .w03 .btn01 p img{ display:block; height:16px; margin-left:16px;}
.pro .wen .w03 .btn01:hover{ border:1px solid #edb130;}
.pro .wen .w03 .btn01:hover a{ top:-48px;}
.pro .wen .w03 .btn02{ width:220px; height:50px; float:left; overflow:hidden; position:relative; text-align:center; cursor:pointer; margin-left:30px;}
.pro .wen .w03 .btn02 a{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.pro .wen .w03 .btn02 span{ width:100%; display:block; height:50px; line-height:50px; font-size:16px; text-indent:4px; letter-spacing:4px; color:#333; border-radius:50px; background-color:#edb130; overflow:hidden;}
.pro .wen .w03 .btn02 p{ width:100%; display:block; height:50px; line-height:50px; font-size:16px; text-indent:4px; letter-spacing:4px; color:#edb130; border-radius:50px; background-color:#151515;  overflow:hidden;}
.pro .wen .w03 .btn02:hover a{ top:-50px;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.pro{ width:100%; position:relative; z-index:1; border-top:80px solid #fff;}
.pro .tu{ width:100%; height:50vw; position:relative; z-index:1;}
.pro .tu img{ height:50vw; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.pro .tu img.img02{ display:none;}
.pro .wen{ width:94%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:5;}
.pro .wen .w01{ width:50%; font-size:34px; line-height:44px; color:#fff;}
.pro .wen .w02{ width:50%; font-size:20px; line-height:30px; color:#fff; margin-top:15px;}
.pro .wen .w03{ width:50%; margin-top:45px; padding-bottom:5px;}
.pro .wen .w03 .btn01{ width:178px; height:44px; border-radius:50px; border:1px solid #fff; float:left; overflow:hidden; position:relative;}
.pro .wen .w03 .btn01 a{ width:100%; display:block; position:absolute; left:0; top:0; overflow:hidden; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.pro .wen .w03 .btn01 span{ width:100%; font-size:15px; letter-spacing:4px; color:#fff; line-height:25px; height:44px; display:flex; justify-content:center; align-items:center;}
.pro .wen .w03 .btn01 span img{ display:block; height:15px; margin-left:10px;}
.pro .wen .w03 .btn01 p{ width:100%; font-size:15px; letter-spacing:4px; color:#edb130; line-height:25px; height:44px; display:flex; justify-content:center; align-items:center;}
.pro .wen .w03 .btn01 p img{ display:block; height:15px; margin-left:10px;}
.pro .wen .w03 .btn01:hover{ border:1px solid #edb130;}
.pro .wen .w03 .btn01:hover a{ top:-40px;}
.pro .wen .w03 .btn02{ width:180px; height:46px; float:left; overflow:hidden; position:relative; text-align:center; cursor:pointer; margin-left:20px;}
.pro .wen .w03 .btn02 a{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.pro .wen .w03 .btn02 span{ width:100%; display:block; height:46px; line-height:46px; font-size:15px; text-indent:4px; letter-spacing:4px; color:#333; border-radius:50px; background-color:#edb130; overflow:hidden;}
.pro .wen .w03 .btn02 p{ width:100%; display:block; height:46px; line-height:46px; font-size:15px; text-indent:4px; letter-spacing:4px; color:#edb130; border-radius:50px; background-color:#151515;  overflow:hidden;}
.pro .wen .w03 .btn02:hover a{ top:-46px;}
}
@media only screen and (max-width: 1023px){
.pro{ width:100%; position:relative; z-index:1; border-top:60px solid #fff;}
.pro .tu{ width:100%; width:100%; position:relative; z-index:1;}
.pro .tu img{ width:100%; display:block;}
.pro .tu img.img01{ display:none;}
.pro .wen{ width:94%; position:absolute; top:35px; left:3%; z-index:5; text-align:center;}
.pro .wen .w01{ width:100%; font-size:24px; line-height:34px; color:#fff;}
.pro .wen .w02{ width:100%; font-size:16px; line-height:26px; color:#fff; margin-top:10px;}
.pro .wen .w03{ width:100%; margin-top:35px;}
.pro .wen .w03 .btn01{ width:178px; height:38px; border-radius:50px; border:1px solid #fff; margin:auto; overflow:hidden; position:relative;}
.pro .wen .w03 .btn01 a{ width:100%; display:block; position:absolute; left:0; top:0; overflow:hidden; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.pro .wen .w03 .btn01 span{ width:100%; font-size:14px; letter-spacing:4px; color:#fff; line-height:24px; height:38px; display:flex; justify-content:center; align-items:center;}
.pro .wen .w03 .btn01 span img{ display:block; height:14px; margin-left:6px;}
.pro .wen .w03 .btn01 p{ width:100%; font-size:14px; letter-spacing:4px; color:#edb130; line-height:24px; height:38px; display:flex; justify-content:center; align-items:center;}
.pro .wen .w03 .btn01 p img{ display:block; height:15px; margin-left:6px;}
.pro .wen .w03 .btn01:hover{ border:1px solid #edb130;}
.pro .wen .w03 .btn01:hover a{ top:-38px;}
.pro .wen .w03 .btn02{ width:180px; height:40px; margin:auto; overflow:hidden; position:relative; text-align:center; cursor:pointer; margin-top:20px;}
.pro .wen .w03 .btn02 a{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.pro .wen .w03 .btn02 span{ width:100%; display:block; height:40px; line-height:40px; font-size:14px; text-indent:4px; letter-spacing:4px; color:#333; border-radius:50px; background-color:#edb130; overflow:hidden;}
.pro .wen .w03 .btn02 p{ width:100%; display:block; height:40px; line-height:40px; font-size:14px; text-indent:4px; letter-spacing:4px; color:#edb130; border-radius:50px; background-color:#151515;  overflow:hidden;}
.pro .wen .w03 .btn02:hover a{ top:-40px;}
}

/*商务合作*/
@media screen and (min-width:1280px){
.gkuang{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:fixed; left:0; top:0; z-index:99999; display:none;}
.gkuang .bg{ width:100%; height:100%;}
.gkuang .box{ width:94%; max-width:960px; background-color:#fff; border-radius:30px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.gkuang .box .cont{ width:100%; max-height:90vh; padding:50px; padding-top:45px; box-sizing:border-box; overflow:auto;}
.gkuang .box .cont::-webkit-scrollbar{ width:5px; height:1px;}
.gkuang .box .cont::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#edb130;}
.gkuang .box .cont::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.7);}
.gkuang .box .title{ width:100%; position:relative;}
.gkuang .box .title b{ display:block; float:left; padding-right:20px; font-size:30px; line-height:40px; color:#333; background-color:#fff; position:relative; z-index:3;}
.gkuang .box .title a{ width:100%; height:1px; display:block; background-color:#999; overflow:hidden; position:absolute; left:0; top:50%; z-index:1;}
.gkuang .box .bt{ font-size:24px; line-height:34px; margin-top:20px; color:#333;}
.gkuang .box .wen{ font-size:14px; line-height:24px; color:#666;}
.gkuang .box .m01{ width:100%; padding-top:5px;}
.gkuang .box .m01 p{ width:47.67%; box-sizing:border-box; overflow:hidden; border:1px solid #cacaca; border-radius:5px; display:block; float:left; margin-top:30px; margin-left:4.66%;}
.gkuang .box .m01 p:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.gkuang .box .m01 p input{ width:100%; padding:0 19px; display:block; box-sizing:border-box; color:#333; font-size:14px; line-height:48px; height:48px; overflow:hidden;}
.gkuang .box .m02{ width:100%; padding-top:35px;}
.gkuang .box .m02>b{ display:block; font-size:16px; line-height:26px; color:#333;}
.gkuang .box .list{ width:100%; display:block;}
.gkuang .box .list li{ display:block; width:100%; height:44px; line-height:44px; font-size:14px; color:#333; padding:0 19px; border:1px solid #cacaca; border-radius:50px; overflow:hidden; box-sizing:border-box; position:relative; margin-top:10px;}
.gkuang .box .list li input{ width:100%; display:block; height:100%; position:absolute; left:0; top:0; opacity:0; cursor:pointer; overflow:hidden;}
.gkuang .box .list li.active{ background-color:#333; border:1px solid #333; color:#fff;}
.gkuang .box .text{ width:100%; margin-top:10px;}
.gkuang .box .text textarea{ display:block; width:100%; height:180px; line-height:24px; font-size:14px; color:#333; padding:9px 19px; border:1px solid #cacaca; border-radius:5px; overflow:hidden; box-sizing:border-box; position:relative; font-family:inherit;}
.gkuang .box .list01{ width:100%; display:block;}
.gkuang .box .list01 label{ display:block; float:left; margin-top:5px; font-size:14px; line-height:24px; color:#333; margin-right:3.64vw; position:relative;}
.gkuang .box .list01 input{ display:none;}
.gkuang .box .list01 label a:hover{ color:#edb130;}
.gkuang .box .list01 label:before{ content:''; width:12px; height:12px; border-radius:100%; border:1px solid #cacaca; margin:5px 10px; margin-left:0; display:block; float:left;}
.gkuang .box .list01 input:checked + label:before{ border-color:#333;}
.gkuang .box .list01 input:checked + label:after{ width:8px; height:8px; background-color:#333; position:absolute; left:0; top:5px; margin:3px; border-radius:100%; display:block; content:''; overflow:hidden;}
.gkuang .box .sub{ margin-top:30px;}
.gkuang .box .sub input{ width:220px; height:50px; line-height:50px; text-align:center; font-size:16px; border-radius:50px; background-color:#edb130; color:#333; overflow:hidden; cursor:pointer; letter-spacing:4px; text-indent:4px;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.gkuang{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:fixed; left:0; top:0; z-index:99999; display:none;}
.gkuang .bg{ width:100%; height:100%;}
.gkuang .box{ width:94%; max-width:960px; background-color:#fff; border-radius:20px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.gkuang .box .cont{ width:100%; max-height:90vh; padding:35px; padding-top:30px; box-sizing:border-box; overflow:auto;}
.gkuang .box .cont::-webkit-scrollbar{ width:5px; height:1px;}
.gkuang .box .cont::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#edb130;}
.gkuang .box .cont::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.7);}
.gkuang .box .title{ width:100%; position:relative;}
.gkuang .box .title b{ display:block; float:left; padding-right:15px; font-size:24px; line-height:34px; color:#333; background-color:#fff; position:relative; z-index:3;}
.gkuang .box .title a{ width:100%; height:1px; display:block; background-color:#999; overflow:hidden; position:absolute; left:0; top:50%; z-index:1;}
.gkuang .box .bt{ font-size:20px; line-height:30px; margin-top:15px; color:#333;}
.gkuang .box .wen{ font-size:14px; line-height:24px; color:#666;}
.gkuang .box .m01{ width:100%; padding-top:5px;}
.gkuang .box .m01 p{ width:48.5%; box-sizing:border-box; overflow:hidden; border:1px solid #cacaca; border-radius:5px; display:block; float:left; margin-top:20px; margin-left:3%;}
.gkuang .box .m01 p:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.gkuang .box .m01 p input{ width:100%; padding:0 19px; display:block; box-sizing:border-box; color:#333; font-size:14px; line-height:44px; height:44px; overflow:hidden;}
.gkuang .box .m02{ width:100%; padding-top:25px;}
.gkuang .box .m02>b{ display:block; font-size:16px; line-height:26px; color:#333;}
.gkuang .box .list{ width:100%; display:block;}
.gkuang .box .list li{ display:block; width:100%; height:40px; line-height:40px; font-size:14px; color:#333; padding:0 19px; border:1px solid #cacaca; border-radius:50px; overflow:hidden; box-sizing:border-box; position:relative; margin-top:10px;}
.gkuang .box .list li input{ width:100%; display:block; height:100%; position:absolute; left:0; top:0; opacity:0; cursor:pointer; overflow:hidden;}
.gkuang .box .list li.active{ background-color:#333; border:1px solid #333; color:#fff;}
.gkuang .box .text{ width:100%; margin-top:10px;}
.gkuang .box .text textarea{ display:block; width:100%; height:180px; line-height:24px; font-size:14px; color:#333; padding:7px 19px; border:1px solid #cacaca; border-radius:5px; overflow:hidden; box-sizing:border-box; position:relative; font-family:inherit;}
.gkuang .box .list01{ width:100%; display:block;}
.gkuang .box .list01 label{ display:block; float:left; margin-top:5px; font-size:14px; line-height:24px; color:#333; margin-right:3.64vw; position:relative;}
.gkuang .box .list01 input{ display:none;}
.gkuang .box .list01 label a:hover{ color:#edb130;}
.gkuang .box .list01 label:before{ content:''; width:12px; height:12px; border-radius:100%; border:1px solid #cacaca; margin:5px 7px; margin-left:0; display:block; float:left;}
.gkuang .box .list01 input:checked + label:before{ border-color:#333;}
.gkuang .box .list01 input:checked + label:after{ width:8px; height:8px; background-color:#333; position:absolute; left:0; top:5px; margin:3px; border-radius:100%; display:block; content:''; overflow:hidden;}
.gkuang .box .sub{ margin-top:25px;}
.gkuang .box .sub input{ width:200px; height:46px; line-height:46px; text-align:center; font-size:16px; border-radius:50px; background-color:#edb130; color:#333; overflow:hidden; cursor:pointer; letter-spacing:4px; text-indent:4px;}
}
@media only screen and (max-width: 1023px){
.gkuang{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:fixed; left:0; top:0; z-index:99999; display:none;}
.gkuang .bg{ width:100%; height:100%;}
.gkuang .box{ width:94%; max-width:960px; background-color:#fff; border-radius:10px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.gkuang .box .cont{ width:100%; max-height:90vh; padding:15px; padding-bottom:20px; box-sizing:border-box; overflow:auto;}
.gkuang .box .title{ width:100%; position:relative;}
.gkuang .box .title b{ display:block; float:left; padding-right:10px; font-size:20px; line-height:30px; color:#333; background-color:#fff; position:relative; z-index:3;}
.gkuang .box .title a{ width:100%; height:1px; display:block; background-color:#999; overflow:hidden; position:absolute; left:0; top:50%; z-index:1;}
.gkuang .box .bt{ font-size:16px; line-height:26px; margin-top:5px; color:#333;}
.gkuang .box .wen{ font-size:14px; line-height:24px; color:#666;}
.gkuang .box .m01{ width:100%; padding-top:5px;}
.gkuang .box .m01 p{ width:48.5%; box-sizing:border-box; overflow:hidden; border:1px solid #cacaca; border-radius:5px; display:block; float:left; margin-top:10px; margin-left:3%;}
.gkuang .box .m01 p:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.gkuang .box .m01 p input{ width:100%; padding:0 14px; display:block; box-sizing:border-box; color:#333; font-size:14px; line-height:38px; height:38px; overflow:hidden;}
.gkuang .box .m02{ width:100%; padding-top:15px;}
.gkuang .box .m02>b{ display:block; font-size:16px; line-height:26px; color:#333;}
.gkuang .box .list{ width:100%; display:block; margin-top:-5px;}
.gkuang .box .list li{ display:block; width:100%; height:36px; line-height:36px; font-size:14px; color:#333; padding:0 14px; border:1px solid #cacaca; border-radius:50px; overflow:hidden; box-sizing:border-box; position:relative; margin-top:10px;}
.gkuang .box .list li input{ width:100%; display:block; height:100%; position:absolute; left:0; top:0; opacity:0; cursor:pointer; overflow:hidden;}
.gkuang .box .list li.active{ background-color:#333; border:1px solid #333; color:#fff;}
.gkuang .box .text{ width:100%; margin-top:5px;}
.gkuang .box .text textarea{ display:block; width:100%; height:120px; line-height:24px; font-size:14px; color:#333; padding:7px 14px; border:1px solid #cacaca; border-radius:5px; overflow:hidden; box-sizing:border-box; position:relative; font-family:inherit;}
.gkuang .box .list01{ width:100%; display:block; margin-top:5px;}
.gkuang .box .list01 label{ display:block; float:left; font-size:14px; line-height:24px; color:#333; margin-right:3.64vw; position:relative;}
.gkuang .box .list01 input{ display:none;}
.gkuang .box .list01 label a:hover{ color:#edb130;}
.gkuang .box .list01 label:before{ content:''; width:12px; height:12px; border-radius:100%; border:1px solid #cacaca; margin:5px; margin-left:0; display:block; float:left;}
.gkuang .box .list01 input:checked + label:before{ border-color:#333;}
.gkuang .box .list01 input:checked + label:after{ width:8px; height:8px; background-color:#333; position:absolute; left:0; top:5px; margin:3px; border-radius:100%; display:block; content:''; overflow:hidden;}
.gkuang .box .sub{ margin-top:15px;}
.gkuang .box .sub input{ width:180px; height:40px; line-height:40px; text-align:center; font-size:14px; border-radius:50px; background-color:#edb130; color:#333; overflow:hidden; cursor:pointer; letter-spacing:4px; text-indent:4px;}
}

/*产品中心*/
@media screen and (min-width:1280px){
.pro01{ width:100%; padding-top:75px; padding-bottom:80px; position:relative; z-index:1; background-color:#151515;}
.pro01 .box{ width:94%; max-width:1400px; margin:auto; position:relative; z-index:3; margin-top:35px;}
.pro01 .box .list{ width:100%; display:flex; flex-wrap:wrap; margin-top:-40px;}
.pro01 .box .list li{ width:31.43%; float:left; margin-left:2.855%; margin-top:40px; padding:45px 30px; padding-bottom:42px; border-radius:30px; background-color:#1d1d1d; box-sizing:border-box;}
.pro01 .box .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.pro01 .box .list li .w01{ font-size:24px; line-height:34px; color:#fff;}
.pro01 .box .list li .w02{ width:50px; height:2px; background-color:#edb130; margin-top:15px; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.pro01 .box .list li .w03{ font-size:14px; line-height:30px; min-height:60px; margin-top:22px;}
.pro01 .box .list li:hover .w01{ color:#edb130;}
.pro01 .box .list li:hover .w02{ width:80px;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.pro01{ width:100%; padding-top:55px; padding-bottom:60px; position:relative; z-index:1; background-color:#151515;}
.pro01 .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:25px;}
.pro01 .box .list{ width:100%; display:flex; flex-wrap:wrap; margin-top:-30px;}
.pro01 .box .list li{ width:31.43%; float:left; margin-left:2.855%; margin-top:30px; padding:30px 20px; border-radius:20px; background-color:#1d1d1d; box-sizing:border-box;}
.pro01 .box .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.pro01 .box .list li .w01{ font-size:20px; line-height:30px; color:#fff;}
.pro01 .box .list li .w02{ width:35px; height:2px; background-color:#edb130; margin-top:10px; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.pro01 .box .list li .w03{ font-size:14px; line-height:24px; min-height:48px; margin-top:20px;}
.pro01 .box .list li:hover .w01{ color:#edb130;}
.pro01 .box .list li:hover .w02{ width:60px;}
}
@media only screen and (max-width: 1023px){
.pro01{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#151515;}
.pro01 .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:15px;}
.pro01 .box .list{ width:100%; display:flex; flex-wrap:wrap; margin-top:-20px;}
.pro01 .box .list li{ width:48.5%; float:left; margin-left:3%; margin-top:20px; padding:15px 10px; border-radius:10px; background-color:#1d1d1d; box-sizing:border-box;}
.pro01 .box .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pro01 .box .list li .w01{ font-size:16px; line-height:26px; color:#fff;}
.pro01 .box .list li .w02{ width:20px; height:2px; background-color:#edb130; margin-top:5px; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.pro01 .box .list li .w03{ font-size:14px; line-height:24px; min-height:48px; margin-top:10px;}
.pro01 .box .list li:hover .w01{ color:#edb130;}
.pro01 .box .list li:hover .w02{ width:40px;}
}

@media screen and (min-width:1280px){
.pro02{ width:100%; padding-top:75px; padding-bottom:75px; position:relative; z-index:1; background-color:#1d1d1d;}
.pro02 .box{ width:94%; max-width:1400px; margin:auto; position:relative; z-index:3; margin-top:35px;}
.pro02 .box .left{ width:48.57%; float:left;}
.pro02 .box .left .tu{ width:100%;}
.pro02 .box .left .tu img{ max-width:100%; display:block; margin:auto;}
.pro02 .box .left .wen{ font-size:14px; line-height:24px; margin-top:25px;}
.pro02 .box .right{ width:46.43%; float:right; margin-top:-35px;}
.pro02 .box .right .list{ width:100%;}
.pro02 .box .right .list li{ width:100%; margin-top:30px;}
.pro02 .box .right .list li .w01{ font-size:18px; line-height:28px; font-weight:bold; color:#edb130;}
.pro02 .box .right .list li .w02{ width:100%; margin-top:5px; border-top:1px solid #484848; padding-top:5px;}
.pro02 .box .right .list li .w02 p{ width:47.69%; display:block; float:left; margin-left:4.62%; margin-top:10px;}
.pro02 .box .right .list li .w02 p:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pro02 .box .right .list li .w02 p span{ display:block; font-size:16px; line-height:26px; color:#fff;}
.pro02 .box .right .list li .w02 p a{ display:block; font-size:14px; line-height:24px; color:#aaa;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.pro02{ width:100%; padding-top:55px; padding-bottom:55px; position:relative; z-index:1; background-color:#1d1d1d;}
.pro02 .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:25px;}
.pro02 .box .left{ width:48.57%; float:left;}
.pro02 .box .left .tu{ width:100%;}
.pro02 .box .left .tu img{ max-width:100%; display:block; margin:auto;}
.pro02 .box .left .wen{ font-size:14px; line-height:24px; margin-top:20px;}
.pro02 .box .right{ width:46.43%; float:right; margin-top:-25px;}
.pro02 .box .right .list{ width:100%;}
.pro02 .box .right .list li{ width:100%; margin-top:20px;}
.pro02 .box .right .list li .w01{ font-size:17px; line-height:27px; font-weight:bold; color:#edb130;}
.pro02 .box .right .list li .w02{ width:100%; margin-top:5px; border-top:1px solid #484848; padding-top:5px;}
.pro02 .box .right .list li .w02 p{ width:47.69%; display:block; float:left; margin-left:4.62%; margin-top:7px;}
.pro02 .box .right .list li .w02 p:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pro02 .box .right .list li .w02 p span{ display:block; font-size:16px; line-height:26px; color:#fff;}
.pro02 .box .right .list li .w02 p a{ display:block; font-size:14px; line-height:24px; color:#aaa;}
}
@media only screen and (max-width: 1023px){
.pro02{ width:100%; padding-top:35px; padding-bottom:35px; position:relative; z-index:1; background-color:#1d1d1d;}
.pro02 .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:15px;}
.pro02 .box .left{ width:100%; float:left;}
.pro02 .box .left .tu{ width:100%;}
.pro02 .box .left .tu img{ max-width:100%; display:block; margin:auto;}
.pro02 .box .left .wen{ font-size:14px; line-height:24px; margin-top:10px;}
.pro02 .box .right{ width:100%; float:right;}
.pro02 .box .right .list{ width:100%;}
.pro02 .box .right .list li{ width:100%; margin-top:10px;}
.pro02 .box .right .list li .w01{ font-size:16px; line-height:26px; font-weight:bold; color:#edb130;}
.pro02 .box .right .list li .w02{ width:100%; margin-top:5px; border-top:1px solid #484848; padding-top:5px;}
.pro02 .box .right .list li .w02 p{ width:47.69%; display:block; float:left; margin-left:4.62%; margin-top:5px;}
.pro02 .box .right .list li .w02 p:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pro02 .box .right .list li .w02 p span{ display:block; font-size:15px; line-height:25px; color:#fff;}
.pro02 .box .right .list li .w02 p a{ display:block; font-size:14px; line-height:24px; color:#aaa;}
}

@media screen and (min-width:1280px){
.pro03{ width:100%; padding-top:75px; padding-bottom:80px; position:relative; z-index:1; background-color:#151515;}
.pro03 .box{ width:94%; max-width:1400px; margin:auto; position:relative; z-index:3; margin-top:35px;}
.pro03 .box .swiper-container{ width:100%;}
.pro03 .box .swiper-container .swiper-slide{ width:31.43%; margin-left:2.855%; display:block; overflow:hidden;}
.pro03 .box .swiper-container .swiper-slide strong{ width:100%; display:block; overflow:hidden; position:relative;}
.pro03 .box .swiper-container .swiper-slide strong:before{ width:100%; display:block; content:''; padding-top:68.18%;}
.pro03 .box .swiper-container .swiper-slide strong img{ width:100%; display:block; position:absolute; left:0; top:0;}
.pro03 .box .swiper-container .swiper-slide p{ width:100%; display:block; overflow:hidden; padding:0 30px; box-sizing:border-box; background-color:#1d1d1d; height:50px; font-size:14px; color:#fff; line-height:50px; text-align:center;}
.pro03 .box .swiper-container .swiper-slide:hover p{ background-color:#edb130; color:#333;}

.pro03 .swiper-pagination{ width:100%; display:flex; justify-content:center; align-items:center; margin-top:30px;}
.pro03 .swiper-pagination span{ width:6px; height:6px; display:block; margin:0 10px; cursor:pointer; border-radius:100%; background-color:#fff; overflow:hidden; position:relative;}
.pro03 .swiper-pagination span.swiper-pagination-bullet-active{ width:18px; height:18px; border:1px solid #edb130; background-color:transparent;}
.pro03 .swiper-pagination span.swiper-pagination-bullet-active:before{ display:block; content:''; width:6px; height:6px; border-radius:100%; background-color:#edb130; overflow:hidden; position:absolute; left:50%; margin-left:-3px; top:50%; margin-top:-3px;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.pro03{ width:100%; padding-top:55px; padding-bottom:60px; position:relative; z-index:1; background-color:#151515;}
.pro03 .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:25px;}
.pro03 .box .swiper-container{ width:100%;}
.pro03 .box .swiper-container .swiper-slide{ width:31.43%; margin-left:2.855%; display:block; overflow:hidden;}
.pro03 .box .swiper-container .swiper-slide strong{ width:100%; display:block; overflow:hidden; position:relative;}
.pro03 .box .swiper-container .swiper-slide strong:before{ width:100%; display:block; content:''; padding-top:68.18%;}
.pro03 .box .swiper-container .swiper-slide strong img{ width:100%; display:block; position:absolute; left:0; top:0;}
.pro03 .box .swiper-container .swiper-slide p{ width:100%; display:block; overflow:hidden; padding:0 20px; box-sizing:border-box; background-color:#1d1d1d; height:46px; font-size:14px; color:#fff; line-height:46px; text-align:center;}
.pro03 .box .swiper-container .swiper-slide:hover p{ background-color:#edb130; color:#333;}

.pro03 .swiper-pagination{ width:100%; display:flex; justify-content:center; align-items:center; margin-top:30px;}
.pro03 .swiper-pagination span{ width:6px; height:6px; display:block; margin:0 10px; cursor:pointer; border-radius:100%; background-color:#fff; overflow:hidden; position:relative;}
.pro03 .swiper-pagination span.swiper-pagination-bullet-active{ width:18px; height:18px; border:1px solid #edb130; background-color:transparent;}
.pro03 .swiper-pagination span.swiper-pagination-bullet-active:before{ display:block; content:''; width:6px; height:6px; border-radius:100%; background-color:#edb130; overflow:hidden; position:absolute; left:50%; margin-left:-3px; top:50%; margin-top:-3px;}
}
@media only screen and (max-width: 1023px){
.pro03{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#151515;}
.pro03 .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:15px;}
.pro03 .box .swiper-container{ width:100%;}
.pro03 .box .swiper-container .swiper-slide{ width:100%; display:block; overflow:hidden;}
.pro03 .box .swiper-container .swiper-slide strong{ width:100%; display:block; overflow:hidden; position:relative;}
.pro03 .box .swiper-container .swiper-slide strong:before{ width:100%; display:block; content:''; padding-top:68.18%;}
.pro03 .box .swiper-container .swiper-slide strong img{ width:100%; display:block; position:absolute; left:0; top:0;}
.pro03 .box .swiper-container .swiper-slide p{ width:100%; display:block; overflow:hidden; padding:0 15px; box-sizing:border-box; background-color:#1d1d1d; height:40px; font-size:14px; color:#fff; line-height:40px; text-align:center;}
.pro03 .box .swiper-container .swiper-slide:hover p{ background-color:#edb130; color:#333;}

.pro03 .swiper-pagination{ width:100%; display:flex; justify-content:center; align-items:center; margin-top:20px;}
.pro03 .swiper-pagination span{ width:6px; height:6px; display:block; margin:0 10px; cursor:pointer; border-radius:100%; background-color:#fff; overflow:hidden; position:relative;}
.pro03 .swiper-pagination span.swiper-pagination-bullet-active{ width:18px; height:18px; border:1px solid #edb130; background-color:transparent;}
.pro03 .swiper-pagination span.swiper-pagination-bullet-active:before{ display:block; content:''; width:6px; height:6px; border-radius:100%; background-color:#edb130; overflow:hidden; position:absolute; left:50%; margin-left:-3px; top:50%; margin-top:-3px;}
}
@media screen and (min-width: 640px) and (max-width: 1023px){
.pro03 .box .swiper-container .swiper-slide{ width:48.5%; margin-right:3%; padding:0;}
}

@media screen and (min-width:1280px){
.lbox{ width:100%; height:670px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.lbox .bg{ width:100%; height:100%; background-color:#151515; opacity:.9; z-index:1; position:relative;}
.lbox .box{ width:94%; max-width:1400px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:3;}
.lbox .box .w01{ text-align:center; font-size:40px; line-height:50px; color:#fff;}
.lbox .box .w02{ text-align:center; font-size:20px; line-height:30px; color:#fff; margin-top:20px;}
.lbox .box .btn02{ width:218px; height:42px; border-radius:50px; border:1px solid #edb130; margin:55px auto; margin-bottom:5px; overflow:hidden; position:relative;}
.lbox .box .btn02 a{ width:100%; display:block; position:absolute; left:0; top:0; overflow:hidden; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s; text-align:center; cursor:pointer;}
.lbox .box .btn02 span{ width:100%; font-size:16px; text-indent:4px; letter-spacing:4px; color:#edb130; line-height:42px; height:42px; display:block;}
.lbox .box .btn02 p{ width:100%; font-size:16px; text-indent:4px; letter-spacing:4px; color:#333; line-height:42px; height:42px; display:block;}
.lbox .box .btn02:hover{ background-color:#edb130;}
.lbox .box .btn02:hover a{ top:-42px;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.lbox{ width:100%; height:40vw; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.lbox .bg{ width:100%; height:100%; background-color:#151515; opacity:.9; z-index:1; position:relative;}
.lbox .box{ width:94%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:3;}
.lbox .box .w01{ text-align:center; font-size:34px; line-height:44px; color:#fff;}
.lbox .box .w02{ text-align:center; font-size:18px; line-height:28px; color:#fff; margin-top:15px;}
.lbox .box .btn02{ width:178px; height:38px; border-radius:50px; border:1px solid #edb130; margin:40px auto; margin-bottom:5px; overflow:hidden; position:relative;}
.lbox .box .btn02 a{ width:100%; display:block; position:absolute; left:0; top:0; overflow:hidden; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s; text-align:center; cursor:pointer;}
.lbox .box .btn02 span{ width:100%; font-size:15px; text-indent:4px; letter-spacing:4px; color:#edb130; line-height:38px; height:38px; display:block;}
.lbox .box .btn02 p{ width:100%; font-size:15px; text-indent:4px; letter-spacing:4px; color:#333; line-height:38px; height:42px; display:block;}
.lbox .box .btn02:hover{ background-color:#edb130;}
.lbox .box .btn02:hover a{ top:-38px;}
}
@media only screen and (max-width: 1023px){
.lbox{ width:100%; height:50vh; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.lbox .bg{ width:100%; height:100%; background-color:#151515; opacity:.9; z-index:1; position:relative;}
.lbox .box{ width:94%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:3;}
.lbox .box .w01{ text-align:center; font-size:28px; line-height:38px; color:#fff;}
.lbox .box .w02{ text-align:center; font-size:16px; line-height:26px; color:#fff; margin-top:10px;}
.lbox .box .btn02{ width:138px; height:34px; border-radius:50px; border:1px solid #edb130; margin:25px auto; margin-bottom:5px; overflow:hidden; position:relative;}
.lbox .box .btn02 a{ width:100%; display:block; position:absolute; left:0; top:0; overflow:hidden; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s; text-align:center; cursor:pointer;}
.lbox .box .btn02 span{ width:100%; font-size:14px; text-indent:4px; letter-spacing:4px; color:#edb130; line-height:34px; height:34px; display:block;}
.lbox .box .btn02 p{ width:100%; font-size:14px; text-indent:4px; letter-spacing:4px; color:#333; line-height:34px; height:34px; display:block;}
.lbox .box .btn02:hover{ background-color:#edb130;}
.lbox .box .btn02:hover a{ top:-34px;}
}

/*解决方案*/
@media screen and (min-width:1280px){
.jj{ width:100%; height:680px; position:relative; z-index:1; border-top:90px solid #fff;}
.jj img{ height:680px; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.jj img.img02{ display:none;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.jj{ width:100%; position:relative; z-index:1; border-top:80px solid #fff;}
.jj img{ width:100%; display:block;}
.jj img.img01{ display:none;}
}
@media only screen and (max-width: 1023px){
.jj{ width:100%; position:relative; z-index:1; border-top:60px solid #fff;}
.jj img{ width:100%; display:block;}
.jj img.img01{ display:none;}
}

@media screen and (min-width:1280px){
.jj01{ width:100%; padding-top:75px; padding-bottom:80px; position:relative; z-index:1; background-color:#151515;}
.jj01 .box{ width:94%; max-width:1400px; margin:auto; position:relative; z-index:3; margin-top:35px;}
.jj01 .box .left{ width:45%; float:left; border-radius:30px;}
.jj01 .box .left img{ width:100%; display:block;}
.jj01 .box .right{ width:50%; float:right; font-size:14px; line-height:30px; margin-top:22px; color:#fff;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.jj01{ width:100%; padding-top:55px; padding-bottom:60px; position:relative; z-index:1; background-color:#151515;}
.jj01 .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:25px;}
.jj01 .box .left{ width:45%; float:left; border-radius:20px;}
.jj01 .box .left img{ width:100%; display:block;}
.jj01 .box .right{ width:50%; float:right; font-size:14px; line-height:24px; color:#fff;}
}
@media only screen and (max-width: 1023px){
.jj01{ width:100%; padding-top:35px; padding-bottom:35px; position:relative; z-index:1; background-color:#151515;}
.jj01 .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:15px;}
.jj01 .box .left{ width:100%; float:left; border-radius:10px;}
.jj01 .box .left img{ width:100%; display:block;}
.jj01 .box .right{ width:100%; float:right; font-size:14px; line-height:24px; margin-top:15px; color:#fff;}
}

@media screen and (min-width:1280px){
.jj02{ width:100%; padding-top:75px; padding-bottom:80px; position:relative; z-index:1; background-color:#1d1d1d;}
.jj02 .box{ width:94%; max-width:1400px; margin:auto; position:relative; z-index:3; margin-top:35px;}
.jj02 .box .left{ width:45%; float:right; border-radius:30px;}
.jj02 .box .left img{ width:100%; display:block;}
.jj02 .box .right{ width:50%; float:left; font-size:14px; line-height:30px; margin-top:22px; color:#fff;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.jj02{ width:100%; padding-top:55px; padding-bottom:60px; position:relative; z-index:1; background-color:#1d1d1d;}
.jj02 .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:25px;}
.jj02 .box .left{ width:45%; float:right; border-radius:20px;}
.jj02 .box .left img{ width:100%; display:block;}
.jj02 .box .right{ width:50%; float:left; font-size:14px; line-height:24px; color:#fff;}
}
@media only screen and (max-width: 1023px){
.jj02{ width:100%; padding-top:35px; padding-bottom:35px; position:relative; z-index:1; background-color:#1d1d1d;}
.jj02 .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:15px;}
.jj02 .box .left{ width:100%; float:left; border-radius:10px;}
.jj02 .box .left img{ width:100%; display:block;}
.jj02 .box .right{ width:100%; float:right; font-size:14px; line-height:24px; margin-top:15px; color:#fff;}
}

/*新闻中心*/
@media screen and (min-width:1280px){
.ban{ width:100%; height:540px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover; border-top:90px solid #fff;}
.ban .bg{ width:100%; height:100%; background-color:#151515; opacity:.5; z-index:1; position:relative;}
.ban .box{ width:94%; max-width:1400px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:3;}
.ban .box .w01{ text-align:center; font-size:40px; line-height:50px; color:#fff;}
.ban .box .w02{ text-align:center; font-size:20px; line-height:30px; color:#fff; margin-top:20px;}

.dao{ width:100%; height:60px; background-color:#1d1d1d;}
.dao .box{ width:94%; height:60px; max-width:1400px; margin:auto; display:flex; align-items:center; justify-content:center; flex-wrap:wrap;}
.dao .box a{ display:block; font-size:18px; height:30px; line-height:30px; color:#aaa; margin-left:1.5625vw; margin-right:1.5625vw; position:relative;}
.dao .box a b{ width:0; height:1px; display:block; position:absolute; left:0; bottom:0; background-color:#edb130; overflow:hidden; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.dao .box a:hover,.dao .box a.on{ color:#fff;}
.dao .box a:hover b,.dao .box a.on b{ width:100%;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.ban{ width:100%; height:35vw; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover; border-top:80px solid #fff;}
.ban .bg{ width:100%; height:100%; background-color:#151515; opacity:.5; z-index:1; position:relative;}
.ban .box{ width:94%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:3;}
.ban .box .w01{ text-align:center; font-size:34px; line-height:44px; color:#fff;}
.ban .box .w02{ text-align:center; font-size:18px; line-height:28px; color:#fff; margin-top:15px;}

.dao{ width:100%; height:50px; background-color:#1d1d1d;}
.dao .box{ width:94%; height:50px; margin:auto; display:flex; align-items:center; justify-content:center; flex-wrap:wrap;}
.dao .box a{ display:block; font-size:16px; height:28px; line-height:28px; color:#aaa; margin-left:1.5625vw; margin-right:1.5625vw; position:relative;}
.dao .box a b{ width:0; height:1px; display:block; position:absolute; left:0; bottom:0; background-color:#edb130; overflow:hidden; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.dao .box a:hover,.dao .box a.on{ color:#fff;}
.dao .box a:hover b,.dao .box a.on b{ width:100%;}
}
@media only screen and (max-width: 1023px){
.ban{ width:100%; height:50vw; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover; border-top:60px solid #fff;}
.ban .bg{ width:100%; height:100%; background-color:#151515; opacity:.5; z-index:1; position:relative;}
.ban .box{ width:94%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:3;}
.ban .box .w01{ text-align:center; font-size:28px; line-height:38px; color:#fff;}
.ban .box .w02{ text-align:center; font-size:16px; line-height:26px; color:#fff; margin-top:10px;}

.dao{ width:100%; height:40px; background-color:#1d1d1d;}
.dao .box{ width:94%; height:40px; margin:auto; display:flex; align-items:center; justify-content:center; flex-wrap:wrap;}
.dao .box a{ display:block; font-size:14px; height:26px; line-height:26px; color:#aaa; margin-left:1vw; margin-right:1vw; position:relative;}
.dao .box a b{ width:0; height:1px; display:block; position:absolute; left:0; bottom:0; background-color:#edb130; overflow:hidden; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.dao .box a:hover,.dao .box a.on{ color:#fff;}
.dao .box a:hover b,.dao .box a.on b{ width:100%;}
}

@media screen and (min-width:1280px){
.main{ width:100%; padding-top:80px; padding-bottom:80px; position:relative; z-index:1; background-color:#151515;}
.main .box{ width:94%; max-width:1400px; margin:auto; position:relative; z-index:3;}
.main .box .news{ width:100%; display:block; margin-top:-40px;}
.main .box .news li{ width:100%; display:block; margin-top:40px; overflow:hidden;}
.main .box .news li .left{ width:320px; height:240px; float:left;}
.main .box .news li .left img{ width:100%; display:block;}
.main .box .news li .right{ width:calc(100% - 350px); float:right;}
.main .box .news li .right .w01{ margin-top:15px;}
.main .box .news li .right .w01 a{ display:block; width:100%; font-size:20px; line-height:30px; height:30px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .box .news li .right .w01 a:hover{ color:#edb130;}
.main .box .news li .right .w02{ font-size:14px; line-height:24px; margin-top:5px;}
.main .box .news li .right .w03{ width:100%; border-top:1px solid #484848; margin-top:10px; padding-top:12px; font-size:14px; line-height:30px; height:60px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.main .box .news li .right .w04{ width:148px; height:38px; border:1px solid #484848; border-radius:50px; position:relative; margin-top:22px;}
.main .box .news li .right .w04 a{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s; overflow:hidden;}
.main .box .news li .right .w04 a span{ width:100%; height:38px; display:flex; align-items:center; justify-content:center; font-size:14px; color:#fff;}
.main .box .news li .right .w04 a p{ width:100%; height:38px; display:flex; align-items:center; justify-content:center; font-size:14px; color:#edb130;}
.main .box .news li .right .w04 a img{ margin-left:10px; display:block;}
.main .box .news li .right .w04:hover{ border-color:#edb130;}
.main .box .news li .right .w04:hover a{ top:-38px;}

.fanye{ width:100%; margin-top:40px; text-align:center;}
.fanye ul{ width:100%; display:flex; justify-content:center;}
.fanye ul li{ width:40px; height:40px; line-height:40px; display:block; border-radius:100%; background-color:#1d1d1d; margin-left:5px; margin-right:5px; overflow:hidden; text-align:center; font-size:16px;}
.fanye ul li a,.fanye ul li span{ display:block; color:#fff;}
.fanye ul li:hover a,.fanye ul li:hover span{ color:#edb130;}
.fanye ul li.active{ background-color:#edb130;}
.fanye ul li.active span{ color:#333;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.main{ width:100%; padding-top:60px; padding-bottom:60px; position:relative; z-index:1; background-color:#151515;}
.main .box{ width:94%; margin:auto; position:relative; z-index:3;}
.main .box .news{ width:100%; display:block; margin-top:-30px;}
.main .box .news li{ width:100%; display:block; margin-top:30px; overflow:hidden;}
.main .box .news li .left{ width:320px; height:240px; float:left;}
.main .box .news li .left img{ width:100%; display:block;}
.main .box .news li .right{ width:calc(100% - 350px); float:right;}
.main .box .news li .right .w01{ margin-top:15px;}
.main .box .news li .right .w01 a{ display:block; width:100%; font-size:18px; line-height:28px; height:28px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .box .news li .right .w01 a:hover{ color:#edb130;}
.main .box .news li .right .w02{ font-size:14px; line-height:24px; margin-top:5px;}
.main .box .news li .right .w03{ width:100%; border-top:1px solid #484848; margin-top:10px; padding-top:15px; font-size:14px; line-height:24px; height:72px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.main .box .news li .right .w04{ width:138px; height:34px; border:1px solid #484848; border-radius:50px; position:relative; margin-top:15px;}
.main .box .news li .right .w04 a{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s; overflow:hidden;}
.main .box .news li .right .w04 a span{ width:100%; height:34px; display:flex; align-items:center; justify-content:center; font-size:14px; color:#fff;}
.main .box .news li .right .w04 a p{ width:100%; height:34px; display:flex; align-items:center; justify-content:center; font-size:14px; color:#edb130;}
.main .box .news li .right .w04 a img{ margin-left:10px; display:block;}
.main .box .news li .right .w04:hover{ border-color:#edb130;}
.main .box .news li .right .w04:hover a{ top:-34px;}

.fanye{ width:100%; margin-top:30px; text-align:center;}
.fanye ul{ width:100%; display:flex; justify-content:center;}
.fanye ul li{ width:36px; height:36px; line-height:36px; display:block; border-radius:100%; background-color:#1d1d1d; margin-left:5px; margin-right:5px; overflow:hidden; text-align:center; font-size:16px;}
.fanye ul li a,.fanye ul li span{ display:block; color:#fff;}
.fanye ul li:hover a,.fanye ul li:hover span{ color:#edb130;}
.fanye ul li.active{ background-color:#edb130;}
.fanye ul li.active span{ color:#333;}
}
@media only screen and (max-width: 1023px){
.main{ width:100%; padding-top:40px; padding-bottom:40px; position:relative; z-index:1; background-color:#151515;}
.main .box{ width:94%; margin:auto; position:relative; z-index:3;}
.main .box .news{ width:100%; display:block; margin-top:-20px;}
.main .box .news li{ width:100%; display:block; margin-top:20px; overflow:hidden;}
.main .box .news li .left{ width:40%; float:left;}
.main .box .news li .left a{ width:100%; padding-top:75%; display:block; position:relative; overflow:hidden;}
.main .box .news li .left img{ width:100%; display:block; position:absolute; left:0; top:0;}
.main .box .news li .right{ width:57%; float:right;}
.main .box .news li .right .w01{ width:100%;}
.main .box .news li .right .w01 a{ width:100%; font-size:16px; line-height:26px; height:52px; color:#fff; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.main .box .news li .right .w01 a:hover{ color:#edb130;}
.main .box .news li .right .w02{ font-size:14px; line-height:24px;}
.main .box .news li .right .w03{ display:none;}
.main .box .news li .right .w04{ width:80px; height:24px; position:relative; margin-top:5px;}
.main .box .news li .right .w04 a{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s; overflow:hidden;}
.main .box .news li .right .w04 a span{ width:100%; height:24px; display:flex; align-items:center; justify-content:flex-start; font-size:14px; color:#666;}
.main .box .news li .right .w04 a p{ width:100%; height:24px; display:flex; align-items:center; justify-content:flex-start; font-size:14px; color:#edb130;}
.main .box .news li .right .w04 a img{ margin-left:5px; display:block;}
.main .box .news li .right .w04 a span img{ filter:drop-shadow(#666 10000px 0); transform:translateX(-10000px);}
.main .box .news li .right .w04:hover a{ top:-24px;}

.fanye{ width:100%; margin-top:20px; text-align:center;}
.fanye ul{ width:100%; display:flex; flex-wrap:wrap; justify-content:center; margin-top:-6px;}
.fanye ul li{ width:32px; height:32px; line-height:32px; display:block; border-radius:100%; background-color:#1d1d1d; margin:6px 3px; margin-bottom:0; overflow:hidden; text-align:center; font-size:14px;}
.fanye ul li a,.fanye ul li span{ display:block; color:#fff;}
.fanye ul li:hover a,.fanye ul li:hover span{ color:#edb130;}
.fanye ul li.active{ background-color:#edb130;}
.fanye ul li.active span{ color:#333;}
}

/*新闻中心内页*/
@media screen and (min-width:1280px){
.ny{ width:100%; padding-top:75px; padding-bottom:75px; position:relative; z-index:11; background-color:#151515;}
.ny .back{ width:94%; max-width:1400px; margin:auto; position:relative; z-index:3;}
.ny .back .left{ float:left; height:26px; position:relative;}
.ny .back .left a{ width:100%; display:block; overflow:hidden;}
.ny .back .left a span{ width:100%; display:block; font-size:16px; line-height:26px; color:#fff; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.ny .back .left a p{ width:100%; display:block; font-size:16px; line-height:26px; color:#edb130; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.ny .back .left a img{ margin:5px 0; margin-right:10px; float:left; height:16px; display:block;}
.ny .back .left a:hover span{transform:translateY(-26px)}
.ny .back .left a:hover p{transform:translateY(-26px)}
.ny .back .right{ float:right; height:26px;}
.ny .back .right a{ display:block; float:left; overflow:hidden; margin-left:2.6vw;}
.ny .back .right a span{ width:100%; display:block; font-size:16px; line-height:26px; color:#fff; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.ny .back .right a p{ width:100%; display:block; font-size:16px; line-height:26px; color:#edb130; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.ny .back .right a.prev img{ margin:8px 0; margin-right:10px; float:left; height:10px; display:block;}
.ny .back .right a.next img{ margin:8px 0; margin-left:10px; float:right; height:10px; display:block;}
.ny .back .right a:hover span{transform:translateY(-26px)}
.ny .back .right a:hover p{transform:translateY(-26px)}
.ny .fen{ width:94%; max-width:1400px; margin:auto; margin-top:25px; position:relative; z-index:3;}
.ny .fen strong{ display:block; float:left;}
.ny .fen strong img{ display:block; height:40px;}
.ny .fen dl{ display:block; float:left; margin:0 20px; position:relative; text-align:center;}
.ny .fen dl dt{ min-width:80px; padding:0 20px; height:36px; line-height:36px; font-size:18px; border-radius:36px; background-color:#edb130; color:#333; overflow:hidden; margin:2px 0;}
.ny .fen dl dd{ position:absolute; left:0; top:100%; display:none; width:80px; border-radius:10px; background-color:#1d1d1d; overflow:hidden; padding:10px 20px;}
.ny .fen dl:hover dd{ display:block;}
.ny .fen dl dd a{ display:block; font-size:16px; line-height:26px; overflow:hidden; margin:5px 0;}
.ny .fen dl dd a:hover{ color:#fff;}
.ny .fen dl dd a.on{ color:#edb130;}
.ny .fen ul{ display:block; height:36px; margin:2px 0; float:left;}
.ny .fen ul li{ display:block; float:left; height:34px; line-height:34px; font-size:16px; color:#edb130; border-radius:36px; padding:0 20px; border:1px solid #edb130; overflow:hidden; margin-right:10px;}

.ny .box{ width:94%; max-width:1400px; margin:auto; position:relative; z-index:1; margin-top:45px;}
.ny .box .w01{ font-size:24px; line-height:34px; color:#fff;}
.ny .box .w02{ margin-top:20px;}
.ny .box .w02 p{ display:block; float:left; font-size:14px; line-height:24px; height:24px; overflow:hidden; margin-right:2.6vw;}
.ny .box .w02 p img{ display:block; height:16px; float:left; margin:4px 10px; margin-left:0;}
.ny .box .w03{ margin-top:25px; border-top:1px solid #484848; padding-top:35px; font-size:16px; line-height:30px;}
.ny .box .w03 img{ max-width:100%; height:auto !important;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.ny{ width:100%; padding-top:55px; padding-bottom:55px; position:relative; z-index:11; background-color:#151515;}
.ny .back{ width:94%; margin:auto; position:relative; z-index:3;}
.ny .back .left{ float:left; height:26px; position:relative;}
.ny .back .left a{ width:100%; display:block; overflow:hidden;}
.ny .back .left a span{ width:100%; display:block; font-size:15px; line-height:26px; color:#fff; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.ny .back .left a p{ width:100%; display:block; font-size:15px; line-height:26px; color:#edb130; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.ny .back .left a img{ margin:5px 0; margin-right:10px; float:left; height:16px; display:block;}
.ny .back .left a:hover span{transform:translateY(-26px)}
.ny .back .left a:hover p{transform:translateY(-26px)}
.ny .back .right{ float:right; height:26px;}
.ny .back .right a{ display:block; float:left; overflow:hidden; margin-left:2.6vw;}
.ny .back .right a span{ width:100%; display:block; font-size:15px; line-height:26px; color:#fff; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.ny .back .right a p{ width:100%; display:block; font-size:15px; line-height:26px; color:#edb130; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.ny .back .right a.prev img{ margin:8px 0; margin-right:10px; float:left; height:10px; display:block;}
.ny .back .right a.next img{ margin:8px 0; margin-left:10px; float:right; height:10px; display:block;}
.ny .back .right a:hover span{transform:translateY(-26px)}
.ny .back .right a:hover p{transform:translateY(-26px)}
.ny .fen{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.ny .fen strong{ display:block; float:left;}
.ny .fen strong img{ display:block; height:38px;}
.ny .fen dl{ display:block; float:left; margin:0 15px; position:relative; text-align:center;}
.ny .fen dl dt{ min-width:80px; padding:0 20px; height:34px; line-height:34px; font-size:16px; border-radius:36px; background-color:#edb130; color:#333; overflow:hidden; margin:2px 0;}
.ny .fen dl dd{ position:absolute; left:0; top:100%; display:none; width:80px; border-radius:10px; background-color:#1d1d1d; overflow:hidden; padding:10px 20px;}
.ny .fen dl:hover dd{ display:block;}
.ny .fen dl dd a{ display:block; font-size:16px; line-height:26px; overflow:hidden; margin:5px 0;}
.ny .fen dl dd a:hover{ color:#fff;}
.ny .fen dl dd a.on{ color:#edb130;}
.ny .fen ul{ display:block; height:34px; margin:2px 0; float:left;}
.ny .fen ul li{ display:block; float:left; height:32px; line-height:32px; font-size:15px; color:#edb130; border-radius:36px; padding:0 20px; border:1px solid #edb130; overflow:hidden; margin-right:10px;}

.ny .box{ width:94%; margin:auto; position:relative; z-index:1; margin-top:30px;}
.ny .box .w01{ font-size:20px; line-height:30px; color:#fff;}
.ny .box .w02{ margin-top:10px;}
.ny .box .w02 p{ display:block; float:left; font-size:14px; line-height:24px; height:24px; overflow:hidden; margin-right:2.6vw;}
.ny .box .w02 p img{ display:block; height:16px; float:left; margin:4px 10px; margin-left:0;}
.ny .box .w03{ margin-top:15px; border-top:1px solid #484848; padding-top:20px; font-size:15px; line-height:25px;}
.ny .box .w03 img{ max-width:100%; height:auto !important;}
}
@media only screen and (max-width: 1023px){
.ny{ width:100%; padding-top:35px; padding-bottom:35px; position:relative; z-index:11; background-color:#151515;}
.ny .back{ width:94%; margin:auto; position:relative; z-index:3;}
.ny .back .left{ float:left; height:24px; position:relative;}
.ny .back .left a{ width:100%; display:block; overflow:hidden;}
.ny .back .left a span{ width:100%; display:block; font-size:14px; line-height:24px; color:#fff; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.ny .back .left a p{ width:100%; display:block; font-size:14px; line-height:24px; color:#edb130; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.ny .back .left a img{ margin:4px 0; margin-right:5px; float:left; height:16px; display:block;}
.ny .back .left a:hover span{transform:translateY(-26px)}
.ny .back .left a:hover p{transform:translateY(-26px)}
.ny .back .right{ float:right; height:24px;}
.ny .back .right a{ display:block; float:left; overflow:hidden; margin-left:15px;}
.ny .back .right a span{ width:100%; display:block; font-size:14px; line-height:24px; color:#fff; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.ny .back .right a p{ width:100%; display:block; font-size:14px; line-height:24px; color:#edb130; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.ny .back .right a.prev img{ margin:7px 0; margin-right:5px; float:left; height:10px; display:block;}
.ny .back .right a.next img{ margin:7px 0; margin-left:5px; float:right; height:10px; display:block;}
.ny .back .right a:hover span{transform:translateY(-26px)}
.ny .back .right a:hover p{transform:translateY(-26px)}
.ny .fen{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.ny .fen strong{ display:block; float:left;}
.ny .fen strong img{ display:block; height:36px;}
.ny .fen dl{ display:block; float:left; margin:0 10px; position:relative; text-align:center;}
.ny .fen dl dt{ min-width:80px; padding:0 15px; height:32px; line-height:32px; font-size:16px; border-radius:36px; background-color:#edb130; color:#333; overflow:hidden; margin:2px 0;}
.ny .fen dl dd{ position:absolute; left:0; top:100%; display:none; width:80px; border-radius:10px; background-color:#1d1d1d; overflow:hidden; padding:5px 15px;}
.ny .fen dl:hover dd{ display:block;}
.ny .fen dl dd a{ display:block; font-size:14px; line-height:24px; overflow:hidden; margin:5px 0;}
.ny .fen dl dd a:hover{ color:#fff;}
.ny .fen dl dd a.on{ color:#edb130;}
.ny .fen ul{ display:block; height:32px; float:left;}
.ny .fen ul li{ display:block; float:left; height:30px; line-height:32px; font-size:14px; color:#edb130; border-radius:36px; padding:0 15px; border:1px solid #edb130; overflow:hidden; margin:2px 0; margin-right:5px;}

.ny .box{ width:94%; margin:auto; position:relative; z-index:1; margin-top:15px;}
.ny .box .w01{ font-size:18px; line-height:28px; color:#fff;}
.ny .box .w02{ margin-top:5px;}
.ny .box .w02 p{ display:block; float:left; font-size:14px; line-height:24px; height:24px; overflow:hidden; margin-right:15px;}
.ny .box .w02 p img{ display:block; height:16px; float:left; margin:4px 10px; margin-left:0;}
.ny .box .w03{ margin-top:10px; border-top:1px solid #484848; padding-top:10px; font-size:14px; line-height:24px;}
.ny .box .w03 img{ max-width:100%; height:auto !important;}
}

@media screen and (min-width:1280px){
.qbox{ width:100%; padding-top:75px; padding-bottom:80px; position:relative; z-index:1; background-color:#1d1d1d;}
.qbox .title{ text-align:left;}
.qbox .box{ width:94%; max-width:1400px; margin:auto; position:relative; z-index:3; margin-top:35px;}
.qbox .box .list{ width:100%; display:block; margin-top:-40px;}
.qbox .box .list li{ width:22.855%; position:relative; display:block; float:left; margin-left:2.85%; overflow:hidden; margin-top:40px;}
.qbox .box .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.qbox .box .list li .w01{ width:100%; position:relative;}
.qbox .box .list li .w01:before{ width:100%; display:block; content:''; padding-top:75%; overflow:hidden;}
.qbox .box .list li .w01 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.qbox .box .list li .w02{ padding-top:25px; width:100%; font-size:18px; line-height:28px; color:#fff; text-overflow:ellipsis; white-space:nowrap;}
.qbox .box .list li .w03{ padding-top:5px; width:100%; font-size:14px; line-height:24px; height:48px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.qbox .box .list li .w04{ width:100%; height:1px; background-color:#484848; margin:auto; margin-top:25px;}
.qbox .box .list li .w05{ width:100%; position:absolute; left:0; bottom:-10px; height:0;}
.qbox .box .list li .w05 p{ display:block; font-size:14px; line-height:34px; height:34px; color:#aaa; float:left;}
.qbox .box .list li .w05 span{ display:block; font-size:14px; line-height:34px; height:34px; color:#aaa; float:right;}
.qbox .box .list li:hover .w02{ padding-top:15px; color:#edb130;}
.qbox .box .list li:hover .w03{ padding-top:0; color:#fff;}
.qbox .box .list li:hover .w04{ margin-top:15px;}
.qbox .box .list li:hover .w05{ opacity:1; height:34px;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.qbox{ width:100%; padding-top:55px; padding-bottom:60px; position:relative; z-index:1; background-color:#1d1d1d;}
.qbox .title{ text-align:left;}
.qbox .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:25px;}
.qbox .box .list{ width:100%; display:block; margin-top:-30px;}
.qbox .box .list li{ width:31.33%; position:relative; display:block; float:left; margin-left:3%; overflow:hidden; margin-top:30px;}
.qbox .box .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.qbox .box .list li .w01{ width:100%; position:relative;}
.qbox .box .list li .w01:before{ width:100%; display:block; content:''; padding-top:75%; overflow:hidden;}
.qbox .box .list li .w01 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.qbox .box .list li .w02{ padding-top:15px; width:100%; font-size:17px; line-height:27px; color:#fff; text-overflow:ellipsis; white-space:nowrap;}
.qbox .box .list li .w03{ padding-top:5px; width:100%; font-size:14px; line-height:24px; height:48px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.qbox .box .list li .w04{ width:100%; height:1px; background-color:#484848; margin:auto; margin-top:15px;}
.qbox .box .list li .w05{ width:100%; position:absolute; left:0; bottom:-10px; height:0;}
.qbox .box .list li .w05 p{ display:block; font-size:14px; line-height:34px; height:34px; color:#aaa; float:left;}
.qbox .box .list li .w05 span{ display:block; font-size:14px; line-height:34px; height:34px; color:#aaa; float:right;}
.qbox .box .list li:hover .w02{ padding-top:5px; color:#edb130;}
.qbox .box .list li:hover .w03{ padding-top:0; color:#fff;}
.qbox .box .list li:hover .w04{ margin-top:5px;}
.qbox .box .list li:hover .w05{ opacity:1; height:34px;}
}
@media only screen and (max-width: 1023px){
.qbox{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#1d1d1d;}
.qbox .title{ text-align:left;}
.qbox .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:15px;}
.qbox .box .list{ width:100%; display:block; margin-top:-20px;}
.qbox .box .list li{ width:100%; position:relative; display:block; float:left; overflow:hidden; margin-top:20px;}
.qbox .box .list li .w01{ width:100%; position:relative;}
.qbox .box .list li .w01:before{ width:100%; display:block; content:''; padding-top:75%; overflow:hidden;}
.qbox .box .list li .w01 img{ width:100%; display:block; position:absolute; left:0; top:0;}
.qbox .box .list li .w02{ padding-top:15px; width:100%; font-size:17px; line-height:27px; color:#fff; text-overflow:ellipsis; white-space:nowrap;}
.qbox .box .list li .w03{ padding-top:5px; width:100%; font-size:14px; line-height:24px; height:48px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.qbox .box .list li .w04{ width:100%; height:1px; background-color:#484848; margin:auto; margin-top:15px;}
.qbox .box .list li .w05{ width:100%;}
.qbox .box .list li .w05 p{ display:block; font-size:14px; line-height:34px; height:34px; color:#aaa; float:left;}
.qbox .box .list li .w05 span{ display:block; font-size:14px; line-height:34px; height:34px; color:#aaa; float:right;}
.qbox .box .list li:hover .w02{ color:#edb130;}
}
@media screen and (min-width: 640px) and (max-width: 1023px){
.qbox .box .list li{ width:48.5%; margin-left:3%;}
.qbox .box .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
}

/*关于我们*/
@media screen and (min-width:1280px){
.index{ width:100%; position:relative; z-index:1; top:-70px;}
.ab01{ width:100%; padding-top:75px; padding-bottom:80px; position:relative; z-index:1; background-color:#151515;}
.ab01 .box{ width:94%; max-width:1400px; margin:auto; position:relative; z-index:3; margin-top:5px;}
.ab01 .box .bg{ width:41.43%; position:absolute; right:0; top:0; z-index:1;}
.ab01 .box .bg img{ width:100%;}
.ab01 .box .w01{ width:52.86%; position:relative; z-index:3;}
.ab01 .box .w01 b{ width:50px; height:2px; display:block; background-color:#edb130;}
.ab01 .box .w01 span{ display:block; color:#fff; font-size:24px; line-height:34px; margin-top:15px;}
.ab01 .box .w01 p{ display:block; color:#666; font-size:14px; line-height:24px; text-transform:uppercase;}
.ab01 .box .w02{ width:52.86%; position:relative; z-index:3; font-size:14px; line-height:30px; margin-top:17px;}
.ab01 .box .w03{ width:52.86%; display:flex; margin-top:37px;}
.ab01 .box .w03 b{ width:1px; display:block; background-color:#1d1d1d; overflow:hidden; margin:5px 3.44%;}
.ab01 .box .w03 li{ display:block; flex:1; overflow:hidden;}
.ab01 .box .w03 li span{ display:block; font-size:20px; line-height:30px; color:#edb130;}
.ab01 .box .w03 li a{ display:block; font-size:14px; line-height:24px; color:#666; text-transform:uppercase;}
.ab01 .box .w03 li p{ display:block; font-size:14px; line-height:24px; margin-top:10px;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.index{ width:100%; position:relative; z-index:1; top:-60px;}
.ab01{ width:100%; padding-top:55px; padding-bottom:60px; position:relative; z-index:1; background-color:#151515;}
.ab01 .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:5px;}
.ab01 .box .bg{ width:41.43%; position:absolute; right:0; top:0; z-index:1;}
.ab01 .box .bg img{ width:100%;}
.ab01 .box .w01{ width:52.86%; position:relative; z-index:3;}
.ab01 .box .w01 b{ width:40px; height:2px; display:block; background-color:#edb130;}
.ab01 .box .w01 span{ display:block; color:#fff; font-size:20px; line-height:30px; margin-top:10px;}
.ab01 .box .w01 p{ display:block; color:#666; font-size:14px; line-height:24px; text-transform:uppercase;}
.ab01 .box .w02{ width:52.86%; position:relative; z-index:3; font-size:14px; line-height:24px; margin-top:10px;}
.ab01 .box .w03{ width:52.86%; display:flex; margin-top:25px;}
.ab01 .box .w03 b{ width:1px; display:block; background-color:#1d1d1d; overflow:hidden; margin:5px 3.44%;}
.ab01 .box .w03 li{ display:block; flex:1; overflow:hidden;}
.ab01 .box .w03 li span{ display:block; font-size:18px; line-height:28px; color:#edb130;}
.ab01 .box .w03 li a{ display:block; font-size:14px; line-height:24px; color:#666; text-transform:uppercase;}
.ab01 .box .w03 li p{ display:block; font-size:14px; line-height:24px; margin-top:5px;}
}
@media only screen and (max-width: 1023px){
.index{ width:100%; position:relative; z-index:1; top:-60px;}
.ab01{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#151515;}
.ab01 .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:5px;}
.ab01 .box .bg{ width:100%; margin-top:15px;}
.ab01 .box .bg img{ max-width:100%; display:block; float:right;}
.ab01 .box .w01{ width:100%; position:relative; z-index:3;}
.ab01 .box .w01 b{ width:30px; height:2px; display:block; background-color:#edb130;}
.ab01 .box .w01 span{ display:block; color:#fff; font-size:18px; line-height:28px; margin-top:5px;}
.ab01 .box .w01 p{ display:block; color:#666; font-size:12px; line-height:22px; text-transform:uppercase; margin-top:-5px;}
.ab01 .box .w02{ width:100%; position:relative; z-index:3; font-size:14px; line-height:24px; margin-top:5px;}
.ab01 .box .w03{ width:100%; display:block;}
.ab01 .box .w03 b{ display:none;}
.ab01 .box .w03 li{ display:block; margin-top:10px; overflow:hidden;}
.ab01 .box .w03 li span{ display:block; font-size:16px; line-height:26px; color:#edb130;}
.ab01 .box .w03 li a{ display:block; font-size:12px; line-height:22px; color:#666; text-transform:uppercase;}
.ab01 .box .w03 li p{ display:block; font-size:14px; line-height:24px;}
}

@media screen and (min-width:1280px){
.ab02{ width:100%; padding-top:75px; padding-bottom:80px; position:relative; z-index:1; background-color:#1d1d1d;}
.ab02 .box{ width:94%; max-width:1400px; margin:auto; position:relative; z-index:3; margin-top:35px;}
.ab02 .box .list{ width:100%; display:block; margin-top:-40px;}
.ab02 .box .list li{ width:48%; height:260px; float:left; margin-left:4%; margin-top:40px; position:relative; display:block; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab02 .box .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.ab02 .box .list li .bg{ width:100%; height:100%; background-image:url(../images/ab02.png); background-position:bottom left; background-repeat:repeat-x; position:relative; z-index:1;}
.ab02 .box .list li .wen{ width:calc(100% - 60px); position:absolute; left:30px; bottom:0; transform:translateY(-15px); z-index:3; text-align:center; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.ab02 .box .list li .wen .w01{ font-size:24px; line-height:34px; color:#fff;}
.ab02 .box .list li .wen .w02{ font-size:14px; line-height:24px; height:48px; margin-top:10px; color:#fff;}
.ab02 .box .list li:hover .bg{ background-image:none; background-color:rgba(0,0,0,.7);}
.ab02 .box .list li:hover .wen{ bottom:50%; transform:translateY(50%);}
.ab02 .box .list li:hover .wen .w02{ height:auto;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.ab02{ width:100%; padding-top:55px; padding-bottom:60px; position:relative; z-index:1; background-color:#1d1d1d;}
.ab02 .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:25px;}
.ab02 .box .list{ width:100%; display:flex; flex-wrap:wrap; margin-top:-30px;}
.ab02 .box .list li{ width:48.5%; height:220px; float:left; margin-left:3%; margin-top:30px; position:relative; display:block; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab02 .box .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.ab02 .box .list li .bg{ width:100%; height:100%; background-image:url(../images/ab02.png); background-position:bottom left; background-repeat:repeat-x; position:relative; z-index:1;}
.ab02 .box .list li .wen{ width:calc(100% - 40px); position:absolute; left:20px; bottom:0; transform:translateY(-15px); z-index:3; text-align:center; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.ab02 .box .list li .wen .w01{ font-size:20px; line-height:30px; color:#fff;}
.ab02 .box .list li .wen .w02{ font-size:14px; line-height:24px; height:48px; margin-top:7px; color:#fff;}
.ab02 .box .list li:hover .bg{ background-image:none; background-color:rgba(0,0,0,.7);}
.ab02 .box .list li:hover .wen{ bottom:50%; transform:translateY(50%);}
.ab02 .box .list li:hover .wen .w02{ height:auto;}
}
@media only screen and (max-width: 1023px){
.ab02{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#1d1d1d;}
.ab02 .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:15px;}
.ab02 .box .list{ width:100%; display:flex; flex-wrap:wrap; margin-top:-20px;}
.ab02 .box .list li{ width:100%; height:200px; float:left; margin-top:20px; position:relative; display:block; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab02 .box .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.ab02 .box .list li .bg{ width:100%; height:100%; background-image:url(../images/ab02.png); background-position:bottom left; background-repeat:repeat-x; position:relative; z-index:1;}
.ab02 .box .list li .wen{ width:calc(100% - 30px); position:absolute; left:15px; bottom:0; transform:translateY(-10px); z-index:3; text-align:center; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.ab02 .box .list li .wen .w01{ font-size:16px; line-height:26px; color:#fff;}
.ab02 .box .list li .wen .w02{ font-size:14px; line-height:24px; height:48px; margin-top:5px; color:#fff;}
.ab02 .box .list li:hover .bg{ background-image:none; background-color:rgba(0,0,0,.7);}
.ab02 .box .list li:hover .wen{ bottom:50%; transform:translateY(50%);}
.ab02 .box .list li:hover .wen .w02{ height:auto;}
}
@media screen and (min-width: 640px) and (max-width: 1023px){
.ab02 .box .list li{ width:48.5%; margin-left:3%;}
.ab02 .box .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.ab02 .box .list li .wen{ transform:translateY(-10px);}
.ab02 .box .list li:hover .wen{ bottom:50%; transform:translateY(50%);}
}

@media screen and (min-width:1280px){
.ab03{ width:100%; padding-top:75px; padding-bottom:80px; position:relative; z-index:1; background-color:#151515;}
.ab03 .box{ width:94%; max-width:1400px; margin:auto; position:relative; z-index:3; margin-top:35px;}
.ab03 .box .list{ width:100%; display:flex; flex-wrap:wrap; margin-top:-30px;}
.ab03 .box .list li{ width:17.6%; float:left; margin-left:3%; margin-top:30px; position:relative; display:block; overflow:hidden;}
.ab03 .box .list li:nth-child(5n+1){ clear:left; float:left; margin-left:0;}
.ab03 .box .list li a{ width:100%; padding-top:100%; display:block; position:relative; overflow:hidden; background-color:#1d1d1d;}
.ab03 .box .list li a img{ max-width:100%; max-height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.ab03{ width:100%; padding-top:55px; padding-bottom:60px; position:relative; z-index:1; background-color:#151515;}
.ab03 .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:25px;}
.ab03 .box .list{ width:100%; display:flex; flex-wrap:wrap; margin-top:-20px;}
.ab03 .box .list li{ width:18.4%; float:left; margin-left:2%; margin-top:20px; position:relative; display:block; overflow:hidden;}
.ab03 .box .list li:nth-child(5n+1){ clear:left; float:left; margin-left:0;}
.ab03 .box .list li a{ width:100%; padding-top:100%; display:block; position:relative; overflow:hidden; background-color:#1d1d1d;}
.ab03 .box .list li a img{ max-width:100%; max-height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
}
@media only screen and (max-width: 1023px){
.ab03{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#151515;}
.ab03 .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:15px;}
.ab03 .box .list{ width:100%; display:flex; flex-wrap:wrap; margin-top:-15px;}
.ab03 .box .list li{ width:31.33%; float:left; margin-left:3%; margin-top:15px; position:relative; display:block; overflow:hidden;}
.ab03 .box .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.ab03 .box .list li a{ width:100%; padding-top:100%; display:block; position:relative; overflow:hidden; background-color:#1d1d1d;}
.ab03 .box .list li a img{ max-width:100%; max-height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
}

@media screen and (min-width:1280px){
.ab04{ width:100%; padding-top:75px; padding-bottom:80px; position:relative; z-index:1; background-color:#1d1d1d;}
.ab04 .box{ width:94%; max-width:1400px; margin:auto; position:relative; z-index:3; margin-top:35px;}
.ab04 .box .top{ width:calc(100% - 100px); background-color:#222; border-radius:10px; display:flex; padding:45px 50px;}
.ab04 .box .top .line{ width:1px; background-color:#484848; margin:5px 6.25%;}
.ab04 .box .top .ma{ display:flex; flex-direction:column; justify-content:center; align-items:center;}
.ab04 .box .top .ma b{ font-size:20px; line-height:30px; text-align:center; display:block; color:#fff;}
.ab04 .box .top .ma strong{ width:158px; height:158px; display:block; background-color:#fff; border:1px solid #ddd; overflow:hidden; margin-top:15px;}
.ab04 .box .top .ma strong img{ width:100%; display:block;}
.ab04 .box .top .ma p{ font-size:16px; line-height:26px; margin-top:19px; text-align:center; display:block; color:#aaa;}
.ab04 .box .top .lian{ flex:1; display:flex; flex-direction:column; justify-content:center; margin-left:5%;}
.ab04 .box .top .lian li{ display:flex; align-items:center; margin:15px 0; width:100%;}
.ab04 .box .top .lian li img{ display:block; height:50px;}
.ab04 .box .top .lian li p{ display:block; margin-left:1vw; flex:1;}
.ab04 .box .top .lian li p span{ display:block; font-weight:bold; font-size:16px; line-height:24px; color:#aaa;}
.ab04 .box .top .lian li p a{ display:block; font-size:16px; line-height:26px; color:#fff;}
.ab04 .box .top .lian li p b{ display:block; font-size:20px; line-height:26px; color:#edb130;}
.ab04 .box .top .mail{ width:26.66%; display:flex; flex-direction:column; justify-content:center;}
.ab04 .box .top .mail li{ display:block; overflow:hidden; margin:10px 0; width:100%;}
.ab04 .box .top .mail li span{ display:block; overflow:hidden;}
.ab04 .box .top .mail li span b{ display:block; float:left; font-size:18px; line-height:28px; height:28px; color:#fff;}
.ab04 .box .top .mail li span a{ display:block; float:left; font-size:14px; line-height:22px; height:28px; color:#999; margin-left:10px; text-transform:uppercase; position:relative;}
.ab04 .box .top .mail li span a:before{ width:30px; height:2px; display:block; position:absolute; left:0; bottom:5px; content:''; background-color:#edb130; overflow:hidden;}
.ab04 .box .top .mail li p{ display:block; font-size:16px; line-height:26px; color:#aaa;}
.ab04 .box .titles{ width:100%; margin-top:45px; position:relative;}
.ab04 .box .titles b{ display:block; float:left; padding-right:20px; font-size:30px; line-height:40px; color:#fff; background-color:#1d1d1d; position:relative; z-index:3;}
.ab04 .box .titles a{ width:100%; height:1px; display:block; background-color:#484848; overflow:hidden; position:absolute; left:0; top:50%; z-index:1;}
.ab04 .box .mess{ width:100%; margin-top:-5px;}
.ab04 .box .mess .zc{ width:52.31%; float:left;}
.ab04 .box .mess .zc .m01{ margin-top:25px; float:left; width:44.12%; margin-right:5.88%;}
.ab04 .box .mess .zc .m01 span{ display:block; font-size:14px; line-height:24px; color:#aaa;}
.ab04 .box .mess .zc .m01 p{ display:block; width:calc(100% - 2px); height:38px; border:1px solid #edb130; margin-top:5px; border-radius:5px; overflow:hidden;}
.ab04 .box .mess .zc .m01 p input{ width:100%; font-size:14px; line-height:38px; height:38px; display:block; text-indent:14px; color:#fff; background-color:transparent;}
.ab04 .box .mess .yc{ width:47.69%; float:left; margin-top:25px;}
.ab04 .box .mess .yc span{ display:block; font-size:14px; line-height:24px; color:#aaa;}
.ab04 .box .mess .yc p{ display:block; width:calc(100% - 2px); border:1px solid #edb130; margin-top:5px; border-radius:5px; overflow:hidden;}
.ab04 .box .mess .yc p textarea{ width:100%; font-size:14px; line-height:24px; padding:7px 14px; height:132px; display:block; color:#fff; box-sizing:border-box; background-color:transparent;}
.ab04 .box .mess .sub{ width:100%; float:left; margin-top:30px;}
.ab04 .box .mess .sub input{ width:200px; height:40px; line-height:40px; border-radius:40px; text-align:center; background-color:#edb130; color:#333; overflow:hidden; letter-spacing:4px; text-indent:4px; cursor:pointer; font-size:16px; display:block; margin:auto;}
.ab04 .box .mess .sub input:hover{ background-color:#f3bb43;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.ab04{ width:100%; padding-top:55px; padding-bottom:60px; position:relative; z-index:1; background-color:#1d1d1d;}
.ab04 .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:25px;}
.ab04 .box .top{ width:calc(100% - 60px); background-color:#222; border-radius:10px; display:flex; padding:25px 30px;}
.ab04 .box .top .line{ width:1px; background-color:#484848; margin:5px 5%;}
.ab04 .box .top .ma{ display:flex; flex-direction:column; justify-content:center; align-items:center;}
.ab04 .box .top .ma b{ font-size:18px; line-height:28px; text-align:center; display:block; color:#fff;}
.ab04 .box .top .ma strong{ width:158px; height:158px; display:block; background-color:#fff; border:1px solid #ddd; overflow:hidden; margin-top:10px;}
.ab04 .box .top .ma strong img{ width:100%; display:block;}
.ab04 .box .top .ma p{ font-size:15px; line-height:25px; margin-top:14px; text-align:center; display:block; color:#aaa;}
.ab04 .box .top .lian{ flex:1; display:flex; flex-direction:column; justify-content:center; margin-left:3%;}
.ab04 .box .top .lian li{ display:flex; align-items:center; margin:10px 0; width:100%;}
.ab04 .box .top .lian li img{ display:block; height:50px;}
.ab04 .box .top .lian li p{ display:block; margin-left:1vw; flex:1;}
.ab04 .box .top .lian li p span{ display:block; font-weight:bold; font-size:15px; line-height:23px; color:#aaa;}
.ab04 .box .top .lian li p a{ display:block; font-size:15px; line-height:25px; color:#fff;}
.ab04 .box .top .lian li p b{ display:block; font-size:18px; line-height:25px; color:#edb130;}
.ab04 .box .top .mail{ width:24.66%; display:flex; flex-direction:column; justify-content:center;}
.ab04 .box .top .mail li{ display:block; overflow:hidden; margin:5px 0; width:100%;}
.ab04 .box .top .mail li span{ display:block; overflow:hidden;}
.ab04 .box .top .mail li span b{ display:block; float:left; font-size:17px; line-height:27px; height:27px; color:#fff;}
.ab04 .box .top .mail li span a{ display:block; float:left; font-size:14px; line-height:22px; height:27px; color:#999; margin-left:10px; text-transform:uppercase; position:relative;}
.ab04 .box .top .mail li span a:before{ width:20px; height:2px; display:block; position:absolute; left:0; bottom:5px; content:''; background-color:#edb130; overflow:hidden;}
.ab04 .box .top .mail li p{ display:block; font-size:15px; line-height:25px; color:#aaa;}
.ab04 .box .titles{ width:100%; margin-top:30px; position:relative;}
.ab04 .box .titles b{ display:block; float:left; padding-right:15px; font-size:24px; line-height:34px; color:#fff; background-color:#1d1d1d; position:relative; z-index:3;}
.ab04 .box .titles a{ width:100%; height:1px; display:block; background-color:#484848; overflow:hidden; position:absolute; left:0; top:50%; z-index:1;}
.ab04 .box .mess{ width:100%; margin-top:-5px;}
.ab04 .box .mess .zc{ width:52.31%; float:left;}
.ab04 .box .mess .zc .m01{ margin-top:20px; float:left; width:44.12%; margin-right:5.88%;}
.ab04 .box .mess .zc .m01 span{ display:block; font-size:14px; line-height:24px; color:#aaa;}
.ab04 .box .mess .zc .m01 p{ display:block; width:calc(100% - 2px); height:38px; border:1px solid #edb130; margin-top:4px; border-radius:5px; overflow:hidden;}
.ab04 .box .mess .zc .m01 p input{ width:100%; font-size:14px; line-height:38px; height:38px; display:block; text-indent:14px; color:#fff; background-color:transparent;}
.ab04 .box .mess .yc{ width:47.69%; float:left; margin-top:20px;}
.ab04 .box .mess .yc span{ display:block; font-size:14px; line-height:24px; color:#aaa;}
.ab04 .box .mess .yc p{ display:block; width:calc(100% - 2px); border:1px solid #edb130; margin-top:5px; border-radius:5px; overflow:hidden;}
.ab04 .box .mess .yc p textarea{ width:100%; font-size:14px; line-height:24px; padding:7px 14px; height:125px; display:block; color:#fff; box-sizing:border-box; background-color:transparent;}
.ab04 .box .mess .sub{ width:100%; float:left; margin-top:25px;}
.ab04 .box .mess .sub input{ width:180px; height:38px; line-height:38px; border-radius:40px; text-align:center; background-color:#edb130; color:#333; overflow:hidden; letter-spacing:4px; text-indent:4px; cursor:pointer; font-size:16px; display:block; margin:auto;}
.ab04 .box .mess .sub input:hover{ background-color:#f3bb43;}
}
@media only screen and (max-width: 1023px){
.ab04{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#1d1d1d;}
.ab04 .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:15px;}
.ab04 .box .top{ width:calc(100% - 30px); background-color:#222; border-radius:10px; padding:15px;}
.ab04 .box .top .line{ width:100%; height:1px; background-color:#484848; margin-top:15px;}
.ab04 .box .top .ma{ text-align:center;}
.ab04 .box .top .ma b{ font-size:16px; line-height:26px; text-align:center; display:block; color:#fff;}
.ab04 .box .top .ma strong{ width:120px; height:120px; display:block; background-color:#fff; border:1px solid #ddd; overflow:hidden; margin:auto; margin-top:5px;}
.ab04 .box .top .ma strong img{ width:100%; display:block;}
.ab04 .box .top .ma p{ font-size:14px; line-height:24px; margin-top:10px; text-align:center; display:block; color:#aaa;}
.ab04 .box .top .lian{ width:100%; display:block;}
.ab04 .box .top .lian li{ display:flex; align-items:center; margin-top:10px; width:100%;}
.ab04 .box .top .lian li img{ display:block; height:50px;}
.ab04 .box .top .lian li p{ display:block; margin-left:10px; flex:1;}
.ab04 .box .top .lian li p span{ display:block; font-weight:bold; font-size:14px; line-height:24px; color:#aaa;}
.ab04 .box .top .lian li p a{ display:block; font-size:14px; line-height:24px; color:#fff;}
.ab04 .box .top .lian li p b{ display:block; font-size:16px; line-height:24px; color:#edb130;}
.ab04 .box .top .mail{ width:100%; padding-top:5px;}
.ab04 .box .top .mail li{ display:block; overflow:hidden; margin-top:10px; width:100%;}
.ab04 .box .top .mail li span{ display:block; overflow:hidden;}
.ab04 .box .top .mail li span b{ display:block; float:left; font-size:16px; line-height:26px; height:26px; color:#fff;}
.ab04 .box .top .mail li span a{ display:block; float:left; font-size:12px; line-height:20px; height:26px; color:#999; margin-left:5px; text-transform:uppercase; position:relative;}
.ab04 .box .top .mail li span a:before{ width:10px; height:2px; display:block; position:absolute; left:0; bottom:5px; content:''; background-color:#edb130; overflow:hidden;}
.ab04 .box .top .mail li p{ display:block; font-size:14px; line-height:24px; color:#aaa; margin-top:-4px;}
.ab04 .box .titles{ width:100%; margin-top:15px; position:relative;}
.ab04 .box .titles b{ display:block; float:left; padding-right:10px; font-size:20px; line-height:30px; color:#fff; background-color:#1d1d1d; position:relative; z-index:3;}
.ab04 .box .titles a{ width:100%; height:1px; display:block; background-color:#484848; overflow:hidden; position:absolute; left:0; top:50%; z-index:1;}
.ab04 .box .mess{ width:100%; margin-top:-5px;}
.ab04 .box .mess .zc{ width:100%; float:left;}
.ab04 .box .mess .zc .m01{ margin-top:10px; float:left; width:48.5%; margin-left:3%;}
.ab04 .box .mess .zc .m01:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.ab04 .box .mess .zc .m01 span{ display:block; font-size:14px; line-height:24px; color:#aaa;}
.ab04 .box .mess .zc .m01 p{ display:block; width:calc(100% - 2px); height:34px; border:1px solid #edb130; margin-top:2px; border-radius:5px; overflow:hidden;}
.ab04 .box .mess .zc .m01 p input{ width:100%; font-size:14px; line-height:34px; height:34px; display:block; text-indent:9px; color:#fff; background-color:transparent;}
.ab04 .box .mess .yc{ width:100%; float:left; margin-top:10px;}
.ab04 .box .mess .yc span{ display:block; font-size:14px; line-height:24px; color:#aaa;}
.ab04 .box .mess .yc p{ display:block; width:calc(100% - 2px); border:1px solid #edb130; margin-top:2px; border-radius:5px; overflow:hidden;}
.ab04 .box .mess .yc p textarea{ width:100%; font-size:14px; line-height:24px; padding:5px 9px; height:72px; display:block; color:#fff; box-sizing:border-box; background-color:transparent;}
.ab04 .box .mess .sub{ width:100%; float:left; margin-top:15px;}
.ab04 .box .mess .sub input{ width:160px; height:36px; line-height:36px; border-radius:40px; text-align:center; background-color:#edb130; color:#333; overflow:hidden; letter-spacing:4px; text-indent:4px; cursor:pointer; font-size:14px; display:block; margin:auto;}
.ab04 .box .mess .sub input:hover{ background-color:#f3bb43;}
}

/*招贤纳士*/
@media screen and (min-width:1280px){
.job01{ width:100%; padding-top:75px; padding-bottom:75px; position:relative; z-index:1; background-color:#151515;}
.job01 .box{ width:94%; max-width:1400px; margin:auto; position:relative; z-index:3; margin-top:25px;}
.job01 .box .wen{ width:70%; margin:auto; font-size:16px; line-height:36px; text-align:center; color:#fff;}
.job01 .box .list{ display:block; text-align:center; padding-top:20px; vertical-align:text-top;}
.job01 .box .list li{ display:inline-block; text-align:center; width:190px; margin:0 15px; margin-top:30px; vertical-align:text-top;}
.job01 .box .list li strong{ width:120px; height:120px; display:flex; align-items:center; background-color:#1d1d1d; border-radius:100%; overflow:hidden; margin:auto;}
.job01 .box .list li strong img{ max-width:60px; max-height:60px; display:block; margin:auto;}
.job01 .box .list li:hover strong{ background-color:#edb130;}
.job01 .box .list li:hover strong img{ filter:drop-shadow(#333 10000px 0); transform:translateX(-10000px)}
.job01 .box .list li span{ display:block; font-size:20px; line-height:30px; margin-top:25px; color:#fff;}
.job01 .box .list li:hover span{ color:#edb130;}
.job01 .box .list li p{ display:block; font-size:16px; line-height:26px; margin-top:5px; color:#aaa;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.job01{ width:100%; padding-top:55px; padding-bottom:55px; position:relative; z-index:1; background-color:#151515;}
.job01 .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:18px;}
.job01 .box .wen{ width:100%; margin:auto; font-size:16px; line-height:30px; text-align:center; color:#fff;}
.job01 .box .list{ display:block; text-align:center; padding-top:10px; vertical-align:text-top;}
.job01 .box .list li{ display:inline-block; text-align:center; width:170px; margin:0 10px; margin-top:20px; vertical-align:text-top;}
.job01 .box .list li strong{ width:100px; height:100px; display:flex; align-items:center; background-color:#1d1d1d; border-radius:100%; overflow:hidden; margin:auto;}
.job01 .box .list li strong img{ max-width:50px; max-height:50px; display:block; margin:auto;}
.job01 .box .list li:hover strong{ background-color:#edb130;}
.job01 .box .list li:hover strong img{ filter:drop-shadow(#333 10000px 0); transform:translateX(-10000px)}
.job01 .box .list li span{ display:block; font-size:18px; line-height:28px; margin-top:15px; color:#fff;}
.job01 .box .list li:hover span{ color:#edb130;}
.job01 .box .list li p{ display:block; font-size:14px; line-height:24px; margin-top:5px; color:#aaa;}
}
@media only screen and (max-width: 1023px){
.job01{ width:100%; padding-top:35px; padding-bottom:35px; position:relative; z-index:1; background-color:#151515;}
.job01 .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:10px;}
.job01 .box .wen{ width:100%; margin:auto; font-size:14px; line-height:24px; text-align:center; color:#fff;}
.job01 .box .list{ display:block; text-align:center; padding-top:5px; vertical-align:text-top;}
.job01 .box .list li{ display:inline-block; text-align:center; width:40%; margin:0 5px; margin-top:15px; vertical-align:text-top;}
.job01 .box .list li strong{ width:80px; height:80px; display:flex; align-items:center; background-color:#1d1d1d; border-radius:100%; overflow:hidden; margin:auto;}
.job01 .box .list li strong img{ max-width:40px; max-height:40px; display:block; margin:auto;}
.job01 .box .list li:hover strong{ background-color:#edb130;}
.job01 .box .list li:hover strong img{ filter:drop-shadow(#333 10000px 0); transform:translateX(-10000px)}
.job01 .box .list li span{ display:block; font-size:16px; line-height:26px; margin-top:10px; color:#fff;}
.job01 .box .list li:hover span{ color:#edb130;}
.job01 .box .list li p{ display:block; font-size:12px; line-height:22px; color:#aaa;}
}

@media screen and (min-width:1280px){
.job02{ width:100%; padding-top:75px; padding-bottom:80px; position:relative; z-index:1; background-color:#1d1d1d;}
.job02 .box{ width:94%; max-width:1400px; margin:auto; position:relative; z-index:3; margin-top:35px;}
.job02 .box .list{ width:100%; display:block; margin-top:-40px;}
.job02 .box .list li{ width:30%; height:300px; float:left; margin-left:5%; margin-top:40px; position:relative; display:block; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.job02 .box .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.job02 .box .list li a{ width:100%; height:100%; display:block; position:relative; overflow:hidden; background-color:rgba(0,0,0,.7);}
.job02 .box .list li .wen{ width:calc(100% - 60px); position:absolute; left:30px; top:50%; transform:translateY(-50%); z-index:3; text-align:center;}
.job02 .box .list li .wen .w01{ height:80px; margin:5px auto;}
.job02 .box .list li .wen .w01 img{ display:block; height:80px; margin:auto;}
.job02 .box .list li .wen .w02{ font-size:24px; line-height:34px; padding-top:20px; color:#fff; text-indent:4px; letter-spacing:4px;}
.job02 .box .list li:hover a{ opacity:0;}

.job02 .more{ width:238px; height:48px; margin:auto; border:1px solid #484848; margin-top:40px;}
.job02 .more a{ width:100%; line-height:48px; text-align:center; font-size:14px; color:#fff; display:block; overflow:hidden; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s; position:relative;}
.job02 .more a:after{ content:attr(data-text); display:block; width:100%; color:#edb130;}
.job02 .more:hover{ border:1px solid #edb130;}
.job02 .more:hover a{ transform:translateY(-48px);}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.job02{ width:100%; padding-top:55px; padding-bottom:60px; position:relative; z-index:1; background-color:#1d1d1d;}
.job02 .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:25px;}
.job02 .box .list{ width:100%; display:block; margin-top:-30px;}
.job02 .box .list li{ width:31.43%; height:250px; float:left; margin-left:2.855%; margin-top:30px; position:relative; display:block; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.job02 .box .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.job02 .box .list li a{ width:100%; height:100%; display:block; position:relative; overflow:hidden; background-color:rgba(0,0,0,.7);}
.job02 .box .list li .wen{ width:calc(100% - 40px); position:absolute; left:20px; top:50%; transform:translateY(-50%); z-index:3; text-align:center;}
.job02 .box .list li .wen .w01{ height:70px; margin:5px auto;}
.job02 .box .list li .wen .w01 img{ display:block; height:70px; margin:auto;}
.job02 .box .list li .wen .w02{ font-size:20px; line-height:30px; padding-top:10px; color:#fff; text-indent:4px; letter-spacing:4px;}
.job02 .box .list li:hover a{ opacity:0;}
.job02 .more{ width:198px; height:44px; margin:auto; border:1px solid #484848; margin-top:30px;}
.job02 .more a{ width:100%; line-height:44px; text-align:center; font-size:14px; color:#fff; display:block; overflow:hidden; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s; position:relative;}
.job02 .more a:after{ content:attr(data-text); display:block; width:100%; color:#edb130;}
.job02 .more:hover{ border:1px solid #edb130;}
.job02 .more:hover a{ transform:translateY(-44px);}
}
@media only screen and (max-width: 1023px){
.job02{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#1d1d1d;}
.job02 .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:15px;}
.job02 .box .list{ width:100%; display:block; margin-top:-20px;}
.job02 .box .list li{ width:100%; height:200px; float:left; margin-top:20px; position:relative; display:block; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.job02 .box .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.job02 .box .list li a{ width:100%; height:100%; display:block; position:relative; overflow:hidden; background-color:rgba(0,0,0,.7);}
.job02 .box .list li .wen{ width:calc(100% - 30px); position:absolute; left:15px; top:50%; transform:translateY(-50%); z-index:3; text-align:center;}
.job02 .box .list li .wen .w01{ height:60px; margin:5px auto;}
.job02 .box .list li .wen .w01 img{ display:block; height:60px; margin:auto;}
.job02 .box .list li .wen .w02{ font-size:18px; line-height:28px; padding-top:5px; color:#fff; text-indent:4px; letter-spacing:4px;}
.job02 .box .list li:hover a{ opacity:0;}
.job02 .more{ width:168px; height:38px; margin:auto; border:1px solid #484848; margin-top:20px;}
.job02 .more a{ width:100%; line-height:38px; text-align:center; font-size:14px; color:#fff; display:block; overflow:hidden; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s; position:relative;}
.job02 .more a:after{ content:attr(data-text); display:block; width:100%; color:#edb130;}
.job02 .more:hover{ border:1px solid #edb130;}
.job02 .more:hover a{ transform:translateY(-44px);}
}
@media screen and (min-width: 640px) and (max-width: 1023px){
.job02 .box .list li{ width:31.33%; margin-left:3%;}
.job02 .box .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
}

/*招贤纳士列表*/
.job03 .box .left .w01 p input::-webkit-input-placeholder{ color:#999;} 
.job03 .box .left .w01 p input:-moz-placeholder{ color:#999;} 
.job03 .box .left .w01 p input::-moz-placeholder{ color:#999;} 
.job03 .box .left .w01 p input:-ms-input-placeholder{ color:#999;}  
@media screen and (min-width:1280px){
.job03{ width:100%; padding-top:75px; padding-bottom:80px; position:relative; z-index:1; background-color:#151515;}
.job03 .box{ width:94%; max-width:1400px; margin:auto; position:relative; z-index:3;}
.job03 .box .left{ width:25%; float:left; border-radius:10px; background-color:#1d1d1d; padding:40px 30px; padding-bottom:35px; box-sizing:border-box; margin:5px 0;}
.job03 .box .left .w01{ border:1px solid #484848; height:38px; border-radius:5px;}
.job03 .box .left .w01 p{ width:calc(100% - 38px); display:block; float:left; height:38px;}
.job03 .box .left .w01 p input{ width:100%; display:block; font-size:14px; height:38px; line-height:38px; overflow:hidden; background-color:transparent; color:#fff; text-indent:10px;}
.job03 .box .left .w01 a{ width:38px; display:block; float:left; height:38px; cursor:pointer;}
.job03 .box .left .w01 a input{ width:100%; height:38px; background-color:transparent; display:block; background-image:url(../images/ser.svg); background-position:center; background-repeat:no-repeat; background-size:16px auto;}
.job03 .box .left .w02{ margin-top:25px; padding-bottom:5px; border-bottom:1px solid #484848;}
.job03 .box .left .w02 span{ display:block; float:left; font-size:18px; line-height:28px; color:#fff;}
.job03 .box .left .w02 a{ display:block; float:right; font-size:14px; line-height:28px; color:#aaa; cursor:pointer;}
.job03 .box .left .w02 a:hover{ color:#edb130;}
.job03 .box .left .w03{ display:block; padding-top:5px; display:block;}
.job03 .box .left .w03 dt{ display:block; margin-top:20px; font-size:18px; line-height:28px; color:#fff;}
.job03 .box .left .w03 dd{ display:block; padding-top:4px;}
.job03 .box .left .w03 dd p{ display:block; font-size:14px; line-height:24px; margin-top:6px; overflow:hidden; color:#fff;}
.job03 .box .left .w03 dd p input{ width:14px; height:14px; box-sizing:border-box; display:block; float:left; margin:5px 10px; margin-left:0; border:1px solid #484848; background-color:transparent; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:3px;}
.job03 .box .left .w03 dd p input:checked{ background-color:#edb130; border-color:#edb130;}
.job03 .box .left .w03 dd p input:checked::before{ content:""; display:block; height:12px; width:12px; background-image:url(../images/dui.png); background-position:center; background-repeat:no-repeat;}
.job03 .box .right{ width:70%; float:right;}
.job03 .box .right .titles{ font-size:24px; line-height:34px; color:#fff; padding-bottom:10px; border-bottom:1px solid #484848;}
.job03 .box .right .titles a{ color:#edb130;}
.job03 .box .right .list{ display:block; width:100%;}
.job03 .box .right .list li{ width:100%; display:block; padding:25px 0; border-bottom:1px solid #484848;}
.job03 .box .right .list li .w01 a{ display:block; font-size:20px; height:30px; line-height:30px; color:#fff; overflow:hidden;}
.job03 .box .right .list li .w01 a:hover{ color:#edb130;}
.job03 .box .right .list li .w02{ display:block; font-size:16px; height:26px; margin-top:5px; overflow:hidden;}
.job03 .box .right .list li .w02 span{ margin:0 20px; font-size:14px;}
.job03 .box .right .list li .w03{ display:block; font-size:14px; height:24px; height:48px; margin-top:10px; overflow:hidden;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.job03{ width:100%; padding-top:55px; padding-bottom:60px; position:relative; z-index:1; background-color:#151515;}
.job03 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.job03 .box .left{ width:25%; float:left; border-radius:10px; background-color:#1d1d1d; padding:30px 20px; padding-bottom:25px; box-sizing:border-box; margin:5px 0;}
.job03 .box .left .w01{ border:1px solid #484848; height:36px; border-radius:5px;}
.job03 .box .left .w01 p{ width:calc(100% - 36px); display:block; float:left; height:36px;}
.job03 .box .left .w01 p input{ width:100%; display:block; font-size:14px; height:36px; line-height:36px; overflow:hidden; background-color:transparent; color:#fff; text-indent:10px;}
.job03 .box .left .w01 a{ width:36px; display:block; float:left; height:36px; cursor:pointer;}
.job03 .box .left .w01 a input{ width:100%; height:36px; background-color:transparent; display:block; background-image:url(../images/ser.svg); background-position:center; background-repeat:no-repeat; background-size:16px auto;}
.job03 .box .left .w02{ margin-top:20px; padding-bottom:5px; border-bottom:1px solid #484848;}
.job03 .box .left .w02 span{ display:block; float:left; font-size:18px; line-height:28px; color:#fff;}
.job03 .box .left .w02 a{ display:block; float:right; font-size:14px; line-height:28px; color:#aaa; cursor:pointer;}
.job03 .box .left .w02 a:hover{ color:#edb130;}
.job03 .box .left .w03{ display:block; padding-top:5px; display:block;}
.job03 .box .left .w03 dt{ display:block; margin-top:15px; font-size:18px; line-height:28px; color:#fff;}
.job03 .box .left .w03 dd{ display:block; padding-top:2px;}
.job03 .box .left .w03 dd p{ display:block; font-size:14px; line-height:24px; margin-top:5px; overflow:hidden; color:#fff;}
.job03 .box .left .w03 dd p input{ width:14px; height:14px; box-sizing:border-box; display:block; float:left; margin:5px 10px; margin-left:0; border:1px solid #484848; background-color:transparent; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:3px;}
.job03 .box .left .w03 dd p input:checked{ background-color:#edb130; border-color:#edb130;}
.job03 .box .left .w03 dd p input:checked::before{ content:""; display:block; height:12px; width:12px; background-image:url(../images/dui.png); background-position:center; background-repeat:no-repeat;}
.job03 .box .right{ width:70%; float:right;}
.job03 .box .right .titles{ font-size:20px; line-height:30px; color:#fff; padding-bottom:10px; border-bottom:1px solid #484848;}
.job03 .box .right .titles a{ color:#edb130;}
.job03 .box .right .list{ display:block; width:100%;}
.job03 .box .right .list li{ width:100%; display:block; padding:20px 0; border-bottom:1px solid #484848;}
.job03 .box .right .list li .w01 a{ display:block; font-size:18px; height:28px; line-height:28px; color:#fff; overflow:hidden;}
.job03 .box .right .list li .w01 a:hover{ color:#edb130;}
.job03 .box .right .list li .w02{ display:block; font-size:16px; height:26px; margin-top:5px; overflow:hidden;}
.job03 .box .right .list li .w02 span{ margin:0 15px; font-size:14px;}
.job03 .box .right .list li .w03{ display:block; font-size:14px; height:24px; height:48px; margin-top:10px; overflow:hidden;}
}
@media only screen and (max-width: 1023px){
.job03{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#151515;}
.job03 .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:15px;}
.job03 .box .left{ width:100%; float:left; border-radius:10px; background-color:#1d1d1d; padding:15px; padding-top:20px; box-sizing:border-box;}
.job03 .box .left .w01{ border:1px solid #484848; height:34px; border-radius:5px;}
.job03 .box .left .w01 p{ width:calc(100% - 34px); display:block; float:left; height:34px;}
.job03 .box .left .w01 p input{ width:100%; display:block; font-size:14px; height:34px; line-height:34px; overflow:hidden; background-color:transparent; color:#fff; text-indent:10px;}
.job03 .box .left .w01 a{ width:34px; display:block; float:left; height:34px; cursor:pointer;}
.job03 .box .left .w01 a input{ width:100%; height:34px; background-color:transparent; display:block; background-image:url(../images/ser.svg); background-position:center; background-repeat:no-repeat; background-size:14px auto;}
.job03 .box .left .w02{ margin-top:15px; padding-bottom:5px; border-bottom:1px solid #484848;}
.job03 .box .left .w02 span{ display:block; float:left; font-size:16px; line-height:26px; color:#fff;}
.job03 .box .left .w02 a{ display:block; float:right; font-size:14px; line-height:26px; color:#aaa; cursor:pointer;}
.job03 .box .left .w02 a:hover{ color:#edb130;}
.job03 .box .left .w03{ display:block; padding-top:5px; display:block;}
.job03 .box .left .w03 dt{ display:block; margin-top:10px; font-size:16px; line-height:26px; color:#fff;}
.job03 .box .left .w03 dd{ display:block; padding-top:2px;}
.job03 .box .left .w03 dd p{ display:block; font-size:14px; line-height:24px; overflow:hidden; color:#fff;}
.job03 .box .left .w03 dd p input{ width:14px; height:14px; box-sizing:border-box; display:block; float:left; margin:5px 10px; margin-left:0; border:1px solid #484848; background-color:transparent; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:3px;}
.job03 .box .left .w03 dd p input:checked{ background-color:#edb130; border-color:#edb130;}
.job03 .box .left .w03 dd p input:checked::before{ content:""; display:block; height:12px; width:12px; background-image:url(../images/dui.png); background-position:center; background-repeat:no-repeat;}
.job03 .box .right{ width:100%; margin-top:25px; float:right;}
.job03 .box .right .titles{ font-size:18px; line-height:28px; color:#fff; padding-bottom:5px; border-bottom:1px solid #484848;}
.job03 .box .right .titles a{ color:#edb130;}
.job03 .box .right .list{ display:block; width:100%;}
.job03 .box .right .list li{ width:100%; display:block; padding:15px 0; border-bottom:1px solid #484848;}
.job03 .box .right .list li .w01 a{ display:block; font-size:16px; height:26px; line-height:26px; color:#fff; overflow:hidden;}
.job03 .box .right .list li .w01 a:hover{ color:#edb130;}
.job03 .box .right .list li .w02{ display:block; font-size:14px; height:24px; margin-top:5px; overflow:hidden;}
.job03 .box .right .list li .w02 span{ margin:0 10px; font-size:12px;}
.job03 .box .right .list li .w03{ display:block; font-size:14px; height:24px; height:48px; margin-top:5px; overflow:hidden;}
}

/*招贤纳士内页*/
@media screen and (min-width:1280px){
.job04{ width:100%; padding-top:75px; padding-bottom:80px; position:relative; z-index:1; background-color:#151515;}
.job04 .box{ width:94%; max-width:1000px; margin:auto; position:relative; z-index:3;}
.job04 .box .w01{ font-size:24px; line-height:34px; color:#fff;}
.job04 .box .w02{ font-size:16px; line-height:26px; color:#aaa; margin-top:10px;}
.job04 .box .w02 span{ margin:0 15px;}
.job04 .box .w03{ width:100%; margin-top:40px; display:flex; align-items:center;}
.job04 .box .w03 b{ width:5px; height:20px; background-color:#edb130; display:block; border-radius:5px; overflow:hidden;}
.job04 .box .w03 span{ display:block; font-size:20px; line-height:30px; color:#fff; margin-left:10px; margin-right:20px;}
.job04 .box .w03 p{ display:block; flex:1; background-color:#484848; height:1px; overflow:hidden;}
.job04 .box .w04{ font-size:14px; line-height:30px; margin-top:10px;}
.job04 .box .w04 img{ max-width:100%; height:auto !important;}
.job04 .box .click{ width:140px; height:40px; line-height:40px; text-align:center; font-size:16px; border-radius:40px; margin-top:45px; background-color:#edb130; color:#333; letter-spacing:4px; text-indent:4px; cursor:pointer;}
.job04 .box .click:hover{ background-color:#f3bb43;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.job04{ width:100%; padding-top:55px; padding-bottom:60px; position:relative; z-index:1; background-color:#151515;}
.job04 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.job04 .box .w01{ font-size:20px; line-height:30px; color:#fff;}
.job04 .box .w02{ font-size:15px; line-height:25px; color:#aaa; margin-top:10px;}
.job04 .box .w02 span{ margin:0 10px;}
.job04 .box .w03{ width:100%; margin-top:30px; display:flex; align-items:center;}
.job04 .box .w03 b{ width:4px; height:18px; background-color:#edb130; display:block; border-radius:5px; overflow:hidden;}
.job04 .box .w03 span{ display:block; font-size:18px; line-height:28px; color:#fff; margin-left:10px; margin-right:20px;}
.job04 .box .w03 p{ display:block; flex:1; background-color:#484848; height:1px; overflow:hidden;}
.job04 .box .w04{ font-size:14px; line-height:24px; margin-top:10px;}
.job04 .box .w04 img{ max-width:100%; height:auto !important;}
.job04 .box .click{ width:120px; height:38px; line-height:38px; text-align:center; font-size:15px; border-radius:40px; margin-top:30px; background-color:#edb130; color:#333; letter-spacing:4px; text-indent:4px; cursor:pointer;}
.job04 .box .click:hover{ background-color:#f3bb43;}
}
@media only screen and (max-width: 1023px){
.job04{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#151515;}
.job04 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.job04 .box .w01{ font-size:18px; line-height:28px; color:#fff;}
.job04 .box .w02{ font-size:14px; line-height:24px; color:#aaa; margin-top:5px;}
.job04 .box .w02 span{ margin:0 5px;}
.job04 .box .w03{ width:100%; margin-top:15px; display:flex; align-items:center;}
.job04 .box .w03 b{ width:3px; height:16px; background-color:#edb130; display:block; border-radius:5px; overflow:hidden;}
.job04 .box .w03 span{ display:block; font-size:16px; line-height:26px; color:#fff; margin-left:5px; margin-right:15px;}
.job04 .box .w03 p{ display:block; flex:1; background-color:#484848; height:1px; overflow:hidden;}
.job04 .box .w04{ font-size:14px; line-height:24px; margin-top:5px;}
.job04 .box .w04 img{ max-width:100%; height:auto !important;}
.job04 .box .click{ width:100px; height:36px; line-height:36px; text-align:center; font-size:14px; border-radius:40px; margin-top:15px; background-color:#edb130; color:#333; letter-spacing:4px; text-indent:4px; cursor:pointer;}
.job04 .box .click:hover{ background-color:#f3bb43;}
}

.jkuang input::-webkit-input-placeholder{ color:#999;} 
.jkuang input:-moz-placeholder{ color:#999;} 
.jkuang input::-moz-placeholder{ color:#999;} 
.jkuang input:-ms-input-placeholder{ color:#999;}  

@media screen and (min-width:1280px){
.jkuang{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:fixed; left:0; top:0; z-index:99999; display:none;}
.jkuang .bg{ width:100%; height:100%;}
.jkuang .box{ width:94%; max-width:960px; background-color:#fff; border-radius:30px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.jkuang .box .cont{ width:100%; max-height:90vh; padding:50px; padding-top:45px; box-sizing:border-box; overflow:auto;}
.jkuang .box .cont::-webkit-scrollbar{ width:5px; height:1px;}
.jkuang .box .cont::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#edb130;}
.jkuang .box .cont::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.7);}
.jkuang .box .title{ width:100%; position:relative;}
.jkuang .box .title b{ display:block; float:left; padding-right:20px; font-size:30px; line-height:40px; color:#333; background-color:#fff; position:relative; z-index:3;}
.jkuang .box .title a{ width:100%; height:1px; display:block; background-color:#999; overflow:hidden; position:absolute; left:0; top:50%; z-index:1;}
.jkuang .box .bt{ font-size:20px; line-height:30px; margin-top:35px; color:#333; font-weight:bold;}
.jkuang .box .bt .add{ font-size:14px; line-height:30px; float:right; font-size:14px; cursor:pointer; background-color:transparent; float:right;}
.jkuang .box .bt .add img{ margin-right:5px;}
.jkuang .box .bt .add:hover{ color:#edb130;}
.jkuang .box .biao{ font-size:14px; line-height:24px;}
.jkuang .box .biao span{ color:#da0000;}
.jkuang .box .inp{ margin-top:5px; border:1px solid #ddd; box-sizing:border-box; border-radius:5px; overflow:hidden;}
.jkuang .box .inp input{ width:100%; height:38px; line-height:38px; display:block; font-size:14px; color:#333; text-indent:9px;}
.jkuang .box .m01{ margin-top:10px; width:100%;}
.jkuang .box .m01 .city{ width:100%; margin-top:5px;}
.jkuang .box .m01 .city select{ width:47.67%; display:block; height:40px; line-height:38px; border:1px solid #ddd; font-size:14px; color:#333; box-sizing:border-box; text-indent:9px; border-radius:5px; overflow:hidden; float:left; margin-left:4.66%; background-image:url(../images/sel.png); background-position:right 10px center; background-repeat:no-repeat;}
.jkuang .box .m01 .city select:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.jkuang .box .m02{ margin-top:15px; width:100%;}
.jkuang .box .m02 .file{ width:100%; margin-top:5px;}
.jkuang .box .m02 p{ width:270px; height:40px; line-height:38px; border:1px solid #ddd; font-size:14px; color:#333; text-align:center; box-sizing:border-box; border-radius:5px; background-color:#f7f7f7; position:relative; float:left;}
.jkuang .box .m02 p input{ width:100%; height:100%; position:absolute; left:0; top:0; cursor:pointer; opacity:0;}
.jkuang .box .m02 a{ display:flex; align-items:center; margin-left:20px; height:40px; line-height:20px; font-size:14px; color:#333; width:calc(100% - 290px); float:left;}
.jkuang .box .m03{ margin-top:15px; width:100%;}
.jkuang .box .m03 .item{ width:31.4%; display:block; float:left; margin-left:2.9%;}
.jkuang .box .m03 .item:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.jkuang .box .m04{ width:100%; display:block;}
.jkuang .box .m04 li{ width:100%; display:block; position:relative; overflow:hidden;}
.jkuang .box .m04 li .delete{ font-size:14px; line-height:24px; float:right; font-size:14px; cursor:pointer; background-color:transparent; position:absolute; right:0; top:15px;}
.jkuang .box .m04 li .delete img{ margin-right:5px;}
.jkuang .box .m04 li .delete:hover{ color:#edb130;}
.jkuang .box .m04 li .item{ width:47.67%; display:block; float:left; margin-left:4.66%; margin-top:15px; overflow:hidden;}
.jkuang .box .m04 li .item:nth-child(2n){ clear:left; float:left; margin-left:0;}
.jkuang .box .m04 li .item .layui-input-inline{ display:block; float:left; float:left; width:calc(50% - 1px);}
.jkuang .box .m04 li .item .layui-input{ border:none; padding:0; display:block;}
.jkuang .box .m04 li .item .layui-form-mid{ width:1px; height:38px; display:block; float:left; margin:0 !important; padding:0 !important; background-color:#ddd;}
.jkuang .box .m04 li .item01{ width:100%; display:block; float:left; margin-top:15px; overflow:hidden;}
.jkuang .box .m04 li .item01 .text{ width:100%; margin-top:5px;}
.jkuang .box .m04 li .item01 .text textarea{ width:100%; height:100px; padding:7px 9px; box-sizing:border-box; border:1px solid #ddd; display:block; border-radius:5px; font-size:14px; line-height:24px;}

.jkuang .box .m05{ margin-top:10px; width:100%;}
.jkuang .box .m05 .text{ width:100%; margin-top:5px;}
.jkuang .box .m05 .text textarea{ width:100%; height:100px; padding:7px 9px; box-sizing:border-box; border:1px solid #ddd; display:block; border-radius:5px; font-size:14px; line-height:24px;}
.jkuang .box .sub{ margin-top:40px;}
.jkuang .box .sub input{ width:220px; height:50px; line-height:50px; text-align:center; font-size:16px; border-radius:50px; background-color:#edb130; color:#333; overflow:hidden; cursor:pointer; letter-spacing:4px; text-indent:4px;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.jkuang{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:fixed; left:0; top:0; z-index:99999; display:none;}
.jkuang .bg{ width:100%; height:100%;}
.jkuang .box{ width:94%; max-width:960px; background-color:#fff; border-radius:20px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.jkuang .box .cont{ width:100%; max-height:90vh; padding:35px; padding-top:30px; box-sizing:border-box; overflow:auto;}
.jkuang .box .cont::-webkit-scrollbar{ width:5px; height:1px;}
.jkuang .box .cont::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#edb130;}
.jkuang .box .cont::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.7);}
.jkuang .box .title{ width:100%; position:relative;}
.jkuang .box .title b{ display:block; float:left; padding-right:15px; font-size:24px; line-height:34px; color:#333; background-color:#fff; position:relative; z-index:3;}
.jkuang .box .title a{ width:100%; height:1px; display:block; background-color:#999; overflow:hidden; position:absolute; left:0; top:50%; z-index:1;}
.jkuang .box .bt{ font-size:18px; line-height:28px; margin-top:25px; color:#333; font-weight:bold;}
.jkuang .box .bt .add{ font-size:14px; line-height:28px; float:right; font-size:14px; cursor:pointer; background-color:transparent; float:right;}
.jkuang .box .bt .add img{ margin-right:5px;}
.jkuang .box .bt .add:hover{ color:#edb130;}
.jkuang .box .biao{ font-size:14px; line-height:24px;}
.jkuang .box .biao span{ color:#da0000;}
.jkuang .box .inp{ margin-top:5px; border:1px solid #ddd; box-sizing:border-box; border-radius:5px; overflow:hidden;}
.jkuang .box .inp input{ width:100%; height:36px; line-height:36px; display:block; font-size:14px; color:#333; text-indent:9px;}
.jkuang .box .m01{ margin-top:5px; width:100%;}
.jkuang .box .m01 .city{ width:100%; margin-top:5px;}
.jkuang .box .m01 .city select{ width:47.67%; display:block; height:38px; line-height:36px; border:1px solid #ddd; font-size:14px; color:#333; box-sizing:border-box; text-indent:9px; border-radius:5px; overflow:hidden; float:left; margin-left:4.66%; background-image:url(../images/sel.png); background-position:right 10px center; background-repeat:no-repeat;}
.jkuang .box .m01 .city select:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.jkuang .box .m02{ margin-top:5px; width:100%;}
.jkuang .box .m02 .file{ width:100%; margin-top:5px;}
.jkuang .box .m02 p{ width:270px; height:38px; line-height:36px; border:1px solid #ddd; font-size:14px; color:#333; text-align:center; box-sizing:border-box; border-radius:5px; background-color:#f7f7f7; position:relative; float:left;}
.jkuang .box .m02 p input{ width:100%; height:100%; position:absolute; left:0; top:0; cursor:pointer; opacity:0;}
.jkuang .box .m02 a{ display:flex; align-items:center; margin-left:20px; height:38px; line-height:19px; font-size:14px; color:#333; width:calc(100% - 290px); float:left;}
.jkuang .box .m03{ margin-top:10px; width:100%;}
.jkuang .box .m03 .item{ width:31.4%; display:block; float:left; margin-left:2.9%;}
.jkuang .box .m03 .item:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.jkuang .box .m04{ width:100%; display:block;}
.jkuang .box .m04 li{ width:100%; display:block; position:relative; overflow:hidden;}
.jkuang .box .m04 li .delete{ font-size:14px; line-height:24px; float:right; font-size:14px; cursor:pointer; background-color:transparent; position:absolute; right:0; top:10px;}
.jkuang .box .m04 li .delete img{ margin-right:5px;}
.jkuang .box .m04 li .delete:hover{ color:#edb130;}
.jkuang .box .m04 li .item{ width:47.67%; display:block; float:left; margin-left:4.66%; margin-top:10px; overflow:hidden;}
.jkuang .box .m04 li .item:nth-child(2n){ clear:left; float:left; margin-left:0;}
.jkuang .box .m04 li .item .layui-input-inline{ display:block; float:left; float:left; width:calc(50% - 1px);}
.jkuang .box .m04 li .item .layui-input{ border:none; padding:0; display:block;}
.jkuang .box .m04 li .item .layui-form-mid{ width:1px; height:36px; display:block; float:left; margin:0 !important; padding:0 !important; background-color:#ddd;}
.jkuang .box .m04 li .item01{ width:100%; display:block; float:left; margin-top:10px; overflow:hidden;}
.jkuang .box .m04 li .item01 .text{ width:100%; margin-top:5px;}
.jkuang .box .m04 li .item01 .text textarea{ width:100%; height:100px; padding:7px 9px; box-sizing:border-box; border:1px solid #ddd; display:block; border-radius:5px; font-size:14px; line-height:24px;}

.jkuang .box .m05{ margin-top:5px; width:100%;}
.jkuang .box .m05 .text{ width:100%; margin-top:5px;}
.jkuang .box .m05 .text textarea{ width:100%; height:100px; padding:7px 9px; box-sizing:border-box; border:1px solid #ddd; display:block; border-radius:5px; font-size:14px; line-height:24px;}

.jkuang .box .sub{ margin-top:30px;}
.jkuang .box .sub input{ width:200px; height:46px; line-height:46px; text-align:center; font-size:16px; border-radius:50px; background-color:#edb130; color:#333; overflow:hidden; cursor:pointer; letter-spacing:4px; text-indent:4px;}
}
@media only screen and (max-width: 1023px){
.jkuang{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:fixed; left:0; top:0; z-index:99999; display:none;}
.jkuang .bg{ width:100%; height:100%;}
.jkuang .box{ width:94%; max-width:960px; background-color:#fff; border-radius:10px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.jkuang .box .cont{ width:100%; max-height:90vh; padding:15px; padding-bottom:20px; box-sizing:border-box; overflow:auto;}
.jkuang .box .title{ width:100%; position:relative;}
.jkuang .box .title b{ display:block; float:left; padding-right:10px; font-size:20px; line-height:30px; color:#333; background-color:#fff; position:relative; z-index:3;}
.jkuang .box .title a{ width:100%; height:1px; display:block; background-color:#999; overflow:hidden; position:absolute; left:0; top:50%; z-index:1;}
.jkuang .box .bt{ font-size:16px; line-height:26px; margin-top:20px; color:#333; font-weight:bold;}
.jkuang .box .bt .add{ font-size:14px; line-height:26px; float:right; font-size:14px; cursor:pointer; background-color:transparent; float:right;}
.jkuang .box .bt .add img{ margin-right:5px;}
.jkuang .box .bt .add:hover{ color:#edb130;}
.jkuang .box .biao{ font-size:14px; line-height:24px;}
.jkuang .box .biao span{ color:#da0000;}
.jkuang .box .inp{ margin-top:5px; border:1px solid #ddd; box-sizing:border-box; border-radius:5px; overflow:hidden;}
.jkuang .box .inp input{ width:100%; height:34px; line-height:34px; display:block; font-size:14px; color:#333; text-indent:9px;}
.jkuang .box .m01{ width:100%;}
.jkuang .box .m01 .city{ width:100%; margin-top:5px;}
.jkuang .box .m01 .city select{ width:48.5%; display:block; height:36px; line-height:34px; border:1px solid #ddd; font-size:14px; color:#333; box-sizing:border-box; text-indent:9px; border-radius:5px; overflow:hidden; float:left; margin-left:3%; background-image:url(../images/sel.png); background-position:right 10px center; background-repeat:no-repeat;}
.jkuang .box .m01 .city select:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.jkuang .box .m02{ width:100%;}
.jkuang .box .m02 .file{ width:100%; margin-top:5px;}
.jkuang .box .m02 p{ width:100%; max-width:270px; height:36px; line-height:34px; border:1px solid #ddd; font-size:14px; color:#333; text-align:center; box-sizing:border-box; border-radius:5px; background-color:#f7f7f7; position:relative; float:left;}
.jkuang .box .m02 p input{ width:100%; height:100%; position:absolute; left:0; top:0; cursor:pointer; opacity:0;}
.jkuang .box .m02 a{ display:block; line-height:18px; font-size:14px; color:#333; width:100%; margin-top:5px; float:left;}
.jkuang .box .m03{ width:100%; margin-top:-10px;}
.jkuang .box .m03 .item{ width:100%; display:block; float:left; margin-top:10px;}
.jkuang .box .m03 .item:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.jkuang .box .m04{ width:100%; display:block; margin-top:-10px;}
.jkuang .box .m04 li{ width:100%; display:block; position:relative; overflow:hidden;}
.jkuang .box .m04 li .delete{ font-size:14px; line-height:24px; float:right; font-size:14px; cursor:pointer; background-color:transparent; position:absolute; right:0; top:10px;}
.jkuang .box .m04 li .delete img{ margin-right:5px;}
.jkuang .box .m04 li .delete:hover{ color:#edb130;}
.jkuang .box .m04 li .item{ width:100%; display:block; float:left; margin-top:10px; overflow:hidden;}
.jkuang .box .m04 li .item:nth-child(2n){ clear:left; float:left; margin-left:0;}
.jkuang .box .m04 li .item .layui-input-inline{ display:block; float:left; float:left; width:calc(50% - 1px);}
.jkuang .box .m04 li .item .layui-input{ border:none; padding:0; display:block;}
.jkuang .box .m04 li .item .layui-form-mid{ width:1px; height:36px; display:block; float:left; margin:0 !important; padding:0 !important; background-color:#ddd;}
.jkuang .box .m04 li .item01{ width:100%; display:block; float:left; margin-top:10px; overflow:hidden;}
.jkuang .box .m04 li .item01 .text{ width:100%; margin-top:5px;}
.jkuang .box .m04 li .item01 .text textarea{ width:100%; height:100px; padding:5px 9px; box-sizing:border-box; border:1px solid #ddd; display:block; border-radius:5px; font-size:14px; line-height:24px;}

.jkuang .box .m05{ width:100%;}
.jkuang .box .m05 .text{ width:100%; margin-top:5px;}
.jkuang .box .m05 .text textarea{ width:100%; height:100px; padding:5px 9px; box-sizing:border-box; border:1px solid #ddd; display:block; border-radius:5px; font-size:14px; line-height:24px;}

.jkuang .box .sub{ margin-top:20px;}
.jkuang .box .sub input{ width:180px; height:40px; line-height:40px; text-align:center; font-size:14px; border-radius:50px; background-color:#edb130; color:#333; overflow:hidden; cursor:pointer; letter-spacing:4px; text-indent:4px;}
}