*html{background-image:url(about:blank);background-attachment:fixed;}
*{margin:0; padding: 0;}
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select {margin:0;padding:0}
.lxb-container,#LXB_CONTAINER{ display:none !important;}


body{line-height:1.5; font-family:Microsoft YaHei,SimSun;font-size:16px; background:#ffffff;-webkit-text-size-adjust:100%; min-width: 1400px;width: 100% }
a{ text-decoration:none; color:#3b1f02; cursor:pointer; }
ul,li{ list-style:none; }
.fl{float:left; display:inline; }
.fr{ float:right; display:inline; }
img { border: 0 none;}
a:link { text-decoration: none;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.fl{float: left;}
.fr{float: right;}
.rel{position: relative;}
.abs{position: absolute;}

.divbox{width: 1400px;height: auto;clear: both;margin: 0 auto}
.header-top{width: 100%;height: 48px;line-height: 48px;background: #f6f6f6;}
.header-top .fl{width: 585px;font-size: 12px;color: #666666;}
.header-top .fl a{font-size: 12px;color: #666666;padding-left: 15px;}
.header-top .fl .more{display: inline-block;width: 15px;height: 15px;padding: 0;vertical-align: middle;margin-left: 15px;background: url(./shouye_files/index_icon.png) no-repeat;}
.header-top .fr{width: 600px;}
.header-top .fr a{font-size: 12px;color: #333333;padding: 0 11px;border-right: 1px dotted #cccccc;}
.header-top .fr .search{display: inline-block;width: 15px;height: 15px;background: url(./shouye_files/index_icon.png) no-repeat -23px 1px;padding: 0;padding-right: 13px;vertical-align: middle;}

.logo{text-align: center;padding: 20px 0px 25px;}

.banner,#banner2020{ width:100%;position:relative;height:850px;}
.banner .bd,#banner2020 .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;}
.banner .bd ul{width:100% !important;  }
.banner .bd li{width:100% !important;  height:850px; overflow:hidden; text-align:center;  }
.banner .bd li a,#banner2020 .bd li a{display:block; height:850px;width: 100% }
.banner .hd,#banner2020 .hd{width:100%;position:absolute; z-index:5; bottom:35px; left:0; height:30px; line-height:30px;text-align:center;}
.banner .hd ul li,#banner2020 .hd ul li{cursor:pointer;display:inline-block;zoom:1; width:185px; height:30px;text-align: center; margin:5px;overflow:hidden;color:rgba(255, 255, 255, 0.72);}
.banner .hd ul li span,#banner2020 .hd ul li span{display:block;width: 100%;height: 4px;background: #FFFFFF;border-radius: 10px;}
.banner .hd ul .on,#banner2020 .hd ul .on{color: #902bc3;}
.banner .hd ul .on span,#banner2020 .hd ul .on span{background: #902bc3;}

#banner2020 .bd ul{ width:100%;}
#banner2020 .bd li{ width:100%; height:850px; overflow:hidden; text-align:center;  }



.index_nav{width: 100%;background: #f7f6f6;text-align: center;}
.nav{ width:1200px; margin:0 auto;position:relative;  }
.nav h3{ font-size:100%; font-weight:normal; font-size:14px;  }
.nav .m{   float:left;width:120px;display:inline; text-align:center;  }
.nav h3 a{  zoom:1;width: 100%;  height:60px; line-height:60px;display:block; color:#333333;font-size: 16px; }
.nav .on{border-bottom: 2px solid #610e8b;}
.nav .on h3 a{background: #902bc3;color: #FFFFFF;}
.nav .sub{ display:none; /*默认隐藏*/ width:1200px; padding:30px 0;position:absolute;left:0px;top:62px;background:rgba(255, 255, 255, 0.89);float:left;height: auto; z-index:2;}
.nav .sub .fl{width: 142px;font-size: 20px;color: #333333;text-align: center;padding-top: 10px}
.nav .sub .fl span{font-size: 14px;}
.nav .sub .fr{    width: 970px;
    border-left: 1px solid #aeadad;
    padding-left: 34px;
    margin-right: 48px;padding-bottom: 10px;}
.nav .sub .fr .nav_item{clear: both;height: auto;padding: 10px 0;}
.nav .sub .fr .nav_item h4{color: #ffffff;background: #902bc3;width: 98px;float: left;line-height: 28px;}
.nav .sub .fr .nav_item ul{width: 841px;float: left;margin-left: 15px;}
.nav .sub .fr .nav_item ul li{display: inline-block;float: left;position: relative;padding: 0 14px;line-height: 28px;}
.nav .sub .fr .nav_item ul li a{font-size: 15px;color: #333333;}
.nav .sub .fr .nav_item ul li img{position: absolute;top: 0;right: 7px;animation: bounce 1s infinite;-webkit-animation: bounce 1s infinite;}
@-webkit-keyframes bounce {
    0%,100%,20%,50%,80%{
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40%{
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }
    60%{
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
}
@keyframes bounce {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
        transform: translateY(-4px)
    }
    60% {
        -webkit-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        transform: translateY(-2px)
    }
}

.scale {
    animation: scale 1s infinite linear;
    -webkit-animation: scale 1s infinite linear;
    -moz-animation: scale 1s infinite linear;
    -o-animation: scale 1s infinite linear;
}

@keyframes scale {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}
@-webkit-keyframes scale {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}
@-moz-keyframes scale {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}
@-o-keyframes scale {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}

.index_video{overflow: hidden;color: #666666;padding: 63px 0px 90px;}
.index_video .video_play{ position: absolute; top:50%; left:50%; margin-top:-50px; margin-left:-50px; }
.index_video .link1{ position:relative; display:inline-block;}
.index_video .fl{width: 917px;text-align: center;}
.index_video .fl h3{font-size: 24px;color: #333333;padding: 14px 0px 7px;}
.index_video .fl p{}
.index_video .fl .btn{width:175px;line-height:45px;text-align:center;margin:0 auto;margin-top:25px;font-size: 20px;color: #666666;display: block;border: 4px solid #dddddd;}
.index_video .fl a.btn:hover{border: 4px solid #902bc3;}
.index_video .fr{text-align: center;width: 458px; }
.index_video .fr h3{font-size: 22px;font-weight: 500;margin-top: 12px;}
.index_video .fr ul li:nth-child(2){margin-top: 40px;}

.index_case{}
.index_case .title{text-align: center;padding-bottom: 40px;}
.index_case ul{width: 88.3%;height:auto;overflow:hidden;margin: 0 auto;min-width: 1400px;}
.index_case ul li{display: inline-block;float: left;position: relative;cursor: pointer;width: 14.28%;overflow: hidden;}
.index_case ul li img{width: 100%}
.index_case ul li .after{font-size: 24px;text-align: center;position: absolute;top: 80%;width: 100%;color: #bfbfbf;z-index: 5;}
.index_case ul li .before p{font-size: 24px;text-align: center;position: absolute;top: 80%;width: 100%;color: #FFFFFF;z-index: 8;}
.index_case ul li .before{position: absolute;left: 0px;top: 0;width: 100%;text-align: center;color: #fff;display: none;z-index: 8;}

.index_expert{width: 1390px;height: auto;overflow: hidden;margin: 0 auto;padding: 75px 0 100px}
.index_expert .title{text-align: center;padding-bottom: 40px;}
.expertBox{width:1390px;}
.expertBox .hd{height:42px; line-height:42px;border-bottom:1px solid #ddd;position:relative;width: 995px;margin: 0 auto;margin-bottom: 30px;}
.expertBox .hd ul{position:absolute; left:0px; top:0px; height:32px;width: 1000px;}
.expertBox .hd ul li{float:left;padding:0 30px;cursor:pointer;padding-bottom: 7px;}
.expertBox .hd ul li.on{background: url(./shouye_files/index_icon2.png) 17px 41px no-repeat;}

.inBd{width: 832px;height: 654px;float: left;background: url(./shouye_files/docbg.jpg) no-repeat;}	
.inBox{width: 1390px;margin: 0 auto;}
.inBox .inHd{height: 654px;width: 490px;float: right;position: relative; padding-right:30px;}
.inBox .inHd ul{ overflow:hidden; zoom:1; }
.inBox .inHd ul li{width: 149px;height: 209px;margin:0 14px 14px 0; text-align:center; float:left; cursor:pointer;font-size: 15px;color: #333333;position: relative;}
.inBox .inHd ul li .imgbg{background: rgba(255, 255, 255, 0.7098039215686275);width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.inBox .inHd ul li.on .imgbg{display: none;}
.inBox .inHd ul li:hover .imgbg{display: none;}
.inBox .inHd ul li h3{font-weight: 500;padding-top: 5px;}
.inBox .inHd ul li img{}
.inBox .inBd {margin-right: 20px;}
.docter .docimg{float: left;}
.inBox .inHd ul li .docimg2{background: #e7e7e8;width: 149px;height: 154px;overflow: hidden;}
.inBox .inHd ul li .docimg2 img{width: 98%;margin-top: 10px;}
.doctext{top: 105px;right:30px;width: 380px;color: #333333;}
.doctext h2{font-size: 38px;font-weight: 500;}
.doctext h2 span{font-size: 24px;}
.doctext h3{font-size: 24px;font-weight: 500;padding-bottom: 20px;}
.doctext ul{}
.doctext ul li{clear: both;padding: 15px 0}
.doctext ul li span{display: inline-block; border:1px solid #902bc3; color: #902bc3; width: 80px;height: 30px; font-size:18px;text-align: center;line-height: 30px;}
.doctext ul li p{font-size: 18px;display: inline-block;width: 283px; margin-left: 10px; line-height: 32px;}
.doctext a{display:inline-block !important; display:inline; padding:0 15px; width:auto;line-height:58px;background: #902bc3;border-radius:60px;margin-top:20px;color: #FFFFFF;font-size: 20px;text-align: center;min-width: 150px;}
.index_expert .expert_btn,.index_case .case_btn{width:275px;line-height:45px;text-align:center;margin:0 auto;margin-top:45px;font-size: 20px;color: #666666;display: block;border: 4px solid #dddddd;}
.index_expert a.expert_btn:hover,.index_case .case_btn:hover{border: 4px solid #902bc3;}


.index_brand {padding-bottom: 130px;}
.index_brand .title,.footer_brand .title{text-align: center;padding-bottom: 40px;}
.brandbox{ width:1400px;position:relative;text-align: center;}
.brandbox .piclist{ overflow:hidden; zoom:1;}
.brandbox .ohbox{overflow:hidden; position:relative;width:1295px;left:60px;}

.brandbox {position:relative;overflow:hidden;zoom:1;}
.brandbox .piclist li{float:left; display:inline; width:394px;background:#fff;border:1px solid #e5e5e5;margin:10px 18px 10px 0;padding:10px;padding-bottom: 25px;}
.brandbox .piclist li h3{font-size: 18px;color: #000000;line-height: 30px;font-weight: 500;padding-top: 15px;}
.brandbox .piclist li .btn{width:148px;line-height:38px;text-align:center;margin:0 auto;margin-top:20px;font-size: 20px;color: #666666;display: block;border: 4px solid #dddddd;}
.brandbox .piclist li:hover{box-shadow: 0px 0px 10px #dadada;}
.brandbox .piclist li a.btn:hover{border: 4px solid #902bc3;}

.brandbox .piclist li span{height:25px;line-height:25px;display:block;text-align:center;   }
.brandbox .pageBtn span{ background:url(./shouye_files/index_icon2.png) no-repeat; display:block;width:22px;height:38px;position:absolute;top:188px;cursor:pointer;text-indent:-999em;overflow:hidden; }
.brandbox .pageBtn .prev{left:0px;background-position:0px -19px;}
.brandbox .pageBtn .next{right:0px;background-position:-38px -19px;}

.footer_brand{width: 100%;height: 769px;background: url(./shouye_files/index_37.jpg) no-repeat top center;}
.footer_brand .title{padding-top: 64px;}
.brandpic { position: relative; width:1400px;margin: 0 auto;}
.brandpic .tempWrap{margin: 0 auto;}
.brandpic li{display: block;padding: 16px;background: rgba(0, 0, 0, 0.14);height: auto;overflow: hidden;}
.brandpic .pic{width:1265px; height:354px; overflow: hidden;margin: 0 auto;}
.brandpic .pic img { width:605px; height:322px; display: block;float: left; }
.brandpic .pic .fl{width: 530px;margin-left: 50px;color: #FFFFFF;}
.brandpic .pic h3{font-size: 36px;font-weight: 500;padding: 58px 0px 15px;}
.brandpic .pic p{display: inline-block;height: 115px;}
.brandpic .pic a{width:275px;line-height:47px;text-align:center;margin:0 auto;margin-top:15px;font-size: 20px;color: #ffffff;display: block;border: 4px solid #ffffff;}
.brandpic .abs{font-size: 24px;color: rgba(255, 255, 255, 0.22);top: 10px;right: 86px;text-transform: uppercase;}

.brandpic .prev,
.brandpic .next { width:22px; height:38px; position:absolute; top:165px; z-index:3;background:url(./shouye_files/index_icon2.png) no-repeat;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
.brandpic .prev {background-position:-69px -19px;; left:0 }
.brandpic .next {background-position:-103px -19px;; right:0 }
.brandpic .prev:hover,
.brandpic .next:hover { filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6 }


.footer_bottom{background: #1f1f1f;width: 100%;padding: 55px 0 105px;}
.footer_bottom .divbox{width: 1200px;margin: 0 auto;}
.footer_bottom .footer_logo{text-align: center;margin-top: 40px;}
.footer_bottom .footer_logo p{display: block;width: 402px;line-height: 37px;background: #282828;border:1px solid #6b6b6b;margin: 0 auto;border-radius: 40px;color: #6b6b6b;margin-top: 10px;}
.footer_bottom .footer_logo a{ color:#666;}

.bottom_tab{ width:1200px;}
.bottom_tab .hd{ height:80px;line-height:80px; border-bottom:1px solid #2f2f2f;  position:relative;text-align: center; }
.bottom_tab .hd ul{}
.bottom_tab .hd ul li{padding:0 12px;cursor:pointer;font-size: 18px;color: #6b6b6b;display: inline-block;margin: 0 20px;}
.bottom_tab .hd ul li.on{ border-bottom:2px solid #60039e;line-height:78px;color: #a4a4a4;}
.bottom_tab .bd ul{text-align: center;padding: 28px 0; }
.bottom_tab .bd li{display: inline-block;margin: 0 45px;}
.bottom_tab .bd li a{font-size: 18px;color: #6b6b6b;}
.bottom_tab .bd li a:hover{color: #a4a4a4;}
.bottom_tab .bd .supervision li{margin: 0 37px;}
.bottom_tab .bd .authorization li,.bottom_tab .bd .media li{margin: 0 40px;}


.footer_fixed{background: url(./shouye_files/footer_bottom1.png) repeat-x;
    width: 100%;
    height:203px;
    position: fixed;
    z-index: 999999;
    left: 0;
    bottom: 0;}
.footer_info{background: url(./shouye_files/footer_bottom1.png) no-repeat bottom center;
    width: 1404px;
    height:203px;margin: 0 auto;}
.footer_fixed .footer_tel {
    width: 475px;
    height: 60px;
    background: #FFFFFF;
    overflow: hidden;
    border-radius: 40px;
    margin: 128px 0px 0 335px;
    display: block;
}
.footer_fixed .footer_tel .tel_input{width: 280px;
    line-height: 64px;
    font-size: 22px;
    color: #b4b4b4;
    margin-left: 3%;
    float: left;
    border: 0;
    position: inherit;
    height: 64px;}
.footer_fixed .footer_tel a{background: -moz-linear-gradient(top, #9d41fd 1%, #7537fd 100%);
    background: -webkit-linear-gradient(top, #9d41fd 1%,#7537fd 100%);
    background: linear-gradient(to bottom, #9d41fd 1%,#7537fd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d41fd', endColorstr='#7537fd',GradientType=0 );
    width: 175px;
    font-size: 26px;
    color: #FFFFFF;
    line-height: 52px;
    border: 0;
    border-radius: 50px;
    float: right;
    margin: 4px 5px 0 0;
    position: inherit;
    height: 52px;
    display: inline-block;text-align: center;
}
.footer_fixed p{font-size: 22px;color: #FFFFFF;display:inline-block;width: 320px;
    float: left;
    margin: 136px 0 0 39px;}
.footer_fixed p b{font-size: 28px;}
.footer_fixed a{    display: inline-block;
    width: 200px;
    height: 65px;
    float: right;
    /*border: 1px solid;*/
    margin-top: 126px;}
.footer_fixed a span{font-size: 15px;
    color: #ffffff;
    background: #fd4801;
    width: 25px;
    line-height: 25px;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 4px;
    left: 50px;
    animation: bounce 1s infinite;
    -webkit-animation: bounce 1s infinite;}
@keyframes bounce {
    0%, 20%, 53%, 80%, to {
        animation-timing-function: cubic-bezier(.5, .1, .5, 1);
        transform: translateZ(0)
    }
    40%, 43% {
        animation-timing-function: cubic-bezier(.10, .05, .10, .06);
        transform: translate3d(0, -10px, 0)
    }
    70% {
        animation-timing-function: cubic-bezier(.10, .05, .10, .06);
        transform: translate3d(0, 0px, 0)
    }
    90% {
        transform: translate3d(0, -4px, 0)
    }
}


.videoBox{width: 100%;height: 100%;background-color:rgba(0,0,0,0.6);position: fixed;left: 50%;top: 50%;z-index: 999;display: none;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);}
.videoBox.show{display: block;}
.videoBox .videoPlay{max-width:880px;max-height: 555px;width:94.44%; height:555px; position: absolute;left: 50%;top: 50%;z-index: 999;background-color: #000;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)}
.videoBox .close{position: absolute;right: 20px;top: 20px;cursor: pointer;width: 52px;height: 52px;z-index: 999;}

/*底部弹框样式*/
#Red{position: fixed;
    bottom: 0;
    left: 50%;
    right: 0;
    margin: 0 auto;
    margin-left: auto;
    width: 2000px;
    margin-left: -1000px;z-index: 214748365
}
#Red img{width: 100%}
.red_close{width: 67px;

    height: 67px;

    position: absolute;

    top: 55px;

    left: 1558px;cursor: pointer;}
.ad_time{ width: 151px;
    height: 28px;
    background: #000;
    padding: 5px;
    position: absolute;
    top: 120px;
    right: 318px;
    color: #fff;
    text-align: center;}
.ad_time span{ font-weight:bold; color:#cc0; padding:0 5px;}

/*
banner 倒计时css
*/

.ban_tit {width: 975px;height: 164px;position: absolute;
    bottom:31%;margin: 0 auto;left: 0;right: 0;}

#time1{
    position: absolute;
    bottom: 36%;
    width: 975px;
    left: 50px;right: 0;margin: 0 auto;
}
#timer1{
    width:100%;position: absolute;top: 0;bottom: 0;display: flex;align-items: center;
}
#timer1 b{
    color: #fff;font-size: 125px;position: absolute;font-family: "Impact";letter-spacing:50px
}
#timer1 b:first-child{
    left: 25px;
}
#timer1 b:nth-child(2){
    left:180px;
}
#timer1 b:nth-child(3){
    left:455px;
}
#timer1 b:last-child{
    left:730px;
}
