@charset "utf-8";
@import url('reset.css?v=0.0257');
@import url('swiper-bundle.min.css?v=0.0252');
@import url('font-awesome/css/font-awesome.min.css');

@font-face {
    font-family: "Roboto";
    src: url("fonts/Roboto.eot");
    src: url("fonts/Roboto.eot?#iefix")format("embedded-opentype"),
    url("fonts/Roboto.woff2")format("woff2"),
    url("fonts/Roboto.woff")format("woff"),
    url("fonts/Roboto.ttf")format("truetype"),
    url("fonts/Roboto.svg#Roboto")format("svg");
}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
input,select,button,textarea{ font-family: Roboto,-apple-system,Helvetica Neue,Helvetica,Arial,sans-serif;}
body{font-family: Roboto,-apple-system,Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 14px; color: #000;}
a{background:transparent;text-decoration:none;color:#000}a:active,a:hover{outline:0}a:hover{text-decoration:none;}
.wrapper{width: 100%; max-width: 1200px;  margin: 0 auto;}
.wrapper-fluid{width: 100%; max-width: 1200px;  margin: 0 auto;}
.ts{text-transform:uppercase}
.mauto{margin:0 auto}
.pf{position: fixed; z-index: 1;}
.pz{position:relative;z-index: 1}
.pa{position:absolute;z-index: 1999}
.bz{box-sizing:border-box}
.b,.fb{font-weight:bold}
.i{font-style:italic}
.hidden{display:none !important}
.cb{clear:both}
.vs{overflow:visible !important}
.bai{ background:#FFFFFF;}
.flex{display: -webkit-box; display: -webkit-flex; display: flex;}
.flexCenter{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center;}
.flexJc{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center;}
.flexAc{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;}
.flexColumn{display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: column;}
.flexWrap{display: -webkit-box; display: -webkit-flex; display: flex; flex-wrap: wrap;  justify-content: flex-start;}
.flexJb{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; flex-wrap: wrap;}
.flexRight{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: flex-end;}
.ov{overflow: hidden;}
.transition,.transition *{transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;}
.ellipsis{text-overflow: ellipsis; white-space: nowrap; display: block; overflow: hidden;}
table{border-collapse: collapse;}
table td{border: 1px solid #bbbbbc;}
.textCenter{text-align: center !important;}
.textRight{text-align: right;}
.db{display: block;}
.fr{float: right;}
.clear{clear: both;}
img{max-width: 100%;}
.w100{width: 100%;}
.fb{font-weight: bold !important;}
/*animation*/
.scaleImg{overflow: hidden;}
/*.scaleImg img{border-radius:15px;}*/
.scaleImg img,.scaleImg:hover img{transition: all 1s;}
.scaleImg:hover img{transform: scale(1.1);}
.textEllipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.line6 {
    -webkit-line-clamp: 6;
}
.line5 {
    -webkit-line-clamp: 5;
}
.line4 {
    -webkit-line-clamp: 4;
}
.line3 {
    -webkit-line-clamp: 3;
}
.line2 {
    -webkit-line-clamp: 2;
}
.line1 {
    -webkit-line-clamp: 1;
}
/*头部*/
header{ position:fixed; left:0; top:0; width:100%; height:45px; background:#333; z-index: 999 !important; transition: all .25s ease-in-out;}
.logo{ width:35px; padding:5px 0;}
.logo img{ height:35px;}
.head-menu-item{position:relative;}
.head-menu-item a.nav-link{font-size:14px; line-height:45px; height:45px; padding:0 30px; text-transform:uppercase; color:#bdbdbd; }
.head-menu-item:hover,.head-menu-item.active{ background:#4a4a4a;}
.head-menu-item:hover a.nav-link,.head-menu-item.active a.nav-link{ color:#FFFFFF;} 
.head-menu-item:hover a.nav-link .sub-arrow,.head-menu-item.active a.nav-link .sub-arrow{ border-top-color:#ffffff;}
.menu_down{
	display: none;
	position: absolute;
	left: 0;
	top:45px;
	z-index: 9;
	width: 250px;
	background:rgba(255,255,255,.89);
	/*transform: skewX(20deg);*/
	box-shadow: 0 2px 6px rgba(115,115,115,.2);
}
.menu_down a{
	width: 100%;
	line-height: 24px;
	padding: 12px 15px; 
	display:block;
	font-size: 16px;
	border-bottom: 1px solid #dcdcdc; 
	position:relative;
}
.menu_down a:last-child{
	border: 0;
}
.menu_down a:hover{
	color: #fff;
	background: #23150c;
}
.head-menu-search{ position:relative; line-height:45px; height:45px; padding-left:30px; width:50px; text-align:right;}
.head-menu-search i{cursor:pointer; color:#bdbdbd; font-size:18px; }
.index-search{
    display: none;
	position: absolute;
	right:0;
	top:45px;
	z-index: 9;
	width: 350px; 
	background:rgba(255,255,255,.89);
	padding: 15px 20px; 
	line-height:35px;
	box-shadow: 0 2px 6px rgba(115,115,115,.2);
}
.index-search.active{
    display:block;
}
.index-search-input{width:calc(100% - 47px); height:35px; }
.search-ips{border-radius:10px 0 0 10px; border:#dddddd solid 1px; width:100%; height:35px; font-size:14px; line-height:30px; padding:0 10px 0 15px;}
.index-search-bth{height:35px; line-height:30px;}
.isearch-bth{ border:none; background:#333 url(../images/search.png?v=0.02) 15px center no-repeat; color:#FFFFFF; padding:0 15px 0 32px;; border-radius:0 10px 10px  0; height:35px; line-height:30px; font-size:16px; letter-spacing:2px; width:45px;}
.m-navbth{display: none;}
.nav_box {
    background: #666565;
    width: 100%;
    position: absolute;
    top: 45px; 
	z-index: 9991 !important;
    display: none;
    padding-bottom: 50px;
	animation: fadeIn .5s;-moz-animation: fadeIn .5s;-webkit-animation: fadeIn .5s;-o-animation: fadeIn .5s;
}
.nav_box.nav_show {
    display:block;
}
.head-nav{
	margin:0px auto;
	width:92%;
}
.head-nav .nav_item .title{
	line-height:50px;
	position:relative;
	border-bottom:1px solid #fff;
}
.head-nav .nav_item .title, .head-nav .nav_item .title a{
	color:#FFFFFF;
	font-size:16px;
	font-weight:normal;
}
.jtt {
	position: absolute;
	top: 15px;
	right: 5px;
	font-size:20px;
    transition: transform .5s;
}
.head-nav .nav_item .link-list{
	padding-left:10px; 
	display:none;
	line-height:36px;
	color:#FFFFFF;
	font-size:14px; 
}
.head-nav .nav_item .link-list.active {
    display: block;
}
.head-nav .nav_item .link-list .link-item{
	position:relative;
}

.head-nav .nav_item .link-list a.links{
	line-height:36px;
	color:#FFFFFF; 
	display:block;
	font-size:14px; 
}
.jts{
	position: absolute;
	top: 10px;
	right: 5px;
	font-size:16px;
    transition: transform .5s;
}
.head-nav .nav_item .third-list a{ 
    display:block;
    padding-left:10px;
	line-height:36px;
	color:#FFFFFF;
	font-size:14px; 
}
.head-nav .nav_item.open .jtt,.head-nav .link-list.open .jts{
	transform: rotate(180deg);
}
/*轮播图*/
.indexbanner,.index-procate{width:100%;}
.indexbanner{ margin-top:45px;}
.indexbanner video{ width:100%;}
.indexbanner .swiper-slide img,.pro-view-case .swiper-slide img{ width:100%;}
.indexbanner .swiper-slide{ position:relative;}
.indexbanner .swiper-slide .banner-text{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%;}
.indexbanner .swiper-slide .banner-text .banner-htext{width:100%; height:100%; color:#FFFFFF; text-align:center;}

.indexbanner .swiper-button-next:after,.indexbanner .swiper-button-prev:after,.pro-view-case .swiper-button-next:after,.pro-view-case .swiper-button-prev:after{ display:none;}
.indexbanner .swiper-button-next, .indexbanner .swiper-button-prev,.pro-view-case .swiper-button-next, .pro-view-case .swiper-button-prev{ width:60px; height:60px;}
.indexbanner .swiper-button-next,.pro-view-case .swiper-button-next{
    right: 5%;
    left: auto;
}
.indexbanner .swiper-button-prev,.pro-view-case .swiper-button-prev{
    left: 5%;
    right: auto;
}
.indexbanner .swiper-button-next,.pro-view-case .swiper-button-next{ background:url(../images/next.png) no-repeat; background-size:60px 60px;}
.indexbanner .swiper-button-prev,.pro-view-case .swiper-button-prev{ background:url(../images/prev.png) no-repeat; background-size:60px 60px;}

.indexbanner .swiper-pagination-bullet,.pro-view-case .swiper-pagination-bullet{
    background: #fff;
    opacity: 1; 
	width:17px; 
	height:17px; 
	border-radius: 17px; 
}
.indexbanner .swiper-pagination-bullet-active,.pro-view-case .swiper-pagination-bullet-active {
    background:#333; 
}	
	
/*首页产品分类*/	
.index-procate{position:relative; margin-top:15px;}
.index-procate img{ width:100%;}
.iprocate{ position:absolute; z-index:3; width:100%; height:100%; left:0; top:0;}
.iprocate-tit{ color:#FFFFFF; font-size:56px; font-weight:bold; letter-spacing:2px; text-transform:uppercase; width:100%; height:100%;  }
/*首页案例*/		
.index-case{ margin-bottom:40px;}
.index-case-title{ text-align:center; font-size:34px;}
.index-caseitem{width:50%; position:relative; margin-bottom:15px; }
.index-caseitem img{ width:100%;}
.index-caseitem-tit{
    background: rgba(0,0,0,.47);
    padding: 5px; 
	left:0; 
	bottom:0;
    position: absolute;
    z-index: 3;
    text-align:center;
    width: 100%;
}
.index-caseitem-tit a{ color: #fff;  font-size: 34px; letter-spacing:2px;}

/*底部*/	
footer{background:#ededed; width:100%; padding:30px 0; text-align:center;}
.ft-logo{ text-align:center;}
.ft-logo img{ width:56px; }
.social-icons{ margin-top:20px;}
.social-icons a {
    display: block;
    width: 60px;
    height: 60px;
    margin-right: 10px;
}
.social-icons a img{ width:100%;}
.ft-contact{ font-size:16px; padding-top:10px; margin-bottom:20px;}
.ft-wx{ margin-bottom:20px;}
.ft-subtitle{ margin:5px 0;}
.ft-subtitle a span.icon{ margin-right:5px; font-size:24px;}
.ft-wxtit,.ft-subtitle a{font-size:16px;}
.ft-subtitle a{ line-height:100%;}
.ft-wximg img{ width:100px;}
.ft-copy{ font-size:16px; padding-top:10px;}
.ft-subtitle a:hover,.ft-copy a:hover { color:#f2c037;}

/*产品分类页*/
.products-index{margin:75px 0 40px;}
.products-index .procate{position:relative; margin-top:30px;}
.products-index .procate img{ width:100%;}

/*产品列表页*/
.page-products{margin:145px 0 40px;}
.page-category-c{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: flex-start;  flex-wrap: wrap;}
.page-category-c .category-item {
    padding: 7px 28px;
    line-height: 30px;
    font-size: 18px;
    background: #eeeeee;
    margin-top: 20px; 
	margin-right:15px;  
}
.page-category-c .category-item.current {
    background: #ffc107;
}
.prolist{ margin-top:30px;}
.prolist .proitem{width: calc(100% / 3 ); padding:15px;}
.prolist .proitem-img{width:96%; margin:0 auto;}
.prolist .proitem img{width:100%;}
.prolist .proitem-text{ text-align:center; color: #656565; line-height:1.4; font-size:16px;}

/*案例列表页*/
.page-case{margin:45px 0 40px;}
.caselist{ margin-top:30px;}
.caselist .caseitem{width: calc((100% - 10px) / 2 ); margin-top:10px; margin-right:10px; position:relative;}
.caselist .caseitem img{ width:100%; border-radius:5px;}
.caselist .caseitem .caseitem-tit{
    background: rgba(0,0,0,.47);
    padding: 5px; 
	left:0; 
	bottom:0;
    position: absolute;
    z-index: 3;
    text-align:center;
    width: 100%;
	border-radius:0 0 5px 5px;
}
.caselist .caseitem .caseitem-tit a{ color: #fff;  font-size: 24px; letter-spacing:2px;}
.caselist .caseitem:nth-child(2n){margin-right:0;}

/*视频列表*/
.videolist .videoitem{ margin-top:20px;}
.videolist .videoitem video{ width:100%;}
.videolist .videoitem  .videoitem-tit{text-align:center; font-size: 20px; font-weight:bold;}

/*下载列表*/
.downlist{ padding-top:30px; overflow: hidden; overflow-x:auto; width:100%;}
.downlist table{ min-width:1000px;}
.downlist td{ padding:7px 16px;  border:none; border-bottom:#CCCCCC solid 1px; font-size:16px;}
.downlist .dname{ background:#ebebeb;font-weight:bold;}
.downlist .downitem{ cursor:pointer;}
.downlist .downitem td a{ color:#ffa500;}
.downlist .downitem td span{ color:#dcdcdc;}
.downlist .downitem:hover{background:#f7f7f7;}

/*内页banner*/
.page-banner{ position:relative; margin-top:45px;}
.page-banner img,.page-about-img img,.about-products-img img{ width:100%;}
.page-about{margin-top:45px;}
.page-about .page-about-text{ font-size:16px; margin-top:30px;}
.about-products-tit{ text-align:center; font-size:24px; font-weight:bold; margin:10px auto;}
.about-products-text{font-size:16px;}
.about-products-img div.img{ width:50%;}
.page-about-honor{margin-top:50px;}
.about-honor-title{ text-align:center;}
.about-honor-title span{   
    padding: 10px 28px;
    line-height: 35px;
    font-size: 20px;
    background: #eeeeee;
	margin-right:20px; 
	cursor:pointer; 
}
.about-honor-title span.current{   
    background: #ffc107;
}
.about-honor-content{ margin-top:50px; display:none;}
.about-honor-content.current{display:block;}
.honorclist,.thumbclist{overflow: hidden; overflow-x:auto; width:100%; padding:15px 0; display: flex;  }
.honorlist,.thumblist{display: flex; justify-content:flex-start; flex-wrap: nowrap; margin:0 auto;}
.honorlist img,.thumblist img{ 
    height:150px; 
	margin: 2px; 
	border: 2px solid #ddd; 
    border-radius: 4px;
    cursor: pointer;
	opacity: .7;
    transition: opacity .3s;
}
.honorlist img.current,.thumblist img.current{ 
	opacity: 1;
}

.honor-img,.lunbo-img{ padding:50px; position:relative;}
.lunbo-img{ padding:20px 50px;}
.honor-img .swiper-button-next:after,.honor-img .swiper-button-prev:after,.lunbo-img .swiper-button-next:after,.lunbo-img .swiper-button-prev:after{ display:none;}
.honor-img .swiper-slide,.lunbo-img .swiper-slide{ text-align:center;}
.honor-img .swiper-slide img,.lunbo-img .swiper-slide img{max-height:700px; !important;}
.honor-img .swiper-button-next, .honor-img .swiper-button-prev,.lunbo-img .swiper-button-next, .lunbo-img .swiper-button-prev{ width:40px; height:40px;}
.honor-img .swiper-button-next,.lunbo-img .swiper-button-next{
    right:0;
    left: auto;
}
.honor-img .swiper-button-prev,.lunbo-img .swiper-button-prev{
    left:0;
    right: auto;
}
.honor-img .swiper-button-next,.lunbo-img .swiper-button-next{ background:url(../images/next1.png) no-repeat; background-size:40px 40px;}
.honor-img .swiper-button-prev,.lunbo-img .swiper-button-prev{ background:url(../images/prev1.png) no-repeat; background-size:40px 40px;}

.sub_title{
	font-size: 38px; 
	position:relative; 
	text-align:center;
	margin-bottom: 50px;
}
.sub_title:after {
	content: "";
    display: block;
    width: 50px;
    height: 2px;
    background-color: #cc021e;
    position: absolute;
    top: 100%; 
	margin-left:-25px;
    left: 50%;
}


/*留言*/
.page-category-tit{ text-align:center; margin-bottom:30px;}
.page-category-tit span {
    padding: 9px 28px;
    line-height: 30px;
    font-size: 24px;
    background: #ffc107;
}
.contact-detail{color:#616161; font-size:18px;}
.contact-detail img{ width:100%; margin-bottom:20px;}
.form-group .form-item{width: calc((100% - 40px) / 3 ); margin-right:20px; }
.form-group .form-item:last-child{ margin-right:0;}
.form-group{ margin-bottom:20px;}
.form-bth{width:200px; margin:0 auto;}
.form-control{border-radius:5px; border:#CCCCCC solid 1px;  width:100%; height:45px; line-height:45px; padding:0 10px;}
.contact_btn{ border:none; background:#ffb74d; color:#FFFFFF; padding:10px 0; width:120px; text-align:center; border-radius:5px; font-size:18px; letter-spacing:2px;  transition: all 0.5s; -webkit-transition: all 0.5s;}
.contact_btn:hover{background:#23150c;}
textarea.form-control{ min-height:90px; line-height:30px; padding:8px 10px;}
.contact-ly{ margin-top:20px;}
.contact-ly-tit{margin-bottom:20px; font-size:24px; letter-spacing:1px; color:#616161; line-height:1.4; position:relative;  }
.contact-ly-tit:after {
	content: "";
    display: block;
    width: 50px;
    height: 3px;
    background-color: #fbc854;
    position: absolute;
    top: 100%; 
    left: 0;
}
/*分页*/
.page-pages{ text-align:center; margin:30px 0 50px; }
.page-pages a{ color: #242424;
    font-size: 14px;
    line-height:30px; 
	background:#FFFFFF; 
	height:30px;
    border: 1px solid #dcdcdc;
    padding: 7px 12px;
    margin: 0 4px 4px; border-radius:5px;}
.page-pages a:hover{ background: #e8e8e8;}
.page-pages a.hover{
	color: #fff;
	background: #ffb74d;
	border-color: #ffb74d;
}


/*新闻详细列表*/
.case-view{margin:65px 0 40px; }
.case-view-tit{ text-align:center; font-size:28px; line-height:1.5; margin:15px 0;}
.case-view-tips{ border-top:1px solid #dcdcdc; color:#b6b5b5; padding-bottom:8px;}
.case-view-tips span{ margin-right:10px;}
.case-view-tips span:last-child{ margin-right:0;}
.case-detail{ padding:20px 0; line-height:32px; font-size:16px;}
.case-detail img{ max-width:100%;}

.rsLink{ border-top: 1px solid #dcdcdc; padding-top:10px; margin-top:10px; }
.prevLink,.nextLink{ line-height:30px; font-size:16px;}




/*产品详情*/
.pro-view{margin:65px 0 40px; position:relative; }
.products-tab{ position:fixed; right:calc(50% - 850px); top:50px; z-index:4; width:200px;}
.products-tab .products-t-item{ font-size:16px; line-height:2.2;}
.products-tab .products-t-item span.icon{ margin-right:3px;}
.products-tab .products-t-item span.t-sm{ border-bottom:#CCCCCC solid 1px; width:calc(100% - 20px);}

.pro-view-one-img,.pro-view-one-text{width:calc((100% - 50px) /2);}
.pro-view-one-img img{ width:100%;}
.pro-view-one-ctitle,h1{ font-size:30px; font-weight:bold; line-height:1.6;}
.pro-view-one-ctitle{ color:#ffa500; font-size:36px;}
.pro-view-one-cs{ font-size:16px;}
.delimiter {
    background-image: linear-gradient(90deg,#fff,hsla(0,0%,39%,.5),#fff);
    height: 4px;
    margin: 20px 0;
}
.pro-view-btit{ text-align:center; font-size:28px; font-weight:bold; margin-top:30px; line-height:1.4;  }
.product_features tr.head {
    letter-spacing: 2px;
}
.product_features tr, td {
    font-size:16px;
}
.product_features td{
    color: #202020; 
	border:#CCCCCC solid 1px;
    padding:4px 5px;
}
.pro-view-effects img{ max-width:100%;}
.pro-view-peijian .peijian-item{width:calc((100% - 30px) /2); margin-right:30px; margin-top:10px;}
.pro-view-peijian .peijian-item:nth-child(2n){margin-right:0;}
.pro-view-peijian .peijian-item .peijian-item-img{border-radius:15px; border:#CCCCCC solid 1px;}
.pro-view-peijian .peijian-item .peijian-item-img img{border-radius:15px; width:100%; }
.pro-view-peijian .peijian-item .peijian-item-tit{ text-align:center; margin-top:6px; line-height:30px;}
.pro-view-video video{ width:100%;}
.view-down-tit{background:#ffa500; text-align:center;}
.view-down-item{ border-bottom:#CCCCCC solid 1px;}
.view-down-item .icon{ width:60px; margin-right:20px; padding:15px 0;}
.view-down-item .icon img{ width:60px;}
.view-down-item-tit{ line-height:1.3; font-size:16px;}
.view-down-item-tit span{color: rgba(0,0,0,.54);font-size:14px;}
.view-down-item .icon-xiazai1{ color:#333; font-size:30px;}

.page-productr h1{
    font-size: 20px;
    font-weight: bold;
    color: #222;
    line-height:1.8; padding-bottom:20px;
}
.page-productr h1 span {
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px; 
	padding-left:10px;
}
.canshu{border-top: 1px dotted #dcdcdc; border-bottom: 1px dotted #dcdcdc;
    line-height: 30px;
    font-size: 14px;
    padding: 20px 0;
}
.product-tel{padding: 20px 0;}
.product-tel span {
    color: #c3041f;
    font-size: 20px;
    font-weight: bold;
}
.products-info-contact{border-top: 1px dotted #dcdcdc; padding:20px 0;}
.products-info-contact a{ text-align:center; width:110px; line-height:48px; color:#FFFFFF; background:#c3041f; font-size:16px; border-radius:5px;}
.products-info-contact a .icon-xiazai{padding-left:10px;  font-size:24px; margin-right:6px;}
.products-info-contact a:first-child{ margin-right:15px; width:160px;}
.products-info-contact a:hover{ background:#23150c;}

.pro-caselist .pro-caseitem{width:calc((100% - 60px) /4); margin-right:20px; margin-top:20px; border: 1px solid #dcdcdc;}
.product-stitle{
    width: 100%;
    padding: 10px 2%;
    background: url(../images/ny_pro_nrb.jpg) no-repeat left top;
    line-height: 36px;
    margin-bottom: 20px;
}
.product-stitle .ct {
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    padding-left: 15px;
}
.product-detail td {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding:5px 10px;
}
.page-pitem{ margin-bottom:20px; font-size:15px;}
.page-pitem-m{ padding-right:15px;}
.page-pitem-m img{ width:80px; }
.page-pitem-c{width:calc(100% - 100px); line-height:1.4; }


#lybook{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 1005;
    background: rgba(0,0,0,.6);
    display: none;
}
#lybook .wbook{
    margin: auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 600px;
    height: 520px;
    padding: 0 30px;
    margin-top: -260px;
    text-align: center;
}
#lybook .wbook span.icon{
    position: absolute;
    color: #fff;
    right: -3px;
    top: -14px;
    font-size: 30px;
    font-weight: normal;
    cursor: pointer;
}
#lybook .book{
    background: #FFFFFF;
    border-radius: 5px;
    padding: 20px 0;
}
.from-citem {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 15px;
}
.lybtn{
    background: #333;
    color: #FFFFFF;
    display: block;
    width: 120px;
    padding: 7px 0;
    line-height: 30px;
    letter-spacing: 1px;
    font-size: 16px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
}
.book_tit {
    text-align: center;
    font-size: 30px;
    line-height: 60px;
}
.book_desc{width: 80%; margin: 0 auto; text-align:right; font-size:18px; margin-bottom:20px;}
.lybtn:hover{
    background: #fbc854;
}
.mobile{ display:none;}
.m-navbth {
    position: relative;
    display:block;
    width: 30px;
    height: 25px; 
    margin-top:12px; 
}
 .m-navbth a {
 display:block;
 width: 30px;
 height: 25px;
 position:relative;
}
.m-navbth span {
 display:block;
 width:30px;
 height:2px;
 background:#bdbdbd;
 transition:transform .5s ease
}
.m-navbth .menu_top {
 position:absolute;
 top:2px;
 right:0
}
.m-navbth .menu_mid {
 position:absolute;
 top:9px;
 right:0;
 opacity:1
}
.m-navbth .menu_bot {
 position:absolute;
 top:16px;
 right:0
}
.m-navbth span.menu_top_r {
 transform:rotateZ(-45deg);
 transform-origin:center
}
.m-navbth .menu_mid_r {
 opacity:0
}
.m-navbth .menu_bot_r {
 transform:rotateZ(45deg);
 transform-origin:center
} 
@media (max-width: 1200px) {
  .index-caseitem-tit a,.caselist .caseitem .caseitem-tit a{font-size: 20px;}
  .wrapper{width: 96%;}
}
@media (max-width: 1024px) {
   .mobile{ display:block;}
   .pc,.honorclist,.thumbclist{ display:none;}
   .honor-img .swiper-slide img{max-height:350px!important; }
   .pro-view-one-img,.pro-view-one-text{ width:100%;}
   .lunbo-img{ padding:0 0 50px;}
   .lunbo-img .swiper-slide img{ width:100%; max-height:auto!important;}
   
}

@media (max-width: 780px) {
.indexbanner .swiper-button-next, .indexbanner .swiper-button-prev,.pro-view-case .swiper-button-next, .pro-view-case .swiper-button-prev{ width:36px; height:36px;}
.indexbanner .swiper-button-next,.pro-view-case .swiper-button-next{ background:url(../images/next.png) no-repeat; background-size:36px 36px;}
.indexbanner .swiper-button-prev,.pro-view-case .swiper-button-prev{ background:url(../images/prev.png) no-repeat; background-size:36px 36px;}
.indexbanner .swiper-pagination-bullet,.pro-view-case .swiper-pagination-bullet{
	width:13px; 
	height:13px; 
	border-radius: 13px; 
}
.iprocate-tit{ font-size:36px;}
#lybook .wbook{
  width:90%;
}
}

@media (max-width: 600px) {
  .index-caseitem,.about-products-img div.img{width:100%;}
  .about-honor-title span{ width:100%; display:block; margin-right:0; font-size:16px; margin-bottom:10px;}
  .honor-img{ padding:0 50px 50px;}
  .caselist .caseitem,.pro-view-peijian .peijian-item{width:100%; margin-right:0;}
  .prolist .proitem{width:50%; padding:15px;}
  .view-down-itema{width: calc(100% - 55px);}
  .view-down-item-tit{width: calc(100% - 80px);}
}
@media (max-width: 480px) {
   .iprocate-tit{ font-size:30px;}
   .form-group .form-item{width:100%; margin-right:0; margin-bottom:20px;}
   .form-group .form-item:last-child{margin-bottom:0;}
   .book_tit{font-size: 24px;}
   #lybook .wbook{
    min-width:360px; width:96%;
  }
  .page-category-c .category-item{font-size: 16px; display:block; width: calc((100% - 15px) / 2 ); text-align:center; padding:7px 0;}
  .page-category-c .category-item:nth-child(2n){ margin-right:0;}
}