@import url(font.css);
@import url(iconfont.css);
@import url(swiper.min.css);
*{ margin:0; padding: 0; box-sizing: border-box; outline: none;}
body{ font-family: -apple-system,BlinkMacSystemFont,SF Pro SC,SF Pro Text,Helvetica Neue,Helvetica,PingFang SC,Segoe UI,Roboto,Hiragino Sans GB,arial,Source Han Sans CN,sans-serif; font-size:14px; background:#fff; color:#000}
em,i{ font-style: normal; }
ul{ list-style: none; }

a{color:#000;text-decoration:none}
a:hover{color:#0072ff}

.img-center{text-align:center;font-size:0}
.img-center img{display:inline-block; width:auto; height:auto; max-width:100%; max-height:100%; vertical-align:middle; transition:all 0.5s}
.img-cover{overflow:hidden; position:relative}
.img-cover span{display:block; width:100%; background:no-repeat center / cover;transition:all 0.5s; height:100%; position:absolute; left:0; top:0}

.clearfix{zoom:1}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}

.container{position:relative; margin:0 auto; width: 100%; max-width: 1500px; padding:0 50px;}
.w1440{position:relative; margin:0 auto; width: 100%; max-width: 1340px; padding:0 50px;}

.header{ width: 100%; height: 94px; position: absolute; z-index: 999;  }
.header .logo{ position: absolute; left: 60px; top:0; height: 94px;  z-index: 10}
.header .logo a{ display: flex; height: 100%; align-items: center;  }
.header .nav{  height: 100%; position: relative; width: 100%; z-index: 9; text-align: center;}
.header .nav ul{font-size:0; }
.header .nav li{display:inline-block; vertical-align:middle; position: relative; }
.header .nav li i{ display: block; position: absolute; right: 5px; top:25px; width: 24px; height: 14px; background: url(../images/icon-hot.png) no-repeat; }
.header .nav li>a{display:block; font-size:18px; line-height:94px; color: #FFF; position: relative; padding: 0 30px; }
.header .nav li>a:before{ display: none; position: absolute; left: 50%; bottom: 20px; margin-left: -11px; width: 22px; height: 4px; background: #FFF; border-radius: 2px; content:''; }
.header .nav li.active>a:before{ display: block; }
.header .nav li>a:hover{ transform: scale(1.2); }
.header .search{ position: absolute; right: 60px; top:23px; height: 94px;  z-index: 10; width: 274px; height: 43px; overflow: hidden; background: rgba(255,255,255,0.2); border-radius: 21px; }
.header .search form{ display: flex; justify-content: center; align-items: center; height: 100%; }
.header .search form input{ flex:1; background-color: transparent; border:0; height: 100%; padding-left: 20px; color: #FFF; }
.header .search form button{ width: 50px; height: 100%; background-color: transparent; border:0; color: #FFF; font-size: 20px; }

.header-w{ width: 100%; height: 94px; position: fixed; left: 0; top: -100%; z-index: 999; background:#FFF; box-shadow: 0 0 15px rgba(0,0,0,0.1); transition: 0.5s;}
.header-w.show{ top:0;}
.header-w-show{ top:0;}
.header-w .logo{ position: absolute; left: 60px; top:0; height: 94px;  z-index: 10}
.header-w .logo a{ display: flex; height: 100%; align-items: center;  }
.header-w .nav{  height: 100%; position: relative; width: 100%; z-index: 9; text-align: center;}
.header-w .nav ul{font-size:0; }
.header-w .nav li{display:inline-block; vertical-align:middle; position: relative; }
.header-w .nav li i{ display: block; position: absolute; right: 5px; top:25px; width: 24px; height: 14px; background: url(../images/icon-hot.png) no-repeat; }
.header-w .nav li>a{display:block; font-size:18px; line-height:94px; color: #333; position: relative; padding: 0 30px; }
.header-w .nav li>a:before{ display: none; position: absolute; left: 50%; bottom: 20px; margin-left: -11px; width: 22px; height: 4px; background: #FFF; border-radius: 2px; content:''; }
.header-w .nav li.active>a:before{ background: #0072ff; display: block; }
.header-w .nav li>a:hover{ transform: scale(1.2); }
.header-w .search{ position: absolute; right: 110px; top:23px; height: 94px;  z-index: 10; width: 274px; height: 43px; overflow: hidden; background: rgba(169,169,169,0.2); border-radius: 21px; }
.header-w .search form{ display: flex; justify-content: center; align-items: center; height: 100%;  }
.header-w .search form input{ flex:1; background-color: transparent; border:0; height: 100%; padding-left: 20px;  }
.header-w .search form input::placeholder,.header .search form input:focus{color: #666;  }
.header-w .search form button{ width: 50px; height: 100%; background-color: transparent; border:0; color: #666; font-size: 20px; }
.header-w .login {position:absolute;right:30px;height:30px; top:30px; z-index: 10;overflow: hidden; background:#0072ff; border-radius: 21px;text-align: center;line-height: 30px;    padding: 0 10px;}
.header-w .login a{ color: #fff;}

.m-header{ display: none;  align-items: center; justify-content: space-between; padding: 0 10px; position: fixed; left: 0; top: 0; width: 100%; height: 60px; background: #FFF; z-index: 999; }

.menu-btn{padding:12px 0;}
.menu-btn:before,.menu-btn:after,.menu-btn span{display:block;height:2px;background-color:#06a3e8;content:''}
.menu-btn:before{width:24px;}
.menu-btn:after{width:24px; }
.menu-btn span{width:24px; margin: 6px 0 6px; }
.menu-btn.cur:before{transform:rotate(135deg); position: relative; top:10px;}
.menu-btn.cur:after{transform:rotate(-135deg); position: relative; top:8px;}
.menu-btn.cur span{display: none; }

.m-nav{ position: fixed; left: -100%; top:0; width: 100%; height: 100vh; background: #06a3e8; transition: 0.5s; z-index: 10000 }
.m-nav .close{ position: absolute; right: 15px; top:15px; font-size: 28px; color: #FFF; z-index: 999 }
.m-nav ul{ position: absolute; left: 0; top:50%; transform: translateY(-50%); width: 100%; height: 100%;  }
.m-nav li a{ display: block; line-height: 80px;  color: #FFF; font-size: 16px; padding-left: 30px; border-bottom: 1px solid rgba(255,255,255,0.3) }
.m-nav.cur{ left: 0; }

.banner{ width: 100%; overflow: hidden; position: relative;}
.banner .swiper-pagination-bullet{ width: 9px; height: 9px; border-radius: 4px; background: #FFF; opacity: 1;  }
.banner .swiper-pagination-bullet-active{ width: 25px;}
.banner .swiper-slide img {width: 100%; display: block;}
.banner .swiper-slide{ position: relative; }
.banner .swiper-slide .btns{ position: absolute; bottom:90px; left: 0; width: 100%; text-align: center;  }
.banner .swiper-slide .btns a{ display: inline-block; border: 2px solid #FFF; padding: 0 48px; line-height: 48px; color: #FFF; font-size: 16px; }

.banner2{ width: 100%; overflow: hidden; position: relative; height: 582px;}
.banner2 .swiper-slide{ background:no-repeat center / cover;}
.banner2 .swiper-pagination-bullet{ width: 9px; height: 9px; border-radius: 4px; background: #FFF; opacity: 1;  }
.banner2 .swiper-pagination-bullet-active{ width: 25px;}

.bg-hui{ background: #f5f7f9; }

.in-lanmu{ padding:45px 0; }
.in-lanmu-left{ float: left; width: 310px; display: flex; justify-content: space-between; }
.in-lanmu-left li a{ display: block; text-align: center;  margin-right: 40px; font-size: 18px; border-radius: 10px; background: #FFF; padding:15px 10px; color: #0fb178; box-shadow: 0 0 10px rgba(0,0,0,0.05);}
.in-lanmu-left li:last-child a{ color: #1f45cb; }
.in-lanmu-left li a:hover{ background: #0072ff; color: #FFF!important;}
.in-lanmu-right{ margin-left: 310px; }
.in-lanmu-right ul{ display: flex; }
.in-lanmu-right li{ flex:1; margin-right: 25px; margin-bottom: 25px; }
.in-lanmu-right li:last-child{ margin-right: 0; }
.in-lanmu-right li a{ display: block; line-height: 46px; border-radius: 23px; background: #FFF; font-size: 16px;  box-shadow: 0 0 10px rgba(0,0,0,0.05); text-align: center;}
.in-lanmu-right li a:hover{ background: #0072ff; color: #FFF!important;  }
.in-lanmu-right .b li{ margin-bottom:0 ; }

.in-lanmu-right .a li:nth-child(1) a{ color: #cb273c; }
.in-lanmu-right .a li:nth-child(2) a{ color: #095dc8; }
.in-lanmu-right .a li:nth-child(3) a{ color: #ff4800; }
.in-lanmu-right .a li:nth-child(4) a{ color: #8932ff; }
.in-lanmu-right .b li:nth-child(1) a{ color: #de8300; }
.in-lanmu-right .b li:nth-child(2) a{ color: #f000ff; }
.in-lanmu-right .b li:nth-child(3) a{ color: #001cef; }
.in-lanmu-right .b li:nth-child(4) a{ color: #18c528; }

.section{ padding: 30px 0; }
.section-title{ display: flex; justify-content: space-between; align-items: center; height: 40px; margin-bottom: 25px; }
.section-title span{ font-size: 30px; display: flex; align-items: center; height: 100%; font-weight: 500;}
.section-title span i{ margin-right: 10px; display: flex; align-items: center; height: 100%;}
.section-title a{ display: flex; align-items: center; color: #666;}
.section-title a i{ background: url(../images/icon-right.png) no-repeat; width: 14px; height: 14px; margin-left: 5px; }
.section-title a:hover{ color: #0072ff; }
.section-title .swiper-button-prev{ left: auto; right: 50px; top:20px; background-size: 30%; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23222222'%2F%3E%3C%2Fsvg%3E") }
.section-title .swiper-button-next{ top:20px; background-size: 30%; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23222222'%2F%3E%3C%2Fsvg%3E") }

.in-kcjx .container{ margin-top: -10px; }
.in-kcjx .swiper-slide{ padding: 10px 0; }
.in-kcjx .swiper-slide a{ display: block; background: #FFF;  box-shadow: 0 0 15px rgba(0,0,0,0.05); }
.in-kcjx .swiper-slide .img-cover{ padding-top: 57%; position: relative; }
.in-kcjx .swiper-slide .img-cover em{ display: none; position: absolute; left: 0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); align-items: center; justify-content: center;  }
.in-kcjx .swiper-slide .img-cover em i{ background: url(../images/play.png) no-repeat center; width: 48px; height: 48px; }
.in-kcjx .swiper-slide .text{ padding:20px 11px; }
.in-kcjx .swiper-slide .text h2{ font-weight:normal; font-size: 16px; margin-bottom: 20px; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
.in-kcjx .swiper-slide .text p{ display: flex; justify-content: space-between; align-items: center; color: #999; }
.in-kcjx .swiper-slide .text p span i{ margin-right: 7px; }
.in-kcjx .swiper-slide a:hover .img-cover em{ display: flex;  }
.in-kcjx .swiper-slide a:hover .img-cover span{ transform: scale(1.1); }

.in-xksx .container{ margin-top: -10px; }
.in-xksx .swiper-slide{ padding: 10px 0; }
.in-xksx .swiper-slide a{ display: block; background: #FFF;  box-shadow: 0 0 15px rgba(0,0,0,0.05); }
.in-xksx .swiper-slide .img-cover{ padding-top: 57%; position: relative; }
.in-xksx .swiper-slide .img-cover em{ display: none; position: absolute; left: 0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); align-items: center; justify-content: center;  }
.in-xksx .swiper-slide .img-cover em i{ background: url(../images/play.png) no-repeat center; width: 48px; height: 48px; }
.in-xksx .swiper-slide .text{ padding:20px 11px; }
.in-xksx .swiper-slide .text h2{ font-weight:normal; font-size: 16px; margin-bottom: 20px; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
.in-xksx .swiper-slide .text p{ display: flex; justify-content: space-between; align-items: center; color: #999; }
.in-xksx .swiper-slide .text p span i{ margin-right: 7px; }
.in-xksx .swiper-slide a:hover .img-cover em{ display: flex;  }
.in-xksx .swiper-slide a:hover .img-cover span{ transform: scale(1.1); }

.in-adv1{ margin:20px 0 50px; overflow: hidden; }
.in-adv1 img:hover{ transform: scale(1.1); }

.list-1{ margin:0 0 0 -23px; }
.list-1 li{ float: left; width: 20%; }
.list-1 li a{ display: block; background: #FFF; margin:0 0 23px 23px;  box-shadow: 0 0 15px rgba(0,0,0,0.05);}
.list-1 li .img-cover{ padding-top: 98%; position: relative; }
.list-1 li .img-cover em{ display: none; position: absolute; left: 0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); align-items: center; justify-content: center;  }
.list-1 li .img-cover em i{ background: url(../images/play.png) no-repeat center; width: 48px; height: 48px; }
.list-1 li .text{ padding:20px 11px; }
.list-1 li .text h2{ font-weight:normal; font-size: 16px; margin-bottom: 20px; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
.list-1 li .text p{ display: flex; justify-content: space-between; align-items: center; color: #999; }
.list-1 li .text p span i{ margin-right: 7px; }
.list-1 li a:hover .img-cover em{ display: flex;  }
.list-1 li a:hover .img-cover span{ transform: scale(1.1); }

.list-2{ margin:0 0 0 -23px; }
.list-2 li{ float: left; width: 20%; }
.list-2 li a{ display: block; background: #FFF; margin:0 0 23px 23px;  box-shadow: 0 0 15px rgba(0,0,0,0.05); }
.list-2 li .img-cover{ padding-top: 57%; position: relative; }
.list-2 li .img-cover em{ display: none; position: absolute; left: 0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); align-items: center; justify-content: center;  }
.list-2 li .img-cover em i{ background: url(../images/play.png) no-repeat center; width: 48px; height: 48px; }
.list-2 li .text{ padding:20px 11px; }
.list-2 li .text h2{ font-weight:normal; font-size: 16px; margin-bottom: 20px; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
.list-2 li .text p{ display: flex; justify-content: space-between; align-items: center; color: #999; }
.list-2 li .text p span i{ margin-right: 7px; }
.list-2 li a:hover .img-cover em{ display: flex;  }
.list-2 li a:hover .img-cover span{ transform: scale(1.1); }

.in-djdzk{ padding-bottom: 80px; }
.in-djdzk .swiper-slide{ padding: 10px 0; }
.in-djdzk .swiper-slide a{ display: block; background: #FFF;  box-shadow: 0 0 15px rgba(0,0,0,0.05); }
.in-djdzk .swiper-slide .img-cover{ padding-top: 57%; position: relative; }
.in-djdzk .swiper-slide .img-cover em{ display: none; position: absolute; left: 0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); align-items: center; justify-content: center;  }
.in-djdzk .swiper-slide .img-cover em i{ background: url(../images/play.png) no-repeat center; width: 48px; height: 48px; }
.in-djdzk .swiper-slide .text{ padding:20px 11px; }
.in-djdzk .swiper-slide .text h2{ font-weight:normal; font-size: 16px; margin-bottom: 20px; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
.in-djdzk .swiper-slide .text p{ display: flex; justify-content: space-between; align-items: center; color: #999; }
.in-djdzk .swiper-slide .text p span i{ margin-right: 7px; }
.in-djdzk .swiper-slide a:hover .img-cover em{ display: flex;  }
.in-djdzk .swiper-slide a:hover .img-cover span{ transform: scale(1.1); }

.in-chuangxin{ background:url(../images/bg1.jpg) no-repeat top center; padding-top: 65px; }
.in-chuangxin .tits{ font-size: 16px; margin-bottom: 50px; color: #FFF;  }
.in-chuangxin .tits span{ font-size: 38px; display: block; margin-bottom: 10px; }
.in-chuangxin ul{ margin:0 0 0 -25px;  }
.in-chuangxin li{ float: left; width: 33.3333%;  }
.in-chuangxin li a{ display: block; background: #FFF; margin-left: 25px; padding: 28px 40px; box-shadow: 0 0 15px rgba(0,0,0,0.05); transition: 0.5s; border-bottom: 3px solid transparent; position:relative; }
.in-chuangxin li .img-center{ text-align: left; display: flex; align-items: center; height: 60px; }
.in-chuangxin li h2{ font-size: 18px; color: #333; line-height: 42px; margin-top: 10px; }
.in-chuangxin li p{ color: #666; line-height: 26px; }
.in-chuangxin li .pic{ position:absolute; right:15px; top:15px;}
.in-chuangxin li .pic img{ width:120px;}
.in-chuangxin li a:hover{ transform: scale(1.05); border-bottom: 3px solid #0072ff; }

.in-partner{ padding-top: 60px; }
.in-partner ul{ margin:0 0 0 -23px; }
.in-partner li{ float: left; width: 20%; }
.in-partner li a{ display: block; background: #FFF; margin:0 0 23px 23px; box-shadow: 0 0 15px rgba(0,0,0,0.05); border-radius: 10px;}
.in-partner li a:hover img{ transform:scale(1.1); }

.footer{ background: #282c2f; padding: 45px 0 35px; color: #a9a9a9; font-size: 12px; }
.footer a{ color: #a9a9a9; }
.footer a:hover{ color: #FFF; }
.footer .text{ float: left; }
.footer .text h2{color: #a9a9a9;font-size: 1.8em;margin-bottom: 40px; }
.footer .fnav{ font-size: 14px; margin: 10px 0 10px; }
.footer .fnav a{ font-size: 14px; padding: 0 20px; }
.footer .fnav a:first-child{ padding-left: 0;color:#a9a9a9； }
.footer .links a{ margin-right: 12px;color:#a9a9a9； }
.footer .copyright{ margin-top: 10px; }
.footer .ewm{ float: right; width: 110px; text-align: center; }
.footer .ewm img{ max-width: 100%; }
.footer .ewm p{ font-size: 14px; }

.filtrate{ margin: 45px 0; }
.filtrate dl{ display: flex; margin-bottom: 20px; }
.filtrate dl dt{ flex:0 0 90px; font-size: 16px; line-height: 37px; }
.filtrate dl dd{ flex:1; position: relative; }
.filtrate dl dd b{ font-weight: normal; }
.filtrate dl dd a{ display: inline-block; padding: 0 14px; line-height: 37px; border-radius: 18px; font-size: 16px; margin:0 12px; cursor: pointer;}
.filtrate dl dd a.active{ background: #FFF; color: #0072ff; box-shadow: 0 0 8px rgba(0,0,0,0.05) }
/*.filtrate dl dd .menu{ position: absolute; right: 0; top:0; }
.filtrate dl dd .menu a{ display: inline-block; background: url(../images/tits1.png) no-repeat; width: 108px; line-height: 37px; text-align: center; color: #FFF; }
.filtrate dl dd .menu a:last-child{ background-image: url(../images/tits2.png); }*/
.filtrate2{ margin: 140px 0 45px; }

.list-3{ margin:0 0 0 -42px; }
.list-3 li{ float: left; width: 25%; }
.list-3 li a{ display: block; background: #FFF; margin:0 0 48px 42px;  box-shadow: 0 0 15px rgba(0,0,0,0.05); }
.list-3 li .img-cover{ padding-top: 57%; position: relative; }
.list-3 li .img-cover em{ display: none; position: absolute; left: 0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); align-items: center; justify-content: center;  }
.list-3 li .img-cover em i{ background: url(../images/play.png) no-repeat center; width: 48px; height: 48px; }
.list-3 li .text{ padding:20px 11px; }
.list-3 li .text h2{ font-weight:normal; font-size: 16px; margin-bottom: 20px; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
.list-3 li .text p{ display: flex; justify-content: space-between; align-items: center; color: #999; }
.list-3 li .text p span i{ margin-right: 7px; }
.list-3 li a:hover .img-cover em{ display: flex;  }
.list-3 li a:hover .img-cover span{ transform: scale(1.1); }
.list-3-2 li{ width: 33.3333%; }
.list-3-2 li a{ margin-bottom: 0; }

.pages{ text-align: center; }
.pages li{list-style: none;display: inline-block;}
.pages a{ display: inline-block; min-width: 30px; line-height: 30px;  font-size: 14px; margin:0 5px; }
.pages li.active a{ background: #0061ff; border-radius: 50%;  color: #FFF;  }

.banner-sub{ background: no-repeat center / cover; height: 582px; }
.banner-sub2{ height: 540px; display: flex; justify-content: center; align-items: center; }

.search2{ text-align: center; color: #FFF; }
.search2 h2{ font-weight:normal; font-size: 48px; }
.search2 form{ width: 795px; height: 52px; background: #FFF; border-radius: 26px; display: flex; margin:30px 0 25px; overflow: hidden; }
.search2 form input{ flex:1; background-color: transparent; border:0; height: 100%; padding-left: 20px; text-align: center; font-size: 18px;  }
.search2 form input::placeholder,.header .search form input:focus{color: #666666;  }
.search2 form button{ width: 90px; height: 100%; background-color: transparent; border:0; color: #666666; font-size: 20px; }
.search2 .keywords{ font-size: 16px; display: flex; justify-content: center; align-items: center; }
.search2 .keywords p{ display: none; }
.search2 .keywords p.show{ display: block; }
.search2 .keywords p a{ padding:0 12px; color: #FFF; }
.search2 .keywords .btns{ margin-left: 13px; }
.search2 .keywords .btns a{ display: flex; justify-content: center; align-items: center; padding: 0 15px; line-height:25px; border-radius: 13px; background: rgba(255,255,255,0.2); color: #FFF; }
.search2 .keywords .btns i{ width: 20px; height: 16px; background: url(../images/icon-huan.png) no-repeat; margin-right:4px; }

.huaxu{ background: url(../images/bg2.jpg) no-repeat center / cover; padding:55px 0 30px; }
.huaxu-left{ float: left; width: 245px; color: #FFF; padding-top: 130px; }
.huaxu-left .text h2{ font-size: 36px; font-weight:normal; margin-bottom: 65px; }
.huaxu-left .text p{ font-size: 16px; line-height: 25px; }
.huaxu-right{ margin-left: 355px; }
.huaxu-right ul{ height: 700px; margin:0 0 0 -18px; overflow-y: scroll; }
.huaxu-right ul::-webkit-scrollbar{width:7px;height:7px;background-color:#606569}
.huaxu-right ul::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;background-color:#606569}
.huaxu-right ul::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#c3c3c3}
.huaxu-right li{ float: left; width: 33.3333%; }
.huaxu-right li a{ display: block; margin:0 0 18px 18px; }
.huaxu-right li .img-cover{ padding-top: 86%; }
.huaxu-right li:nth-child(10) a{ margin-bottom: 0; }
.huaxu-right li:nth-child(11) a{ margin-bottom: 0; }
.huaxu-right li:nth-child(12) a{ margin-bottom: 0; }

.adv2{ margin:20px 0; }

.adv3{ background: #1d222c; padding: 70px 0; display: flex; justify-content: center; align-items: center; font-size: 18px; color: #FFF; }
.adv3 ul{ display: flex; margin-left: 60px; }
.adv3 li{ margin-left: 120px; text-align: center; }
.adv3 li .icon{ margin-bottom: 15px; display: flex; align-items: center; justify-content: center; height: 60px;  }

.list-number{ display: flex; justify-content: center; padding-top: 100px;}
.list-number li{ flex:1; text-align: center; position: relative; padding-bottom: 20px; }
.list-number li:before{ position: absolute; bottom: 0; left: 50%; margin-left: -33px; width: 66px; height: 3px; background: #0971c2; content: ''; }
.list-number li h2{ font-size: 132px; color: #0971c2; font-weight: normal; }
.list-number li h2 i{ font-size: 36px; position: relative; top: -90px;}
.list-number li h2 span{ font-weight:100; }
.list-number li p{ font-size: 26px; font-weight: bold; }

.list-lanmu{ margin:0 0 0 -40px; padding:70px 0; }
.list-lanmu li{ float: left; width: 33.333%; }
.list-lanmu li a{ display: block; border: 1px solid #e8e8e8; margin:0 0 40px 40px; }
.list-lanmu li .img-cover{ padding-top: 58%; }
.list-lanmu li .text{ padding: 30px 20px 20px; }
.list-lanmu li .text h2{ font-size: 30px;  margin-bottom: 15px; font-weight: normal;}
.list-lanmu li .text p{ font-size: 22px; display: flex; align-items: center; }
.list-lanmu li .text p i{ width: 25px; height: 25px; background: url(../images/icon-right2.png) no-repeat center / 100%; margin-right: 8px;  }
.list-lanmu li a:hover .img-cover span{ transform: scale(1.1); }

.adv4{ background: url(../images/bg3.jpg) no-repeat center / cover; padding:120px 0 90px; display: flex; justify-content: center; align-items: center; text-align: center; }
.adv4 .text{ color: #FFF; font-size: 60px; }
.adv4 .text span{ font-size: 55px; display: block; }

.banner-sub3{  background: no-repeat center / cover; position: relative; overflow: hidden; }
.banner-sub3:before{ position: absolute; left: 0; top:0; background: no-repeat center / cover; /*filter: blur(50px);*/ width: 100%; height: 100%; content: '';z-index: 1}
.banner-sub3:after{ position: absolute; left: 0; top:0; background:rgba(0,0,0,0.5); width: 100%; height: 100%; content: ''; z-index: 2}
.banner-sub3 .container{ height: 100%; font-size: 0;}
.banner-sub3 .container,.show-video .container{ max-width: 1500px;}
.banner-sub3 .video{ padding:0 0 0; height: 100%; position: relative; z-index: 11}
.banner-sub3 .video video{ width: 100%;   object-fit:fill; }

.ct{ display: flex; max-width:1500px; margin:0 auto; padding:0px;}
.ct-mn{ flex:1; }
.ct-sd{ flex:0 0 376px; margin-left: 26px; }

.adv5{ overflow:hidden; transition: 0.5s; }
.adv5:hover img{ transform:scale(1.1); }

.paned-sd{ margin-top: 23px; background: #FFF; padding:20px;  box-shadow: 0 0 15px rgba(0,0,0,0.05); }
.paned-sd .tits{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 25px; }
.paned-sd .tits span{ font-size: 20px; }
.paned-sd li a{ display: flex;  margin-bottom: 18px;  }
.paned-sd li .img-cover{ flex:0 0 50%; height: 104px; margin-right: 20px; position: relative;  border-radius: 10px; overflow: hidden;}
.paned-sd li .img-cover em{ display: none; position: absolute; left: 0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); align-items: center; justify-content: center;  }
.paned-sd li .img-cover em i{ background: url(../images/play.png) no-repeat center; width: 48px; height: 48px; }
.paned-sd li .text h2{ font-size: 16px; font-weight:normal; margin-bottom: 14px; }
.paned-sd li .text p{ color: #999; }
.paned-sd li a:hover .img-cover em{ display: flex;  }
.paned-sd li a:hover .img-cover span{ transform: scale(1.1); }

.info{ padding: 94px 0 0; }
.info-content{ background: #FFF; padding:35px;  box-shadow: 0 0 15px rgba(0,0,0,0.05); }
.info-content-title{ padding-bottom: 29px; border-bottom: 1px solid #f2f2f2; }
.info-content-title h1{ font-size: 30px; display: flex; justify-content: space-between; align-items: center; font-weight: normal; }
.info-content-title h1 a{ display: inline-block; padding: 0 42px; font-size: 18px; color: #FFF; line-height: 42px; border-radius: 21px; background: #0072ff; font-weight: normal; }
.info-content-title p{ margin:15px 0 20px; color: #666;}
.info-content-title p span{ margin-right: 38px; }
.info-content-title p span em{ margin:0 17px 0 13px; color: #666; }
.info-content-title .share{ display: flex; }
.info-content-title .share a{color: #666; display: flex; justify-content: center; align-items: center; width:96px; height: 32px; border-radius: 16px; border: 2px solid #dedede; margin-right: 18px; }
.info-content-title .share i{ margin-right: 10px; }
.info-content-body{ padding: 25px 0; border-bottom: 1px solid #f2f2f2; color: #999; }
.info-content-body img{max-width:100%;}
.info-content-body2{ padding: 0;  color: #999; }
.info-content-body .tits{ font-size: 16px; color: #333; margin-bottom: 20px; }
.info-content-body p{ line-height: 23px; }
.info-content-tag{ padding: 25px 0 0; color: #999; }
.info-content-tag .tits{ font-size: 16px; color: #333; margin-bottom: 20px; }
.info-content-tag p a{ display: inline-block; line-height: 34px; padding: 0 14px; border-radius: 8px; margin-right: 9px; background: #eff1f3; }
.info-content-tag p a:hover{ background: #0072ff; color: #FFF; }

.xiangguan{ background: #FFF; padding:35px;  box-shadow: 0 0 15px rgba(0,0,0,0.05); margin-top: 23px; }
.xiangguan .tits{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 25px; }
.xiangguan .tits span{ font-size: 20px; }

.share-content-bg{ display: none; background: rgba(0,0,0,0.5); position: fixed; left:0; top: 0; width: 100%; height: 100%; z-index: 999 }
.share-content{ display: none; position: fixed; left:50%; top: 50%; transform: translate(-50%,-50%); width: 546px; height: 300px; padding: 20px; background: rgba(255,255,255,1); border-radius: 8px; z-index: 1000 }
.share-content .tits{ display: flex; justify-content: space-between; align-items: center; font-size: 16px; margin-bottom: 25px; }
.share-content .tits i{ cursor: pointer; width: 25px; height: 25px; text-align: right; }
.share-content-ct{ display: flex; justify-content: center; margin-bottom: 25px; }
.share-content-ct .pic{ width: 270px; margin-right: 40px;}
.share-content-ct .pic-ct{ position: relative; margin-bottom: 10px; }
.share-content-ct .pic-ct .img-center img{ border-radius: 8px; }
.share-content-ct .pic-ct .text{ position: absolute; bottom: 0; left: 0; color: #FFF; background-color: rgba(0,0,0,0.5); line-height: 35px; padding:0 15px; width: 100%; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
.share-content-ct .pic .btns a{ display: block; line-height: 32px; background: #e74b3b; color: #FFF; text-align: center; font-size: 14px; border-radius: 5px; }
.share-content-ct .ewm{ width: 150px; text-align: center; }
.share-content-ct .ewm img{ padding: 5px; border-radius: 3px; border: 1px solid #ddd; width: 100%; }
.share-content-ct2{ display: flex; justify-content: center; align-items: center; }
.share-content-ct2 a{ flex:0 0 48px; height: 48px; border-radius: 50%; background: #eff6ff;display: flex; justify-content: center; align-items: center; font-size: 20px; margin:0 20px; }
.share-content-ct2 a:first-child{ color: #4d9feb; }
.share-content-ct2 a:nth-child(2){ color: #e34343; }
.share-content-ct2 a:nth-child(3){ color: #139c26; }

.kefu{ position: fixed; right: 10px; bottom:50px; z-index: 900; width: 40px; border-radius: 20px; padding: 6px; background: #FFF;  box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.kefu li{ padding: 12px 0; text-align: center; position: relative; }
.kefu li i{ font-size: 18px; }
.kefu li .time{ display: none; position: absolute; top:50%; right: 48px; transform:translateY(-50%); padding: 15px; font-size: 12px; text-align: center; z-index: 10; transition: 0.3s; width: 150px; background: #FFF; border-radius: 5px; box-shadow: 0px 4px 10px 0px rgba(39, 41, 44, 0.1);}
.kefu li .time span{ display: block; font-size: 16px; margin-top: 5px; }
.kefu li .time:before{ position: absolute; right: -15px; top:50%; transform:translateY(-50%); width: 0; height: 0; border: 8px solid transparent; border-left:8px solid #FFF; content:'';}
.kefu li .tel{ display: none; position: absolute; top:50%; right: 48px; transform:translateY(-50%);  z-index: 10; transition: 0.3s; width: 150px; line-height: 50px; background: #FFF; border-radius: 5px; font-size: 16px;  box-shadow: 0px 4px 10px 0px rgba(39, 41, 44, 0.1);}
.kefu li .tel:before{ position: absolute; right: -15px; top:50%; transform:translateY(-50%); width: 0; height: 0; border: 8px solid transparent; border-left:8px solid #FFF; content:'';}
.kefu li .ewm{ display: none; position: absolute; top:50%; right: 48px; transform:translateY(-50%);  z-index: 10; transition: 0.3s; width: 150px; background: #FFF; padding: 10px; border-radius: 5px; }
.kefu li .ewm:before{ position: absolute; right: -15px; top:50%; transform:translateY(-50%); width: 0; height: 0; border: 8px solid transparent; border-left:8px solid #FFF; content:'';}
.kefu li .ewm img{ width: 100%; }
.kefu li.active .time{ display: block; }
.kefu li.active .tel{ display: block; }
.kefu li.active .ewm{ display: block; }

.banner-sub4{ height: 866px; display: flex; justify-content: center; align-items: center; }
.banner-sub4 .btns{ margin-top: 300px; margin-left: 700px; }
.banner-sub4 .btns a{ width: 166px; line-height: 53px; background: #0172ff; color: #FFF; font-size: 30px; display: inline-block; text-align: center;border-radius: 27px; } 
.banner-sub4 .btns a:hover{ background:#46ab26;}

.szr-menu{ padding: 20px 0; }
.szr-menu ul{ display: flex; justify-content: center; padding: 0 100px; }
.szr-menu li{ flex:12.5%;  }
.szr-menu li a{ display: block; text-align: center; font-size: 16px; transition: 0.5s; position: relative;}
.szr-menu li a:before{ display: none; position: absolute; bottom: -15px; left: 50%; margin-left: -43px; width: 86px; height: 2px; background: #0072ff; content:''; }
.szr-menu li .icon{ height: 45px; display: flex; justify-content: center; align-items: center; }
.szr-menu li .text{ margin-top: 14px; }
.szr-menu li a:hover{ transform: scale(1.1); }
.szr-menu li.active a{ color: #0072ff; }
.szr-menu li.active a:before{ display: block; }

.szr-con{ padding: 100px 0; }
.szr-con .content{ position: relative; display: flex; justify-content: space-between;  }
.szr-con .content:before{ position: absolute; left: 0; top:60px; width: 100%; height: 480px; background: #FFF; content: ''; }
.szr-con .content .text{ margin: 140px 0 0 90px; position: relative; z-index: 10; width: 388px; background: url(../images/icon-yinhao.png) no-repeat right top; }
.szr-con .content .text h2{ font-weight: normal; font-size: 38px; margin-bottom: 15px; }
.szr-con .content .text p{ font-size: 16px; line-height: 30px; color: #666; }
.szr-con .content .text .btns{ margin-top: 20px; }
.szr-con .content .text .btns a{ display: inline-block; line-height: 39px; border-radius: 19px; background: #0172ff; color: #FFF; padding: 0 32px; font-size: 16px; }
.szr-con .content .text .btns a:hover{ background:#46ab26;}
.szr-con .content .img-center{ position: relative; z-index: 10 }

.section-title2{ margin-bottom: 60px; }
.section-title2 strong{ font-size: 40px; font-weight: normal; }
.section-title2 p{ font-size: 16px; color: #333; margin-top: 18px; }

.szr-1{ background: url(../images/bg-szr1.jpg) no-repeat center / cover; padding: 100px 0; }
.szr-1-con{ display: flex; }
.szr-1-con .a li{ display: flex; }
.szr-1-con .a li a{ display: block; margin:0 11px 11px 0; border-radius: 10px; overflow: hidden; }
.szr-1-con .b li a{ display: block; margin:0 11px 11px 0; border-radius: 10px; overflow: hidden; }
.szr-1-con .c{ display: flex;  }
.szr-1-con .c li a{ display: block; margin:0 0 11px 0; border-radius: 10px; overflow: hidden;  }
.szr-1-con .c li:first-child a{ margin-right: 11px; }
.szr-1-con li .img-center{ overflow: hidden; }
.szr-1-con li a:hover .img-center img{ transform: scale(1.1); }

@keyframes dong{
25%{transform:translateY(-44px)}
50%,to{transform:translateY(-36px)}
75%{transform:translateY(-28px)}
}

.szr-2{ background: url(../images/bg-szr2.jpg) no-repeat center / cover; padding: 115px 0 108px; }
.szr-2-menu{ float: left; width: 459px; }
.szr-2-menu li a{ display: block; height: 143px; background: url(../images/szr-menu1.png) no-repeat center; margin-bottom: 45px; border-radius: 15px; padding: 20px 30px; color: #FFF;}
.szr-2-menu li:last-child a{ margin-bottom: 0; }
.szr-2-menu li.active a{ background-image: url(../images/szr-menu1-h.png); }
.szr-2-menu li h2{ font-size: 24px; font-style: italic; display: flex; align-items: center; font-weight: normal; margin-bottom: 10px; }
.szr-2-menu li h2 i{ margin-right: 10px; }
.szr-2-menu li p{ font-size: 16px; line-height: 25px; color: #e0edff; }
.szr-2-menu li.active a{ color: #1567e9; }
.szr-2-menu li.active p{ color: #333; }
.szr-2-con{ margin-left: 670px; }
.szr-2-con .content{ position: relative; text-align: center; display: none; padding-top: 50px;}
.szr-2-con .content .img-center{ animation: dong 3s linear infinite; }

.szr-3{ background: url(../images/bg-szr3.jpg) no-repeat center / cover; padding: 160px 0 145px; }
.szr-3-con{ display: flex; justify-content: space-between; align-items: center; }
.szr-3-con .text{ flex:1; margin-left: 150px; }
.szr-3-con .text h2{ font-size: 40px; margin-bottom: 30px; font-weight: normal; }
.szr-3-con .text p{ font-size: 24px; line-height: 60px; }
.szr-3-con .text .btns{ margin-top:40px; }
.szr-3-con .text .btns a {display: inline-block; padding: 0 40px; line-height: 54px; font-size: 30px; background: #0172ff; border-radius: 27px; color: #FFF;}
.szr-3-con .text .btns a:hover{ background:#46ab26;}
.szr-3-con .video{ flex:0 0 830px; position: relative; z-index: 100; padding: 0 80px; }
.szr-3-con .video video{ width: 100%; height: 100%; object-fit: cover; mix-blend-mode: screen; border-radius: 28px; }

.szr-4{ background: url(../images/bg-szr4.jpg) no-repeat center / cover; padding: 140px 0 120px; }
.szr-4-con{ display: flex; justify-content: space-between; align-items: center; }
.szr-4-con .text{ flex:1; }
.szr-4-con .text h2{ font-size: 40px; margin-bottom: 30px; font-weight: normal; }
.szr-4-con .text p{ font-size: 24px; line-height: 60px; }
.szr-4-con .text .btns{ margin-top:40px; }
.szr-4-con .text .btns a {display: inline-block; padding: 0 40px; line-height: 54px; font-size: 30px; background: #0172ff; border-radius: 27px; color: #FFF;}
.szr-4-con .text .btns a:hover{ background:#46ab26;}
.szr-4-con .img-center{ flex:0 0 830px;}

.szr-5{ padding: 130px 0 95px; }
.szr-5 ul{ margin:0 0 0 -26px; }
.szr-5 li{ float: left; width: 20%; }
.szr-5 li a{ display: block; margin:0 0 0 26px; text-align: center; padding: 40px; border-radius: 5px; background:#fff; transition:.3s; }
.szr-5 li .icon img{ height: 86px; }
.szr-5 li .text h2{ font-size: 20px; font-weight: normal; margin-bottom: 10px; margin-top: 30px; }
.szr-5 li .text p{ display: none; color: #808080; line-height: 22px;}
.szr-5 li a:hover{ transform: scale(1.2); }
.szr-5 li a:hover .text p{ display: block; }
/*.szr-5-con{ position:relative; padding-bottom: 50px;}
.szr-5-con .swiper-slide a{ display: block; padding: 50px; border-radius: 5px; background:#fff; text-align:center; transition:.3s; transform:scale(.8) translateY(80px); }
.szr-5-con .swiper-slide-active a,.swiper-slide-duplicate-active a{transform:scale(1);}
.szr-5-con .swiper-slide .text h2{ font-size: 24px; font-weight: normal; margin-bottom: 10px; margin-top: 30px; }
.szr-5-con .swiper-slide .text p{ display: none; font-size: 16px; color: #808080; line-height: 27px;}
.szr-5-con .swiper-slide-active .text p,.swiper-slide-duplicate-active .text p{ display: block; }
.szr-5-con .swiper-pagination-bullets{ text-align: center; width: 100%; bottom: 0; }
.szr-5-con .swiper-pagination-bullet{ width: 36px; height: 2px; border-radius: 0; background: #dcdcdc; opacity: 1; margin:0 6px; }
.szr-5-con .swiper-pagination-bullet-active{ background: #0172ff;}
*/
.szr-6{ padding: 100px 0 64px; }
.szr-6 ul{ margin:0 0 0 -36px; }
.szr-6 li{ float: left; width: 33.333%; }
.szr-6 li a{ display: block; background: #eff8f7; color: #000; border-radius: 10px; margin:0 0 36px 36px; height: 237px; position: relative; overflow: hidden;}
.szr-6 li:nth-child(2) a{ background: #eef3f8; }
.szr-6 li:nth-child(3) a{ background: #eff0f8; }
.szr-6 li:nth-child(4) a{ background: #eff0f8; }
.szr-6 li:nth-child(5) a{ background: #eff8f7; }
.szr-6 li:nth-child(6) a{ background: #eef3f8; }
.szr-6 li .text h2{ font-weight: normal; font-size: 20px;  }
.szr-6 li .text h2 span{ display: block; font-size: 30px; margin-top: 10px;}
.szr-6 li .items{display: flex; justify-content: space-between; align-items: center; height: 100%; transition: 0.5s; padding: 35px;  }
.szr-6 li .items2{ position: absolute; left: 0; top:0; width: 100%; height: 100%; transform: translateY(-100%); transition: 0.5s; padding: 35px; z-index: 99  }
.szr-6 li .items2 .text p{ font-size: 12px; margin-top: 10px; line-height: 20px; color: #666; }
.szr-6 li a:hover .items{ transform: translateY(100%); }
.szr-6 li a:hover .items2{ transform: translateY(0);  }

.show-video{ padding: 50px 0; background: no-repeat center / cover;  }
.show-video .crumbs{ color: #000; margin-bottom: 35px; font-size: 16px;}
.show-video .crumbs a{ color: #333; }
.show-video .crumbs p{ display: flex; align-items: center; margin-bottom: 8px;}
.show-video .crumbs p span{ font-size: 25px; font-weight: 550; margin-left: 10px; position: relative; top:-3px; }
.show-video .crumbs .tag{padding-left: 30px;}
.show-video .crumbs .tag a{ display: inline-block; padding: 3px 15px; color: #333; border-radius: 20px; font-size: 14px; background: #b6ffbf; border: 1px solid #FFF; margin-right: 10px; }
.show-video .crumbs .tag a:nth-child(2){ background: #bce5ff;  }
.show-video .content{ display: flex; width: 100%; }
.show-video .content .video{ flex:1; }
.show-video .content .video video{ width: 100%; border-radius: 10px}
.show-video .content .text{ flex:0 0 600px; margin-left: 28px; }
.show-video .content .text .tits{ height: 50px; overflow: hidden; }
.show-video .content .text .tits img{ height: 50px; }
.show-video .content .text .con{ background: #FFF; height: 393px; padding:20px; position: relative;  padding-bottom: 100px;  border-radius: 0 10px 10px 10px; }
.show-video .content .text .con .desc{ font-size: 17px; line-height: 1.5; margin-bottom: 20px; }
.show-video .content .text .con p{ color: #333; font-size: 16px; line-height: 2;}
.show-video .content .text .con p span{ margin-right: 38px; }
.show-video .content .text .con p span:last-child{ margin-right: 0; }
.show-video .content .text .con p span em{ margin:0 17px 0 0; color: #333; }
.show-video .content .text .share{  margin-top: 15px;display: flex;margin-bottom:20px ;float: left;padding-top: 25px;}
.show-video .content .text .share a{color: #666; display: flex; justify-content: center; align-items: center; width:96px; height: 32px; border-radius: 16px; border: 1px solid #dedede; margin-right: 18px; }
.show-video .content .text .share i{ margin-right: 10px; }
.show-video .content .text .go{display: flex; justify-content: flex-end; margin-top: 32px; }
.show-video .content .text .go a{ display: inline-block; padding: 7px 30px; font-size: 16px; color: #FFF; border-radius: 50px; background: #0072ff; font-weight: normal; }

.tab-video-menu{ padding: 0 38px; background: #FFF; margin-bottom: 40px; display: flex;justify-content: center; height: 75px; border-radius: 50px; align-items: center; }
.tab-video-menu li a{ display: block; color: #333; font-size: 18px; margin:0px 45px; position:relative;font-weight: 550}
.tab-video-menu li a:before{ display:none; position:absolute; left:0; bottom:-10px; width:100%; height:3px; background:#238df0; content:'';}
.tab-video-menu li.active a{ color: #238df0; }
.tab-video-menu li.active a:before{ display: block;}
.tab-video-con{ padding: 20px 38px 60px; border-radius: 20px;  background: #FFF; }
.tab-video-con .content dl dt{ font-size: 16px; line-height: 60px; color:#666; }
.tab-video-con .content dl dd{ margin:0 70px; border-bottom: 1px solid #f2f2f2; }
.tab-video-con .content dl dd a{ font-size: 16px; display: flex; justify-content: space-between; align-items: center; height: 45px; }
.tab-video-con .content dl dd p{display:flex; align-items:center;}
.tab-video-con .content dl dd i{ font-size: 20px; margin-right: 15px; }
.tab-video-con .content dl dd em{ font-size: 14px;  }
.tab-video-con .content{ font-size: 16px; line-height: 30px; }
.tab-video-con .content img{ max-width: 100%; }

.paned-sd2{ background: #FFF; padding:20px;  box-shadow: 0 0 15px rgba(0,0,0,0.05); border-radius: 10px; overflow: hidden; }
.paned-sd2 .tits{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 25px; font-size: 16px; }
.paned-sd2 .tits b{ font-size: 24px; font-weight: normal; }
.paned-sd2 .tits a{ display: flex; justify-content: center; align-items: center; padding: 0 15px; line-height:25px; color: #0072ff;  }
.paned-sd2 .tits i{ width: 20px; height: 16px; background: url(../images/icon-huan2.png) no-repeat; margin-right:4px; }
.paned-sd2 ul{ display: none; }
.paned-sd2 ul.show{ display: block; }
.paned-sd2 li a{ display: block;  margin-bottom: 18px;  }
.paned-sd2 li .img-cover{ padding-top: 63%; position: relative; border-radius: 10px; overflow: hidden; }
.paned-sd2 li .img-cover em{ display: none; position: absolute; left: 0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); align-items: center; justify-content: center;  }
.paned-sd2 li .img-cover em i{ background: url(../images/play.png) no-repeat center; width: 48px; height: 48px; }
.paned-sd2 li .text{ padding:20px 11px; }
.paned-sd2 li .text h2{ font-size: 16px; font-weight:normal; margin-bottom: 14px; }
.paned-sd2 li .text p{ color: #999; }
.paned-sd2 li a:hover .img-cover em{ display: flex;  }
.paned-sd2 li a:hover .img-cover span{ transform: scale(1.1); }

.intro-icon span{display: inline-block;width: 145px;height: 34px;background: url(../images/icona1.png) no-repeat;line-height: 34px;font-size: 20px;text-indent: 24px;font-weight: 550;letter-spacing: 2px;background-size: 100%;border-top-left-radius: 10px;}
.intro-icon span.active{background: url(../images/icon_h1.png) no-repeat;color: #fff;background-size: 100%;}
.intro-icon span:last-child{margin-left: -15px;}
.intro-box{background: #FFF;line-height: 30px;font-size: 15px;margin-bottom: 40px; height: 120px; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;}
.intro-box>span{color: #0c6eee;font-size: 15px;margin-left: 5px;}
.intro-box>span a{color: #0c6eee;font-size: 15px}
.credit-box{display: flex;align-items: center;margin-bottom: 20px;}
.credit-box .credit{margin-right: 20px;background: #f7f7f7;border-radius: 5px;padding: 8px 30px;color: #000;}
.credit-box .credit:last-child{margin-right: 0}
.school{color: #000;}
.intro-bg{background: #ffffff; height: 400px; border-top-right-radius: 20px;border-bottom-right-radius: 20px;border-bottom-left-radius: 20px;padding: 13px 20px 20px;}
.school>span{font-weight:normal;}
.join-box{display: flex;margin-top: 30px;justify-content: space-between;align-items: center;}
.join-box .teacher{color: #000;}
.join-box .teacher>span{color: #000;}
.join-box .join{background: #0566ec;border-radius: 50px;padding: 7px 40px;cursor: pointer;color: #fff;}








@media screen and (max-width: 1366px) {
   .header .search{ display: none; }
   .banner-sub3 .container,.show-video .container{ max-width: 1000px;}
}
@media screen and (max-width: 768px) {
	body{ padding-top: 60px; }
	.container{ padding:0 15px; }
	.w1440{ padding:0 15px; }
	.header{ display: none;}
	.header-w{ display: none;}
	.m-header{ display: flex; }
	
	.banner .swiper-slide .btns{ display: none; }
	.banner2{ height: 200px;}

	.in-lanmu{ padding:25px 0 0;  }
	.in-lanmu-left{ float: none; width: auto; flex-wrap: wrap; justify-content: center;}
	.in-lanmu-left li{ margin:0 10px;  }
	.in-lanmu-left li a{ margin-right: 0; }
	.in-lanmu-right{ margin-left: 0; padding-top: 25px; }
	.in-lanmu-right ul{ flex-wrap: wrap; }
	.in-lanmu-right li{ flex:auto; margin-bottom: 10px; margin-right: 10px;  }
	.in-lanmu-right li a{line-height: 30px; border-radius: 15px; font-size: 14px; padding: 0 10px;  }
	.in-lanmu-right .b li{ margin-bottom:10px ; }

	.section{ padding: 20px 0 0; }
	.section-title{ margin-bottom: 10px; }
	.section-title span{ font-size: 18px;}
    .section-title span i img{ height: 15px; }
	.section-title .swiper-button-prev{ right: 30px;}

	.in-adv1{ display: none; } 

	.list-1{ margin:0 0 0 -10px; }
	.list-1 li{ width: 50%; }
	.list-1 li a{ margin:0 0 10px 10px; }
	.list-1 li .text{ padding:10px; }
	.list-1 li .text h2{ font-size: 14px; margin-bottom: 0;}
	.list-1 li .text p{ flex-wrap: wrap; line-height: 25px;}
	.list-1 li .text p span{ width: 100%; }

	.list-2{ margin:0 0 0 -10px; }
	.list-2 li{ width: 50%; }
	.list-2 li a{ margin:0 0 10px 10px; }
	.list-2 li .text{ padding:10px; }
	.list-2 li .text h2{ font-size: 14px; margin-bottom: 0;}
	.list-2 li .text p{ flex-wrap: wrap; line-height: 25px;}
	.list-2 li .text p span{ width: 100%; }

	.in-chuangxin{ padding-top: 20px; }
	.in-chuangxin .tits{ font-size: 16px; margin-bottom: 20px; }
	.in-chuangxin .tits span{ font-size: 24px; margin-bottom: 10px; }
	.in-chuangxin ul{ margin: 0;  }
	.in-chuangxin li{ float: none; width: auto;  }
	.in-chuangxin li a{ margin: 0 0 15px 0; padding:15px; }
	.in-chuangxin li .pic img{ width:100px;}

	.in-partner{ padding-top: 30px; }
	.in-partner ul{ margin:0 0 0 -10px; }
	.in-partner li{ width: 50%; }
	.in-partner li a{ margin:0 0 10px 10px; border-radius: 5px; overflow: hidden;}
    
    .footer .img-center{ margin-bottom: 15px; }
	.footer .fnav{ display: none; }

	.filtrate{ margin: 15px 0 ; display: flex; position: relative; }
	.filtrate dl{ margin-bottom: 10px; flex:1; text-align: center; display: block; }
	.filtrate dl dt{ font-size: 14px; line-height: 30px; border-bottom: 1px solid #ddd; }
	.filtrate dl dd{ display: none; position: absolute; top:32px; left: 0; width: 100%; background: #FFF; padding: 10px; text-align: left; z-index: 999 }
	.filtrate dl dd a{ border: 1px solid #ddd; padding: 0 10px; line-height: 25px; border-radius: 18px; font-size: 14px; margin:0 10px 10px 0;}
	.filtrate dl dd .menu{ position: relative;  }
	.filtrate dl.active dt{ color: #06a3e8; border-bottom: 1px solid #06a3e8;}
	.filtrate dl.active dd{ display: block; }
	.filtrate2{ margin: 0 0 10px; }

	.list-3{ margin:0 }
	.list-3 li{ float: none; width: auto; }
	.list-3 li a{ margin:0 0 10px 0; }
	.list-3 li .text{ padding:10px; }
	.list-3 li .text h2{ font-size: 14px; margin-bottom: 0;}
	.list-3 li .text p{ flex-wrap: wrap; line-height: 25px;}
	.list-3 li .text p span{ width: 100%; }

	.banner-sub{ height: 200px;  }
	.banner-sub2{ height: 300px; }
	.search2 h2{ font-size: 24px; }
	.search2 form{ width: 90%; height: 40px;  margin:20px 5% 15px; }
	.search2 form input{  padding-left: 10px; font-size: 14px;  }
	.search2 form button{ width: 50px; }
	.search2 .keywords{ flex-wrap: wrap; font-size: 14px; }
	.search2 .keywords p{ width: 100%; }
	.search2 .keywords p a{ padding: 0 5px; }
	.search2 .keywords .btns{ margin-left: 0; margin-top: 15px; }

	.huaxu{ padding:20px 0; }
	.huaxu-left{ float: none; width: auto; padding-top: 20px; margin-bottom: 20px; }
	.huaxu-left .text h2{ font-size: 24px; margin-bottom:15px; }
	.huaxu-left .text p{ font-size: 14px; line-height: 25px; }
	.huaxu-right{ margin-left: 0; }
	.huaxu-right ul{ height: 300px; overflow-y: scroll; }

	.adv3{ padding: 20px 0; flex-wrap: wrap; font-size: 12px; }
	.adv3 .img-center img{ width: 50%; }
	.adv3 ul{ margin-left:0; padding-top: 20px; flex-wrap: wrap; }
	.adv3 li{ flex:100%; margin:15px; }

	.list-number{ padding-top: 50px; flex-wrap: wrap;}
	.list-number li{ flex:33.333%; margin-bottom: 20px; }
	.list-number li:before{ margin-left: -20px; width: 40px; height: 1px; }
	.list-number li h2{ font-size: 40px; }
	.list-number li h2 i{ font-size: 24px; top: -20px;}
	.list-number li p{ font-size: 14px; }

	.list-lanmu{ margin:0 0 0 -10px; padding:20px 0; }
	.list-lanmu li{ width: 50%; }
	.list-lanmu li a{ margin:0 0 10px 10px; }
	.list-lanmu li .text{ padding: 15px; }
	.list-lanmu li .text h2{ font-size: 18px; margin-bottom: 8px; }
	.list-lanmu li .text p{ font-size: 16px; }
	.list-lanmu li .text p i{ width: 15px; height: 15px; }

	.adv4{  padding:50px 0; }
	.adv4 .text{ font-size: 26px; }
	.adv4 .text span{ font-size: 24px; }

	.banner-sub3{ }
	.banner-sub3 .container{ padding: 0; }
	.banner-sub3 .video{ padding: 0 }

	.ct{ flex-wrap: wrap; padding:0; }
	.ct-mn{ flex:100%; }
	.ct-sd{ flex:100%; margin-left: 0; margin-top: 20px; }

	.info{ padding: 0 0 20px; }
	.info-content{ padding:15px; }
	.info-content-title h1 a{ padding: 0 20px; font-size: 14px; line-height: 35px; }
	.info-content-title p span{ display: block; }

	.paned-sd{ padding:15px; }
	.xiangguan .tits{ margin-bottom: 15px; }

	.xiangguan{ padding:15px; }
	.xiangguan .tits{ margin-bottom: 15px; }

	.share-content{  width: 95%; height: auto; }
	.share-content-ct .pic{ flex:1; margin-right: 15px;}
	.share-content-ct .ewm{ width: 120px;  }
	.share-content-ct2 a{ margin:0 10px; }

	.kefu{ display: none; }

	.banner-sub4 .btns{ display: none; }

	.szr-menu ul{  padding: 0; flex-wrap: wrap; }
	.szr-menu li{ flex:25%; margin-bottom: 15px;  }
	.szr-menu li a{ font-size: 12px; }

	.szr-con{ padding: 30px 0; }
	.szr-con .content{flex-wrap: wrap;  }
	.szr-con .content:before{ display: none; }
	.szr-con .content .text{ margin: 0; width: 100%;  }
	.szr-con .content .text h2{  font-size: 24px; }
	.szr-con .content .text p{ font-size: 14px; line-height: 25px; }
	.szr-con .content .text .btns{ margin-top: 20px; }
	.szr-con .content .text .btns a{ line-height: 30px; padding: 0 25px; font-size: 16px; }
	.szr-con .content .img-center{ margin-top: 30px; }

	.section-title2{ margin-bottom: 20px; }
	.section-title2 strong{ font-size: 24px;}

	.szr-1{ padding: 30px 0; }
	.szr-1-con{ flex-wrap: wrap; }
	.szr-1-con .a{ flex:100%; }
	.szr-1-con .a li a:last-child{ margin-right: 0; }
	.szr-1-con .b{ flex:100%; display: flex; }
	.szr-1-con .b li:first-child{ margin-right: 11px; }
	.szr-1-con .b li a:last-child{ margin-right: 0;  }
	.szr-1-con .c{ flex:100%;  }
	.szr-1-con .c li:first-child a{ margin-right: 11px; }

	.szr-2{ padding: 30px 0; }
	.szr-2-menu{ float: none; width: 100%; display: flex; }
	.szr-2-menu li{ margin-right: 10px; }
	.szr-2-menu li:last-child{ margin-right: 0; }
	.szr-2-menu li a{ height: 90px; margin-bottom: 25px; padding:10px; text-align: center; border-radius: 5px; }
	.szr-2-menu li h2{ font-size: 18px; flex-wrap: wrap; }
	.szr-2-menu li h2 i{ margin-right: 0; flex:100%;}
	.szr-2-menu li h2 img{ height: 40px; }
	.szr-2-menu li h2 span{ flex:100%;}
	.szr-2-menu li p{ display: none; }
	.szr-2-con{ margin-left: 0; }

	.szr-3{  padding: 30px 0; }
	.szr-3-con{ flex-wrap: wrap; }
	.szr-3-con .text{ flex:100%; margin-left: 0; order: -1}
	.szr-3-con .text h2{ font-size: 24px; margin-bottom: 20px; }
	.szr-3-con .text p{ font-size: 16px; line-height: 30px; }
	.szr-3-con .text .btns{ margin-top:20px; }
	.szr-3-con .text .btns a { padding: 0 10px; line-height: 30px; font-size: 16px;border-radius: 27px; }
	.szr-3-con .video{ flex:100%; margin-top: 30px; padding: 0}
	.szr-3-con .video video{ border-radius: 13px; }

	.szr-4{  padding: 30px 0; }
	.szr-4-con{ flex-wrap: wrap; }
	.szr-4-con .text{ flex:100%;}
	.szr-4-con .text h2{ font-size: 24px; margin-bottom: 20px; }
	.szr-4-con .text p{ font-size: 16px; line-height: 30px; }
	.szr-4-con .text .btns{ margin-top:20px; }
	.szr-4-con .text .btns a { padding: 0 10px; line-height: 30px; font-size: 16px;border-radius: 27px; }
	.szr-4-con .img-center{ flex:100%; margin-top: 30px;}

	.szr-5{ padding: 30px 0; }
	.szr-5 ul{ margin:0; }
	.szr-5 li{ float: none; width: 100%; }
	.szr-5 li a{ margin:0 0 15px 0; padding: 30px; }
	.szr-5 li .text p{ display: block;}
	.szr-5 li a:hover{ transform: scale(1); }
	/*.szr-5-con{ padding-bottom: 20px;}*/

	.szr-6{ padding: 30px 0; }
	.szr-6 ul{ margin:0 0 0 -10px; }
	.szr-6 li{ float: none; width:auto; }
	.szr-6 li a{  margin:0 0 10px 10px; padding: 20px; height: 180px;}
	.szr-6 li .text h2{  font-size: 16px;  }
	.szr-6 li .text h2 span{ font-size: 20px; }
	.szr-6 li img{ width: 70px; }

	.show-video{ padding: 15px 0;  margin-top: 0; }
	.show-video .crumbs{ margin-bottom: 15px; }
	.show-video .content{ flex-wrap: wrap; width: 100%; }
	.show-video .content .video{ flex:100%; }
	.show-video .content .text{ flex:100%; margin-left:0; margin-top: 20px; }
    .show-video .content .text h1{ font-size: 24px; }
	.show-video .content .text p span{ display: block;margin-bottom: 8px; }
	.show-video .content .text .share{ margin-top: 20px; }
	.show-video .content .text .go{ position: relative; bottom: 0; margin-top: 20px; }

	.tab-video{ padding: 0 15px;  }
	.tab-video-menu{ height:60px;  }
	.tab-video-menu li{ flex:1; }
	.tab-video-menu li a{ font-size: 16px; margin-right: 0; text-align: center;}
	.tab-video-con{ padding: 20px 0 30px;  }
	.tab-video-con .content dl dt{ font-size: 16px; line-height: 40px; }
	.tab-video-con .content dl dd{ margin:0 ;  }
	.tab-video-con .content dl dd a{ font-size: 16px;  }
	.tab-video-con .content dl dd span{ overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical; }
	.tab-video-con .content dl dd i{ font-size: 20px; }

	.paned-sd2{ padding:15px; }
	.paned-sd2 .tits b{ font-size: 18px; }

}

.show-video-bg{display:none;position: fixed;background:rgba(0, 0, 0, 0.5);z-index: 999;width: 100%;height: 100%;top: 0;left: 0;text-align: center;bottom: 0;right: 0;}
.show-video-content{display:flex;justify-content: center;height: 100%;align-items: center;}
.video-item{width:1000px;background: #fff;padding: 10px 15px;}
.video-item .show-video-item{width: 100%;height: 100%;aspect-ratio: 16/9;}

.demand1{ width:100%;height: 100px;
    /* color: #ffffff; */
    padding: 10px;
    font-family: 'iconfont';
	border: 1px solid #e0e4e8;
	    border-radius: 8px;}
.dialogue1{margin-top: 20px; margin-bottom: 20px; text-wrap: wrap; padding: 0px 0px 0px 10px; font-family: -apple-system, BlinkMacSystemFont,SF Pro SC,SF Pro Text, Helvetica Neue, Helvetica,PingFang SC, Segoe UI, Roboto,Hiragino Sans GB, arial, sans-serif; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-size: 20px; color: rgb(42, 42, 42); line-height: 24px; border-left: 4px solid rgb(61, 132, 255); background-color: rgb(255, 255, 255);}
.eyou_form_btn{    color: #FFF;padding: 0 12px;display: inline-block;font-size: 18px;    background: #0072ff;line-height: 35px;border-radius: 21px;    float: right;border:0}

.intro-bg-box{width: 100%;position: fixed;background:rgba(0, 0, 0, 0.5);height: 100%;z-index: 9999;width: 100%;height: 100%;top: 0;left: 0;text-align: center;bottom: 0;right: 0;display: none;}
.video-intro-item{display:flex;justify-content: center;height: 100%;  align-items: center;}
.video-description{width:700px;background: #fff;padding: 10px 15px;font-size:16px;line-height: 30px;position: relative;height: 450px;border-radius: 12px;}
.video-description>div{padding-top:50px;text-align: left;}
.video-description .icon-item{position: absolute;top: 5px;right: 5px;cursor: pointer;width: 40px;height: 40px;}
.video-description .icon-item>img{width:40px;cursor: pointer;}
.intro-box .intro-item{cursor: pointer;}