@charset "utf-8";
*{word-wrap:break-word; padding:0; margin:0}
html{padding:0;margin:0; overflow-y:scroll}
body{color:#666;background:#fff;}
body,button,input,select,textarea {font:14px/1.5 arial,"Microsoft Yahei";}
a{ color:#3a3a3a;text-decoration:none;transition: all .3s;}
a:hover{text-decoration:none; color:#cdb06c;transition: all .3s;}
img{border:0}
li{list-style:none}
body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form, .pr, .pc {margin:0;padding:0}
table{empty-cells:show;border-collapse:collapse}
caption,th{text-align:left;font-weight:400}
h1, h2, h3, h4, h5, h6 {font-size:1em}
em, cite {font-style:normal}
input,button,select,textarea{ font-family: Microsoft yahei}
input{border:0;outline:none}
button{outline:none; cursor: pointer; }
select, textarea{outline: none}
i{font-style:normal}

::-moz-selection{color:#fff;background:#785400}
::selection{color:#fff;background:#785400}
/* CSS */
.fl{float: left;}
.fr{ float: right }
.tl{ text-align:left}
.tc{ text-align:center}
.tr{ text-align:right}
.mauto{ width: 1200px; margin: 0 auto; position: relative;}
.mgnone{ margin: 0 }
.blur{
    -webkit-filter: blur(5px); /* Chrome, Opera */
       -moz-filter: blur(5px);
        -ms-filter: blur(5px);    
            filter: blur(5px);
}
.mobitopbar,.mobimenu{ display:none}

.header_main{ position:fixed; left:0; top:0; z-index:999; width:100%; height:125px;transition: all .3s;}
.header .mauto{ width: 96%}
.topbar{ float:left; width:100%; height:34px; line-height:34px; color:#fff; border-bottom:1px solid rgba(255,255,255,.1)}
.topbar .fl{ font-size:12px; color:rgba(255,255,255,.6)}
.topbar .fl span{ color:#f17a4f}
.topbar .fr ul li{float:left; padding:4px;}
.topbar .fr ul li a{ font-size:12px; color:rgba(255,255,255,.6); display:block; padding:0 10px; height:26px; line-height:26px; border-radius:3px}
.topbar .fr .login a{ color:#fff; font-weight: 700;}
.topbar .fr .reg a{ color:#333; background:#ead496}
.topbar .ad a{ color:#ead496; height:24px; line-height:24px; border:1px solid #ead496}
.header h1 a{ float:left; display: block; width:198px; height:90px; background:url(../images/logo.png?v=1) no-repeat center; background-size:198px 50px; text-indent:-9999px;transition: all .3s;}
.menu{ float:right; margin-top:26px;transition: all .3s;}
.menu ul li{ float:left; padding:0 0 0 16px; font-size:14px}
.menu ul li span a{ display:block; font-size:16px; color: #fff; height:36px; line-height:36px; padding:0 15px; border-radius:2px 2px 0 0}
.menu ul li.on span a{ background:rgba(0,0,0,.5); color:#fff}
.menu ul li.login span a{border:1px solid #fff;border-radius:90px;padding:0 30px;}
.menu ul li span i{ position:relative; top:-3px; margin:0 0 0 8px; content:"";display:inline-block;height: 5px;width: 5px;border-width: 0 1px 1px 0;border-color: #fff;border-style: solid;transform: matrix(.71,.71,-.71,.71,0,0);transition: all 0.5s;}
.menu ul li.on span i{ top:-1px; transform: rotate(225deg);}

.menu ul li ol{ position:absolute; z-index:1; width:120px; background:rgba(0,0,0,.5); border-radius:0 2px 2px; box-shadow:0 5px 5px rgba(0,0,0,.1); transition: all 0.3s ease 0s; transform: translate3d(0px, 10px, 0px); -moz-transform: translate3d(0px, 10px, 0px); -webkit-transform: translate3d(0px, 10px, 0px); visibility: hidden; filter:alpha(opacity=0); -moz-opacity:0; opacity: 0;}
.menu ul li.on ol{ filter:alpha(opacity=100); -moz-opacity:1; opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); visibility: visible;}
.menu ol li{ width:100%; padding:0}
.menu ol li a{ display:block; color:#fff; height:40px; line-height:40px; padding:0 0 0 16px}
.menu ol li a:hover{ color:#cdb06c}

.header_fixed{top:-35px; height: 105px; background: rgba(255, 255, 255, 0.95); box-shadow:0 0 5px rgba(0,0,0,.2)}
.header_fixed .header h1 a{ height:70px;background:url(../images/logo_2.png?v=1) no-repeat center;background-size:198px 50px;}
.header_fixed .menu{ margin-top:0}
.header_fixed .menu ul li span a{color: #333;height:70px;line-height:70px;}
.header_fixed .menu ul li.on span a{ background:none; color:#cdb06c}
.header_fixed .menu ul li span i{ border-color:#ccc}
.header_fixed .menu ul li.login a{ margin-top:16px; height:36px; line-height:36px;border:1px solid #cdb06c; background:#cdb06c; color:#fff}
.header_fixed .menu ul li ol{ background:rgba(0,0,0,.65)}
.header_fixed .menu ol li a{ color:#fff}
.header_fixed .menu ol li a:hover{ color:#cdb06c}

.zorbnews{ float:left; padding:0 25px; display:flex; align-items:center}
.zorbnews i{ margin-right:10px; color:#cdb06c}
.zorbnews ul li{ display:flex; align-items:center}
.zorbnews ul li em{ margin-right:10px; color:rgba(255,255,255,.6); font-size:12px}
.zorbnews ul li a{font-size:12px; color:#cdb06c;}
.zorbnews ul li a:hover{ color:#fff}

/*Banner*/
.banner{ width:100%; position:relative; height:760px; }
.banner .bd{ width: 100%; height:760px; position:relative; z-index:0}
.banner .bd ul{ width:100%; }
.banner .bd li{ width:100%; height:760px; text-align:center; background-repeat: no-repeat; background-position: center top}
/* .banner .bd li:after{ position: absolute; content:""; z-index:0; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/grid.gif) repeat fixed; overflow: hidden;} */
.banner .bd li a{ display:block}
.banner .bd ul li .p{ position:absolute; z-index:1; left:50%; bottom:-100px; margin-left:-438px; width:244px; height:500px; background:url(../images/b1.png) no-repeat; display:block}
.banner .bd ul li .p2{ position:absolute; z-index:1; left:50%; bottom:-150px; margin-left:138px; width:342px; height:674px; background:url(../images/b2.png) no-repeat; display:block}
.banner .bd ul li .t{ position:absolute; z-index:1; left:50%; margin-left:-370px; top:500px; color:#fff; font-size:18px; text-align:center}
.banner .bd ul li .t h3{ font-size:36px; font-weight:300; margin-bottom:10px}
.banner .bd ul li .t i{ margin-top:30px; display:block; width:150px; height:150px; background:url(../images/code_01.jpg) no-repeat}
.banner .bd ul li .t i img{ width:100%; border-radius:8px}
.banner .more{ position:absolute; z-index:1; bottom:200px; width:260px; height:50px; line-height:50px; left:50%; margin-left:-130px}
.banner .more a{ font-size:18px; border:1px solid #fff; background:#fff; border-radius:60px}

.banner .hd{ position:absolute; z-index:1; bottom:100px; left:0; right:0; margin:0 auto;}
.banner .hd ul{ text-align:center; display:flex; align-items:center; justify-content:center}
.banner .hd ul li{ cursor:pointer; zoom:1; width:12px; height:5px; margin:5px; text-indent:-999px; background:rgba(255,255,255,.3); overflow:hidden; transition: all .3s ease-in-out; border-radius:99px}
.banner .hd ul .on{ background:#fff; height:12px;}
.fixed_footbar{position:fixed; z-index:999; left:0; bottom:0; width:100%; height:42px; padding:15px 0; color:#fff; background:url(../images/png.png);}
.fixed_footbar i{ position:absolute; left:-84px; top:-81px; width:205px; height:138px; background:url(../images/fixed_i.png) no-repeat center; display:block}
.fixed_footbar span{ float:left; width:614px; height:38px; background:url(../images/fixed_text.png) no-repeat center; margin-left:150px}
.fixed_footbar a{ float:right; background:#cdb06c; color:#fff; font-size:18px; font-weight:700; width:176px; line-height:42px; text-align:center; border-radius:22px}
@-webkit-keyframes bounceInUp{
0%{opacity:0;
-webkit-transform:translateY(2000px)}
60%{opacity:1;
-webkit-transform:translateY(-30px)}
80%{-webkit-transform:translateY(10px)}
100%{-webkit-transform:translateY(0)}
}
@-moz-keyframes bounceInUp{
0%{opacity:0;
-moz-transform:translateY(2000px)}
60%{opacity:1;
-moz-transform:translateY(-30px)}
80%{-moz-transform:translateY(10px)}
100%{-moz-transform:translateY(0)}
}

.wethinking{ position:relative; width:100%; height:850px; background:#303137; overflow:hidden}
.tab{ position:absolute; z-index:1; top:140px; left:50%; margin:0 0 0 -282px}
.tab ul{ display:flex;}
.tab li{ margin:0 10px}
.tab li a{ font-size:22px; color:rgba(255,255,255,.5); display:block; padding:10px 30px; width:200px; text-align:center; border:1px solid rgba(255,255,255,.3); border-radius:99px}
.tab li a:hover{ color:#fff}
.tab li.on a{ background:#fff; color:#000; font-weight:700}
.tab_content{ visibility: hidden; opacity: 0; width:100%;transition: all .3s;}
.tab_content.on{ visibility: visible; opacity: 1;}
.tab_content .pic{ position:absolute; filter: blur(20px); opacity:0; transition: all 2s;}
#tab2 .pic{ right:350px; bottom:-100px; width:600px; height:806px; background:url('../images/wwz.png') no-repeat center; background-size:100%;}
#tab1 .pic{ left:350px; bottom:-200px; width:422px; height:894px; background:url('../images/wwz_02.png') no-repeat center; background-size:100%;}
.tab_content.on .pic{filter: blur(0);opacity:1;}
.on#tab2 .pic{ right:0}
.on#tab1 .pic{ left:0}
.tab_content .text{ position:absolute; top:250px; left:0; right:0; font-size:18px; font-family:"Microsoft Yahei Light"; text-align:center; color:rgba(255,255,255,.5);visibility: hidden; opacity: 0;transition: all 2s .5s;letter-spacing:5px}
.tab_content .text span{ color:#cdb06c; margin:0 3px}
.tab_content.on .text{visibility: visible; opacity: 1;letter-spacing:0}
.tab_content .ul{ position:absolute; bottom:200px; left:2%; right:430px; display:flex; justify-content:space-between; transform: translate3d(100px, 0, 0); visibility: hidden; opacity: 0; transition: all .5s;}
#tab1 .ul{ right:2%; left:430px; }
.tab_content .li{ position:relative; flex:1; margin:10px 30px 10px 0;}
.tab_content .li a{ display:block; color:#fff; height:260px; padding:20px 30px; 
    background:rgba(0,0,0,.1);
    border-top:1px solid rgba(255,255,255,.1); 
    backdrop-filter: saturate(100%) blur(10px);
}
.tab_content .li.on a{ background:rgba(0,0,0,.3); color:#fff;}
.tab_content .li:first-child a{ background:#fff; color:#000}
.tab_content .li:after{ 
    position:absolute; right:30px; bottom:12px;
    content: "";
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #cdb06c;
    display: block;
    border-width: 4px 6px 4px 6px;
    border-style: solid;
    transition: 0.36s ease;
}
.tab_content .li:before{
    position:absolute; right:40px; bottom:15px; z-index:1;
    content: "";
    width: 0;
    height: 1px;
    display: block;
    background: #cdb06c;
    transition: 0.36s ease;
}
.tab_content .li.on:after{right:20px;}
.tab_content .li.on:before{width: 50px;}
.tab_content .li a:before{position:absolute; left:0; bottom:0; content: "";width:100%;height: 0;display: block;background: #cdb06c;transition: 0.36s ease;opacity:.3}
.tab_content .li.on a:before{height: 30px;}

.tab_content .li em{ position:relative; font-size:30px; font-weight:300; letter-spacing:2px}
.tab_content .li i{ font-size:16px; opacity:.3; letter-spacing:0}
.tab_content .li h2{ position:relative; font-size:18px; font-weight:400; padding:10px 0 30px}
.tab_content .li p{ opacity:.5; position:absolute; bottom:30px; left:30px; right:30px;transition: all .3s;}
.tab_content.on .ul{transform: translate3d(0, 0, 0);visibility: visible; opacity: 1;}
.tab_content .li:first-child h2{ font-weight:500}
.tab_content .li.on p{ bottom:60px;}
.tab_content .more a{ position:absolute; right:50px; bottom:-30px; color:#fff; font-size:30px; display:block}
.tab_content .more a:hover{ opacity:.5}

.wwzinfo{ position:absolute; left:0; right:0; bottom:30px; font-family:"Microsoft Yahei Light"; font-size:12px; text-align:center; color:#fff}
.wwzinfo h3{ font-size:26px; font-weight:300}
.wwzinfo em{ font-size:16px; margin-left:20px}
.wwzinfo span{ opacity:.5}
.wwzinfo p{ opacity:.5; padding:10px 0; margin-top:10px; border-top:1px solid rgba(255,255,255,.1)}

.rabbit_video{ width:100%; height:500px; position:relative; background:#000; overflow:hidden}
.xvideo{ position:absolute; top:-200px; width:100%; height:100%; background:#000}
.xvideo video{ width:100%;}
.xmask {background-image: linear-gradient(to bottom right, rgba(255,255,255,.1), rgba(255,255,255,1));width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.xmask1 {background-image: linear-gradient(to bottom right, rgba(0,0,0,.9), rgba(20,25,50,.5));width: 100%;height: 100%;position: absolute;top: 0;left: 0;transition: all .8s}
.xmask2 {background: url('../images/x.png') repeat; width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.xmask3 {background-image: linear-gradient(to bottom right, rgba(4,25,18,1), rgba(0,0,0,0));width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.xmask4 {background: url('../images/x3.png') repeat; width: 100%;height: 100%;position: absolute;top: 0;left: 0;}

.b_title{ position:relative; z-index:1; color:#fff; text-align:center; padding-top:200px}
.b_title h3{ position:absolute; top:100px; left:0; right:0; font-size:100px;background-image:-webkit-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,.1),transparent); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.b_title h4{ font-size:36px}
.b_title .btn{ width:63px; height:63px; margin:20px auto; background:url('../images/play_btn.png') no-repeat center; cursor:pointer}
.b_title .p{ width:100%; margin:30px 0 0; color:rgba(255,255,255,.8); padding:30px 0; border-top:1px solid rgba(255,255,255,.2);backdrop-filter: saturate(100%) blur(5px); background:rgba(0,0,0,.1)}
.b_title p{ width:700px; margin:auto; padding:5px 0}

.homeadv{ position:absolute; z-index:1; bottom:-50px; left:0; right:0; margin:0 auto; width:1200px; height:136px; background:#fff; border-radius:10px; box-shadow:0 2px 50px rgba(0,0,0,.05);transition: all 0.3s ease 0s; }
.homeadv.out{transform: translate3d(0px, -10px, 0px); visibility: hidden; opacity: 0;}
.homeadv ul li{ float:left; width:25%; padding-top:20px; text-align:center; font-size:14px}
.homeadv ul li span{ font-size:40px;}
.homeadv ul li p{ font-size:16px;}

.five_trait{ width:100%; background:#fff; padding:180px 0 0; text-align:center; overflow:hidden}
.five_trait .mauto{ width:1300px;}
.five_trait ul li{ float:left; width:20%; padding:50px 2.5% 100px}
.five_trait ul li i{ display:block; margin:20px auto; width:80px; height:80px; background:url(../images/icon_5.png) no-repeat 0 0;}
.five_trait ul li.s2 i{ background-position:0 -80px}
.five_trait ul li.s3 i{ background-position:0 -160px}
.five_trait ul li.s4 i{ background-position:0 -240px}
.five_trait ul li.s5 i{ background-position:0 -320px}
.five_trait ul li span{ font-size:18px; color:#61768a}
.five_trait ul li.on i{ background-position-x:right}
.five_trait ul li p{ font-size:14px; padding:10px; color:#b5bfca}

.main_title{ position:relative; width:100%; margin:0 auto 20px; padding:20px 0 0; text-align:center; overflow:hidden}
.bd1{ border-bottom:1px solid #eee}
.main_title span.t{ margin:30px auto 0; padding:0 30px; display:block; font-family:"Microsoft Yahei Light","Microsoft Yahei"; font-size:36px; font-weight:300;}
.main_title span.t em{ display:block;font-family:"Microsoft Yahei"; font-size:12px; color:#b2c0cc}
.main_title p{ font-size:18px; line-height:30px; padding:20px 50px}
.main_title span.more a{ float:right; font-size:16px; color:#aaa; line-height:40px}
.main_title ul{ width:1200px; margin:0 auto; padding:11px 10px 0 0}
.main_title ul li{ float:left; margin-right:30px; padding-right:30px; background:url(../images/l.gif) no-repeat right 6px}
.main_title ul li a{ font-size:20px; display:block; line-height:22px; padding-bottom:30px}
.main_title ul li.on a{ color:#cdb06c; border-bottom:3px solid}
.main_title.ht{ margin:0}
.main_title.ht ul{ width:100%}

.four_main{ padding:30px 0 100px; background:#edf2f7; overflow:hidden}
.four_main ol{ float:left; position:relative; width:50%; height:600px; padding-top:100px}
.four_main ol li{ display:block; position:absolute; }
.four_main ol li.b2{ width:280px; height:552px; background:url(../images/b2.png) no-repeat center; background-size:cover; left:220px; top:50px}
.four_main ol li.b3{ width:280px; height:552px; background:url(../images/b3.png) no-repeat center; background-size:cover; left:50px}
.four_main ul{ float:right; width:50%; padding-top:80px}
.four_main ul li{ float:left; width:70%; margin:5px 0 0 60px; padding:20px 30px 10px; border-bottom:1px solid #dfe6ec}
.four_main ul li span{ font-size:22px}
.four_main ul li p{ font-size:14px;color:#96a3b1; padding:10px 0}

.showcase{ width:100%; padding:0 0 100px; background:#9e1502 url(../images/1920x860.jpg) no-repeat center; overflow:hidden}
.showcase .main_title{color:#fff}
.showcase ul{ float:left; width:100%;}
.showcase ul li{  float:left; width:260px; padding:20px; height:60px;background:rgba(0,0,0,.8); box-shadow:0 3px 10px rgba(0,0,0,.03)}
.showcase ul li img{float:left;margin:0 20px 0 0;width:60px; height:60px; border-radius:4px}
.showcase ul li span{ font-size:14px; line-height:2em;color:#fff}
.showcase ul li i{ font-size:12px; color:rgba(255,255,255,.5); margin:0 10px 0 0}
.showcase ul li.on span{ color:#e83d18; font-weight:700}
.showtip{ float:left; width:80%; margin:100px 10% 0; padding:10px; font-size:30px; text-align:center; color:#fff; background:#e83d18; border-radius:8px; overflow:hidden}

.down{ z-index:1; width:100%; height:760px; position:relative;}
.down.app{ background:#242738 url(../images/banner/banner6.jpg) no-repeat center;}
.down .phone{ position:absolute; left:50%; margin-left:-480px; bottom:-150px}
.down .btn{ position:absolute; left:50%; margin-left:100px; bottom:-120px}
.down .btn ul li{position:relative;display:block;font-size:24px;border:1px solid #ddd;padding:20px 80px;border-radius:99px;margin:10px 0;text-align:center}
.down .btn ul li:first-child{ background:#e83d18; color:#fff}
.down .btn ul li i{ position:absolute; bottom:86px; right:-5px; padding:10px; background:#fff; border-radius:10px; box-shadow:0 5px 20px rgba(0,0,0,.1);transition: all 0.3s ease 0s; transform: translate3d(0px, 10px, 0px); -moz-transform: translate3d(0px, 10px, 0px); -webkit-transform: translate3d(0px, 10px, 0px); visibility: hidden; filter:alpha(opacity=0); -moz-opacity:0; opacity: 0;}
.down .btn ul li.text{ padding:10px; border:0; font-size:14px}
.down .btn ul li p{ padding:10px 0}
.down .btn ul li p a{margin:0 10px}
.down .btn ul li.on i{filter:alpha(opacity=100); -moz-opacity:1; opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); visibility: visible;}

.down.xcx{ z-index:0; height:1200px}
.down.xcx .phone{ margin-left:68px; bottom:100px}
.down.xcx .btn{ margin-left:-450px; bottom:300px}
.down.xcx .btn ul li{ background:#00c578; color:#fff}
.down.xcx .btn ul li i{ box-shadow:none; right:55px;filter:alpha(opacity=100); -moz-opacity:1; opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); visibility: visible;}

.main1{ position:relative; width:100%; height:570px; background:url(../images/bg_map.png) no-repeat center top; overflow:hidden}
.m1_info{ position:absolute; left:50%; top:120px; margin:0 0 0 -500px;  width:453px; height:111px; background:url(../images/main1_text.png) no-repeat}
.m1_content{ position:absolute; left:0; bottom:0; width:100%; height:170px; padding-top:60px; background:#647b9d; color:#fff}
.m1_content ul li{ float:left;padding:0 50px 0 40px; font-size:18px;}
.m1_content ul li span{ font-size:46px; font-weight:700}
.m1_content i{ position:absolute; right:0; top:-220px; display:block; width:425px; height:362px; background:url(../images/main1.png) no-repeat}

.main_index{ position:relative; width:100%; height:800px; background:#11121c url(../images/1920x800.jpg) no-repeat center;overflow:hidden}
.main_index:after{ position: absolute; content:""; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/grid.gif) repeat fixed; overflow: hidden;}
.main_box_focus{ position:relative; z-index:1}
.pt_tab{ width:100%; padding-top:220px}
.pt_tab .hd li{ width:50%; float:left; padding:25px 0 25px 50%; cursor:pointer;transition: all .3s;}
.pt_tab .hd li:hover span{ color:#8da2b7}
.pt_tab .hd li span{ position:relative; font-size:18px; color:#61768a;transition: all .3s;}
.pt_tab .hd li span:before{ position:absolute; left:-20px; top:2px; content:""; display:block; width:3px; height:16px; background:#61768a;transition: all .3s;}
.pt_tab .hd li p{ padding-top:8px; font-size:14px; color:#b2c0cc}

.pt_tab .hd li.on{ background:rgba(255,255,255,0.03)}
.pt_tab .hd li.on span{ color:#ef9e3e}
.pt_tab .hd li.on span:before{ left:-80px; top:12px; width:14px; height:24px; background:url(../images/arrow_l.png) no-repeat 50%}
.pt_tab .hd li.on p{ color:#fff}

.pt_tab .bd{ position:absolute; left:50%; top:-70px; margin-left:-566px; height:230px; width:500px; text-align:center}
.pt_tab .lh{}
.pt_tab .lh .phone{ margin:0 auto; width:280px; height:576px; background:url(../images/phone.png) no-repeat}
.pt_tab .lh .phone img{margin-top: 69px;}

.five_service .main_title{color:#fff}
.five_service{ width:100%; height:860px; background:#242738 url(../images/1920x860_2.jpg?v=20200415) no-repeat center; text-align:center; overflow:hidden}
.five_service .mauto{ width:1300px}
.five_service ul{ margin-top:100px}
.five_service ul li{ position:relative; float:left; width:25%; color:#fff}
.five_service ul li:after{ position:absolute; z-index:1; left:50%; top:0; margin-left:-60px; content:""; width:120px; height:120px; border:1px solid rgba(255,255,255,.3); display:block; border-radius:50%;transition: all 0.5s;}
.five_service ul li:before{position:absolute; z-index:-1; left:50%; top:34px; margin-left:-26px; content:""; width:52px; height:52px; display:block; background:url(../images/service_icon.png?v=20200415) no-repeat -52px 0;transition: all 0.5s;}
.five_service ul li.s2:before{background-position:-52px -52px}
.five_service ul li.s3:before{background-position:-52px -104px}
.five_service ul li.s4:before{background-position:-52px -156px}
.five_service ul li.s5:before{background-position:-52px -208px}

.five_service ul li i{ display:block; margin:34px auto 90px; width:52px; height:52px; background:url(../images/service_icon.png?v=20200415) no-repeat 0 0;transition: all 0.5s;}
.five_service ul li.s2 i{ background-position:0 -52px}
.five_service ul li.s3 i{ background-position:0 -104px}
.five_service ul li.s4 i{ background-position:0 -156px}
.five_service ul li.s5 i{ background-position:0 -208px}
.five_service ul li span{ font-size:24px; margin-bottom:20px; display:block}
.five_service ul li p{ font-size:14px; padding:5px 0; color:rgba(255, 255, 255, 0.4)}
.five_service ul li.on i{transform:rotate(360deg)}
.five_service ul li.on:after{ background:#fff}
.five_service ul li.on:before{ z-index:9; transform:rotate(360deg);}

.main_news .mauto{ width:90%}
.news_box{ width:100%; height:430px; margin-bottom:30px; box-shadow:0 2px 50px rgba(0,0,0,.05); overflow:hidden}
.news_index{ width:100%}
.news_item{float:left;width:260px;height:370px;margin: 30px 0 0 30px;transition: all .3s;}
.news_item dl{ margin-bottom:10px; height:330px; border-bottom:1px solid #eee; overflow:hidden;transition: all .3s;}
.news_item dl dt{ width:100%}
.news_item dl dt img{width:260px;height:111px;display:block; background:url(../images/260x156.png) no-repeat}
.news_item dl dd{ margin-top:10px; height:140px; line-height:20px; padding:0 10px;}
.news_item dl dd span{ display:block; width:100%; line-height:1.5; font-size:16px; padding-top:10px; font-weight:700; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow:hidden;}
.news_item dl dd p{ color:#999; padding:20px 0 0; margin-top:20px; overflow:hidden}
.news_item em{ font-size:14px; color:#bbb; padding-left:10px}
.news_item.on dl{ height:310px;}

.product-banner{ width:100%; height:760px; background:url(../images/banner/banner7.jpg) no-repeat center}
.product{ position:relative; width:100%; padding:50px 0 100px; text-align:center}
.product .phone{ width:342px; height:674px; padding:50px 0; position:relative; margin:0 auto}
.product .phone img{ width:100%}
.product .phone ul li{ position:absolute; left:0; top:0; background:#2196F3; padding:10px 30px; color:#fff; font-size:14px; border-radius:10px}
.product .phone ul li:before{ position:absolute; right:-80px; top:50%; content:""; display:block;border-bottom: 20px solid #2196F3;border-right: 100px solid transparent;}
.product .phone ul li:after{ position:absolute; left:-80px; top:50%; content:""; display:block;border-bottom: 20px solid #2196F3;border-left: 100px solid transparent;}
.product .phone ul li.p1{ left:-200px; top:100px; width:100px}
.product .phone ul li.p2{ left:320px; top:180px; width:120px}
.product .phone ul li.p3{ left:-240px; top:330px}
.product .phone ul li.p4{ left:380px; top:460px; width:130px}

.product .phone ul li.p1:after{ display:none}
.product .phone ul li.p2:before{ display:none}
.product .phone ul li.p3:after{ display:none}
.product .phone ul li.p4:before{ display:none}
.product .phone ul li span{ font-size:20px}
.product .pro-text{ font-size:20px; width:1100px; margin:auto}
.seven{ position:relative; width:100%; height:900px; background:#353b4b url(../images/1920x800.jpg) no-repeat; background-size:cover}
.seven:after{ position: absolute; content:""; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/grid.gif) repeat fixed; overflow: hidden;}
.seven .main_title{color:#fff; z-index:3}
.seven .qyt{ position:absolute; z-index:3; left:50%; top:400px; margin-left:-50px; width:60px; height:60px; padding:20px; border-radius:50%}
.seven .qyt:before,.seven .qyt:after{ content:""; display:block; width:300px; height:300px; position:absolute; left:50%; top:50%; margin:-151px 0 0 -151px; border:1px solid rgba(255,255,255,.1); border-radius:50%}
.seven .qyt:before{ z-index:1}
.seven .qyt:after{ width:300px; height:300px; margin:-200px 0 0 -200px; border:50px solid rgb(97, 118, 138,.3); }
.seven .qyt img{ width:60px; height:60px}
.seven .qyt ul li{ display:block; position:absolute; width:280px; padding:20px 20px 10px; border-bottom:1px solid rgba(97, 118, 138, 0.3);}
.seven .qyt ul li.s1{ left:-500px; top:-130px;}
.seven .qyt ul li.s3{ left:-500px; top:-20px;}
.seven .qyt ul li.s5{ left:-500px; top:90px;}
.seven .qyt ul li.s2{ right:-500px; top:-130px; text-align:right}
.seven .qyt ul li.s4{ right:-500px; top:-20px; text-align:right}
.seven .qyt ul li.s6{ right:-500px; top:90px; text-align:right}
.seven .qyt ul li.s7{ left:50%; top:260px; margin-left:-160px; text-align:center}
.seven .qyt i{ display:inline-block; margin:0 10px 10px 0; width:30px; height:30px; background:#e83d18; color:#fff; font-size:20px; text-align:center; line-height:30px; border-radius:50%}
.seven .qyt span{ font-size:20px; color:#fff}
.seven .qyt p{ font-size:14px}

.advantage{ text-align:center; padding-bottom:100px}
.advantage .a1{ display:inline-block; font-size:20px; width:200px; background:#f5f5f5; color:#666;}
.advantage .a2{ display:inline-block; font-size:16px; width:500px}
.advantage .a3{ display:inline-block; font-size:18px; width:500px; background:#8BC34A; color:#fff}
.advantage ul li{ padding:30px; border-bottom:1px solid #ddd; height:60px; overflow:hidden}
.advantage ul li.t{ background:#61768a; font-size:24px; color:#fff}
/*20210927*/
.mainbox{ width:100%; overflow:hidden}
.mainbox .mauto{ width:90%}
.ft{ margin-top:80px}
.t_1{ font-size:20px; padding:20px 0; line-height:20px}
.t_1 i{ float:left; margin:0 10px 0 0; width:15px; height:20px; background:url(../images/t_1.png) no-repeat center}
.focus_list{ margin-bottom:30px; box-shadow:0 2px 50px rgba(0,0,0,.05)}
.focus_list .new{ padding:25px; margin:0 auto; overflow:hidden}
.focus_list .new .nl{ float:left; width:70%}
.focus_list .new h2 a{ font-size:26px; color:#3a3a3a}
.focus_list .new h2 a:hover{ border-bottom:1px solid}
.focus_list .new p{ font-size:15px}
.focus_list .new span{ float:right; width:360px}
.focus_list .new span img{ width:100%}
.focus_list .new .tag{ padding:10px 0}
.focus_list .new .tag a{ color:#999; font-size:15px;}
.focus_list .new .tag em{ color:#bbb; margin-left:30px}
.focus_list .ul{ padding:25px}
.focus_list .ul li a{ display:block; color:#666; font-size:14px; padding:10px 0; border-top:1px solid #eee}
.focus_list .ul li a:hover{ color:#222}
.focus_list .ul li em{ float:right; color:#bbb}

.zorbpartner{ padding:20px 0 60px 0; }
.zorbpartner ul{ display:flex; flex-wrap:wrap}
.zorbpartner ul li{ width:11.5%; padding:5px 0; display:flex; justify-content:center; background:#fff; margin:0.5%; border-radius:6px; box-shadow:0 2px 50px rgba(0,0,0,.05);}
.zorbpartner ul li img{ width:100%; max-width:130px}

/* 面包屑 */
.position_bar{position:relative;width:100%;height:370px;background:url(../images/bg.jpg) no-repeat center -140px fixed;overflow:hidden;}
.position_bar:after{position: absolute;content:"";left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;}
.position_bar i{ font-family:"宋体"; padding:0 5px; color:#b2c0cc}
.position_bar .p{ position:absolute; z-index:3; left:50%; bottom:20px; color:#fff; margin-left:-600px;padding:5px 0;}
.position_bar .p a{ color:rgba(255, 255, 255, 0.5)}
.position_bar .p a:hover{ color:#fff}
.position_bar.nobg{ background:none; height:200px}
.position_bar.nobg i{ color:#ddd}
.position_bar.nobg span{ color:#999}
.position_bar.nobg .p{ color:#666;}
.position_bar.nobg .p a{ color:#999}
.position_bar.nobg .p a:hover{ color:#3a3a3a}
/* 公司荣誉 */
.position_bar.honorbg{ background:url("../images/banner/6.jpg?v=20240801") no-repeat center; height:650px}
.honor{ position:relative; width:1200px; margin:0 auto 80px; overflow:hidden}
.honor .date{ display:block; font-size:50px; font-weight:700; color:#e2e2e2; border-top:1px solid #eee}
.honor .date:first-child{ border-top:0}
.honor ul{ padding:20px 0 50px; overflow:hidden}
.honor ul li{ position:relative; float:left; width:50%; padding:10px 0; border-radius:6px; transition: all .3s;}
.honor ul li span{ float:left; margin-left:100px; font-size:16px; white-space:nowrap}
.honor ul li img{ position:absolute; left:20px; top:50%; margin-top:-40px; display:block; width:60px;transition: all 0.3s ease 0s; transform: translate3d(0px, 10px, 0px); -moz-transform: translate3d(0px, 10px, 0px); -webkit-transform: translate3d(0px, 10px, 0px); visibility: hidden; filter:alpha(opacity=0); -moz-opacity:0; opacity: 0;}
.honor ul li.on{ background:#f9f9f9}
.honor ul li.on span{ color:#cdb06c}
.honor ul li.on img{filter:alpha(opacity=100); -moz-opacity:1; opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); visibility: visible;}

.p_title{ position:relative; z-index:1; padding-top:100px; text-align:center}
.p_title h3{ font-size:36px}
.p_title .p{ width:1200px; margin:30px auto ; padding:30px 0; background:#fff; border-radius:10px; box-shadow:0 2px 50px rgba(0,0,0,.05)}
.p_title p{ width:700px; margin:auto; padding:5px 0}

.officemap{ width:100%;}
.ombox{ position:relative; margin:-200px auto 0; width:870px; height:717px; background:url('../images/mapbg.jpg?v=1') no-repeat left bottom}
.circle { position: absolute; width: 15px;height: 15px;box-sizing: border-box;border-radius: 50%;border: 2px solid #fff;background-color: transparent}
.circle .c {position: absolute; box-sizing: border-box;border-radius: 50%;border: 2px solid #fff;opacity: 0;width: 15px;height: 15px;left: -2px;top: -2px;}
.circle .point {width: 9px;height: 9px;border-radius: 50%;background-color: #FFEB3B;margin-top: 1px;margin-left: 1px}
.circle .c {animation: wave 2.5s infinite;transform: translateZ(0)}
.circle .c.last {animation-delay: .8s}
.circle .n{ position:absolute; width:100px; top:0; left:30px; white-space:nowrap}
.circle.p1{ right:218px; bottom:93px}
.circle.p1 .n{ top:-4px;}
.circle.p2{ right:213px; bottom:75px}
.circle.p2 .n{ top:15px; left:15px}
.circle.p3{ right:209px; top:264px}
.circle.p4{ right:105px; top:434px}
.circle.p5{ right:405px; top:464px}
.circle.p6{ right:250px; bottom:197px}
@keyframes wave {
    0% {opacity: .8;width: 15px;height: 15px;left: -2px;top: -2px}
    100% {opacity: 0;width: 63px;height: 63px;left: -25px;top: -25px}
}
/* 底部 */
.footer{ position:relative; width:100%; background:#fff; overflow: hidden}
.footer:before{ position:absolute; left:0; top:85px; content:""; display:block; height:1px; width:100%; background:#eee}
.footer:after{ position:absolute; left:0; bottom:0; content:""; display:block; height:95px; width:100%; background:#f9f9f9}
.footer .mauto{ width:90%; padding:0}
.footbar{ z-index:1; position:relative; padding:25px; padding-bottom:20px; overflow:hidden}
.foot_menu{ padding:0 25px; overflow:hidden}
.foot_menu ul{float: left;width: 100px;padding: 0 100px 50px 0}
.foot_menu li span{ float: left; width: 100%; color:#999; font-size: 14px; line-height: 84px; margin-bottom:30px}
.foot_menu li a{ float:left; font-size:14px; width:100%; line-height: 28px}
.foot_menu ul.zs{ width:auto; float:right; padding:0}
.foot_menu ul.zs span a{ font-size:16px; color:#999; line-height:84px; position:relative}
.foot_menu ul.zs span a:before{ position:absolute; left:-30px; top:50%; margin-top:-10px; content:""; width:20px; height:20px; background:url(../images/foot_icon.png) no-repeat; display:block}
.foot_menu ul.zs span b{ font-size:18px; color:#333;}
.foot_code{position:absolute;right:0;top:100px;text-align:center;}
.foot_code li{ float:left; width:100px; padding:11px 50px 0; height:155px; font-size:14px; line-height:55px; border-left:1px solid #eee}
.foot_code li:first-child{ border:0}
.foot_code li img{ display:block; width:100px; height:100px}
.flinks{ width: 100%; padding: 20px 0 10px; font-size:14px}
.flinks a{ margin: 0 5px}
.copyright{ width:100%; line-height:26px; color:#999; }
.copyright img{ position:relative; top:4px; margin:0 5px}
.copyright span{float:right; position:relative}
.copyright span:before{ position:absolute; left:-30px; top:50%; margin-top:-11px; content:""; width:20px; height:20px; background:url(../images/foot_icon.png) no-repeat 0 -20px; display:block}
.copyright div{ position:absolute; right:0; top:35px; text-align:right}

.foot_ad{position:relative;width:100%;height:275px;color:#fff;background: #bb1c21 url(../images/1920x275.jpg) no-repeat center;overflow:hidden;}
.foot_ad i{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/grid.gif) repeat fixed; overflow: hidden;}
.ad_text{ float:left; margin:30px 0 0 0; width:560px}
.ad_text span{float:left; font-weight:700; font-size:36px;font-family:"Microsoft Yahei Light","Microsoft Yahei"}
.ad_text strong{ font-size:80px; text-shadow:2px 8px 0 rgba(0,0,0,.2)}
.ad_text p{ font-weight:300; font-size:16px; margin-top:10px}
.ad_text a{float:right; margin-top:115px; width:100px; text-align:center; color:#fff; font-size:20px; padding:8px 40px; border-radius:80px; border:1px solid #fff}
.ad_text a:hover{ background:#fff; color:#333}

.gototop{ z-index:999; position:fixed; bottom:0; text-align:center; right:0; display:block; transition: all .3s ease-in-out;}
.top_on{ bottom:80px}
.top_in{ bottom:80px}
.sidebox{ position:absolute; bottom:110px; right:20px}
.sidebox span a{ display:block; width:46px; height:46px; background:#e0b846 url(../images/icon.png) no-repeat;border-radius:4px}
.sidebox ul{ position:relative; width:46px}
.sidebox ul li{ margin-top:5px; width:46px; height:46px; background:#f6f7f8; border-radius:4px;box-shadow:2px 2px 5px rgba(0,0,0,.1)}
.sidebox ul li i{ float:right; background:url(../images/icon.png) no-repeat; width:46px; height:46px; cursor:pointer;transition: all .3s;}
.sidebox ul li.wt i{ background-position: 0 -92px}
.sidebox ul li.wx i{ background-position: 0 -46px}
.sidebox ul li.backtop i{ background-position: 0 -138px}
.sidebox ul li.backtop{ }
.sidebox ul li span{ position:absolute; z-index:-1; top:0; right:51px; width:140px; padding-top:10px; height:136px; line-height:16px; background:#fff; border:1px solid #eee; border-radius:4px;box-shadow:0 2px 5px rgba(0,0,0,.1); }
.sidebox ul li span{ transition: all 0.3s ease 0s; transform: translate3d(-10px, 0, 0); -moz-transform: translate3d(-10px, 0, 0); -webkit-transform: translate3d(-10px, 0, 0); visibility: hidden; filter:alpha(opacity=0); -moz-opacity:0; opacity: 0;}
.sidebox ul li span img{ width:90px}
.sidebox ul li span p{ font-size:12px}
.sidebox ul li span b{ color:#bd9627}
.sidebox ul li.on span{filter:alpha(opacity=100); -moz-opacity:1; opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); visibility: visible;}
.sidebox ul li.on i{background-position-x:right}

.sidebox ul li p{ font-size:14px;}
.sidebox ul li.wt span{ top:0; width:80px; height:44px; line-height:44px; border-color:#e0b846; padding:0; color:#fff; background:#e0b846;}
.sidebox ul li.backtop{ position:relative}
.sidebox ul li.backtop span{ top:0; width:80px; height:44px; line-height:44px; border-color:#e0b846; padding:0; color:#fff; background:#e0b846;}
.sidebox ul li.backtop.on { background-color:#fff}

.sidebox ul li.roro{ position:relative; background:#e0b846}
.sidebox ul li.roro i{ position:absolute; right:-6px; bottom:0; width:53px; height:80px; background:url('../images/roro/tz_1.png') no-repeat center bottom}
.sidebox ul li.roro.on i{ background:url('../images/roro/tz_2.png') no-repeat center bottom}
.sidebox ul li.roro.on i:active{ transform:scale(1.12)}

*html .gototop{top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
*html .header{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop));}
/*Window*/
button::-moz-focus-inner{ border:0; padding:0; margin:0; }
*html .window, *html .wbg{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop));}
.wtext{/* display: none; */position: relative;}
.wbg{ position:fixed; _position: absolute;  z-index:9999; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.8);opacity:.8;filter:alpha(opacity=80); overflow: hidden;}
.window{ position:fixed; z-index:211221; height:100%; left:0; right:0; top:0; display:flex; justify-content:center; flex-direction:column; align-items:center}
.wtext span.close{ position: absolute; z-index:9; top:10px; right:10px; width:50px; text-align:center; height:50px; line-height:50px; font-family:arial; font-size:38px; color:#fff; cursor: pointer; border:1px solid #fff}
.wtext span.close i{ transition: all 0.2s;}
.wtext span.close:hover i{ color:rgba(255,255,255,.5); text-decoration: none;}
.ppbody{ margin:0 auto; width:800px; height:60%; padding:50px 80px 80px; line-height:1.5em; text-align:justify; background:#fff; box-shadow:0 3px 8px rgba(0,0,0,.05); border-radius: 10px;-webkit-animation:fadeInDown 1s .2s ease both;-moz-animation:fadeInDown 1s .2s ease both;}
.ppbody .ppc{ margin:30px 0; overflow:auto; height:80%; padding:0 50px 0 22px}
.ppbody .ppbody-title{ color:#a00000; font-size:26px; font-weight:600; text-align:center}
.ppbody span{ font-weight:700; font-size:16px; padding:10px 0; display:block;}
.ppbody p{ padding:5px 0; color:#666}

.ppbody label{ display:flex; align-items:center; color:#000}
.ppbody label input{ margin-right:10px;}
.agreebtn{position:absolute;bottom:20px;left:0;right:0;text-align:center;padding:20px 0 0}
.agreebtn input{ width:180px; color:#666; font-size:18px; background:#fff; padding:5px 0; text-align:center; margin:0 10px; border:1px solid #ddd; border-radius:99px; cursor:pointer}
.agreebtn input:nth-child(2){ background:#a00000; color:#fff; border-color:#a00000}
.agreebtn input[disabled]{cursor: not-allowed;opacity: .65}

.zorbvideo{ width: 960px; height:540px; background:#000; overflow:hidden; text-align:center; box-shadow:0 8px 8px rgba(0,0,0,.2); border-radius: 10px;-webkit-animation:fadeInDown 1s .2s ease both;-moz-animation:fadeInDown 1s .2s ease both;}
@-webkit-keyframes fadeInDown{
0%{opacity:0;
-webkit-transform:translateY(-20px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInDown{
0%{opacity:0;
-moz-transform:translateY(-20px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}

@media screen and (max-width: 767px) {
	*{ -webkit-tap-highlight-color: rgba(0,0,0,0); /* For some Androids */ }
	*{-webkit-tap-highlight-color: transparent;}
    .mauto{ width: auto}
    .window .zorbvideo{ width: 100%; height:auto; border-radius: 0}

    .window{ left:0; right:0; top:0; }
	.ppbody{ position:absolute; bottom:0; top:50px; width:100%; padding:30px 20px; height:auto; border-radius: 10px 10px 0 0;box-sizing:border-box}
    .ppbody .ppc{ position:absolute; left:0; right:0; top:40px; bottom:70px; height:auto; padding:20px; margin:30px 0}
    .agreebtn{ z-index:9999; bottom:0; padding:0; display:flex; }
	.agreebtn input{ width:50%; font-size:16px; margin:5px; border-radius:6px}
	.agreebtn input:first-child{ margin:5px 0 5px 5px;}
    .ppbody label{ position:absolute; bottom:60px}
    
    .mobitopbar,.mobimenu{ display:block}
    .mobitopbar{ position:absolute; top:0; left:0; width:100%; z-index:999; height:40px; }
    .mobitopbar h2 a{float:left; display: block; width:120px; height:40px; background:url(../images/logo.png) no-repeat 15px center; background-size:auto 26px; text-indent:-9999px;transition: all .3s;}
    .mobitopbar ul{ float:right}
    .mobitopbar ul li{float:left; padding:6px 10px 0 0;}
    .mobitopbar ul li a{ font-size:12px; color:rgba(255,255,255,.6); display:block; padding:0 10px; height:26px; line-height:26px; border-radius:3px; border:1px solid #ead496}
    .mobitopbar .login a{ color:#ead496; font-weight: 700;}
    .mobitopbar .reg a{ color:#333; background:#ead496}

    .mobimenu{ z-index: 999; width:100%; height:50px; position:fixed; bottom:0; background:#fff; box-shadow:0 -2px 5px rgba(0,0,0,.05)}
    .mobimenu ul{ display:flex; justify-content:space-around}
    .mobimenu ul li{ flex:1; text-align:center; position:relative; height:50px; line-height:50px}
    .mobimenu ul li:after{ content:""; display:block; width:100%; height:1px; position:absolute; left:0; bottom:0; background:#eee;transform: scaleY(.5);}
    .mobimenu ul li span a{ display:block}

    .mobimenu ul li ol{ position:absolute; left:-15%; right:0; bottom:55px; width:130%; margin:auto; background:#fff; border-radius:0 2px 2px; box-shadow:0 2px 10px rgba(0,0,0,.1); transition: all 0.3s ease 0s; transform: translate3d(0px, 10px, 0px); -moz-transform: translate3d(0px, 10px, 0px); -webkit-transform: translate3d(0px, 10px, 0px); visibility: hidden; filter:alpha(opacity=0); -moz-opacity:0; opacity: 0;}
    .mobimenu ul li.on ol{ filter:alpha(opacity=100); -moz-opacity:1; opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); visibility: visible;}
    .mobimenu ol li{ width:100%; padding:0;}
    .mobimenu ol li a{ display:block; height:50px; line-height:50px;}
    .mobimenu ol li a:hover{ color:#cdb06c; background:#fcfcfc}

    .header_main{ display:none; height:40px}
    .header h1 a{ margin-right:10px; width:30px; height:30px; background:url(../images/icon_logo.png) no-repeat left center; background-size:auto 30px;transition:none}
    .menu{ float:none; margin:0; }
    .menu ul li{ width:44px; padding:0; font-size:10px}
    .menu ul li span a{ height:auto; line-height:16px; padding:5px 12px 0; border-radius:0}
    .menu ul li.on span a{background:rgba(0,0,0,.6)}
    .menu ul li.login{ display:none}

    .menu ul li ol{ left:0; width:100%; padding:10px 0; border-radius:2px;background:rgba(0,0,0,.6)}
    .menu ol li{ width:100%; padding:0}
    .menu ol li a{ font-size:14px}

    .header_fixed{ height: 40px}
    .header_fixed .header h1 a{ width:100px;height:40px;background-size:auto 30px}
    .header_fixed .menu ul li{ display:none}
    .header_fixed .menu ul li.login{ display:none; position:absolute;right:0; width:80px}
    .header_fixed .menu ul li.login span a{ margin-top:8px; background:#fff; color:#cdb06c; padding:0 10px; height:20px; line-height:20px; text-align:center}

    /*Banner*/
    .banner{ height:250px}
    .banner .bd{ height:230px}
    .banner .bd li{ height:230px; background-size:auto 250px}

    .banner .hd{ bottom:30px}
    .fixed_footbar{height:20px}
    .fixed_footbar i{ left:auto; right:0; top:-39px; width:74px; height:50px; background-size:cover}
    .fixed_footbar span{ width:323px; height:20px; margin-left:10px;background-size:cover}
    .fixed_footbar a{ position:absolute; top:-70px; right:10px; font-size:12px; width:80px; line-height:24px}

    .five_trait{ padding:0}
    .five_trait .mauto{ width:auto}
    .five_trait ul li{ width:90%; padding:10px 5%; text-align:left}
    .five_trait ul li i{ float:left; margin:0 20px 30px 0; width:40px; height:40px; background-size:80px}
    .five_trait ul li.s2 i{ background-position:0 -40px}
    .five_trait ul li.s3 i{ background-position:0 -80px}
    .five_trait ul li.s4 i{ background-position:0 -120px}
    .five_trait ul li.s5 i{ background-position:0 -160px}
    .five_trait ul li span{ font-size:12px}
    .five_trait ul li.on i{ background-position-x:right}
    .five_trait ul li p{ font-size:10px; padding:10px 0}

    .news_box{ width:auto; height:auto}
    .news_index{ width:auto}
    .news_item{ position:relative; width:97%; padding-left:3%; height:auto;margin: 22px 0 0 0;border:0; border-bottom:.5px solid #eee;}
    .news_item dl{ margin-bottom:20px; height:auto; border:0}
    .news_item dl dt img{ float:left; margin-top:15px; width:100px;height:auto; border:2px solid #f9f9f9}
    .news_item dl dd{ margin-top:0; height:auto; line-height:20px; padding:0 10px; }
    .news_item dl dd span{ display:block; width:100%; line-height:30px; font-size:16px;overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
    .news_item dl dd p{ padding:0}
    .news_item em{ position:absolute; right:0; top:-15px; font-size:10px; padding:0 3%; color:#ddd}
    .news_item.on{ color:#b2c0cc; background:none; border-color:#eee; box-shadow:none}
    .news_item.on dl{ border-color:#ff5834}
    .news_item.on dl dt img{ border-color:#e83d18}
    .news_item.on dl dd span a{ color:#e83d18}
    .news_item.on dl dd p{ color:#61768a}

    .main_title{ width:auto; margin:0 auto; padding:0 0 10px}
    .main_title span.t{ margin:0 auto; display:block; font-family:"Microsoft Yahei Light","Microsoft Yahei"; font-size:16px; font-weight:300;}
    .main_title span.t em{ display:block;font-family:"Microsoft Yahei"; font-size:12px; color:#b2c0cc}
    .main_title p{ font-size:12px; line-height:1.5}
    .main_title span.more a{ position:absolute; right:0; width:10%; line-height:42px;}
    .main_title span.more a:after{ position:absolute; display:block; width:100%; top:0; right:0; content:"..."; background:#f9f9f9}
    .main_title ul{ padding:0; width:82%}
    .main_title ul li{ width:24%; padding:0 1% 0 0; background:none; margin:0}
    .main_title ul li a{ padding:10px; background:#f9f9f9}
	
	.main_title{ padding:0}
	.main_title ul{ width:100%}
	.main_title ul li{ width:20%; padding:0; background:none; margin:0}
	.main_title ul li a{ font-size:12px; display:block; line-height:22px; padding-bottom:10px; background:none;white-space: nowrap;}
	.main_title ul li.on a{ color:#cdb06c; border-bottom:3px solid}

    .main1{height:500px}
    .m1_info{ left:50%; top:80px; margin:0 0 0 -123px; width:245px; height:60px; background-size:cover}
    .m1_content{ height:100px}
    .m1_content ul li{ width:33.33%; padding:0; font-size:12px; text-align:center}
    .m1_content ul li span{ font-size:26px; font-weight:700}
    .m1_content i{ right:50%; top:-220px;margin-right:-117px; width:235px; height:200px; background-size:cover}

    .four_main{ padding:30px 0 50px;}
    .four_main ol{ width:100%; height:200px; padding-top:0}
    .four_main ol li.b2{ width:100px; height:205px; left:50%; top:0; margin-left:20px}
    .four_main ol li.b3{ width:100px; height:205px; left:50%; margin-left:-100px}
    .four_main ul{ width:100%; padding-top:20px}
    .four_main ul li{ width:80%; margin:5px 5% 0; padding:20px 5% 10px}
    .four_main ul li span{ font-size:18px}
    .four_main ul li p{ font-size:12px;color:#96a3b1; padding:10px 0}

    .showcase{ width:100%; padding:0 0 30px;}
    .showcase ul li{ margin:0 5%; width:80%; padding:20px 5%; height:60px;}
    .showtip{ width:90%; margin:20px 5% 0; padding:10px 0; font-size:16px;}

    .down{ height:300px;}
    .down.app{ background-size:auto 300px}
    .down .phone{ margin-left:-150px; bottom:-80px}
    .down .phone img{ width:140px}
    .down .btn{ margin-left:10px; bottom:-280px; }
    .down .btn ul li{ font-size:14px; padding:5px 10px; width:120px}
    .down .btn ul li i{ bottom:50px; right:10px; padding:10px;}
    .down .btn ul li i img{ width:100px}
    .down .btn ul li.text{ border:0; font-size:12px}
    .down .btn ul li p a{ display:block; margin:20px}
    .down .btn ul li.on i{}

    .down.xcx{ height:500px}
    .down.xcx .phone{ margin-left:-150px; bottom:50px}
    .down.xcx .btn{ margin-left:10px; bottom:60px}
    .down.xcx .btn ul li i{ right:10px; border:1px solid #eee; bottom:40px}

    .main_index{ height:680px}
    .pt_tab{ padding-top:50px}
    .pt_tab .hd li{ width:27.33%; padding:15px 2%; margin:0 1%; transition:none;background:rgba(255,255,255,0.03); border-radius:4px}
    .pt_tab .hd li:hover span{ color:#8da2b7}
    .pt_tab .hd li span{ position:relative; font-size:12px; color:#61768a;transition:none;}
    .pt_tab .hd li span:before{ left:0; top:-20px; width:16px; height:3px; background:#61768a;}
    .pt_tab .hd li p{ display:none; padding-top:5px; font-size:10px}

    .pt_tab .hd li.on{ padding:0; margin:0; position:absolute; top:110px; width:100%; text-align:center; background:none}
    .pt_tab .hd li.on span{ color:#ef9e3e; font-size:14px}
    .pt_tab .hd li.on span:before{ left:50%; margin-left:-12px; top:70px; width:24px; height:14px; background:url(../images/arrow_d.png) no-repeat 50%}
    .pt_tab .hd li.on p{ display:block; font-size:11px}

    .pt_tab .bd{ top:200px; margin-left:-90px; height:370px; width:180px;}
    .pt_tab .lh .phone{ width:180px; height:370px; background-size:cover}
    .pt_tab .lh .phone img{margin-top:44px; width:158px}

    .five_service .main_title span.t{ margin:0 auto;font-size:26px;}
    .five_service{ height:800px; text-align:left; background-size:200%; background-position:center top}
    .five_service .mauto{ width:auto}
    .five_service ul{margin-top:0}
    .five_service ul li{ width:94%; margin:10px 3%; padding-top:17px; border-top:.5px solid rgba(255, 255, 255, 0.3)}
    .five_service ul li:after{ left:19px; top:17px; margin-left:0; width:60px; height:60px}
    .five_service ul li:before{left:37px; top:34px; margin-left:0; width:26px; height:26px; background:url(../images/service_icon.png?v=20200415) no-repeat -26px 0; background-size:52px}
    .five_service ul li.s2:before{background-position:-26px -26px}
    .five_service ul li.s3:before{background-position:-26px -52px}
    .five_service ul li.s4:before{background-position:-26px -78px}
    .five_service ul li.s5:before{background-position:-26px -104px}

    .five_service ul li i{ float:left; margin:17px 37px 80px; width:26px; height:26px; background-size:52px}
    .five_service ul li.s2 i{ background-position:0 -26px}
    .five_service ul li.s3 i{ background-position:0 -52px}
    .five_service ul li.s4 i{ background-position:0 -78px}
    .five_service ul li.s5 i{ background-position:0 -104px}
    .five_service ul li span{ font-size:18px}
    .five_service ul li p{ font-size:12px; padding:0; color:rgba(255, 255, 255, 0.6)}
    .five_service ul li.on i{transform:rotate(360deg)}
    .five_service ul li.on:after{ background:#fff}
    .five_service ul li.on:before{ z-index:9; transform:rotate(360deg);}

    .product-banner{ height:300px; background-size:auto 300px}
    .product{ padding:10px 0 10px;}
    .product .phone{ width:160px; height:315px; padding:50px 0; position:relative; margin:0 auto}
    .product .phone ul li{ padding:10px; font-size:10px; border-radius:4px}
    .product .phone ul li:before{ right:-30px; border-bottom: 10px solid #2196F3;border-right: 40px solid transparent;}
    .product .phone ul li:after{ left:-30px; border-bottom: 10px solid #2196F3;border-left: 40px solid transparent;}
    .product .phone ul li.p1{ left:-80px; top:60px; width:50px}
    .product .phone ul li.p2{ left:140px; top:100px; width:80px}
    .product .phone ul li.p3{ left:-100px; top:170px; transform:scale(.7)}
    .product .phone ul li.p4{ left:160px; top:220px; width:50px}
    .product .phone ul li span{ font-size:12px}
    .product .pro-text{ font-size:14px; width:90%; margin:auto 5%}
    .seven{ height:auto; padding-bottom:30px}
    .seven .qyt{ position:relative; left:0; top:0; z-index:3; width:100%; height:auto; padding:0; margin:0}
    .seven .qyt:before,.seven .qyt:after{ display:none}
    .seven .qyt img{ display:none}
    .seven .qyt ul li{ position:static; width:auto; padding:20px 20px 10px; }
    .seven .qyt ul li.s2{ text-align:left}
    .seven .qyt ul li.s4{ text-align:left}
    .seven .qyt ul li.s6{ text-align:left}
    .seven .qyt ul li.s7{ text-align:left; margin:0}

    .advantage{ padding-bottom:30px;}
    .advantage .a1{ float:left; font-size:12px; width:10%}
    .advantage .a2{ float:left; font-size:12px; width:45%}
    .advantage .a3{ float:left; font-size:12px; width:45%;}
    .advantage ul li{ padding:5px; height:100px;}
    .advantage ul li.t{ font-size:14px; height:40px; line-height:40px}

    .footer:before{ top:0}
    .footer .mauto{ width:auto; padding:0}
    .footbar{padding-bottom:120px}
    .foot_menu{ padding:0 1%}
    .foot_menu ul{ display:none; width: 20%;padding:0;text-align:center}
    .foot_menu ul.zs{ display:block}
    .foot_menu li span{float: left;width: 100%;font-size: 12px;line-height: 50px;margin-bottom:15px}
    .foot_menu li a{ float:left; font-size:12px; width:100%; line-height: 28px}
    .foot_menu ul.zs{ width:100%; float:left; padding:10px 0; height:70px}
    .foot_menu ul.zs span a:before{ position:relative; left:-10px; top:5px; margin-top:0; display:inline-block}
    
    .foot_code{ position: static; float:left; width:100%; padding:0 10%}
    .foot_code li{ float: left; width:40%; height:125px; margin:0; font-size:12px; line-height:45px; padding:0;}
    .foot_code li img{ width:80px; height:80px; margin:auto}

    .flinks{ padding: 20px 0 10px; font-size:12px}
    .copyright{ line-height:16px; font-size:10px}
	.copyright img{ width:12px; top:2px; margin:0 2px}
    .copyright a{ color:#525962}
    .copyright span{ float:left; width:100%}
    .copyright span:before{ display:none}
    .copyright div{ position:static; text-align:center}

    .foot_ad{height:130px;background-size:auto 130px}
    .ad_text{ margin:20px 10%; width:80%}
    .ad_text strong{font-size:38px;text-shadow:2px 4px 0 rgba(0,0,0,.2)}
    .ad_text span{font-size:18px}
    .ad_text p{font-size:11px; margin-top:0}
    .ad_text a{ margin-top:50px; width:100px; font-size:14px; padding:5px 0; border:.5px solid #fff}

    .gototop{ width:auto}
    .sidebox{ bottom:180px; right:10px}
    .sidebox span a{ width:23px; height:23px; border-radius:2px; background-size:46px}
    .sidebox ul{ width:23px}
    .sidebox ul li{ width:23px; height:23px; border-radius:2px}
    .sidebox ul li i{ width:23px; height:23px;background-size:46px}
    .sidebox ul li.wt i{ background-position: 0 -46px}
    .sidebox ul li.wx i{ background-position: 0 -23px}
    .sidebox ul li.backtop i{ background-position: 0 -69px}
    .sidebox ul li span{ right:28px; border-radius:2px}
    .sidebox ul li.on i{background-position-x:right}

    .sidebox ul li.wt span{ display:none}
    .sidebox ul li.backtop span{ display:none}

    .sidebox ul li.roro i{ right:-3px; width:27px; height:40px; background-size:100%}
    .sidebox ul li.roro.on i{ background-size:100%}
    /* 20210929 */
    .mainbox .mauto{ width:96%}
    .main_news .mauto{ width:96%}
    .homeadv{ width:100%; height:90px; bottom:-60px}
    .homeadv ul li{ font-size:14px}
    .homeadv ul li span{ font-size:20px;}
    .homeadv ul li p{ font-size:10px;}

    .zorbnews{ margin-bottom:30px; padding:25px; }
    .zorbnews ul li{ width:100%; padding:10px 0; border-top:1px solid #eee}
    .zorbnews ul li em{ color:#bbb; font-size:10px}

    .focus_list .new .nl{ width:100%}
    .focus_list .new h2 a{ font-size:18px}
    .focus_list .new p{ font-size:12px}
    .focus_list .new span{ float:left; width:100%; margin-bottom:20px}
    .focus_list .new span img{ width:100%}
    .focus_list .ul{ padding:0 25px 25px}
    .focus_list .ul li a{ display:block; color:#666; font-size:14px; padding:10px 0; }
    .focus_list .ul li em{ display:none;}

    /* 公司荣誉 */
    .position_bar.honorbg{ background-size:200%; height:250px}
    .honor{ width:100%}
    .honor .date{ font-size:50px; text-indent:15px}
    .honor ul{ padding:20px 0 50px}
    .honor ul li{ width:100%; padding:10px 0; height:40px; margin-bottom:10px}
    .honor ul li span{ float:left; margin:0 40px 0 90px; font-size:14px; white-space: normal; text-align:justify}
    .honor ul li img{ position:absolute; left:20px; top:50%; margin-top:-25px; display:block; width:50px;transition: all 0.3s ease 0s; filter:alpha(opacity=100); -moz-opacity:1; opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); visibility: visible;}
    .honor ul li.on{ background:#f9f9f9}
    .honor ul li.on span{ color:#cdb06c}
    .honor ul li.on img{transform: translate3d(0px, -3px, 0px); -webkit-transform: translate3d(0px, -3px, 0px); -moz-transform: translate3d(0px, -3px, 0px);}
    
	.xmask2 {background-size:2px}
    /* 首页伟志思考 */
    .wethinking{ height:890px}
    .tab{ top:100px; margin:0 0 0 -130px}
    .tab li{ margin:0 5px}
    .tab li a{ font-size:14px; padding:5px 0; width:120px}
    #tab2 .pic{ right:100px; top:70px; width:100px; height:134px}
    #tab1 .pic{ left:100px; top:70px; width:100px; height:212px}
    .on#tab2 .pic{ right:-10px}
    .on#tab1 .pic{ left:-10px}
    .tab_content .text{ top:150px; font-size:12px; white-space:nowrap}
    .tab_content .ul{ bottom:auto; top:190px; left:0; right:0; flex-direction:column;}
    #tab1 .ul{ right:0; left:0;}
    .tab_content .li{ margin:0}
    .tab_content .li a{ height:160px;}
    
    .tab_content .li h2{ font-size:16px; padding:10px 0 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow:hidden;}
    .tab_content .li p{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow:hidden;}
    .tab_content .more a{ left:0; right:0; text-align:center; bottom:-60px;}
    
    .wwzinfo{ display:none}

    .rabbit_video{ height:auto; background:#000 url('../video/home_video_bg.jpg') no-repeat center top; background-size:110%}
    .rabbit_video .xvideo{ display:none}
    .xvideo{ top:0}

    .b_title{ padding-top:0}
    .b_title h4{ font-size:30px; margin-top:60px}
    .b_title .btn{ margin:10px auto}
    .b_title .p{ padding:30px 0}
    .b_title p{ width:auto; padding:5px 20px}

    .p_title{ padding-top:50px}
    .p_title h3{ font-size:30px}
    .p_title .p{ width:100%; border-radius:10px;}
    .p_title p{ width:auto; padding:5px 20px}

    .ombox{ margin:-200px auto 0; width:870px; height:717px; zoom:.4}
    .circle .n{ font-size:26px}

    .position_bar .p{ display: none; left:15px; bottom:10px; margin:0;}
}
@media screen and (max-width: 413px) {
}
@media screen and (max-width: 321px) {
}