@import url("base.css");
/*幻灯片*/
.banner a{display: block}
.banner img{width: 100%}
.banner .swiper-button-next,.banner .swiper-container-rtl .swiper-button-prev{right: 30px}
.banner .swiper-button-prev,.banner .swiper-container-rtl .swiper-button-next{left: 30px}
.banner .swiper-container-horizontal>.swiper-pagination-bullets,.banner .swiper-pagination-custom,.banner .swiper-pagination-fraction{bottom: 20px}
.banner .swiper-pagination-bullet{width: 12px;height: 12px}
.banner .swiper-pagination-bullet{opacity: 1;background: #fff}
.banner .swiper-pagination-bullet-active{background: #007aff}
.bannert img{width: 100%;height: auto}
/*公司简介*/
.title{text-align: center}
.title a h2{font-weight: bold;font-size: 36px;color: #fff;}
.title a p{text-transform: uppercase;font-size: 26px;color: #fff;margin-top: 6px;}
.intro{padding: 30px 0;background: linear-gradient(14deg,#739ef0 25%,#4b59ac 58%,#4b59ac 100%);}
.intro .content{margin-top: 30px}
.intro .content .img{margin-right: 40px;float: left}
.intro .content .img img{border-radius: 6px;height: auto;width: 402px}
.intro .content .text{margin-bottom: -10px;overflow: hidden;position: relative;top: -10px}
.intro .content .text p{word-break: break-all;color: #fff;line-height: 35px;font-size: 18px}
/*品质追求*/
.sort{padding: 30px 0}
.sort .title a h2,.sort .title a p{color: #000}
.sort .tabs{justify-content: space-between;margin-top: 30px;margin-bottom: 30px}
.sort .tabs div{width: 48%;padding: 10px 0;background: #4b59ac;border-radius: 10px;color: #fff;text-align: center;font-size: 22px}
.sort .tabs .on{background: #bdc22e}
.sort .content .contl{width: 578px;padding: 30px;border-radius: 20px;border: 8px solid #f5f5f5;box-sizing: border-box;}
.sort .content .contl .item{display: flex;}
.sort .content .contl .item .num{width:40px;height:40px;line-height:40px;background:linear-gradient(14deg,#739ef0 25%,#4b59ac 58%,#4b59ac 100%);color:#fff;font-size:30px;text-align:center;border-radius:10px}
.sort .content .contl .item .texts{flex:1;overflow:hidden;margin-left:20px}
.sort .content .contl .item .texts h3{margin-top: -5px;font-size:30px;color:#000;font-weight:700}
.sort .content .contl .item .texts span{text-transform: uppercase;display:block;padding:8px 0;color:#999;font-size:14px;border-bottom:1px dashed #999}
.sort .content .contl .item .texts p{font-size:14px;color:#999;margin-top:7px;line-height:26px}
.sort .content .contl .item+.item{margin-top:20px}
.sort .content .contr .img{position: relative}
.sort .content .contr .img:after{content:'';background:linear-gradient(14deg,#739ef0 25%,#4b59ac 58%,#4b59ac 100%);border-radius:20px;width:100%;height:100%;position:absolute;right:0;top:0;z-index:-1}
.sort .content .contr .img img{position:relative;right:0;top:0;border-radius:20px;width:571px;height:auto}
/*广告*/
.advertise{background: linear-gradient(14deg,#739ef0 25%,#4b59ac 58%,#4b59ac 100%);text-align: center;padding: 30px 0;}
.advertise h1{margin-top: -6px;display: inline-block;color: #fff;font-weight: bold;font-size: 36px;border-bottom: 1px solid #fff;padding-bottom: 6px;}
.advertise p{font-size:26px;color:#fff;font-weight:700;line-height:28px;margin-top:20px}
.advertise span{display:inline-block;background:#bdc22e;color:#fff;font-size:30px;border-radius:20px;padding:3px 45px;margin-top:20px}
/*成功案例*/
.case{padding: 30px 0}
.case .title h2,.case .title p{color: #4b59ac}
.case .content{overflow: hidden}
.case .content .item{overflow: hidden;border-bottom: 4px solid #bdc22e;float: left;width: 380px;margin-right: 30px;margin-top: 30px}
.case .content .item:nth-child(3n){margin-right: 0}
.case .content .item a{display: block;position: relative}
.case .content .item a img{height: 322px;width: 100%;display: block;overflow: hidden;transition: 1s all}
.case .content .item a img:hover{transform: scale(1.2)}
.case .content .item a .text{padding: 10px 0;position: absolute;bottom: 0;left: 0;width: 100%;z-index: 2;background: rgba(0,0,0,.5)}
.case .content .item a .text h3{color: #fff;font-size: 18px;text-align: center;padding: 0 15px;box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.case .content .item a .text p{color: #fff;font-size: 14px;padding: 5px 15px 0;line-height: 26px;}
.case .more{margin-top: 30px;text-align: center}
.case .more a{display:inline-block;padding:10px 30px;border-radius:35px;color:#fff;background:#4b59ac;font-size:24px}
.case .more a:hover{background:#4b69b3}
/*二级导航*/
.yt-caselist{background: #f5f5f5;padding: 30px 0;}
.yt-breas{width:252px}
.yt-breas div{background:#fff}
.yt-breas .proitme li a{border-bottom: 1px solid #f1f1f1}
.yt-breas div h5{border-top-left-radius: 6px;border-top-right-radius: 6px;background:linear-gradient(140deg,#739ef0 25%,#4b59ac 58%,#4b59ac 100%);color:#fff;display:block;padding:0 20px;line-height:46px;height:46px;font-size:16px}
.yt-breas div ul li a{height:40px;display:block;line-height:40px;padding:0 20px;font-size:14px}
.yt-breas div ul .on a{color: red}
.yt-breas .procates ul li a{border-bottom:1px solid #f1f1f1}
.yt-breas .procates ul li a i{display:inline-block;width:8px;height:12px;float:right;background-size:80%;margin-top:15px}
.yt-breas div ul li a:hover{background:#739ef0;color:#fff}
.yt-breas .proconta ul{padding:10px 20px}
.yt-breas .proconta ul p{height:auto;line-height:30px;font-size:14px}
/*单页*/
.yt-casecon{margin-left:30px;width:918px}
.yt-casecon .bot{border-bottom:2px solid #739ef0;}
.yt-casecon .h5{height:46px;line-height:46px;background:linear-gradient(140deg,#739ef0 25%,#4b59ac 58%,#4b59ac 100%);border-radius:6px;color:#fff;border-bottom-left-radius:0;border-bottom-right-radius:0;font-size:16px;display:inline-block;padding:0 50px}
.yt-casecon .h5 h5{display:inline-block;font-size:16px}
.yt-casecon .h5 span{font-size:12px}
.yt-casecon .conlist li{float:left;width:214.5px;text-align:center;background:#fff;padding:15px 15px 0;box-sizing:border-box;border-radius:6px;margin-right:20px;margin-top:30px}
.yt-casecon .conlist li:hover .itemstxt p{color:red}
.yt-casecon .conlist li:hover .itemsimg img{transform:scale(1.1);border-radius:16px}
.yt-casecon .conlist li:nth-child(4n){margin-right:0}
.yt-casecon .conlist li .itemsimg{width:100%;height:160px;overflow:hidden}
.yt-casecon .conlist li .itemsimg img{border-radius: 6px;width:100%;height:100%;display:block;margin:auto;transition:all .8s}
.yt-casecon .conlist li .itemstxt{border-top:1px dashed #f1f1f1;height:36px;line-height:36px;font-size:14px}
.yt-casecon .conlist li .itemstxt p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yt-casecon .conlistde{overflow: hidden;background: #fff;padding: 15px;box-sizing: border-box;border-bottom-left-radius: 16px;border-bottom-right-radius: 16px}
.yt-casecon .conlistde h5{text-align: center;font-size: 20px;line-height:30px;padding-bottom: 10px}
.yt-casecon .conlistde img{border-radius: 16px;margin:10px auto;display: block;max-width: 100%}
.yt-casecon .conlistde p{line-height:2.2rem;font-size: 16px;text-indent: 2em;padding:5px 0}
.yt-casecon .conlistde .casepage{overflow: hidden;padding: 15px 0}
.yt-casecon .conlistde .casepage div{width:300px;height:40px;line-height:40px;padding:0 15px;background:#f5f5f5;border-radius:16px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yt-casecon .conlistde .casepage div:hover{background:linear-gradient(14deg,#739ef0 25%,#4b59ac 58%,#4b59ac 100%);color:#fff}
.yt-casecon .conlistde .casepage div:hover a{color:#fff}
.yt-casecon .conlistde h1,.yt-casecon .conlistde h2,.yt-casecon .conlistde h3,.yt-casecon .conlistde h4,.yt-casecon .conlistde h5,.yt-casecon .conlistde h6{font-weight: bold}
/*分页*/
.yt-page{text-align:center}
.yt-page a{display:inline-block;background:#fff;padding:6px 15px;color:#333;margin:0 3px;border-radius:4px}
.yt-page .on,.yt-page a:hover{background:#4b59ac;color:#fff}
/*新闻列表*/
.newslist{overflow:hidden;margin-bottom:20px}
.newslist li{display:block;height:50px;line-height:50px;font-size:14px;border-bottom:1px dashed #dcdcdc}
.newslist li .newtime{color:#999;font-size:14px}
.newslist li .newtit{padding-left: 18px;position: relative;width: 700px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newslist li:hover .newtit{color:#4b59ac}
.newslist li .newtit::after{content:'';position:absolute;left:0;top:22px;width:8px;height:8px;border-radius:50%;background:#b3b0b0}
.newslist li:hover .newtit::after{background:#4b59ac}
/*新闻详情*/
.yt-casecon .conlistde .basea{padding-bottom: 10px;text-align: center;font-size: 14px}
.yt-casecon .conlistde .basea span{margin: 0 10px;color: #999;}  
/*成功案例*/
.yt-casecon .case{padding: 0}
.yt-casecon .case .content .item{width: 286px;}
.yt-casecon .case .content .item a img{height: 230px}
/*手机版*/
@media only screen and (min-width: 320px) and (max-width: 768px) {
	.b-hidden{display: none}
	.w1200{width: 100%}
	/*头部*/
	.header{top: 0;padding: 10px;position: fixed;width: 100%;z-index: 9;height: 85px;background: #fff;box-sizing: border-box}
	.header .logo img{height: 65px;padding-left: 10px}
	.header .logo .comp h1{font-size: 18px;padding-right: 70px;}
	.containered{display:inline-block;cursor:pointer;position:absolute;right:15px;top:23px;z-index:9}
	.bar1,.bar2,.bar3{width:35px;height:5px;background-color:#4b59ac;margin:6px 0;transition:.4s}
	.change .bar1{-webkit-transform:rotate(-45deg) translate(-9px,6px);transform:rotate(-45deg) translate(-9px,6px);background-color:#4b59ac}
	.change .bar2{opacity:0}
	.change .bar3{-webkit-transform:rotate(45deg) translate(-8px,-8px);transform:rotate(45deg) translate(-8px,-8px);background-color:#4b59ac}
	.nav{display:block;position:fixed;top:85px;right:-60%;width:60%;background:#fff;height:100%;transition:.5s all;z-index:99999999999}
	.z-navbg{position:fixed;left:-40%;background:rgba(0,0,0,.5);width:40%;height:100%;transition:.5s all;top:85px;z-index:99999999999}
	.nav.mens .z-navbg{left:0}
	.nav.mens{right:0}
	.nav ul{flex-direction:column;padding:10px 20px}
	.nav ul li{border-radius:8px;width:100%;padding:0;margin:0 0 10px;background:#f5f5f5;height:45px;line-height:45px}
	.nav ul li .two,.nav ul li .two li .three{display:none!important}
	.nav ul li a{border-radius: 6px;text-align: center;color: #333;padding: 0 10px;font-size: 17px}
	.nav ul li a:hover, .nav ul .on a{color: #fff}
	/*幻灯片*/
	.banner{margin-top: 85px}
	.banner .swiper-button-next, .banner .swiper-container-rtl .swiper-button-prev,.banner .swiper-button-prev, .banner .swiper-container-rtl .swiper-button-next{display: none}
	.banner .swiper-pagination-bullet {width: 8px;height: 8px}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{bottom: 10px;}
	/*公司简介*/
	.title a h2{font-size: 20px}
	.title a p{font-size: 14px}
	.intro{padding: 10px}
	.intro .content .img{margin-right: 0}
	.intro .content .img img{width: 100%}
	.intro .content{margin-top: 10px}
	.intro .content .text{margin-top: 10px;float: left;margin-bottom: 0;top: 0}
	.intro .content .text p{line-height: 28px;font-size: 13px}
	/*品质追求*/
	.sort{padding: 10px}
	.sort .content .contr{display: none}
	.sort .tabs div{font-size: 16px}
	.sort .tabs{margin: 15px 0}
	.sort .content .contl{width: 100%;padding: 15px;}
	.sort .content .contl .item .num{width: 30px;height: 30px;line-height: 30px;font-size: 18px}
	.sort .content .contl .item .texts h3{margin-top: -3px;font-size: 18px;}
	.sort .content .contl .item .texts span{font-size: 12px;padding: 4px 0}
	.sort .content .contl .item .texts p{font-size: 12px;line-height: 20px}
	/*广告*/
	.advertise{padding: 10px}
	.advertise h1{padding-bottom: 10px;margin-top: 0;font-size: 16px}
	.advertise p{font-size: 15px;line-height: 25px;margin-top: 10px}
	.advertise span{font-size: 19px;margin-top: 10px;}
	/*成功案例*/
	.case{padding: 10px}
	.case .content .item{width: 100%;margin-right: 0;margin-top: 15px}
	.case .content .item a img{height: auto}
	.case .more{margin-top: 15px;margin-bottom: 5px}
	.case .more a{font-size: 14px}
	/*底部*/
	.footer{padding:10px}
	.footer .footr .text{display: none}
	.copy p{font-size: 12px;padding: 0 10px;line-height: 1.6;}
	/*广告*/
	.bannert{margin-top: 85px}
	/*关于我们*/
	.yt-breas, .yt-casecon .bot {display: none}
	.yt-casecon .botwap {display: block}
	.yt-caselist{padding:15px 10px}
	.yt-casecon,.yt-casecon .case .content .item{width: 100%;margin-left: 0}
	.yt-casecon .botwap .h5, .yt-casecon .botwap .h5 h5 {font-size: 1rem}
	.yt-casecon .h5{padding: 0 20px}
	.yt-casecon .conlistde h5{font-size: 19px}
	.yt-casecon .conlistde .basea span:nth-child(1){display: none}
	/*分页*/
	.yt-page{margin-top: 15px}
	.yt-page a{margin-bottom: 6px}
	.yt-casecon .conlistde .casepage div{width: 90%;margin-top: 10px}
	/*新闻列表*/
	.newslist li{font-size: .9rem}
	.newslist li .newtime{font-size: .75rem}
	.newslist li .newtit{width: 60%;padding-left: 12px}
	.newslist li .newtit::after{width: 6px;height: 6px}
	/*产品展示*/
	.yt-casecon .conlistde{border-radius: 16px}
	.yt-casecon .conlist li{margin-top: 15px;width: 48%;margin-right: 4%;margin-bottom: 0}
	.yt-casecon .conlist li:nth-child(2n){margin-right: 0}
	.yt-casecon .botwap{display: block}
	.yt-casecon .botwap .h5,.yt-casecon .botwap .h5 h5{font-size: 1rem}
	.yt-casecon .botwap .h5{padding: 0 20px}
	.yt-casecon .conlist li .itemsimg{height: 6rem}
	.yt-casecon .conlistde h5{height: auto;line-height: 30px;font-size: 1.2rem}
	/*版权*/
	.footc{padding: 10px}
	.footc p{font-size: 12px}
}