.topss{height:40px;line-height:40px;border-bottom:1px solid #dee2e6;font-size:13px}
	
.zaix{float:right;cursor:pointer;margin-right: 30px;font-weight:bold}    
.biaodan{display:none;position:fixed;left:0;top:0;z-index:9999999999999999999;background:rgba(0,0,0,0.8);width:100%;height:100%}    

.bigtit{text-align:center;text-transform: capitalize;font-size:24px;margin-top:50px}

.bianji{font-size:16px;}	
	
		/* 本例子css */
		.picScroll-left{ width:1580px;position:relative;margin:0 auto 40px}
		.picScroll-left .hd{width:100%; position: relative;z-index: 999999; }

		.picScroll-left .hd .next{position:absolute;right:0;top:250px;z-index:99;cursor:pointer}
		.picScroll-left .hd .prev{position:absolute;left:20px;top:250px;cursor:pointer}
		.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
		.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;}
		.picScroll-left .hd ul li.on{ background-position:0 0; }
		.picScroll-left .bd{position:relative;z-index:999;  }
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ margin:0 15px; float:left;overflow:hidden; text-align:center;width:370px;height:580px;background:#000;border-radius:15px;position:relative;padding:0; }
		.picScroll-left .bd ul li img{width:100%;height:100%;transition:all 0.5s}
        .picScroll-left .bd ul li i{width:130px;height:130px;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;}
        .picScroll-left .bd ul li  h2{font-size:26px;color:#000;position:absolute;left:0;top:400px;width:100%;text-align:center;color:#fff}
        
        .picScroll-left .bd ul li:hover img{transform:scale(1.1)}

.smss{width:200px;height:200px;position:absolute;left:0;top:0;background:#555}

.dtys01_icon{animation: mymove 3s linear infinite alternate ;position:relative;		}
.dtys02_icon{animation: mymove 2s linear infinite alternate ;position:relative;		}
.dtys03_icon{animation: mymove 2.5s linear infinite alternate ;position:relative;		}
.dtys04_icon{animation: mymove 3.5s linear infinite alternate ;position:relative;		}
@keyframes mymove {
	0% {
		top: 0;
	}
	100% {
		top: 20px;
	}
}	

        .circle-wrap{
            position: absolute;
            top: 100px;
            left: 100px;
        }
        .circle{
            width: 24px;
            height: 24px;
            position: relative;
        }
        .big-circle{
            width: 100%;
            height: 100%;
            border-radius: 50%;
            background: #f03;
            position: absolute;
            top: -6px;
            left: -6px;
            animation: twinkling 1s infinite ease-in-out;
            animation-fill-mode: both;
        }
        .small-circle{
            width: 12px;
            height: 12px;
            background: #f03;
            border-radius: 50%;
            position: absolute;
        }
        @keyframes twinkling{
            0%{
                opacity: 0.2;
                transform: scale(1);
            }
            50%{
                opacity: 0.5;
                transform: scale(1.12);
            }
            100%{
                opacity: 0.2;
                transform: scale(1);
            }
        }
        .smallcircle2{
            width: 160px;
            height: 160px;
            background-color: rgba(255,255,255,.4);
            border-radius: 50%;
            position: absolute;
            top: 177px;
            left: 521px;
        }
        .smallcircle2::before{
            content: '';
            display: block;
            width: 96px;
            height: 96px;
            background-color: #fff;
            margin-left: 29px;
            margin-top: 29px;
            border-radius: 50%;
            opacity: 0.4;
            animation: scale 2s infinite cubic-bezier(0,0,0.49,1.02);
        }
        @keyframes scale {
            0%{
                transform: scale(1);
            }
            50%,75%{
                transform: scale(3);
            }
            78%,100%{
                opacity: 0;
            }
        }
        .bigcircle2{
            width: 12px;
            height: 12px;
            background-color: #fff;
            opacity: 0.4;
            border-radius: 50%;
            position: absolute;
            top: 100px;
            left: 200px;
            animation: scales 1s infinite cubic-bezier(0,0,0.49,1.02);
        }
        @keyframes scales {
            0%{
                transform: scale(1);
            }
            50%,75%{
                transform: scale(2);
            }
            78%,100%{
                opacity: 0;
            }
        }

        @keyframes scaless {
            0%{
                transform: scale(1);
            }
            50%,75%{
                transform: scale(3);
            }
            78%,100%{
                opacity: 0;
            }
        }






.bianji table{width:100%!important}
.bianji  td{padding:10px;border: 1px solid #8888;color:#333}
.bianji  td span{color:#333!important}

.bianji  tr td:nth-child(1){text-align:center;display:table-cell;vertical-align: middle}

.bianji  tr:nth-child(1) td{background:#629ee9!important;color:#fff}
.bianji  tr:nth-child(1) td span{color:#fff!important}

.bianji  tr:nth-child(odd) td{background:#c5d9f2}
/*.bianji  tr:nth-child(even) td{background:#777}*/

.bianji table{text-align:center}
.current a{color:#4097E5}
.panners{overflow:hidden;;margin-top:20px;border-top:1px solid #ccd0d9;border-bottom:1px solid #ccd0d9;padding:5px 0;}
.panners ul{width:115%;overflow:hidden;margin:0}
.panners li{width: 187px;height:90px;float:left;margin-right:10px;position:relative;}    
.panners li img{width:100%;height:100%;position:absolute;left:0;top:0;bottom:0;right:0;margin:0 auto;transition:all 0.5s}
.panners li:hover img{transform:scale(1.1)}

.relates li a,.crumbs a{color:#333}

.crumbs{border-bottom: 1px solid #8888;padding-bottom: 10px;}

.casess li p{background:rgba(0,0,0,.5);padding:5px 0;color:#fff;text-align:center;margin:0;padding:10px!important}    
.footer-fixed {
  position: fixed;
  left:0;
  bottom: 0;
  width: 100%;
  height: 68px;
  z-index: 9999999;
  opacity: .9;
  background: url('../images/footer.jpg') bottom center / cover no-repeat #f2f1f0;
}
.casess li{overflow:hidden}
.casess li img{transition:all 0.6s}
.casess li:hover img{transform:scale(1.1)}
.btn-contact {
  width: 50%;
  height: 100px;
  position: absolute;
  right: 0;
  cursor: pointer;
}

.footer-fixed span{position:absolute;right:10px;top:10px;color:#fff;cursor:pointer}


#pages{text-align:center;margin:40px auto 15px}
#pages a{padding:7px;background: #f5f5f5;border-radius:3px}
#pages span{padding:7px;background: #4097E5;color: #fff;}
.met-editor a{color:#62a8ea!important}
.card-li{margin-top: -6px;}
.acur {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000;
}




.pageState{width:35px;height:21px;background:rgba(0,0,0,0.5);display:block;text-align:center;color:#fff;position:absolute;right:0;bottom:0;z-index:9999}

.col-sm-6 {
    width: 49%!important;}
.smbtns{height:60px;border-bottom:1px solid rgb(226, 226, 228)}    
.smbtns ul{width:1200px;margin:0 auto;height:60px;}   
.smbtns li{float:left;line-height:60px;margin:0 10px}
.smbtns li a{color: rgb(110, 111, 120);}
.warps{width:1200px;margin:0 auto}
.warps img{max-width:100%;height:auto!important}

    
.normal_ImgtextBox_content {
    border:1px solid rgb(226, 226, 228);padding:20px;margin:5px;
    float:left;
}

.nums{font-size:40px;font-weight:bold}

.sls_fagn3 p{text-align:left!important}

  .sls_fagn3 .tit1 {line-height: 2em;font-family: MicrosoftYaHei;font-size: 14px;font-weight: normal;color: #1F2024;transform: translateY(0);}
   .sls_fagn3 .tit2 {line-height: 2em;font-family: MicrosoftYaHei;font-size: 14px;font-weight: normal;color: #1F2024;transform: translateY(50%);}
  @media (max-width: 992px) { .sls_fagn3 .tit2 {transform: translateY(0); }
  }
  

	    .solution_tab{ width:1200px; height:52px; background:#f5f5f5; margin:40px auto; }
.solution_tab ul{ width:544px; margin:0 auto; }
.solution_tab ul li{ width:272px; line-height:52px; float:left; text-align:center; font-size:16px; color:#040404; }
.solution_tab ul li a{ color:#040404; }
.solution_tab ul li a i{ display:inline-block; width:19px; height:11px; background:url("../images/solution_arrow.png") no-repeat; background-position:-51px -4px; margin-left:10px; }
.solution_tab ul li.on{ background:#4097E5; }
.solution_tab ul li.on a{ color:#fff; }
.solution_tab ul li.on a i{ background-position:0px -4px; }
	    
	    
.solution_con{ padding-bottom:40px; width:1200px;margin:40px auto; }
.solution_con .solution_list li{ width:385px; min-height:268px; border:1px solid #e5e5e5; background:#fff; display:inline-block; vertical-align:top; margin-right:17px; margin-bottom:22px; }


.solution_list li h2{margin-top:10px;font-size:18px;padding:10px 10px 0 10px;    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}

.solution_list li h2 a{color:#333}
.solution_list li:hover h2 a{color:#1d6ab7}

.solution_con .solution_list li:nth-child(3n){ margin-right:0; }
.solution_con .solution_list li .pic{ width:100%; height:245px; position:relative; }
.solution_con .solution_list li .pic img{ width:100%; height:100%; }
.solution_con .solution_list li .pic p{ width:100%; height:100%; background:rgba(0,0,0,0.4); text-align:center; line-height:245px; color:#fff; font-size:16px; font-weight:bold; position:absolute; top:0; left:0; }
.solution_con .solution_list li .pic p a{ color:#fff; }
.solution_con .solution_list li .pic p:hover{ /* background:rgba(0,0,0,0.6); */ }
.solution_con .solution_list li .list_dl{    padding: 10px 0px;
    font-size: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 23px;
    height: 75px;}
.solution_con .solution_list li .list_dl dd{ font-size:14px; line-height:2.571; color:#666; }
.solution_con .solution_list li .list_dl dd a{ color:#666; }
.solution_con .solution_list li .list_dl dd a:hover{ color:#0056bc; }
.solution_con .solution_list li .list_dl dd a i{ display:block; float:left; width:8px; height:12px; background:url("../images/solution_arrow.png") no-repeat; background-position:-103px 0px; margin:11px 15px 0px 35px; }
	    
.ModuleImageTextContent h3{font-weight:bold}	   

.casess{overflow: hidden;}

.casess li{width:370px;height:280px;float:left;background:#000;margin:0 15px;border-radius:15px;position:relative}
.casess li img{width:100%;height:100%}
.casess li p{position:absolute;left:0;bottom:0;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 20px}	    



.font-en {
    font-family: "Montserrat"
}

.black {
    color: #000
}

.black50 {
    color: rgba(0, 0, 0, .5)
}

.gray {
    color: #90959c
}

.blue {
    color: #1d6ab7
}

.lightblue {
    color: #9ca2ab
}

.white {
    color: #fff
}

.white10 {
    color: rgba(255, 255, 255, .1)
}

.white20 {
    color: rgba(255, 255, 255, .2)
}

.white30 {
    color: rgba(255, 255, 255, .3)
}

.white40 {
    color: rgba(255, 255, 255, .4)
}

.white50 {
    color: rgba(255, 255, 255, .5)
}

.white60 {
    color: rgba(255, 255, 255, .6)
}

.white70 {
    color: rgba(255, 255, 255, .7)
}

.white80 {
    color: rgba(255, 255, 255, .8)
}

.white90 {
    color: rgba(255, 255, 255, .9)
}

.bg-blue {
    background-color: #1d6ab7
}

.bg-lightblue {
    background-color: #9ca2ab
}

.bg-white {
    background-color: #fff
}

.bg-black {
    background-color: #000
}

.bg-white50 {
    background-color: rgba(255, 255, 255, .5)
}

.bg-lightgray {
    background-color: #f3f3f3
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1;
    font-size: 0;
    font-family: -apple-system, Segoe UI, Source Han Sans CN, PingFangSC, PingFang SC-Semibold, Hiragino Sans GB, Microsoft YaHei
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    text-decoration: none
}

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.container {
    overflow: hidden
}

[class*=" icon-"],
[class^=icon-] {
    font-family: "iconfont";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    speak: none;
    text-transform: none
}

.v-rl {
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl
}

.v-lr {
    writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-left {
    text-align: left
}

.bg-cover,
.bg-contain {
    background-position: center center;
    background-repeat: no-repeat
}

.bg-cover {
    background-size: cover
}

.bg-contain {
    background-size: contain
}

.wow {
    visibility: hidden
}

.no-cssanimations .wow {
    visibility: visible
}

.fz-12 {
    font-size: 12px
}

.fz-13 {
    font-size: 13px
}

.fz-14 {
    font-size: 14px
}

.fz-15 {
    font-size: 15px
}

.fz-16 {
    font-size: 16px
}

.fz-17 {
    font-size: 17px
}

.fz-18 {
    font-size: 18px
}

.fz-19 {
    font-size: 19px
}

.fz-20 {
    font-size: 20px
}

.fz-21 {
    font-size: 21px
}

.fz-22 {
    font-size: 22px
}

.fz-23 {
    font-size: 23px
}

.fz-24 {
    font-size: 24px
}

.fz-25 {
    font-size: 25px
}

.fz-26 {
    font-size: 26px
}

.fz-27 {
    font-size: 27px
}

.fz-28 {
    font-size: 28px
}

.fz-29 {
    font-size: 29px
}

.fz-30 {
    font-size: 30px
}

.fz-31 {
    font-size: 31px
}

.fz-32 {
    font-size: 32px
}

.fz-33 {
    font-size: 33px
}

.fz-34 {
    font-size: 34px
}

.fz-35 {
    font-size: 35px
}

.fz-36 {
    font-size: 36px
}

.fz-37 {
    font-size: 37px
}

.fz-38 {
    font-size: 38px
}

.fz-39 {
    font-size: 39px
}

.fz-40 {
    font-size: 40px
}

.fz-41 {
    font-size: 41px
}

.fz-42 {
    font-size: 42px
}

.fz-43 {
    font-size: 43px
}

.fz-44 {
    font-size: 44px
}

.fz-45 {
    font-size: 45px
}

.fz-46 {
    font-size: 46px
}

.fz-47 {
    font-size: 47px
}

.fz-48 {
    font-size: 48px
}

.fz-49 {
    font-size: 49px
}

.fz-50 {
    font-size: 50px
}

.fz-51 {
    font-size: 51px
}

.fz-52 {
    font-size: 52px
}

.fz-53 {
    font-size: 53px
}

.fz-54 {
    font-size: 54px
}

.fz-55 {
    font-size: 55px
}

.fz-56 {
    font-size: 56px
}

.fz-57 {
    font-size: 57px
}

.fz-58 {
    font-size: 58px
}

.fz-59 {
    font-size: 59px
}

.fz-60 {
    font-size: 60px
}

@media(max-width: 1920px) {
    .fz-60 {
        font-size: 3.125vw
    }

    .fz-56 {
        font-size: 2.9166666667vw
    }

    .fz-54 {
        font-size: 2.8125vw
    }

    .fz-40 {
        font-size: 2.0833333333vw
    }

    .fz-36 {
        font-size: 1.875vw
    }

    .fz-34 {
        font-size: 1.7708333333vw
    }

    .fz-34 {
        font-size: 1.6666666667vw
    }
}

@media(max-width: 1280px) {
    .fz-60 {
        font-size: 40px
    }

    .fz-56 {
        font-size: 36px
    }

    .fz-54 {
        font-size: 36px
    }

    .fz-40 {
        font-size: 28px
    }

    .fz-36 {
        font-size: 24px
    }

    .fz-34 {
        font-size: 24px
    }

    .fz-32 {
        font-size: 24px
    }

    .fz-26 {
        font-size: 20px
    }

    .fz-22 {
        font-size: 20px
    }

    .fz-20 {
        font-size: 16px
    }

    .fz-16 {
        font-size: 14px
    }
}

@media(max-width: 1024px) {
    .fz-60 {
        font-size: 32px
    }

    .fz-56 {
        font-size: 28px
    }

    .fz-54 {
        font-size: 28px
    }

    .fz-40 {
        font-size: 24px
    }

    .fz-36 {
        font-size: 20px
    }

    .fz-34 {
        font-size: 20px
    }

    .fz-32 {
        font-size: 20px
    }

    .fz-26 {
        font-size: 16px
    }

    .fz-22 {
        font-size: 16px
    }
}

.fw-100 {
    font-weight: 100
}

.fw-200 {
    font-weight: 200
}

.fw-300 {
    font-weight: 300
}

.fw-400 {
    font-weight: 400
}

.fw-500 {
    font-weight: 500
}

.fw-600 {
    font-weight: 600
}

.fw-700 {
    font-weight: 700
}

.fw-800 {
    font-weight: 800
}

.fw-900 {
    font-weight: 900
}

.lts-100 {
    letter-spacing: 0.01em
}

.lts-200 {
    letter-spacing: 0.02em
}

.lts-300 {
    letter-spacing: 0.03em
}

.lts-400 {
    letter-spacing: 0.04em
}

.lts-500 {
    letter-spacing: 0.05em
}

.lts-600 {
    letter-spacing: 0.06em
}

.lts-700 {
    letter-spacing: 0.07em
}

.lts-800 {
    letter-spacing: 0.08em
}

.lts-900 {
    letter-spacing: 0.09em
}

.lts-1000 {
    letter-spacing: 0.1em
}

.mt-10 {
    margin-top: 10px
}

.mt-20 {
    margin-top: 20px
}

.mt-30 {
    margin-top: 30px
}

.mt-40 {
    margin-top: 40px
}

.mt-50 {
    margin-top: 50px
}

.mt-60 {
    margin-top: 60px
}

.mt-70 {
    margin-top: 70px
}

.mt-80 {
    margin-top: 80px
}

.mt-90 {
    margin-top: 90px
}

.mt-100 {
    margin-top: 100px
}

.mt-110 {
    margin-top: 110px
}

.mt-120 {
    margin-top: 120px
}

.mt-130 {
    margin-top: 130px
}

.mt-140 {
    margin-top: 140px
}

.mt-150 {
    margin-top: 150px
}

.mt-160 {
    margin-top: 160px
}

.mt-170 {
    margin-top: 170px
}

.mt-180 {
    margin-top: 180px
}

.mt-190 {
    margin-top: 190px
}

.mt-200 {
    margin-top: 200px
}

@media(max-width: 1024px) {
    .mt-40 {
        margin-top: 20px
    }

    .mt-50 {
        margin-top: 25px
    }

    .mt-60 {
        margin-top: 30px
    }

    .mt-70 {
        margin-top: 35px
    }

    .mt-80 {
        margin-top: 40px
    }

    .mt-90 {
        margin-top: 45px
    }

    .mt-100 {
        margin-top: 50px
    }

    .mt-110 {
        margin-top: 55px
    }

    .mt-120 {
        margin-top: 60px
    }

    .mt-130 {
        margin-top: 65px
    }

    .mt-140 {
        margin-top: 70px
    }

    .mt-150 {
        margin-top: 75px
    }

    .mt-160 {
        margin-top: 80px
    }

    .mt-170 {
        margin-top: 85px
    }

    .mt-180 {
        margin-top: 90px
    }

    .mt-190 {
        margin-top: 95px
    }

    .mt-200 {
        margin-top: 100px
    }
}

.mr-10 {
    margin-right: 10px
}

.mr-20 {
    margin-right: 20px
}

.mr-30 {
    margin-right: 30px
}

.mr-40 {
    margin-right: 40px
}

.mr-50 {
    margin-right: 50px
}

.ml-10 {
    margin-left: 10px
}

.ml-20 {
    margin-left: 20px
}

.ml-30 {
    margin-left: 30px
}

.ml-40 {
    margin-left: 40px
}

.ml-50 {
    margin-left: 50px
}

.list {
    font-size: 0
}

.list>li {
    display: inline-block;
    vertical-align: top
}

.list-1>li {
    width: 100%
}

.list-2>li {
    width: 50%
}

.list-3>li {
    width: 33.3333333333%
}

.list-4>li {
    width: 25%;
    margin-bottom:20px;
}

.list-5>li {
    width: 33.33333%;
}

.list-6>li {
    width: 16.6666666667%
}

.list-7>li {
    width: 14.2857142857%
}


.list-item {
    margin-right: 10px;
    margin-left: 10px;
}

@media(max-width: 1280px) {
    .list-default {
        margin-right: -10px;
        margin-left: -10px
    }

    .list-item {
        margin-right: 10px;
        margin-left: 10px
    }
}

.line1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.line-multiy,
.line5,
.line4,
.line3,
.line2 {
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.line2 {
    -webkit-line-clamp: 2
}

.line3 {
    -webkit-line-clamp: 3
}

.line4 {
    -webkit-line-clamp: 4
}

.line5 {
    -webkit-line-clamp: 5
}

.wx-share {
    margin-top: -85px;
    margin-left: -70px;
    border-radius: 3px;
    position: fixed;
    z-index: 1000;
    top: 50%;
    left: 50%;
    width: 140px;
    padding-top: 20px;
    background-color: #fff;
    cursor: pointer;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1)
}

.wx-share img {
    display: block;
    width: 120px;
    margin: 0 auto
}

.wx-share p {
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    font-weight: 500;
    color: #000
}

.wx-share i {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #000
}

.img-box {
    position: relative;
    
}

.case-item__img{height:580px}
.img-box::before {
    content: "";
    display: block
}

.img-box>img {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.social-qrcode {
    position: relative
}

.social-qrcode img {
    position: absolute;
    bottom: 100%;
    left: 50%;
    width: 120px;
    margin-left: -60px;
    margin-bottom: 10px;
    visibility: hidden;
    opacity: 0;
    transform: scale(0);
    transform-origin: bottom center;
    transition: all .3s
}

.social-qrcode:hover img {
    visibility: visible;
    opacity: 1;
    transform: scale(1)
}

.display-ib-vt,
.display-ib {
    display: inline-block;
    vertical-align: top
}

.display-ib-vb {
    display: inline-block;
    vertical-align: bottom
}

.lts-10 {
    letter-spacing: .01em
}

.lts-20 {
    letter-spacing: .02em
}

.lts-30 {
    letter-spacing: .03em
}

.lts-50 {
    letter-spacing: .04em
}

.lts-100 {
    letter-spacing: .1em
}

.col-20 {
    width: 20%
}

.col-25 {
    width: 25%
}

.col-33 {
    width: 33.3333%
}

.col-50 {
    width: 50%
}

.col-66 {
    width: 66.6666%
}

.col-100 {
    width: 100%
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.height-1 {
    height: 1px
}

.comm-layer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 200;
    visibility: hidden;
    opacity: 0;
    transition: all .3s
}

.comm-layer .select2-container--default .select2-selection--single {
    background-color: #f2f3f5
}

.comm-layer.show {
    display: block !important;
    visibility: visible;
    opacity: 1 !important
}

.comm-layer-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .9)
}

.clayer-main {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.clayer-container {
    width: 100%
}

.clayer-form {
    position: relative;
    max-width: 800px;
    max-height: 90vh;
    overflow-y: scroll;
    margin-right: auto;
    margin-left: auto;
    background-color: #fff
}

.clayerf-wrap {
    margin-right: 60px;
    margin-left: 60px
}

.clayerf-header {
    padding: 20px 0;
    background-color: #f7f8fc
}

.clayerf-desc a {
    font-weight: 500;
    text-decoration: underline
}

.clayerf-box {
    margin-right: -14px;
    margin-left: -14px
}

.clayer-close {
    z-index: 20;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 1.5em;
    line-height: 1.5;
    text-align: center;
    cursor: pointer
}

.flayer-wrap {
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto
}

@media(max-width: 1024px) {
    .clayerf-wrap {
        margin-right: 40px;
        margin-left: 40px
    }
}

@media(max-width: 768px) {
    .clayerf-wrap {
        margin-right: 20px;
        margin-left: 20px
    }
}

.plugin-layer-box.msg {
    position: fixed;
    top: 50%;
    left: 50%;
    border-radius: 3px;
    font-size: 14px;
    line-height: 40px;
    padding: 0 20px;
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    letter-spacing: .05em;
    transform: translate(-50%, -50%)
}

.plugin-layer-box.dialog {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.plugin-layer-mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .8)
}

.plugin-layer-main {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 480px;
    height: 240px;
    margin-top: -120px;
    margin-left: -240px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff
}

.plugin-layer-content {
    height: 180px;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 500;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center
}

.plugin-layer-btns {
    font-size: 0;
    border-top: 3px solid #000
}

.plugin-layer-btn {
    font-size: 16px;
    font-weight: 500;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    background-color: #8762ff;
    color: #000;
    line-height: 60px;
    text-align: center;
    transition: color .3s
}

.plugin-layer-btn:nth-of-type(n+2) {
    border-left: 3px solid #000
}

@media(any-hover: hover) {
    .plugin-layer-btn:hover {
        color: rgba(0, 0, 0, .3)
    }
}

@media(max-width: 480px) {
    .plugin-layer-main {
        width: 90%;
        left: 5%;
        margin-left: 0
    }
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 100;
    src: local("Montserrat"), url("../images/montserrat-v23-latin-100.woff2") format("woff2"), url("../images/montserrat-v23-latin-100.woff") format("woff")
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 300;
    src: local("Montserrat"), url("../images/montserrat-v23-latin-300.woff2") format("woff2"), url("../images/montserrat-v23-latin-300.woff") format("woff")
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    src: local("Montserrat"), url("../images/montserrat-v23-latin-regular.woff2") format("woff2"), url("../images/montserrat-v23-latin-regular.woff") format("woff")
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    src: local("Montserrat"), url("../images/montserrat-v23-latin-500.woff2") format("woff2"), url("../images/montserrat-v23-latin-500.woff") format("woff")
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 700;
    src: local("Montserrat"), url("../images/montserrat-v23-latin-700.woff2") format("woff2"), url("../images/montserrat-v23-latin-700.woff") format("woff")
}

@font-face {
    font-family: "iconfont";
    src: url("../fonts/iconfont/iconfont.woff2?t=1657021879730") format("woff2"), url("../fonts/iconfont/iconfont.woff?t=1657021879730") format("woff")
}



@keyframes fadeInUpSmall {
    from {
        opacity: 0;
        transform: translate3d(0, 80px, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.fadeInUpSmall {
    animation-name: fadeInUpSmall
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.animated.infinite {
    animation-iteration-count: infinite
}

.animated.delay-1s {
    animation-delay: 1s
}

.animated.delay-2s {
    animation-delay: 2s
}

.animated.delay-3s {
    animation-delay: 3s
}

.animated.delay-4s {
    animation-delay: 4s
}

.animated.delay-5s {
    animation-delay: 5s
}

.animated.fast {
    animation-duration: 800ms
}

.animated.faster {
    animation-duration: 500ms
}

.animated.slow {
    animation-duration: 2s
}

.animated.slower {
    animation-duration: 3s
}

.container {
    overflow: hidden
}

.wrap {
    max-width: 1600px;
    margin-right: auto;
    margin-left: auto;
}

.w-1420 {
    max-width: 1420px;
    margin-right: auto;
    margin-left: auto
}

@media(max-width: 1920px) {
    .wrap {
        /* margin-right: 150px; */
        /* margin-left: 150px; */
    }
}





.blank-top {
    height: 50px
}

.header {
    padding: 25px 0;
    background-color: #fff;
        position: relative;
    z-index: 999999999999;
}

.header-inner {
    position: relative;
    height: 50px
}

.header-logo {
    margin-top: -7px;
}

.header-logo img {
    display: block;
    width: auto
}

.header-right {
    position: absolute;
    top: 0;
    right: 0
}

.hm-item {
    position: relative;
    margin-right: 25px;
    margin-left: 25px
}

.hm-item::before {
    content: "";
    position: absolute;
    top: 100%;
    right: -15px;
    left: -15px;
    height: 40px
}

.hm-link {
    line-height: 50px;
    transition: all .3s;
    letter-spacing: .03em
}

.subm-link {
    display: block;
    white-space: nowrap;
    line-height: 24px;
    margin: 7px 0
}

.header-lang {
    margin-right: 15px;
    margin-left: 15px
}

.hlang-link {
    position: relative;
    line-height: 50px
}

.hlang-link.current {
    color: #000
}

.hlang-link:first-of-type {
    margin-right: 1.5em
}

.hlang-link:first-of-type::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -0.75em;
    width: 1px;
    height: .75em;
    background-color: #000;
    margin-top: -0.375em;
    transform: rotate(38deg)
}

.btn-menu {
    display: none;
    position: relative;
    top: 0;
    z-index: 5;
    width: 40px;
    height: 40px
}

.btn-menu span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 2px;
    background-color: #000;
    margin-left: -10px;
    transition: all .5s ease-in-out
}

.btn-menu span:nth-of-type(1) {
    margin-top: -7px
}

.btn-menu span:nth-of-type(3) {
    margin-top: 7px
}

.container {
	overflow: hidden;
}
.wrap {
	max-width: 1620px;margin-right: auto;margin-left: auto;
}
.w-1420 {
	max-width: 1420px;margin-right: auto;margin-left: auto;
}
@media (max-width: 1920px) {
	.wrap {
		margin-right: 150px;margin-left: 150px;
	}
}
@media (max-width: 1600px) {
	.wrap {
		margin-right: 80px;margin-left: 80px;
	}
}
@media (max-width: 1400px) {
	.wrap {
		margin-right: 60px;margin-left: 60px;
	}
}
@media (max-width: 1280px) {
	.wrap {
		margin-right: 40px;margin-left: 40px;
	}
}
@media (max-width: 1024px) {
	.wrap {
		margin-right: 20px;margin-left: 20px;
	}
}
.blank-top {
	height: 100px;
}

.mobile-foot-nav{display:none}
.mobile-foot-nav ul{margin-bottom:0!important}
.header-inner {
	position: relative;height: 50px;
}
.header-logo {
	margin-top: -8px;}
	

.header-right {
	position: absolute;top: 0;right: 0;
}
.hm-item {
	position: relative;
	margin-right: 25px;margin-left: 25px;
	&::before {
		content: "";
		position: absolute;top: 100%;right: -15px;left: -15px;height: 40px;
	}
}
.hm-link {
	line-height: 50px;
	transition: all .3s;
	letter-spacing: 0.03em;
}
.subm-link {
	display: block;white-space: nowrap;
	line-height: 24px;margin: 7px 0;
}
.header-lang {
	margin-right: 15px;margin-left: 15px;
}
.hlang-link {
	position: relative;line-height: 50px;
	&.current {
		color: $black;
	}
	&:first-of-type {
		margin-right: 1.5em;
		&::after {
			content: "";
			position: absolute;top: 50%;right: -.75em;width: 1px;height: .75em;background-color: $black;margin-top: -.375em;
			transform: rotate(38deg);
		}
	}
}
.btn-menu {
    display: none;
	position: relative;top: 0;;z-index: 5;
    width: 40px;height: 40px;
    span {
        position: absolute;top: 50%;left: 50%;width: 20px;height: 2px;background-color: $black;margin-left: -10px;
        transition: all .5s ease-in-out;
        &:nth-of-type(1) {
            margin-top: -7px;
        }
        &:nth-of-type(3) {
            margin-top: 7px;
        }
    }
}
@media (min-width: 1101px) {
	.sub-menu {
		position: absolute;top: 100%;left: 50%;margin-top: 44px;border-radius: 6px;
		padding: 20px 40px;
		background-color: $white;
		transform: translateX(-50%);
		visibility: hidden;opacity: 0;
		transition: all .3s ease-out;
		box-shadow: 0 10px 20px rgba(60, 67, 80, .37);
		&::before {
			content: "";
			position: absolute;top: -11px;left: 50%;margin-left: -9.5px;
			width: 0;height: 0;
			border-style: solid;
			border-width: 0 9.5px 11px 9.5px;
			border-color: transparent transparent #ffffff transparent;
		}
	}
	.submenu-wrap {
		white-space: nowrap;overflow: hidden;
		.submenu-left {
			position: relative;
			padding-right: 40px;
			&::after {
				content: "";
				position: absolute;top: 0;right: 0;width: 1px;height: 1000px;background-color: #ccc;
			}
		}
		.submenu-right {
			padding-left: 40px;
		}
	}
	.submenu-left,
	.submenu-right {
		display: inline-block;vertical-align: top;
	}
	.submenur-item {
		display: none;
		&.active {
			display: block;
		}
	}
}
@media (max-width: 1100px) {
	.submenu-wrap {
		.submenu-left {
			padding-right: 0;
			&::after {
				display: none;
			}
		}
		.submenu-right {
			display: none;
		}
	}
	.btn-menu {
		display: inline-block;vertical-align: top;margin-right: -10px;margin-left: 10px;
	}
	.menu-open {
		.btn-menu {
			span {
				// background-color: $blue;
				&:nth-of-type(1) {
					margin-top: 0;
					transform: rotate(45deg);
				}
				&:nth-of-type(2) {
					opacity: 0;
				}
				&:nth-of-type(3) {
					margin-top: 0;
					transform: rotate(-45deg);
				}
			}
		}
	}
}
@media (any-hover:hover) {
	.hm-item {
		&:hover {
			.hm-link {
				color: $blue;
			}
			.sub-menu {
				margin-top: 40px;
				visibility: visible;opacity: 1;
			}
		}
	}
	.subm-link {
		transition: color .3s;
		&:hover {
			color: $black;
		}
	}
}
@media (max-width: 1100px) {
	.hm-item {
		&:hover {
			.sub-menu {
				margin-top: 0;
			}
		}
	}
	.header {
		padding-top: 15px;padding-bottom: 15px;
	}
	.blank-top {
		height: 70px;
	}
	.header-inner {
		height: 40px;
	}
	.header-logo {
		margin-top: 5px;
		img {
			height: 30px;
		}
	}
	.header-menu {
		position: fixed;top: 70px;right: 0;left: 0;bottom: 0;background-color: $white;padding-right: 40px;padding-left: 40px;
		clip-path: polygon(0 0, 100% 0%, 100% 0, 0 0);
		visibility: hidden;opacity: 0;
		transition: all .3s;
	}
	.menu-open {
		.header-menu {
			clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
			visibility: visible;opacity: 1;
		}	
	}
	.header-download {
		display: none;
	}
	.list-hmenu {
		display: block;
		> li {
			width: 100%;
		}
	}
	.hm-item {
		margin-right: auto;margin-left: auto;
		&::after {
			content: "";
			position: absolute;right: 0;bottom: 0;left: 0;height: .5px;background-color: $border;
		}
		&.active {
			.hm-link {
				&.has-sub {
					span {
						transform: rotate(180deg);
					}
				}
			}
		}
	}
	.header-lang {
		margin-right: auto;margin-left: auto;
	}
	.hm-link {
		position: relative;display: block;
		&.has-sub {
			span {
				position: absolute;right: -10px;top: 0;text-align: center;width: 40px;
				transition: transform .3s;
				&::after {
					content: "\e747";
					line-height: 50px;
					font-size: 14px;font-family: iconfont;color: $gray;
				}
			}
			
		}
	}
	.sub-menu {
		padding-bottom: 10px;display: none;
	}
	.subm-link {
		margin: 0;line-height: 40px;font-size: 14px;
	}
	
}
@media (max-width: 1024px) {
	.header-menu {
		padding-right: 20px;padding-left: 20px;
	}
}

.header-search {
	position: fixed;top: 100px;right: 0;left: 0;z-index: 90;border-top: 1px solid $border;
	padding: 60px 0;
	visibility: hidden;opacity: 0;
	transform: translateY(-100%);
	transition: all .3s $easeOutCubic;
}
.hs-form {
	max-width: 1000px;margin-right: auto;margin-left: auto;
	border-bottom: 1px solid $border;
	span {
		line-height: 40px;width: 30px;text-align: center;
	}
}
.hs-input {
	width: calc(100% - 60px);height: 40px;border: 0;padding: 0;outline: 0;
}

.search-open {
	.header-search {
		visibility: visible;opacity: 1;
		transform: translateY(0);
	}
}
.hsform-close {
	cursor: pointer;
	transition: color .3s;;
}
.btn-search {
	margin-left: 25px;cursor: pointer;
	font-size: 16px;width: 36px;height: 36px;border-radius: 50%;text-align: center;line-height: 36px;margin-top: 7px;
	transition: background .3s;
}
.header-download {
	padding: 0 20px;line-height: 36px;border-radius: 20px;margin-top: 7px;margin-left: 30px;
	transition: background .3s;
	span {
		line-height: 36px;margin-right: 5px;
		
	}
}
@media (any-hover:hover) {
	.btn-search,
	.header-download {
		&:hover {
			background-color: $blue;
		}
	}
	.hsform-close {
		&:hover {
			color: $blue;
		}
	}
}
@media (max-width: 1100px) {
	.btn-search {
		width: 30px;height: 30px;line-height: 30px;margin-top: 5px;
	}
	.header-search {
		top: 70px;padding-top: 30px;padding-bottom: 40px;border-top-width: 0;
	}
	.hs-form {
		border-bottom-width: .5px;
	}
}
@media(min-width: 1101px) {
    .sub-menu {
        position: absolute;
        top: 100%;
        left: 50%;
        margin-top: 44px;
        border-radius: 6px;
        padding: 20px 40px;
        background-color:rgba(255,255,255,.9);
        transform: translateX(-50%);
        opacity: 0;
        transition: all .3s ease-out;
        box-shadow: 0 10px 20px rgba(60, 67, 80, .37);
    }

    .sub-menu::before {
        content: "";
        position: absolute;
        top: -11px;
        left: 50%;
        margin-left: -9.5px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 9.5px 11px 9.5px;
        border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0)
    }

    .submenu-wrap {
        white-space: nowrap;
        overflow: hidden
    }

    .submenu-wrap .submenu-left {
        position: relative;
        padding-right: 40px
    }

    .submenu-wrap .submenu-left::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 1px;
        height: 1000px;
        background-color: #ccc
    }

    .submenu-wrap .submenu-right {
        padding-left: 40px
    }

    .submenu-left,
    .submenu-right {
        display: inline-block;
        vertical-align: top
    }

    .submenur-item {
        display: none
    }

    .submenur-item.active {
        display: block
    }
}

@media(max-width: 1100px) {
    .submenu-wrap .submenu-left {
        padding-right: 0
    }

    .submenu-wrap .submenu-left::after {
        display: none
    }

    .submenu-wrap .submenu-right {
        display: none
    }

    .btn-menu {
        display: inline-block;
        vertical-align: top;
        margin-right: -10px;
        margin-left: 10px
    }

    .menu-open .btn-menu span:nth-of-type(1) {
        margin-top: 0;
        transform: rotate(45deg)
    }

    .menu-open .btn-menu span:nth-of-type(2) {
        opacity: 0
    }

    .menu-open .btn-menu span:nth-of-type(3) {
        margin-top: 0;
        transform: rotate(-45deg)
    }
}

@media(any-hover: hover) {
    .hm-item:hover .hm-link {
        color: #1d6ab7
    }

    .hm-item:hover .sub-menu {
        margin-top: 40px;
        visibility: visible;
        opacity: 1
    }

    .subm-link {
        transition: color .3s  
    }

    .subm-link:hover {
        color: #000
    }
}

@media(max-width: 1100px) {
    .hm-item:hover .sub-menu {
        margin-top: 0
    }

    .header {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .blank-top {
        height: 30px
    }

    .header-inner {
        height: 40px
    }

    .header-logo {
        margin-top: 5px
    }

    .header-logo img {
        height: 30px
    }

    .header-menu {
        position: fixed;
        top: 70px;
        right: 0;
        left: 0;
        bottom: 0;
        background-color: #fff;
        padding-right: 40px;
        padding-left: 40px;
        -webkit-clip-path: polygon(0 0, 100% 0%, 100% 0, 0 0);
        clip-path: polygon(0 0, 100% 0%, 100% 0, 0 0);
        visibility: hidden;
        opacity: 0;
        transition: all .3s
    }

    .menu-open .header-menu {
        -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
        clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
        visibility: visible;
        opacity: 1
    }

    .header-download {
        display: none
    }

    .list-hmenu {
        display: block
    }

    .list-hmenu>li {
        width: 100%
    }

    .hm-item {
        margin-right: auto;
        margin-left: auto
    }

    .hm-item::after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: .5px;
        background-color: #ccd1d9
    }

    .hm-item.active .hm-link.has-sub span {
        transform: rotate(180deg)
    }

    .header-lang {
        margin-right: auto;
        margin-left: auto
    }

    .hm-link {
        position: relative;
        display: block
    }

    .hm-link.has-sub span {
        position: absolute;
        right: -10px;
        top: 0;
        text-align: center;
        width: 40px;
        transition: transform .3s
    }

    .hm-link.has-sub span::after {
        content: "顫�";
        line-height: 50px;
        font-size: 14px;
        font-family: iconfont;
        color: #90959c
    }

    .sub-menu {
        padding-bottom: 10px;
        display: none
    }

    .subm-link {
        margin: 0;
        line-height: 40px;
        font-size: 14px
    }
}

@media(max-width: 1024px) {
    .header-menu {
        padding-right: 20px;
        padding-left: 20px
    }
}

.header-search {
    position: fixed;
    top: 100px;
    right: 0;
    left: 0;
    z-index: 90;
    border-top: 1px solid #ccd1d9;
    padding: 60px 0;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-100%);
    transition: all .3s cubic-bezier(0.33, 1, 0.68, 1)
}

.hs-form {
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
    border-bottom: 1px solid #ccd1d9
}

.hs-form span {
    line-height: 40px;
    width: 30px;
    text-align: center
}

.hs-input {
    width: calc(100% - 60px);
    height: 40px;
    border: 0;
    padding: 0;
    outline: 0
}

.search-open .header-search {
    visibility: visible;
    opacity: 1;
    transform: translateY(0)
}

.hsform-close {
    cursor: pointer;
    transition: color .3s
}

.btn-search {
    margin-left: 25px;
    cursor: pointer;
    font-size: 16px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    text-align: center;
    line-height: 36px;
    margin-top: 7px;
    transition: background .3s
}

.header-download {
    padding: 0 20px;
    line-height: 36px;
    border-radius: 20px;
    margin-top: 7px;
    margin-left: 30px;
    transition: background .3s
}

.header-download span {
    line-height: 36px;
    margin-right: 5px
}

@media(any-hover: hover) {

    .btn-search:hover,
    .header-download:hover {
        background-color: #1d6ab7
    }

    .hsform-close:hover {
        color: #1d6ab7
    }
}

@media(max-width: 1100px) {
    .btn-search {
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin-top: 5px
    }

    .header-search {
        top: 70px;
        padding-top: 30px;
        padding-bottom: 40px;
        border-top-width: 0
    }

    .hs-form {
        border-bottom-width: .5px
    }
}

.footer {
    position: relative;
    padding-top:10px ;
}

.footer-logo img {
    display: block;
    height: 50px;
    width: auto
}



.fm-dl dt {
    margin-bottom: 1em
}

.fm-link {
    margin: 3px 0;
    display: inline-block;
    vertical-align: top;
    line-height: 24px;
    transition: color .3s
}

@media(any-hover: hover) {
    .fm-link:hover {
        color: #fff
    }
}

.footer-menu {
    display: flex;
    justify-content: space-between
}

.fsocial-link {
    border-radius: 4px;
    margin-right: 20px;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-align: center
}

.footer-bottom {
    padding: 30px 0;
    text-align:center;

}

.footer-copyright,
.footer-icp {
    line-height: 24px
}

.link-policy {
    line-height: 24px
}

.link-policy span {
    display: inline-block;
    vertical-align: top;
    font-size: 1.25em;
    line-height: 24px;
    margin-left: .4em
}

.footer-btn {
    position: absolute;
    right: 30px;
    bottom: 80px;
    width: 50px
}

.fbtn-link {
    display: block;
    border: 1px solid #fff;
    border-radius: 50%;
    background-color: #1d6ab7;
    line-height: 48px;
    text-align: center;
    margin-top: 10px;
    transition: all .3s
}

@media(any-hover: hover) {
    .fbtn-link:hover {
        background-color: #fff;
        color: #1d6ab7
    }
}

@media(max-width: 1600px) {
    .footer-btn {
        right: 10px
    }
}

@media(max-width: 1400px) {
    .footer-btn {
        width: 40px;
        right: 0
    }

    .fbtn-link {
        line-height: 38px
    }
}

@media(max-width: 1280px) {
    .footer {
        padding-top: 80px
    }

    .footer-logo img {
        height: 40px
    }

    .footer-btn {
        right: 0;
        bottom: 120px
    }
}

@media(max-width: 1100px) {
    .footer {
        padding-top: 60px
    }

    .footer-menu {
        display: block
    }

    .fm-dl {
        display: none
    }

    .fm-dl.contact {
        display: block
    }

    .footer-bottom {
        display: block;
        text-align:center;
    }

    .footer-btn {
        right: 10px;
        bottom: 140px
    }
}

@media(max-width: 768px) {
    .footer {
        padding-top: 40px
    }

    .footer-slogan {
        display: block;
        margin-left: 0;
        margin-top: 20px
    }

    .footer-bottom>div:nth-of-type(n+2) {
        margin-top: 10px
    }

    .footer-btn {
        bottom: 30px
    }

    .footer-copyright {
        display: block;
    }
}

.comm-dots {
    margin-top: 20px
}

.comm-dots.bottom-60 {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 60px
}

.comm-dots>li {
    position: relative;
    margin-right: 6px;
    margin-left: 6px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
    background: no-repeat url(../images/slick_dot.png) center center;
    background-size: 3.5px 3.5px
}

.comm-dots>li button {
    box-sizing: border-box;
    z-index: 2;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: 0;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    outline: 0;
    background-color: rgba(0, 0, 0, 0);
    -webkit-clip-path: polygon(50% 0%, 100% 0, 100% 100%, 50% 100%);
    clip-path: polygon(50% 0%, 100% 0, 100% 100%, 50% 100%);
    border: 1px solid rgba(0, 0, 0, 0);
    opacity: 0
}

.comm-dots>li button::before,
.comm-dots>li button::after {
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    border-radius: 50%
}

.comm-dots>li button::before {
    border-top: 1px solid #1d6ab7;
    border-right: 1px solid #1d6ab7;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    border-left: 1px solid rgba(0, 0, 0, 0);
    transform: rotate(-135deg)
}

.comm-dots>li::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid #fff;
    border-radius: 50%;
    opacity: .6
}

.comm-dots>li::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid;
    border-color: #fff #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-radius: 50%;
    transform: rotate(45deg);
    opacity: 0
}

.comm-dots>li.slick-active {
    background-image: url(../images/slick_dot_on.png)
}

.comm-dots>li.slick-active button {
    opacity: 1
}

.comm-dots>li.slick-active button::before {
    transform: rotate(45deg);
    transition: transform 2s linear
}

.comm-dots>li.slick-active::before {
    opacity: 1
}

.comm-dots>li.slick-active::after {
    transform: rotate(225deg);
    opacity: 1;
    transition: opacity 0s ease 2s, transform 2s linear 2s
}

.comm-dots.white>li.slick-active {
    background-image: url(../images/slick_dot_on.png)
}

.comm-dots.white>li::before {
    border-color: rgba(255, 255, 255, .5)
}

.comm-dots.white>li::after {
    border-top-color: #fff;
    border-right-color: #fff
}

.comm-dots.white>li button::before {
    border-top-color: #fff;
    border-right-color: #fff
}

.comm-dots.black>li {
    background-image: url(../images/slick_dot_gray.png)
}

.comm-dots.black>li.slick-active {
    background-image: url(../images/slick_dot_gray.png)
}

.comm-dots.black>li::before {
    border-color: rgba(0, 0, 0, .5)
}

.comm-dots.black>li::after {
    border-top-color: #000;
    border-right-color: #000
}

.comm-dots.black>li button::before {
    border-top-color: #000;
    border-right-color: #000
}

@media(max-width: 1280px) {
    .comm-dots.bottom-60 {
        bottom: 40px
    }
}

@media(max-width: 1024px) {
    .slick-honor .comm-dots {
        margin-top: 0
    }

    .honor-item.reverse {
        height: 60px
    }

    .honor-item.reverse::after {
        height: 60px
    }

    .comm-dots.bottom-60 {
        bottom: 30px
    }

    .comm-dots>li {
        width: 30px;
        height: 30px;
        background-size: 3px 3px
    }

    .comm-dots>li button {
        border-width: 1px
    }

    .comm-dots>li button::before,
    .comm-dots>li button::after {
        top: -1px;
        right: -1px;
        bottom: -1px;
        left: -1px
    }

    .comm-dots>li button::before {
        border-width: 1px
    }

    .comm-dots>li::after,
    .comm-dots>li::before {
        border-width: 1px
    }
}

@media(max-width: 750px) {
    .comm-dots>li {
        width: 20px;
        height: 20px;
        margin-right: 4px;
        margin-left: 4px
    }
}

.ib-box {
    position: relative;
    height: calc(100vh - 100px)
}

.ib-item {
    position: relative;
    height: calc(100vh - 100px);
    display: flex;
    align-items: center;
    justify-content: center
}

.ib-item__en {
    position: relative
}

.ib-item__en::before {
    content: "";
    display: block;
    margin: 0 auto 10px;
    width: 2.5em;
    height: 1px;
    background-color: #fff
}

.slick-ib .comm-dots {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 60px
}

.ib-more {
    padding: 0 35px;
    line-height: 58px;
    border-radius: 30px;
    transition: all .3s
}

.ib-more span {
    display: inline-block;
    vertical-align: top;
    font-size: 1.75em;
    margin-left: 1em;
    line-height: 58px
}

@media(any-hover: hover) {
    .ib-more:hover {
        background-color: #1d6ab7;
        color: #fff
    }
}

@media(max-width: 1280px) {
    .ib-more {
        padding-right: 25px;
        padding-left: 25px;
        line-height: 50px
    }

    .ib-more span {
        line-height: 50px
    }

    .slick-ib .comm-dots {
        bottom: 40px
    }
}

@media(max-width: 1100px) {
    .slick-ib .comm-dots {
        bottom: 30px
    }
}

@media(max-width: 1024px) {
    .ib-intro {
        margin-right: 20px;
        margin-left: 20px
    }
}

.index-pro {
    background-color: #f9f9f9
}

.ipro-tab span {
    position: relative;
    padding-bottom: 14px;
    margin-right: 60px;
    margin-left: 60px;
    cursor: pointer;
    transition: color .3s
}

.ipro-tab span::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    right: 0;
    background-color: #1d6ab7;
    transform: scaleX(0);
    transition: transform .3s
}

.ipro-tab span.current::after {
    transform: scaleX(1)
}

@media(any-hover: hover) {
    .ipro-tab span:hover {
        color: #1d6ab7
    }
}

.iprob-item {
    height: 0;
    overflow: hidden
}

.iprob-item.active {
    height: auto
}

@media(max-width: 1280px) {
    .ipro-tab span {
        margin-right: 30px;
        margin-left: 30px
    }
}

@media(max-width: 1100px) {
    .ipro-tab span {
        padding-bottom: 10px;
        margin-bottom: 20px
    }

    .ipro-tab span::after {
        height: 2px
    }
}

@media(max-width: 640px) {
    .ipro-tab span {
        margin-right: 10px;
        margin-left: 10px
    }
}

.inum-box {
    margin-bottom: 80px
}

.inum-item {
    position: relative;
    margin-right: 90px;
    margin-left: 90px
}

.inum-item::after {
    content: "";
    position: absolute;
    top: 0;
    right: -90px;
    bottom: 0;
    width: 1px;
    background-color: rgba(255, 255, 255, .2)
}

.inum-item:last-of-type::after {
    display: none
}

@media(max-width: 1720px) {
    .inum-item {
        margin-right: 50px;
        margin-left: 50px
    }

    .inum-item::after {
        right: -50px
    }
}

@media(max-width: 1024px) {
    .inum-box {
        margin-bottom: 0
    }

    .inum-item {
        margin-right: 40px;
        margin-left: 40px
    }

    .inum-item::after {
        right: -40px
    }
}

@media(max-width: 900px) {
    .inum-item {
        margin-right: 0;
        margin-left: 0;
        width: 33.3333%;
        margin-bottom: 40px
    }

    .inum-item:nth-of-type(3)::after {
        display: none
    }

    .inum-item::after {
        right: 0
    }
}

.list-plogo {
    padding: 30px 0;
    border-top: 1px solid #ccd1d9;
    border-bottom: 1px solid #ccd1d9
}

.list-plogo>li:nth-of-type(n+8) {
    margin-top: 20px
}

.plogo-item {
    max-width: 180px;
    width: 80%;
    margin-right: auto;
    margin-left: auto
}

.plogo-item::before {
    padding-top: 44.4444444444%
}

.plogo-item img {
    filter: grayscale(100%)
}

@media(any-hover: hover) {
    .plogo-item:hover img {
        filter: grayscale(0)
    }
}

@media(max-width: 1024px) {
    .list-plogo>li {
        width: 20%
    }

    .list-plogo>li:nth-of-type(n+6) {
        margin-top: 20px
    }
}

@media(max-width: 768px) {
    .list-plogo>li {
        width: 25%
    }

    .list-plogo>li:nth-of-type(n+5) {
        margin-top: 20px
    }
}

.comm-title {
    line-height: 1.5
}

.comm-desc {
    line-height: 1.5
}

.comm-article {
    line-height: 1.875
}

.comm-article h3 {
    font-size: 1.25em;
    color: #000;
    font-weight: 500
}

.comm-article img {
    max-width: 100%;
    height: auto impr !important
}

@media(max-width: 1280px) {
    .comm-article h3 {
        font-size: 1.15em
    }
}

.comm-arrows .slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 10;
    font-size: 0;
    border: 0;
    padding: 0;
    outline: 0;
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    transform: translateY(-50%)
}

.comm-arrows .slick-arrow::before {
    font-family: iconfont;
    display: inline-block;
    vertical-align: top;
    font-size: 60px;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-align: center;
    color: rgba(255, 255, 255, .2);
    transition: color .3s
}

.comm-arrows .slick-arrow:hover::before {
    color: #fff
}

.comm-arrows .slick-prev {
    left: 0
}

.comm-arrows .slick-prev::before {
    content: "111"
}

.comm-arrows .slick-next {
    right: 0
}

.comm-arrows .slick-next::before {
    content: "顫�"
}

.comm-arrows.black .slick-arrow::before {
    color: #9ca2ab
}

.comm-arrows.black .slick-arrow:hover::before {
    color: #000
}

@media(max-width: 1920px) {
    .comm-arrows .slick-arrow::before {
        font-size: 3.125vw
    }
}

@media(max-width: 1400px) {
    .comm-arrows .slick-prev {
        left: -3.125vw
    }

    .comm-arrows .slick-next {
        right: -3.125vw
    }
}



@media(max-width: 1920px) {
    .bottom-arrows .slick-arrow::before {
        font-size: 3.125vw
    }
}

@media(max-width: 1100px) {
    .bottom-arrows .slick-arrow::before {
        font-size: 30px
    }

    .bottom-arrows {
        margin-bottom: 100px
    }

    .bottom-arrows .slick-arrow {
        margin-top: 40px
    }

    .bottom-arrows .slick-next {
        margin-left: 20px
    }

    .bottom-arrows .slick-prev {
        margin-right: 20px
    }
}


@media(max-width: 1280px) {
    .ptb-120 {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media(max-width: 1024px) {
    .ptb-120 {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

.page-banner {
    height: 550px;
    display: flex;
    align-items: center
}

.pb-main {
    width: 100%
}

@media(max-width: 1920px) {
    .page-banner {
        height: auto
    }

    .page-banner::before {
        content: "";
        display: block;
        padding-top: 28.6458333333%
    }
}

@media(max-width: 1280px) {
    .page-banner::before {
        padding-top: 0;
        height: 400px
    }
}

@media(max-width: 1024px) {
    .page-banner::before {
        height: 300px
    }
}

@media(max-width: 750px) {
    .page-banner::before {
        height: auto;
        padding-top: 100%
    }
}

.list-tab {
    display: flex;
    border-bottom: 1px solid #ccd1d9
}

.ltab-link {
    position: relative;
    line-height: 80px;
    flex: 1;
    white-space: nowrap;
    transition: color .3s
}

.ltab-link::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    background-color: #ccd1d9
}

.ltab-link:last-of-type::after {
    display: none
}

.ltab-link.current {
    color: #1d6ab7
}

@media(any-hover: hover) {
    .ltab-link:hover {
        color: #1d6ab7
    }
}

@media(max-width: 1600px) {
    .ltab-link {
        line-height: 70px
    }
}

@media(max-width: 1280px) {
    .ltab-link {
        line-height: 60px
    }
}

@media(max-width: 1024px) {
    .list-tab {
        overflow-x: scroll
    }

    .ltab-link {
        padding-right: 20px;
        padding-left: 20px
    }
}

.prod-filter-form {
    position: relative;
    z-index: 10
}

.filter-box {
    display: flex;
    justify-content: space-between
}

.fselect-item {
    position: relative;
    z-index: 5;
    display: inline-block;
    vertical-align: top;
    text-align: left
}

.fselect-item.active .fsi-header {
    background-color: #000;
    color: #fff
}

.fselect-item.active .fsi-header::after {
    color: #fff;
    transform: rotate(180deg)
}

.fsi-header {
    position: relative;
    line-height: 36px;
    padding: 0 56px 0 20px;
    border-radius: 20px;
    cursor: pointer;
    transition: all .3s
}

.fsi-header::after {
    content: "顫�";
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    right: 20px;
    font-size: 16px;
    width: 1em;
    line-height: 1;
    font-family: iconfont;
    text-align: center;
    color: #90959c;
    transition: transform .3s
}

.fsi-body {
    min-width: 100%;
    box-sizing: border-box;
    margin-top: 15px;
    padding: 5px 0;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    border-top: 0;
    border-radius: 10px;
    transition: all .3s;
    opacity: 0;
    box-shadow: 0 10px 20px rgba(161, 170, 178, .32)
}

.fsi-body.show {
    opacity: 1
}

.fsi-option {
    display: block;
    white-space: nowrap;
    padding: 0 20px;
    transition: color .3s;
    line-height: 30px;
    margin: 5px 0;
    text-align: left
}

.fsi-option.current {
    color: #1d6ab7
}

@media(any-hover: hover) {
    .fsi-option:hover {
        color: #1d6ab7
    }
}

.btn-reset {
    width: 100px;
    height: 36px;
    position: relative;
    z-index: 10;
    border: 0;
    padding: 0;
    outline: 0;
    border-radius: 20px;
    cursor: pointer
}

@media(max-width: 750px) {
    .filter-box {
        display: block
    }

    .fsi-header {
        background-color: #f3f3f3
    }

    .fselect-item {
        margin-bottom: 20px;
        width: 100%
    }

    .btn-reset {
        width: 100%
    }
}

.list-products>li:nth-of-type(n+5) {
    margin-top: 36px
}

.pro-item {
    display: block;
    padding: 50px 0 10px 40px;
    border-radius: 10px;
    transition: background .3s cubic-bezier(0.33, 1, 0.68, 1)
}

.pro-item__intro {
    margin-right: 40px
}

.pro-item__title,
.pro-item__desc {
    transition: color .3s
}

.pro-item__desc {
    height: 3em;
    max-width: 260px
}

.pro-item__img {
    margin-left: 20px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    overflow: hidden;
    transition: transform .5s cubic-bezier(0.33, 1, 0.68, 1);
    transform-origin: right bottom
}

.pro-item__img::before {
    padding-top: 115.625%
}

@media(any-hover: hover) {
    .pro-item:hover {
        background-color: #1d6ab7
    }

    .pro-item:hover .pro-item__title {
        color: #fff
    }

    .pro-item:hover .pro-item__desc {
        color: rgba(255, 255, 255, .5)
    }

    .pro-item:hover .pro-item__img {
        transform: scale3d(1.05, 1.05, 1.05)
    }
}

@media(max-width: 1280px) {
    .pro-item {
        padding-top: 40px;
        padding-left: 30px
    }
}

@media(max-width: 1024px) {
    .list-products>li:nth-of-type(n+5) {
        margin-top: 20px
    }

    .pro-item {
        padding-top: 30px;
        padding-left: 20px
    }

    .pro-item__img {
        margin-left: 10px
    }
}

@media(max-width: 768px) {
    .list-products>li {
        width: 50%
    }

    .list-products>li:nth-of-type(n+3) {
        margin-top: 20px
    }

    .pro-item__intro {
        margin-right: 20px
    }
}

.pager>a {
    display: inline-block;
    vertical-align: top;
    line-height: 48px;
    transition: color .3s
}

.pager>a.prev,
.pager>a.next {
    color: #000
}

.pager>a.prev.disable,
.pager>a.next.disable {
    color: #ccd1d9
}

.pager>a.prev {
    margin-right: 20px
}

.pager>a.next {
    margin-left: 20px
}

.pager>a.current {
    color: #000
}

.pager-num {
    position: relative;
    padding: 0 20px
}

.pager-num::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 12px;
    margin-top: -6px;
    background-color: #ccd1d9
}

.pager-num:last-of-type::after {
    display: none
}

@media(any-hover: hover) {
    .pager>a:hover {
        color: #000
    }
}

.prod-about {
    display: flex;
    justify-content: space-between
}

.proda-left {
    width: 38%
}

.proda-right {
    width: 45%
}

.list-prodar {
    position: relative
}

.list-prodar>li {
    border-bottom: 1px solid #ccd1d9;
    padding: 50px 0
}

.list-prodar>li:nth-of-type(-n+2) {
    padding-top: 0
}

.list-prodar::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    background-color: #fff
}

.prodar-item__desc {
    min-height: 3em;
    margin-right: 20px
}

@media(max-width: 1280px) {
    .list-prodar>li {
        padding: 40px 0
    }
}

@media(max-width: 1024px) {
    .prod-about {
        display: block
    }

    .proda-left,
    .proda-right {
        width: 100%
    }

    .proda-right {
        margin-top: 30px
    }

    .list-prodar {
        padding-top: 10px
    }

    .list-prodar>li {
        border-bottom-width: .5px;
        padding: 30px 0
    }

    .index-about-more {
        margin-top: 40px
    }
}

@media(max-width: 750px) {
    .list-prodar>li {
        width: 100%;
        padding: 20px 0
    }

    .list-prodar>li:nth-of-type(2) {
        padding-top: 20px
    }

    .prodar-item__desc {
        min-height: inherit;
        margin-right: 0
    }
}

.slick-prod-img {
    margin-top: -30px
}

.slick-prod-img .comm-dots {
    margin-top: 60px
}

.slick-prod-img .comm-dots>li {
    width: 48px;
    height: 48px
}

.prod-img {
    max-width: 560px;
    margin-right: auto;
    margin-left: auto
}

.prod-img::before {
    padding-top: 100%
}

.prod-img::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    border-radius: 50%
}

.prod-img img {
    z-index: 3
}

@media(max-width: 1024px) {
    .slick-prod-img {
        margin-top: 20px
    }

    .slick-prod-img .comm-dots>li {
        width: 24px;
        height: 24px
    }
}

.prod-table {
    position: relative;
    font-family: "Montserrat";
    border-radius: 10px;
    overflow: hidden
}

.prod-table::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid #ccd1d9;
    border-radius: 10px;
    pointer-events: none
}

.prod-table table {
    width: 100%;
    font-size: 16px;
    border-radius: 10px;
    border-collapse: collapse
}

.prod-table table th,
.prod-table table td {
    border: 1px solid #bdc3cc;
    white-space: nowrap
}

.prod-table table th {
    color: #000;
    padding: 25px 0
}

.prod-table table th:first-of-type {
    text-align: left;
    padding-left: 40px;
    padding-right: 40px
}

.prod-table table td {
    color: #90959c;
    padding: 25px 0;
    text-align: center;
    vertical-align: middle
}

.prod-table table tbody td.first {
    background-color: #ccd1d9;
    color: #000;
    text-align: left;
    padding-left: 40px;
    padding-right: 40px
}

.prodt-note p {
    margin-bottom: .5em
}

@media(max-width: 1400px) {
    .prod-table table {
        font-size: 16px
    }

    .prod-table table th {
        padding: 20px
    }

    .prod-table table th:first-of-type {
        padding-left: 20px;
        padding-right: 20px
    }

    .prod-table table td {
        padding: 20px
    }

    .prod-table table tbody td.first {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media(max-width: 1024px) {
    .prod-table {
        overflow-x: scroll;
        border-radius: 0
    }

    .prod-table::after {
        display: none
    }

    .prod-table table {
        font-size: 14px
    }

    .prod-table table th:first-of-type {
        padding-left: 20px;
        padding-right: 20px
    }

    .prod-table table tbody td.first {
        padding-left: 20px;
        padding-right: 20px
    }
}

.list-download>li:nth-of-type(n+4) {
    margin-top: 36px
}

.download-item {
    display: block;
    padding: 40px 50px;
    border-radius: 10px
}

.ditem-wrap {
    display: flex;
    justify-content: space-between
}

.ditem-ico {
    font-size: 70px;
    transition: color .3s
}

.ditem-intro {
    margin-left: 15px
}

.ditem-title {
    height: 2.5em;
    line-height: 1.25
}

@media(any-hover: hover) {
    .download-item:hover .ditem-ico {
        color: #1d6ab7
    }
}

@media(max-width: 1400px) {
    .download-item {
        padding: 30px 40px
    }

    .ditem-ico {
        font-size: 60px
    }
}

@media(max-width: 1280px) {
    .list-download>li:nth-of-type(n+4) {
        margin-top: 20px
    }

    .download-item {
        padding: 20px
    }

    .ditem-ico {
        font-size: 40px
    }
}

@media(max-width: 768px) {
    .list-download>li {
        width: 50%
    }

    .list-download>li:nth-of-type(n+3) {
        margin-top: 20px
    }
}

@media(max-width: 640px) {
    .list-download>li {
        width: 100%
    }

    .list-download>li:nth-of-type(n+2) {
        margin-top: 20px
    }

    .ditem-intro {
        width: calc(100% - 60px)
    }

    .ditem-title {
        height: auto
    }
}

.scene-item {
    border-radius: 10px;
    overflow: hidden
}

.scene-img,
.scenet-item {
    overflow: hidden
}

.scene-img::before,
.scenet-item::before {
    padding-top: 62.5%
}

.slick-scenet .comm-dots {
    position: absolute;
    bottom: 50px;
    left: 100px
}

.scenet-main {
    position: absolute;
    top: 0;
    right: 100px;
    left: 100px;
    bottom: 60px;
    display: flex;
    align-items: center
}

.link-more {
    padding: 0 40px;
    line-height: 54px;
    border: 2px solid #fff;
    border-radius: 30px;
    transition: all .3s
}

.link-more>span {
    line-height: 54px;
    font-size: 1.75em;
    margin-left: .875em;
    overflow: hidden;
    transition: transform .2s ease-in
}

.link-more.black {
    border-color: #000
}

@media(any-hover: hover) {
    .link-more:hover {
        border-color: #fff;
        background-color: #fff;
        color: #1d6ab7
    }

    .link-more:hover>span {
        transform: translateX(8px)
    }

    .link-more.black:hover {
        border-color: #1d6ab7;
        background-color: #1d6ab7;
        color: #fff
    }
}

@media(max-width: 1400px) {
    .slick-scenet .comm-dots {
        bottom: 30px;
        left: 60px
    }

    .scenet-main {
        right: 60px;
        left: 60px
    }
}

@media(max-width: 1280px) {
    .link-more {
        padding-right: 30px;
        padding-left: 30px;
        line-height: 44px
    }

    .link-more span {
        line-height: 44px
    }

    .slick-scenet .comm-dots {
        left: 40px
    }

    .scenet-main {
        right: 40px;
        left: 40px
    }
}

@media(max-width: 1024px) {
    .link-more {
        border-width: 1px;
        padding-right: 20px;
        padding-left: 20px
    }

    .slick-scenet .comm-dots {
        bottom: 20px;
        left: 20px
    }

    .scenet-main {
        right: 20px;
        left: 20px
    }
}

@media(max-width: 900px) {
    .list-scene>li {
        width: 100%
    }

    .list-scene>li:nth-of-type(n+2) {
        margin-top: 20px
    }

    .scenet-main {
        position: relative;
        display: block;
        right: auto;
        left: auto;
        margin-right: 20px;
        margin-left: 20px
    }

    .scenet-item {
        padding: 30px 0 80px
    }

    .scenet-item::before {
        padding-top: 0
    }
}

.detail-main {
    display: flex;
    justify-content: space-between
}

.detail-container {
    width: calc(100% - 416px)
}

.detail-cate {
    position: relative;
    margin-right: 24px
}

.detail-cate::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -12px;
    width: 1px;
    height: 12px;
    margin-top: -6px;
    background-color: rgba(0, 0, 0, .5)
}

.detail-body {
    line-height: 1.875
}

.detail-body img {
    max-width: 100%;
    height: auto !important
}

.detail-body h3 {
    font-size: 1.25em;
    color: #000;
    font-weight: 700;
    line-height: 1.6
}

.detail-pager {
    position: relative;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #ccd1d9;
    border-bottom: 1px solid #ccd1d9
}

.detail-pager::before,
.detail-pager::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 1px;
    height: 20px;
    background-color: #ccd1d9;
    margin-top: -10px
}

.detail-pager::before {
    left: 25%
}

.detail-pager::after {
    right: 25%
}

.detail-pager a {
    line-height: 60px;
    display: block;
    transition: color .3s
}

.detail-pager a>span {
    display: inline-block;
    vertical-align: top;
    line-height: 60px
}

.detail-share {
    width: 24px;
    margin-left: auto
}

.dshare-link {
    display: block;
    line-height: 24px;
    border-radius: 4px;
    text-align: center;
    transition: background .3s
}

@media(any-hover: hover) {
    .dshare-link:hover {
        background-color: #1d6ab7
    }

    .detail-pager a:hover {
        color: #000
    }
}

@media(max-width: 1400px) {
    .detail-container {
        width: calc(100% - 336px)
    }
}

@media(max-width: 1024px) {
    .detail-main {
        display: block
    }

    .detail-container {
        width: auto
    }

    .detail-share {
        width: auto;
        margin-top: 20px
    }

    .dshare-link {
        display: inline-block;
        vertical-align: top;
        width: 24px;
        margin-right: 20px
    }
}

.list-case>li:nth-of-type(n+5) {
    margin-top: 36px
}

.case-item {
    position: relative;
    display: block;
    border-radius: 10px;
    overflow: hidden
}

.case-item__img::before {
    padding-top: 153.4391534392%
}

.case-item__img::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    opacity: .4
}

.case-item__ico {
    width: 120px;
    margin-right: auto;
    margin-left: auto;
    transition: all .3s cubic-bezier(0.33, 1, 0.68, 1) .15s
}

.case-item__ico::before {
    padding-top: 100%
}

.case-item__title {
    transition: all .3s cubic-bezier(0.33, 1, 0.68, 1);
    text-align:center;
    line-height:1.5;
    padding: 0 10px;
}

.case-item__intro {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center
}

.case-item__detail {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    transform: translate3d(0, 100%, 0);
    transition: all .3s
}

.case-item__detail>div {
    margin-right: 40px;
    margin-left: 40px
}

.case-item__desc {
    line-height: 1.875;
    overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
word-break: break-all
}

.case-item__desc  p{}

.case-item__more {
    width: 2em;
    height: 2em;
    line-height: 2;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 50%
}

@media(any-hover: hover) {
    .case-item:hover .case-item__ico {
        transform: translate3d(0, -120px, 0);
        visibility: hidden;
        opacity: 0;
        transition-delay: 0s
    }

    .case-item:hover .case-item__intro .case-item__title {
        transform: translate3d(0, -120px, 0);
        transition-delay: .15s;
        visibility: hidden;
        opacity: 0
    }

    .case-item:hover .case-item__detail {
        transform: translate3d(0, 0, 0);
        visibility: visible;
        opacity: 1;
        transition-delay: .15s
    }
}

@media(max-width: 1400px) {
    .case-item__ico {
        width: 100px
    }
}

@media(max-width: 1280px) {
    .list-case>li:nth-of-type(n+5) {
        margin-top: 20px
    }

    .case-item__ico {
        width: 80px
    }
}

@media(max-width: 1024px) {
    .case-item__ico {
        width: 60px
    }
}

@media(max-width: 768px) {
    .list-case>li {
        width: 33.3333%
    }

    .list-case>li:nth-of-type(n+4) {
        margin-top: 20px
    }
}

@media(max-width: 640px) {
    .list-case>li {
        width: 50%
    }

    .list-case>li:nth-of-type(n+3) {
        margin-top: 20px
    }
}

.cased-body {
    padding: 80px 160px;
    line-height: 1.875
}

.cased-body h3 {
    font-size: 1.25em;
    color: #000;
    font-weight: 500
}

@media(max-width: 1440px) {
    .cased-body {
        padding: 80px
    }
}

@media(max-width: 1280px) {
    .cased-body {
        padding: 40px
    }
}

@media(max-width: 1024px) {
    .cased-body {
        padding: 40px 20px
    }
}

.list-casef>li:nth-of-type(n+4) {
    margin-top: 36px
}

.casef-item {
    padding: 60px 50px 40px;
    border-radius: 10px;
    background: #f3f3f3;
    transition: background .3s
}

.casef-item__ico {
    width: 70px;
    border-radius: 50%
}

.casef-item__ico::before {
    padding-top: 100%
}

.casef-item__ico-box {
    padding: 15px;
    border-radius: 50%;
    display: inline-block;
    margin-left: -15px;
    transition: background .3s
}

@media(any-hover: hover) {
    .casef-item:hover {
        background-color: #1d6ab7
    }

    .casef-item:hover .casef-item__ico-box {
        background-color: #fff
    }

    .casef-item:hover .casef-item__title,
    .casef-item:hover .casef-item__desc {
        color: #fff
    }
}

.casef-item__desc {
    line-height: 1.75;
    height: 8.75em
}

@media(max-width: 1400px) {
    .casef-item {
        padding-right: 40px;
        padding-left: 40px;
        padding-top: 50px
    }
}

@media(max-width: 1280px) {
    .casef-item {
        padding: 40px 30px
    }
}

@media(max-width: 1024px) {
    .casef-item {
        padding: 30px 20px
    }

    .list-casef>li {
        width: 100%
    }

    .list-casef>li:nth-of-type(n+2) {
        margin-top: 20px
    }

    .casef-item__desc {
        height: auto
    }

    .casef-item__intro {
        margin-top: 40px
    }

    .casef-item__ico-box {
        margin-left: -10px;
        padding: 10px
    }

    .casef-item__ico {
        width: 60px
    }
}

.know-more {
    display: flex;
    justify-content: space-between;
    border-radius: 10px;
    padding: 60px 80px
}

.kmore-intro {
    max-width: 580px
}

.kmore-ico {
    font-size: 120px
}

@media(max-width: 1280px) {
    .know-more {
        padding-right: 60px;
        padding-left: 60px
    }

    .kmore-ico {
        font-size: 80px
    }
}

@media(max-width: 1024px) {
    .know-more {
        padding-right: 40px;
        padding-left: 40px
    }

    .kmore-ico {
        font-size: 60px
    }
}

@media(max-width: 1000px) {
    .know-more {
        display: block
    }

    .kmore-right {
        margin-top: 30px
    }
}

@media(max-width: 1024px) {
    .know-more {
        padding-right: 20px;
        padding-left: 20px
    }
}

@media(max-width: 768px) {
    .kmore-ico {
        display: none
    }
}

.animimg-box .img-box {
    overflow: hidden;
    border-radius:10px;
}

.animimg-box .img-box img {
    transition: transform .75s
}

.animbg-box {
    overflow: hidden
}

.animbg-box .animbg-box-bg {
    transition: transform .75s
}

.animbg-box-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media(any-hover: hover) {
    .animimg-box:hover .img-box img {
        transform: scale(1.05)
    }

    .animbg-box:hover .animbg-box-bg {
        transform: scale(1.05)
    }
}

.list-news>li:first-of-type {
    width: 66.6666%
}

.list-news>li:nth-of-type(n+2) .news-item__top {
    display: none
}

.list-news>li:nth-of-type(n+3) {
    margin-top: 100px
}

.news-item {
    position: relative;
    display: block;
    border-radius: 10px
}

.news-item__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.news-item__img {

    overflow: hidden
}

.news-item__img::before {
    padding-top: 68.992248062%
}

.news-item__top {
    margin: 20px 0
}


.news-item__ftitle {
    position: absolute;
    right: 80px;
    bottom: 70px;
    left: 80px;
    line-height: 1.35
}

.news-item__desc {
    height: 4.5em
}

.news-item__more {
    line-height: 40px
}

.news-item__more>span {
    display: inline-block;
    vertical-align: top;
    line-height: 40px;
    font-size: 1.75em;
    margin-left: .6em;
    overflow: hidden;
    transition: transform .2s ease-in
}

@media(any-hover: hover) {
    .news-item:hover .news-item__more>span {
        transform: translateX(8px)
    }
}

@media(max-width: 1400px) {
    .news-item__ftitle {
        right: 40px;
        left: 40px;
        bottom: 30px
    }

    .list-news>li:nth-of-type(n+3) {
        margin-top: 80px
    }
}

@media(max-width: 1280px) {
    .list-news>li:nth-of-type(n+3) {
        margin-top: 60px
    }
}

@media(max-width: 1024px) {
    .list-news>li:nth-of-type(n+3) {
        margin-top: 40px
    }

    .news-item__ftitle {
        right: 20px;
        left: 20px;
        bottom: 20px
    }
}

@media(max-width: 750px) {
    .list-inews>li {
        width: 50%
    }

    .list-inews>li:nth-of-type(n+3) {
        margin-top: 40px
    }

    .list-news>li {
        width: 50%
    }

    .list-news>li:first-of-type {
        width: 100%
    }

    .list-news>li:nth-of-type(n+2) {
        margin-top: 40px
    }
}

@media(max-width: 480px) {
    .list-inews>li {
        width: 100%
    }

    .list-inews>li:nth-of-type(n+2) {
        margin-top: 40px
    }

    .list-news>li {
        width: 100%
    }

    .list-news>li:nth-of-type(n+2) {
        margin-top: 40px
    }

    .news-item__title {
        height: auto;
        max-height: 3.4em
    }
}

.list-rnews {
    width: 236px;
    margin-left: auto
}

.list-rnews>li:nth-of-type(n+2) {
    margin-top: 40px
}

.rnews-item__img {
    border-radius: 10px;
    overflow: hidden
}

.rnews-item__img::before {
    padding-top: 68.992248062%
}

.news-item__more>span {
    transition: transform .2s ease-in
}

.detail-share.news {
    position: absolute;
    right: 0;
    bottom: 0
}

.detail-aside {
    position: relative
}

@media(any-hover: hover) {
    .rnews-item:hover .news-item__more>span {
        transform: translateX(8px)
    }
}

@media(max-width: 1024px) {
    .list-rnews {
        display: none
    }

    .detail-share.news {
        position: relative
    }
}

.list-pdownload>li:nth-of-type(n+3) {
    margin-top: 36px
}

.pd-item {
    padding: 40px 50px;
    display: flex;
    justify-content: space-between;
    cursor: pointer
}

.pditem-file {
    font-size: 80px
}

.pditem-ico {
    width: 1.7em;
    line-height: 1.7;
    text-align: center;
    height: 1.7em;
    margin-top: 10px;
    border-radius: 50%;
    transition: background .3s
}

.pditem-intro {
    width: calc(100% - 80px)
}

.pditem-info {
    width: calc(100% - 100px);
    margin-left: 20px
}

@media(any-hover: hover) {
    .pd-item:hover .pditem-ico {
        background-color: #1d6ab7
    }
}

@media(max-width: 1280px) {
    .list-pdownload>li:nth-of-type(n+3) {
        margin-top: 20px
    }

    .pd-item {
        padding: 40px
    }

    .pditem-file {
        font-size: 60px
    }

    .pditem-title {
        margin-top: 5px
    }

    .pditem-date {
        margin-top: 5px
    }
}

@media(max-width: 1024px) {
    .pd-item {
        padding: 20px
    }
}

@media(max-width: 768px) {
    .list-pdownload>li {
        width: 100%
    }

    .list-pdownload>li:nth-of-type(n+2) {
        margin-top: 20px
    }

    .pditem-file {
        font-size: 40px
    }

    .pditem-intro {
        width: calc(100% - 44px)
    }

    .pditem-title {
        margin-top: 0
    }

    .pditem-info {
        width: calc(100% - 60px)
    }

    .pditem-ico {
        font-size: 16px;
        margin-top: 5px
    }
}

.layer-download {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 200;
    display: none
}

.layerd-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .8);
    display: flex;
    align-items: center
}

.layerd-container {
    width: 100%
}

.layerd-wrap {
    margin-right: auto;
    margin-left: auto;
    max-width: 940px;
    border-radius: 10px;
    overflow: hidden
}

.layerd-close {
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer
}

.layerd-header {
    height: 80px;
    padding: 0 60px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.layerd-header h3 {
    width: calc(100% - 40px)
}

.layerd-body {
    padding: 60px
}

.layerd-label {
    display: block
}

.form-item {
    position: relative
}

.form-item label.error {
    position: absolute;
    top: 100%;
    left: 0;
    font-size: 12px;
    line-height: 20px
}

.input-item {
    display: block;
    width: 100%;
    padding: 0 20px;
    margin: 0;
    border: 1.5px solid #ccd1d9;
    border-radius: 30px;
    height: 45px;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box
}

.input-item:focus {
    border-color: #1d6ab7
}

.btn-submit {
    padding: 0 40px;
    border: 2px solid #000;
    border-radius: 30px;
    background-color: rgba(0, 0, 0, 0);
    line-height: 54px
}

.btn-submit>span {
    line-height: 54px;
    font-size: 2em;
    margin-left: .875em;
    overflow: hidden;
    transition: transform .2s ease-in
}

@media(any-hover: hover) {
    .btn-submit:hover {
        background-color: #1d6ab7;
        border-color: #1d6ab7;
        color: #fff
    }

    .btn-submit:hover>span {
        transform: translateX(8px)
    }
}

@media(max-width: 1280px) {
    .layerd-header {
        padding: 0 40px;
        height: 60px
    }

    .layerd-body {
        padding: 40px
    }
}

@media(max-width: 980px) {
    .layerd-wrap {
        margin-right: 20px;
        margin-left: 20px
    }

    .layerd-header {
        padding-right: 20px;
        padding-left: 20px
    }

    .layerd-body {
        padding-right: 20px;
        padding-left: 20px
    }
}

@media(max-width: 640px) {
    .layerd-header h3 {
        font-size: 14px
    }
}

.list-video>li:nth-of-type(n+4) {
    margin-top: 36px
}

.video-item {
    padding: 40px 30px 30px;
    border-radius: 10px
}

.video-item__img {
    border-radius: 10px;
    overflow: hidden
}

.video-item__img::before {
    padding-top: 69.5652173913%
}

.video-item__title {
    line-height: 1.5;
    height: 3em
}

.video-item__ico {
    position: absolute;
    top: 50%;
    left: 50%;
    cursor: pointer;
    font-size: 70px;
    width: 1em;
    line-height: 1;
    height: 1em;
    margin-top: -0.5em;
    margin-left: -0.5em
}

@media(max-width: 1400px) {
    .video-item__ico {
        font-size: 50px
    }
}

@media(max-width: 1280px) {
    .video-item {
        padding: 30px 20px
    }

    .list-video>li:nth-of-type(n+4) {
        margin-top: 20px
    }
}

@media(max-width: 1024px) {
    .video-item__ico {
        font-size: 40px
    }
}

@media(max-width: 768px) {
    .list-video>li {
        width: 50%
    }

    .list-video>li:nth-of-type(n+3) {
        margin-top: 20px
    }
}

@media(max-width: 640px) {
    .list-video>li {
        width: 100%
    }

    .list-video>li:nth-of-type(n+2) {
        margin-top: 20px
    }
}

.list-faq {
    border-bottom: 1px solid #ccd1d9
}

.list-faq>li {
    border-top: 1px solid #ccd1d9
}

.faq-item {
    padding: 0 70px
}

.faq-item.active {
    background-color: #fcfcfc
}

.faq-item.active .faq-header::after {
    visibility: hidden;
    opacity: 0
}

.faq-header {
    position: relative;
    padding: 30px 0;
    cursor: pointer
}

.faq-header::before,
.faq-header::after {
    content: "";
    position: absolute;
    top: 44px;
    width: 16px;
    height: 2px;
    background-color: #1d6ab7;
    left: -40px
}

.faq-header::after {
    transform: rotate(90deg);
    transition: all .3s
}

.faq-title {
    position: relative;
    line-height: 30px
}

.faq-desc {
    position: relative;
    margin-bottom: 50px;
    margin-right: 40px;
    line-height: 1.6;
    padding-left: 24px
}

.faq-desc::before {
    content: "";
    position: absolute;
    top: .3em;
    bottom: .3em;
    left: 0;
    width: 2px;
    background-color: #1d6ab7
}

.faq-body {
    padding-bottom: 1px;
    display: none
}

.faq-contact {
    padding: 60px 0;
    border-radius: 10px
}

.faqc-left {
    margin-right: 180px
}

.faqc-right {
    max-width: 500px
}

@media(max-width: 1280px) {
    .faq-header {
        padding: 20px 0
    }

    .faq-header::before,
    .faq-header::after {
        top: 34px
    }

    .faq-desc {
        margin-right: 0
    }
}

@media(max-width: 768px) {
    .faq-contact {
        padding: 40px 20px
    }

    .faqc-left {
        display: block;
        margin-right: auto
    }

    .faqc-right {
        display: block;
        margin-top: 10px
    }
}

@media(max-width: 640px) {
    .faq-item {
        padding-left: 40px;
        padding-right: 20px
    }

    .faq-header::before,
    .faq-header::after {
        left: -30px
    }
}

.about-block {
    display: flex;
    justify-content: space-between
}

.aboutb-right {
    width: calc(100% - 300px);
    max-width: 1060px
}

.show-more {
    position: relative;
    padding: 0 60px 0 40px;
    line-height: 54px;
    border: 2px solid #000;
    border-radius: 30px
}

.show-more::before,
.show-more::after {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #000;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    right: 36px
}

.show-more::after {
    transform: rotate(90deg)
}

.show-more-box .comm-article {
    position: relative;
    max-height: 280px;
    overflow: hidden
}

.show-more-box .comm-article::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1.25em;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(255, 255, 255))
}

.show-more-box.show .comm-article {
    max-height: inherit
}

.show-more-box.show .comm-article::after {
    display: none
}

.show-more-box.show .show-more::after {
    visibility: hidden;
    opacity: 0
}

@media(max-width: 1280px) {
    .show-more {
        line-height: 44px;
        padding-right: 50px;
        padding-left: 30px
    }

    .show-more::before,
    .show-more::after {
        right: 26px
    }
}

@media(max-width: 1024px) {
    .about-block {
        display: block
    }

    .aboutb-right {
        width: 100%;
        margin-top: 20px
    }
}

.history-item {
    position: relative;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto
}

.history-item__img {
    width: 440px;
    position: relative
}

.history-item__img::before {
    padding-top: 66.8181818182%
}

.history-item__img .slick-dots {
    position: absolute;
    bottom: 10px;
    right: 0;
    left: 0;
    text-align: center
}

.history-item__img .slick-dots>li {
    display: inline-block;
    vertical-align: top;
    margin: 0 6px
}

.history-item__img .slick-dots>li button {
    display: inline-block;
    vertical-align: top;
    width: 12px;
    height: 12px;
    background-color: #fff;
    border-radius: 50%;
    border: 0;
    outline: 0;
    font-size: 0;
    opacity: .3;
    cursor: pointer;
    transition: opacity .3s
}

.history-item__img .slick-dots>li.slick-active button {
    opacity: 1
}

.slick-history-img {
    position: absolute !important;
    top: 0;
    right: 0;
    left: 0
}

.historyimg-item::before {
    padding-top: 66.8181818182%
}

.history-item__intro {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 540px;
    overflow-y: scroll
}

.history-item__intro::-webkit-scrollbar {
    width: 2px
}

.history-item__intro::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, .2)
}

.history-item__intro::-webkit-scrollbar-thumb {
    background: #fff
}

.history-item__intro::-webkit-scrollbar-thumb:hover {
    background: #fff
}

.history-event {
    margin-right: 100px
}

.history-event:nth-of-type(n+2) {
    margin-top: 100px
}

.history-year {
    position: relative
}

.history-year::before {
    position: absolute;
    top: 15px;
    right: 0;
    left: 0;
    content: "";
    display: block;
    height: 1px;
    background-image: linear-gradient(to right, white 5%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 20px 1px;
    background-repeat: repeat-x
}

.hyear-circle {
    width: 28px;
    height: 28px;
    border: 1px solid #fff;
    border-radius: 50%;
    background-color: #1d6ab7;
    transform: scale(0.5);
    opacity: .5;
    transition: all .3s
}

.hyear-item {
    cursor: pointer
}

.hyear-item__title {
    line-height: 1;
    opacity: .5;
    height: 30px;
    transform-origin: top center;
    transition: all .3s
}

.slick-current .hyear-circle {
    transform: scale(1);
    opacity: 1
}

.slick-current .hyear-item__title {
    transform: scale(1.3);
    opacity: 1;
    font-weight: 400;
    color: #fff
}

@media(max-width: 1400px) {
    .history-event {
        margin-right: 80px
    }

    .history-event:nth-of-type(n+2) {
        margin-top: 80px
    }
}

@media(max-width: 1280px) {
    .slick-history .slick-arrow {
        visibility: hidden;
        opacity: 0
    }

    .hyear-circle {
        transform: scale(0.5)
    }

    .slick-current .hyear-circle {
        transform: scale(0.75)
    }

    .history-item {
        max-width: inherit
    }

    .history-item__img {
        width: 36%
    }

    .history-item__intro {
        left: calc(36% + 60px)
    }

    .history-event {
        margin-right: 60px
    }

    .history-event:nth-of-type(n+2) {
        margin-top: 60px
    }
}

@media(max-width: 1024px) {
    .history-event {
        margin-right: 40px
    }
}

@media(max-width: 640px) {
    .history-item__img {
        width: 100%
    }

    .history-item__intro {
        position: relative;
        left: auto;
        margin-top: 30px;
        max-height: 240px
    }

    .history-event {
        margin-right: 10px
    }

    .history-event:nth-of-type(n+2) {
        margin-top: 30px
    }
}

.nicescroll-rails-vr {
    background-color: rgba(255, 255, 255, .2)
}

.list-honor>li:nth-of-type(n+5) {
    margin-top: 36px
}

.honor-item {
    padding: 40px;
    border-radius: 10px
}

.honor-item__title {
    height: 3em
}

.honor-item__img::before {
    padding-top: 143.3333333333%
}

@media(max-width: 1400px) {
    .honor-item {
        padding: 30px
    }
}

@media(max-width: 1280px) {
    .list-honor>li:nth-of-type(n+5) {
        margin-top: 20px
    }

    .honor-item {
        padding: 20px
    }
}

@media(max-width: 768px) {
    .list-honor>li {
        width: 33.3333%
    }

    .list-honor>li:nth-of-type(n+4) {
        margin-top: 20px
    }
}

@media(max-width: 640px) {
    .list-honor>li {
        width: 50%
    }

    .list-honor>li:nth-of-type(n+3) {
        margin-top: 20px
    }

    .honor-item {
        padding-right: 10px;
        padding-left: 10px
    }

    .honor-item__title,
    .honor-item__date {
        font-size: 12px
    }
}

.list-partner>li:nth-of-type(n+4) {
    margin-top: 36px
}

.partner-item {
    padding: 25px 30px;
    display: flex;
    justify-content: space-between;
    border-radius: 10px
}

.partner-logo {
    width: 110px;
    height: 110px;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 50%;
    padding: 10px
}

.partner-logo img {
    top: 10px;
    left: 10px;
    width: calc(100% - 20px)
}

.partner-logo::before {
    padding-top: 100%
}

.partner-intro {
    display: flex;
    align-items: center;
    width: calc(100% - 130px)
}

@media(max-width: 1280px) {
    .partner-item {
        padding: 20px
    }

    .partner-logo {
        width: 90px;
        height: 90px
    }

    .partner-intro {
        width: calc(100% - 110px)
    }
}

@media(max-width: 1024px) {
    .partner-logo {
        width: 60px;
        height: 60px
    }

    .partner-intro {
        width: calc(100% - 80px)
    }
}

@media(max-width: 768px) {
    .list-partner>li {
        width: 50%
    }

    .list-partner>li:nth-of-type(n+3) {
        margin-top: 20px
    }
}

@media(max-width: 480px) {
    .list-partner>li {
        width: 100%
    }

    .list-partner>li:nth-of-type(n+2) {
        margin-top: 20px
    }
}

.slick-eva .comm-dots {
    position: absolute;
    bottom: -130px;
    right: 0;
    left: 0
}

.eva-item {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-right: 120px;
    margin-left: 120px
}

.eva-item::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 1px;
    background-color: #9ca2ab
}

.eva-title {
    line-height: 1.75
}

.eva-author {
    position: relative
}

.eva-author::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    left: 0;
    height: 1px;
    background-color: #000
}

.eva-author>span {
    position: relative;
    z-index: 5;
    padding-left: 1.15em;
    background-color: #fff
}

.eva-left,
.eva-right {
    width: calc(50% - 120px)
}

.eva-desc {
    line-height: 1.7
}

@media(max-width: 1280px) {
    .eva-item {
        margin-right: 0;
        margin-left: 0
    }

    .slick-eva .slick-arrow {
        visibility: hidden;
        opacity: 0
    }

    .slick-eva .comm-dots {
        bottom: -90px
    }

    .eva-left,
    .eva-right {
        width: calc(50% - 60px)
    }
}

@media(max-width: 1024px) {
    .slick-eva .comm-dots {
        bottom: -70px
    }
}

@media(max-width: 768px) {
    .eva-item {
        display: block
    }

    .eva-item::before {
        display: none
    }

    .eva-left,
    .eva-right {
        width: auto
    }

    .eva-right {
        margin-top: 30px
    }
}

.contact-map {
    display: flex;
    justify-content: space-between
}

.cmap-left {
    width: 34%
}

.cmap-right {
    width: 66%
}

.cmap-right::before {
    padding-top: 56.3636363636%
}

.list-contact>li {
    border-bottom: 1px solid #ccd1d9;
    padding-bottom: 10px;
    margin-top: 60px
}

.map-dot {
    position: absolute;
    top: 36.2903225806%;
    left: 80.9090909091%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #1d6ab7
}

.map-dot::before,
.map-dot::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    background-color: #1d6ab7
}

.map-dot::before {
    opacity: .1;
    animation: scaleMap 2s infinite cubic-bezier(0.33, 1, 0.68, 1)
}

.map-dot::after {
    z-index: 3;
    opacity: .2;
    animation: scaleMapSmall 2s infinite cubic-bezier(0.33, 1, 0.68, 1) 1s
}

@keyframes scaleMap {
    from {
        transform: scale(1)
    }

    to {
        transform: scale(7.25)
    }
}

@keyframes scaleMapSmall {
    from {
        transform: scale(1)
    }

    to {
        transform: scale(4)
    }
}

@media(max-width: 1280px) {
    .list-contact>li {
        margin-top: 40px
    }
}

@media(max-width: 1024px) {
    .list-contact>li {
        margin-top: 30px
    }
}

@media(max-width: 768px) {
    .contact-map {
        display: block
    }

    .cmap-left,
    .cmap-right {
        width: auto
    }

    .cmap-right {
        margin-top: 30px;
        width: 90%;
        margin-left: 5%
    }

    .contact-item h3 {
        margin-top: 10px
    }
}

.contact-form {
    background-color: #fff;
    border-radius: 10px;
    padding: 60px
}

.cform-box {
    margin-right: -18px;
    margin-left: -18px
}

.cform-item__wrap {
    position: relative;
    margin-right: 18px;
    margin-left: 18px
}

.cform-item__wrap label.error {
    position: absolute;
    top: 100%;
    left: 0;
    font-size: 12px;
    line-height: 20px;
    color: #90959c
}

.cform-input {
    display: block;
    width: 100%;
    height: 70px;
    border: 0;
    padding: 0 20px;
    box-sizing: border-box;
    outline: 0
}

.cform-textarea {
    box-sizing: border-box;
    padding: 20px;
    margin: 0;
    outline: 0;
    line-height: 1.5;
    width: 100%;
    border: 0;
    resize: none
}

.job-desc {
    line-height: 2
}

.job-body {
    position: relative;
    padding-left: 24px;
    margin-bottom: 60px
}

.job-body::before {
    content: "";
    font-size: 16px;
    position: absolute;
    top: .5em;
    bottom: 0;
    left: 0;
    width: 2px;
    background-color: #1d6ab7
}

.job-title {
    line-height: 30px;
    width: 30%
}

.job-year {
    width: 30%
}

.job-city,
.job-date {
    width: 20%
}

.job-year,
.job-city,
.job-date {
    line-height: 30px;
    transition: all .3s
}

.job-date {
    position: relative;
    right: -70px
}

.job-desc h4 {
    font-weight: 500;
    color: #000
}

.job-header {
    padding-right: 0
}

.faq-item.active .job-year,
.faq-item.active .job-city,
.faq-item.active .job-date {
    visibility: hidden;
    opacity: 0
}

@media(max-width: 1280px) {
    .cform-box {
        margin-right: -10px;
        margin-left: -10px
    }

    .contact-form {
        padding: 40px
    }

    .cform-item__wrap {
        margin-right: 10px;
        margin-left: 10px
    }

    .cform-input {
        height: 60px
    }

    .btn-submit {
        padding: 0 30px;
        line-height: 44px
    }

    .btn-submit>span {
        line-height: 44px
    }
}

@media(max-width: 1024px) {
    .contact-form {
        padding: 40px 20px
    }

    .btn-submit {
        border-width: 1px;
        padding: 0 20px
    }

    .job-year,
    .job-city {
        display: none
    }

    .job-title {
        width: 80%
    }
}

@media(max-width: 768px) {
    .cform-item.col-33 {
        width: 100%
    }

    .cform-item.col-33:nth-of-type(n+2) {
        margin-top: 20px
    }
}

@media(max-width: 640px) {
    .contact-form>h2 {
        font-size: 18px
    }

    .job-date {
        display: none
    }

    .job-title {
        width: 100%
    }

    .job-links a {
        margin-bottom: 10px
    }
}

.page-404 {
    background-color: #cce4ef
}

.error-404 {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    text-align: center;
    transform: translateY(-50%)
}

.error-404 h1 {
    font-size: 80px;
    line-height: 1;
    font-weight: 700;
    color: #333
}

.error-404 p {
    margin-top: 1em;
    font-size: 20px;
    line-height: 2;
    color: #666
}

.back-home {
    margin-top: 1em;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: 2;
    padding: 0 1em;
    background-color: #333;
    color: #fff;
    text-decoration: none
}

.result-item {
    display: block
}

.list-result {
    border-top: 2px solid #000
}

.list-result>li {
    padding: 30px 0;
    border-bottom: 1px solid #ccd1d9
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid rgba(0, 0, 0, 0)
}

.slick-arrow.slick-hidden {
    display: none
}

body[data-aos-duration="50"] [data-aos],
[data-aos][data-aos][data-aos-duration="50"] {
    transition-duration: 50ms
}

body[data-aos-delay="50"] [data-aos],
[data-aos][data-aos][data-aos-delay="50"] {
    transition-delay: 0
}

body[data-aos-delay="50"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="50"].aos-animate {
    transition-delay: 50ms
}

body[data-aos-duration="100"] [data-aos],
[data-aos][data-aos][data-aos-duration="100"] {
    transition-duration: 100ms
}

body[data-aos-delay="100"] [data-aos],
[data-aos][data-aos][data-aos-delay="100"] {
    transition-delay: 0
}

body[data-aos-delay="100"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="100"].aos-animate {
    transition-delay: 100ms
}

body[data-aos-duration="150"] [data-aos],
[data-aos][data-aos][data-aos-duration="150"] {
    transition-duration: 150ms
}

body[data-aos-delay="150"] [data-aos],
[data-aos][data-aos][data-aos-delay="150"] {
    transition-delay: 0
}

body[data-aos-delay="150"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="150"].aos-animate {
    transition-delay: 150ms
}

body[data-aos-duration="200"] [data-aos],
[data-aos][data-aos][data-aos-duration="200"] {
    transition-duration: 200ms
}

body[data-aos-delay="200"] [data-aos],
[data-aos][data-aos][data-aos-delay="200"] {
    transition-delay: 0
}

body[data-aos-delay="200"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="200"].aos-animate {
    transition-delay: 200ms
}

body[data-aos-duration="250"] [data-aos],
[data-aos][data-aos][data-aos-duration="250"] {
    transition-duration: 250ms
}

body[data-aos-delay="250"] [data-aos],
[data-aos][data-aos][data-aos-delay="250"] {
    transition-delay: 0
}

body[data-aos-delay="250"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="250"].aos-animate {
    transition-delay: 250ms
}

body[data-aos-duration="300"] [data-aos],
[data-aos][data-aos][data-aos-duration="300"] {
    transition-duration: 300ms
}

body[data-aos-delay="300"] [data-aos],
[data-aos][data-aos][data-aos-delay="300"] {
    transition-delay: 0
}

body[data-aos-delay="300"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="300"].aos-animate {
    transition-delay: 300ms
}

body[data-aos-duration="350"] [data-aos],
[data-aos][data-aos][data-aos-duration="350"] {
    transition-duration: 350ms
}

body[data-aos-delay="350"] [data-aos],
[data-aos][data-aos][data-aos-delay="350"] {
    transition-delay: 0
}

body[data-aos-delay="350"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="350"].aos-animate {
    transition-delay: 350ms
}

body[data-aos-duration="400"] [data-aos],
[data-aos][data-aos][data-aos-duration="400"] {
    transition-duration: 400ms
}

body[data-aos-delay="400"] [data-aos],
[data-aos][data-aos][data-aos-delay="400"] {
    transition-delay: 0
}

body[data-aos-delay="400"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="400"].aos-animate {
    transition-delay: 400ms
}

body[data-aos-duration="450"] [data-aos],
[data-aos][data-aos][data-aos-duration="450"] {
    transition-duration: 450ms
}

body[data-aos-delay="450"] [data-aos],
[data-aos][data-aos][data-aos-delay="450"] {
    transition-delay: 0
}

body[data-aos-delay="450"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="450"].aos-animate {
    transition-delay: 450ms
}

body[data-aos-duration="500"] [data-aos],
[data-aos][data-aos][data-aos-duration="500"] {
    transition-duration: 500ms
}

body[data-aos-delay="500"] [data-aos],
[data-aos][data-aos][data-aos-delay="500"] {
    transition-delay: 0
}

body[data-aos-delay="500"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="500"].aos-animate {
    transition-delay: 500ms
}

body[data-aos-duration="550"] [data-aos],
[data-aos][data-aos][data-aos-duration="550"] {
    transition-duration: 550ms
}

body[data-aos-delay="550"] [data-aos],
[data-aos][data-aos][data-aos-delay="550"] {
    transition-delay: 0
}

body[data-aos-delay="550"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="550"].aos-animate {
    transition-delay: 550ms
}

body[data-aos-duration="600"] [data-aos],
[data-aos][data-aos][data-aos-duration="600"] {
    transition-duration: 600ms
}

body[data-aos-delay="600"] [data-aos],
[data-aos][data-aos][data-aos-delay="600"] {
    transition-delay: 0
}

body[data-aos-delay="600"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="600"].aos-animate {
    transition-delay: 600ms
}

body[data-aos-duration="650"] [data-aos],
[data-aos][data-aos][data-aos-duration="650"] {
    transition-duration: 650ms
}

body[data-aos-delay="650"] [data-aos],
[data-aos][data-aos][data-aos-delay="650"] {
    transition-delay: 0
}

body[data-aos-delay="650"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="650"].aos-animate {
    transition-delay: 650ms
}

body[data-aos-duration="700"] [data-aos],
[data-aos][data-aos][data-aos-duration="700"] {
    transition-duration: 700ms
}

body[data-aos-delay="700"] [data-aos],
[data-aos][data-aos][data-aos-delay="700"] {
    transition-delay: 0
}

body[data-aos-delay="700"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="700"].aos-animate {
    transition-delay: 700ms
}

body[data-aos-duration="750"] [data-aos],
[data-aos][data-aos][data-aos-duration="750"] {
    transition-duration: 750ms
}

body[data-aos-delay="750"] [data-aos],
[data-aos][data-aos][data-aos-delay="750"] {
    transition-delay: 0
}

body[data-aos-delay="750"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="750"].aos-animate {
    transition-delay: 750ms
}

body[data-aos-duration="800"] [data-aos],
[data-aos][data-aos][data-aos-duration="800"] {
    transition-duration: 800ms
}

body[data-aos-delay="800"] [data-aos],
[data-aos][data-aos][data-aos-delay="800"] {
    transition-delay: 0
}

body[data-aos-delay="800"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="800"].aos-animate {
    transition-delay: 800ms
}

body[data-aos-duration="850"] [data-aos],
[data-aos][data-aos][data-aos-duration="850"] {
    transition-duration: 850ms
}

body[data-aos-delay="850"] [data-aos],
[data-aos][data-aos][data-aos-delay="850"] {
    transition-delay: 0
}

body[data-aos-delay="850"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="850"].aos-animate {
    transition-delay: 850ms
}

body[data-aos-duration="900"] [data-aos],
[data-aos][data-aos][data-aos-duration="900"] {
    transition-duration: 900ms
}

body[data-aos-delay="900"] [data-aos],
[data-aos][data-aos][data-aos-delay="900"] {
    transition-delay: 0
}

body[data-aos-delay="900"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="900"].aos-animate {
    transition-delay: 900ms
}

body[data-aos-duration="950"] [data-aos],
[data-aos][data-aos][data-aos-duration="950"] {
    transition-duration: 950ms
}

body[data-aos-delay="950"] [data-aos],
[data-aos][data-aos][data-aos-delay="950"] {
    transition-delay: 0
}

body[data-aos-delay="950"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="950"].aos-animate {
    transition-delay: 950ms
}

body[data-aos-duration="1000"] [data-aos],
[data-aos][data-aos][data-aos-duration="1000"] {
    transition-duration: 1000ms
}

body[data-aos-delay="1000"] [data-aos],
[data-aos][data-aos][data-aos-delay="1000"] {
    transition-delay: 0
}

body[data-aos-delay="1000"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1000"].aos-animate {
    transition-delay: 1000ms
}

body[data-aos-duration="1050"] [data-aos],
[data-aos][data-aos][data-aos-duration="1050"] {
    transition-duration: 1050ms
}

body[data-aos-delay="1050"] [data-aos],
[data-aos][data-aos][data-aos-delay="1050"] {
    transition-delay: 0
}

body[data-aos-delay="1050"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1050"].aos-animate {
    transition-delay: 1050ms
}

body[data-aos-duration="1100"] [data-aos],
[data-aos][data-aos][data-aos-duration="1100"] {
    transition-duration: 1100ms
}

body[data-aos-delay="1100"] [data-aos],
[data-aos][data-aos][data-aos-delay="1100"] {
    transition-delay: 0
}

body[data-aos-delay="1100"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1100"].aos-animate {
    transition-delay: 1100ms
}

body[data-aos-duration="1150"] [data-aos],
[data-aos][data-aos][data-aos-duration="1150"] {
    transition-duration: 1150ms
}

body[data-aos-delay="1150"] [data-aos],
[data-aos][data-aos][data-aos-delay="1150"] {
    transition-delay: 0
}

body[data-aos-delay="1150"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1150"].aos-animate {
    transition-delay: 1150ms
}

body[data-aos-duration="1200"] [data-aos],
[data-aos][data-aos][data-aos-duration="1200"] {
    transition-duration: 1200ms
}

body[data-aos-delay="1200"] [data-aos],
[data-aos][data-aos][data-aos-delay="1200"] {
    transition-delay: 0
}

body[data-aos-delay="1200"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1200"].aos-animate {
    transition-delay: 1200ms
}

body[data-aos-duration="1250"] [data-aos],
[data-aos][data-aos][data-aos-duration="1250"] {
    transition-duration: 1250ms
}

body[data-aos-delay="1250"] [data-aos],
[data-aos][data-aos][data-aos-delay="1250"] {
    transition-delay: 0
}

body[data-aos-delay="1250"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1250"].aos-animate {
    transition-delay: 1250ms
}

body[data-aos-duration="1300"] [data-aos],
[data-aos][data-aos][data-aos-duration="1300"] {
    transition-duration: 1300ms
}

body[data-aos-delay="1300"] [data-aos],
[data-aos][data-aos][data-aos-delay="1300"] {
    transition-delay: 0
}

body[data-aos-delay="1300"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1300"].aos-animate {
    transition-delay: 1300ms
}

body[data-aos-duration="1350"] [data-aos],
[data-aos][data-aos][data-aos-duration="1350"] {
    transition-duration: 1350ms
}

body[data-aos-delay="1350"] [data-aos],
[data-aos][data-aos][data-aos-delay="1350"] {
    transition-delay: 0
}

body[data-aos-delay="1350"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1350"].aos-animate {
    transition-delay: 1350ms
}

body[data-aos-duration="1400"] [data-aos],
[data-aos][data-aos][data-aos-duration="1400"] {
    transition-duration: 1400ms
}

body[data-aos-delay="1400"] [data-aos],
[data-aos][data-aos][data-aos-delay="1400"] {
    transition-delay: 0
}

body[data-aos-delay="1400"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1400"].aos-animate {
    transition-delay: 1400ms
}

body[data-aos-duration="1450"] [data-aos],
[data-aos][data-aos][data-aos-duration="1450"] {
    transition-duration: 1450ms
}

body[data-aos-delay="1450"] [data-aos],
[data-aos][data-aos][data-aos-delay="1450"] {
    transition-delay: 0
}

body[data-aos-delay="1450"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1450"].aos-animate {
    transition-delay: 1450ms
}

body[data-aos-duration="1500"] [data-aos],
[data-aos][data-aos][data-aos-duration="1500"] {
    transition-duration: 1500ms
}

body[data-aos-delay="1500"] [data-aos],
[data-aos][data-aos][data-aos-delay="1500"] {
    transition-delay: 0
}

body[data-aos-delay="1500"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1500"].aos-animate {
    transition-delay: 1500ms
}

body[data-aos-duration="1550"] [data-aos],
[data-aos][data-aos][data-aos-duration="1550"] {
    transition-duration: 1550ms
}

body[data-aos-delay="1550"] [data-aos],
[data-aos][data-aos][data-aos-delay="1550"] {
    transition-delay: 0
}

body[data-aos-delay="1550"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1550"].aos-animate {
    transition-delay: 1550ms
}

body[data-aos-duration="1600"] [data-aos],
[data-aos][data-aos][data-aos-duration="1600"] {
    transition-duration: 1600ms
}

body[data-aos-delay="1600"] [data-aos],
[data-aos][data-aos][data-aos-delay="1600"] {
    transition-delay: 0
}

body[data-aos-delay="1600"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1600"].aos-animate {
    transition-delay: 1600ms
}

body[data-aos-duration="1650"] [data-aos],
[data-aos][data-aos][data-aos-duration="1650"] {
    transition-duration: 1650ms
}

body[data-aos-delay="1650"] [data-aos],
[data-aos][data-aos][data-aos-delay="1650"] {
    transition-delay: 0
}

body[data-aos-delay="1650"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1650"].aos-animate {
    transition-delay: 1650ms
}

body[data-aos-duration="1700"] [data-aos],
[data-aos][data-aos][data-aos-duration="1700"] {
    transition-duration: 1700ms
}

body[data-aos-delay="1700"] [data-aos],
[data-aos][data-aos][data-aos-delay="1700"] {
    transition-delay: 0
}

body[data-aos-delay="1700"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1700"].aos-animate {
    transition-delay: 1700ms
}

body[data-aos-duration="1750"] [data-aos],
[data-aos][data-aos][data-aos-duration="1750"] {
    transition-duration: 1750ms
}

body[data-aos-delay="1750"] [data-aos],
[data-aos][data-aos][data-aos-delay="1750"] {
    transition-delay: 0
}

body[data-aos-delay="1750"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1750"].aos-animate {
    transition-delay: 1750ms
}

body[data-aos-duration="1800"] [data-aos],
[data-aos][data-aos][data-aos-duration="1800"] {
    transition-duration: 1800ms
}

body[data-aos-delay="1800"] [data-aos],
[data-aos][data-aos][data-aos-delay="1800"] {
    transition-delay: 0
}

body[data-aos-delay="1800"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1800"].aos-animate {
    transition-delay: 1800ms
}

body[data-aos-duration="1850"] [data-aos],
[data-aos][data-aos][data-aos-duration="1850"] {
    transition-duration: 1850ms
}

body[data-aos-delay="1850"] [data-aos],
[data-aos][data-aos][data-aos-delay="1850"] {
    transition-delay: 0
}

body[data-aos-delay="1850"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1850"].aos-animate {
    transition-delay: 1850ms
}

body[data-aos-duration="1900"] [data-aos],
[data-aos][data-aos][data-aos-duration="1900"] {
    transition-duration: 1900ms
}

body[data-aos-delay="1900"] [data-aos],
[data-aos][data-aos][data-aos-delay="1900"] {
    transition-delay: 0
}

body[data-aos-delay="1900"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1900"].aos-animate {
    transition-delay: 1900ms
}

body[data-aos-duration="1950"] [data-aos],
[data-aos][data-aos][data-aos-duration="1950"] {
    transition-duration: 1950ms
}

body[data-aos-delay="1950"] [data-aos],
[data-aos][data-aos][data-aos-delay="1950"] {
    transition-delay: 0
}

body[data-aos-delay="1950"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1950"].aos-animate {
    transition-delay: 1950ms
}

body[data-aos-duration="2000"] [data-aos],
[data-aos][data-aos][data-aos-duration="2000"] {
    transition-duration: 2000ms
}

body[data-aos-delay="2000"] [data-aos],
[data-aos][data-aos][data-aos-delay="2000"] {
    transition-delay: 0
}

body[data-aos-delay="2000"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2000"].aos-animate {
    transition-delay: 2000ms
}

body[data-aos-duration="2050"] [data-aos],
[data-aos][data-aos][data-aos-duration="2050"] {
    transition-duration: 2050ms
}

body[data-aos-delay="2050"] [data-aos],
[data-aos][data-aos][data-aos-delay="2050"] {
    transition-delay: 0
}

body[data-aos-delay="2050"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2050"].aos-animate {
    transition-delay: 2050ms
}

body[data-aos-duration="2100"] [data-aos],
[data-aos][data-aos][data-aos-duration="2100"] {
    transition-duration: 2100ms
}

body[data-aos-delay="2100"] [data-aos],
[data-aos][data-aos][data-aos-delay="2100"] {
    transition-delay: 0
}

body[data-aos-delay="2100"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2100"].aos-animate {
    transition-delay: 2100ms
}

body[data-aos-duration="2150"] [data-aos],
[data-aos][data-aos][data-aos-duration="2150"] {
    transition-duration: 2150ms
}

body[data-aos-delay="2150"] [data-aos],
[data-aos][data-aos][data-aos-delay="2150"] {
    transition-delay: 0
}

body[data-aos-delay="2150"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2150"].aos-animate {
    transition-delay: 2150ms
}

body[data-aos-duration="2200"] [data-aos],
[data-aos][data-aos][data-aos-duration="2200"] {
    transition-duration: 2200ms
}

body[data-aos-delay="2200"] [data-aos],
[data-aos][data-aos][data-aos-delay="2200"] {
    transition-delay: 0
}

body[data-aos-delay="2200"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2200"].aos-animate {
    transition-delay: 2200ms
}

body[data-aos-duration="2250"] [data-aos],
[data-aos][data-aos][data-aos-duration="2250"] {
    transition-duration: 2250ms
}

body[data-aos-delay="2250"] [data-aos],
[data-aos][data-aos][data-aos-delay="2250"] {
    transition-delay: 0
}

body[data-aos-delay="2250"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2250"].aos-animate {
    transition-delay: 2250ms
}

body[data-aos-duration="2300"] [data-aos],
[data-aos][data-aos][data-aos-duration="2300"] {
    transition-duration: 2300ms
}

body[data-aos-delay="2300"] [data-aos],
[data-aos][data-aos][data-aos-delay="2300"] {
    transition-delay: 0
}

body[data-aos-delay="2300"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2300"].aos-animate {
    transition-delay: 2300ms
}

body[data-aos-duration="2350"] [data-aos],
[data-aos][data-aos][data-aos-duration="2350"] {
    transition-duration: 2350ms
}

body[data-aos-delay="2350"] [data-aos],
[data-aos][data-aos][data-aos-delay="2350"] {
    transition-delay: 0
}

body[data-aos-delay="2350"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2350"].aos-animate {
    transition-delay: 2350ms
}

body[data-aos-duration="2400"] [data-aos],
[data-aos][data-aos][data-aos-duration="2400"] {
    transition-duration: 2400ms
}

body[data-aos-delay="2400"] [data-aos],
[data-aos][data-aos][data-aos-delay="2400"] {
    transition-delay: 0
}

body[data-aos-delay="2400"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2400"].aos-animate {
    transition-delay: 2400ms
}

body[data-aos-duration="2450"] [data-aos],
[data-aos][data-aos][data-aos-duration="2450"] {
    transition-duration: 2450ms
}

body[data-aos-delay="2450"] [data-aos],
[data-aos][data-aos][data-aos-delay="2450"] {
    transition-delay: 0
}

body[data-aos-delay="2450"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2450"].aos-animate {
    transition-delay: 2450ms
}

body[data-aos-duration="2500"] [data-aos],
[data-aos][data-aos][data-aos-duration="2500"] {
    transition-duration: 2500ms
}

body[data-aos-delay="2500"] [data-aos],
[data-aos][data-aos][data-aos-delay="2500"] {
    transition-delay: 0
}

body[data-aos-delay="2500"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2500"].aos-animate {
    transition-delay: 2500ms
}

body[data-aos-duration="2550"] [data-aos],
[data-aos][data-aos][data-aos-duration="2550"] {
    transition-duration: 2550ms
}

body[data-aos-delay="2550"] [data-aos],
[data-aos][data-aos][data-aos-delay="2550"] {
    transition-delay: 0
}

body[data-aos-delay="2550"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2550"].aos-animate {
    transition-delay: 2550ms
}

body[data-aos-duration="2600"] [data-aos],
[data-aos][data-aos][data-aos-duration="2600"] {
    transition-duration: 2600ms
}

body[data-aos-delay="2600"] [data-aos],
[data-aos][data-aos][data-aos-delay="2600"] {
    transition-delay: 0
}

body[data-aos-delay="2600"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2600"].aos-animate {
    transition-delay: 2600ms
}

body[data-aos-duration="2650"] [data-aos],
[data-aos][data-aos][data-aos-duration="2650"] {
    transition-duration: 2650ms
}

body[data-aos-delay="2650"] [data-aos],
[data-aos][data-aos][data-aos-delay="2650"] {
    transition-delay: 0
}

body[data-aos-delay="2650"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2650"].aos-animate {
    transition-delay: 2650ms
}

body[data-aos-duration="2700"] [data-aos],
[data-aos][data-aos][data-aos-duration="2700"] {
    transition-duration: 2700ms
}

body[data-aos-delay="2700"] [data-aos],
[data-aos][data-aos][data-aos-delay="2700"] {
    transition-delay: 0
}

body[data-aos-delay="2700"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2700"].aos-animate {
    transition-delay: 2700ms
}

body[data-aos-duration="2750"] [data-aos],
[data-aos][data-aos][data-aos-duration="2750"] {
    transition-duration: 2750ms
}

body[data-aos-delay="2750"] [data-aos],
[data-aos][data-aos][data-aos-delay="2750"] {
    transition-delay: 0
}

body[data-aos-delay="2750"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2750"].aos-animate {
    transition-delay: 2750ms
}

body[data-aos-duration="2800"] [data-aos],
[data-aos][data-aos][data-aos-duration="2800"] {
    transition-duration: 2800ms
}

body[data-aos-delay="2800"] [data-aos],
[data-aos][data-aos][data-aos-delay="2800"] {
    transition-delay: 0
}

body[data-aos-delay="2800"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2800"].aos-animate {
    transition-delay: 2800ms
}

body[data-aos-duration="2850"] [data-aos],
[data-aos][data-aos][data-aos-duration="2850"] {
    transition-duration: 2850ms
}

body[data-aos-delay="2850"] [data-aos],
[data-aos][data-aos][data-aos-delay="2850"] {
    transition-delay: 0
}

body[data-aos-delay="2850"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2850"].aos-animate {
    transition-delay: 2850ms
}

body[data-aos-duration="2900"] [data-aos],
[data-aos][data-aos][data-aos-duration="2900"] {
    transition-duration: 2900ms
}

body[data-aos-delay="2900"] [data-aos],
[data-aos][data-aos][data-aos-delay="2900"] {
    transition-delay: 0
}

body[data-aos-delay="2900"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2900"].aos-animate {
    transition-delay: 2900ms
}

body[data-aos-duration="2950"] [data-aos],
[data-aos][data-aos][data-aos-duration="2950"] {
    transition-duration: 2950ms
}

body[data-aos-delay="2950"] [data-aos],
[data-aos][data-aos][data-aos-delay="2950"] {
    transition-delay: 0
}

body[data-aos-delay="2950"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2950"].aos-animate {
    transition-delay: 2950ms
}

body[data-aos-duration="3000"] [data-aos],
[data-aos][data-aos][data-aos-duration="3000"] {
    transition-duration: 3000ms
}

body[data-aos-delay="3000"] [data-aos],
[data-aos][data-aos][data-aos-delay="3000"] {
    transition-delay: 0
}

body[data-aos-delay="3000"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="3000"].aos-animate {
    transition-delay: 3000ms
}

body[data-aos-easing=linear] [data-aos],
[data-aos][data-aos][data-aos-easing=linear] {
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75)
}

body[data-aos-easing=ease] [data-aos],
[data-aos][data-aos][data-aos-easing=ease] {
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1)
}

body[data-aos-easing=ease-in] [data-aos],
[data-aos][data-aos][data-aos-easing=ease-in] {
    transition-timing-function: cubic-bezier(0.42, 0, 1, 1)
}

body[data-aos-easing=ease-out] [data-aos],
[data-aos][data-aos][data-aos-easing=ease-out] {
    transition-timing-function: cubic-bezier(0, 0, 0.58, 1)
}

body[data-aos-easing=ease-in-out] [data-aos],
[data-aos][data-aos][data-aos-easing=ease-in-out] {
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1)
}

body[data-aos-easing=ease-in-back] [data-aos],
[data-aos][data-aos][data-aos-easing=ease-in-back] {
    transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045)
}

body[data-aos-easing=ease-out-back] [data-aos],
[data-aos][data-aos][data-aos-easing=ease-out-back] {
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

body[data-aos-easing=ease-in-out-back] [data-aos],
[data-aos][data-aos][data-aos-easing=ease-in-out-back] {
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55)
}

body[data-aos-easing=ease-in-sine] [data-aos],
[data-aos][data-aos][data-aos-easing=ease-in-sine] {
    transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715)
}

body[data-aos-easing=ease-out-sine] [data-aos],
[data-aos][data-aos][data-aos-easing=ease-out-sine] {
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1)
}

body[data-aos-easing=ease-in-out-sine] [data-aos],
[data-aos][data-aos][data-aos-easing=ease-in-out-sine] {
    transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95)
}

body[data-aos-easing=ease-in-quad] [data-aos],
[data-aos][data-aos][data-aos-easing=ease-in-quad] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
}

body[data-aos-easing=ease-out-quad] [data-aos],
[data-aos][data-aos][data-aos-easing=ease-out-quad] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

body[data-aos-easing=ease-in-out-quad] [data-aos],
[data-aos][data-aos][data-aos-easing=ease-in-out-quad] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

body[data-aos-easing=ease-in-cubic] [data-aos],
[data-aos][data-aos][data-aos-easing=ease-in-cubic] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
}

body[data-aos-easing=ease-out-cubic] [data-aos],
[data-aos][data-aos][data-aos-easing=ease-out-cubic] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

body[data-aos-easing=ease-in-out-cubic] [data-aos],
[data-aos][data-aos][data-aos-easing=ease-in-out-cubic] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

body[data-aos-easing=ease-in-quart] [data-aos],
[data-aos][data-aos][data-aos-easing=ease-in-quart] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
}

body[data-aos-easing=ease-out-quart] [data-aos],
[data-aos][data-aos][data-aos-easing=ease-out-quart] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

body[data-aos-easing=ease-in-out-quart] [data-aos],
[data-aos][data-aos][data-aos-easing=ease-in-out-quart] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

[data-aos=fade-up] {
    transform: translate3d(0, 40px, 0)
}

[data-aos=fade-down] {
    transform: translate3d(0, -40px, 0)
}

[data-aos=fade-right] {
    transform: translate3d(-40px, 0, 0)
}

[data-aos=fade-left] {
    transform: translate3d(40px, 0, 0)
}

[data-aos=fade-up-right] {
    transform: translate3d(-40px, 40px, 0)
}

[data-aos=fade-up-left] {
    transform: translate3d(40px, 40px, 0)
}

[data-aos=fade-down-right] {
    transform: translate3d(-40px, -40px, 0)
}

[data-aos=fade-down-left] {
    transform: translate3d(40px, -40px, 0)
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1)
}

[data-aos=zoom-in] {
    transform: scale(0.6)
}

[data-aos=zoom-in-up] {
    transform: translate3d(0, 40px, 0) scale(0.6)
}

[data-aos=zoom-in-down] {
    transform: translate3d(0, -40px, 0) scale(0.6)
}

[data-aos=zoom-in-right] {
    transform: translate3d(-40px, 0, 0) scale(0.6)
}

[data-aos=zoom-in-left] {
    transform: translate3d(40px, 0, 0) scale(0.6)
}

[data-aos=zoom-out] {
    transform: scale(1.2)
}

[data-aos=zoom-out-up] {
    transform: translate3d(0, 40px, 0) scale(1.2)
}

[data-aos=zoom-out-down] {
    transform: translate3d(0, -40px, 0) scale(1.2)
}

[data-aos=zoom-out-right] {
    transform: translate3d(-40px, 0, 0) scale(1.2)
}

[data-aos=zoom-out-left] {
    transform: translate3d(40px, 0, 0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
    transform: translate3d(0, 0, 0)
}

[data-aos=slide-up] {
    transform: translate3d(0, 100%, 0)
}

[data-aos=slide-down] {
    transform: translate3d(0, -100%, 0)
}

[data-aos=slide-right] {
    transform: translate3d(-100%, 0, 0)
}

[data-aos=slide-left] {
    transform: translate3d(100%, 0, 0)
}

[data-aos^=flip][data-aos^=flip] {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: transform
}

[data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

/*# sourceMappingURL=app.css.map */




.xr_banner {
    width:100%;
    position: relative;
}

@media (min-width: 768px) {

.xr_banner {
    /* height: 830px; */
}
   #space {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;}

    .item1 {
        width:100%;
        /* height:830px; */
        background: url(../images/banner_b.jpg) no-repeat top center;
        -webkit-background-size: cover;
        background-size: cover;
    }
    .item1 .index_top{
        width:70%;
        margin-left: 180px;
    }
    .item1 .index_top p{
        color: rgba(250,250,250,.3);
        font-size: 12px;
        letter-spacing:3px;
        margin-left: 75px;
    }
    .item1 .index_bottom{
        margin-top: 30px;
        text-align: center;
        color: rgba(250,250,250,.9);
        font-size: 20px;
    }
    .item1 .one2 {
        width: 100%;
        /*height:400px;*/
        position: absolute;
        left: 0;
        z-index:10;
        bottom: 0;
        -webkit-transform: translate(0,100px);
        -moz-transform: translate(0,100px);
        -ms-transform: translate(0,100px);
        -o-transform: translate(0,100px);
        transform: translate(0,100px);
        -webkit-animation: banner4_one2 3s linear infinite alternate;
        -o-animation: banner4_one2 3s linear infinite alternate;
        animation: banner4_one2 3s linear infinite alternate;
    }
    .xr_banner {
        /* height:830px; */
    }
    .xr_banner .item2 a {
    position: absolute;
    left:0;
    top:200px;
    z-index:1;
}
    .item3 {
        width:100%;
        height:830px;
        overflow: hidden;
        padding-top: 200px;
        background:url("../images/banner_b.jpg") no-repeat top center;
        -webkit-background-size: cover;
        background-size: cover;

    }
    .item3 .title {
        transition: all 0.2s ease-out;
        text-align: center;
    }
    .item3 .title p:first-child{
        color: #fff;
        font-size:56px;
        font-weight: 700;
        letter-spacing: 10px;
        border-bottom: 1px solid rgba(250,250,250,.4);
        width:500px;
        height:93px;
        margin-left: 350px;
    }
    .item3 .title p:last-child{
        color: #fff;
        font-size:30px;
        font-weight: 100;
        letter-spacing: 10px;
        margin-top: 20px;
    }
   .item3 .icons {
       transition: all 0.3s ease-out;
       margin-top: 90px;
       margin-left: 275px;
   }
    .item3 .icons div {
        float: left;
        margin-right: 20px;
        /*position: relative;*/
    }
    .item3 .icons div .rotate1 {
        /*position: absolute;*/
        /*left:20px;*/
        /*top:20px;*/
        -webkit-transition: -webkit-transform 0.4s ease-out;
        transition: transform 0.4s ease-out;
        -moz-transition: -moz-transform 0.4s ease-out;
    }
    .item3 .icons .rotate1:hover {
        -webkit-transform: rotateZ(360deg);
        -moz-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
        -o-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
    .item3 .icons div:last-child{
        margin-right: 0;
    }
    .item3 .icon1{
        text-align: center;
        width:145px;
    }
    .item3 .icon1 p {
        width: 145px;
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        margin-top: 20px;
    }
    .item3 .icon2{
        text-align: center;
        width:145px;
    }
    .item3 .icon2 p {
        width: 145px;
        color: #fff;
        font-size: 16px;
        margin-top: 20px;
        font-weight: 700;
    }
    .item3 .icon3{
        text-align: center;
        width:145px;
    }
    .item3 .i_img {
        line-height: 180px;
    }
    .item3 .icon3 p {
        width: 145px;
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        margin-top: 20px;
    }
    .item3 .one2 {
        width: 100%;
        /*height:400px;*/
        position: absolute;
        left: 0;
        z-index:-1;
        bottom: 300px;
        -webkit-transform: translate(0,100px);
        -moz-transform: translate(0,100px);
        -ms-transform: translate(0,100px);
        -o-transform: translate(0,100px);
        transform: translate(0,100px);
        -webkit-animation: banner4_one2 3s linear infinite alternate;
        -o-animation: banner4_one2 3s linear infinite alternate;
        animation: banner4_one2 3s linear infinite alternate;
    }

    .item4 {
        width:100%;
        height:830px;
        overflow: hidden;
        padding-top: 200px;
        background:url("../images/banner_b.jpg") no-repeat top center;
        -webkit-background-size: cover;
        background-size: cover;

    }
    .net_item4{
        background: url("../images/quan_01.png");
        padding-top: 280px;

    }
    .flow_item4{
        padding-top: 280px;
    }
    .item4 .title {
        transition: all 0.2s ease-out;
        text-align: center;
    }
    .item4 .title p:first-child{
        color: #fff;
        font-size:56px;
        font-weight: 700;
        letter-spacing: 15px;
        border-bottom: 1px solid rgba(250,250,250,.4);
        width:505px;
        height:93px;
        margin-left: 345px;
    }
    .item4 .title span {
        margin-left: 40px;
        margin-right: 40px;
    }
    .item4 .title p:last-child{
        color: #fff;
        font-size:30px;
        font-weight: 100;
        letter-spacing: 12px;
        margin-top: 20px;
    }
    .item4 .icons {
        transition: all 0.3s ease-out;
        margin-top: 70px;
        margin-left: 280px;
    }
    .item4 .icons div {
        float: left;
        margin-right: 20px;
        /*position: relative;*/
    }
    .item4 .icons div img.rotate {
        /*position: absolute;*/
        /*left:20px;*/
        /*top:20px;*/
        -webkit-transition: 0.4s;
        -webkit-transition: -webkit-transform 0.4s ease-out;
        transition: transform 0.4s ease-out;
        -moz-transition: -moz-transform 0.4s ease-out;
    }
    .item4 .icons div img.rotate:hover{
        -webkit-transform: rotateZ(360deg);
        -moz-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
        -o-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
    .item4 .icons div:last-child{
        margin-right: 0;
    }
    .item4 .icon1{
        text-align: center;
        width:145px;
    }
    .item4 .icon1 p {
        width: 145px;
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        margin-top: 20px;
    }
    .item4 .icon2{
        text-align: center;
        width:145px;
    }
    .item4 .icon2 p {
        width: 145px;
        color: #fff;
        font-size: 16px;
        margin-top: 20px;
        font-weight: 700;
    }
    .item4 .icon3{
        text-align: center;
        width:145px;
    }
    .item4 .i_img {
        line-height: 150px;
    }
    .item4 .icon3 p {
        width: 145px;
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        margin-top: 20px;
    }
    .item4 .one2 {
        width: 100%;
        /*height:400px;*/
        position: absolute;
        left: 0;
        z-index:0;
        bottom: 0;
        -webkit-transform: translate(0,100px);
        -moz-transform: translate(0,100px);
        -ms-transform: translate(0,100px);
        -o-transform: translate(0,100px);
        transform: translate(0,100px);
        -webkit-animation: banner4_one2 3s linear infinite alternate;
        -o-animation: banner4_one2 3s linear infinite alternate;
        animation: banner4_one2 3s linear infinite alternate;

    }
    @keyframes banner4_one2 {
        from {
            -webkit-transform: translate(0,-10px);
            -moz-transform: translate(0,-10px);
            -ms-transform: translate(0,-10px);
            -o-transform: translate(0,-10px);
            transform: translate(0,-10px);
        }to{
               -webkit-transform: translate(0,10px);
               -moz-transform: translate(0,10px);
               -ms-transform: translate(0,10px);
               -o-transform: translate(0,10px);
               transform: translate(0,10px);
                 }
    }
  .item4 .buttonL{
      width:200px;
      height:60px;
      border-radius: 30px;
      margin-top: 50px;
      line-height: 60px;
      text-align: center;
      background-color: #0084ff;
      margin-left: 480px;
  }
    .item4 .buttonL a {
        color:#fff;
        font-size: 14px;
        font-weight: 700;
        letter-spacing:10px;
        margin-left: 14px;
    }
    .item4 .buttonL:hover a{
        color: #000;
    }
    .item3 .buttonL{
        width:200px;
        height:60px;
        border-radius: 30px;
        margin-top: 30px;
        line-height: 60px;
        text-align: center;
        background-color: #0084ff;
        margin-left: 480px;
    }
    .item3 .buttonL a {
        color:#fff;
        font-size: 14px;
        font-weight: 700;
        letter-spacing:10px;
        margin-left: 14px;
    }
    .item3 .buttonL:hover a{
        color: #000;
    }
}






@media (max-width: 768px) {
    
    .xr_banner .title {
        text-align: center;
    }
    .item1 .one2{
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;  
    }
    .item3 .one2{
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 4rem;  
    }
     .item4 .one2{
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;  
    }
    .xr_banner  .title .date {
        color: #0ca4fd;
        font-size: 1.6rem;
        font-weight: 700;
    }
    .item3 .buttonL {
        width: 30%;
        height: 40px;
        border-radius: 20px;
        margin-top: 30px;
        line-height: 35px;
        text-align: center;
        background-color: #0084ff;
        margin-left: 35%;
    }
    .item3 .buttonL a{
        color: #fff;
        font-size: 0.5rem;
        font-weight: 700;
        letter-spacing: 2px;
        margin-left: 4px;
    }

    
    .item4 .buttonL {
        width: 30%;
        height: 40px;
        border-radius: 20px;
        margin-top: 30px;
        line-height: 35px;
        text-align: center;
        background-color: #0084ff;
        margin-left: 35%;
    }
    .item4 .buttonL a{
        color: #fff;
        font-size: 0.5rem;
        font-weight: 700;
        letter-spacing: 2px;
        margin-left: 4px;
    }
    .xr_banner .item1 .title .date span {
        margin-left: 0.3rem;
        margin-right: 0.3rem;
        font-weight: 100;
        font-size: 2rem;
    }
    .xr_banner  .item3 .title .date,
    .xr_banner  .item4 .title .date {
        color: #fff;
        font-size: 1.1rem;
        margin-bottom:0.5rem;
    }
    .xr_banner  .title .text {
        color: #fff;
        font-size: 0.8rem;
        font-weight: 700;
    }
    .xr_banner  .title .text span {
        font-size: 0.5rem;
        margin:0 1rem;
    }
    .xr_banner .item1 .title .t_bottom {
        color: #fff;
        font-size: 0.6rem;
        font-weight: 100;
        width:80%;
        margin-left: 10%;
        margin-top: 0.6rem;
    }
    .xr_banner .item2 {
        width: 100%;
        height: 10rem;
         background: url("../images/banner_b.jpg") no-repeat center;
        -webkit-background-size: cover;
        background-size: cover;
        /*padding-top: 3rem;*/
    }
    .xr_banner .item3 {
        width: 100%;
        height: 10rem;
         background: url("../images/banner_b.jpg") no-repeat center;
        -webkit-background-size: cover;
        background-size: cover;
        padding-top: 2rem;
    }
    .xr_banner .item4 {
        width: 100%;
        height: 10rem;
        background: url("../images/banner_b.jpg") no-repeat center;
        -webkit-background-size: cover;
        background-size: cover;
        padding-top: 2rem;
    }

}

@media (max-width: 768px){
    .xr_banner .item2 a.full_img {
        width: 100%;
        position: absolute;
        left: 0;
        top: 3rem;
        z-index: 100;
    }
    .item2 img {
        
    }
    .xr_banner .item2 .buttonL {
        width: 30%;
        height: 40px;
        border-radius: 20px;
        margin-top: 30px;
        line-height: 35px;
        text-align: center;
        background-color: #0084ff;
        margin-left: 35%;
        position: absolute;
        left: 15%;
        top: 60%;
        transform: translate(-50%,-50%);
    }   
    .xr_banner .item2 .buttonL a.more{
        color: #fff;
        font-size: 0.5rem;
        font-weight: 700;
        letter-spacing: 2px;
        margin-left: 2px;
        position: none;
    }
}


.xr_banner .item1 img{
    width: 100%;
}

.w {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.carousel {
    position: relative;
}

.faimg{width:100%;height:100%}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.smban{text-align:center}
.smban img{max-width:100%}

.contsl img{width:100%;height:100%}







	    .solution_tab{ width:1200px; height:52px; background:#f5f5f5; margin:40px auto; }
.solution_tab ul{ width:544px; margin:0 auto; }
.solution_tab ul li{ width:272px; line-height:52px; float:left; text-align:center; font-size:16px; color:#040404; }
.solution_tab ul li a{ color:#040404; }
.solution_tab ul li a i{ display:inline-block; width:19px; height:11px; background:url("../images/solution_arrow.png") no-repeat; background-position:-51px -4px; margin-left:10px; }
.solution_tab ul li.on{ background:#4097E5; }
.solution_tab ul li.on a{ color:#fff; }
.solution_tab ul li.on a i{ background-position:0px -4px; }
	    
	    


	    /**/
.slick-prev{display:none!important}
.guide{padding:40px 0 89px;}
.gui{width: 1600px;margin:60px auto 0;position: relative;}
.gui .gui-left{width:594px;height:578px; float:left;padding-top:43px; position: relative;z-index:200;}
.gui .gui-left h2{margin-bottom: 28px;}
.gui .gui-left h2 span{display: inline-block; height:56px; line-height: 56px; font-size: 45px; color:#333333;padding-right:37px;font-weight: bold;}
.gui .gui-left h2 em{display: block; height:73px; line-height: 73px;font-size: 55px;color:#2887b7; }
.gui .gui-left strong{display: block; line-height: 33px; font-weight: normal;font-size: 20px; color:#333333; font-family: "思源黑体 CN"; margin-bottom: 37px;}
.gui .gui-left .hd{width:330px; height:47px;background:#E1E1E1; margin-bottom: 94px;}
.gui .gui-left .hd ul li{float:left;width:173px;height:47px; text-align: center;cursor: pointer;position: relative;}
.gui .gui-left .hd ul li.jd2{margin-left: -16px;}
.gui .gui-left .hd ul li i{display: block; width:100%; height:47px; line-height:47px;font-size: 16px; color:#666666; font-family: "思源黑体 CN"; position: relative;z-index:200;}
.gui .gui-left .hd ul li.jd1:before{width:100%;height:47px; background:url(../images/gui-jd1.png) no-repeat center; content:"";position: absolute;left:0;top:0;display: none;}
.gui .gui-left .hd ul li.jd2:before{width:100%;height:47px; background:url(../images/gui-jd2.png) no-repeat center; content:"";position: absolute;right:0;top:0;display: none;}
.gui .gui-left .hd ul li.cur i{color:#FFF;}
.gui .gui-left .hd ul li.jd1.cur:before{display:block;}
.gui .gui-left .hd ul li.jd2.cur:before{display:block;}
.gui .gui-left .gui-sz{width:973px;height:138px;background: #FFF;box-shadow: 0px 0px 10px rgba(0,0,0,0.2);padding-top:24px;box-sizing: border-box;}
.gui .gui-left .gui-sz ul li{float:left; height:83px;border-right:1px solid #eeeeee;}
.gui .gui-left .gui-sz ul li span{display: block;text-align: center;height:56px;}
.gui .gui-left .gui-sz ul li span em{display: inline-block; height:56px; line-height: 56px;font-size: 55px; color:#003171; font-weight: bold;}
.gui .gui-left .gui-sz ul li span i{display: inline-block; width:17px; height: 17px; background:#E60012;border-radius: 50%; text-align: center; line-height: 17px;font-size: 13px;color:#FFFFFF; vertical-align: bottom;margin:0 0 5px -8px;}
.gui .gui-left .gui-sz ul li p{height:27px;font-size: 14px; line-height: 27px; color:#333333;text-align: center;}
.gui .gui-left .gui-sz ul li:nth-child(4) p{padding-left:46px;}
.gui .gui-left .gui-sz ul li:nth-child(5) p{padding-left:23px;}
.gui .gui-left .gui-sz ul li:last-child{border-right:0;}
.gui .gui-rig{/* width: 600px; */height: 533px;overflow: hidden;/* float:right; *//* position: absolute; */right: 0;top: 0;}
.gui .gui-rig .gui-con,.gui .gui-rig .gui-con .con{height:100%;}
.gui .gui-rig span{display: block;width:100%;height:100%;line-height: 0;overflow: hidden;}
.gui .gui-rig span img{width: 100%;height:100%;transition: 1s;border-radius: 9px;}
.gui .gui-rig span:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
@media screen and  (min-width:760px) and (max-width:1680px){
    .gui{width:93.3%;}
    .gui .gui-left{width:530px;height:540px;}
}

.scontent{
    width: 1200px;
    margin: 0 auto;
padding-top: 397px;

}
/**/


.index05-hyal{  padding:50px 0;background:#f3f3f3}
.index05-hyal .con{
	width:1220px;
	clear: both;
	float: none;
	margin-right: auto;
	margin-left: auto; padding-left:10px; padding-right:10px;box-sizing:border-box;}
.index05-hyal .box{
	padding-top:40px;
	overflow: hidden;
}
/*.index05-hyal .box ul{*/
/*	display: flex;*/
/*	flex-wrap: wrap;*/
/*	align-content: flex-start;*/

/*}*/
.index05-hyal .box ul li{
	background-color: #CCCCCC;
	width: 23.3%;
	margin:0 10px;
	margin-top:18px;
	overflow: hidden;
	position: relative;
	display: none;
}
.index05-hyal .box ul li:nth-child(-n+10){ display:inline-block}
.index05-hyal .box ul li img {
	height: auto;
	width: 100%;
	transition:all 0.5s;
}
.index05-hyal .box ul li:hover img{transform:scale(1.05)}

.index05-hyal .box ul li:hover .text{ bottom: 0px;height: 100%;padding-top: 65px;background-color: rgba(0, 0, 0, 0.6);}
.index05-hyal .box ul li .text{
	background-color: rgba(0, 0, 0, 0.3);
	position:absolute;
	width:100%;
	text-align:center;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	box-sizing:border-box;
	color: #FFFFFF;
	font-size: 16px;
	transition:all .4s ease;
	height: 90px;
	left: 0px;
	right: 0px;
	bottom: -45px;
}.index05-hyal .box ul li .text h3 {
	font-size: 16px;
	color: #FFFFFF;
	display: block;
}
.index05-hyal .box ul li .text span {
	font-size: 14px;
	color: #FFFFFF;
	display: inline-block;
	padding-top: 2px;
	padding-right: 15px;
	padding-bottom: 2px;
	padding-left: 15px;
	border: 1px solid #FFFFFF;
	border-radius: 50px;
	margin-top: 15px;
}



.index04 .index_title h2, .index04 .index_title p {
    color: #fff;
}

.index_title h2 {
    font-size: 36px;
    color: #333;
    font-weight: bold;
    text-align: center;
    line-height: 54px;
}

.index_title h2 {
    font-size: 36px;
    color: #333;
    font-weight: bold;
    text-align: center;
    line-height: 54px;
}
.index_title p {
    font-size: 16px;
    color: #666;
    text-align: center;
    line-height: 30px;}
.index_dtys {
    width: 1200px;
    position: relative;
    margin: 0 auto;
    background: url(../images/dtys_img05.png) center 169px no-repeat;
    height: 550px;
}

.dtys01 {
    left: 31px;
    top: 141px;
}

.dtysList {
    width: 216px;
    position: absolute;
}

.dtysList a {
    display: block;
}

.dtysList h3 {
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    line-height: 45px;
}

.dtysList p {
    text-align: center;
    color: #fff;
    line-height: 24px;
}
.slick-next{display:none!important}
.dtys01_icon, .dtys02_icon, .dtys03_icon, .dtys04_icon {
    width: 120px;
    height: 260px;
    overflow: hidden;
    margin: 0 auto;
    background: url(../images/icon_bg.png) center bottom no-repeat;
}

.dtys01_icon span, .dtys02_icon span, .dtys03_icon span, .dtys04_icon span {
    display: block;
    width: 120px;
    height: 120px;
    overflow: hidden;
    background: url(../images/bai.png) center no-repeat;
}

.dtys01_icon span em {
    background: url(../images/dtys01_icon.png) center no-repeat;
}

.dtys01_icon span em, .dtys02_icon span em, .dtys03_icon span em, .dtys04_icon span em {
    display: block;
    width: 100%;
    height: 120px;
}

.dtys02 {
    left: 250px;
    top: 15px;
}

.dtysList {
    width: 216px;
    position: absolute;
}

.dtysList h3 {
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    line-height: 45px;
}

.dtysList p {
    text-align: center;
    color: #fff;
    line-height: 24px;
}

.dtys03 {
    left: 733px;
    top: 15px;
}

.dtys04 {
    left: 945px;
    top: 131px;
}

.index04 {
        padding: 40px 0;
    background: url(../images/dtys_bg.jpg) center ;
}
.dtys02_icon span em {
    background: url(../images/dtys02_icon.png) center no-repeat;
}

.dtys03_icon span em {
    background: url(../images/dtys03_icon.png) center no-repeat;
}

.dtys04_icon span em {
    background: url(../images/dtys04_icon.png) center no-repeat;
}



.about{background:url(../images/abobj.jpg) no-repeat top center;padding-bottom:69px;}
.abo{padding-top:397px;}
.abo .abo-con{background:#FFF;padding:38px 39px 52px; box-sizing: border-box;box-shadow: 0px 0px 18px rgba(0,0,0,0.1);}
.abo .abo-con h4{text-align: center;margin-bottom:26px; }
.abo .abo-con h4 span{display: inline-block;height:77px;line-height: 77px;font-size: 50px; color:#333333;padding:0 25px;position: relative; font-weight: bold; font-family: "思源黑体 CN";}
.abo .abo-con h4 span:before{width:15px; height:20px; background:url(../images/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:28px;}
.abo .abo-con h4 span:after{width:15px; height:20px; background:url(../images/tit-rig.png) no-repeat center; content:""; position: absolute; right:0;top:28px;}
.abo .abo-con h4 em{display: block; height:47px;line-height: 47px;font-size: 24px; color:#666666;font-weight: normal;}
.abo .abo-con p{width:1010px; margin:0 auto 24px; line-height:33px; font-size: 16px; color:#666666; text-align: center;}
.abo .abo-con .abo-nav{width:268px;  height:47px;margin:0 auto 32px;background:#f3f3f3;}
.abo .abo-con .abo-nav li{float:left;width:141px; height:47px;text-align: center; line-height: 47px;}
.abo .abo-con .abo-nav li a{font-size: 16px; color:#666666; font-weight: bold;display: block;}
.abo .abo-con .abo-nav li.ab2{margin-left: -14px;}
.abo .abo-con .abo-nav li.cur a{color:#FFF;}
.abo .abo-con .abo-nav li.ab1.cur{background:url(../images/abo-nav1.png) no-repeat center;}
.abo .abo-con .abo-nav li.ab2.cur{background:url(../images/abo-nav2.png) no-repeat center;}
.abo .abo-con .abo-bot{position: relative;}
.abo .abo-con .abo-bot .abo-list{width:1005px;margin:0 auto;}
.abo .abo-con .abo-bot .abo-list .bd{overflow: hidden;}
.abo .abo-con .abo-bot .abo-list .bd ul li{float:left; width:238px;margin: 0 5px;}
.abo .abo-con .abo-bot .abo-list .bd ul li span{display: block; width:100%; line-height: 0; overflow: hidden;}
.abo .abo-con .abo-bot .abo-list .bd ul li span img{width:100%;}
.abo .abo-con .abo-bot .abo-list .bd ul li em{display: block; width:100%; height:17px; background:url(../images/abo-yy.png) no-repeat center;}
.abo .abo-con .abo-bot .abo-list .abo-jt i{display: block; width:19px; height:33px;cursor: pointer;}
.abo .abo-con .abo-bot .abo-list .abo-jt i.abo-prev{background:url(../imagesabo-prev.png) no-repeat center;position: absolute; left:0;top:40%;}
.abo .abo-con .abo-bot .abo-list .abo-jt i.abo-next{background:url(../imagesabo-next.png) no-repeat center;position: absolute; right:0;top:40%;}

    
.bds li{box-shadow: 3px 3px 5px #dbd5d5;border-radius:5px;overflow:hidden;border:1px solid #dbd5d5}    
.bds li img{width:100%;height:100%}

.solution_tab{ width:1200px; height:52px; background:#f5f5f5; margin:40px auto; }
.solution_tab ul{ width:544px; margin:0 auto; }
.solution_tab ul li{ width:272px; line-height:52px; float:left; text-align:center; font-size:16px; color:#040404; }
.solution_tab ul li a{ color:#040404; }
.solution_tab ul li a i{ display:inline-block; width:19px; height:11px; background:url("../images/solution_arrow.png") no-repeat; background-position:-51px -4px; margin-left:10px; }
.solution_tab ul li.on{ background:#4097E5; }
.solution_tab ul li.on a{ color:#fff; }
.solution_tab ul li.on a i{ background-position:0px -4px; }
	    
	    


.mapss{height:302px;background:#888;margin-bottom:30px;border:1px solid #e3cccc}
 .lianxi{margin-top:30px;overflow:hidden}
 .lianxi li {
        float: left;
        border: 1px solid #eee;
        width: 285px;
        height: 180px;
        text-align: center;
        margin-right: 20px;
        color: #666;
        margin-bottom: 30px;
        line-height: 160%;
        padding: 0 10px;
        font-family: 微软雅黑;
        background: #fff;
        margin-top: 30px;
    }
    
    .lianxi li.last {
        margin-right: 0px
    }
    
    .lianxi li img {
        margin-top: 20px;
        width: 52px;
    }
    
    .lianxi li i {
        display: block;
        font-size: 14px;
        color: #333;
        padding-bottom: 8px;
        font-style: normal;
        padding-top: 10px;
    }
    
    .lianxi li span {
        display: block;
        color: #333;
        font-size: 15px;
    }
    
    .lianxi li.last span {
        font-size: 15px;
    }
    

.contsr p{text-align:justify;font-size:16pxs}
.contsr h2{font-size:18px;margin-top:80px}
.contsr{width:680px;height:300px;float:right;padding-left:30px}
.contsl{width:490px;float:left;height:300px}
.contsl img{width:100%;height:100%}
.conts{height:300px}
    .warpss{overflow:hidden;padding-top:30px}
	.slideBox{ width:400px; height:400px; overflow:hidden; position:relative; border:1px solid #ddd;float:left; }
		.slideBox .hd{  }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:400px; height:400px!important; display:block;  }

		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }


    .cpms{width:650px;float:right}
    .cpms h1{font-size:28px;    border-bottom: 1px solid #e5e5e5;padding-bottom:10px}
    .cpms p{font-size:16px;text-align:justify;    line-height: 30px;}


.xqbaners{height:400px;background:url(../images/smbans.jpg) no-repeat center}    
.warps-l{width:560px;float:left;padding-top:98px}
.warps-l h2{font-weight:bold;    font-size:36px;}
.warps-l p{text-align: justify;font-size:16px;margin-top:20px;line-height: 25px;}
.warps-r{float:right;height:400px;width:500px;position:relative}
.warps-r img{max-width:100%;max-height:97%;position:absolute;left:0;top:0;bottom:0;right:0;margin:auto}

.pc-cx-tel-1 {
    height: 56px;
    border-top: 2px solid #e6e6e6;
    padding-top: 20px;
    margin-top:45px;

}

.pc-cx-tel-1-t1 {
    width: 114px;
    height: 44px;
    background: #0d2d82;
    font-size: 18px;
    line-height: 44px;
    text-align: center;
    float: right;
}

.pc-cx-tel-1-t2 {
    height: 56px;
    font-size: 18px;
    line-height: 18px;
    color: #454545;
}

.pc-cx-tel-1-t1 a {
    display: block;
    color: #fff;
}

.pc-cx-tel-1-t2 p {
    line-height: 24px;
}

.pc-cx-tel-1-t2 {
    height: 56px;
    font-size: 18px;
    line-height: 18px;
    color: #454545;}



.footer-fixed {
  position: fixed;
  left:0;
  bottom: 0;
  width: 100%;
  height: 68px;
  z-index: 100;
  opacity: .9;
  background: url('../images/kefus.gif') bottom center / cover no-repeat #f2f1f0;
}
.btn-contact {
  width: 50%;
  height: 100px;
  position: absolute;
  right: 0;
  cursor: pointer;
}


.col-sm-6 {
    width: 49%!important;}
.smbtns{height:60px;border-bottom:1px solid rgb(226, 226, 228)}    
.smbtns ul{width:1200px;margin:0 auto;height:60px;}   
.smbtns li{float:left;line-height:60px;margin:0 10px}
.smbtns li a{color: rgb(110, 111, 120);}
.warps{width:1200px;margin:0 auto}

    
.normal_ImgtextBox_content {
    border:1px solid rgb(226, 226, 228);padding:20px;margin:5px;
    float:left;
}

.nums{font-size:40px;font-weight:bold}


  .sls_fagn3 .tit1 {line-height: 2em;font-family: MicrosoftYaHei;font-size: 14px;font-weight: normal;color: #1F2024;transform: translateY(0);}
   .sls_fagn3 .tit2 {line-height: 2em;font-family: MicrosoftYaHei;font-size: 14px;font-weight: normal;color: #1F2024;transform: translateY(50%);}
  @media (max-width: 992px) { .sls_fagn3 .tit2 {transform: translateY(0); }
  }
  

	    .solution_tab{ width:1200px; height:52px; background:#f5f5f5; margin:40px auto; }
.solution_tab ul{ width:544px; margin:0 auto; }
.solution_tab ul li{ width:272px; line-height:52px; float:left; text-align:center; font-size:16px; color:#040404; }
.solution_tab ul li a{ color:#040404; }
.solution_tab ul li a i{ display:inline-block; width:19px; height:11px; background:url("../images/solution_arrow.png") no-repeat; background-position:-51px -4px; margin-left:10px; }
.solution_tab ul li.on{ background:#4097E5; }
.solution_tab ul li.on a{ color:#fff; }
.solution_tab ul li.on a i{ background-position:0px -4px; }
	    
	    

.ModuleImageTextContent h3{font-weight:bold}	   

.casess{overflow: hidden;}

.casess li{width:370px;height:280px;float:left;background:#000;margin:0 15px;border-radius:15px;position:relative}
.casess li img{width:100%;height:100%!important}
.casess li p{position:absolute;left:0;bottom:0;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 20px}	    



.footer-fixed {
  position: fixed;
  left:0;
  bottom: 0;
  width: 100%;
  height: 68px;
  z-index: 100;
  opacity: .9;
  background: url('/images/footer.jpg') bottom center / cover no-repeat #f2f1f0;
}
.btn-contact {
  width: 50%;
  height: 100px;
  position: absolute;
  right: 0;
  cursor: pointer;
}


.col-sm-6 {
    width: 49%!important;}
.smbtns{height:60px;border-bottom:1px solid rgb(226, 226, 228)}    
.smbtns ul{width:1200px;margin:0 auto;height:60px;}   
.smbtns li{float:left;line-height:60px;margin:0 10px}
.smbtns li a{color: rgb(110, 111, 120);}
.warps{width:1200px;margin:0 auto}

    
.normal_ImgtextBox_content {
    border:1px solid rgb(226, 226, 228);padding:20px;margin:5px;
    float:left;
}

.nums{font-size:40px;font-weight:bold}


  .sls_fagn3 .tit1 {line-height: 2em;font-family: MicrosoftYaHei;font-size: 14px;font-weight: normal;color: #1F2024;transform: translateY(0);}
   .sls_fagn3 .tit2 {line-height: 2em;font-family: MicrosoftYaHei;font-size: 14px;font-weight: normal;color: #1F2024;transform: translateY(50%);}
  @media (max-width: 992px) { .sls_fagn3 .tit2 {transform: translateY(0); }
  }
  

	    .solution_tab{ width:1200px; height:52px; background:#f5f5f5; margin:40px auto; }
.solution_tab ul{ width:544px; margin:0 auto; }
.solution_tab ul li{ width:272px; line-height:52px; float:left; text-align:center; font-size:16px; color:#040404; }
.solution_tab ul li a{ color:#040404; }
.solution_tab ul li a i{ display:inline-block; width:19px; height:11px; background:url("../images/solution_arrow.png") no-repeat; background-position:-51px -4px; margin-left:10px; }
.solution_tab ul li.on{ background:#4097E5; }
.solution_tab ul li.on a{ color:#fff; }
.solution_tab ul li.on a i{ background-position:0px -4px; }
	    
	    
.solution_con{ padding-bottom:40px; width:1200px;margin:40px auto; }
.solution_con .solution_list li{ width:385px; min-height:268px; border:1px solid #e5e5e5; background:#fff; display:inline-block; vertical-align:top; margin-right:17px; margin-bottom:22px; }
.solution_con .solution_list li:nth-child(3n){ margin-right:0; }
.solution_con .solution_list li .pic{ width:100%; height:245px; position:relative; }
.solution_con .solution_list li .pic img{ width:100%; height:100%; }
.solution_con .solution_list li .pic p{ width:100%; height:100%; background:rgba(0,0,0,0.4); text-align:center; line-height:245px; color:#fff; font-size:16px; font-weight:bold; position:absolute; top:0; left:0; }
.solution_con .solution_list li .pic p a{ color:#fff; }
.solution_con .solution_list li .pic p:hover{ /* background:rgba(0,0,0,0.6); */ }
.solution_con .solution_list li .list_dl{ padding:10px 0px; }
.solution_con .solution_list li .list_dl dd{ font-size:14px; line-height:2.571; color:#666; }
.solution_con .solution_list li .list_dl dd a{ color:#666; }
.solution_con .solution_list li .list_dl dd a:hover{ color:#0056bc; }
.solution_con .solution_list li .list_dl dd a i{ display:block; float:left; width:8px; height:12px; background:url("../images/solution_arrow.png") no-repeat; background-position:-103px 0px; margin:11px 15px 0px 35px; }
	    
.ModuleImageTextContent h3{font-weight:bold}	   

.casess{overflow: hidden;}

.casess li{width:370px;height:280px;float:left;background:#000;margin:0 15px;border-radius:15px;position:relative}
.casess li img{width：100%;height:100%}
.casess li p{position:absolute;left:0;bottom:0;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 20px}	    



	    
.footer-fixed {
  position: fixed;
  left:0;
  bottom: 0;
  width: 100%;
  height: 68px;
  z-index: 9999999;
  opacity: .9;
  background: url('../images/kefus.gif') bottom center / cover no-repeat #f2f1f0;
}
.btn-contact {
  width: 50%;
  height: 100px;
  position: absolute;
  right: 0;
  cursor: pointer;
}


.col-sm-6 {
    width: 49%!important;}
.smbtns{height:60px;border-bottom:1px solid rgb(226, 226, 228)}    
.smbtns ul{width:1200px;margin:0 auto;height:60px;}   
.smbtns li{float:left;line-height:60px;margin:0 10px}
.smbtns li a{color: rgb(110, 111, 120);}
.warps{width:1200px;margin:0 auto;overflow:hidden}
.smtits{margin-top: 35px;
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: bold;
    height: 33px;
    letter-spacing: 0em;
    color: #36112b;
    border-bottom: 1px solid #eee;   
    position:relative;
    padding-left:20px ;
    text-transform:uppercase;
    
}
.smtits span{    display: inline-block;
    font-style: normal;
    color: #c1c1c1;
    margin-left: 10px;
    font-size: 16px;
    letter-spacing: 0px; 
    text-transform: uppercase;
    font-weight: normal;}
.smtits:before{
    content:'';
    width:7px;
    height:40px;
    background:#337ab7;
    position:absolute;
    left:0;
    top:-8px;
}    
.normal_ImgtextBox_content {
    border:1px solid rgb(226, 226, 228);padding:20px;margin:5px;
    float:left;
}

.nums{font-size:24px;font-weight:bold}


  .sls_fagn3 .tit1 {line-height: 2em;font-family: MicrosoftYaHei;font-size: 16px;font-weight: normal;color: #1F2024;transform: translateY(0);}
   .sls_fagn3 .tit2 {line-height: 2em;font-family: MicrosoftYaHei;font-size: 14px;font-weight: normal;color: #1F2024;transform: translateY(50%);}
  @media (max-width: 992px) { .sls_fagn3 .tit2 {transform: translateY(0); }
  }
  

	    .solution_tab{ width:1200px; height:52px; background:#f5f5f5; margin:40px auto; }
.solution_tab ul{ width:544px; margin:0 auto; }
.solution_tab ul li{ width:272px; line-height:52px; float:left; text-align:center; font-size:16px; color:#040404; }
.solution_tab ul li a{ color:#040404; }
.solution_tab ul li a i{ display:inline-block; width:19px; height:11px; background:url("../img/solution_arrow.png") no-repeat; background-position:-51px -4px; margin-left:10px; }
.solution_tab ul li.on{ background:#4097E5; }
.solution_tab ul li.on a{ color:#fff; }
.solution_tab ul li.on a i{ background-position:0px -4px; }
	    
	    

	    
.ModuleImageTextContent h3{font-weight:bold}	   

.casess{overflow: hidden;}

.casess li{width:370px;height:280px;float:left;background:#000;margin-right:15px;border-radius:15px;position:relative}
.casess li img{width:100%;height:100%}
.casess li p{position:absolute;left:0;bottom:0;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 20px}	    








.solution_tab{ width:1200px; height:52px; background:#f5f5f5; margin:40px auto; }
.solution_tab ul{ width:544px; margin:0 auto; }
.solution_tab ul li{ width:272px; line-height:52px; float:left; text-align:center; font-size:16px; color:#040404; }
.solution_tab ul li a{ color:#040404; }
.solution_tab ul li a i{ display:inline-block; width:19px; height:11px; background:url("../images/solution_arrow.png") no-repeat; background-position:-51px -4px; margin-left:10px; }
.solution_tab ul li.on{ background:#4097E5; }
.solution_tab ul li.on a{ color:#fff; }
.solution_tab ul li.on a i{ background-position:0px -4px; }
	    
	    
.solution_con{ padding-bottom:40px; width:1200px;margin:40px auto; }
.solution_con .solution_list li{ width:385px; min-height:268px; border:1px solid #e5e5e5; background:#fff; display:inline-block; vertical-align:top; margin-right:17px; margin-bottom:22px; }
.solution_con .solution_list li:nth-child(3n){ margin-right:0; }
.solution_con .solution_list li .pic{ width:100%; height:245px; position:relative; }
.solution_con .solution_list li .pic img{ width:100%; height:100%; }
.solution_con .solution_list li .pic p{ width:100%; height:100%; background:rgba(0,0,0,0.4); text-align:center; line-height:245px; color:#fff; font-size:16px; font-weight:bold; position:absolute; top:0; left:0; }
.solution_con .solution_list li .pic p a{ color:#fff; }
.solution_con .solution_list li .pic p:hover{ /* background:rgba(0,0,0,0.6); */ }
.solution_con .solution_list li .list_dl{ padding:10px;text-align: justify;    font-size: 14px;
    color: #888888; }
.solution_con .solution_list li .list_dl dd{ font-size:14px; line-height:2.571; color:#666; }
.solution_con .solution_list li .list_dl dd a{ color:#666; }
.solution_con .solution_list li .list_dl dd a:hover{ color:#0056bc; }
.solution_con .solution_list li .list_dl dd a i{ display:block; float:left; width:8px; height:12px; background:url("../images/solution_arrow.png") no-repeat; background-position:-103px 0px; margin:11px 15px 0px 35px; }




.bianjis{font-size:16px;text-align:justify;margin-bottom:30px;    line-height: 28px;}

    .content {
        width: 1200px;
        margin: 0 auto;
    }
    
    .clear {
        clear: both;
        height: 0;
    }
    
    
    .bt h2 {
        margin: 80px 0 40px;
    }
    
    .bt h2 a {
        display: block
    }
    
    .bt h2 strong {
        display: block;
        float: left;
        font-size: 40px;
        line-height: 100%;
        color: #000;
        margin-top: -2px;
    }
    
    .bt h2 strong i {
        display: block;
        font-size: 15px;
        line-height: 100%;
        color: #000;
        margin-top: 20px;
        font-weight: bold;
        font-style: normal;
    }
    
    .bt h2 span {
        display: block;
        float: right;
        font-size: 14px;
        line-height: 26px;
        color: #000;
        font-weight: 400;
        height: 83px;
        border-left: 1px solid #29262A;
        padding-left: 26px;
        position: relative
    }
    
    .bt h2 span:before {
        position: absolute;
        content: "";
        width: 6px;
        height: 26px;
        background: #29262A;
        left: 0;
        top: 0
    }
    
    .bt h2 span i {
        display: block;
        font-size: 16px;
        line-height: 100%;
        color: #a5a5a5;
        margin-top: 23px;
        font-style: normal;
    }
    /**/
    
    .qywh {}
    
    .qywh h2 {
        margin-top: 0;
    }
    
    .qywh ul {margin-bottom:30px;overflow:hidden}
    
    .qywh ul li {
        float: left;
        width: 283px;
        height: 300px;
        border: 1px solid #d7d7d7;
        margin-right: 20px;
        box-shadow: -1px -2px 20px 2px #ebebeb;
    }
    
    .qywh ul li b {
        display: block;
        width: 100px;
        height: 100px;
        margin: 30px auto 20px;
    }
    
    .qywh ul li h3 {
        text-align: center;
        font-size: 20px;
        color: #000000;
        position: relative;
    }
    
    .qywh ul li:last-child {
        margin-right: 0;
    }
    
    .qywh ul li h3:before {
        content: "";
        position: absolute;
        background: #0d2d82;
        width: 20px;
        height: 2px;
        top: 35px;
        left: 130px;
    }
    .qywh img {
    max-width: 100%;
}
    .qywh ul li p {
        font-size: 15px;
        margin: 20px 20px 0 20px;
        text-align: center;
    }
    
    .qywh ul li:hover {
        background: #0d2d82;
        color: #ffffff;
    }
    
    .qywh ul li:hover h3 {
        color: #ffffff;
    }
    
    .qywh ul li:hover h3:before {
        background: #ffffff;
    }




 .lianxi{margin-top:30px;overflow:hidden}
 .lianxi li {
        float: left;
        border: 1px solid #eee;
        width: 285px;
        height: 180px;
        text-align: center;
        margin-right: 20px;
        color: #666;
        margin-bottom: 30px;
        line-height: 160%;
        padding: 0 10px;
        background: #fff;
        margin-top: 30px;
    }
    
    .lianxi li.last {
        margin-right: 0px
    }
    
    .lianxi li img {
        margin-top: 20px;
        width: 52px;
    }
    
    .lianxi li i {
        display: block;
        font-size: 14px;
        color: #333;
        padding-bottom: 8px;
        font-style: normal;
        padding-top: 10px;
    }
    
    .lianxi li span {
        display: block;
        color: #333;
        font-size: 15px;
    }
    
    .lianxi li.last span {
        font-size: 15px;
    }
    

.contsr p{text-align:justify;font-size:16px}
.contsr h2{font-size:18px;margin-top:80px}
.contsr{width:710px;height:300px;float:right}
.contsl{width:440px;float:left;height:300px}
.contsl img{width:100%;height:100%}
.conts{height:300px}
    .warpss{overflow:hidden;padding-top:30px}
	.slideBox{ width:400px; height:400px; overflow:hidden; position:relative; border:1px solid #ddd;float:left; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:400px; height:400px; display:block;  }
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:40px; height:40px; filter:alpha(opacity=50);opacity:0.5;z-index:9999999;cursor:pointer;  }
		.slideBox .prev{background:url(../images/left.png) no-repeat center;background-size:100%}
		.slideBox .next{background:url(../images/right.png) no-repeat center;background-size:100%}
		.slideBox .next{ left:auto; right:3%; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }


    .cpms{width:700px;float:right;    margin-top: 30px;}
    .cpms h1{font-size:28px;    border-bottom: 1px solid #e5e5e5;padding-bottom:10px}
    .cpms p{font-size:16px;text-align:justify;    line-height: 30px;}


.xqbaners{height:400px;background:url(./images/smbans.jpg) no-repeat center}    
.warps-l{width:560px;float:left;padding-top:98px}
.warps-l h2{font-weight:bold;    font-size: 36px!important;margin-bottom:40px}
.warps-l p{text-align: justify;font-size:16px;margin-top:20px;line-height: 25px;}
.warps-r{float:right;height:400px;width:500px;position:relative}
.warps-r img{max-width:100%;max-height:97%;position:absolute;left:0;top:0;bottom:0;right:0;margin:auto}

.pc-cx-tel-1 {
    height: 56px;
    border-top: 1px solid #e6e6e6;
    padding-top: 20px;
    margin-top:45px;

}

.pc-cx-tel-1-t1 {
    width: 114px;
    height: 44px;
    background: #0d2d82;
    font-size: 18px;
    line-height: 44px;
    text-align: center;
    float: right;
}

.pc-cx-tel-1-t2 {
    height: 56px;
    font-size: 18px;
    line-height: 18px;
    color: #454545;
    background: url(https://www.szzht.com/images/pc-xc-icon2.png) no-repeat 10px top;
}

.pc-cx-tel-1-t1 a {
    display: block;
    color: #fff;
}

.pc-cx-tel-1-t2 p {
    line-height: 24px;
    
}

.pc-cx-tel-1-t2 {
    height: 56px;
    font-size: 18px;
    line-height: 18px;
    color: #454545;
    padding-left: 60px;
}


.smtitss{text-align:center;font-size: 22px;font-weight: bold;border-bottom: 1px solid #eee;padding-bottom:20px;position:relative;margin-top: 60px;}

.smtitss:before{
    content:"";
        position: absolute;
    width: 45px;
    height: 5px;
    background: #0d2d82;
    bottom: -2px;
    left: 0;
    right:0;
    margin:auto;
}




.currents{background:url(../images/jbbg.jpg);background-size:cover}
.currents a{color:#fff!important}
.solution_con .solution_list li{transition:all 0.6s}
.solution_con .solution_list li .pic{overflow:hidden}
.solution_con .solution_list li img{transition:all 0.5s}
.solution_con .solution_list li:hover .pic img{transform:scale(1.1)}
.solution_con .solution_list li:hover{transform:translateY(-10px);box-shadow:0 0 10px #dedede}


.solution_tabs{width:1201px;margin:20px auto;overflow:hidden;padding-bottom:1px;padding-right:1px;text-align:center}
.solution_tabs li{text-align:center;display:inline-block; 
    font-size: 14px;
    padding: 7px 20px;
    border-radius: 5px;}
.solution_tabs li a{color:#333;display:block;width:100%;height:100%}
.solution_tabs li:hover{background:url(../images/jbbg.jpg);background-size:cover}
.solution_tabs li:hover a{color:#fff}



.line-button-wrapper {
  position: relative;
  margin:30px auto 30px;
  width:145px;
  height: 46px;;
  border:1px solid #4097E5;
  transition: all 0.6s;
  color:#4097E5;
  font-size:16px;
}
.line-button-wrapper a{transition: all 0.6s;}
.line-button-wrapper:hover{background:#4097E5;}
.line-button-wrapper:hover a{color:#fff}
.line-button-wrapper .line-button,
.line-button-wrapper .line {
  transition: all 600ms ease-out;
}

.line-button-wrapper:hover .line-button {
  color: var(--font-full-color);
}

.line-button-wrapper:hover .line-gourp .line {
  opacity: 1;
  transform: translate(0, 0);
}

.line-gourp,
.line-gourp .line {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.line-gourp .line {
  border: 1px solid transparent;
  opacity: 0;
}

.line.line-top {
  border-top-color: var(--font-full-color);
  bottom: auto;
  transform: translateX(-50%);
}

.line.line-bottom {
  border-bottom-color: var(--font-full-color);
  top: auto;
  transform: translateX(50%);
}

.line.line-left {
  border-left-color: var(--font-full-color);
  right: auto;
  transform: translateY(80%);
}

.line.line-right {
  border-right-color: var(--font-full-color);
  left: auto;
  transform: translateY(-80%);
}
button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  border:1px solid #666;
}

button.line-button {
  position: relative;
  z-index: 2;
  color: var(--font-color);
  padding: 10px 38px;
  border: 1px solid transparent;
}

.xiaobt{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:18px}
.news-item__desc p{text-align:justify; 
    text-align: justify;
    font-size: 14px;
    color: #888888;}

.news-item__desc{margin-top:10px}
.solution_list li {position:relative;}
.solution_list li .abs,.abss{position:absolute;left:0;top:5px;z-index:999;background-color:rgba(64,151,229,.6);color:#fff;padding:4px 8px;border-radius:0 10px 10px 0;transition:all 0.6s}    

.listsss{float:left;width:385px;height:580px;margin-bottom:20px}

.solution_list li:hover .abs,.box li:hover .abss{background-color:rgba(246,46,60,.6)}

.sub-menu{display:none}
.header-menu li:nth-child(2) .sub-menu,.header-menu li:nth-child(3) .sub-menu,.header-menu li:nth-child(4) .sub-menu{display:block}

.relates li{margin-bottom:6px}

.fix-main {
    position: fixed;
    right: -1px;
    top: 50%;
    z-index: 999;
    margin-top: -100px;
    width: 85px;
    background: #fff;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border: 1px solid #e7e5e5;
    line-height: normal;
    transition: all .3s;
}    
    
  .fix-main ul li {
    text-align: center;
    border-bottom: 1px solid #e7e5e5;
    padding: 12px 0;
    cursor: pointer;
    position: relative;
    background: #fff;
    transition: all .3s;
}  

.fix-main ul li .fix-box2 {
    position: absolute;
    text-align: left;
    left: 0;
    width: 116px;
    padding-left: 12px;
    height: 80px;
    background: #fff;
    color: #fff;
    padding: 0 0 0 20px;
    border: 1px solid #e7e5e5;
    border-right: none;
    top: 0;
    z-index: -1;
    transition: all .3s;
}

.fix-main ul li .fix-box {
    position: absolute;
    border: 1px solid #e7e5e5;
    left: 0;
    background: #fff;
    width: 90px;
    padding: 8px;
    top: -1px;
    height: 118px;
    transform: scale(0);
    z-index: -1;
    transition: all .3s;
}

.fix-main ul li p {
    margin-bottom:0;
    color: #333;
}


.close_icon {
    position: absolute;
    top: 50%;
    margin-top: 119px;
    left: -41px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #333;
    text-align: center;
    transition: all .3s;
    display:none;
}

.fix-main.active .close_icon {
    padding: 20px 0 90px;
    margin-top: -60px;
    transition: all .3s;
}

.close_icon p {
    display: none;
    color: #fff;
}

.fix-main ul li:hover .fix-box2 {
    left: -117px;
}

.fix-main ul li:hover .fix-box {
    left: -90px;
    transform: scale(1);
    transition: all .3s;
}
.fix-main ul li:last-child {
    border-bottom: none;
    border-bottom-left-radius: 10px;
}
.fix-main.active {
    right: -87px;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.fix-main.active .close_icon p {
    display: block;
    line-height: 18px;
    width: 14px;
    margin: 0 auto;}
    
    .fix-main.active .close_icon img {
    display: none;
}

.fix-main ul li p {
    color: #333;
    margin-top:4px;
}

.fix-main ul li .fix-box2 h4 {
    padding: 15px 0 5px;
    color: #666666;
    font-size:14px;
    margin:0;
}
.fix-main ul li:first-child {
    border-top-left-radius: 10px;
}


@media(max-width: 1100px){
    
    .fix-main,.footer-fixed,.topss,.header-right ul{display:none}
}

    .fangan{display:none}
    .containers{display:none}    

  @media(max-width: 1100px){
    
   .fangan{display:block}
   .picScroll-left{display:none}
   .fangan li{width:90%;height:250px;background-color:#000;margin:0 auto 15px;position:relative}
   .fangan h2{position:absolute;left:0;bottom:0;width:100%;color:#fff;z-index:999;font-size:14px;text-align:center}
   .index_title h2{font-size:18px;line-height:20px}
   .index_title p{font-size:14px}
   .guide{display:none}.slideBox .bd img
   .fangan li{position:relative}
   .fangan i{width:100%;height:100%;display:block}
   .fangan i img{position:absolute;left:0;top:0;bottom:0;right:0;margin: auto;width:80px}
   .containers{display:block}
   .containers p{width:auto; display: -webkit-box;
-webkit-line-clamp: 5;
 -webkit-box-orient: vertical;
 overflow: hidden;
 font-size:14px;
}
.index04{display:none}
.index05-hyal .box ul li{width:100%;margin:0 auto}
.index05-hyal .box ul li .text h3{/* 省略的属性 */text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;/* 设置省略号的属性 */}

.panners{display:none}
.ptb-120s{margin-top:0!important}
.links{display:none}
.footer{padding:0 0 10px 0!important}
.footer img{width:80px}
.ptb-120{padding-bottom:0!important}
.bbsss{display:none}

.warpssss{width:auto!important;padding:0 10px!important;margin-top:10px}

.solution_tabs{width:auto!important}

.currents{background:none;}
.currents a{color:#1d6ab7!important}
.solution_tabs li{width:140px}
.solution_tabs li:nth-child(1){display:none}

.solution_con{width:auto;padding:0 10px}
.solution_con .solution_list li{width:auto;height:auto;margin-right:0;display:block!important}

.solution_con .solution_list li .pic{height:auto}



.xqbaners{height:auto!important;padding:0 10px;}
.warps{width:auto!important}

.warps-l h2{font-size:18px!important;margin-bottom:10px}
.warps-l,.warps-r{float:none!important;width:auto!important}


.warps-r{display:none}


.warps-l p{font-size:14px!important}


.smtits span{display:none}


.bianji{padding:0 10px;text-align:justify}

.smbiaot{width:auto!important}

table{display:none;}
.smjt{display:none}

.smbiaot dt,.smbiaot dd{margin-bottom:10px!important}
.smbiaot dd,.smbiaot dt{width:auto!important;float:none!important;text-align:center}

.bianji table,tbody{width:auto!important}

.normal_ImgtextBox_content{float:none;width:100%!important}

.casess li{width:45%!important;height:auto!important;float:left}

.contsS{width:auto!important}
.contsS img{width:100%!important;height:auto!important}


.warps h1{font-size:18px!important}

.about_box{padding:0 10px}
.about_box,.about_box p{width:auto!important}

.about_list,.cooperate{display:none!important}

.conts{height:auto}
.contsl,.contsr{float:none;width:auto;height:auto;padding:0}

.lianxi li{width:100%}

.mapss{display:none}

.bumen dt{margin-bottom:10px}
.bumen dt, .bumen dd{padding:5px 5px!important;float:none!important;margin-right:0!important}
.bumen dd{border-bottom:1px solid #8aefac}

.contsr h2{margin-top:20px!important}

.slideBox{width:100%!important;height:auto!important;float:none!important}

.slideBox .bd img{height:auto!important;width:100%!important}

.slideBox ul{margin-bottom:0}


.cpms{float:none!important;width:auto!important}

.titless p:nth-child(1){font-size:24px!important}







.mobile-foot-nav{display:none;}
.mobile-foot-nav ul {
	
    border-top: 1px solid #ddd;
    position: fixed;
    bottom: 0;
    left: 0;
    height: 63px;
    z-index: 999;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -ms-flex;
    display: -moz-flex;
    display: -o-flex;
    background: #fff;
    text-align: center;
}


.mobile-foot-nav ul li.active {
    background: #1a1a1a;
}
.mobile-foot-nav ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 8px 0;
    border-right: 1px solid;
}

.mobile-foot-nav ul li i {
    display: inline-block;
    width: 22px;
    height: 22px;
    background-size: cover !important;
}

.mobile-foot-nav ul li.active p {
    color: #fff;
}
.mobile-foot-nav ul li p {
    line-height: 18px;
    margin-top:4px
}

.mobile-foot-nav ul li.active i.foot-icon1 {
    background: url(../images/i1.png) center no-repeat;
}



.mobile-foot-nav ul li.active i.foot-icon2 {
    background: url(../images/i2.png) center no-repeat;
}

.mobile-foot-nav ul li.active i.foot-icon3 {
    background: url(../images/i3.png) center no-repeat;
}

.mobile-foot-nav ul li.active i.foot-icon4 {
    background: url(../images/i4.png) center no-repeat;
}




.mobile-foot-nav{display:block;}


html {
    padding-bottom: 60px;
}


/*.warps p{text-align:justify!important}*/

.pppsss{text-align:center!important}







}  
.moilenav{width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,0.5);display:none;z-index:999998999999999999999999}    
.moilenav ul{width:100px;background:#fff;height:100%;padding-top:70px}     
.moilenav li{margin-bottom:10px;text-align:center}

.moilenav span{position:absolute;right:10px;top:10px;color:#fff;width:40px;height:20px;text-align:center;color:#fff;}

.mobjj{   width: 1200px;position: relative;margin: 0 auto 40px;font-size:16px;text-align:justify;line-height:30px;padding:0 10px}



.xqbaners{height:400px;background:url({IMG_PATH}smbans.jpg) no-repeat center}    
.warps-l{width:560px;float:left;}
.warps-l h2{font-weight:bold;    font-size: 48px;}
.warps-l p{text-align: justify;font-size:16px;margin-top:20px;line-height: 25px;}
.warps-r{float:right;height:400px;width:500px;position:relative}
.warps-r img{max-width:100%;max-height:97%;position:absolute;left:0;top:0;bottom:0;right:0;margin:auto}

.smbiaot{width:1000px;margin:30px auto 30px;position:relative}
.smjt{position:absolute;left: 187px;top: 11px;width:30px}
.smbiaot dt{width:140px}
.smbiaot dt,.smbiaot dd{float:left;position:relative}    
.smbiaot dt{padding:15px 25px;background:#e96b05;color:#fff;margin:0 30px;font-size:18px;border-radius:8px;box-shadow:0 0 6px #999}   
.smbiaot dd{padding:15px 25px;background:#02a0ea;color:#fff;margin:0 30px;font-size:16px;border-radius:8px;box-shadow:0 0 6px #999;width:204px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}
.smbiaot dd:hover{background:#1d9244}
.smbiaot1 dd:nth-child(2),.smbiaot1 dd:nth-child(4){background:#1d9244}
.smbiaot2 dd:nth-child(3),.smbiaot2 dd:nth-child(5){background:#e4b309}
.smbiaot3 dd:nth-child(2),.smbiaot3 dd:nth-child(4){background:#1d9244}
.smjt2{left:449px}
.smjt3{left:713px}


.linksss li{display:inline-block}

    .acur {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000;
    background:rgba(255,255,255,.9);
    border-bottom: 1px solid #dedede;
}


.titless{text-align:center;width:400px;margin:0 auto}    
.titless p{
    color: #666;
    font-size: 36px;
    font-weight: 700;
}
.titless p.line1 {
    width: 202px;
    height: 1px;
    background-color: rgba(102,102,102,.1);
    margin-top: 10px;
    margin:10px auto 0;
}
.titless p.line2 {
    width: 34px;
    height: 4px;
    background-color: #0084ff;
    margin:-3px auto 0;
}
.titless p:last-child {
    font-size: 12px;
    color: rgba(56,69,85,.5);
    letter-spacing: 5px;
    margin-top:10px;
    font-weight: 100;
}    


.about_box {
    width: 1200px;
    margin: auto;
}

.about_box p {
    width: 1110px;
    color: #666;
    font-size: 15px;
    line-height: 35px;
    margin: 30px auto;
    text-align:justify;
    font-size:14px;
    text-indent: 30px;
}

.about_list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 90px;
}
.about_list li {
    float: left;
    color: #fff;
}
.about_list li:nth-child(2){
    margin: 0 90px;
}
.about_list li span {
    font-size: 80px;
    float: left;
}

.about_list li b {
    float: left;
    font-size: 30px;
}

.about_list li i {
    float: left;
    font-style: normal;
    font-size: 26px;
    line-height: 63px;
    display: inline-block;
    vertical-align: bottom;
    font-weight: 700;
    margin-left: 10px;
}


.about_list li {
    float: left;
    color: #0084ff;
}
.about_list li i {
    line-height: 140px;
    color: #999;
    font-size: 20px;
}    


.cooperate {
    width: 100%;
    background-color: #f3f5f7;
    padding-top: 100px;
}

.bigpic{width:1200px;height:600px;background-color:#000;margin:0 auto}


.lists {
    position: relative;
}
.lists ul{
    margin-top: 80px;
}
.lists li{
    float: left;
    width: 45%;
}
.lists li:nth-child(2n+1){
    text-align: right;
}
.lists li:nth-child(2n){
    text-align: left;
    margin-left: 10%;
}
.lists li:last-child{
    margin-right:55%;
}
.lists li div:first-child {
    font-size: 18px;
    color: #0084ff;
    font-weight: 700;
    margin-bottom: 10px;
}
.lists li div:last-child {
    color: #666666;
    font-size: 14px;
    margin-bottom: 55px;
}
.lists .img {
    position: absolute;
    left: 49.3%;
    top: 70px;
}

.bumen{overflow:hidden}
.bumen dt,.bumen dd{float:left;color:#fff;padding:10px 20px;border-radius:5px;margin-right:20px}
.bumen dt{background:#1d6ab7;}
.bumen dd{background:#439af1}

	    .warps{width:1200px;margin:0 auto}
        .warps h1{text-align:center;font-size:32px;font-weight:bold}
	    .xiangqingye{padding:40px 0}
	    .contsS{padding:30px 0}
	    .warps p{text-align:center;margin-top:20px}
.pssss{text-align:justify!important}

.solution_con .solution_list li .pic{height:auto!important}