/*************************************************************************/
/*全局样式开始*/
/*************************************************************************/
@charset "utf-8";
*{margin:0;padding:0;outline:0;}
body,html{overflow-x:hidden;color:#333;font:14px/30px arial,sans-serif;background:#fff;}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;}
input[type=text],input[type=submit],textarea,button{-webkit-border-radius:0;font-family:Microsoft Yahei,microsoft yahei,"微软雅黑",arial;-webkit-appearance:none;}
input:focus{outline:0;}
textarea{resize:none;}
h1,h2,h3,h4,h5,h6{font-style:normal;font-size:100%;}
abbr,em,i,li,ol,ul{list-style-type:none;font-style:normal;}
img{border:0;vertical-align:middle;}
img{image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;}
table{border-collapse:collapse;border-spacing:0;}
.clearfix{display:block;zoom:1;}
.clearfix:before{display:table;content:"";}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"";}
* html .clearfix{height:1%;}
*{box-sizing:border-box;}
a{color:#333;text-decoration:none;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s;}
a:hover{color:#2172ba;text-decoration:none;}
.hide,.none,ins{display:none;}
.fl{float:left;display:inline-block;}
.fr{float:right;display:inline-block;}
.wrap{clear:both;display:block;margin:0 auto;max-width:1300px;width:100%; padding:0 0}
.animate img{position:relative;opacity:1;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all;-webkit-transform:scale(1,1) rotate(0);-ms-transition:.5s all;}
a:hover .animate img{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.animate img:hover{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.tran,.tran a,a.tran,.tran img{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
.rotate,.rotate2 img{-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s;-ms-transition:all 0.8s;}
a:hover .rotate,a:hover rotate2 img{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s;-ms-transition:all 0.8s;}
.bor_box::after,.bor_box::before{pointer-events:none;}
.bor_box::after,.bor_box::before{position:absolute;top:20px;right:20px;bottom:20px;left:20px;content:'';opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;}
.bor_box::before{border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);transform:scale(0,1);}
.bor_box::after{border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);transform:scale(1,0);}


@font-face {
	font-family: "quicksand";
	src: url('../fonts/quicksand.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

.htitle{ text-align:center}
.htitle .t{font-size:32px;}
.htitle p{ text-transform:uppercase; font-size:12px; color:#999;}
.htitle em{ width:300px; margin:20px auto 0; border-bottom:1px solid #eee; display:block; position:relative;}
.htitle em:before{position:absolute;bottom:-3px;left:50%; margin-left:-20px;content:''; height:5px; width:40px; display:block; background:#2172ba; border-radius:4px}

.htitle.w .t{ color:#fff}
.htitle.w p{ color:#fff}
.htitle.w em{border-bottom:1px solid #fff;}
.htitle.w em:before{background:#d33117;}

.indexmore{ text-align:center; margin-top:100px;}
.indexmore a{ position:relative}
.indexmore a:before{position:absolute;bottom:30px;left:50%;content:''; height:50px; width:1px; display:block; background:#d33117;}

#header{ width:100%;}
#header .wrap{height:100px;display: flex;justify-content:space-between ;align-items:center;}
#header .logo img{ height:70px}
#header .logo img.m{ display:none}
#header .nav{}
#header .nav ul{display: flex;justify-content:space-between ;align-items:center;}
#header .nav ul li{ margin-left:40px; position:relative}
#header .nav ul li a{ font-size:16px; font-weight:normal; line-height:50px; display: inline-table; position:relative}
#header .nav ul li a::before{position:absolute;bottom:0;left:50%; width:0;content:''; height:3px; background:#00488c; overflow:hidden; display:block;opacity:0;}
#header .nav ul li a::before{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
#header .nav ul li.currclass a{ color:#d33117; font-weight:700}
#header .nav ul li.currclass a::before{ background:#d33117; left:5%; width:90%; opacity:1}
#header .nav ul li a:hover::before{ width:90%; opacity:1; left:5%}
#header .mnav{ display:none}

#banner{ position:relative; overflow:hidden}
#banner .swiper-slide{ position:relative; height:600px}
#banner .swiper-slide img{width:100%;height:100%;object-fit:cover}

#tese{ width:100%; padding:50px 0;}
#tese .list{ margin-top:30px;}
#tese .list ul{display: flex;;align-items:flex-start;justify-content:space-between;gap:30px;flex-wrap:wrap; }
#tese .list ul li{ width:calc((100% - 60px) / 3); text-align:center; border:1px solid #eee; padding:40px;box-shadow:0px 0px 12px 0px rgba(0,0,0,0.06); background:#fff}
#tese .list ul li{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
#tese .list ul li .img i{ width:100px; height:100px; overflow:hidden; border-radius:100%; display:block; margin:0 auto}
#tese .list ul li .img i img{width:100%;height:100%;object-fit:cover}
#tese .list ul li .info h2{ font-size:16px; margin-top:10px}
#tese .list ul li .info p{ color:#999; line-height:24px; margin-top:10px}
#tese .list ul li .info p{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical}
#tese .list ul li:hover{box-shadow:0px 10px 12px 0px rgba(0,0,0,0.1);}

#about{ width:100%; padding:50px 0; background:url(../images/about_bg.jpg) center center no-repeat; background-size:cover}
#about .list{ margin-top:30px;display: flex;justify-content:space-between;align-items:flex-start;}
#about .list .text{ width:48%; font-size:15px}
#about .list .text p{ text-indent:2em}
#about .list .text strong{ color:#2172ba; font-size:18px}
#about .list .text .more{ margin-top:20px;display: flex;justify-content:flex-start;align-items:center;}
#about .list .text .more a{display: flex;justify-content:flex-start;align-items:center;}
#about .list .text .more a i{ background:#d33117; color:#fff; display:inline-block; line-height:40px; padding:0 15px}
#about .list .text .more a span{ background:#2172ba; display:inline-block; padding:0 20px; line-height:40px; color:#fff}
#about .list .text .more a .fa-play-circle{ margin-left:10px}
#about .list .img{ width:45%;position:relative}
#about .list .img img{ width:100%}
#about .list .img .video_play{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(24,47,143,.2);display: flex;justify-content:center;align-items:center;}
#about .list .img .video_play i{ font-size:60px; color:#fff}
#about .list .img .video_play:hover{background:rgba(24,47,143,.5);}
#about .list .img .video_play:hover i{ font-size:80px}

#zhuanye{ width:100%; padding:50px 0; background:url(../images/school_bg.jpg) no-repeat center center}
#zhuanye .tabs{ text-align:center; margin-top:50px}
#zhuanye .tabs a{ border:1px solid #eee; display:inline-block; margin:0 2px; line-height:40px; padding:0 20px; background:#fff;font-size:18px;font-weight:700;}
#zhuanye .tabs a.active{ border:1px solid #00488c; background:#00488c; color:#fff}
#zhuanye .list{ overflow:hidden; margin-top:40px}
#zhuanye .list ul{display: flex;justify-content:flex-start;align-items:center;gap:30px;flex-wrap:wrap;}
#zhuanye .list ul li{ width:calc((100% - 90px) / 4);}
#zhuanye .list ul li .img{ position:relative; overflow: hidden}
#zhuanye .list ul li .img img{ width:100%}
#zhuanye .list ul li .img p{ position:absolute; left:0; bottom:0; width:100%; line-height:40px; background:rgba(0,0,0,.5); color:#fff; text-align:center; font-size:16px}
#zhuanye .list ul li .info{display: flex;justify-content:space-between;align-items:center;}
#zhuanye .list ul li .info span{ display:inline-block; width:50%; text-align:center; background:#00488c;}
#zhuanye .list ul li .info span+span{ background:#d33117}
#zhuanye .list ul li .info span a{ color:#fff; line-height:40px}

#school{ width:100%; padding:50px 0}
#school .clist{ text-align:center; margin-top:20px}
#school .clist a{ border:1px solid #eee; display:inline-block; margin:0 2px; line-height:40px; padding:0 20px; background:#fff;font-size:18px;font-weight:700;}
#school .clist a:hover{ border:1px solid #00488c; background:#00488c; color:#fff}
#school .list{ margin-top:40px; overflow:hidden}
#school .list .swiper-slide{ width:calc((100% - 90px) / 4)}
#school .list .swiper-slide .img{ overflow: hidden}
#school .list .swiper-slide .img img{ width:100%}
#school .list .swiper-slide p{ background:#00488c; text-align:center; line-height:40px; color:#fff; font-size:16px}
#school .more_list{margin-top:40px;text-align:center;}
#school .more_list a{width:52px;height:50px;display:inline-block;margin:0 5px; background:#d33117; color:#fff; line-height:50px}

#news{ width:100%; padding:50px 0}
#news .tabs{ text-align:center;}
#news .tabs a{display:inline-block; margin:0 2px; line-height:40px; padding:0 30px; border:1px solid #eee;font-size:18px;font-weight:700;}
#news .tabs a.active{ background:#00488c; color:#fff}
#news .list{ margin-top:30px; overflow:hidden}
#news .list ul{display: flex;justify-content:space-between;align-items:center;gap:10px 30px;flex-wrap:wrap;}
#news .list ul li{ width:calc((100% - 30px) / 2);display: flex;justify-content:space-between;align-items:center;}
#news .list ul li span{ width:80px; background:#00488c; color:#fff; text-align:center; line-height:40px;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
#news .list ul li a{ width:calc(100% - 90px); background:#00488c; line-height:40px; color:#fff; padding:0 10px}
#news .list ul li:hover span,
#news .list ul li:hover a{ background:#d33117}

#info{ width:100%; padding:80px 0; background:url(../images/info_bg.jpg) no-repeat center center; background-size:cover}
#info .tabs{ text-align:center;}
#info .tabs a{display:inline-block; margin:0 2px; line-height:40px; padding:0 20px; background:#fff;font-size:18px;font-weight: 700;}
#info .tabs a.active{ background:#00488c; color:#fff}
#info .list{ overflow:hidden; margin-top:40px}
#info .list .swiper-slide{display: flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap;}
#info .list .swiper-slide .imglist{ width:48%;display: flex;justify-content:space-between;align-items:center;gap:30px;}
#info .list .swiper-slide .imglist .img{ width:calc((100% - 30px) / 2); height:240px}
#info .list .swiper-slide .imglist .img img{width:100%;height:100%;object-fit:cover}
#info .list .swiper-slide .textlist{ width:48%}
#info .list .swiper-slide .textlist ul li{ border-bottom:1px solid rgba(255,255,255,.3);display: flex;justify-content:space-between;align-items:center;; line-height:40px}
#info .list .swiper-slide .textlist ul li a{ color:#fff}
#info .list .swiper-slide .textlist ul li span{ color:#fff}
#info .list .swiper-slide .textlist .more{ margin-top:10px}
#info .list .swiper-slide .textlist .more a{ color:#fff}

#footer{ width:100%; padding:10px 0; background:#00488c; line-height:24px;}
#footer .wrap{display: flex;align-items:center;justify-content:space-between;}
#footer .right{display: flex;align-items:center;justify-content:space-between;}
#footer .right .text{ margin-left:20px}
#footer .right .ewm{ background:#fff; padding:2px; border-radius:2px}
#footer .right .ewm img{ width:100%}
#footer p,
#footer p a{ color:#fff; text-transform:uppercase}
#footer i{ margin:0 10px}

/* 视频 */
#video-container{width:100%;height:100%;position:fixed;top:0;z-index:600;background:#000;display:none;}
#video-container video{width:80%;margin:5% 10%;height:80%;}
#video-container .btn_close{position:absolute;right:20px;top:20px;}
#video-container .btn_close a{width:40px;height:40px;line-height:40px;text-align:center;border:1px solid #666;display:block;border-radius:100%;font-size:24px;color:#fff;}
#video-container .btn_close a{-webkit-animation:play 3s linear infinite;-moz-animation:play 3s linear infinite;animation:play 3s linear infinite;}

#kefu{ width:70px; position:fixed; right:0; top:35%; border-radius:6px 0 0 6px ; overflow:hidden; z-index:255}
#kefu ul li{ background:#349cff; text-align:center;}
#kefu ul li a{  padding:15px 0; display:block}
#kefu ul li+li{ background:#f7385f}
#kefu ul li+li+li{ background:#43b300}
#kefu ul li i{ font-size:24px; color:#fff}
#kefu ul li p{ color:#fff; margin-top:0px; font-size:13px; line-height:20px}
#kefu ul li:hover{ background:#d33117}

@media (max-width:1300px){
	.wrap{ padding:0 20px}
}
@media (max-width:1250px){
	#header .logo img{ height:60px}
	#header .nav ul li{ margin-left:20px;}
}
@media (max-width:1000px){
	#header .logo img{ height:50px}
	#header .nav ul li{ margin-left:10px;}
}
@media (max-width:800px){
	body,html{ font-size:.23rem; line-height:.34rem}	
	.wrap{ padding:0}
	#header{padding:0 .25rem;position:relative}
	#header .wrap{ height:.9rem;}
	#header .logo img{ height:.6rem}
	#header .logo img.pc{ display:none}
	#header .logo img.m{ display: block}
	#header .mnav{position:relative;display:block;width:.34rem; height:.33rem;cursor:pointer; margin-left:.1rem}
	#header .mnav span{position:absolute;display:block;width:.34rem;height:.03rem;background:#2172ba;transition:all .5s;}
	#header .mnav .s1{top:.05rem;}
	#header .mnav .s2{top:.15rem;width:.26rem;}
	#header .mnav .s3{top:.25rem;}
	#header .mnav.isopen .s1{top:.15rem;transform:rotate(45deg);}
	#header .mnav.isopen .s2{width:0;opacity:0;}
	#header .mnav.isopen .s3{top:.15rem;transform:rotate(-45deg);}
	#header .nav{position: absolute;background:#fff;height:auto; min-height:100vh;width:100%;top:.9rem;z-index:105;padding:.1rem .25rem 0;transform:translatex(100%);left:0; border-top:1px solid #eee;}
	#header .nav ul{ display:block}
	#header .nav ul li{ line-height:.7rem; height:.7rem; font-weight:normal;border-bottom:1px solid #eee; margin:0;}
	#header .nav ul li a{ font-size:.26rem; display:block}	
	#header .nav ul li a::before{position:absolute;bottom:2px;left:0; width:0;content:''; height:2px;}
	#header .nav ul li.currclass a::before{left:0; width:100%;}
	#header .nav ul li a:hover::before{ width:100%;left:0}

	#header .nav.isopen{transform:translatex(0);}
	#banner .swiper-slide{height:3.5rem; }	
	
	.htitle .t{font-size:.3rem; font-weight:700}
	.htitle p{font-size:.2rem;}
	.htitle em{ width:3rem; margin:.1rem auto 0;}
	.htitle em:before{bottom:-.03rem;margin-left:-.25rem;height:.05rem; width:.5rem;}
	.indexmore{  margin-top:1rem;}
	.indexmore a:before{bottom:.34rem;height:.5rem; width:.02rem;}
	
	#about{padding:.5rem .25rem;}
	#about .list{ margin-top:.5rem;display: flex;justify-content:space-between;align-items:center;flex-direction:column-reverse }
	#about .list .text{ width:100%; margin-top:.5rem; font-size:.24rem; line-height:.4rem}
	#about .list .text strong{ font-size:.26rem}
	#about .list .img{ width:100%;}
	#about .list .img .video_play i{ font-size:.6rem;}
	#about .list .img .video_play:hover i{ font-size:.8rem}
	#about .list .text .more{ margin-top:.2rem;display: flex;justify-content:center;align-items:center;}
	#about .list .text .more a i{line-height:.6rem; padding:0 .3rem}
	#about .list .text .more a span{padding:0 .3rem; line-height:.6rem; font-size:.22rem}
	#about .list .text .more a .fa-play-circle{ margin-left:.1rem}
	
	#tese{ width:100%; padding:.5rem .25rem}
	#tese .list{ margin-top:0;}
	#tese .list ul{display: block;}
	#tese .list ul li{ width:100%; padding:.3rem;margin-top:.3rem}
	#tese .list ul li .img i{ width:1.2rem; height:1.2rem;}
	#tese .list ul li .info h2{ font-size:.24rem; margin-top:.2rem}
	#tese .list ul li .info p{  line-height:.34rem; margin-top:.1rem}
	
	#zhuanye{ width:100%; padding:.5rem .25rem;}
	#zhuanye .tabs{ text-align:center; margin-top:.5rem;display: flex;justify-content:space-between;align-items:center;gap: .2rem .25rem;flex-wrap:wrap;}
	#zhuanye .tabs a{ width:calc((100% - .25rem) / 2); margin:0; line-height:.6rem;height:.6rem; padding:0; font-size:.3rem}
	#zhuanye .tabs a{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical}
	#zhuanye .list{ overflow:hidden; margin-top:.4rem}
	#zhuanye .list ul{display: flex;justify-content:space-between;align-items:center;gap:.25rem;flex-wrap:wrap;}
	#zhuanye .list ul li{ width:calc((100% - .25rem) / 2);}
	#zhuanye .list ul li .img p{line-height:.5rem; font-size:.23rem; display:block}
	#zhuanye .list ul li .img{ width:100%;height:2.2rem;}
	#zhuanye .list ul li .img img{width:100%;height:100%;object-fit:cover}
	#zhuanye .list ul li .info span a{ color:#fff; line-height:.5rem; font-size:.2rem}
	
	#school{padding:.5rem .25rem}
	#school .clist{ text-align:center; margin-top:.2rem;display: flex;justify-content:space-between;align-items:center;gap: .2rem .25rem;flex-wrap:wrap;}
	#school .clist a{ width:calc((100% - .25rem) / 2); margin:0; line-height:.6rem;height:.6rem; padding:0; font-size:.3rem}
	#school .list{ margin-top:.4rem;}
	#school .list .swiper-slide{ width:calc((100% - .25rem) / 2)}
	#school .list .swiper-slide .img{ width:100%;height:2.6rem;}
	#school .list .swiper-slide .img img{width:100%;height:100%;object-fit:cover}
	#school .list .swiper-slide p{line-height:.5rem;height:.5rem; font-size:.23rem}
	#school .list .swiper-slide p{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical}
	#school .more_list{margin-top:.4rem;}
	#school .more_list a{width:.6rem;height:.6rem;  line-height:.6rem}
	
	#news{padding:.5rem .25rem}
	#news .list{ margin-top:.4rem}
	#news .list ul{display: block;}
	#news .list ul li{ width:100%;display: flex;justify-content:space-between;align-items:center; margin-top:.1rem}
	#news .list ul li span{ width:.8rem;line-height:.6rem;height:.6rem;}
	#news .list ul li a{ width:calc(100% - .9rem); line-height:.6rem;height:.6rem;padding:0 .1rem}
	#news .list ul li a{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical}
	
	#info{padding:.5rem .25rem;}
	#info .tabs{ text-align:center;display: flex;justify-content:space-between;align-items:center;gap: .2rem .25rem;flex-wrap:wrap;}
	#info .tabs a{ width:calc((100% - .25rem) / 2); margin:0; line-height:.6rem;height:.6rem; padding:0;}
	#info .list{ overflow:hidden; margin-top:.4rem}
	#info .list .swiper-slide{display: block;}
	#info .list .swiper-slide .imglist{ width:100%;display: flex;justify-content:space-between;align-items:center;gap:.25rem;}
	#info .list .swiper-slide .imglist .img{ width:calc((100% - .25rem) / 2)}
	#info .list .swiper-slide .textlist{ width:100%; margin-top:.4rem}
	#info .list .swiper-slide .textlist ul li{line-height:.6rem; width:100%}
	#info .list .swiper-slide .textlist ul li a{ color:#fff; width:calc(100% - 1.5rem);}
	#info .list .swiper-slide .textlist ul li a{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical}
	#info .list .swiper-slide .textlist ul li span{ color:#fff; width:1.5rem; text-align:right}
	#info .list .swiper-slide .textlist .more{ margin-top:.2rem}
	#info .list .swiper-slide .textlist .more a{ color:#fff}
	
	#footer{ padding:.2rem .25rem 1rem .25rem;line-height:.34rem;}
	#footer .wrap{display: block; text-align:center; font-size:.2rem;display: flex;justify-content:space-between;align-items:center;flex-direction:column-reverse }
	#footer .right{display: block;}
	#footer .right .text{ margin-left:0; text-align:center}
	#footer .right .ewm{ display:none}
	#footer .right .ewm img{ width:100%}

	/* 视频 */
	#video-container .btn_close{right:.2rem;top:.2rem;}
	#video-container .btn_close a{width:.4rem;height:.4rem;line-height:.4rem;font-size:.23rem;}
	
	#kefu{ width:100%; position:fixed; right:0; top: auto; bottom:0;; border-radius:0 ; overflow:hidden; z-index:255}
	#kefu ul{display: flex;justify-content:space-between;align-items:center;}
	#kefu ul li{ width:calc(100% / 3); background:#349cff; text-align:center;}
	#kefu ul li a{  padding:.08rem 0; display:block}
	#kefu ul li+li{ background:#f7385f}
	#kefu ul li+li+li{ background:#43b300}
	#kefu ul li i{ font-size:.28rem; color:#fff}
	#kefu ul li p{ color:#fff; margin-top:0px; font-size:.2rem; line-height:.3rem}
	#kefu ul li:hover{ background:#d33117}
}

#nbanner{ width:100%; background-repeat:no-repeat; background-position:center center; background-size:cover}
#nbanner .wrap{ height:400px;display: flex;align-items:flex-end;justify-content:flex-start;}
#nbanner .title{ padding-bottom:100px}
#nbanner .title h2{ color:#fff; font-size:40px}
#nbanner .title .weizhi{ color:#fff; margin-top:20px; font-size:16px}
#nbanner .title .weizhi a{ color:#fff}
#nbanner .title .weizhi i{ margin:0 10px}

#clist{ width:100%; border-bottom:1px solid #eee;}
#clist a{ margin-right:30px; padding:25px 0; display:inline-block; font-size:16px; position:relative}
#clist a.currclass{  font-weight:700; color:#2172ba}
#clist a.currclass::before{position:absolute;bottom:-1px;left:0;content:''; height:3px; width:100%; overflow:hidden; background:#2172ba}
#clist a i{ display:none}
#main .content{ padding:50px 0}
#main .content h1{ text-align:center; font-size:30px; font-weight:normal; padding:30px 0}
#main .content .info{ border-bottom:1px solid #eee; text-align:center; padding-bottom:10px; color:#999; margin-bottom:30px}
#main .content .info span{ margin:0 10px}
#main .content .mycontent{ font-size:16px; line-height:1.9; min-height:500px}
#main .content .mycontent img{ max-width:800px}
#main .content .mycontent p{ margin-bottom:10px}
#main .content .updown{ border-top:1px solid #eee; padding-top:10px; margin-top:30px}

#main .zylist{ padding:30px 0;}
#main .zylist .tisp{ background:#f6f7f9; border:1px solid #eee; padding:20px; font-size:16px}
#main .zylist .item{ padding:30px 0}
#main .zylist .item .title{display: flex;justify-content:space-between;align-items:center; border-bottom:1px solid #eee; padding-bottom:20px}
#main .zylist .item .title h2{ font-size:24px;}
#main .zylist .item .title h2 i{ margin-right:10px; color:#2172ba}
#main .zylist .item .title span a{ color:#999}
#main .zylist .item .title span a i{ color:#2172ba; margin-right:5px}
#main .zylist .item .list{ margin-top:20px}
#main .zylist .item .list ul{display: flex;justify-content:flex-start;align-items:center;gap:30px;flex-wrap:wrap;}
#main .zylist .item .list ul li{ width:calc((100% - 90px) / 4);}
#main .zylist .item .list ul li .img{ position:relative; overflow: hidden}
#main .zylist .item .list ul li .img img{ width:100%}
#main .zylist .item .list ul li .img p{ position:absolute; left:0; bottom:0; width:100%; line-height:40px; background:rgba(0,0,0,.5); color:#fff; text-align:center; font-size:16px}
#main .zylist .item .list ul li .info{display: flex;justify-content:space-between;align-items:center;}
#main .zylist .item .list ul li .info span{ display:inline-block; width:50%; text-align:center; background:#00488c;}
#main .zylist .item .list ul li .info span+span{ background:#d33117}
#main .zylist .item .list ul li .info span a{ color:#fff; line-height:40px}

#main .bm{ padding:30px 0}
#main .bm .item{ padding:20px 0}
#main .bm .item h2{ font-size:24px;}
#main .bm .item .text{ font-size:16px; line-height:1.9; margin-top:20px}
#main .bm .item .bmlist{ margin-top:20px}
#main .bm .item .bmlist ul li{ padding:10px 0 10px 15px; position:relative;}
#main .bm .item .bmlist ul li::before{position:absolute;left:0; top:50%; margin-top:-3px;content:''; height:6px; width:6px; display:block; background:#2172ba; border-radius:6px}
#main .bm .item .bmlist ul li a{ font-size:16px}

#main .news ul li{ border-bottom:1px solid #eee; padding:50px 0; position:relative}
#main .news ul li a{ display: flex;justify-content:space-between;align-items:center}
#main .news ul li .info{ width:calc(100% - 380px)}
#main .news ul li .info time{display: flex;justify-content:flex-start;align-items:flex-start}
#main .news ul li .info time em{ font-size:28px; color:#2172ba; margin-right:8px}
#main .news ul li .info time em+em{ font-size:14px; color:#999; line-height:20px}
#main .news ul li .info h2{ font-size:24px;font-weight:normal}
#main .news ul li .info p{ font-size:16px; color:#999; line-height:26px; margin-top:10px}
#main .news ul li .info .more{ margin-top:20px;display: flex;justify-content:space-between;align-items:center}
#main .news ul li .info .more span{ border:1px solid #2172ba; color:#2172ba; display: inline-block; line-height:40px; padding:0 30px; border-radius:40px}
#main .news ul li .img{ width:320px; height:220px; overflow:hidden}
#main .news ul li .img img{width:100%;height:100%;object-fit:cover}
#main .news ul li::before{position:absolute;left:0; bottom:-1px;content:''; height:1px; width:0; display:block; background:#2172ba;}
#main .news ul li::before{-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s;-ms-transition:all .8s;}
#main .news ul li:hover .info .more span{ border:1px solid #d33117; color:#fff; background:#d33117}
#main .news ul li:hover::before{ width:100%}

#main .tese{ padding:20px 0}
#main .tese ul li{ padding:30px 0; border-bottom:1px solid #eee;display: flex;justify-content:space-between;align-items:center}
#main .tese ul li:nth-child(2n){flex-direction:row-reverse}
#main .tese ul li .img{ width:40%}
#main .tese ul li .img img{ width:100%}
#main .tese ul li .info{ width:55%}
#main .tese ul li .info h2{ font-size:24px; font-weight:normal}
#main .tese ul li .info .text{ margin-top:10px; line-height:26px}

#main .xylist{ margin-top:40px; overflow:hidden}
#main .xylist ul{display: flex;justify-content:flex-start;align-items:center;gap:30px;flex-wrap:wrap;}
#main .xylist ul li{ width:calc((100% - 90px) / 4)}
#main .xylist ul li .img{ overflow: hidden}
#main .xylist ul li .img img{ width:100%}
#main .xylist ul li p{ background:#00488c; text-align:center; line-height:40px; color:#fff; font-size:16px}

#fenye{padding:50px 0; text-align:center}
#fenye a{margin:0 2px;color:#5a5a5a;text-decoration:none;padding:10px 15px; line-height:30px;border:1px solid #eee; background:#FFF}
#fenye .prev,#fenye .next{width:52px;text-align:center}
#fenye a.curr{font-weight:700;color:#fff;background:#2172ba;border:1px solid #2172ba}
#fenye a:hover{background:#2172ba;color:#fff;border:1px solid #2172ba}
#fenye span{margin:0 2px;color:#5a5a5a;text-decoration:none;padding:10px 15px;border:1px solid #eee;background:#FFF}

@media (max-width:800px){
	body,html{ font-size:.23rem; line-height:.34rem}	
	#nbanner{ padding:0 .25rem}	
	#nbanner .wrap{ height:3rem;}
	#nbanner .title{ padding-bottom:.5rem}
	#nbanner .title h2{font-size:.36rem}
	#nbanner .title .weizhi{  margin-top:.2rem; font-size:.24rem}
	#nbanner .title .weizhi i{ margin:0 .1rem}
	
	#clist{ padding:0 .25rem; border-bottom:0}
	#clist .wrap{ padding:0;display: block;}
	#clist a{ margin-right:0; padding:.2rem 0; font-size:.24rem; border-bottom:1px solid #eee; width:100%; position:relative}
	#clist a i{ position:absolute; right:0; top:.2rem; color:#999;}
	#clist a.currclass::before{ display:none}
	
	#main .content{ padding:.5rem .25rem}
	#main .content h1{ font-size:.3rem; padding:.25rem 0; line-height:.4rem}
	#main .content .info{ padding-bottom:.1rem; font-size:.2rem}
	#main .content .info span{ margin:0 .1rem;}
	#main .content .info span+span+span{ display:none}
	#main .content .mycontent{ font-size:.24rem; line-height:1.8;}
	#main .content .mycontent img{ max-width:100%}
	#main .content .mycontent p{ margin-bottom:.1rem}
	
	#main .zylist{ padding:.2rem .25rem;}
	#main .zylist .tisp{padding:.25rem; line-height:1.8; font-size:.24rem}
	#main .zylist .item{ padding:.3rem 0}
	#main .zylist .item .title{display: flex;justify-content:space-between;align-items:center; border-bottom:1px solid #eee; padding-bottom:.2rem}
	#main .zylist .item .title h2{ font-size:.3rem;}
	#main .zylist .item .title h2 i{ margin-right:.1rem;}
	#main .zylist .item .title span a i{ margin-right:.05rem}
	#main .zylist .item .list{ margin-top:.2rem}
	#main .zylist .item .list ul{display: flex;justify-content:space-between;align-items:center;gap:.25rem;flex-wrap:wrap;}
	#main .zylist .item .list ul li{ width:calc((100% - .25rem) / 2);}
	#main .zylist .item .list ul li .img{ width:100%;height:2.2rem;}
	#main .zylist .item .list ul li .img img{width:100%;height:100%;object-fit:cover}
	#main .zylist .item .list ul li .img p{line-height:.5rem; font-size:.23rem; display:block}
	#main .zylist .item .list ul li .info span a{ color:#fff; line-height:.5rem; font-size:.2rem}
	
	#main .bm{ padding:.3rem .25rem}
	#main .bm .item{ padding:.3rem 0}
	#main .bm .item h2{ font-size:.3rem;}
	#main .bm .item .text{ font-size:.24rem; line-height:1.8; margin-top:.2rem}
	#main .bm .item .bmlist{ margin-top:.2rem}
	#main .bm .item .bmlist ul li{ padding:.1rem 0 .1rem .15rem; }
	#main .bm .item .bmlist ul li a{ font-size:.24rem}
	
	#main .news{ padding:0 .25rem}
	#main .news ul li{ border-bottom:1px solid #eee; padding:.5rem 0;}
	#main .news ul li a{ display: flex;justify-content:space-between;align-items:center}
	#main .news ul li .info{ width:calc(100% - 2.5rem)}
	#main .news ul li .info time{ display:none}
	#main .news ul li .info h2{ font-size:.24rem;font-weight:normal}
	#main .news ul li .info p{ display:none}
	#main .news ul li .info .more{ margin-top:.2rem;}
	#main .news ul li .info .more span{line-height:.4rem; padding:0 .2rem; border-radius:.4rem; font-size:.2rem}
	#main .news ul li .img{ width:2rem; height:1.5rem;}
	
	#main .tese{ padding:.2rem .25rem}
	#main .tese ul li{ padding:.3rem 0; border-bottom:0;display: block;}
	#main .tese ul li:nth-child(2n){flex-direction:row-reverse}
	#main .tese ul li .img{ width:100%}
	#main .tese ul li .img img{ width:100%}
	#main .tese ul li .info{ width:100%; margin-top:.2rem}
	#main .tese ul li .info h2{ font-size:.3rem; font-weight:700}
	#main .tese ul li .info .text{ margin-top:.2rem; line-height:.34rem; font-size:.23rem}
	
	#main .xylist{padding:.2rem .25rem;}
	#main .xylist ul{display: flex;justify-content:space-between;align-items:center;gap:.25rem;flex-wrap:wrap;}
	#main .xylist ul li{ width:calc((100% - .25rem) / 2)}
	#main .xylist ul li .img{ width:100%;height:2.6rem;}
	#main .xylist ul li .img img{width:100%;height:100%;object-fit:cover}
	#main .xylist ul li p{line-height:.5rem;height:.5rem; font-size:.23rem}
	#main .xylist ul li p{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical}
	
	#fenye{padding:.5rem 0 0px;}
	#fenye a{margin:0 .02rem;padding:.1rem .15rem}
	#fenye .prev,#fenye .next{width:.55rem;}
	#fenye span{margin:0 .02rem;padding:.1rem .15rem}
	#fenye .num,#fenye .prev{display:none}
}

#chaxun{ padding:50px 0; min-height:700px; background:url(../images/bdbg.jpg) no-repeat center center; background-size:cover}
#chaxun .baoming{width:800px; margin:0 auto; border:0px solid #eee; padding:50px 50px; background:#fff; border-radius:4px}
#chaxun .baoming .title{ border-bottom:1px solid #eee; padding-bottom:10px; font-size:18px; color:#2172ba; font-weight:bold}
#chaxun .baoming .formbox{ padding:40px 0}
#chaxun .baoming .item{ padding:10px 0;display: flex;justify-content:flex-start;align-items:center; position:relative;}
#chaxun .baoming .item label{ width:110px; text-align:right;}
#chaxun .baoming .item label font{ color:#f00; font-weight:700}
#chaxun .baoming .item .right{ width:calc(100% - 120px); margin-left:10px}
#chaxun .baoming .item .right .text{ border:1px solid #ddd; line-height:40px; text-indent:10px;border-radius:4px}
#chaxun .baoming .item .right .select{ border:1px solid #ddd; line-height:40px;height:40px; text-indent:10px; border-radius:4px; background:#fff}
#chaxun .baoming .item .right .select2{ border:1px solid #ddd; line-height:40px;height:40px; text-indent:10px; border-radius:4px; background:#fff}
#chaxun .baoming .item .right .rbox{ position:relative; width:300px}
#chaxun .baoming .item .right .code{ position:absolute; right:5px; top:2px}
#chaxun .baoming .button{ padding-top:30px; text-align:center}
#chaxun .baoming .button .btn{ border:0; background:#2172ba; color:#fff; font-size:16px; padding:12px 50px; border-radius:4px}


#chaxun{ padding:50px 0; min-height:700px; background:url(../images/bdbg.jpg) no-repeat center center; background-size:cover}
#chaxun .chainput{width:700px; margin:0 auto; border:0px solid #eee; padding:50px; position:relative; background:#fff; border-radius:4px}
#chaxun .chainput .title{ border-bottom:1px solid #eee; padding-bottom:10px; font-size:18px; color:#2172ba; font-weight:bold}
#chaxun .chainput .formbox{ padding:40px 0}
#chaxun .chainput .item{ padding:15px 0;display: flex;justify-content:flex-start;align-items:center}
#chaxun .chainput .item label{ width:90px; text-align:right; margin-right:20px}
#chaxun .chainput .item label font{ color:#f00; font-weight:700}
#chaxun .chainput .item .text{ border:1px solid #eee; width:100%; line-height:50px; text-indent:10px; font-size:16px; border-radius:4px}
#chaxun .chainput .item .rbox{ width:100%; position:relative;}
#chaxun .chainput .item .code{ position:absolute; right:5px; top:2px}
#chaxun .chainput .button{ padding-top:30px; text-align:center}
#chaxun .chainput .button .btn{ border:0; background:#2172ba; color:#fff; font-size:16px; padding:12px 50px; border-radius:4px}
#chaxun .jieguo{ width:700px; margin:0 auto; border:0px solid #eee; padding:50px;  display:none; background:#fff}
#chaxun .jieguo .title{ border-bottom:1px solid #eee; padding-bottom:10px; font-size:18px; color:#2172ba; font-weight:bold}
#chaxun .jieguo .formbox{ padding:40px 0}
#chaxun .jieguo .item{display: flex;justify-content:flex-start;align-items:center; padding:15px 0; border-bottom:1px solid #eee}
#chaxun .jieguo .item span{ width:180px; text-align:right; font-size:16px}
#chaxun .jieguo .item em{ font-size:16px; margin-left:20px}
#chaxun .jieguo .back{ text-align:center}
#chaxun .jieguo .back a{ color:#2172ba; text-decoration:underline}

@media (max-width:800px){
	body,html{ font-size:.23rem; line-height:.34rem}	
	#chaxun{ padding:0; min-height: inherit;}
	#chaxun .baoming{width:100%; margin:0 auto; border:0px solid #eee; padding:.25rem;}
	#chaxun .baoming .title{ padding-bottom:.1rem; font-size:.24rem;}
	#chaxun .baoming .formbox{ padding:.4rem 0}
	#chaxun .baoming .item{ padding:.1rem 0;}
	#chaxun .baoming .item label{ width:1.3rem;}
	#chaxun .baoming .item .right{ width:calc(100% - 1.4rem); margin-left:.1rem}
	#chaxun .baoming .item .right .text{ line-height:.6rem; text-indent:.1rem; font-size:.22rem; width:100% !important}
	#chaxun .baoming .item .right .select{  line-height:.6rem;height:.6rem; text-indent:.1rem;; font-size:.22rem; width:100% !important}
	#chaxun .baoming .item .right .select2{line-height:.6rem;height:.6rem; text-indent:.1rem;; font-size:.22rem; width:100% !important; margin:.05rem 0}
	#chaxun .baoming .item .right .rbox{ position:relative; width:100%}
	#chaxun .baoming .item .right .code{ position:absolute; right:.05rem; top:.02rem}
	#chaxun .baoming .item .right .code img{ max-height:.6rem}
	#chaxun .baoming .button{ padding-top:.3rem; }
	#chaxun .baoming .button .btn{ border:0; font-size:.24rem; padding:.2rem 0; width:100%}
	#chaxun{ padding:0; min-height: inherit; }
	#chaxun .chainput{ width:100%;padding:.25rem;}
	#chaxun .chainput .title{ padding-bottom:.1rem; font-size:.3rem; }
	#chaxun .chainput .formbox{ padding:.4rem 0}
	#chaxun .chainput .item{ padding:.15rem 0; display:block}
	#chaxun .chainput .item label{ width:100%; text-align:left; margin-right:0; padding-bottom:.1rem; display:block}
	#chaxun .chainput .item .text{ line-height:.7rem; text-indent:.1rem; font-size:.22rem;}
	#chaxun .chainput .item .code{ position:absolute; right:.02rem; top:.02rem}
	#chaxun .chainput .item .code img{ max-height:.7rem}
	#chaxun .chainput .button{ padding-top:.3rem; text-align:center}
	#chaxun .chainput .button .btn{ font-size:.24rem; padding:.18rem 0; width:100%;}
	#chaxun .jieguo{ width:100%; padding:.25rem;}
	#chaxun .jieguo .title{ padding-bottom:.1rem; font-size:.3rem; }
	#chaxun .jieguo .formbox{ padding:.4rem 0}
	#chaxun .jieguo .item{padding:.2rem 0; border-bottom:1px solid #eee}
	#chaxun .jieguo .item span{ width:2.5rem; text-align:right; font-size:.22rem}
	#chaxun .jieguo .item em{width:calc(100% - 2.5rem); font-size:.22rem; margin-left:0}
	#chaxun .jieguo .back{ text-align:center}
	#chaxun .jieguo .back a{ color:#2172ba; text-decoration:underline}
}