@charset "utf-8";
/*------------------通用样式-------------------*/

body {font-family: "微软雅黑"; background-color:#FFF;min-width: 320px;}
* {margin:0;padding:0;}
ul, ol, li {list-style:none}
a {text-decoration: none; font-size:12px; color:#333;}
a:hover {color: #51a4fc;}
img {margin:0;padding:0;border:none;}
.clear {clear:both;margin:0px;padding:0px;}
form {display: block;}
#all {width: 100%;margin:0px auto;height: auto;overflow:hidden;background-color:#fefefe;min-width: 320px;}
#alla{width: 100%;margin:0px auto;height: auto;overflow:hidden;background: #fefefe; min-width: 320px;}

/*--------------------通用样式结束----------------------*/

/*--------------------top 开始----------------------*/
.head{position: relative;}
.logo{float: left;height: 73px;margin-top: 14px;margin-bottom: 14px;}
.logo a{display: block;}
.logo img{max-height: 73px;}
.nav{float: right;}
.nav ul li{float: left;height: 5.1rem;    line-height: 5.1rem;}
.nav ul li a{display: block;color: #333; font-size: 14px; padding: 0 2.1rem;height: 100%;    -webkit-box-align: center;-webkit-align-items: center;}
.nav ul li h2{font-weight: normal;}
.nav ul li h2 a{color: #333;}
.nav ul li a:hover{color: #3182E8;}
.mobinav{float: right;position: absolute;top: 50%; transform: translateY(-50%);right: 2%;}

@media (max-width: 1170px) {
	.nav ul li a{padding: 0 1rem;}
}

.top{position: fixed;right: 2%;bottom: 8%;background: url(top.png) no-repeat;width: 42px;height: 42px;display: none;}
.mobinavbar{width: 100%;background: rgba(0,0,0,0.8);height: 100%;position: fixed;top: 0;left: 0;z-index: 99;display: none;}
.mobilf{width: 20%;float: left;height: 100%;}
.mobirt{width: 80%;float: right;color: #333333;background: #f9f6f6;padding: 5%;box-sizing: border-box;height: 100%;text-align: center;}
.mobirt a{color: #333333;}
.mobirtit{font-size: 1.25rem;font-weight: bold;padding-bottom: 10px;border-bottom: 1px solid #999999;}
.mobirt ul{margin-top: 15px;}
.mobirt ul li{width: 100%;border-bottom: 1px dashed #CCCCCC;width: 96%;margin: 0 auto;margin-top: 10px;}
.mobirt ul li h2{font-weight: normal;}
.mobirt ul li a{display: block;width: 96%;margin: 0 auto;height:2rem;line-height: 2rem;}
.mobilf-close{position: absolute;top: 2%;left: 2%;background: url(close.png) no-repeat;width: 32px;height: 32px;}

.sousuoli{background: rgba(28, 82, 161, 1);    width:105px;position: relative; cursor: pointer;}
.sousuoimg{width: 24px;height: 24px;background: url(sou1.png) no-repeat;position: absolute;left: 50%; top: 50%;transform: translate(-50%,-50%);}
.sousuoli:hover .sousuoimg{background: url(sou2.png) no-repeat;}
.headtop{background: #000000;color: #FFFFFF;font-size: 14px;height: 41px;line-height: 41px;}
.headtoplf{float: left;}
.headtoprt{float: right;}

/*--------------------banner样式 开始----------------------*/
.banlist1 {
	background: url(banner1.jpg) no-repeat center;	
}

.banlist2 {
	background: url(banner2.jpg) no-repeat center;
	
}

.banlist3 {
	background: url(banner3.jpg) no-repeat center;
	
}

.banner {
	width: 100%;
	height: 670px;
	overflow: hidden;
	margin: 0px auto;
	position: relative;
}

.flexslider {
	margin: 0px auto;
	position: relative;
	width: 100%;
	height: 670px;
	overflow: hidden;
	zoom: 1;
}

.flexslider .slides li {
	width: 100%;
	height: 100%;
}

.flex-direction-nav a {
	width: 70px;
	height: 70px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(../images/ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	border-radius: 35px;
}

.flex-direction-nav .flex-next {
	background-position: 0 -70px;
	right: 0;
}

.flex-direction-nav .flex-prev {
	left: 0;
}

.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 30px !important;
	text-align: center;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	padding-left: 0;
}

.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	background: url(../images/dot.png) no-repeat 0 -16px;
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -99em;
	width: 16px;
	cursor: pointer;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
	background-position: 0 0;
}

.flexslider .slides a img {
	width: 100%;
	height: 670px;
	display: block;
}

@media screen and (max-width:1200px) {
	.banlist1 {
	
	background-size: 100%;
	-webkit-background-size: 100%;
}

.banlist2 {

	background-size: 100%;
	-webkit-background-size: 100%;
}

.banlist3 {
	
	background-size: 100%;
	-webkit-background-size: 100%;
}
	
	
	
	.banner {
		height: 23rem;
	}

	.flexslider {
		height: 23rem;
	}

	.flexslider .slides a img {
		height: 23rem;
	}
}

@media screen and (max-width:1100px) {
	.banner {
		height: 23rem;
	}

	.flexslider {
		height: 23rem;
	}

	.flexslider .slides a img {
		height: 23rem;
	}
}

@media screen and (max-width:1000px) {
	.banner {
		height: 20rem;
	}

	.flexslider {
		height: 20rem;
	}

	.flexslider .slides a img {
		height: 20rem;
	}

	.mid-chicun {
		width: 45% !important;
	}

	.column_inner {
		border-right: 0 !important;
	}
}

@media screen and (max-width:800px) {
	.banner {
		height: 50rem;
	}

	.flexslider {
		height: 50rem;
	}


	
	.banlist1 a img{
		height: 50rem;
		background: url(mobibanner1.jpg);
		background-size: 100% 100%;
	}
	
	.banlist2 a img{
		height: 50rem;
		background: url(mobibanner2.jpg);
		background-size: 100% 100%;
	}
	.banlist3 a img{
		height: 50rem;
		background: url(mobibanner3.jpg);
		background-size: 100% 100%;
	}
	
}

@media screen and (max-width:800px) {
	.banner {
		height: 10rem;
	}

	.flexslider {
		height: 10rem;
	}

	.flexslider .slides a img {
		height: 10rem;
	}
}

@media screen and (max-width:700px) {
	.banner {
		height: 10rem;
	}

	.flexslider {
		height: 10rem;
	}

	.flexslider .slides a img {
		height: 10rem;
	}
}

@media screen and (max-width:600px) {
	.banner {
		height: 10rem;
	}

	.flexslider {
		height: 10rem;
	}

	.flexslider .slides a img {
		height: 10rem;
	}
}

@media screen and (max-width:500px) {
	.banner {
		height: 10rem;
	}

	.flexslider {
		height: 10rem;
	}

	.flexslider .slides a img {
		height: 10rem;
	}
}

@media screen and (max-width:450px) {
	.banner {
		height: 10rem;
	}

	.flexslider {
		height: 10rem;
	}

	.flexslider .slides a img {
		height: 10rem;
	}
}

@media screen and (max-width:400px) {
	.banner {
		height: 10rem;
	}

	.flexslider {
		height: 10rem;
	}

	.flexslider .slides a img {
		height: 10rem;
	}
}
/*--------------------banner样式 结束----------------------*/



/*内页banner样式开始*/
.bannernei{width: 100%;height: 400px;background: url(bannernei.jpg) no-repeat;background-position: center;}

@media (max-width: 1000px) {
	.bannernei{height: 16rem;}
}

@media (max-width: 800px) {
	.bannernei{height: 12rem;}
}
@media (max-width: 600px) {
	.bannernei{height: 10rem;}
}

@media (max-width: 400px) {
	.bannernei{height: 6rem;}
}

/*内页banner样式结束*/



/*分页样式开始*/
.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:#3182E8; border:1px solid #3182E8; color:#FFF;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}
/*分页样式结束*/

/*产品展示开始*/
.syspace100{height: 100px;}
.sycp-tit{width: 100%;text-align: center;}
.sycp-titp1{
	
    color: rgba(35, 35, 35, 1);
    font-size: 24px;
    line-height: 1.5;
}
.sycp-titp2{
	margin-top: 8px;
    color: rgba(4, 4, 4, 0.37);
    font-size: 13px;
}
.sycpnav{width: 100%;text-align: center;margin-top: 30px;}
.sycpnav li{display: inline-block;}
.sycpnav li h3{font-weight: normal;}
.sycpnav li h3 a{display: block;color: rgba(68, 68, 68, 1);font-size: 13px;height: 2.6rem;line-height: 2.6rem;    padding: 0 1.8rem;transition: all 0.3s;}
.sycpnav li h3 a:hover{
	    color: rgba(255, 255, 255, 1);
    background-color: rgba(80, 164, 254, 1);
}

.sycpul{margin-top: 50px;}
.sycplist{display: block;box-sizing: border-box;margin-bottom: 20px;}
.sycplistimg{width: 100%;padding-top: 76.83028720626631%;overflow: hidden;    position: relative;transition: all 0.36s;}
.sycplistimgbox{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    color: #fff;
    }
.sycplistimg img{width: 100%;transition: all 0.36s;height: 100%;max-height: 100%;}
.sycplist:hover img{ transform: scale(1.08);}

.sycplistbotp1{
	display: block;
	padding: 25px 20px 20px 20px;
	    text-align: left;
    color: rgba(60, 60, 60, 1);
    font-size: 16px;
    height: 1rem;
    line-height: 1rem;
    overflow: hidden;
}
.sycplistbotp2{
	font-size: 13px;
    line-height: 1.8rem;
    height: 3.6rem;
    overflow: hidden;
    text-align: left;
    color: rgba(0, 0, 0, 1);
    font-size: 13px;    
    padding: 5px 20px 5px 20px;
}
.sycplistbotline{
	height: 1px;
	width: 100%;
	background: #CCCCCC;
	margin-top: 30px;
	margin-bottom: 30px;
    
}
.sycplistbotmore{position: relative;padding: 0px 20px 10px 20px;}
.sycplistbtn1{
	    text-align: left;
    color: rgba(18, 18, 18, 1);
    font-size: 12px;
    
}
.sycplistbtn2{
	position: absolute;
	top: 0;
	right: 3%;
	color: #FFFFFF;
}
.sucplistbox{transition: all 0.36s;}
.sucplistbox:hover{background: #51A4FC;color: #FFFFFF;}
.sucplistbox:hover .sycplistbotp1{color: #FFFFFF;}
.sucplistbox:hover .sycplistbotp2{color: #FFFFFF;}
.sucplistbox:hover .sycplistbtn1{color: #FFFFFF;}
.sucplistbox:hover .sycplistbtn2{color: #FFFFFF;}
.sycpmore{
	width: 154px;
	display: block;
	    font-size: 14px;
    color: rgba(16, 16, 16, 1);
    margin: 0 auto;
    border: 1px solid rgba(220, 223, 230, 1);
    border-radius: 4px 4px 4px 4px;
    padding: 12px 0px 12px 0px;
        cursor: pointer;
    text-align: center;
    margin-top: 60px;transition: all 0.36s;
}
.sycpmore:hover{background: #51A4FC;color: #FFFFFF;}

/*产品展示结束*/

/*首页优势开始*/
.syys{
	background: url(syys-bj.jpg);
background-position: center center;
    background-repeat: no-repeat;
    background-attachment: inherit;
    background-size: cover;
    }
.syspace230{height: 230px;}


.syyslist{box-sizing: border-box;text-align: center;padding: 12px;}
.syyslistimg{width: 100%;text-align: center;}
.syyslistimg img{width: 40%;}
.syyslistp1{
	color: rgba(255, 255, 255, 1);
    font-size: 16px;
    line-height: 1.8;
    margin-top: 20px;
}
.syyslistp2{
	    color: rgba(203, 203, 203, 1);
    font-size: 13px;
    line-height: 2.6em;height: 5.2em;overflow: hidden;
}
/*首页优势结束*/

/*关于我们开始*/
.sy-about{position: relative;top: -180px;}
.sy-aboutbox{width: 100%;background: #FFFFFF;box-sizing: border-box;border-radius: 10px;    padding: 60px 80px 60px 80px;width: 83.33333%;margin: 0 auto;box-shadow: 1px 2px 8px #e6e5e5;}
.syaboutwz{text-align: center;
    color: rgba(8, 8, 8, 1);
    font-size: 13px;
    line-height: 1.8;
    margin-top: 30px;
    }
.syaboutul{margin-top: 40px;}
.syaboutlist{box-sizing: border-box;text-align: center;}
.syaboutlistp1{font-size: 14px;    color: #333;line-height: 1.3;}
.syaboutlistp1 span{    color: #333;
    font-size: 36px;
    line-height: 1.3;
    }
 .syaboutlistp21{
 	    color: rgb(4 4 4);
    font-size: 14px;
    line-height: 1.5;
 }   
  .syysul{margin-top: 20px;}
/*关于我们结束*/

/*信息动态开始*/
.synews{margin-top: -50px;}
.synewsul{margin-top: 50px;}
.synewslist{box-sizing: border-box;}
.synewsimg{width: 100%;}
.synewsnr{display: block;padding-bottom: 30px;border-bottom: 1px solid #CCCCCC;margin-bottom: 10px;position: relative;top: 0;transition: all 0.6s ease;}
.synewsnr:hover{top: -8px;}
.synewsnrlf{float: left;width: 80%;}
.synewsnrrt{float: right;}
.synewsnrlfp1{
	width: 100%;
	color: #333;
    font-size: 16px;
    line-height: 2.2em;
    height: 2.2em;
    overflow: hidden;
}
.synewsnr:hover .synewsnrlfp1{color: #51A4FC;}
.synewsnrlfp2{
	    color: rgb(18 18 18);
    font-size: 13px;
    line-height: 1.9em;
    height: 3.8em;
}
.synewsnrrtp1{
	    color: #000;
    font-size: 24px;
    padding: 30px 0px 0px 0px;
}
.synewsnrrtp2{
	    color: #000;font-size: 12px;
}

/*信息动态结束*/

/*服务理念开始*/
.syfwln{width: 100%;background: url(sylinian-bj.png);   
 background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 120px;padding-bottom: 120px;}

.syfwlnboxp1{
	    text-align: left;
    color: rgba(255, 255, 255, 1);
    font-size: 24px;
    line-height: 1.5;
}
.syfwlnboxp2{
	text-align: left;
    color: rgba(255, 255, 255, 1);
    font-size: 13px;
    margin-top: 8px;
}
.syfwlnboxp3{
	    text-align: left;
    color: rgba(255, 255, 255, 1);
    font-size: 13px;
    line-height: 1.9;
    width: 40%;margin-top: 38px;
}
.syfwlnboxp4{
	display: block;
	font-size: 12px;
    color: rgba(255, 255, 255, 1);
    background: rgba(46, 130, 234, 1);
    margin: 0px 15px 0px 0px;
    border: 0px solid #dcdfe6;
    border-radius: 4px 4px 4px 4px;
    padding: 18px 0px 18px 0px;
    text-align: center;
    width: 138px;margin-top: 58px;
}
.syfwlnboxp4:hover{background: #FFFFFF;}
/*服务理念结束*/


/*成功案例开始*/
.sycaseul{margin-top: 50px;}
.sycaselist{display: block;margin-bottom: 20px; box-sizing: border-box;background: #FFFFFF;position: relative;top: 0;transition: all 0.3s ease;}
.sycaselist:hover{top: -10px;}
.sycaselistbox{box-shadow: 0 0 3px #CCCCCC;}
.sycaselistimg{width: 100%;}
.sycaselistimg img{width: 100%;vertical-align: middle;}
.sycaselistwz{width: 100%;box-sizing: border-box;padding: 35px 30px;background: #FFFFFF;}
.sycaselistwzp1{
	    text-align: left;
    color: rgba(88, 88, 88, 1);
    font-family: Microsoft YaHei;
    font-size: 16px;
    line-height: 1em;
    height: 1em;
    overflow: hidden;
}
.sycaselistwzp1:hover{color: #51A4FC;}
.sycaselistwzp2{
	text-align: left;
    color: rgb(0 0 0 / 86%);
    font-family: Microsoft YaHei;
    font-size: 13px;
    line-height: 1.8em;
    height: 3.6em;
    overflow: hidden;
    margin-top: 10px;
    
}
.sycasebtn{
	    color: rgba(255, 255, 255, 1);
    background: rgba(46, 130, 234, 1);
    font-size: 12px;
    margin-top: 30px;
    border: 1px solid rgba(46, 130, 234, 1);
    border-radius: 4px 4px 4px 4px;
    padding: 11px 0px 11px 0px;
    width: 106px;
    text-align: center;transition: all 0.3s ease;
    
}
.sycasebtn:hover{background: #FFFFFF;color: rgba(46, 130, 234, 1);}


/*成功案例结束*/


/*foot开始*/
.footer{color: rgba(255, 255, 255, 1);font-size: 12px;width: 100%;background: #3182e8;padding: 70px 0;}
.footer a{color: rgba(255, 255, 255, 1);font-size: 12px;}
.footer a:hover{color: #666;}
.footerboxlist{box-sizing: border-box;}
.footerboxp1{
	text-align: left;
    color: rgba(255, 255, 255, 1);
    font-size: 18px;
    margin-bottom: 20px;
   
}
.footwexinimg{width: 50%;}
.footwexinimg img{width: 100%;}
.foot-lx{line-height: 2rem;}
.foot-nav{width: 100%;}
.foot-nav li{width: 45%;float: left;margin-left: 3%;}
.foot-nav a{display: block;line-height: 2rem;}
.foot-nav h2{font-weight: normal;}


/*foot结束*/


/*产品列表页开始*/
.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: #3182E8;}

.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;}

.cplist{width: 100%;margin-top: 40px;text-align: center;}
.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;
   
    color: #333333;
    font-size: 16px;
    
    }
    
.cplist li h3 a:hover{background:#50a4fe;color: #FFFFFF;}
.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: 15px 20px 30px 20px;}
.cpneilj{
	color: rgba(0, 0, 0, 1);
    font-size: 22px;
    line-height: 1.9em;
    height: 1.9em;
    text-align: center;
    overflow: hidden;
    display: block;
}
.cpneilj:hover{
	color: #b30102;
}
.cplist-first a{background:#50a4fe;color: #FFFFFF !important;display: block;}
.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;}

/*产品列表页结束*/


/*产品内页开始*/
.mainbox {padding: 0 20px 40px 20px;margin-top: 30px;}
.cplisty{width: 100%;
    margin-top: 20px;}
.cpneibox{background: #FFFFFF;}
.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;}
.cpneitel  a{font-size: 30px;}
.cpneibot{padding:40px 10px;font-size: 0.87rem;line-height: 2rem;color: #333333;border-bottom: 1px solid #CCCCCC;box-sizing: border-box;}
.cpneibot p{text-indent: 0rem;}
.cpfy{margin-top: 20px;font-size: 14px;color: #999999;width: 100%;}
.cpfy a{font-size: 14px;color: #999999;}
.cpfy a:hover{color: #3182E8;}
.cpprve{float: left;}
.cpnext{float: left;margin-left: 30px;}
/*产品内页结束*/

/*新闻列表页开始*/
.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;
	    
	    float: left;box-sizing: border-box;
}
.newywzp1{
	color: rgba(51, 51, 51, 1);
    font-size: 20px;
    line-height: 2.5em;
    text-align: left;
    height: 2.5em;
    overflow: hidden;
    
}
.newywzp1:hover{color: #50a4fe;}
.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;
   margin-top: 30px;
  
}
.newsimg{float: left;box-sizing: border-box;}
.newsimg img{width: 100%;}
/*新闻列表页结束*/



.syddy{font-size: 14px;line-height: 30px;}
.syddy p{text-indent: 0rem;}

/*新闻内页开始*/
.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;
}

/*新闻内页结束*/











@media (max-width: 991px) {
	.cpneitel{margin-top: 0;}
	.cpneitag{margin-top: 0;}
	.cpneitit{margin-top: 15px;}
	.c_frBtnLa,.c_frBtnRa{display: none;}
}


/*手机端尺寸*/
@media (max-width: 768px) {
	.sycplist{margin-bottom: 40px;}
	.sycaselist{margin-bottom: 40px;}
	.footerboxul,.footerboxp1{text-align: center;}
	.footwexinimg{margin: 0 auto;width: 30%;}
	.footerboxlist{margin-bottom: 40px;}
	
	
	.cplist li{margin-bottom: 2px;margin-right: 2px;}
	.cpneitel{margin-top: 20px;}
	.cpprve{float: none;}
	.cpnext{float: none;margin-left: 0;}
	.mainspace100{height: 50px;}
	.cplist{width: 100%;}
	
	.ssrt form{width: 90%;margin: 0 auto;}
	.sousuo{width: 80%;}
	.ssboxnei{position: relative;}
	.ssrt{position: absolute;left: 50%;transform: translateX(-50%);}
	.sslf{display: none;}
	.ssrt{width: 80%;}
	.sy-aboutbox{padding: 30px 10px 30px 10px;}
	.syspace100{height: 50px;}
	
}
@media (max-width: 410px) {	
	.sousuo{width: 60%;}
	.ssrt form {width: 100%;}
	
}


 /*棣栭〉鍦烘櫙*/
        
              .container {
            max-width: 1200px;
            width: 100%;
        }
         .subtitle {
            color: #64748b;
            font-size: 1rem;
            max-width: 500px;
            margin: 0 auto;
            line-height: 1.5;
        }
        
        /* 鍥剧墖婊氬姩瀹瑰櫒 */
        .gallery-container {
            width: 100%;
            overflow: hidden;
            position: relative;
            border-radius: 16px;
            background: white;
          
            padding: 20px 0;top: -130px;
        }
        
        .gallery-track {
            display: flex;
            animation: scroll-left 35s linear infinite;
        }
        
        .gallery-track:hover {
            animation-play-state: paused;
        }
        
        .image-item {
            flex: 0 0 auto;
            width: 300px;
            height: 200px;
            margin: 0 15px;
            border-radius: 0px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
            transition: transform 0.4s ease, box-shadow 0.4s ease;
        }
        
        .image-item:hover {
            transform: scale(1.08);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
        }
        
        .image-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            transition: transform 0.4s ease;
        }
        
        .image-item:hover img {
            transform: scale(1.05);
        }
        
        /* 婊氬姩鍔ㄧ敾 */
        @keyframes scroll-left {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(-50%);
            }
        }
        
        /* 鍝嶅簲寮忚璁� */
        @media (max-width: 768px) {
            .title {
                font-size: 1.8rem;
            }
            
            .subtitle {
                font-size: 0.95rem;
                padding: 0 10px;
            }
            
            .image-item {
                width: 250px;
                height: 165px;
                margin: 0 12px;
            }
            
            .gallery-container {
                padding: 15px 0;
            }
        }
        
        @media (max-width: 480px) {
            .title {
                font-size: 1.6rem;
            }
            
            .image-item {
                width: 220px;
                height: 145px;
                margin: 0 10px;
            }
            
            .gallery-container {
                border-radius: 12px;
            }
        }
        
        /* 搴曢儴鎻愮ず */
        .hint {
            margin-top: 25px;
            text-align: center;
            color: #64748b;
            font-size: 0.85rem;
            font-style: italic;
        }


.gsjztit{text-align: center;
font-size: 2rem;
font-weight: bold;
}
.gsjzhz{
	display: flex;
	justify-content: space-between;
	margin-top: 2rem;
}
.gsjzhzlist{
	width: 19%;
}
.gsjzhzimg{
	width: 100%;
	overflow: hidden;
}
.gsjzhzimg img{
	width: 100%;
	transition: all 0.3s ease;
}
.gsjzhzlist:hover img{
	transform: scale(1.1);
}
.gsjzhzlistwz{
	width: 100%;
	font-size: 1rem;
	font-weight: bold;
	margin-top: 1rem;
	text-align: center;
}
.gszjbot{
	width: 100%;
	background: url(gszjbjimg.jpg) no-repeat;

}
.gszjbotbox{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.gszjbotboxlist{
	width: 30%;
}
.gszjbotboxicon{
	margin: 0 auto;
	width: 70px;
	height: 70px;
	border: 2px solid #162c86;
	border-radius: 50%;
	overflow: hidden;
	box-sizing: border-box;
	padding: 10px;
	background-color: #fff;
}
.gszjbotboxicon img{
	width: 100%;
}
.gszjbotboxtit{
	text-align: center;
	font-size: 1.3rem;
	font-weight: bold;
	color: #162c86;
	margin-top: 1rem;
	margin-bottom: 2rem;
}
.gszjbotboxwz{
	font-size: 1rem;
	line-height: 2rem;
	text-align: center;
}

@media (max-width:992px) {
	.gszjbot{
		background-size: cover;
	}
	
}

@media (max-width:768px) {
	.gszjbot{
		background-size: cover;
	}
	.gsjzhz{flex-wrap: wrap;}
	.gsjzhzlist{width: 50%;margin-bottom: 2rem;}
	.gsjzhzlistlast{width: 100%;}
	.gszjbotboxlist{width: 100%;margin-bottom: 2rem;}
}
.lxbox{
	display: flex;
	flex-wrap: wrap;
	margin-top: 2rem;
}
.lxboxlf{
	width: 60%;
	background-color: #eff1f5;
	box-sizing: border-box;
	padding: 4rem;
}
.lxboxrt{
	width: 40%;
}
.lxboxrt img{
	width: 100%;
}
.lxboxlfp1{
	font-size: 1.5rem;
	font-weight: bold;
	color: #162c86;
	
}
.lxboxlfp2{
	font-size: 1rem;
	margin-top: 1rem;
	color: #666;
}
.lxfs{
	margin-top: 2rem;
}
.lxfswz{
	font-size: 1rem;
	margin-bottom: 1rem;
}
.lxfswz span{
	font-weight: bold;
	margin-right:2px;
}
.lxtel{
	font-size: 2rem;
	margin-left: 10px;
}
@media (max-width:992px) {
	.lxboxrt{width: 100%;}
	.lxboxlf{width: 100%;padding: 2rem;}
	.lxtel{font-size: 1rem;}
	
}
.gslsbox{
	margin-top: 4rem;
}
.gslslist{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.gslslistline{
	width: 10px;
	border-left: 1px dashed #ccc;
	position: relative;
}
.gslslisthz{
	width: 46%;
	display: flex;
	align-items: center;
}
.gslslistimg{
	width: 100%;
}
.gslslistwz{
	display: flex;
	align-items: center;
}
.gslslistyuan{
	width: 30px;
	height: 30px;
	padding: 7px;
	position: absolute;
	background-color: #fff;
	left: -15px;
	top: 50%;
	transform: translateY(-50%);
}
.gslslistyuannei{
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #fff;
	border: 1px solid #333;
}

.gslslist:hover .gslslistyuannei{
	background-color: #f7a82f;
	box-shadow: 0 0 10px #f7a82f;
}
.gslslistp1{
	font-size: 1.1rem;
	font-weight: bold;
	color: #666;
}
.gslslistp2{
	font-size: 1.8rem;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}
.gslslistp3{
	font-size: 1rem;
	color: #666;
}

.gslslistyou p{
	text-align: right;
}
.gsrybox{
	display: flex;
	margin-top: 4rem;
	flex-wrap: wrap;
}
.gsrylist{
	width: 18%;
	margin-right: 1%;
	margin-left: 1%;
	border: 1px solid #ccc;
	margin-bottom: 2rem;
}
.gsrylist img{
	width: 100%;
}
.ryzz{
	position: fixed;
	z-index: 9;
	background-color: rgba(0, 0, 0, 0.8);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: none;
}
.rzyybox{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.ryzzclose{
	width: 2rem;
	position: absolute;
	right: 10%;
	top: 10%;
	cursor: pointer;
}

@media (max-width:768px) {
	.gsrylist{
		width: 48%;
	}
	.gsrybox{margin-top: 2rem;}
	
}

.liuyanui{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.msgitem{
	width: 48%;
	font-size: 1rem;
	padding: 0.5rem;
	margin-top: 1rem;
	border-radius: 2px;
	background-color: #eff1f5;
}
.msgitem input{
	color: #333;
	line-height: 2rem;
	width: 100%;
	border: none;
	font-size: 1rem;
	background: none;
}
.msgitem textarea{
	color: #333;
	line-height: 2rem;
	width: 100%;
	border: none;
	font-size: 1rem;
	background: none;
}
.liuyantit{
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 2rem;
}
.liuyan{
	padding: 4rem 0;
}
.msgitembtn{
	margin-top: 2rem;
	width: 100%;
	text-align: center;
}
.liuyansubbtn{
	margin: 0 auto;
	background-color: #283c8f;
	color: #fff;
	line-height: 2.5rem;
	width: 14rem;
	border: none;
	font-size: 1.1rem;

}
.liuyansubbtn:hover{
	background-color: #f7a82f;
}
.msgstrck{
	width: 4rem!important;
	border-bottom: 1px solid #666 !important;
	display: inline-block;
}
.yzmbox{
	display: flex;
	align-items: flex-end;
}



  /* 主卡片容器 - 响应式 + 优雅阴影 */
        .contact-card {
            max-width: 1280px;
            width: 100%;
            background-color: #ffffff;
            border-radius: 2.5rem;
            box-shadow: 0 25px 45px -12px rgba(0, 0, 0, 0.2), 0 8px 18px rgba(0, 0, 0, 0.05);
            overflow: hidden;
            transition: all 0.3s ease;
        }

        /* 两栏布局 - 默认flex，PC端左右排列 */
        .contact-grid {
            display: flex;
            flex-wrap: wrap;
        }

        /* 左侧联系方式区域 */
        .contact-info {
            flex: 1.2;
            min-width: 280px;
            background: #ffffff;
            padding: 2.5rem 2rem;
            transition: all 0.2s;
        }

        /* 右侧图片区域 */
        .contact-image {
            flex: 1;
            min-width: 260px;
            background: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 2rem;
            position: relative;
        }

        /* 图片容器与样式 - 确保响应式且优雅 */
        .image-wrapper {
            width: 100%;
            max-width: 400px;
            border-radius: 1.75rem;
            overflow: hidden;
            box-shadow: 0 20px 35px -10px rgba(0, 0, 0, 0.12);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            background: #e2e8f0;
        }

        .image-wrapper img {
            display: block;
            width: 100%;
            height: auto;
            object-fit: cover;
            transition: transform 0.5s ease;
        }

        .image-wrapper:hover {
            transform: translateY(-5px);
            box-shadow: 0 28px 40px -15px rgba(0, 0, 0, 0.2);
        }

        .image-wrapper:hover img {
            transform: scale(1.02);
        }

        /* 公司名称样式 */
        .company-name {
            font-size: 1.4rem;
            font-weight: 700;
            background: linear-gradient(135deg, #1E2A3E, #0f2b3d);
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
            letter-spacing: -0.02em;
            margin-bottom: 1.75rem;
            border-left: 5px solid #3182e8;
            padding-left: 1rem;
        }

        /* 联系方式列表 */
        .contact-list {
            display: flex;
            flex-direction: column;
            gap: 1.35rem;
        }

        .contact-item {
            display: flex;
            align-items: flex-start;
            gap: 1rem;
            font-size: 1rem;
            color: #1e2f3e;
            transition: all 0.2s;
            flex-wrap: wrap;line-height: 3rem;
        }

        .contact-icon {
            flex-shrink: 0;
            width: 26px;
            text-align: center;
            font-size: 1.35rem;
            margin-top: 2px;
            color: #3182e8;
        }

        .contact-detail {
            flex: 1;
            word-break: break-word;
        }

        .contact-detail a {
            text-decoration: none;
            color: #1e4663;
            font-weight: 500;
            transition: color 0.2s, border-bottom 0.2s;
            border-bottom: 1px solid transparent;font-size: 1.0rem;
        }

        .contact-detail a:hover {
            color: #0f5c7a;
            border-bottom: 1px solid #3182e8;
        }

        /* 特殊处理邮箱组块，让多个邮箱保持整齐 */
        .emails-group {
            display: flex;
            flex-direction: column;
            gap: 0.6rem;
        }

        .email-link {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            flex-wrap: wrap;
        }

        .label-text {
            font-weight: 600;
            color: #0b2b3b;
            margin-right: 4px;
        }

        /* 地址微样式 */
        .address-text {
            line-height: 1.4;
        }

        hr {
            margin: 1.5rem 0 0.5rem;
            border: none;
            height: 1px;
            background: linear-gradient(90deg, #cbd5e1, transparent);
        }

        /* 响应式断点: 小于900px时变成上下结构，左右内容居中对齐 */
        @media (max-width: 900px) {
            body {
                padding: 1.5rem;
            }
            .contact-info {
                padding: 2rem 1.5rem;
            }
            .contact-image {
                padding: 2rem 1.5rem;
            }
            .company-name {
                font-size: 1.7rem;
            }
        }

        @media (max-width: 640px) {
            .contact-info {
                padding: 1.8rem 1.2rem;
            }
            .contact-item {
                gap: 0.75rem;
            }
            .company-name {
                font-size: 1.5rem;
                padding-left: 0.8rem;
            }
            .contact-icon {
                width: 22px;
                font-size: 1.2rem;
            }
            .image-wrapper {
                max-width: 280px;
            }
        }

        /* 装饰小元素 */
        .badge-light {
            display: inline-block;
            background: #eef2ff;
            border-radius: 30px;
            padding: 0.2rem 0.8rem;
            font-size: 0.75rem;
            font-weight: 500;
            color: #1e4a76;
            margin-top: 0.5rem;
        }

        /* 访问whatsapp 链接样式 */
        .whatsapp-link {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            background: #25D36610;
            padding: 4px 12px 4px 8px;
            border-radius: 40px;
            transition: background 0.2s;
        }
        .whatsapp-link:hover {
            background: #25D36620;
            border-bottom: none !important;
        }