@import url("base.css");
/*标题*/
.yt-title{overflow: hidden;height: 35px;line-height: 35px}
.yt-title .h5 h5{color: #040404;font-size: 26px}
.yt-title .yt-more a{padding:6px 15px;color: #fff;background: #CC0003;border-radius: 6px}
.yt-title .yt-more a:hover{background: red}
/*公司简介*/
.yt-intro .w1200 .yt-content .yt-cimg img{width:605px;height: 375px;display: block;margin-right: 10px}
.yt-intro .w1200 .yt-content .yt-ctxt{}
.yt-intro .w1200 .yt-content .yt-ctxt h5{text-indent: 2em;font-size: 20px;color:#000000;line-height: 40px}
.yt-intro .w1200 .yt-content .yt-ctxt p{text-indent: 2em;line-height: 33px;font-size: 16px;}
/*新闻列表*/
.yt-news .deannews{width:100%;min-width:885pt;background-size:cover;background-attachment:fixed;padding:30px 0}
.yt-news .deannewsbox{overflow:hidden;margin-top:0}
.yt-news .deannewsbox ul li{float:left;margin:0 20px 20px 0;width:570px;height:186px;background:hsla(0,0%,100%,.76);padding:0 20px 20px 20px;-webkit-transition:all .3s linear;transition:all .3s linear;position:relative;box-sizing:border-box}
.yt-news .dxb_bc a:nth-child(2n) li{margin-right:0}
.yt-news .deannewsbox ul li:hover{box-shadow:0 15px 30px rgba(0,0,0,.06)}
.yt-news .deannewsbox ul li:hover .deanndate,.deannewsbox ul li:hover h5,.yt-news .deannewsbox ul li:hover p{color:#ea5875}
.yt-news .deanlins{display:block;width:76px;height:1px;background:#8d919c;position:absolute;left:20px;top:24px;-webkit-transition:all .4s linear;transition:all .4s linear}
.yt-news .deannewsbox ul li:hover .deanlins{left:13pc;background:#ea5875;width:35px}
.yt-news .deannewsdate{float:left;width:182px;margin-top:14px}
.yt-news .deanndate{font-size:18px;color:#666;text-align:right}
.yt-news .deannfg{padding-top:15px;text-align:right}
.yt-news .deannfg img{border-radius: 4px}
.yt-news .deannewsinfo{padding-left:20px;position:relative;overflow:hidden}
.yt-news .deannewsinfo h5{font-size:18px;width:100%;height:30px;line-height:30px;overflow:hidden;white-space: nowrap;text-overflow:ellipsis;margin-top:10px;-webkit-transition:all .3s linear;transition:all .3s linear}
.yt-news .deannewsinfo h5 a{font-size:1pc;color:#666;font-weight:400}
.yt-news .deannewsinfo p{color:#999;margin-top:26px;line-height:26px;height:78px;font-size:16px;overflow:hidden;-webkit-transition:all .3s linear;transition:all .3s linear}
.yt-news .deannewsinfo p a{color:#999}
.yt-news .deannewsinfo p a:hover{color:#ea5875}
.yt-news .deannewsbox ul li:hover h5{margin-left:50px}
.yt-news .deannewsbox ul li:hover p{margin-top:20px}
/*成功案例*/
.caselist li{float: left;width: 275px;text-align: center}
.caselist li+li{margin-left: 20px}
.caselist li .caseimg img{ width: 100%;height: 275px;padding: 9px;box-sizing: border-box;border: 4px solid #9999;border-radius: 50%;}
.caselist li:hover .caseimg img{border-color: red}
.caselist li .casetxt{height: 40px;line-height: 40px;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
/*产品展示*/
.productlist li .caseimg{border-radius: 8px;position:relative;height:230px;background:#f5f5f5}
.productlist li .caseimg img{border:0;border-radius:4px;max-width:90%;max-height:90%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.productlist li p{font-size:14px;color:#999}
.productlist li:hover .casetxt{color:red}
/*左侧菜单栏*/
.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:#cc0003;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:#cc0003;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:20px;width:928px}
.yt-casecon .bot{border-bottom:2px solid #cc0003;}
.yt-casecon .h5{height:46px;line-height:46px;background:#cc0003;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:217px;text-align:center;background:#fff;padding:15px 15px 0;box-sizing:border-box;border-radius:6px;margin-right:20px;margin-bottom:20px}
.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{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}
.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:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yt-casecon .conlistde .casepage div:hover{background:#cc0003;color:#fff}
.yt-casecon .conlistde .casepage div:hover a{color:#fff}
/*分页*/
.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:#cc0003;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:red}
.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:red}
/*新闻详情*/
.yt-casecon .conlistde .basea{padding-bottom: 10px;text-align: center;font-size: 14px}
.yt-casecon .conlistde .basea span{margin: 0 10px;color: #999;}  
/*移动端*/
@media only screen and (min-width: 320px) and (max-width: 768px) {
	.w1200{width: 100%}
	.pd20{padding: 10px}
	.mt20{margin-top: 10px}
	/*头部*/
	.yt-top .w1200{box-sizing: border-box;height: 55px;line-height:55px;padding: 6px 10px;}
	.yt-top .yt-logo{height: 36px;margin-top: 4px}
	.yt-top .yt-logo img{width:76%;}
	.yt_wapmenu{display:inline-block;cursor:pointer;position:absolute;right:15px;top:10px;z-index:9}
	.bar1,.bar2,.bar3{width:26px;height:3px;background-color:#cc0003;margin:6px 0;transition:.4s}
	.yt-menu li{width:50%;text-align:center}
	.yt-menu li a{padding:0;font-size:1rem;height:40px;line-height:40px}
	.change .bar1 {-webkit-transform: rotate(-45deg) translate(-9px, 6px) ;transform: rotate(-45deg) translate(-5px, 6px);background-color: #cc0003}
	.change .bar2 {opacity: 0;}
	.change .bar3 {-webkit-transform: rotate(45deg) translate(-8px, -8px) ;transform: rotate(45deg) translate(-6px, -8px);background-color: #cc0003}
	/*导航*/
	.yt-menu{display: none}
	/*幻灯片*/
	.yt-banner {height: 8rem}
	.yt-banner .swiper-button-prev, .yt-banner .swiper-button-next{display: none}
	.yt-banner .swiper-pagination-clickable .swiper-pagination-bullet{width: 8px;height: 8px;}
	/*公司简介*/
	.yt-intro .w1200 .yt-content .yt-cimg,.yt-intro .w1200 .yt-content .yt-ctxt h5,.yt-top .yt-search{display: none}
	.yt-title .h5 h5{font-size: 1.1rem}
	.yt-intro .w1200 .yt-content .yt-ctxt p{font-size: 12px;line-height: 26px}
	/*新闻动态*/
	.yt-news .deannewsbox ul li{width: 100%;padding: 0;margin: 0;height: auto;}
	.yt-news .deanlins{width: 20px;left: 0;}
	.yt-news .deannewsbox ul li:hover .deanlins{left: 124px}
	.yt-news .deannewsdate{margin-top: 16px;width: 110px}
	.yt-news .deannfg img{width: 100%;height: 96px;}
	.yt-news .deannewsinfo{padding-left: 10px}
	.yt-news .deannewsinfo h5{font-size: 1rem}
	.yt-news .deanndate{font-size: 1rem;}
	.yt-news .deannewsinfo p{font-size: .8rem;margin-top: 20px;line-height: 20px;}
	/*page-新闻*/
	.yt-breas,.yt-casecon .bot{display: none}
	.yt-casecon{padding: 0 10px;box-sizing: border-box;width: 100%;margin-left: 0}
	.yt-casecon .conlistde img{width: 100%;}
	.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}
	/*page-案例*/
	.yt-casecon .conlistde{border-radius: 16px}
	.yt-casecon .conlist li{width: 48%;margin-right: 4%;margin-bottom: 10px}
	.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}
	/*分页*/
	.yt-casecon .conlistde .casepage div{width: 90%;margin-top: 10px}
	.yt-page a{margin-bottom: 6px}
	/*案例展示*/
	.caselist li{width: 48%;margin-right: 4%}
	.caselist li+li{margin-left: 0;}
	.caselist li:nth-child(2n){margin-right: 0;}
	.caselist li .casetxt{font-size: 1rem;}
	.caselist li .caseimg img{height: 9rem;padding: 5px}
	/*产品展示*/
	.productlist li .caseimg{height: 8rem}
	.productlist li p{margin-bottom: 10px;text-overflow:ellipsis;overflow: hidden;white-space: nowrap}
	/*友情链接*/
	.yt-footer{font-size:.8rem;padding:0 10px}
	.yt-footer .w1200{padding:10px 0}
	.yt-footer .yt-copy li:last-child,.yt-link{display:none}
	.yt-footer .yt-copy{line-height:25px}
	.yt-footer .yt-copy span{display:block}
}