@charset "utf-8";





/*==========================================首页 开始=============================================*/
.yc_kjlj_btn{position: fixed;width: 65px;height: 146px;background: url(../images/yc_web_ico.png) no-repeat right center;top: 46%;right: -80px;transition: 0.4s;z-index: 100;cursor: pointer;}
.yc_kjlj_btn p{font-size: 16px;width: 16px;color: #fff;position: absolute;top: 32px;left: 51%;line-height: 20px;}

.yc_kjlj{width: 7.4rem;position: fixed;top: 20%;right: 2.4%;z-index: 999;transition: 0.4s;}
.yc_kjlj ul{width: 100%;}
.yc_kjlj ul li{width: 100%;margin-bottom: 0px;}
.yc_kjlj ul li a{display: flex;height: 6.8rem;justify-content: center;align-items: center;background: url(../images/yc_kjlj_bg1.png) no-repeat;background-size: cover !important;}

.yc_kjlj ul li a div{}
.yc_kjlj ul li a div img{display: block;margin: 0 auto 0.5rem;max-width: 90%;transition: 0.4s;}
.yc_kjlj ul li a div p{font-size: 1rem;color: #fff;text-align: center;line-height: 1.625rem;transition: 0.4s;}
.yc_kjlj ul li a:hover img{transform: rotateY(180deg);}
.yc_kjlj ul li a:hover p{color:#c2a244;}


@media(min-width: 1700px){
    .yc_kjlj_btn{right: -80px !important;}
	.yc_kjlj{right: 2.4% !important;}
}
@media(max-width: 1700px){
	.yc_kjlj_btn{right: 0;}
	.yc_kjlj{right: -7.8rem;}
}





@media screen and (min-width: 1px) and (max-width: 1019px) {


#header{display: none;}
body{overflow-x: auto;}
#gotop{display: none;}
.n_container{min-height:40rem}
 .yc_kjlj_btn{display: none;}
.footer {}
.footer img{float: left;display: block;max-width: 100%;}
.footer .copyright {font-size: 0.875rem;color: #d1b7e5;line-height:1.5rem;width: 80%;float: none;margin: 1rem auto;}
.footer .copyright p{font-size: 0.875rem;color: #d1b7e5;line-height: 1.5rem;text-align: center;}

.footer .left{float: none;width: 100%;display: block;margin-top: 1rem;}
.footer .left a{display: inline-block;float: none;width: 100%;}
.footer .left a img{max-width: 100%;}
.footer .wb{float: none;width: 80%;display: block;margin: 2rem auto;}
.footer .wb p{text-align: left;line-height: 24px;font-size: 1.05rem;color: #d1b7e5;}

.container02{padding: 2.625rem 0 2.125rem;width: 100%;display: block;overflow:hidden;}
.part2_lb{padding: 3rem 0rem 5rem;width:90%;margin: 0 auto;}


.ty-abort { padding-top: 2rem; } 
.ty-connect { padding: 4rem 0 0; width: 100%; margin: 0 auto; position: relative; }
.ty-connect img { width: 100%; height: auto; } 
.ty-connect .in { position: relative; width: 90%; height: auto; top: 0; margin-top: -2rem; } 
.ty-connect .in .ty-title { padding-top: 1.5rem; margin-bottom: 1rem; }
.ty-connect .in p { width: 90%; font-size: 1rem; }
.ty-connect .in a { position: static; margin: 2.5rem auto; width: 26.3rem; } 
.ty-connect .in a:hover { font-size: 1.05rem; }
.ty-title { font-size: 2.1rem; line-height: 4rem; }
.ty-training { width: 100%; padding: 2.5rem 0; height: auto; } 
.ty-training .swiper-wrapper { padding-top: 1rem; }
.ty-training .ty-title { width: 100%; margin: 0 auto 2.5rem; } 
.ty-training .about-list { width: 100%; margin: 0 auto; } 
.ty-training .swiper-slide { width: 18.65rem; height: 17.9rem; margin: 0 2rem !important; float: left; } 
.ty-training .swiper-slide .index { position: absolute; right: 2rem; bottom: 1.5rem; font-size: 6.8rem; line-height: 6.8rem; }
.ty-training .swiper-slide .tag { width: 6.2rem; height: 3.5rem; left: 1.8rem; top: -0.5rem; font-size: 0.7rem; line-height: 5rem; }
.ty-training .swiper-slide .ty-more-2 { font-size: 0.7rem; line-height: 0.9rem; right: 1.8rem; top: 1.7rem; } 
.ty-training .swiper-slide p { width: 15rem; height: 2.4rem; font-size: 0.9rem; line-height: 1.5rem; height: 4.5rem; top: 5.5rem; }
.ty-training .ty-bolls { margin-top: 1.5rem; }
.ty-bolls { margin-top: 1.35rem; } 
.ty-bolls span { width: 0.6rem; height: 0.6rem; margin: 0 0.5rem; }

.ty-product-list { width: 100%; margin: 0 auto; padding-top: 1rem } 
.ty-product-list li { float: none; width: 100%; height:auto; position: relative; margin: 0 auto 2.5rem; padding-bottom: 6rem;overflow:hidden; }
.ty-product-list li:nth-child(2n) { margin: 0 auto 2.5rem; padding-bottom: 10rem }
.ty-product-list li img { display: block; width: 100%; height: auto; transition: .3s all } 
.ty-product-list .in { position: absolute; width: 98%; right: -.8rem; height: auto; top: 2rem; padding: 0 0 5rem 2.5rem } 
.ty-product-list .num { font-size: 3.6rem; line-height: 3.6rem; top: 2.2rem; right: .8rem } 
.ty-product-list h3 { padding-top: 3rem; width: 10rem; font-size: 1.8rem; line-height: 2rem; margin-bottom: 1.5rem } 
.ty-product-list .text { width: 98%; font-size: .6rem } 
.ty-product-list .tags { left: 2.5rem; bottom: 1.5rem } 
.ty-product-list .tags em { width: 4.5rem; height: 1.5rem; font-size: .7rem; line-height: 1.5rem; border-radius: 1.5rem; margin-right: .3rem }

.newList { padding-top: 0rem; width: 26rem; height: auto; margin: 1rem auto 0rem; overflow: hidden; } 
.newList .newText { width: 100%; height: auto; margin: 0 auto 2rem; } 
.newList .newText .left { width: 2.8rem; height: 4rem; background: url() top left; padding: 0.6rem; margin-top: 0.25rem; text-align: center; } 
.newList .newText .left span.month { margin-top: 0.9rem; line-height: 0.7rem; } 
.newList .newText .left span.day { font-size: 1rem; line-height: 1.2rem; } 
.newList .newText .left span.l_new { text-align: center; width: 4rem; margin-left: -0.6rem; margin-top: 2rem; font-size: 0.8rem; line-height: 1.5; white-space: nowrap; } 
.newList .newText .p1 { margin-bottom: 0.3rem; padding-bottom: 0; padding-left: 1.2rem; font-size: 1.2rem; line-height: 1.4rem; } 
.newList .newText .p2 { width: 20.5rem; padding-left: 1.2rem; font-size: 1rem; color: #9a9a9a; line-height: 1.6rem; } 
.newList .newText:nth-child(2) .p2 { width: 20.5rem; } 
.newList .newText:nth-child(3) .p2 { width: 20.5rem; }

.ty-practice .img { width: 100%; height: auto; margin-bottom: 1.5rem; } 
.ty-connect-zs { height: auto; width: 100%; min-width: 100%; box-sizing: border-box; padding: 2.5rem 0; margin: 0 auto; } 
.ty-connect-zs img { position: absolute; height: 100%; left: 50%; top: 0; transform: translateX(-50%); } 
.ty-connect-zs .in { width: 25.5rem; padding: 4rem; margin: 2.5rem auto 0; font-size: 0.8rem; line-height: 1.5rem; white-space: normal;} 
.ty-connect-zs .in h3 { font-size: 0.9rem; line-height: 1.8rem; } 
.ty-zs-doc { min-width: 100%; margin-bottom: 5rem; } 
.ty-zs-doc .main { width: 100%; height: auto; } 

.ty-zs-doc .step { width: 100%; position: static; right: 0; } 
.ty-zs-doc .step h3 { padding-top: 4rem; padding-bottom: 4rem; font-size: 1.5rem; font-weight: bold; line-height: 1.8rem; text-align: center; margin: -22rem auto 2.5rem; } 
.ty-zs-doc .step img { width: 100%;display:none; } 
.ty-zs-doc .step ul { position: static; right: auto; top: auto; margin: 0 auto; width: 28.3rem; } 
.ty-zs-doc .step li { position: relative; width: 28.3rem; margin-bottom: 0.9rem; padding-left: 7.8rem; } 
.ty-zs-doc .step li .point { width: 10.8rem; height: 5.4rem; line-height: 5.4rem; font-size: 1.2rem; padding-right: 5.4rem; } 
.ty-zs-doc .step li .point em { position: absolute; width: 5.4rem; } 
.ty-zs-doc .step li .point span { font-size: 0.7rem; } 
.ty-zs-doc .step li .detial { width: 17.4rem; padding: 1rem 1.25rem; } 
.ty-zs-doc .step li .second { font-size: 0.75rem; line-height: 1.2rem; margin-bottom: 1rem; } 
.ty-zs-doc .step li .second span:last-child { padding-left: 1.2rem; } 
.ty-zs-doc .step li .one { font-size: 0.75rem; line-height: 1.2rem; margin-bottom: 0.75rem; } 
.ty-zs-doc .step li .text { font-size: 0.7rem; line-height: 1.2rem; } 
.ty-zs-doc .ty-title { padding: 3.5rem 0 1rem; } 

.ty-zs-doc .about { position: static; padding: 1.2rem; width: 92%; font-size: 0.9rem; line-height: 1.5rem; text-indent: 1.8rem; right: auto; top: auto; transform: translateY(0); margin: 2.5rem auto 0; } 
.ty-zs-doc .about .link { font-size: 0.8rem; } 
.ty-zs-doc .about .link a { margin: 1rem 0.25rem 0 0.25rem; width: 40%;line-height: 2.4rem; } 

.ty-zs-doc-2 { padding-bottom: 2.5rem; } 
.ty-public-div { width: 100%; height: auto; } 
.ty-public-div img { position: static; height: auto; width: 100%; } 
.ty-public-div .detial { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 25rem; box-sizing: border-box; padding: 1.5rem; font-size: 0.9rem; color: white; line-height: 1.5rem; background: #1973c1; } 
.ty-public-div .detial h3 { font-size: 1.5rem; font-weight: bold; color: white; line-height: 1.6rem; margin-bottom: 1.2rem; } 
.ty-public-div .ty-more { margin: 2.5rem auto 0; color: #1973c1; background: #fff; } 
.ty-guidance { padding: 4rem 0; width: 100%; margin: 0 auto; position: relative; } 
.ty-guidance .main { padding: 2.5rem 0 0; } 
.ty-guidance .top { margin-bottom: 1rem; } 
.ty-guidance .top img { display: block; width: 100%; height: auto; } 
.ty-guidance .r { padding: 2rem; box-sizing: border-box; width: 90%; position: static; margin: -11rem auto 0; } 
.ty-guidance .r h4 { font-size: 1.5rem; line-height: 1.6rem; margin-bottom: 1.5rem; } 
.ty-guidance .r p { font-size: 0.9rem; line-height: 1.5rem; margin-bottom: 3rem; }
.ty-recruit, .ty-vocation { float: none; width: 25rem; margin: 0 auto 2.5rem; } 
.ty-recruit .ty-title, .ty-vocation .ty-title { font-size: 1.6rem; } 
.ty-recruit li, .ty-vocation li { line-height: 2rem; font-size: 1rem; } 
.ty-recruit a span, .ty-vocation a span { margin-right: 0.6rem; }
.ty-how-connect { border-left: 0; padding-left: 0; float: none; width: 80%; margin: 0 auto 2.5rem; font-size: 1rem; line-height: 2rem; } 
.ty-how-connect .ty-title { font-size: 1.6rem; } 
.ty-how-connect:after { width: 4.75rem; height: 0.25rem; margin-top: 1.5rem; } 
.ty-how-connect img { width: 0.9rem; margin-right: 0.6rem; }
.ty-years { height: auto; width: 100%; min-width: 100%; padding-bottom: 0rem; position: relative; } 
.ty-years .ty-title { margin-bottom: 2.5rem; } 
.ty-years > img { position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 25rem; } 
.ty-years .in { width: 29rem; position: static; top: auto; left: auto; transform: translateX(0); box-sizing: border-box; padding: 1.5rem; margin: 5rem auto 0; } 
.ty-years li { box-sizing: border-box; margin-bottom: 1.5rem; padding-left: 1.5rem; position: relative; } 
.ty-years li:hover { border-left: 1px solid rgba(0, 0, 0, 0.7); } 
.ty-years li:hover h3, .ty-years li:hover .time { font-weight: bold; } 
.ty-years li .time { font-size: 0.9rem; line-height: 2.4rem; left: 1.5rem; line-height: 1rem; } 
.ty-years li h3 { font-size: 0.9rem; padding-left: 6.7rem; line-height: 1.6rem; line-height: 1rem; margin-bottom: 0.3rem; } 
.ty-years li p { font-size: 0.7rem; line-height: 1.1rem; height: 2.2rem; } 
.ty-years .ty-more { margin-top: 2.5rem; } 
.ty-years a { display: block; margin: 0 auto; }

.part4 .left:before{display: none; }
.part4 .xiaoxun{display: none; }
.part4 .left{width:90%; margin: 1rem auto;display: block;overflow:hidden;}
.part4 .right{width:90%;margin: 1rem auto;display: block;overflow:hidden;}





}