@charset "UTF-8";
/* CSS Document */

/*texiao*/
body.body_texiao{background: #211989;}
.banner_texiao{width: 100%; overflow: hidden; height: 700px; position: relative; background-size: cover;}
.banner_texiao .video_about{ width: 100%; z-index: 0; position: absolute; left: 0; top: 0;}
.banner_texiao .banner_t2{ position: absolute; color: #fff; margin-top: 215px; font-size: 50px; text-align: center; width: 100%; letter-spacing: 5px; font-weight: 700;height: 100%; padding-top: 20px; margin-left: -12px;
background-image: -webkit-linear-gradient(left, #ed3c82, #fe8644 25%, #ed3c82 50%, #fe8644 75%, #ed3c82);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        -webkit-background-size: 200% 100%;
        -webkit-animation: masked-animation 4s infinite linear;}
@-webkit-keyframes masked-animation {
         0%{ background-position: 0 0;}
         100% { background-position: -100% 0;}
    }
.banner_texiao .banner_t2 .red{color: #f1501a; font-size: 48px; font-weight: 700;}
.banner_texiao .banner_t3{position: absolute; top: 310px; text-align: center; width: 100%;font-size: 22px;font-weight: 100; letter-spacing: 25px; color: #fff;}

.banner_texiao ul{width: 700px; overflow: hidden; left:0; right:0; top:0; bottom:0;margin: 0 auto; position: absolute; margin-top: 380px;}
.banner_texiao ul li{width: 25%; float: left; }
.banner_texiao ul li a{display: block; width: 90%; text-decoration: none; color: #fff; border: 1px solid #fff; border-radius: 15px; margin:0 1.5%; padding: 9px 0;transition: 0.3s all;}
.banner_texiao ul li a:hover{background: rgba(255,255,255,0.9); color: #333;}
.banner_texiao ul li.noborder{border: none;}
.banner_texiao ul li h4{color: #fff; font-size: 16px; text-align: center;font-weight: 30px; letter-spacing: 1px; transition: 0.3s all;}
.banner_texiao ul li a:hover h4{ color: #222;}
.wgw{}

.cj_banner{background-image: linear-gradient(0deg, #3e5491 25%,#1b2f66 75%); height:600px; overflow: hidden;}


.navbar-dark .navbar-toggler{display: none;}



/*1680*/
@media screen and (max-width: 1680px){
.wap_footer{display: none;}

}

/*1440*/
@media screen and (min-width: 1440px) and (max-width : 1679px){
	.banner_texiao{height: 600px;}

}
/*1280*/
@media screen and (min-width: 1280px) and (max-width : 1439px){
	.banner_texiao{height: 550px;}
	.banner_texiao .banner_t2{margin-top: 175px; font-size: 45px; letter-spacing: 6px;}
	.banner_texiao .banner_t3{top: 275px; letter-spacing: 21px;}
	.banner_texiao ul{margin-top: 360px;}
	
	.seo_article h2{font-size: 24px;}
}

/*iPad Pro (1024px)*/
@media screen and (min-width: 1024px) and (max-width : 1279px){
	.banner_texiao{height: 460px;}
	.banner_texiao .banner_t2{margin-top: 135px; font-size: 40px; letter-spacing: 6px;}
	.banner_texiao .banner_t3{top: 215px; letter-spacing: 19px; font-size: 20px;}
	.banner_texiao ul{margin-top: 300px; width: 660px;}
	
	.seo_article h2{font-size: 24px;}

}

/*ipad （768px）*/
@media screen and (min-width: 768px) and (max-width : 1023px){
	.banner_texiao{height: 410px;}
	.banner_texiao .banner_t2{margin-top: 19%; font-size: 40px; letter-spacing: 6px;}
	.banner_texiao .banner_t3{top: 54%; letter-spacing: 19px; font-size: 20px;}
	.banner_texiao ul{margin-top: 39%; width: 660px;}
	
	.seo_article h2{font-size: 24px;}

}

/*iphone6 plus横屏 (736px)*/
@media screen and (min-width: 736px) and (max-width : 767px){
	.banner_texiao{height: 380px;}
	.banner_texiao .banner_t2{margin-top: 17%; font-size: 40px; letter-spacing: 6px;}
	.banner_texiao .banner_t3{top: 54%; letter-spacing: 19px; font-size: 20px;}
	.banner_texiao ul{margin-top: 38%; width: 580px;}
	.banner_texiao ul li h4{font-size: 14px;}
	.banner_texiao ul li a{padding: 7px 0;}
	
	.seo_article h2{font-size: 24px;}
	.navbar-dark .navbar-toggler,.wap_footer{display: block;}
	.seo_article h2{font-size: 22px;}

}

/*ipad6横屏( 667px)*/
@media screen and (min-width: 667px) and (max-width : 735px){
	.banner_texiao{height: 360px;}
	.banner_texiao .banner_t2{margin-top: 18%; font-size: 40px; letter-spacing: 6px;}
	.banner_texiao .banner_t3{top: 54%; letter-spacing: 19px; font-size: 20px;}
	.banner_texiao ul{margin-top: 40%; width: 580px;}
	.banner_texiao ul li h4{font-size: 14px;}
	.banner_texiao ul li a{padding: 7px 0;}
	
	.seo_article h2{font-size: 24px;}
	.navbar-dark .navbar-toggler,.wap_footer{display: block;}
	.seo_article h2{font-size: 20px;}

}

/*ipad5横屏 (568px)*/
@media screen and (min-width: 568px) and (max-width : 666px){
	.banner_texiao{height: 310px;}
	.banner_texiao .banner_t2{margin-top: 19%; font-size: 32px; letter-spacing: 6px;}
	.banner_texiao .banner_t3{top: 55%; letter-spacing: 15px; font-size: 16px;}
	.banner_texiao ul{margin-top: 40%; width: 500px;}
	.banner_texiao ul li h4{font-size: 13px;}
	.banner_texiao ul li a{padding: 7px 0;}
	
	.web_h5{padding: 20px 0;}
	
	.seo_article h2{font-size: 24px;}
	.navbar-dark .navbar-toggler,.wap_footer{display: block;}
	.seo_article h2{font-size: 18px;}
	.seo_article ul{padding-bottom: 50px;}

}


/*iphone6 plus (414px) */
@media screen and (min-width: 414px) and (max-width : 567px){
	.banner_texiao{height: 260px;background: url(../images/texiao.jpg) no-repeat center top; background-size: cover;}
	.banner_texiao .video_about{height: 290px; display: none;}
	.banner_texiao .banner_t2{margin-top: 22%; font-size: 24px; letter-spacing: 4px;}
	.banner_texiao .banner_t3{top: 56%; letter-spacing: 9px; font-size: 14px; margin-left: -10px;}
	.banner_texiao ul{margin-top: 46%; width: 360px;}
	.banner_texiao ul li h4{font-size: 12px;}
	.banner_texiao ul li a{padding: 4px 0;}
	
	.web_h5{padding: 20px 0 10px 0;}
	
	.seo_article h2{font-size: 24px;}
	.navbar-dark .navbar-toggler,.wap_footer{display: block;}
	.seo_article h2{font-size: 15px;}
	.seo_article ul{padding-bottom: 60px;}
	
}

/*iphone6 plus (375px) */
@media screen and (min-width: 375px) and (max-width : 413px){
	.banner_texiao{height: 260px;background: url(../images/texiao.jpg) no-repeat center top; background-size: cover;}
	.banner_texiao .video_about{height: 270px; display: none;}
	.banner_texiao .banner_t2{margin-top: 24%; font-size: 22px; letter-spacing: 4px;}
	.banner_texiao .banner_t3{top: 58%; letter-spacing: 9px; font-size: 13px; margin-left: -10px;}
	.banner_texiao ul{margin-top: 50%; width: 320px;}
	.banner_texiao ul li h4{font-size: 11px;}
	.banner_texiao ul li a{padding: 3px 0;}
	
	.web_h5{padding: 20px 0 10px 0;}
	
	.seo_article{padding: 20px 0 30px 0;}
	.seo_article h2{font-size: 24px;}
	.navbar-dark .navbar-toggler,.wap_footer{display: block;}
	.seo_article h2{font-size: 15px;}
	.seo_article ul{padding-bottom: 60px;}
}

/*iphone5 (320px)*/
@media screen and (max-width: 374px) {
	.banner_texiao{height: 230px; background: url(../images/texiao.jpg) no-repeat center top; background-size: cover;}
	.banner_texiao .video_about{height: 230px; display: none;}
	.banner_texiao .banner_t2{margin-top: 28%; font-size: 18px; letter-spacing: 4px;}
	.banner_texiao .banner_t3{top: 62%; letter-spacing: 7px; font-size: 11px; margin-left: -10px;}
	.banner_texiao ul{margin-top: 52%; width: 280px;}
	.banner_texiao ul li h4{font-size: 10px;}
	.banner_texiao ul li a{padding: 3px 0;}
	
	.web_h5{padding: 20px 0 10px 0;}
	
	.seo_article{padding: 20px 0 30px 0;}
	.seo_article h2{font-size: 24px;}
	.navbar-dark .navbar-toggler,.wap_footer{display: block;}
	.seo_article h2{font-size: 14px;}
	.seo_article ul{padding-bottom: 60px;}
}