﻿/*! www.vancheer.com  |  Powered by vancheer */
@media screen and ( max-width:1600px ){
.indexPart1 .content .list { width:40%; margin-right:14%; margin-top:10%;}
.indexPart2 .conbox { margin-top:7%;}
.indexPart4 .text{ margin-top:8%;}
    /*!*公共部分 onclick*!*/
    /*.onclick{left:512px;}*/



}
@media screen and ( max-width:1440px ){
.indexPart1 .content .list { margin-top:9%;}
.indexPart2 .conbox { margin-top:5%;}
.indexPart4 .text{ margin-top:6%;}
.honorPic .prev{ left:30px;}
.honorPic .next{ right:30px;}
.nav li{width: 75px;}
/*!*公共部分 onclick*!*/
/*.onclick{left:479px;}*/
    .wal {width:auto!important;padding:0 20px;}
.nav li:first-child{width: 14px;}

}

@media screen and ( max-width:1366px ){
.nav li:first-child{width: 0px;}
/*.indexPart1 .content .list { margin-top:3%;}
.indexPart2 .conbox { margin-top:4%;}
.indexPart4 .text{ margin-top:5%;}

*/

.wal{ width: 100%; }
.pagecontent .leftnav{ width: 18%; }
.pagecontent .Rcontent{ width: 81%; }
.product2_2 .right_box{width:92%;}
.product2_2 .right_box .text{width: 50%;}


/*header style*/
.headtop .wal1340{min-width:1220px; height: 32px; position: relative; margin:0 auto;}
.headtop .wal1340 .header_box{   
	min-width:1220px;
    height: 32px;
    position: absolute;
    right: 0;
    left: 0;
}
.headDiv .wal1340{min-width:1220px; height: 110px; position: relative; margin:0 auto;}
.headtop .share{min-width: 1220px; }
.headtop .share span{
	 width: auto;
    height: 32px;
    text-align: center;
    line-height: 32px;
    position: absolute;
    right:25%;
    font-size: 14px;
    display: block;}
.headtop .search{
	position: absolute;
    right:9%;
    top: 0px;
    width: 170px;
    height: 32px;
     }
.headtop .dl{position: absolute;right: 3%;top: 0;bottom: 0;margin: auto;font-size: 14px;}
.headtop .dl a{color: #ffffff}

/*!*公共部分 onclick*!*/
/*.onclick{left:555px;}*/


/*index style*/
.section1 .wal1340{ min-width:1220px; height: auto; margin: 0 auto;position: relative; }
.section1 .wal1340 .text{ min-width: 1220px; height: auto; right: 0; left: 0; margin: auto;}
.section1 .wal1340 ul{ width: 1220px; overflow: hidden; height: 400px;}
.section2 .wal1340{ width:100%; height: auto; margin: 0 auto;position: relative; }
.section2 { height: 246px; }
.section2 li{ height: 246px; }
.section2 li a .h3{ line-height: 246px; }
/*nav style*/
.nav{padding-left: 500px;margin-left: 0}
.nav li{
    width: 55px;
    float: left;
    height: auto;
}
.onclickbase .content_box{ width: 100%; }
.onclickbase .content_box .content_img img{ margin-left:0px;  }


/*about style*/
.wal{ min-width: 1220px; }
.pagecontent .leftnav{ width:18%; float:left;}
.pagecontent .Rcontent{ float:right; width:81%;}


.about_banner .about_us{min-width: 1220px; height: auto; position: absolute; right: 0; left: 0; margin:auto; bottom: 200px;}
.about_banner .conment{ min-width:1220px; height: auto; position: absolute; right: 0; left: 0; margin:auto; bottom: 8px; }
.about_banner .conment p{ width: 1198px; color: #fff; font-size: 12px; text-align: right;}



.application ul li{ height: 170px; padding-bottom: 35px; }
.application ul li .pci{ width: 34%; }
.application ul li .text{ width: 62%; }
.application ul li .text p{ font-size: 16px; color:#666666; line-height: 21px;}





/*product*/
.product1 ul li{ width: 298px; height: 415px; }

.product1 li .hover_box{ height: 350px; left:30px;}


.product2_2 .left_box{ width: 6%; }
.product2_2 .right_box{ width: 94%; height: auto; float: right;}
.product2_2 .right_box .text{ width: 52%; }
.product2_2 .right_box .pic{ width: 40%; margin-left: 4%;}
.product2_2 .right_box .pic img{ max-width: 100%; }


/**/
.supplies1 ul li{ width: 24%; }

.supplies3_2 ul li{ max-width: 298px; height: 415px; }
.supplies3_2 ul li img{ width: 100%; }
.supplies3_2 li .hover_box{ height: 350px; }
.supplies3_3 ul li{width: 298px; height: 415px;}
.supplies3_3 ul li img{ width: 100%; }
.supplies3_3 li .hover_box{ height: 350px; }
.supplies3_3 .seach .input_box input{ max-width: 696px;min-width: 690px; height: 68px; }
.supplies3_3 .seach .button{width: 150px;}


/**/
.repair1 ul li{width:31.3%; height: 356px;}
.repair1 ul li img{ width: 100%; }

.repair4_3 .bg{ }
.repair4_3 ul li input{ width: 69%; }


.news ul li .pci{ width: 52%; }
.news ul li .text{ width: 48%; }
.news ul li .text p { line-height: 18px; }


.contact6_1 ul a{ width: 23.8%; }
.contact6_1 ul a span{ width: 210px; }
.contact6_2 ul li input{ width: 61%; }



/*footer*/
.footnav{ width: 100%; }
.footDiv .wal1340{ min-width: 1220px; height: 106px; position: relative; margin:0 auto; border-top: 1px solid #535560;}
.footnav .wal1340{ min-width:1220px;height: auto; position: relative; margin:0 auto; padding-bottom: 140px;}
.footnav .wal1340 .code{ position: absolute; right: 0px; top: 0;}
.footDiv .links .logo{  right: 0; ;top: 52px; width: 12%;}
.footDiv .links{ font-size:14px;  padding-top: 40px;}

.w971 .h_content{ width:100%;}
.honorPic .list{padding:120px 0 0; width:840px; margin:0 auto;}
.honorPic li{float:left; width:260px; height:230px; padding:10px 10px 0; background:#f3f3f3;}
.honorPic li img{ width:260px;}
.honorPic li span{ display:block; padding-top:15px; text-align:center; font-size:16px;}
.honorPic .prev{display:block; background:url(../images/nimg15_left.png) center no-repeat; width:15px; height:27px; position:absolute; z-index:50; left:0px; top:50%; margin-top:-13px;}
.honorPic .next{display:block; background:url(../images/nimg15_right.png) center no-repeat; width:15px; height:27px; position:absolute; z-index:50; right:0px; top:50%; margin-top:-13px;}
.honorPic .prev:hover{ background:url(../images/nimg15_lefton.png) center no-repeat;}
.honorPic .next:hover{ background:url(../images/nimg15_righton.png) center no-repeat;}
.honorLayer{position:absolute; z-index:20; left:50%; top:70px; width:480px; margin-left:-240px; height:406px;}
.honorLayer .imgDiv{ text-align:center; padding-top:15px; height:310px; background:#f3f3f3;}
.honorLayer img{ width:440px;}
.honorLayer span{ display:block; text-align:center; padding-top:15px; font-size:16px; background:#f3f3f3; height:60px;}



}
@media screen and ( max-width:1200px ){
    /*!*公共部分 onclick*!*/
    /*.onclick{left:719px;}*/
}



@media screen and ( max-width:1004px ){

}
/*@media screen and ( max-width:375px ){
.indexPart1 .content .list{ width:58%; margin-top:12%;}
	}8/