@import "animate.css";
@import "slick.css";
*{box-sizing:border-box}
:root {  
  --color: #000000;
  --on-color: #72A0C5;
  --bgcolor:#72A0C5;
}
::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-track{background:#808080;}
::-webkit-scrollbar-thumb{background:var(--on-color);border-radius:5px;}
::-webkit-scrollbar-thumb:hover{background:var(--on-color);}
::-webkit-scrollbar-thumb:active{background:var(--on-color);}

body,h1,h2,h3,h4,h5,h6,ul,dl,ol,input,pre,blockquote,p,dd{margin:0}
ul,ol,input,textarea{padding:0}
img,input,select,textarea,video{border:0}
*{outline:none;resize:none}
li,em{list-style:none;font-style:normal}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
img{font-size:0;display:inline-block;vertical-align:middle;max-width: 100%;border: 0;}
p{word-wrap:break-word}
a,u{text-decoration:none}
a{color:var(--color);transition: all .3s;}
a:hover{color:var(--on-color);}
input,textarea,body{color:var(--color);font-family: 'Microsoft YaHei';font-size:16px;}
a .pic{overflow:hidden}
a .pic img{width:100%;transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-tap-highlight-color: rgba(0, 0, 0, 0);transition-property: transform;transition: all .8s ease;}
a:hover .pic img{transform: scale(1.08);}
.wrap{width:100%;max-width:1360px;margin:0 auto;}
.flex{display: flex;flex-wrap:wrap;justify-content:space-between}
.list.flex{justify-content:flex-start;}

.header{height:90px;display:flex;align-items: center;}
.header .wrap{height:100%;align-items: center;}
.header .menu{display:flex;height:100%;}
.header .menu a{display:flex;position: relative;;align-items: center;height:100%;margin-left:50px;font-size:20px;color:#000000;font-weight:300;}
.header .menu a:hover{color:#538EBB;}
.header .menu a:after{transition: all.3s;content:'';position: absolute;left:0;bottom:30px;width:0%;height:5px;background:#538EBB;}
.header .menu a:hover:after{width:100%;}

.banner{position: relative;overflow:hidden;}
.banner a{display:block;width:100%;position: relative;}
.banner img{width:100%;}
.banner .txt{position: absolute;left:0;top:0;width:100%;height:100%;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.banner .txt h3{font-size:48px;color:#60798E;font-weight:300;}

.index{width:100%;max-width:1200px;margin:0 auto;padding:80px 0 60px;}
.index h2{font-size:40px;color:#72A0C5;font-weight:400;text-align:center;}
.index .about .pic{width:45%}
.index .about .pic img{width:100%;}
.index .about .txt{width:55%;padding-left:50px;}
.index .about .txt h2{margin:30px 0;}
.index .about .txt h3{font-size:18px;font-weight:bold;color:#7A7A7A;text-align:center;margin-bottom:20px;}
.index .about .txt p{font-size:18px;line-height:38px;color:#7A7A7A;}
.index .type h2{padding:60px 0;}
.index .type .bd a{width:calc(50% - 10px);}
.index .type .bd a .txt{text-align:center;}
.index .type .bd a .txt h3{font-size:28px;color:#7DA9D2;margin:30px 0;border-bottom:1px solid #7DA9D2;display:inline-block;}
.index .type .bd a .txt p{font-size:18px;color:#5E5E5E;}

.show{position: relative;}
.show img{width:100%;}
.show .txt{position: absolute;left:0;top:0;width:100%;height:100%;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.show .txt h2{font-size:55px;margin-bottom:40px;color:#FFFFFF;font-weight:bold;}
.show .txt p{font-size:20px;font-weight:300;color:#FFFFFF;line-height:38px;}

.footer{padding:65px 0;background:#121828;}
.footer .wrap{display:flex;align-items: center;}
.footer .logo{padding-right:100px;}
.footer .nav{padding:50px 88px;border-left:2px solid #383E46;}
.footer .nav a{font-size:26px;color:#FFFFFF;display:block;margin-bottom:50px;}
.footer .nav a:last-child{margin-bottom:0;}
.footer .txt{padding:50px 0;}
.footer .txt h2{font-size:26px;color:#FFFFFF;margin-bottom:50px;}
.footer .txt p{margin-bottom:15px;}
.footer .txt p,.footer .txt p a{font-size:18px;color:#FFFFFF;}

.bottom{padding:20px 0;border-top:3px solid #383E46;border-bottom:3px solid #383E46;background:#121828;display:flex;align-items: center;}
.bottom .p p{font-size:18px;color:#FFFFFF;}
.bottom .link{display:flex;align-items: center;;}
.bottom .link .a{width:54px;height:54px;border-radius:54px;margin-left:20px;display:flex;align-items: center;justify-content: center;background:#FDFDFD;}
.bottom .link .michuan{margin-left:90px;}

@media (max-width: 1360px){
.wrap{width:98%;}
}
@media (max-width: 1200px){
  .index{width:98%;}
}
@media screen and (max-width:992px) {
.header{height:auto;padding:10px;}
.header .menu,.footer .logo,.footer .nav,.bottom .link .a{display:none;}
.banner img,.show img{min-height:250px;object-fit:cover}
.banner .txt h3{font-size:28px;}
.index{padding:30px 0;}
.index h2{font-size:30px;}
.index .about .pic{width:100%;}
.index .about .txt{width:100%;padding:0;}
.index .about .txt h2{margin:15px 0;}
.index .about .txt h3{font-size:14px;margin-bottom:15px;}
.index .about .txt p{font-size:14px;line-height:26px;}
.index .type h2{padding:30px 0;}
.index .type .bd a{width:100%;margin-bottom:20px;}
.index .type .bd a .txt h3{font-size:18px;margin:15px 0;}
.index .type .bd a .txt p{font-size:15px;}
.show .txt h2{font-size:30px;margin-bottom:20px;}
.show .txt p{font-size:14px;line-height:24px;padding:0 10px;}
.footer{padding:30px 10px;}
.footer .txt{padding:0;}
.footer .txt h2{margin-bottom:20px;}
.footer .txt p, .footer .txt p a{font-size:15px;}
.bottom{padding:30px 10px;}
.bottom .link{justify-content: center;width:100%;}
.bottom .link .michuan{margin:20px auto 0;}
}