.clearfix,.clearfix:before,.clearfix:after{
	display: table;
	clear: both;
	content: "";
}
@media only screen and (min-width: 1200px) {
	.container-sm{width: 90%;}
}

.clear{clear: both;}

body,html{min-width: 320px;}
div,a,p,img,span{transition: all 0.5s ease;}




.banner-videowz{position: absolute;top: 40%;left: 50%;transform: translate(-50%,-50%);text-align: center;color: #FFFFFF;width: 100%;box-sizing: border-box;padding: 0 5%;}
.banner-videowz1{font-size: 4rem;line-height: 8rem;font-weight: bold;}
.banner-videowz2{font-size: 2rem;line-height: 4rem;}
@media (max-width: 991px) {
	.banner-videowz1{font-size: 2rem;line-height: 2rem;}
	.banner-videowz2{font-size: 1rem;line-height: 2rem;}
}
@media (max-width: 768px) {
	.banner-videowz1{font-size: 2rem;line-height: 2rem;}
	.banner-videowz2{font-size: 1rem;line-height: 2rem;}
	.cpneibot p img{ width:100%;}
}

/*首页优势开始*/
.sy-youshi{padding-top: 6rem;padding-bottom: 6rem;}
.sy-youshibox{display: flex;}
.syyoushilist{width: 12.5%;box-sizing: border-box;text-align: center;padding:0 1rem;}
.syyoushilistbox{
	background: #aaaaaa;padding: 2rem 1rem;
}
.syyoushilistbox:hover{background: #fe7e00;}
.syystexyt{
	color: #FFFFFF;font-size: 1.2rem;line-height: 2rem;height: 2rem;overflow: hidden;margin-top: 1rem;
}

.syysimg img{width: 40%;}
.syyoushilist:hover .syysimg{
	transform: rotateY(180deg);
}


@media (max-width: 991px) {
	.sy-youshi{padding-bottom: 2rem;padding-top: 2rem;}
	.sy-youshibox{flex-wrap: wrap;}
	.syyoushilist{width: 25%;margin-bottom: 1rem;}
}
@media (max-width: 768px) {
	.syyoushilist{width: 25%;padding:0 0.5rem;}
}

@media (max-width: 500px) {
	.syyoushilistbox{padding: 0.5rem;}
}



/*产品开始*/
.sycp{background: #f5f5f5;padding-top: 8rem;padding-bottom: 5rem;}
.sycplist{display: block;box-sizing: border-box;margin-bottom: 3rem;}
.sycplist-bj{background: #FFFFFF;padding:4rem 2rem;box-sizing: border-box;}
.sycplistlf img{width: 100%;}

.sycptit{
	color: #000000;font-size: 1.6rem;font-weight: bold;line-height: 3rem;height: 3rem;overflow: hidden;display: block;
}

.sycpdec{color: #666666;font-size: 1rem;line-height: 1.5rem;height: 3rem;overflow: hidden;display: block;}
.sycpbtn{color: #000000;font-size: 1rem;padding: 0.5rem 2rem;border: 1px solid #000000;margin-top: 1rem;display: inline-block;}
.sycplist:hover .sycpbtn{border: 1px solid #fe7e00;background: #fe7e00;color: #FFFFFF;}

.sycplist:hover .sycplistlf img{transform: scale(1.1);}
.sycplistlf{overflow: hidden;}
.sycplistlf h3{ font-size:1.6rem; line-height: 3rem;height: 3rem;overflow: hidden;display: block;}

@media (max-width: 768px) {
	.sycp{padding-top: 3rem;padding-bottom: 0;}
	.sycplist-bj{padding: 1rem;}
	.sycplistlf{padding: 0;}
	.sycpbtn{padding: 0.2rem 0.5rem;margin: 0 auto;display: block;width: 6rem;text-align: center;margin-top: 1rem;}
	.sycptit{text-align: center;}
}



/*公司简介开始*/
.syabout{padding-top: 8rem;padding-bottom: 8rem;background: url(syaboutbj2.jpg);background-size: 100% 100%;}
.sygslist img{width: 100%;}

.syabouttit{font-weight: bold;font-size: 3rem;margin-top: 4rem;margin-bottom: 3rem;color: #000000;}
.syabout-dec{font-size: 1.6rem;margin-bottom: 3rem;color: #000000;line-height:3rem;}
.syaboutbtn{display: inline-block;background: #FFFFFF;border: 1px solid #000000;font-size: 1.2rem;text-align: center;padding: 0.5rem 2rem;border-radius: 5px;}

@media  (max-width: 1560px){
	.syabouttit{margin-top: 0;margin-bottom: 1rem;}
	.syabout-dec{line-height: 2rem;margin-bottom: 1rem;}
}
@media (max-width: 768px) {
	.syabout{padding: 2rem 0;background-size: cover;}
	.syabouttit{margin-top: 2rem;}
}




/*为什么选择我们开始*/
.syxuanze{padding-top: 4rem;padding-bottom: 4rem;background: url(syystbj00.jpg);background-size: 100% 100%;background-attachment:fixed ;}
.syxzlf{color: #FFFFFF;}
.syxztit-en{font-size: 6rem;font-weight: bold;margin-top: 7rem;}
.syxztit{font-size: 4rem;font-weight: bold;margin-top: 2rem;}
.syxzwz{font-size: 1.5rem;margin-top: 2rem;line-height: 4rem;}
.syxzrttop{margin-bottom: 2rem;display: block;}
.syxzrttop img{width: 100%;}
.syxrbotlf img{width: 100%;}
.syxrbotrt img{width: 100%;}
.syxzrt a{display: block;position: relative;overflow: hidden;}
.syxzwzbox{color: #FFFFFF;position: absolute;bottom: 2rem;left: 3rem;}
.syxzwz1{font-size: 3rem;line-height: 3rem;}
.syxzwzbtn{font-size: 1.2rem;line-height: 2rem;}
.syxzrbotnei{overflow: hidden;width: 100%;}

.syxzwzboxtop{color: #FFFFFF;position: absolute;top: 2rem;left: 50%;top: 50%; transform: translate(-50%,-50%);text-align: center;width: 80%;}
.syxzwzboxtop1{font-size: 3rem;line-height: 3rem;}
.syxzwzboxtop2{font-size: 1.4rem;line-height: 2rem;margin-top: 2rem;}
.syxzwzboxtopbtn{font-size: 1.2rem;line-height: 2rem;}
.syxzrt a:hover img{transform: scale(1.1);}
.syxzrt a:hover .syxzwzbtn{color: #fe7e00;}
.syxzrttop:hover .syxzwzboxtopbtn{color: #fe7e00;}
@media  (max-width: 1560px){
	.syxztit-en{margin-top: 0;}
}

/*新闻开始*/
.synews{padding-top: 8rem;padding-bottom: 8rem;}
.synewstitbox{text-align: center;}
.synewstit{font-size: 3rem;color: #000000;line-height: 3rem;font-weight: bold;}
.synewstit-en{font-size: 1.6rem;color: #000000;line-height:3rem;}
.synewsul{margin-top: 4rem; width: 100%;}
.synewsul li{margin-bottom: 1rem;}
.synewsul li a{display: block;border-bottom: 4px solid #e9e9e9;}
.synewsimg img{width: 100%;}
.synewslist-data{color: #000000;font-size: 1.6rem;display: inline-block;margin-top: 1rem;}
.synewslist-tit{font-size: 2rem;color: #000000;line-height:4rem;height: 4rem;overflow: hidden;}
.synewslist-dec{font-size: 1rem;color: #666666;line-height:2rem;height: 6rem;overflow: hidden;}
.synews-btn{font-size: 1rem;color: #fe7e00;line-height:4rem;}
.synewsul li .synewsimg{overflow: hidden;}
.synewsul li:hover .synewsimg img{transform: scale(1.1);}
.synewsul li:hover .synewslist-tit{color: #fe7e00;}

.synews h3{font-size: 2rem;color: #000000;line-height:4rem;height: 4rem;overflow: hidden;}

@media  (max-width: 768px){
	.synews{padding-top: 2rem;padding-bottom: 2rem;}
	.synewsul {
    margin-top: 2rem;
}
}



/*foot开始*/

.footer{background: #393939;color: #F0F0F0;font-size: 1.2rem;padding-top: 4rem;padding-bottom: 4rem;border-top: 4px solid #fe7e00;position: relative;}
.footrtlftit{
	font-size: 2rem;margin-bottom: 2rem;
}
.footer form{display: block;width: 100%;}
.msgitem input{background: none;color: #FFFFFF;width: 100%;font-size: 1.2rem;line-height: 2rem;}
.form-ul li{width: 100%;border-bottom: 1px solid #999999;margin-bottom:1rem;padding-top: 1rem;position: relative;}
.msgitem textarea{background: none;color: #FFFFFF;width: 100%;font-size: 1.2rem;line-height: 2rem;border: none;height: 2rem;overflow: hidden;}
.msgitembtn{border: none !important;text-align: center;background: #c6c6c6;padding: 0 !important;width: 100%;}
.subbtn{background: none;color: #000000;line-height: 3rem;height: 3rem;font-size: 1.2rem;cursor: pointer;width: 100%;    border-radius: 8px;}
.subbtn:hover{color: #FFFFFF;}
.msgitembtn:hover{background: #fe7e00;}
.msgstrck{background: none;border: none;}
.msgitenyzm{position: absolute;right: 2%;bottom: 0;}
.footzjwz{margin-top: 2rem;}
.footzjwz a{ color:#fff;}
.footzjwz p{font-size: 1.2rem;line-height: 4rem;}
.footerul{padding-left: 40%;}
.footerul li{float: none;margin: 0 auto;margin-bottom: 0.3rem;}
.footerul li a{display: inline-block;padding: 1rem 4rem;background: #c6c6c6;color: #000000;text-align: center;font-size: 1.2rem;margin: 0 auto;}
.footerul li a:hover{background: #fe7e00;color: #FFFFFF;}


.footerbtn{position: absolute;top: -52px;left: 50%;transform: translateX(-50%);display: block;
width: 60px;
    height: 52px;
    background: url(return_tp2.png) no-repeat;
    }


.active i{color: #666666;}
.sou_in_w form{width: 100%;overflow: hidden;}
@media  (max-width: 991px){
	
	.sou_in_w input{width: 100%;}
	.sou_in_w button{position: absolute;
    right: 0;}
}
@media (max-width: 770px){
.sou_in_w {
    width: 90%;
}
.sou_wrap_in{ width: 80%;}

.footerbtn {
    position: absolute;
    top: -32px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 40px;
    height: 32px;
    background: url(return_tp2.png) no-repeat;
    background-size: 100% 100%;
}



}











/*产品列表页开始*/
.main{padding-bottom: 5rem;}
.mainbig{background: #fbfcfd;}
.ssbox{height: 68px;box-shadow: 1px 1px 3px #999999;margin-bottom: 15px;}
.sslf{float: left;height: 68px;line-height: 68px;font-size: 14px;color: #999999;}
.sslf a{font-size: 14px;color: #999999;}
.sslf a:hover{color: rgba(234, 197, 115, 1);}

.ssrt{float: right;margin-top: 14px;}
.ssrt form{width: 300px;height: 38px;border: 1px solid #CCCCCC;line-height: 38px;border-radius: 20px;}
.sousuo{float: left; border: none;height:36px;line-height: 36px;margin-left: 17px;margin-top: 0;width: 230px;border-radius: 20px;padding-left: 3px;}
.search_btn{float: right; width: 20px;height: 20px;background: url(searcha.png) no-repeat;border: none;cursor: pointer;margin-top: 7px;margin-right: 10px;}
.search_btn:hover{background: url(search.png) no-repeat;}

.mainspace100{height: 100px;}

.cpytit{font-size: 24px;font-weight: bold;color: #333333;margin-top: 40px;line-height: 2rem;margin-bottom: 40px;width: 230px;margin: 0 auto;text-align: center;}
.cpytit span{font-size: 24px;color: #CCCCCC;display: block;margin-top: 1rem;}

.cplist{width: 100%;margin-top: 40px;text-align: center;display: flex;justify-content: center;flex-wrap: wrap;}
.cplist li{margin-right: 15px;margin-bottom: 15px;display: inline-block;}
.cplist li h3{font-weight: normal;}
.cplist li h3 a{
	display: block;
    padding: 5px 15px;
    border: 1px solid #CCCCCC;
    color: #333333;
    font-size: 16px;
    border-radius: 5px;
    }
.cplist li h3 a:hover{background:#fe7e00;color: #FFFFFF;border: 1px solid #fe7e00;}
.cpneilist{box-sizing: border-box;margin-top: 30px;position: relative;top: 0;transition: all 0.3s ease;}
.cpneilist:hover{top: -10px;}
.cpneiimg{display: block;}
.cpneiimg img{width: 100%;}
.cpneiwz{box-sizing: border-box;    padding: 1rem 0.5rem 2rem 0.5rem;}
.cpneilj{
	color: rgba(0, 0, 0, 1);
    font-size: 1.8rem;
    line-height: 1.9em;
    height: 1.9em;
    text-align: center;
    overflow: hidden;
    display: block;
}
.cpneilj:hover{
	color: #fe7e00;
}
.cpneidec{
	color: rgba(128, 128, 128, 1);
    font-size: 14px;
    line-height: 1.8em;
    height: 3.6em;
    overflow: hidden;
}
.cpneimore{
	border-bottom: 1px solid #777;
    position: relative;
    color: #777;
    margin-top: 18px;
    display: inline-block;
    text-align: center;
    width: 60px;
    font-size: 14px;
}
.footsy-c{background: rgba(240, 240, 240, 1);padding-top: 40px;}

/*产品列表页结束*/



/*分页样式开始*/
.ye_ma{text-align: center;margin: 0px;clear: none;width: 100%;padding-top:30px; font-size:14px; color:#666;}
.ye_ma a{line-height: 35px;clear: none; height: 35px; font-size:14px; color:#333; padding:0 15px; border:1px solid #cccccc; border-radius:6px; display:inline-block; margin:0 3px;}
.ye_ma a:hover{background-color:#fe7e00; border:1px solid #fe7e00; color:#FFF;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}
/*分页样式结束*/
@media (max-width: 768px) {
	.ye_ma a{margin: 5px 0px;line-height: 25px;height: 25px;}
	.mainspace100{height: 2rem;}
	.new_des{padding: 2rem 4rem;}
}

/*产品内页开始*/
.mainbox {border: 1px solid #CCCCCC;padding: 0 20px 40px 20px;margin-top: 30px; width: 100%;}
.cplisty{width: 100%;
    margin-top: 20px;}
.cpneibox{background: #FFFFFF;width: 100%;}
.cpnei{box-sizing: border-box;}
.cpnei .cpneiimg{width: 100%;}
.cpneitit{font-size: 24px;color: #333333;line-height: 2em;margin-top: 25px;line-height: 2em;height: 2em;overflow: hidden;}
.cpneitag{font-size: 16px;color: #666666;margin-top: 25px;}
.cpneitag a{font-size: 16px;color: #666666;margin-left: 5px;}
.cpneitag a:hover{color: rgba(240, 197, 100, 1);}
.cpneitag span{font-weight: bold;margin-right: 5px;}
.cpneims{font-size: 16px;color: #666666;margin-top: 15px;line-height: 1.6em;height: 3.2em;overflow: hidden;}
.cpneims span{font-weight: bold;margin-right: 5px;}
.cpneitel{font-size: 30px;color: #999999;margin-top: 35px;font-weight: bold;}

.cpneibot{padding:40px 10px;font-size: 1.4rem;line-height: 2rem;color: #333333;border-bottom: 1px solid #CCCCCC;box-sizing: border-box;}
/*.cpneibot p{text-indent: 2rem;}*/
.cpneibot li{float:none;}
.cpneibot p{ line-height:2.4rem;}
.cpneibot h3{ line-height:2.7rem; font-size:1.6rem; font-weight:bold;}
.cpneibot h2{ line-height:2.7rem; font-size:1.9rem; font-weight:bold;}
.cpfy{margin-top: 20px;font-size: 14px;color: #999999;width: 100%;}
.cpfy a{font-size: 14px;color: #999999;}
.cpfy a:hover{color: rgba(240, 197, 100, 1);}
.cpprve{float: left;}
.cpnext{float: left;margin-left: 30px;}
.cpneiboxnei{padding: 1rem;}
/*产品内页结束*/



/*新闻内页开始*/
.newstit{
	width: 100%;text-align: center;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 40px;
}
.newstit h1{
	font-weight: normal;
	text-align: center;
    color: #333;
    font-size: 28px;
    line-height: 1.5;
	}
.newstit p{
	    text-align: center;
    color: rgba(130, 130, 130, 1);
    font-family: Microsoft YaHei;
    font-size: 14px;
    line-height: 1.5;
    margin-top: 10px;
}
.mainboxline{border: none;}
@media (max-width: 768px) {
	.cpnext{margin-left:0 ;}
}
/*新闻内页结束*/

/*新闻列表页开始*/
.newylist{box-sizing: border-box;margin-bottom: 30px;position: relative;top: 0;transition: all 0.3s ease;}
.newylist:hover{top: -10px;}
.synewsul{margin-top: 40px;}
.newyimg img{width: 100%;}
.newywz{
	    padding: 20px;
	    background: #f9f9fa;
}
.newywz h3{color: rgba(51, 51, 51, 1);
    font-size: 20px;
    line-height: 2.5em;
    text-align: left;
    height: 2.5em;
    overflow: hidden;
    font-weight: bold;}
.newywzp1{
	color: rgba(51, 51, 51, 1);
    font-size: 20px;
    line-height: 2.5em;
    text-align: left;
    height: 2.5em;
    overflow: hidden;
    font-weight: bold;
}
.newywzp1:hover{color: #fe7e00;}
.newywzp2{
	    color: rgba(153, 153, 153, 1);
    font-size: 14px;
    line-height: 1.7em;
    text-align: left;
    height: 3.4em;
    overflow: hidden;
}
.newywzp3{
	    color: rgba(153, 153, 153, 1);
    font-size: 26px;
   margin-top: 15px;
}
.newywzp4{
	    color: rgba(153, 153, 153, 1);
    font-size: 14px;
    text-align:right;
  
}
/*新闻列表页结束*/
.coytitkd{width: 100%;}
.syddy{font-size: 14px;line-height: 30px;}
.syddy p{text-indent: 2rem;}





.fen_zhan a{color:#fff}

:root {
            --primary-blue: #111;
            --accent-red: #E74C3C;
            --text-dark: #2C3E50;
            --light-bg: #f8f9fa;
        }

        

       
        .contact-container {
            max-width: 1000px;
            margin: 4rem auto;
            padding: 2rem;
             box-sizing: border-box;
            font-family: 'Segoe UI', system-ui, sans-serif;
        }

        .company-header {
            text-align: center;
            margin-bottom: 3rem;
        }

        .company-header h1 {
            color: var(--primary-blue);
            font-size: 2.8rem;
            margin-bottom: 1rem;
        }

        .contact-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 2rem;
        }

        .contact-card {
            background: white;
            padding: 2rem;
            border-radius: 10px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.08);
            transition: transform 0.3s ease;
            text-align: center;
        }

        .contact-card:hover {
            transform: translateY(-5px);
        }

        .card-icon {
            font-size: 2.5rem;
            color: var(--accent-red);
            margin-bottom: 1.5rem;
        }

        .card-content h3 {
            color: var(--primary-blue);
            margin-bottom: 1rem;
            font-size: 1.3rem;
        }

        .card-content p {
            color: var(--text-dark);
            line-height: 1.8;
            margin-bottom: 0.5rem;
        }

        .card-content a {
            color: inherit;
            text-decoration: none;
            transition: color 0.3s ease;
        }

        .card-content a:hover {
            color: var(--accent-red);
        }

        .address-block {
            grid-column: 1 / -1;
            background: white;
            padding: 2.5rem;
            border-radius: 10px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.08);
            text-align: center;
        }

        @media (max-width: 768px) {
            .company-header h1 {
                font-size: 2rem;
            }
            
            .contact-card {
                padding: 1.5rem;
            }
        }

        @media (max-width: 480px) {
            .contact-container {
                padding: 1rem;
                margin: 2rem auto;
            }
            
            .card-icon {
                font-size: 2rem;
            }
        }