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

@media screen and (min-width: 1600px) {
/*banner*/
	.banner{position:relative;}
	.banner .mask{position:absolute;top:19%;left:0;right:0;margin:0 auto;width:49%;text-align:center;padding:1.5% 1%;background:rgba(255,255,255,0.67);}
	.banner .mask h1{font-size:66px;color:#222;margin:0;}
	.banner .mask p{font-size:22px;color:#222;margin-top:1%;line-height:42px;}
/*lianxi*/
	.lianxi-bj{background:#F5F7F8;padding:2% 0;}
	.lianxi li{font-size:36px;color:#222;padding:2% 2% 2% 11%;font-weight:bold;background:#fff;-moz-box-shadow:4px 7px 26px 0px rgba(35,24,21,0.08);-webkit-box-shadow:4px 7px 26px 0px rgba(35,24,21,0.08);box-shadow:4px 7px 26px 0px rgba(35,24,21,0.08);width:48.5%;position:relative;}
	.lianxi li:nth-child(1){float:left;}
	.lianxi li:nth-child(1) i{background:url(../images/contact/hd-tel-1.jpg) no-repeat left center;border-radius:50%;}
	.lianxi li:nth-child(2){float:right;font-size:34px;}
	.lianxi li:nth-child(2) i{background:url(../images/contact/hd-dz-1.jpg) no-repeat left center;border-radius:50%;}
	.lianxi li i{display:inline-block;width:116px;height:116px;position:absolute;left:3%;top:13%;}
	.lianxi li span{font-size:30px;color:#222;font-weight:400;display:block;margin-bottom:2%;}
	.lianxi li a{display:initial;font-size:35px;color:#222;font-weight:bold;}
	.lianxi li a:hover{color:#F43922;}
/*social media*/
	.media h2{font-size:42px;color:#222;text-align:center;}
	.media h2:before{content:'';padding:1% 2.5%;background:url(../images/contact/hd-gz.png) no-repeat left center;}
	.media div{width:37%;margin:0 auto;}
	.media div img:nth-child(1){float:left;}
	.media div img:nth-child(2){float:right;}
/*customized*/
	.customized-bj{background:#F5F7F8;margin-top:2%;}
	.customized{padding:1% 0;}
	.customized b{font-size:1.5vw;line-height:60px;}
	.customized form{width:73%;float:right;font-size:0;}
	.customized form input{width:38%;padding:0 2%;margin-right:2%;border-radius:8px;border:1px solid #1B1B1B;height:60px;display:block;float:left;font-size:1vw;color:#000;}
	.customized form button{border:0;height:60px;width:20%;background:#F42E19;border-radius:8px;font-size:1vw;color:#fff;}
	button {--color: #0077ff;overflow: hidden;cursor: pointer;z-index:1;color:var(--color);border: 2px solid var(--color);position:relative;}
    button::before {position: absolute;content: "";background: var(--color);width: 300px;height:120px;z-index: -1;border-radius: 50%;}
    button:hover {color: white;}
    button:before {top:50%;left:100%;transition: 0.3s all;}
	button:hover::before {top: -30px;left: -30px;}   	
/*service*/
	.service h2,.address h2{text-align:center;font-size:42px;color:#222;}
	.service ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
	.service ul li{flex-basis:30.5%;}
	.service ul li a{width:100%;height:100%;text-align:left;}
	.service ul li a img{width:100%;margin:0 auto;}
	.service ul li .box{width:94%;margin:0 auto;background:#fff;margin-top:-5%;position:relative;z-index:1;-moz-box-shadow:0px 2px 18px 0px rgba(8,1,3,0.22);-webkit-box-shadow:0px 2px 18px 0px rgba(8,1,3,0.22);box-shadow:0px 2px 18px 0px rgba(8,1,3,0.22);padding:3% 5%;}
	.service ul li h3{font-size:26px;color:#222;margin:0;}
	.service ul li p{font-size:18px;color:#222;line-height:30px;margin-top:3.5%;}
/*address*/
	.address{text-align:center;}
	.address iframe{width:100%;height:502px;overflow:hidden;padding:0;display:block;}
}

@media screen and (max-width: 1600px) and (min-width: 1400px){
/*banner*/
	.banner{position:relative;}
	.banner .mask{position:absolute;top:19%;left:0;right:0;margin:0 auto;width:56%;text-align:center;padding:1.5% 1%;background:rgba(255,255,255,0.67);}
	.banner .mask h1{font-size:54px;color:#222;margin:0;}
	.banner .mask p{font-size:20px;color:#222;margin-top:1%;line-height:42px;}
/*lianxi*/
	.lianxi-bj{background:#F5F7F8;padding:2% 0;}
	.lianxi li{font-size:36px;color:#222;padding:2% 2% 2% 11%;font-weight:bold;background:#fff;-moz-box-shadow:4px 7px 26px 0px rgba(35,24,21,0.08);-webkit-box-shadow:4px 7px 26px 0px rgba(35,24,21,0.08);box-shadow:4px 7px 26px 0px rgba(35,24,21,0.08);width:48.5%;position:relative;}
	.lianxi li:nth-child(1){float:left;}
	.lianxi li:nth-child(1) i{background:url(../images/contact/hd-tel-1.jpg) no-repeat left center;border-radius:50%;}
	.lianxi li:nth-child(2){float:right;font-size:30px;}
	.lianxi li:nth-child(2) i{background:url(../images/contact/hd-dz-1.jpg) no-repeat left center;border-radius:50%;}
	.lianxi li i{display:inline-block;width:116px;height:116px;position:absolute;left:3%;top:13%;}
	.lianxi li span{font-size:27px;color:#222;font-weight:400;display:block;margin-bottom:2%;}
	.lianxi li a{display:initial;font-size:30px;color:#222;font-weight:bold;}
	.lianxi li a:hover{color:#F43922;}
/*social media*/
	.media h2{font-size:36px;color:#222;text-align:center;}
	.media h2:before{content:'';padding:1% 2.5%;background:url(../images/contact/hd-gz.png) no-repeat left center;background-size:80% auto;}
	.media div{width:37%;margin:0 auto;}
	.media div img{width:35%;}
	.media div img:nth-child(1){float:left;}
	.media div img:nth-child(2){float:right;}
/*customized*/
	.customized-bj{background:#F5F7F8;margin-top:2%;}
	.customized{padding:1% 2%;}
	.customized b{font-size:20px;line-height:60px;}
	.customized form{width:76%;float:right;font-size:0;}
	.customized form input{width:38%;padding:0 2%;margin-right:2%;border-radius:8px;border:1px solid #1B1B1B;height:60px;display:block;float:left;font-size:18px;color:#000;}
	.customized form button{border:0;height:60px;width:20%;background:#F42E19;border-radius:8px;font-size:18px;color:#fff;}
	button {--color: #0077ff;overflow: hidden;cursor: pointer;z-index:1;color:var(--color);border: 2px solid var(--color);position:relative;}
    button::before {position: absolute;content: "";background: var(--color);width: 300px;height:120px;z-index: -1;border-radius: 50%;}
    button:hover {color: white;}
    button:before {top:50%;left:100%;transition: 0.3s all;}
	button:hover::before {top: -30px;left: -30px;}   	
/*service*/
	.service h2,.address h2{text-align:center;font-size:42px;color:#222;}
	.service ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
	.service ul li{flex-basis:30.5%;}
	.service ul li a{width:100%;height:100%;text-align:left;}
	.service ul li a img{width:100%;margin:0 auto;}
	.service ul li .box{width:94%;margin:0 auto;background:#fff;margin-top:-5%;position:relative;z-index:1;-moz-box-shadow:0px 2px 18px 0px rgba(8,1,3,0.22);-webkit-box-shadow:0px 2px 18px 0px rgba(8,1,3,0.22);box-shadow:0px 2px 18px 0px rgba(8,1,3,0.22);padding:3% 5%;}
	.service ul li h3{font-size:26px;color:#222;margin:0;}
	.service ul li p{font-size:18px;color:#222;line-height:30px;margin-top:3.5%;}
/*address*/
	.address{text-align:center;}
	.address iframe{width:100%;height:502px;overflow:hidden;padding:0;display:block;}
}

@media screen and (max-width: 1400px) and (min-width: 1200px){
/*banner*/
	.banner{position:relative;}
	.banner .mask{position:absolute;top:24%;left:0;right:0;margin:0 auto;width:65%;text-align:center;padding:1.5% 1%;background:rgba(255,255,255,0.67);}
	.banner .mask h1{font-size:42px;color:#222;margin:0;}
	.banner .mask p{font-size:18px;color:#222;margin-top:1%;line-height:42px;}
/*lianxi*/
	.lianxi-bj{background:#F5F7F8;padding:2% 0;}
	.lianxi li{font-size:24px;color:#222;padding:2% 2% 2% 11%;font-weight:bold;background:#fff;-moz-box-shadow:4px 7px 26px 0px rgba(35,24,21,0.08);-webkit-box-shadow:4px 7px 26px 0px rgba(35,24,21,0.08);box-shadow:4px 7px 26px 0px rgba(35,24,21,0.08);width:48.5%;position:relative;}
	.lianxi li:nth-child(1){float:left;}
	.lianxi li:nth-child(1) i{background:url(../images/contact/hd-tel-1.jpg) no-repeat left center;background-size:100% auto;border-radius:50%;}
	.lianxi li:nth-child(2){float:right;font-size:25px;}
	.lianxi li:nth-child(2) i{background:url(../images/contact/hd-dz-1.jpg) no-repeat left center;background-size:100% auto;border-radius:50%;}
	.lianxi li i{display:inline-block;width:96px;height:96px;position:absolute;left:3%;top:13%;}
	.lianxi li span{font-size:21px;color:#222;font-weight:400;display:block;margin-bottom:2%;}
	.lianxi li a{display:initial;font-size:25px;color:#222;font-weight:bold;}
	.lianxi li a:hover{color:#F43922;}
/*social media*/
	.media h2{font-size:27px;color:#222;text-align:center;}
	.media h2:before{content:'';padding:1% 2.5%;background:url(../images/contact/hd-gz.png) no-repeat left center;background-size:70% auto;}
	.media div{width:40%;margin:0 auto;}
	.media div img{width:35%;}
	.media div img:nth-child(1){float:left;}
	.media div img:nth-child(2){float:right;}
/*customized*/
	.customized-bj{background:#F5F7F8;margin-top:2%;}
	.customized{padding:1% 2%;}
	.customized b{font-size:20px;line-height:50px;}
	.customized form{width:76%;float:right;font-size:0;}
	.customized form input{width:38%;padding:0 2%;margin-right:2%;border-radius:8px;border:1px solid #1B1B1B;height:50px;display:block;float:left;font-size:16px;color:#000;}
	.customized form button{border:0;height:50px;width:20%;background:#F42E19;border-radius:8px;font-size:16px;color:#fff;}
	button {--color: #0077ff;overflow: hidden;cursor: pointer;z-index:1;color:var(--color);border: 2px solid var(--color);position:relative;}
    button::before {position: absolute;content: "";background: var(--color);width: 300px;height:120px;z-index: -1;border-radius: 50%;}
    button:hover {color: white;}
    button:before {top:50%;left:100%;transition: 0.3s all;}
	button:hover::before {top: -30px;left: -30px;}   	
/*service*/
	.service h2,.address h2{text-align:center;font-size:30px;color:#222;}
	.service ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
	.service ul li{flex-basis:30.5%;}
	.service ul li a{width:100%;height:100%;text-align:left;}
	.service ul li a img{width:100%;margin:0 auto;}
	.service ul li .box{width:94%;margin:0 auto;background:#fff;margin-top:-5%;position:relative;z-index:1;-moz-box-shadow:0px 2px 18px 0px rgba(8,1,3,0.22);-webkit-box-shadow:0px 2px 18px 0px rgba(8,1,3,0.22);box-shadow:0px 2px 18px 0px rgba(8,1,3,0.22);padding:3% 5%;}
	.service ul li h3{font-size:21px;color:#222;margin:0;}
	.service ul li p{font-size:15px;color:#222;line-height:27px;margin-top:3.5%;}
/*address*/
	.address{text-align:center;}
	.address iframe{width:100%;height:502px;overflow:hidden;padding:0;display:block;}
}

@media screen and (max-width: 1200px) and (min-width: 992px){
/*banner*/
	.banner{position:relative;}
	.banner .mask{position:absolute;top:24%;left:0;right:0;margin:0 auto;width:65%;text-align:center;padding:1.5% 1%;background:rgba(255,255,255,0.67);}
	.banner .mask h1{font-size:36px;color:#222;margin:0;}
	.banner .mask p{font-size:16px;color:#222;margin-top:1.5%;line-height:30px;}
/*lianxi*/
	.lianxi-bj{background:#F5F7F8;padding:2% 0;}
	.lianxi li{font-size:18px;color:#222;padding:2% 2% 2% 11%;font-weight:bold;background:#fff;-moz-box-shadow:4px 7px 26px 0px rgba(35,24,21,0.08);-webkit-box-shadow:4px 7px 26px 0px rgba(35,24,21,0.08);box-shadow:4px 7px 26px 0px rgba(35,24,21,0.08);width:48.5%;position:relative;}
	.lianxi li:nth-child(1){float:left;}
	.lianxi li:nth-child(1) i{background:url(../images/contact/hd-tel-1.jpg) no-repeat left center;background-size:100% auto;border-radius:50%;}
	.lianxi li:nth-child(2){float:right;font-size:20px;}
	.lianxi li:nth-child(2) i{background:url(../images/contact/hd-dz-1.jpg) no-repeat left center;background-size:100% auto;border-radius:50%;}
	.lianxi li i{display:inline-block;width:75px;height:75px;position:absolute;left:3%;top:13%;}
	.lianxi li span{font-size:18px;color:#222;font-weight:400;display:block;margin-bottom:2%;}
	.lianxi li a{display:initial;font-size:20px;color:#222;font-weight:bold;}
	.lianxi li a:hover{color:#F43922;}
/*social media*/
	.media h2{font-size:27px;color:#222;text-align:center;}
	.media h2:before{content:'';padding:1% 2.5%;background:url(../images/contact/hd-gz.png) no-repeat left center;background-size:70% auto;}
	.media div{width:40%;margin:0 auto;}
	.media div img{width:35%;}
	.media div img:nth-child(1){float:left;}
	.media div img:nth-child(2){float:right;}
/*customized*/
	.customized-bj{background:#F5F7F8;margin-top:2%;}
	.customized{padding:1% 2%;}
	.customized b{font-size:18px;line-height:50px;}
	.customized form{width:73%;float:right;font-size:0;}
	.customized form input{width:38%;padding:0 2%;margin-right:2%;border-radius:8px;border:1px solid #1B1B1B;height:50px;display:block;float:left;font-size:16px;color:#000;}
	.customized form button{border:0;height:50px;width:20%;background:#F42E19;border-radius:8px;font-size:16px;color:#fff;}
	button {--color: #0077ff;overflow: hidden;cursor: pointer;z-index:1;color:var(--color);border: 2px solid var(--color);position:relative;}
    button::before {position: absolute;content: "";background: var(--color);width: 300px;height:120px;z-index: -1;border-radius: 50%;}
    button:hover {color: white;}
    button:before {top:50%;left:100%;transition: 0.3s all;}
	button:hover::before {top: -30px;left: -30px;}   	
/*service*/
	.service h2,.address h2{text-align:center;font-size:27px;color:#222;}
	.service ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
	.service ul li{flex-basis:30.5%;}
	.service ul li a{width:100%;height:100%;text-align:left;}
	.service ul li a img{width:100%;margin:0 auto;}
	.service ul li .box{width:94%;margin:0 auto;background:#fff;margin-top:-5%;position:relative;z-index:1;-moz-box-shadow:0px 2px 18px 0px rgba(8,1,3,0.22);-webkit-box-shadow:0px 2px 18px 0px rgba(8,1,3,0.22);box-shadow:0px 2px 18px 0px rgba(8,1,3,0.22);padding:3% 5%;}
	.service ul li h3{font-size:18px;color:#222;margin:0;}
	.service ul li p{font-size:14px;color:#222;line-height:24px;margin-top:3.5%;}
/*address*/
	.address{text-align:center;}
	.address iframe{width:100%;height:502px;overflow:hidden;padding:0;display:block;}
}

@media screen and (max-width: 992px) and (min-width: 769px){
/*banner*/
	.banner{position:relative;}
	.banner .mask{position:absolute;top:30%;left:0;right:0;margin:0 auto;width:75%;text-align:center;padding:1.5% 1%;background:rgba(255,255,255,0.67);}
	.banner .mask h1{font-size:27px;color:#222;margin:0;}
	.banner .mask p{font-size:15px;color:#222;margin-top:1.5%;line-height:30px;}
/*lianxi*/
	.lianxi-bj{background:#F5F7F8;padding:2% 0;}
	.lianxi li{font-size:18px;color:#222;padding:2% 2% 2% 11%;font-weight:bold;background:#fff;-moz-box-shadow:4px 7px 26px 0px rgba(35,24,21,0.08);-webkit-box-shadow:4px 7px 26px 0px rgba(35,24,21,0.08);box-shadow:4px 7px 26px 0px rgba(35,24,21,0.08);width:48.5%;position:relative;}
	.lianxi li:nth-child(1){float:left;}
	.lianxi li:nth-child(1) i{background:url(../images/contact/hd-tel-1.jpg) no-repeat left center;background-size:100% auto;border-radius:50%;}
	.lianxi li:nth-child(2){float:right;font-size:16px;}
	.lianxi li:nth-child(2) i{background:url(../images/contact/hd-dz-1.jpg) no-repeat left center;background-size:100% auto;border-radius:50%;}
	.lianxi li i{display:inline-block;width:54px;height:54px;position:absolute;left:3%;top:13%;}
	.lianxi li span{font-size:16px;color:#222;font-weight:400;display:block;margin-bottom:2%;}
	.lianxi li a{display:initial;font-size:16px;color:#222;font-weight:bold;}
	.lianxi li a:hover{color:#F43922;}
/*social media*/
	.media h2{font-size:21px;color:#222;text-align:center;}
	.media h2:before{content:'';padding:1% 2.5%;background:url(../images/contact/hd-gz.png) no-repeat left center;background-size:70% auto;}
	.media div{width:40%;margin:0 auto;}
	.media div img{width:35%;}
	.media div img:nth-child(1){float:left;}
	.media div img:nth-child(2){float:right;}
/*customized*/
	.customized-bj{background:#F5F7F8;margin-top:2%;}
	.customized{padding:1% 2%;}
	.customized b{font-size:16px;line-height:42px;}
	.customized form{width:73%;float:right;font-size:0;}
	.customized form input{width:38%;padding:0 2%;margin-right:2%;border-radius:8px;border:1px solid #1B1B1B;height:42px;display:block;float:left;font-size:16px;color:#000;}
	.customized form button{border:0;height:42px;width:20%;background:#F42E19;border-radius:8px;font-size:16px;color:#fff;}
	button {--color: #0077ff;overflow: hidden;cursor: pointer;z-index:1;color:var(--color);border: 2px solid var(--color);position:relative;}
    button::before {position: absolute;content: "";background: var(--color);width: 300px;height:120px;z-index: -1;border-radius: 50%;}
    button:hover {color: white;}
    button:before {top:50%;left:100%;transition: 0.3s all;}
	button:hover::before {top: -30px;left: -30px;}   	
/*service*/
	.service h2,.address h2{text-align:center;font-size:24px;color:#222;}
	.service ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
	.service ul li{flex-basis:30.5%;}
	.service ul li a{width:100%;height:100%;text-align:left;}
	.service ul li a img{width:100%;margin:0 auto;}
	.service ul li .box{width:94%;margin:0 auto;background:#fff;margin-top:-5%;position:relative;z-index:1;-moz-box-shadow:0px 2px 18px 0px rgba(8,1,3,0.22);-webkit-box-shadow:0px 2px 18px 0px rgba(8,1,3,0.22);box-shadow:0px 2px 18px 0px rgba(8,1,3,0.22);padding:3% 5%;}
	.service ul li h3{font-size:18px;color:#222;margin:0;}
	.service ul li p{font-size:14px;color:#222;line-height:24px;margin-top:3.5%;}
/*address*/
	.address{text-align:center;}
	.address iframe{width:100%;height:502px;overflow:hidden;padding:0;display:block;}
}

@media screen and (max-width: 769px) {
/*banner*/
	.banner{position:relative;}
	.banner .mask{position:absolute;top:24%;left:0;right:0;margin:0 auto;width:96%;text-align:center;padding:1.5% 1%;background:rgba(255,255,255,0.67);}
	.banner .mask h1{font-size:0.5rem;color:#222;margin:0;}
	.banner .mask p{font-size:0.36rem;color:#222;margin-top:1.5%;line-height:0.45rem;}
/*lianxi*/
	.lianxi-bj{background:#F5F7F8;padding:3% 0;}
	.lianxi li{font-size:0.27rem;color:#222;padding:5% 2% 5% 18%;font-weight:bold;background:#fff;-moz-box-shadow:4px 7px 26px 0px rgba(35,24,21,0.08);-webkit-box-shadow:4px 7px 26px 0px rgba(35,24,21,0.08);box-shadow:4px 7px 26px 0px rgba(35,24,21,0.08);width:100%;position:relative;}
	.lianxi li:nth-child(1){float:left;}
	.lianxi li:nth-child(1) i{background:url(../images/contact/hd-tel-1.jpg) no-repeat left center;background-size:100% auto;border-radius:50%;}
	.lianxi li:nth-child(2){float:right;font-size:0.27rem;}
	.lianxi li:nth-child(2) i{background:url(../images/contact/hd-dz-1.jpg) no-repeat left center;background-size:100% auto;border-radius:50%;}
	.lianxi li i{display:inline-block;width:54px;height:54px;position:absolute;left:3%;top:13%;}
	.lianxi li span{font-size:0.27rem;color:#222;font-weight:400;display:block;margin-bottom:2%;}
	.lianxi li a{display:initial;font-size:0.32rem;color:#222;font-weight:bold;}
	.lianxi li a:hover{color:#F43922;}
/*social media*/
	.media h2{font-size:0.36rem;color:#222;text-align:center;}
	.media h2:before{content:'';padding:1% 5%;background:url(../images/contact/hd-gz.png) no-repeat left center;background-size:85% auto;}
	.media div{width:60%;margin:0 auto;}
	.media div img{width:35%;}
	.media div img:nth-child(1){float:left;}
	.media div img:nth-child(2){float:right;}
/*customized*/
	.customized-bj{background:#F5F7F8;margin-top:2%;}
	.customized{padding:1% 2%;}
	.customized b{font-size:0.3rem;line-height:42px;}
	.customized form{width:100%;font-size:0;}
	.customized form input{width:38%;padding:0 2%;margin-right:2%;border-radius:8px;border:1px solid #1B1B1B;height:42px;display:block;float:left;font-size:0.27rem;color:#000;}
	.customized form button{border:0;height:42px;width:20%;background:#F42E19;border-radius:8px;font-size:0.27rem;color:#fff;}
	button {--color: #0077ff;overflow: hidden;cursor: pointer;z-index:1;color:var(--color);border: 2px solid var(--color);position:relative;}
    button::before {position: absolute;content: "";background: var(--color);width: 300px;height:120px;z-index: -1;border-radius: 50%;}
    button:hover {color: white;}
    button:before {top:50%;left:100%;transition: 0.3s all;}
	button:hover::before {top: -30px;left: -30px;}   	
/*service*/
	.service{padding:0 2%;}
	.service h2,.address h2{text-align:center;font-size:0.36rem;color:#222;}
	.service ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
	.service ul li{flex-basis:100%;}
	.service ul li a{width:100%;height:100%;text-align:left;}
	.service ul li a img{width:100%;margin:0 auto;}
	.service ul li .box{width:94%;margin:0 auto;background:#fff;margin-top:-5%;position:relative;z-index:1;-moz-box-shadow:0px 2px 18px 0px rgba(8,1,3,0.22);-webkit-box-shadow:0px 2px 18px 0px rgba(8,1,3,0.22);box-shadow:0px 2px 18px 0px rgba(8,1,3,0.22);padding:3% 5%;}
	.service ul li h3{font-size:0.3rem;color:#222;margin:0;}
	.service ul li p{font-size:0.27rem;color:#222;line-height:0.45rem;margin-top:3.5%;}
/*address*/
	.address{text-align:center;}
	.address iframe{width:100%;height:502px;overflow:hidden;padding:0;display:block;}
}