@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 1380px) {
/*header*/
	.header{background:url(../images/contact/toububj.jpg) no-repeat;padding-bottom:12%;}	
	.banner .in-tit h1{color:#fff;}
	.banner .in-tit p{color:#fff;}
	.breadcrumbs,.breadcrumbs a{color:#fff;}
/*message*/
	.message-bj{background:url(../images/contact/lybj.jpg) no-repeat;background-size:100% 100%;margin-top:-11.5%;}
	.message-bj .left{width:60%;float:left;padding:3% 4% 2% 4%;}
	.message-bj .left form .name{width:48%;float:left;}
	.message-bj .left form .tel{width:48%;float:right;}
	.message-bj .left form .name input,.message-bj .left form .tel input{margin-top:3%;background-color:transparent;}
	.message-bj .left form div label,.message-bj .left form div input,.message-bj .left form .lytext textarea{font-size:16px;color:#1a1a1a;}
	.message-bj .left form div input{width:96%;border:1px solid #9f9f9f;border-radius:10px;height:44px;padding:0 2%;}
	.message-bj .left form .lytext{margin-top:2%;}
	.message-bj .left form .lytext textarea{margin-bottom:1%;padding:1% 1%;border-radius:10px;max-width:98%;min-width:98%;min-height:70px;max-height:90px;background-color:transparent;margin-top:1.5%;}
	.message-bj .left form .button{text-align:center;}
	.message-bj .left form .button button{background:url(../images/contact/tijiao.png) no-repeat center;padding:6%;border:0;}
	.message-bj .right{width:24%;float:right;padding:3% 4% 2% 0;}
	.message-bj .right dl dt{font-size:22px;color:#333;font-weight:bold;margin-bottom:5%;}
	.message-bj .right dl dd{padding-left:18%;margin:6% 0;height:44px;}
	.message-bj .right dl dd a{font-size:16px;color:#000;height:44px;display:inline;}
	.message-bj .right dl dd.d{line-height:44px;}
	.message-bj .right dl .address{background:url(../images/contact/dz.png) no-repeat left center;}
	.message-bj .right dl .hotline{background:url(../images/contact/rx.png) no-repeat left center;}
	.message-bj .right dl .kf{background:url(../images/contact/dh.png) no-repeat left center;}
	.message-bj .right dl .email{background:url(../images/contact/yx.png) no-repeat left center;}
/*map*/
	#map{height:450px;}
/*product*/
	.cp-xg{padding-bottom:3%;}
	.contact-cp{margin-bottom:1%;}
	.contact-cp .row{margin:0 -0.6%;}
	.cpxg{padding:0 0.6%;width:23.8%;float:left;position:relative;}
	.cpxg a{width:100%;-moz-box-shadow:0px 0px 5px #ccc; -webkit-box-shadow:0px 0px 5px #ccc; box-shadow:0px 0px 5px #ccc;border-radius: 20px 20px 0px 0px;overflow:hidden;margin-bottom:4%;}
	.cpxg .tu{position:relative;}
	.cpxg .tu .mask{position:absolute;top:0;left:0;right:0;width:100%;height:100%;background-color: rgba(23, 36, 48, 0.3);display:none;}
	.cpxg a:hover .tu .mask{display:block;}
	.cpxg .wz{background:url(../images/contact/%2b.html) no-repeat 96% center;padding-bottom:4%;border-left:4px solid #1baeed;padding:3% 3% 4% 3%;}
	.cpxg .wz h2{margin:0;font-size:23px;color:#1a1a1a;padding-bottom:4%;}
	.cpxg .wz span{border:1px solid #1baeed;border-radius: 13px;font-size:16px;color:#0094d4;padding:0.6% 3%;}
	.cpxg a .yy{position:absolute;right:1%;bottom:-1.3%;}
}

@media screen and (max-width: 1380px) and (min-width: 1200px){
/*header*/
	.header{background:url(../images/contact/toububj.jpg) no-repeat;padding-bottom:12%;}	
	.banner .in-tit h1{color:#fff;}
	.banner .in-tit p{color:#fff;}
	.breadcrumbs,.breadcrumbs a{color:#fff;}
/*message*/
	.message-bj{background:url(../images/contact/lybj.jpg) no-repeat;background-size:100% 100%;margin-top:-11.5%;}
	.message-bj .left{width:60%;float:left;padding:3% 4% 2% 4%;}
	.message-bj .left form .name{width:48%;float:left;}
	.message-bj .left form .tel{width:48%;float:right;}
	.message-bj .left form .name input,.message-bj .left form .tel input{margin-top:3%;background-color:transparent;}
	.message-bj .left form div label,.message-bj .left form div input,.message-bj .left form .lytext textarea{font-size:15px;color:#1a1a1a;}
	.message-bj .left form div input{width:96%;border:1px solid #9f9f9f;border-radius:10px;height:40px;padding:0 2%;}
	.message-bj .left form .lytext{margin-top:2%;}
	.message-bj .left form .lytext textarea{margin-bottom:1%;padding:1% 1%;border-radius:10px;max-width:98%;min-width:98%;min-height:70px;max-height:90px;background-color:transparent;margin-top:1.5%;}
	.message-bj .left form .button{text-align:center;}
	.message-bj .left form .button button{background:url(../images/contact/tijiao.png) no-repeat center;background-size:100% auto;padding:6%;border:0;}
	.message-bj .right{width:24%;float:right;padding:3% 4% 2% 0;}
	.message-bj .right dl dt{font-size:20px;color:#333;font-weight:bold;margin-bottom:5%;}
	.message-bj .right dl dd{padding-left:18%;margin:5% 0;height:42px;}
	.message-bj .right dl dd a{font-size:15px;color:#000;height:42px;display:inline;}
	.message-bj .right dl dd.d{line-height:42px;}
	.message-bj .right dl .address{background:url(../images/contact/dz.png) no-repeat left center;background-size:15% auto;}
	.message-bj .right dl .hotline{background:url(../images/contact/rx.png) no-repeat left center;background-size:15% auto;}
	.message-bj .right dl .kf{background:url(../images/contact/dh.png) no-repeat left center;background-size:15% auto;}
	.message-bj .right dl .email{background:url(../images/contact/yx.png) no-repeat left center;background-size:15% auto;}
/*map*/
	#map{height:450px;}
/*product*/
	.cp-xg{padding-bottom:3%;}
	.contact-cp{margin-bottom:1%;}
	.contact-cp .row{margin:0 -0.6%;}
	.cpxg{padding:0 0.6%;width:23.8%;float:left;position:relative;}
	.cpxg a{width:100%;-moz-box-shadow:0px 0px 5px #ccc; -webkit-box-shadow:0px 0px 5px #ccc; box-shadow:0px 0px 5px #ccc;border-radius: 20px 20px 0px 0px;overflow:hidden;margin-bottom:4%;}
	.cpxg .tu{position:relative;}
	.cpxg .tu .mask{position:absolute;top:0;left:0;right:0;width:100%;height:100%;background-color: rgba(23, 36, 48, 0.3);display:none;}
	.cpxg a:hover .tu .mask{display:block;}
	.cpxg .wz{background:url(../images/contact/%2b.html) no-repeat 96% center;padding-bottom:4%;border-left:4px solid #1baeed;padding:3% 3% 4% 3%;}
	.cpxg .wz h2{margin:0;font-size:20px;color:#1a1a1a;padding-bottom:4%;}
	.cpxg .wz span{border:1px solid #1baeed;border-radius: 13px;font-size:15px;color:#0094d4;padding:0.6% 3%;}
	.cpxg a .yy{position:absolute;right:1%;bottom:-1.3%;}	
}

@media screen and (max-width: 1200px) and (min-width: 992px){
/*header*/
	.header{background:url(../images/contact/toububj.jpg) no-repeat;padding-bottom:12%;}	
	.banner .in-tit h1{color:#fff;}
	.banner .in-tit p{color:#fff;}
	.breadcrumbs,.breadcrumbs a{color:#fff;}
/*message*/
	.message-bj{background:url(../images/contact/lybj.jpg) no-repeat center;background-size:96% 100%;margin-top:-11.5%;}
	.message-bj .left{width:60%;float:left;padding:3% 1% 2% 3%;}
	.message-bj .left form .name{width:48%;float:left;}
	.message-bj .left form .tel{width:48%;float:right;}
	.message-bj .left form .name input,.message-bj .left form .tel input{margin-top:3%;background-color:transparent;}
	.message-bj .left form div label,.message-bj .left form div input,.message-bj .left form .lytext textarea{font-size:14px;color:#1a1a1a;}
	.message-bj .left form div input{width:96%;border:1px solid #9f9f9f;border-radius:5px;height:36px;padding:0 2%;}
	.message-bj .left form .lytext{margin-top:2%;}
	.message-bj .left form .lytext textarea{margin-bottom:1%;padding:1% 1%;border-radius:5px;max-width:98%;min-width:98%;min-height:60px;max-height:80px;background-color:transparent;margin-top:1.5%;}
	.message-bj .left form .button{text-align:center;}
	.message-bj .left form .button button{background:url(../images/contact/tijiao.png) no-repeat center;background-size:100% auto;padding:7%;border:0;}
	.message-bj .right{width:30%;float:right;padding:3% 3% 2% 1%;}
	.message-bj .right dl dt{font-size:18px;color:#333;font-weight:bold;margin-bottom:5%;}
	.message-bj .right dl dd{padding-left:18%;margin:3.5% 0;height:42px;}
	.message-bj .right dl dd a{font-size:14px;color:#000;height:42px;display:inline;}
	.message-bj .right dl dd.d{line-height:42px;}
	.message-bj .right dl .address{background:url(../images/contact/dz.png) no-repeat left center;background-size:12% auto;}
	.message-bj .right dl .hotline{background:url(../images/contact/rx.png) no-repeat left center;background-size:12% auto;}
	.message-bj .right dl .kf{background:url(../images/contact/dh.png) no-repeat left center;background-size:12% auto;}
	.message-bj .right dl .email{background:url(../images/contact/yx.png) no-repeat left center;background-size:12% auto;}
/*map*/
	#map{height:360px;}
/*product*/
	.cp-xg{padding-bottom:3%;}
	.contact-cp{margin-bottom:1%;}
	.contact-cp .row{margin:0 -0.6%;}
	.cpxg{padding:0 0.6%;width:23.8%;float:left;position:relative;}
	.cpxg a{width:100%;-moz-box-shadow:0px 0px 5px #ccc; -webkit-box-shadow:0px 0px 5px #ccc; box-shadow:0px 0px 5px #ccc;border-radius: 20px 20px 0px 0px;overflow:hidden;margin-bottom:4%;}
	.cpxg .tu{position:relative;}
	.cpxg .tu .mask{position:absolute;top:0;left:0;right:0;width:100%;height:100%;background-color: rgba(23, 36, 48, 0.3);display:none;}
	.cpxg a:hover .tu .mask{display:block;}
	.cpxg .wz{background:url(../images/contact/%2b.html) no-repeat 96% center;background-size:15% auto;border-left:4px solid #1baeed;padding:3% 3% 4% 3%;}
	.cpxg .wz h2{margin:0;font-size:18px;color:#1a1a1a;padding-bottom:4%;}
	.cpxg .wz span{border:1px solid #1baeed;border-radius: 13px;font-size:14px;color:#0094d4;padding:0.6% 3%;}
	.cpxg a .yy{position:absolute;right:1%;bottom:-2.9%;}	
}

@media screen and (max-width: 992px) and (min-width: 768px){
/*header*/
	.header{background:url(../images/contact/toububj.jpg) no-repeat;padding-bottom:12%;}	
	.banner .in-tit h1{color:#fff;}
	.banner .in-tit p{color:#fff;}
	.breadcrumbs,.breadcrumbs a{color:#fff;}
/*message*/
	.message-bj{background:url(../images/contact/lybj.jpg) no-repeat center;background-size:96% 100%;margin-top:-11.5%;}
	.message-bj .left{width:56%;float:left;padding:3% 1% 2% 3%;}
	.message-bj .left form .name{width:48%;float:left;}
	.message-bj .left form .tel{width:48%;float:right;}
	.message-bj .left form .name input,.message-bj .left form .tel input{margin-top:3%;background-color:transparent;}
	.message-bj .left form div label,.message-bj .left form div input,.message-bj .left form .lytext textarea{font-size:14px;color:#1a1a1a;}
	.message-bj .left form div input{width:96%;border:1px solid #9f9f9f;border-radius:5px;height:36px;padding:0 2%;}
	.message-bj .left form .lytext{margin-top:2%;}
	.message-bj .left form .lytext textarea{margin-bottom:1%;padding:1% 1%;border-radius:5px;max-width:98%;min-width:98%;min-height:60px;max-height:80px;background-color:transparent;margin-top:1.5%;}
	.message-bj .left form .button{text-align:center;}
	.message-bj .left form .button button{background:url(../images/contact/tijiao.png) no-repeat center;background-size:100% auto;padding:7%;border:0;}
	.message-bj .right{width:35%;float:right;padding:3% 3% 2% 1%;}
	.message-bj .right dl dt{font-size:16px;color:#333;font-weight:bold;margin-bottom:5%;}
	.message-bj .right dl dd{padding-left:18%;margin:2% 0;height:42px;}
	.message-bj .right dl dd a{font-size:13px;color:#000;height:42px;display:inline;}
	.message-bj .right dl dd.d{line-height:42px;}
	.message-bj .right dl .address{background:url(../images/contact/dz.png) no-repeat left center;background-size:12% auto;}
	.message-bj .right dl .hotline{background:url(../images/contact/rx.png) no-repeat left center;background-size:12% auto;}
	.message-bj .right dl .kf{background:url(../images/contact/dh.png) no-repeat left center;background-size:12% auto;}
	.message-bj .right dl .email{background:url(../images/contact/yx.png) no-repeat left center;background-size:12% auto;}
/*map*/
	#map{height:360px;}
/*product*/
	.cp-xg{padding-bottom:3%;}
	.contact-cp{margin-bottom:1%;}              
	.contact-cp .row{margin:0 -0.6%;}
	.cpxg{padding:0 0.6%;width:23.8%;float:left;position:relative;}
	.cpxg a{width:100%;-moz-box-shadow:0px 0px 5px #ccc; -webkit-box-shadow:0px 0px 5px #ccc; box-shadow:0px 0px 5px #ccc;border-radius: 20px 20px 0px 0px;overflow:hidden;margin-bottom:4%;}
	.cpxg .tu{position:relative;}
	.cpxg .tu .mask{position:absolute;top:0;left:0;right:0;width:100%;height:100%;background-color: rgba(23, 36, 48, 0.3);display:none;}
	.cpxg a:hover .tu .mask{display:block;}
	.cpxg .wz{background:url(../images/contact/%2b.html) no-repeat 96% center;background-size:15% auto;border-left:4px solid #1baeed;padding:3% 3% 4% 3%;}
	.cpxg .wz h2{margin:0;font-size:15px;color:#1a1a1a;padding-bottom:4%;}
	.cpxg .wz span{border:1px solid #1baeed;border-radius: 13px;font-size:12px;color:#0094d4;padding:0.6% 3%;}
	.cpxg a .yy{position:absolute;right:1%;bottom:-2.9%;}	

}

@media screen and (max-width: 768px) {
/*header*/
	.header{background:url(../images/contact/toububj.jpg) no-repeat;padding-bottom:12%;display:none;}	
	.banner .in-tit h1{color:#fff;}
	.banner .in-tit p{color:#fff;}
	.breadcrumbs,.breadcrumbs a{color:#fff;}
/*message*/
	.message-bj{background:#eee;margin-top:3%;}
	.message-bj .left{width:94%;padding:3% 1% 2% 3%;}
	.message-bj .left form .name{width:100%;margin-bottom:3%;}
	.message-bj .left form .tel{width:100%;}
	.message-bj .left form .name input,.message-bj .left form .tel input{margin-top:3%;background-color:transparent;}
	.message-bj .left form div label,.message-bj .left form div input,.message-bj .left form .lytext textarea{font-size:0.27rem;color:#1a1a1a;display:block;}
	.message-bj .left form div input{width:96%;border:1px solid #9f9f9f;border-radius:5px;height:36px;padding:0 2%;font-size:0.27rem;}
	.message-bj .left form .lytext{margin-top:2%;}
	.message-bj .left form .lytext textarea{margin-bottom:1%;padding:1% 1%;border-radius:5px;max-width:98%;min-width:98%;min-height:1.5rem;max-height:2rem;background-color:transparent;margin-top:1.5%;font-size:0.27rem;}
	.message-bj .left form .button{text-align:center;}
	.message-bj .left form .button button{background:url(../images/contact/tijiao.png) no-repeat center;background-size:100% auto;padding:15%;border:0;}
	.message-bj .right{width:94%;padding:3% 3% 2% 1%;display:none;}
	.message-bj .right dl dt{font-size:0.32rem;color:#333;font-weight:bold;margin-bottom:5%;}
	.message-bj .right dl dd{padding-left:18%;margin:2% 0;}
	.message-bj .right dl dd a{font-size:0.27rem;color:#000;display:block;}
/*	.message-bj .right dl dd.d{line-height:42px;}*/
	.message-bj .right dl .address{background:url(../images/contact/dz.png) no-repeat left center;background-size:12% auto;}
	.message-bj .right dl .hotline{background:url(../images/contact/rx.png) no-repeat left center;background-size:12% auto;}
	.message-bj .right dl .kf{background:url(../images/contact/dh.png) no-repeat left center;background-size:12% auto;}
	.message-bj .right dl .email{background:url(../images/contact/yx.png) no-repeat left center;background-size:12% auto;}
/*map*/
	#map{height:6rem;}
/*product*/
	.cp-xg{padding-bottom:3%;}
	.contact-cp{margin-bottom:1%;}              
	.contact-cp .row{margin:0 -1%;padding:0 2%;}
	.cpxg{padding:0 1%;width:48%;float:left;position:relative;}
	.cpxg a{width:100%;-moz-box-shadow:0px 0px 5px #ccc; -webkit-box-shadow:0px 0px 5px #ccc; box-shadow:0px 0px 5px #ccc;border-radius: 20px 20px 0px 0px;overflow:hidden;margin-bottom:4%;}
	.cpxg .tu{position:relative;}
	.cpxg .tu .mask{position:absolute;top:0;left:0;right:0;width:100%;height:100%;background-color: rgba(23, 36, 48, 0.3);display:none;}
	.cpxg a:hover .tu .mask{display:block;}
	.cpxg .wz{background:url(../images/contact/%2b.html) no-repeat 96% center;background-size:15% auto;border-left:4px solid #1baeed;padding:3% 3% 4% 3%;}
	.cpxg .wz h2{margin:0;font-size:0.27rem;color:#1a1a1a;}
	.cpxg .wz span{display:none;border:1px solid #1baeed;border-radius: 13px;font-size:12px;color:#0094d4;padding:0.6% 3%;}
	.cpxg a .yy{position:absolute;right:1%;bottom:0;}	

}