@charset "utf-8";
* {word-wrap:break-word;word-break:normal;box-sizing:border-box;outline: none;}
html{
    font-family:system-ui,-apple-system,BlinkMacSystemFont,'Microsoft YaHei', 'segoe ui',Roboto, Helvetica,Arial,sans-serif,'apple color emoji','segoe ui emoji','segoe ui symbol';
    -webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;
    /*font-size:1vw;*/
    /*1rem = 0.520px*/
    min-width: 1350px;
    font-size: calc(100vw / 1920);
}
body {
    background: #ffffff;
    font-family:system-ui,-apple-system,BlinkMacSystemFont,'Microsoft YaHei', 'segoe ui',Roboto, Helvetica,Arial,sans-serif,'apple color emoji','segoe ui emoji','segoe ui symbol';
    color: #000;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    font-size:16px;
}

[v-cloak]{display:none !important;}
header, section, footer, aside, nav, main, article, figure {
    display: block;margin:0;padding:0;border:0;
}
img,p,form {margin:0;padding:0;border:0;}
ul,li{list-style:none;padding:0;margin:0;}
h1,h2,h3 {margin:5px 0;padding:5px 0;}
input,textarea,button,label {font-family:system-ui,-apple-system,BlinkMacSystemFont,'Microsoft YaHei', 'segoe ui',Roboto, Helvetica,Arial,sans-serif,'apple color emoji','segoe ui emoji','segoe ui symbol';}

a{transition: all .1s;}
.float-l {float:left;}
.float-r {float:right;}
.display-hidden{display: none;}
.display-block{display: block;}
.clear {clear:both;font-size:0; line-height:0; height:0; visibility:hidden;}
.pointer{cursor: pointer;}

/*	链接样式	*/
a {color:#262626;}
a:hover {text-decoration: none;color: #db505d;}
a:link,a:visited,a:active {text-decoration: none;}

a.nav-link{color:#ffffff;}
a.nav-link:hover {text-decoration:none; color:#aaaaaa;}
a.nav-link:link,a.nav-link:visited,a.nav-link:active {text-decoration:none;}

a.white-link{color:#ffffff;}
a.white-link:hover {text-decoration:none; color:#db505d;}
a.white-link:link,a.nav-link:visited,a.nav-link:active {text-decoration:none;}

.margin-bottom-0{margin-bottom:0;}

.header{position: fixed;z-index: 100;top:0;left:0;width:100%;padding:0 45px;height: 66px;display: flex;flex-flow: row nowrap;justify-content: space-between;align-content: center;align-items: center;background-color: rgba(232,232,232,.5);transition: all .25s;}

.header .logo{flex:none;height: 66px;width:245px;background: url(../images/logo_v2.png) no-repeat center center;background-size: contain;}
.header .logo a{float: left;width: 100%;height: 100%;display: block;}

.header .nav{float:right;height: 66px;display: flex;flex-flow: row nowrap;justify-content: flex-end;}
.header .nav a{color:#ffffff;}
.header .nav .item{float:left;padding:0;position: relative;}
.header .nav .item:before{content: '';position: absolute;width:100%;height:0;top:66px;left:0;bottom:0;background-color: rgba(119,137,136,.6);display: block;transition: all .3s;}
.header .nav .item:hover:before{content: '';position: absolute;width:100%;height:66px;top:0;bottom:0;background-color: rgba(119,137,136,.6);display: block;transition: all .3s;}
.header .nav .nav-selected{background-color: rgba(119,137,136,.6);}
.header .nav .item .name{float:left;padding:0 25px;line-height: 66px;height:66px;font-size:16px;color:#ffffff;position:relative;overflow: hidden;}
.header .nav .item .drop-nav{position: absolute;left:0;top:66px;width: 100%;height:0;padding:0;transition:all .3s;background-color:rgba(119,137,136,.6);border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow: hidden;}
.header .nav .item .drop-nav ul {float: left;width: 100%;padding:10px 5px;position:relative;overflow: hidden;}
/*.header .nav .item .drop-nav ul:before{content: '';position:absolute;bottom:0;left:0;width:100%;height: 0;background-color: rgba(218,81,94,.7);transition:all .5s; }*/
.header .nav .item .drop-nav ul li{float: left;width: 100%;padding:5px 0;font-size:15px;text-align: center;overflow: hidden;}
.header .nav .item .drop-nav ul li a{transition:all .1s;}
.header .nav .item .drop-nav ul li a:hover{margin-left:-5px;}

.header .nav .item .drop-nav-product{position: absolute;left:0;top:66px;right:-200%;width: 300%;height:0;padding:0 ;transition:all .3s;background-color:rgba(119,137,136,.6);border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow: hidden;}
.header .nav .item .drop-nav-product ul {float: left;width: 50%;padding:10px 10px;position:relative;overflow: hidden;}
.header .nav .item .drop-nav-product ul:first-child:before{content:'';position:absolute;top:30px;bottom:30px;right:0;width: 0;border-right:1px solid rgba(255,255,255,.9);display: block;}
/*.header .nav .item .drop-nav ul:before{content: '';position:absolute;bottom:0;left:0;width:100%;height: 0;background-color: rgba(218,81,94,.7);transition:all .5s; }*/
.header .nav .item .drop-nav-product ul li{float: left;width: 100%;padding:5px 20px;font-size:15px;text-align: left;overflow: hidden;}
.header .nav .item .drop-nav-product ul li a{transition:all .1s;}
.header .nav .item .drop-nav-product ul li a:hover{margin-left:-5px;}

/*.header .nav .item:hover .drop-nav:before{content:'';position:absolute;left:0;top:0;width:100%;border-top:1px solid rgba(119, 137, 136, 0.3);}*/
/*.header .nav .item:hover .drop-nav ul:before{content: '';position:absolute;bottom:0;left:0;width:100%;height: 100%;background-color: rgba(218,81,94,.7);}*/
.banner{float: left;width: 100%;overflow: hidden;}
.banner img{float: left;width: 100%;object-fit: cover;object-position: center center;}


/*
.header-scroll{background-color: rgba(60,60,60,.95);}
.header-scroll .nav a{color:#ffffff;}
.header-scroll .nav .item .drop-nav,
.header-scroll .nav .item .drop-nav-product{background-color:rgba(119,137,136,.95);}
*/
.header-scroll{background-color: rgba(215,214,214,1);}
.header-scroll .nav a{color:#ffffff;}
.header-scroll .nav .item .drop-nav,
.header-scroll .nav .item .drop-nav-product{background-color:rgba(119,137,136,.95);}

.main-wrap{margin:0 auto;width: 1300px;}
.category-controller{display:none;align-self:flex-end;flex:none;width: 30px;height: 30px;line-height: 30px;text-align: center;overflow: hidden;}

.navigation{float:left;width: 100%;margin-bottom: 20px;background-color: #d2d2d2;padding:20px;color: #3c3c3c;display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: center;align-content: flex-start;font-size:18px;line-height: 30px;overflow: hidden;}
.navigation .current-location{flex:auto;max-width: 50%;margin-right:50px;}
.navigation .category{flex:auto;max-width:70%;overflow: hidden;}
.navigation .category ul {width: 100%;display: flex;flex-flow: row wrap;justify-content: flex-end;align-content: center;align-items: center;overflow: hidden;}
.navigation .category ul li{padding:0 10px;color:#999999;}
.navigation .category ul li a{color:#666666;font-size:16px;transition: all .25s;}
.navigation .category ul li a:hover{color:#db505d;}
.navigation .category ul .selected a{color:#db505d;}

.page-nav{background-color: #d2d2d2;float: left;width: 100%;margin-bottom:20px;padding-bottom:20px;border-bottom: 1px solid #eee;display: flex;flex-flow: row nowrap;justify-content:space-between;align-content: center;align-items: center;overflow: hidden;}
.page-nav .page-nav-main{margin:0 auto;width: 1200px;overflow: hidden;}
.page-nav .page-name{font-size:26px;}
.page-nav .current{float:right;font-size:14px;text-align: left;color:#999;overflow: hidden;}
.page-nav .current i{padding:0 10px;}
.page-nav .current a{color:#999;}
.page-nav .current a:hover{color:#005aab;}

.main-width{width:1300px;}
.container-list{display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: flex-start;align-content: center;position: relative;}
.page-main{margin:0 auto;width: 1300px;padding:20px 0;}
.page-main img{max-width: 100%;}

.page-main .page-item{float: left;width: 100%;padding:40px 0;display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: center;border-bottom:1px dashed #dbdbdb;overflow: hidden;}
.page-main .page-item .image{flex:none;width: 300px;margin-right: 40px;}
.page-main .page-item .image img{float: left;width: 100%;}

.page-main .page-item .date-time{flex:none;width:150px;padding:0;text-align: justify;margin-right:20px;transition: all .2s;display: flex;flex-flow: column nowrap;justify-content: center;align-items: center;align-content: center;overflow: hidden;}
.page-main .page-item .date-time .year{font-size:20px;color: #543f9e;font-weight: normal;}
.page-main .page-item .date-time .day{font-size:50px;color: #543f9e;position: relative;}

.page-main .page-item .info{flex:auto;width: 100%;display:flex;flex-flow:column wrap;justify-content:flex-start;align-content: center;align-items: flex-start;overflow: hidden;}
.page-main .page-item .info .title{width: 100%;margin-bottom:10px;text-align: justify;font-size: 22px;font-weight:normal;overflow: hidden;}
.page-main .page-item .info .date{border-left:5px solid #ea644a;background-color: #005775;color:#ffffff;margin:10px 0;padding:0 10px;line-height:30px;text-align: justify;font-size: 14px;overflow: hidden;}
.page-main .page-item .info .demo{width: 100%;font-size:16px;color: #aaaaaa;text-align:justify;overflow: hidden;}
.page-main .page-item .info .more{align-self:flex-end;margin:10px 0;font-size: 14px;padding:5px 20px;border:1px solid #409EFF;background-color: #409EFF;color: #ffffff;overflow: hidden;}
.page-main .page-item .info .more:hover{border:1px solid #aaaaaa;background-color: #aaaaaa;color: #ffffff;}
.page-main .page-item .page-item-tools{float: left;margin-top:10px;width: 100%;display:inline-flex;flex-flow:row nowrap;justify-content:space-between;align-content:center;align-items:center;overflow: hidden;}
.page-main .page-item .page-item-tools .datetime{float: left;color:#aaaaaa;}
.page-main .page-item .page-item-tools .more{float: right;}

.page-main .page-image-item-ul{width:1338px;margin-left:-19px;}
.page-main .page-image-item-ul .page-image-item{float:left;width:408px;border:1px solid #efefef;border-radius: 0px;background-color: #ffffff;margin:19px;box-shadow: 10px 10px 0 0 #efefef;overflow: hidden;}
.page-main .page-image-item-ul .page-image-item:hover{box-shadow: 0 5px 10px 5px #aaaaaa;}
.page-main .page-image-item-ul .page-image-item .image{float:left;width:100%;height:260px;padding:0;background-color:#fafafa;overflow: hidden;}
.page-main .page-image-item-ul .page-image-item .image img{float:left;width:100%;height:260px;object-fit:cover;object-position:center;overflow: hidden;}
.page-main .page-image-item-ul .page-image-item .title{float: left;width: 100%;border-top:1px solid #dbdbdb;text-align: center;font-size:18px;height: 70px;line-height: 70px;overflow: hidden;}


.page-main .page-growth-process-ul{width: 100%;position: relative;overflow: hidden;}
.page-main .page-growth-process-ul:after{content: '';width: 20px;height: 20px;border-radius:50%;background-color: #dbdbdb;position: absolute;top:0;bottom:0;left:640px;z-index: 1;display: block;}
.page-main .page-growth-process-ul:before{content: '';width: 2px;height: 100%;background-color: #dbdbdb;position: absolute;top:0;bottom:0;left:649px;z-index: 1;display: block;}
.page-main .page-growth-process-item{padding:50px 0;position: relative;z-index: 2;width: 100%;display: flex;flex-flow: row nowrap;justify-content: center;align-content: center;align-items: center;}
.page-main .page-growth-process-item .year{flex:none;width: 600px;padding:10px 60px;font-size:50px;color:#778988;font-weight: bold;position: relative;transition: all .25s;overflow: hidden;}
.page-main .page-growth-process-item:hover .year{color:#db505d;}

.page-main .page-growth-process-item .mid{order:2;flex:none;margin:0 35px;width: 30px;height: 30px;border-radius: 50%;background:#ffffff url(../images/logo-small.png) no-repeat center center;overflow: hidden;}
.page-main .page-growth-process-item .item{flex:none;order:2;border-radius: 10px;width: 600px;line-height: 30px;padding:30px;text-align: justify;font-size:16px;color:#778988;background-color: #f0f0f0;position: relative;}
/*
.page-main .page-growth-process-item .item ul{float: left;width: 100%;overflow: hidden;}
.page-main .page-growth-process-item .item ul li{float: left;width: 100%;text-align: justify;font-size:16px;color:#778988;overflow: hidden;}
*/
.page-main .page-growth-process-item-1 .year{text-align: right;order:1;}
.page-main .page-growth-process-item-1 .year:after{content: '';position:absolute;top:50%;right:0;z-index:1;width: 40px;height: 2px;background-color: #c5c5c5;overflow: hidden;}
.page-main .page-growth-process-item-1 .item{text-align: justify;order:3;}
.page-main .page-growth-process-item-1 .item:before{content: '';position:absolute;left:-16px;top:0;width: 16px;height: 100%;background: url(../images/arr-1.png) no-repeat left center;display: block;}

.page-main .page-growth-process-item-0 .year{text-align: left;order:3;}
.page-main .page-growth-process-item-0 .year:after{content: '';position:absolute;top:50%;left:0;z-index:1;width: 40px;height: 2px;background-color: #c5c5c5;overflow: hidden;}
.page-main .page-growth-process-item-0 .item{text-align: justify;order:1;}
.page-main .page-growth-process-item-0 .item:after{content: '';position:absolute;right:-16px;top:0;width: 16px;height: 100%;background: url(../images/arr-0.png) no-repeat left center;display: block;}
.page-main .page-growth-process-go-top{margin:0 auto;text-align:center;background-color:#778988;color:#ffffff;width: 150px;height: 48px;line-height: 48px;border-radius: 24px;transition:all .25s;overflow: hidden;}
.page-main .page-growth-process-go-top:hover{background-color: #db505d;}


.page-content{overflow: hidden;}
.page-content .content-title{float:left;width: 100%;padding:10px 0;font-size:32px;text-align:center;overflow: hidden;}
.page-content .content-demo{float: left;width: 100%;margin-bottom:20px;padding:20px;background-color:#fafafa;color:#666;text-align: justify;overflow: hidden;}
.page-content .content-text{float: left;width: 100%;margin-bottom:20px;text-align: justify;font-size:16px;line-height: 35px;overflow: hidden;}
.page-content .content-text img{max-width: 100%;}
.page-content .content-date{float: left;width: 100%;text-align:center;padding:20px 0;color:#aaaaaa;overflow: hidden;}

.page-content .content-1{float:left;width: 100%;background-color: #d2d2d2;margin-bottom: 40px;display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: stretch;align-content: center;position:relative;overflow: hidden;}
.page-content .content-1 .content-info{flex: none;width: 610px;padding:50px;overflow: hidden;}
.page-content .content-1 .content-info .content-info-title{position: relative;z-index: 2;padding-bottom: 20px;margin-bottom: 20px;float: left;width: 100%;font-size:30px;color:#7c8e8d;line-height: 35px;overflow: hidden;}
.page-content .content-1 .content-info .content-info-title:after{content: '';position:absolute;bottom:0;left:0;display:block;width: 100px;border-bottom: 2px solid #7c8e8d;height: 0px;overflow: hidden;}
.page-content .content-1 .content-info .content-info-title a{color:#7c8e8d;}
.page-content .content-1 .content-info .content-info-title a:hover{color:#db505d;}
.page-content .content-1 .content-info .content-info-text{float: left;width: 100%;line-height:35px;text-align: justify;color:#515151;overflow: hidden;}
.page-content .content-1 .content-info .content-info-text img{max-width: 100%;}

.page-content .content-1 .content-info .content-info-more{float:left;margin-top:10px;transition: all .25s;color:#ffffff;background-color: #7c8e8d;height: 35px;line-height: 35px;border-radius: 18px;padding:0 20px;overflow: hidden;}
.page-content .content-1 .content-info .content-info-more a{color: #ffffff;}
.page-content .content-1 .content-info .content-info-more:hover{padding:0 35px;background-color: #db505d;}

.page-content .content-1 .content-image{flex: none;width: 690px;text-align:center;padding:50px;position: relative;
    display:inline-flex;flex-flow:column nowrap;justify-content:center;align-items:center;align-content:center;overflow: hidden;}
.page-content .content-1 .content-image:after{content: '';width: 65%;height: 100%;position: absolute;right:0;top:0;bottom:0;background-color: #7c8e8d;z-index: 1;}
.page-content .content-1 .content-image img{position:relative;z-index:2;float: left;width: 100%;object-position: center;object-fit: cover;overflow: hidden;}

.page-content .content-2{float:left;width: 100%;background-color: #f1f0f0;overflow: hidden;}
.page-content .content-2 .content-2-title{float:left;width: 100%;font-size:24px;text-align: center;color:#ffffff;padding:20px 0;background-color: #7c8e8d;overflow: hidden;}
.page-content .content-2 .content-2-text{float:left;width: 100%;padding:40px;color:#6b6b6b;font-size:16px;line-height: 35px;text-align:justify;overflow: hidden;}
.page-content .content-2 .content-2-text img{max-width: 100%;}

.page-per-next{float: left;width: 100%;padding:40px 0;margin-top:40px;border-top:1px dashed #dbdbdb;overflow: hidden;}
.page-per-next ul li{float: left;width: 100%;padding:5px 0;line-height:30px;text-align: left;overflow: hidden;}

.contact-map {float: left;width: 60%;height: 450px;border-radius: 5px;margin-top:10px;overflow: hidden;}

.bottom{float: left;margin-top:0px;width: 100%;font-size:16px;padding:20px 0;background-color:#5a666c;color:#ebeaea;text-align: center;overflow: hidden;}
.bottom a{color:#ebeaea;}
.bottom a:hover{color:#db505d;}


/* 分页 */
.page{float: left;width: 100%;margin: 20px 0;overflow: hidden;}
.page .pagination{display: flex;flex-flow: row wrap;justify-content: center;align-items: center;align-content: center;}
.page ul li{cursor:pointer;background-color:#dbdbdb;color:#ffffff;font-size:14px;height: 30px;line-height: 30px;margin:5px;border-radius:2px;overflow: hidden;}
.page ul li:hover{background-color: #005775;color: #ffffff;}
.page ul li a{float:left;width:100%;color: #ffffff;padding:0 10px;}
.page ul li span{padding:0 10px;}
.page .disabled{background-color: #484848;color: #ffffff;}
.page .active{background-color: #005775;color: #ffffff;}



.right-fixed{position: fixed;z-index:9999;right:0;width:50px;bottom:80px;transition:all .25s;overflow:hidden;}
.right-fixed .item{float: left;width: 200px;background-color:rgba(90,102,108,.6);border-top-left-radius: 25px;border-bottom-left-radius: 25px;margin-bottom: 10px;overflow: hidden;}
.right-fixed .item .ico{float: left;border-radius:50px;background-color:rgba(90,102,108,.9);margin:10px;width: 30px;height:30px;line-height:30px;color:#ffffff;text-align:center;font-size:14px;overflow: hidden;}
.right-fixed .item .label{float: left;width: 150px;line-height:50px;color:#ffffff;overflow: hidden;}
.right-fixed .item .label a{color:#ffffff;}
.right-fixed .item .label a:hover{color:#eeeeee;}
.right-fixed .item .qrcode{display:none;padding:0 10px 10px 10px;float: left;width: 200px;line-height:50px;overflow: hidden;}
.right-fixed .item .qrcode img{float: left;width: 100%;}
.right-fixed:hover{width: 200px;}
/*
.right-fixed:hover .item{background-color:rgba(90,102,108,1);border-top-left-radius: 25px;border-bottom-left-radius: 25px;}
.right-fixed:hover .item .ico{background-color: rgba(255,255,255,1);color:rgb(90,102,108);}
*/
.right-fixed:hover .item{background-color:rgba(219,80,93,1);border-top-left-radius: 25px;border-bottom-left-radius: 25px;}
.right-fixed:hover .item .ico{background-color: rgba(255,255,255,1);color:#db505d;}
.right-fixed:hover .item .qrcode{display: block;}

.empty{float: left;width: 100%;margin:100px 0;display: flex;flex-flow: column nowrap;justify-content: center;align-content: center;align-items: center;overflow: hidden}
.empty .image{flex:auto;padding:20px;text-align: center;margin-bottom: 20px;}
.empty .image img{max-width: 60%;}
.empty .name{flex:auto;font-size:20px;line-height:40px;color: #8a8a8a;}


.tips-container{float:left;background-color:rgba(90,102,108,.5);width: 100%;min-height: 100vh;display:flex;flex-flow:column nowrap;justify-content:center;align-content:center;align-items:center;overflow: hidden;}
.tips-container .tips-ico{width:200px;height:200px;background-color:#ffffff;text-align:center;display: inline-flex;flex-flow: row nowrap;justify-content: center;align-content: center;align-items: center;border-radius:50%;overflow: hidden;}
.tips-container .tips-ico .fa{font-size:210px;}
.tips-container .tips-ico .ico-success{color:#0F9D58;}
.tips-container .tips-ico .ico-error{color:#DB4437;}
.tips-container .tips-msg{
    /*background-color: rgba(90,102,108,.5);*/border:0 dashed rgba(90,102,108,.1);border-radius: 5px;
    margin:20px 0;padding:15px; text-align:center;font-size: 16px;color:#fafafa;font-weight:lighter;overflow: hidden;}
.tips-container .tips-btn-wrap{min-width:150px;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;align-content:center;overflow: hidden;}
.tips-container .tips-btn{text-align:center;cursor: pointer;font-weight:lighter;background-color:#ffffff;flex:auto;border:0;outline:none;margin:0 10px;height: 40px;line-height: 40px;padding:0 30px;border-radius: 5px;overflow: hidden;}
.tips-container .tips-btn-primary{background-color: #4285F4;color:#ffffff;}
.tips-container .tips-btn-danger{background-color:#DB4437;color:#ffffff;}
.tips-container .tips-btn-warn{background-color:#F4B400;color:#ffffff;}

.image-scale{transition:all .2s;}
.image-scale:hover{transform:scale(1.2);}
.go-top{cursor: pointer;}
.play-video{cursor: pointer;}


.full-page{
    float: left;width: 100%;
    /*background: url(../images/bg.jpg) left top repeat;*/
    background-image: url(../images/bg.jpg);
    background-position: left top;
    background-repeat:repeat;
    background-size: contain;
    /*background-attachment: fixed;*/
}