@media (max-width: 1430px){
	.w1400{
		width: 92%;
	}
    .pop-inner2.w1400,.pop-inner.w1400{
        width: calc(100% - 40px);
    }
	.wother{
		width: 92%;
	}

	
	.recommend-list .slides .pic{
		height: 120px;
    	line-height: 120px;
	}
	.recommend-box{
		width: 92%;
	}
}

@media (max-width: 1200px){
	.navigation a.tit{
		font-size: 14px;
		line-height: 40px;
		height: 40px;
	}
	.navigation .title {
	    padding: 0 0 0 19.6%;
	    height: 60px;
	    line-height: 60px;
	    font-size: 18px;
	}
}

@media (max-width: 1024px){
	.apply-top .apro-info{
		padding: 15px;
		width: 82%;
	}
	.apply-top .apro-info .pic{
		width: 18%;
		height: 100px;
		line-height: 100px;
	}
	.apply-top .apro-info h2 {
	    font-size: 20px;
	    line-height: 30px;
	    height: 30px;
	}
	.apply-top .apro-info p {
	    font-size: 13px;
	    line-height: 23px;
	    height: 23px;
	}
	.apply-top .apro-info .con {
	    width: 80%;
	    padding-left: 4%;
	    margin-top: 20px;
	}
	.apply-top .add{
		width: 14.5%;
	}
	.mobile-right .form .text{
		height: 50px;
    	line-height: 50px;
	}
	.mobile-right .form .submit {
	    height: 50px;
	    line-height: 50px;
	    font-size: 18px;
	}
	.product-list li .trast-box{
		opacity: 1;
	}
	.contrast-box tr:first-child h2{
		font-size: 16px;
	    line-height: 26px;
	    margin-top: 8px;
	}
	.contrast-box tr:first-child p.font {
	    font-size: 12px;
	    line-height: 22px;
	    padding:0 20px;
	}
	.contrast-box tr:first-child td {
	    padding: 15px 2% 15px 0;
	}
	.contrast-box tr:first-child a{
		width: 100%;
	}
	.contrast-box tr:first-child .pic {
	    height: 125px;
	    line-height: 125px;
	}
	.contrast-box tr:first-child img {
	    max-width: 60%;
	    max-height: 90px;
	}
	.contrast-box td:first-child {
    	width: 9%;
	    padding-left: 1%;
	    padding-right: 0;
	}
	.contrast-box td:last-child {
	    width: 27%;
	}
	.contrast-box td {
	    font-size: 11px;
	}
	.contrast-box td p.can {
	    font-size: 12px;
	    line-height: 20px;
	    width: 100%;
	    padding: 10px 0;
	    word-break: break-all;
	    text-align: center;
	}
	.info-link {
	    font-size: 12px;
	    color: #fff;
	    padding-left: 25%;
	    background: #292929 url(../images/pro16.png) no-repeat 15% center;
	    height: 40px;
	    line-height: 40px;
	    margin-top: 30px;
	    display: block;
	}
	.contrast-box {
	    padding: 10px 20px 35px;
	}
	.recommend-box{
		height: 390px;
	}
	.recommend-list .slides h2 {
	    font-size: 16px;
	    line-height: 24px;
	    height: 24px;
	}
	.recommend-list .slides .font {
	    font-size: 12px;
	    line-height: 22px;
	    height: 22px;
	}
	.recommend-list .slides .btns {
		font-size: 12px;
	}
	.recommend-list .slides a{
		padding: 18px 10px 10px;
	}
	.recommend-box .close{
		position: absolute;
	    top: auto;
	    bottom:  -5.5vh;
	    right: 50%;
	    margin-right: -2.5vh;
	}


}

@media (max-width: 768px){
	.apply-ajax li{
		width: 100%;
		float: left;
		margin-bottom: 1vh;
		padding: 10px 15px;
	}
	.apply-ajax li.odd{
		float: left;
	}
	.apply-ajax h2.tit{
		margin-bottom: 2vh;
	}
	.apply-ajax .add-pro-sel {
	    margin-bottom: 2vh;
	}
	.apply-ajax .a-con{
		height: 78%;
	}
	.apply-ajax .add-pro-sel select{
		width: 100%;
		margin-left: 0;
		margin-bottom: 1vh;
		height: 4vh;
    	line-height: 4vh;
	}
	.apply-ajax .a-con{
		width: 100%;
		margin: 0;
	}
	.apply-ajax .close{
		top: auto;
		bottom: -5.5vh;
		right: auto;
		left: 50%;
		margin-left: -2.5vh;
	}

	
	.product-list li{
		width: 48%;
	}
	.product-list li.on{
		margin-right: 4%;
	}
	.product-list li.cur{
		margin-right: 0;
	}
	.product-list li .pic{
		height: 160px;
		line-height: 160px;
	}
	.product-list li img{
		max-width: 80%;
		max-height: 120px;
	}
	.contrast-box .title {
	    padding: 10px 0;
	    font-size: 20px;
	    line-height: 40px;
	}
	.contrast-box .show-set {
	    width: 285px;
	    top: 10px;
	    line-height: 40px;
	    font-size: 12px;
	}		
	.recommend-box .title {
	    font-size:20px;
	}
}
@media (max-width: 480px){
	.apply-bot-form li{
		width: 100%;
		margin-bottom: 10px;
	}
	.error-page{
		width: 92%;
		margin-left: -48%;
		height: 80vw;
		margin-top: -40vw;
	}
	.error-page img {
	    margin-bottom: 25px;
	}
	.error-page a {
	    width: 100px;
	    font-size: 12px;
	    height: 36px;
	    line-height: 36px;
	    margin: 0 5px;
	}
	.apply-bot-form {
	    padding-top: 15px;
	}
	.apply-bot {
	    padding: 15px 20px 25px;
	}
	.apply-top .title, .apply-bot .title {
	    font-size: 20px;
	    line-height: 30px;
	    padding-bottom: 10px;
	}
	.body-bg{
		padding: 25px 0 60px;
	}
	.apply-bot-form li .text {
	    height: 40px;
	    line-height: 40px;
	    font-size: 14px;
	}
	.apply-bot-form li .ico{
		top: 12px;
	}
	.apply-bot-form li textarea {
	    height: 120px;
	    border: none;
	    font-size: 14px;
	}
	.apply-bot-form li .ico09 {
	    top: 13px;
	}
	.apply-bot-form li .submit {
	    width: 145px;
	    height: 40px;
	    line-height: 40px;
	    font-size: 14px;
	}
	.apply-top .return-l{
		top: -2px;
		font-size: 14px;
	}
	.apply-top {
	    padding: 15px 20px;
	    margin-bottom: 10px;
	}
	.apply-top .apro-info h2 {
	    font-size: 16px;
	    line-height: 24px;
	    height: 24px;
	}
	.apply-top .apro-info p {
	    font-size: 12px;
	    line-height: 20px;
	    height: 20px;
	}
	.apply-top .apro-info .pic {
	    width: 37%;
	    height: 60px;
	    line-height: 60px;
	}
	.apply-top .apro-info .con {
	    width: 62%;
	    padding-left:2%;
	    margin-top: 0px;
	}
	.apply-ajax h2.tit{
		font-size: 2vh;
    	line-height: 4.5vh;
	}
	.apply-ajax li h2 {
	    font-size: 2vh;
	    line-height: 3vh;
	    height: 3vh;
	}
	.apply-ajax li p {
	    font-size: 1.8vh;
	}
	.apply-ajax li .pic{
		width: 20%;
	}
	.apply-ajax .add-pro-sel select {
	    height: 4.5vh;
	    line-height: 4.5vh;
	    font-size: 12px;
	}
	.apply-ajax .confirm {
	    margin-top: 2.6vh;
	    width: 132px;
	    height: 5.8vh;
	    line-height: 5.8vh;
	}
	.navigation{
		width: 100%;
	}
	.mobile-right {
	    width: 100%;
	}
	.mobile-right .form .submit{
		font-size: 16px;
		z-index: 2;
	}
	.navigation .list-tit{
		display: block;
		width:50%;
		float: left;
		height: 50px;
    	line-height: 50px;
    	font-size: 17px;
	}
	.navigation .title{
		width: 50%;
		float: left;
		height: 50px;
    	line-height: 50px;
		font-size: 17px;
		background: #c11a20 url(../images/pro01.png) no-repeat left 19% center;
		background-size: 15%;
		border-right: 1px solid #f8f8f8;
	}
	.navigation ul{
		width: 100%;
		padding: 0 2%;
		position: absolute;
		top: 50px;
		right: 0;
		background: #fff;
		display: none;
	}
	.navigation{
		margin-bottom: 20px;
	}
	.navigation a.co {
	    height: 35px;
	    line-height: 35px;
	    font-size: 12px;
	}
	.product-list li{
		margin-bottom: 10px;
	}
	.product-list li a {
	    padding: 10px 2% 15px;
	}
	.product-list li .pic {
	    height: 100px;
	    line-height: 100px;
	}
	.product-list li img {
	    max-width: 80%;
	    max-height: 80px;
	}
	.product-list li h2 {
	    font-size: 14px;
	    line-height: 22px;
	    height: 22px;
	    margin-top: 10px;
	}
	.product-list li .font {
	    font-size: 12px;
	    line-height: 22px;
	    height: 22px;
	}
	.product-list li .trast-box {
	    padding: 0 0 0 10px;
	    font-size: 12px;
	    line-height: 12px;
	    top: 8px;
	    left: 3%;
	    width: 40px;
	    background: url(../images/pro08.png) no-repeat left center;
	    background-size: auto 100%;
	}
	.product-list li .trast-box.on {
	    background: url(../images/pro09.png) no-repeat left center;
	    background-size: auto 100%;
	}
	.pop-inner .diff-hd{
	    height: 40px;
	    line-height: 40px;
	    padding: 0 2%;
	    font-size: 16px;
	}
	.pop-inner .diff-hd .hide-me {
	    font-size: 13px;
	}
	.pop-inner{
		width: 100%;
		margin-left: -50%;
	}
	.pop-inner .diff-operate {
	    width: 25%;
	    padding: 15px 0 15px 3%;
	}
	.pop-inner .diff-items {
	    width: 75%;
	    padding: 15px 0 15px;
	}
	.pop-inner .goto-contrast{
		font-size: 12px;
		height: 28px;
    	line-height: 28px;
	}
	.pop-inner .diff-items .pic{
		width: 25%;
	    height: 60px;
	    line-height: 60px;
	}
	.pop-inner .diff-items h2 {
	    font-size: 14px;
	    line-height: 24px;
	    margin-top: 6px;
	    height: 24px;
	}
	.pop-inner .diff-items p {
	    font-size: 12px;
	    line-height: 21px;
	    height: 21px;
	}
	.pop-inner .del-items {
	    font-size: 12px;
	    height: 32px;
	    line-height: 32px;
	}
	.contrast{
		padding: 30px 0 40px;
	}
	.contrast-box .title{
		padding: 10px 0 95px;
	}
	.contrast-box .show-set{
		top: 45px;
		right: auto;
		left: 0;
		width: 100%;
		line-height: 28px;
	}
	.contrast-box .show-set a {
	    padding-left: 20px;
	    margin-left: 0;
	    display: block;
	}
	.recommend-box {
	    height: 335px;
	}
	.recommend-list .flex-direction-nav{
		top: 4.7%;
	}
	.recommend-box .title{
		line-height: 50px;
	}
	.pop-inner-open{
		width: 35px;
		font-size: 12px;
    	line-height: 22px;
    	display: none;
	}
	.pop-inner-open .bot {
	    padding: 4px 0 6px;
	}
	.pop-inner-open .top{
		height: 35px;
	}
	.pop-inner-open .top .num {
	    font-size: 12px;
	    width: 14px;
	    height: 14px;
	    line-height: 14px;
	    top: 2px;
	    right: 1px;
	}
	.contrast-box tr:first-child td{
		padding:15px 6% 15px 0;
	}
}

@media (min-width: 1025px){
	.apply-top .add-box:hover{
		background: #c11a20;
	}
	.error-page a:hover{
		background: #c0141a;
	}
	.apply-top .add-box:hover .line{
		background: #fff;
	}
	.apply-top .add-box.on:hover{
		background: #c11a20;
	}
	.apply-top .add-box.on:hover .line{
		background: #fff;
	}
	.apply-top .apro-info:hover .line{
		width: 100%;
	}
	.apply-top .apro-info:hover h2{
		color: #c11a20;
	}
	.apply-bot-form li .submit:hover{
		background: #d2060e;
	}
	.apply-top .return-l:hover{
		color: #c11a20;
	}
	.apply-top .return-l:hover span{
		width: 34px;
	}
	.apply-ajax .close:hover{
		box-shadow: 0 0 10px rgba(0,0,0,.2);
	}
	.apply-ajax .close:hover span{
		transform: rotate(180deg);
	}
	.apply-ajax li:hover .line{
		width: 100%;
	}
	.apply-ajax li:hover h2{
		color: #c11a20;
	}
	.navigation a.co:hover{
		background: url(../images/pro03.png) no-repeat 0 center;
		color: #CC000E;
	}
	.navigation a.tit:hover{
		color: #CC000E;
	}
	.navigation a.tit.on:hover{
		background: url(../images/sf_01.svg) no-repeat right 12px center;
		background-size: 18px 7px;
	}
	.product-list li:hover{
		box-shadow: 0 0 20px rgba(0,0,0,.2);
	}
	.product-list li:hover p{
		color: #921831;
	}



	.product-list li:hover .trast-box{
		opacity: 1;
	}
	.product-list li .trast-box.on{ opacity:1}
	.contrast-box .show-set a:hover{
		background: url(../images/pro11_h.png) no-repeat left center;
		color: #c11a20;
	}
	.info-link:hover{
		background: #c11a20 url(../images/pro16_h.png) no-repeat 27% center;
	}
	.contrast-box tr:first-child a:hover{
		box-shadow: 0 0 20px rgba(0,0,0,.2);
	}
	.contrast-box tr:first-child a:hover .delete{
		background: url(../images/pro15_h.png) no-repeat center;
	}
}
.txtboxa a:hover .delete{
    background: url('../images/pro15_h.png') no-repeat center;
}