.nbanner{margin-top: 80px;overflow: hidden;text-align: center}
/* contact */
.contact{padding: 50px 0 80px;}
.contact .fl{margin-top: 5%;margin-left: 5%;width: 35%;}
.contact .fl h3{font-size: 24px;margin-bottom: 20px;letter-spacing: 2px;}
.contact .fl li{line-height: 40px;margin-bottom: 10px;}
.contact .fl li i{display: inline-block;width: 39px;height: 39px;background-image: url(../images/icon.png);background-repeat: no-repeat;background-position: 0 0;float:left;margin-right:10px ;}
.contact .fl li:nth-of-type(2) i{background-position: 0 -50px;}
.contact .fl li:nth-of-type(3) i{background-position: 0 -100px;}
.contact .fl li:nth-of-type(4) i{background-position: 0 -150px;}
.contact .fr{width: 58%;}
#container {width: 100%;height: 400px;box-shadow: 0 2px 6px 0 rgba(160, 160, 160, .5);border: 1px solid #e4e4e4}
.amap-marker-label{background-color: transparent;border: none}
.info {padding: .75rem 1.25rem;margin-bottom: 1rem;border-radius: .25rem;position: fixed;top: 1rem;background-color: white;width: auto;min-width: 22rem;border-width: 0;right: 1rem;box-shadow: 0 2px 6px 0 rgba(114, 124, 245, .5);position: relative;top: 0;right: 0;min-width: 0;}
.info p{line-height: 20px;}
/* sale */
.sale{text-align: center;padding: 40px 0 60px;}
.ntit{font-size: 20px;margin-bottom: 25px;text-align: center;position: relative;}
.ntit::after{content:"";width: 80px;height: 4px;background-color: #01a0c7;left: 46.7%;bottom: -10px;position: absolute;}
/* about */
.about{margin: 20px 0 20px;}
.about p{line-height: 30px;text-indent: 30px;}
/* product */
.product{margin:  20px 0 20px;}
.product li{width: 30%;float:left;margin: 1.5%;text-align: center;}
.product li div{padding: 15px;border: 1px solid #eee;margin-bottom: 10px;}
.product li div img{height: 199px;transition: all .3s linear;}
.product li:hover div img{transform: scale(1.05);}
/*news*/
.news{margin: 30px 0;}
.news ul{
    margin: 40px 20px 20px;
}
.news ul li {
    width: 100%;
    height: 159px;
    border: 1px solid transparent;
    margin-bottom: 20px;
}
.news_two_box {
    width: 100%;
    height: 159px;
    border: 1px solid transparent;
    position: relative;
    background: #f7f7f7;
    transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
}
.news_two_img {
    width: 230px;
    height: 157px;
    float: left;
    transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
}
.news_two a {
    color: #ccc;
    text-decoration: none;
}
.news_two_img img {
    width: 200px;
    height: 130px;
    margin: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}
.news_two_txt {
    width: 56%;
    float: left;
    margin: 36px 0 28px 34px;
}
.news_two_txt span {
    font-size: 16px;
    color: #717171;
    display: block;
    height: 24px;
    overflow: hidden;
    margin-bottom: 20px;
    transition: all .3s ease-out 0s;
}
.news_two_txt i {
    height: 52px;
    color: #A2A2A2;
    line-height: 24px;
    display: block;
    font-size: 14px;
    overflow: hidden;
}
.news_two_date {
    width: 180px;
    float: right;
    color: #999;
    padding: 36px 66px 0 0;
}
.news_two_date span {
    height: 26px;
    font-size: 19px;
}
.ser_but {
    color: #ccc;
    position: absolute;
    top: 100px;
    right: 105px;
    width: 100px;
    height: 35px;
    line-height: 35px;
    border-radius: 18px;
    text-align: center;
    border: 1px solid #dedfe1;
    transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s;
    font-size: 14px;
}

.news_two_box:hover {
    border: 1px solid #efefef;
    box-shadow: 0 6px 10px 5px rgba(0, 0, 0, .08)
}

.news_two_box:hover .news_two_img {
    background: #ccc;
}

.news_two_box:hover .ser_but {
    background: #ccc;
    border: 1px solid #ccc;
    margin: 0 -60px;
    color: #fff;
}
.search .ser_but{top:35px}
.search li,.search .news_two_box{height: 100px!important;}
/*页码*/
.page_desc{margin: 50px auto;text-align: center; font-size: 14px;}
.page_desc li{display:inline-block;margin: 0 5px;}
.page_desc li>span,.page_desc li a{padding: 4px 10px;display: inline-block; border: 1px solid #d8d8d8;color: #555; background: #fff;}
.page_desc li span.current,.page_desc li a:hover{background:#555; color: #fff;border: 1px solid #555}
/*详情*/
.detail{
    margin:35px 0;
}
.detail .title {
    margin-bottom: 25px;
    border-bottom:1px solid #e1e1e1;
}
.detail .title h3{
    font-size:18px;
    text-transform:uppercase;
    text-align: center;
}
.detail .title .smallicon{
    text-align: center;
    margin-bottom: 10px;
	font-size: 13px;
}
.detail .detailcon p{
    margin-bottom:10px;
    font-size:14px;
    color:#666;
    text-transform:uppercase;
}

.detailcon iframe{width:700px;height:500px;}
.Thenext {
    font-size: 14px;
    margin: 40px 0px 20px;
    color: #999;
    overflow: hidden;
    line-height: 24px;
}
.Thenext span{
    width: 50%;
}
.Thenext .last_t {
    padding-left: 0px;
    padding-right: 0px;
    float: left;
    margin-bottom: 20px;
    text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.Thenext .next_t {
    float: right;
    text-align: right;
    text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.Thenext a {
    color: #666;
    font-size: 14px;
}
.Thenext a:hover{
    color: #086dc4;
}
/* brand */
.brand{margin: 20px 0;}
.brand img{margin: 30px 0 50px;}

@media (max-width: 1200px){
	.nbanner{margin-top: 0;}
	
}
@media (max-width: 768px){
	.nbanner img{width: 140%;margin-left: -20%;max-width: 140%;}
	.about,.product{margin: 20px 0 20px;}
	.ntit::after{left: 44.5%;}
	.contact{padding: 20px 0 ;}
	.news{margin: 20px 0;}
	.news ul li,.news_two_box{width: 100%;height: auto;}
    .news_two_img{width: 100%;height: 215px;float: none;}
    .news_two_img img{width: 100%;height: 100%;margin: 0;padding: 10px;}
    .news_two_txt{width: 94%;float: none;margin: 5px 10px;display: block;}
    .news_two_txt span{margin-bottom: 5px;}
    .news_two_date{display: none;}
    .ser_but{position: static;display: inline-block;margin-left: 10px;margin-bottom: 10px;}
	.detailcon iframe{width:100%;height:250px;}
}
@media (max-width: 650px){
	.ntit::after{left: 43.5%;width: 45px;}
	.about p{font-size: 14px;line-height: 25px;}
	.product li{width: 100%;}
	.product li:last-of-type {margin: 0 ;margin-bottom: 15px;}
	.product li:nth-of-type(2) {margin: 0 ; margin-bottom: 15px;}
	.product li:first-of-type {margin: 0 ;margin-bottom: 15px;}
	.product li div img{height: 150px;}
	.contact .fl{width: 100%;margin-left: 0;margin-top: 2%;margin-bottom: 10px;}
	.contact .fr{width: 100%;}
	.contact .fl h3 {font-size: 20px;}
	.detail{margin: 15px 0;}
}