@media (min-width:320px){
	.exhibis{
		background-color: #212121
	}
	.exhibis .nav-box{
		background-color: #282828;
		text-align: center;
	}
	.exhibis .nav-box .box{
		display: inline-block;
		line-height: 0.9rem;
		margin: 0 0.1rem;
		font-size: 0.26rem;
		color: #ffffff;
		padding-left: 0.45rem;
		position: relative;
		cursor: pointer;
	}
	.exhibis .nav-box .box span{
		display: block;
		width: 0.32rem;
		height: 0.32rem;
		border-radius: 50%;
		border:2px solid #999999;
		position: absolute;
		left: 0;
		top: 50%;
		transform:translateY(-50%);
	}
	.exhibis .nav-box .box.on,
	.exhibis .nav-box .box:hover{
		color: #ffec40;
	}
	.exhibis .nav-box .box.on span,
	.exhibis .nav-box .box:hover span{
		border:2px solid #ffec40;
	}
	/*.exhibis .nav-box .box.honor span{
		background: url(../img/img-15.1.png) center/0.14rem no-repeat;
	}
	.exhibis .nav-box .box.honor:hover span,
	.exhibis .nav-box .box.honor.on span{
		background: url(../img/img-15.png) center/0.14rem no-repeat;
	}*/

	.exhibis .nav-box .box.honor span .img1{
		opacity:1;
	}
	.exhibis .nav-box .box.honor span .img2{
		opacity:0;
	}
	.exhibis .nav-box .box.honor:hover span .img1,
	.exhibis .nav-box .box.honor.on span .img1{
		opacity:0;
	}
	.exhibis .nav-box .box.honor:hover span .img2,
	.exhibis .nav-box .box.honor.on span .img2{
		opacity:1;
	}
	.exhibis .nav-box .box.honor span img{
		width:.14rem;
	}
	.exhibis .mian .list ul li .pic .tip{
		position: absolute;
		width: 50px;
		height: 50px;
		-webkit-transition: all 0.3s;
	            transition: all 0.3s;
		border-radius: 50%;
		cursor: pointer;
		left: 50%;
		top: 50%;
		transform:translate(-50%,-45%);
		z-index: 3;
		opacity: 0;
		background: #222222 url(../img/img-17.png) center no-repeat;
	}

	.exhibis .nav-box .box.product span{
		background: url(../img/img-16.1.png) center/0.14rem no-repeat;
	}
	.exhibis .nav-box .box.product:hover span,
	.exhibis .nav-box .box.product.on span{
		background: url(../img/img-16.png) center/0.14rem no-repeat;
	}

	.exhibis .nav-box .box.contact span{
		background: url(../img/img-18.png) center/0.15rem no-repeat;
	}
	.exhibis .nav-box .box.contact:hover span,
	.exhibis .nav-box .box.contact.on span{
		background: url(../img/img-18.1.png) center/0.15rem no-repeat;
	}
	.exhibis .nav-box .box.servers span{
		background: url(../img/img-19.png) center/0.14rem no-repeat;
	}
	.exhibis .nav-box .box.servers:hover span,
	.exhibis .nav-box .box.servers.on span{
		background: url(../img/img-19.1.png) center/0.14rem no-repeat;
	}

	.exhibis .nav-box .box.info span{
		background: url(../img/img-29.png) center/0.14rem no-repeat;
	}
	.exhibis .nav-box .box.info:hover span,
	.exhibis .nav-box .box.info.on span{
		background: url(../img/img-29.1.png) center/0.14rem no-repeat;
	}
	.exhibis .nav-box .box.new span{
		background: url(../img/img-30.png) center/0.13rem no-repeat;
	}
	.exhibis .nav-box .box.new:hover span,
	.exhibis .nav-box .box.new.on span{
		background: url(../img/img-30.1.png) center/0.13rem no-repeat;
	}



	.exhibis .mian .nav{
		margin: 0.5rem 4% 0.6rem;
	}
	.exhibis .mian .nav .en{
		font-size: 0.4rem;
		color:#ebd93d;
		line-height: 1.1;
		margin-bottom: 0.05rem;
		text-transform:uppercase
	}
	.exhibis .mian .nav .title{
		font-size: 0.4rem;
		color: #ebd93e;
		line-height: 1.1;
	}
	.exhibis .mian .list{
		padding: 0 4% 0.7rem;
	}
	.exhibis .mian .list ul li{
		width: 48%;
		margin: 0 4% 0.35rem 0;
	}
	.exhibis .mian .list ul li:nth-child(even){
		margin-right: 0
	}
	.exhibis .mian .list ul li .pic{
		display: flex;
		align-items: center;
		background-color: #282828;
		position: relative;
		height: 3.3rem;
		padding:0.15rem;
	}
	.exhibis .mian .list ul li .pic  img{
		display: block;
		max-width: 80%;
		max-height: 80%;
		margin: 0 auto;
		align-items: center;
	}
	.exhibis .mian .list ul li .title{
		color: #ffffff;
		line-height: 1.2;
		font-size: 13px;
		margin-top: 0.1rem;
		overflow: hidden; 
		text-overflow: ellipsis; 
		white-space: nowrap;
	}
	.exhibis .mian .list ol li{
		width: 100%;
		float: left;
		margin: 0 0% 0.3rem 0;
		background-color: #282828;
		border-radius: 6px;
		padding: 0.6rem .15rem 0.5rem;
		box-sizing:border-box;
	}
	.exhibis .mian .list ol li:nth-child(even){
		margin-right: 0
	}
	.exhibis .mian .list ol li .pic{
		width: 1.2rem;
		height: 1.2rem;
		border-radius: 50%;
		margin: 0 auto 0.3rem;
	}
	.exhibis .mian .list ol li .pic.add{
		background: #ffec40 url(../img/img-20.png) center/0.33rem no-repeat
	}
	.exhibis .mian .list ol li .pic.tel{
		background: #ffec40 url(../img/img-21.png) center/0.47rem no-repeat
	}
	.exhibis .mian .list ol li .pic.phone{
		background: #ffec40 url(../img/img-22.png) center/0.43rem  no-repeat
	}
	.exhibis .mian .list ol li .title{
		font-size: 14px;
		line-height: 1.4;
		text-align: center;
		color: #fff;
		margin-bottom: .1rem;
	}
	.exhibis .mian .list ol li .detaile{
		font-size:13px;
		color: #999999;
		line-height: 1.5;
		text-align: center;
	}
	.exhibis .mian .list ol li img{
		display: block;
		width: 3.2rem;
		margin: 0 auto .3rem;
	}
	.exhibis .mian .list ol li .tit{
		font-size: .26rem;
		line-height: 1.4;
		color: #fff;
		text-align: center;
	}
	.exhibis .mian .after_sale{
		padding:  0 4%;
	}
	.exhibis .mian .after_sale .left-module{
		background-color: #ffec40;
		border-radius: 0.1rem;
		padding: .3rem;
	}
	.exhibis .after_sale .left-module .title,
	.exhibis .after_sale .right-module .title{
		font-size: .26rem;
		color: #222222;
		line-height: .54rem;
		padding-left: .68rem;
		position: relative;
		margin-bottom: .2rem;
	}
	.exhibis .after_sale .left-module .title span,
	.exhibis .after_sale .right-module .title span{
		display: block;
		width: .54rem;
		height: .54rem;
		border-radius: 50%;
		position: absolute;
		left: 0;
		top: 0;
		background:#222222 url(../img/img-23.png) center/.2rem no-repeat;
	}
	.exhibis .after_sale .left-module .detaile{
		font-size: .24rem;
		color: #222222;
		line-height: 1.5;
	}
	.exhibis .after_sale .left-module .imges{
		margin-top: .5rem;
	}	
	.exhibis .after_sale .left-module .imges img{
		display: inline-block;
		width: 2.3rem;
	}
	.exhibis .after_sale .right-module{
		background-color: #000000;
		border-radius: 0.1rem;
		overflow: hidden;
		padding: .3rem;
		margin-top: .2rem;
		padding: .3rem .3rem 4.5rem;
		background: url(../img/img-25.jpg) center bottom/cover no-repeat;
	}
	.exhibis .after_sale .right-module .title{
		color: #ffec40;
	}
	.exhibis .after_sale .right-module .title span{
		background:#ffec40 url(../img/img-24.png) center/.19rem no-repeat;
	}
	.exhibis .after_sale .right-module .detaile{
		font-size: .24rem;
		color: #ffffff;
		line-height: 1.5;
	}
	.exhibis .mian .from{
		padding:  0 4% 1rem;
	}
	.exhibis .mian .from .box{
		margin-bottom: .2rem;
	}
	.exhibis .mian .from .box .label{
		line-height: .6rem;
		font-size: .26rem;
		color: #ffffff;
		width: 1.4rem;
	}
	.exhibis .mian .from .box .label span{
		color: #ff5959;
		margin-left: 2px;
	}
	.exhibis .mian .from .ridao-box .ridao{
		color: #ffffff;
		font-size: .26rem;
		line-height: .6rem;
		margin-right: .35rem;
		padding-left: .4rem;
		background: url(../img/img-25.png) left center/15px no-repeat;
	}
	.exhibis .mian .from .ridao-box .ridao.on{
		background: url(../img/img-26.png) left center/15px no-repeat;
	}
	.exhibis .mian .from .ridao-box .item{
		font-size:14px;
		color:#fff;
		margin-right:25px;
	}
	.exhibis .mian .from .ridao-box .item input[type="radio"]{
		margin-right:10px;
		background: url(../img/img-25.png) left center/15px no-repeat;
	} 
	.exhibis .mian .from .ridao-box .item input[type="radio"]:checked{
		margin-right:10px;
		background: url(../img/img-26.png) left center/15px no-repeat;
	}
	.exhibis .mian .from .input-box .text,
	.exhibis .mian .from .box select,
	.exhibis .mian .from .box .texts,
	.exhibis .mian .from .box textarea,
	.exhibis .mian .from .box .code{
		display: block;
		width: calc(100% - 1.8rem);
		float: left;
		height: .4rem;
		line-height: .4rem;
		padding: .1rem .2rem;
		color: #fff;
		font-size: .26rem;
		border:0;
		position: relative;
		border-radius: .1rem;
		appearance:none;
		background-color: #3b3b3b;
	}
	.exhibis .mian .from .box select{
		background:#3b3b3b url(../img/img-28.png) 96% center no-repeat;
	}
	.exhibis .mian .from .box .mbox{
		width: 100%;
	}
	.exhibis .mian .from .box .mbox:nth-child(2){
		margin-top: .2rem;
	}
	.exhibis .mian .from .box select{
		height: .6rem;
		width:  calc(100% - 1.4rem);
	}
	.exhibis .mian .from .box select.city,
	.exhibis .mian .from .box .texts{
		margin-left: 1.4rem;
		margin-top: .2rem;
	}
	.exhibis .mian .from .box textarea{
		display: block;
		height: 2rem;
		resize:none;
	}
	.exhibis .mian .from .box .code{
		width: 2.7rem;
	}
	.exhibis .mian .from .box .code-btn{
		background-color: #e08894;
		height: .6rem;
		border-radius: .1rem;
		float: left;
		margin-left: .2rem;
		width: 2rem;
	}
	.exhibis .mian .from .submit-box{
		margin:.3rem 0 0 1.4rem;
		width:2.3rem;
		position: relative;
	}
	.exhibis .mian .from .captcha{
		float: left;
		margin-left:10px;
	}
	.exhibis .mian .from .submit-box input{
		width: 100%;
	    height: 100%;
	    left: 0;
	    top: 0;
	    z-index: 2;
	    position: absolute;
	    opacity: 0;
	}
	.exhibis .mian .from .submit-box .submit{
		width: 2.3rem;
		line-height: .7rem;
		height: .7rem;
		padding-left: .35rem;
		background-color: #ebd93e;
		border-radius: .5rem;
		font-size: .26rem;
		box-sizing:border-box;
		position: relative;
		/*margin:.3rem 0 0 1.4rem;*/
	}
	.exhibis .mian .from .submit-box .submit span{
		display: block;
		width: .42rem;
		height: .42rem;
		border-radius: 50%;
		position: absolute;
		right: .12rem;
		top: .15rem;
		text-align: center;
		line-height: .36rem;
		background:#282828 url(../img/img-27.png) center/.06rem no-repeat;
	}
	.exhibis .new_list,
	.new_info .new_list{
		padding: 0 4% .55rem;
	}
	.exhibis .new_list .page{
		padding-top:15px;
	}
	.exhibis .new_list li,
	.new_info .new_list li{
		width: 100%;
		border-radius: 0.1rem;
    	background-color: #181818;
		margin-bottom: 0.5rem;
		overflow: hidden;
		-webkit-transition: all 0.3s;
	            transition: all 0.3s;
	}
	.exhibis .new_list li:hover,
	.new_info .new_list li:hover{
		background-color: #fffc31;
	}
	.exhibis .new_list li:hover .title,
	.exhibis .new_list li:hover .title span,
	.exhibis .new_list li:hover .time,
	.new_info .new_list li:hover .title,
	.new_info .new_list li:hover .title span,
	.new_info .new_list li:hover .time{
		color: #1a2026;
	}

	.exhibis .new_list img,
	.exhibis .product_list li img,
	.new_info .new_list  img{
		display: block;
		width: 100%;
	}
	.exhibis .new_list .box,
	.new_info .new_list  .box{
		padding: 0.2rem 0.2rem 0.3rem;
	}
	.exhibis .new_list .title,
	.new_info .new_list  .title{
		font-size:15px;
		color: #fff;
		line-height: 1.6;
		margin-bottom: 0.1rem;
		-webkit-transition: all 0.3s;
	            transition: all 0.3s;
		overflow: hidden; 
		text-overflow: ellipsis; 
		white-space: nowrap;
	}
	.exhibis .new_list .title span,
	.new_info .new_list  .title span{
		color: #eedb31
	}
	.exhibis .new_list .time,
	.new_info .new_list  .time{
		font-size: 13px;
		color: #999999;
		line-height: 1.2;
		-webkit-transition: all 0.3s;
	            transition: all 0.3s;
	}
	.new_info{
		background-color: #212121;
	}
	.new_info .crumbs{
		padding:1.3rem 4% .3rem;
		font-size: .26rem;
		line-height: 1.5;
	}	
	.new_info .crumbs a{
		padding-left: .3rem;
		display: inline-block;
		color: #999999;
	}
	.new_info .crumbs .home{
		background: url(../img/img-31.png) left center/.21rem no-repeat;
	}
	.new_info .crumbs .title{
		margin-left: .08rem;
		padding-left: .27rem;
		background: url(../img/img-3.png) left center/.16rem no-repeat;
	}
	.new_info .crumbs .name{
		display: inline;
		margin-left: .08rem;
		padding-left: .27rem;
		color: #fff;
		background: url(../img/img-3.png) left center/.16rem no-repeat;
	}
	.new_info .mian{
		background-color: #282828;
		width: 92%;
		max-width: 1560px;
		margin: 0 auto;
		padding:.4rem .3rem 1rem;
		box-sizing:border-box;
	}
	.new_info .mian .title{
		font-size: .3rem;
		color: #fcce01;
		line-height: 1.4;
		text-align: center;
		margin-bottom: .2rem;
	}
	.new_info .mian .time{
		font-size: .24rem;
		color: #999999;
		line-height: 1.2;
		text-align: center;
		margin-bottom: .25rem;
	}
	.new_info .mian .detaile{
		font-size: .26rem;
		margin-bottom: .35rem;
		color: #dddddd;
		line-height: 1.5;
		border-top:1px solid rgba(255,255,255,.2);
		border-bottom:1px solid rgba(255,255,255,.2);
		padding: .3rem 0;
	}
	.new_info .mian .bot a{
		color:#666666;
		display: inline-block;
		font-size: .26rem;
		width: 48%;
		line-height: 1.3;
		box-sizing:border-box;
	}
	.new_info .mian .bot .left{
		padding-left: .2rem;
		background: url(../img/img-32.png) left .05rem/.12rem no-repeat;
	}
	.new_info .mian .bot .right{
		padding-right: .2rem;
		background: url(../img/img-33.png) right .05rem/.12rem no-repeat;
	}
	.new_info .mian .bot a img{
		display: none;
	}
	.new_info .nav{
		margin: 0.5rem 4% 0.6rem;
	}
	.new_info .nav .title {
	    font-size: 0.3rem;
	    line-height: 1.1;
	    color: #fff;
	}
	.exhibis .new_list .page{
		padding-top:15px;
	}
	.exhibis .mian .navlist{
		width: auto;
		margin-top:10px;
	}
	.exhibis .mian .navlist a{
		margin-right:.25rem;
		position: relative;
		padding-bottom:10px;
		font-size:.28rem;
		color:#fff;
	}
	.exhibis .mian .navlist a:before{
		display: block;
	    width: 0%;
	    height: 2px;
	    background-color: transparent;
	    content: '';
	    position: absolute;
	    bottom: 0;
	    left: 50%;
	    -webkit-transition: all 0.3s;
	    transition: all 0.3s;
	}
	
	.exhibis .mian .navlist a.on:before, .exhibis .mian .navlist a:hover:before {
	    background-color: #fcce01;
	    left: 0;
	    width: 100%;
	}
}
@media (min-width:768px){
	
}
@media (min-width:992px){

}
@media (min-width:1025px){
	.exhibis .nav-box .box {
	    line-height: 90px;
	    margin: 0 50px;
	    font-size: 16px;
	    padding-left: 45px;
	}
	.exhibis .nav-box .box span{
		border: 3px solid #999999;
	}
	.exhibis .nav-box .box.on span, 
	.exhibis .nav-box .box:hover span {
	    border: 3px solid #ffec40;
	}
	.exhibis .nav-box .box span {
	    width: 32px;
	    height: 32px;
	}
	/*.exhibis .nav-box .box.honor span {
	    background: url(../img/img-15.1.png) center/14px no-repeat;
	}
	.exhibis .nav-box .box.honor:hover span,.exhibis .nav-box .box.honor.on span {
	    background: url(../img/img-15.png) center/14px no-repeat;
	}*/
	.exhibis .nav-box .box.honor span img{
		width:14px;
	}

	.exhibis .nav-box .box.honor span .img1{
		opacity:1;
	}
	.exhibis .nav-box .box.honor span .img2{
		opacity:0;
	}
	.exhibis .nav-box .box.honor:hover span .img1,
	.exhibis .nav-box .box.honor.on span .img1{
		opacity:0;
	}
	.exhibis .nav-box .box.honor:hover span .img2,
	.exhibis .nav-box .box.honor.on span .img2{
		opacity:1;
	}


	.exhibis .nav-box .box.product span {
	    background: url(../img/img-16.1.png) center/14px no-repeat;
	}
	.exhibis .nav-box .box.product:hover span, .exhibis .nav-box .box.product.on span {
	    background: url(../img/img-16.png) center/14px no-repeat;
	}
	.exhibis .nav-box .box.contact span {
	    background: url(../img/img-15.1.png) center/14px no-repeat;
	}
	.exhibis .nav-box .box.contact:hover span,.exhibis .nav-box .box.contact.on span {
	    background: url(../img/img-15.png) center/14px no-repeat;
	}
	.exhibis .nav-box .box.servers span {
	    background: url(../img/img-16.1.png) center/14px no-repeat;
	}
	.exhibis .nav-box .box.servers:hover span, .exhibis .nav-box .box.servers.on span {
	    background: url(../img/img-16.png) center/14px no-repeat;
	}
	.exhibis .nav-box .box.info span {
	    background: url(../img/img-29.png) center/14px no-repeat;
	}
	.exhibis .nav-box .box.info:hover span,.exhibis .nav-box .box.info.on span {
	    background: url(../img/img-29.1.png) center/14px no-repeat;
	}
	.exhibis .nav-box .box.new span {
	    background: url(../img/img-30.png) center/14px no-repeat;
	}
	.exhibis .nav-box .box.new:hover span, .exhibis .nav-box .box.new.on span {
	    background: url(../img/img-30.1.png) center/14px no-repeat;
	}

	.exhibis .mian .nav,
	.new_info .nav{
		width: 92%;
		margin: 80px auto 65px;
		max-width: 1560px;
	}
	.exhibis .mian .nav .en {
	    font-size: 40px;
	    margin-bottom: 5px;
	}
	.exhibis .mian .nav .title{
	    font-size: 40px;
	}
	.exhibis .nav-box{
		margin-top: 30px;
	}
	.exhibis .mian .navlist{
		width: auto;
		margin-top:50px;
	}
	.exhibis .mian .navlist a{
		margin-right:.5rem;
		position: relative;
		padding-bottom:10px;
		color:#fff;
	}
	.exhibis .mian .navlist a:before{
		display: block;
	    width: 0%;
	    height: 2px;
	    background-color: transparent;
	    content: '';
	    position: absolute;
	    bottom: 0;
	    left: 50%;
	    -webkit-transition: all 0.3s;
	    transition: all 0.3s;
	}
	
	.exhibis .mian .navlist a.on:before, .exhibis .mian .navlist a:hover:before {
	    background-color: #fcce01;
	    left: 0;
	    width: 100%;
	}
	.exhibis .mian .list{
		width: 92%;
		margin: 0 auto;
		max-width: 1560px;
		padding-bottom:.55rem;
	}
	.exhibis .mian .list ul li {
	    width: 23.8%;
	    margin: 0 1.5% 40px 0;
	}
	.exhibis .mian .list ul li:nth-child(even){
		margin-right: 1.5%
	}
	.exhibis .mian .list ul li:nth-child(4n){
		margin-right: 0
	}
	.exhibis .mian .list ul li .pic{
		padding: 15px;
		height: 19vw;
		border-radius: 6px;
		max-height: 373px;
		-webkit-transition: all 0.3s;
	            transition: all 0.3s;
	}
	.exhibis .mian .list ul li:hover .pic{
		background-color: #ffec40
	}
	.exhibis .mian .list ul li .pic:hover .tip{
		opacity: 1;
	}
	.exhibis .mian .list ul li .pic .tip{
		position: absolute;
		width: 100px;
		height: 100px;
		-webkit-transition: all 0.3s;
	            transition: all 0.3s;
		border-radius: 50%;
		cursor: pointer;
		left: 50%;
		top: 50%;
		transform:translate(-50%,-45%);
		z-index: 3;
		opacity: 0;
		background: #222222 url(../img/img-17.png) center no-repeat;
	}
	.exhibis .mian .list ul li .title {
	    font-size: 17px;
	    margin-top: 0px;
	    line-height: 60px;
	}
	.exhibis .mian .list ol li {
	    width: 48%;
	    height: 320px;
	    margin: 0 2% .2rem 0;
	    padding: 60px 15px 0;
	}
	.exhibis .mian .list ol li .pic {
	    width: 100px;
	    height: 100px;
	    margin: 0 auto 30px;
	}
	.exhibis .mian .list ol li .title {
	    font-size: 20px;
	    margin-bottom: 10px;
	}
	.exhibis .mian .list ol li .detaile {
	    font-size: 16px;
	}
	.exhibis .mian .list ol li img {
	    width: 160px;
	    margin: 0 auto 25px;
	}
	.exhibis .mian .list ol li .tit {
	    font-size: 20px;
	}
	.exhibis .mian .list ol li .pic.add {
	    background: #ffec40 url(../img/img-20.png) center/33px no-repeat;
	}
	.exhibis .mian .list ol li .pic.tel {
	    background: #ffec40 url(../img/img-21.png) center/47px no-repeat;
	}
	.exhibis .mian .list ol li .pic.phone {
	    background: #ffec40 url(../img/img-22.png) center/43px no-repeat;
	}
	.exhibis .mian .after_sale .left-module{
		width: 48.5%;
		float: left; 
		box-sizing:border-box;
		height: 720px;
		border-radius: 10px;
	    padding: 80px 3.8% 0px;
	}
	.exhibis .after_sale .left-module .title, .exhibis .after_sale .right-module .title {
	    font-size: 16px;
	    line-height: 54px;
	    padding-left: 70px;
	    margin-bottom: 40px;
	}
	.exhibis .after_sale .left-module .title span, .exhibis .after_sale .right-module .title span {
	    width: 54px;
	    height: 54px;
	    background: #222222 url(../img/img-23.png) center/20px no-repeat;
	}
	.exhibis .after_sale .left-module .detaile {
	    font-size: 16px;
	}
	.exhibis .after_sale .left-module .imges {
	    margin-top: 75px;
	}
	.exhibis .after_sale .left-module .imges img {
	    display: inline-block;
	    width: 158px;
	}
	.exhibis .mian .after_sale .right-module{
		width: 48.5%;
		height: 720px;
		float: right; 
		box-sizing:border-box;
		border-radius: 10px;
	    padding: 80px 3.8% 0px;
	    margin-top: 0;
	}
	.exhibis .after_sale .right-module .detaile {
	    font-size: 15px;
	}
	.exhibis .mian .from .box .label {
	    line-height: 50px;
	    font-size: 16px;
	    width: 100px;
	}
	.exhibis .mian .from{
		padding:50px 60px 70px 60px;
		box-sizing:border-box;
		background-color: #282828;
		margin-bottom: 115px;
	}
	.exhibis .mian .from .box{
		margin-bottom: 30px
	}
	.exhibis .mian .from .ridao-box .ridao {
	    font-size: 16px;
	    line-height: 50px;
	    margin-right: 47px;
	    padding-left: 23px;
	}
	.exhibis .mian .from .input-box .text, .exhibis .mian .from .box select, .exhibis .mian .from .box .texts, .exhibis .mian .from .box textarea, .exhibis .mian .from .box .code {
	    width: calc(100% - 130px);
	    height: 20px;
	    line-height: 20px;
	    padding: 15px 15px;
	    font-size: 16px;
	    border-radius: 10px;
	}
	.exhibis .mian .from .box .mbox {
	    width: 47%;
	}
	.exhibis .mian .from .box.selete-box .mbox{
		width: 100%;
	}
	.exhibis .mian .from .box .mbox:nth-child(2){
		margin-top: 0;
		float: right;
	}
	.exhibis .mian .from .box select{
		height: 50px;
		padding: 0 15px;
		width: 20.5%;
		float: left;
	}
	.exhibis .mian .from .box select.city, .exhibis .mian .from .box .texts{
		margin-left: 20px;
		margin-top: 0;
	}
	.exhibis .mian .from .box .texts{
		width: calc(59% - 170px);
	}
	.exhibis .mian .from .textarea-box .mbox,
	.exhibis .mian .from .box.code-box .mbox{
		width: 100%
	}
	.exhibis .mian .from .box textarea{
		width:calc(100% - 130px);
		height: 190px;
	}
	.exhibis .mian .from .box .code{
		width: calc(20.5% - 30px);
	}
	.exhibis .mian .from .box .code-btn {
	    height: 50px;
	    border-radius: 10px;
	    margin-left: 20px;
	    width: 220px;
	}
	.exhibis .mian .from .box .captcha{
		margin-left:10px;
		margin-top:7px;
	} 
	.exhibis .mian .from .submit-box{
		margin-bottom: 0;
		margin: 40px 0 0 100px;
		position: relative;
		width:180px;
	}
	.exhibis .mian .from .submit-box input{
		width:100%;
		height:100%;
		left:0;
		top:0;
		z-index:2;
		position: absolute;
		opacity:0;
	}
	.exhibis .mian .from .submit-box .submit {
	    width: 180px;
	    line-height: 50px;
	    height: 50px;
	    padding-left: 45px;
	    border-radius: 50px;
	    font-size: 15px;
	    margin: 0;
	    cursor: pointer;
	}
	.exhibis .mian .from .submit-box .submit span {
	    width: 35px;
	    height: 35px;
	    border-radius: 50%;
	    right: 8px;
	    top: 8px;
	    line-height: 35px;
	    background: #282828 url(../img/img-27.png) center/6px no-repeat;
	}

	.exhibis .new_list,
	.new_info .new_list{
	    padding:0 0 .5rem;
	}
	.exhibis .new_list li,
	.new_info .new_list li{
	    width: 32%;
	    margin:0 2% 35px 0;
	    border-radius: 10px
	}
	.exhibis .new_list li:nth-child(3n),
	.new_info .new_list li:nth-child(3n){
		margin-right: 0
	}
	.exhibis .new_list .box,
	.new_info .new_list  .box{
		padding: 20px 25px 25px;
	}
	.exhibis .new_list .title,
	.new_info .new_list  .title{
	    font-size: 20px;
	    margin-bottom: 60px;
	}
	.exhibis .new_list .time,
	.new_info .new_list  .time{
	    font-size: 14px;
	}
	.exhibis .new_list li:hover img{

	}
	.new_info .crumbs{
	    padding: 185px 0% 56px;
    	font-size: 15px;
    	line-height: 30px;
    }
    .new_info .content{
    	width: 92%;
    	margin: 0 auto;
    	max-width: 1200px;
    }
    .new_info .mian {
	    padding: 80px 0 85px;
	}
	.new_info .mian .title {
	    font-size: 30px;
	    line-height: 44px;
	    margin-bottom: 17px;
	}
	.new_info .mian .time {
	    font-size: 15px;
	    line-height: 23px;
	    margin-bottom: 42px;
	}
	.new_info .mian .detaile {
	    font-size: 15px;
	    margin-bottom: 0;
	    line-height: 1.7;
	    padding: 40px 0 7vw;
	}
	.new_info .mian .bot a{
		width: 50%;
		height: 96px;
		line-height: 52px;
		padding: 22px 0;
		font-size: 15px;
		-webkit-transition: all 0.3s;
	            transition: all 0.3s;
	}
	.new_info .mian .bot .left {
	    padding-left: 20px;
	    background: url(../img/img-32.png) left center/8px no-repeat;
	}
	.new_info .mian .bot .right {
	    padding-right: 20px;
	    text-align: right;
	    background: url(../img/img-33.png) right center/8px no-repeat;
	}
	.new_info .mian .bot .left img,
	.new_info .mian .bot .right img{
		display: block;
		opacity: 0;
		width: 108px;
		height: 52px;
		border-radius: 4px;
		float: right;
		margin-right: 19px;
		-webkit-transition: all 0.3s;
	            transition: all 0.3s;
	}
	.new_info .mian .bot .right img{
		margin: 0 0 0 19px;
		float: left;
	}
	.new_info .mian .bot .left:hover{
		background:#fcce01 url(../img/img-32.1.png) 26px center/8px no-repeat;
		color: #222222;
		padding-left: 52px;
	}
	.new_info .mian .bot .right:hover{
		background:#fcce01 url(../img/img-33.1.png) 96% center/8px no-repeat;
		color: #222222;
		padding-right: 52px;
	}
	.new_info .mian .bot .left:hover img,
	.new_info .mian .bot .right:hover img{
		opacity: 1;
	}
	.new_info .mian .bot a span{
		display: inline-block;
		white-space: nowrap; 
		text-overflow: ellipsis; 
		overflow: hidden;
		width: calc(100% - 150px);
	}
	.new_info .nav{
		margin: 130px auto 65px;
	}
	.new_info .nav .title{
		font-size: 30px;
	}
	.new_info .new_list{
		padding-bottom: 84px;
	}
	.new_info .new_list li{
		margin-bottom: 0;
	}


}
@media (min-width:1200px){
	.exhibis .nav-box{
		margin-top: 60px;
	}
	.exhibis .mian .list ol li {
	    width: 23%;
	    height: 320px;
	    margin: 0 2.5% 0 0;
	    padding: 45px 15px 0;
	}
	.exhibis .mian .list ol li:nth-child(even){
		margin-right: 2.5%;
	}
	.exhibis .mian .list ol li:nth-child(4n){
		margin-right: 0;
	}
	.exhibis .mian .list ol li span{
		display: block;
	}
}	
@media (min-width:1500px){
	.exhibis .mian .list ol li .pic {
    	width: 120px;
	    height: 120px
	}
	.exhibis .mian .list ol li{
		padding: 45px 5px 0;
	}
	.exhibis .mian .list ol li span{
		display: inline-block;
	}
}
@media (min-width:1700px){
	
}