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

body{ margin:0 auto; font-size:12px; color:#000; font-family:"微软雅黑"; min-width:1200px;}
*{ margin:0 auto; padding:0;}

li{list-style-type: none;}
a{text-decoration: none;}
img{ border:none;}
#headtop{BACKGROUND: url(../images/headtop.jpg) no-repeat center 50%; HEIGHT: 5px;}
.bannerbox {width:100%;position:relative;height:400px;overflow:hidden;}

.banner { width:1920px; /*图片宽度*/
            position:absolute;
            left:50%;
            margin-left:-960px; /*图片宽度的一半*/}


#head{ width:100%;	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC; padding-bottom:20px; margin-top:20px;overflow:hidden;}
#head #logo{
	width: 1200px;}
 #logo1{ float:left; width:720px;}
  #logo1 img{ border:none;}
 #logo #tel{ float:left;background-image:url(sytel.png); background-repeat:no-repeat; margin-top:20px; margin-left:200px; width:280px;}
#tel #telrs{ margin-left:50px; color:#0a6dc8; font-size:22px;}
#tel #telwz{margin-left:55px; color:#666;}
#en{ float:left; margin-top:30px; margin-left:30px;}
#en a{ border:none;}
 #synav{ width:100%;}
 #synav #nav{ width:1200px;height:50px; }
 #nav ul li{ float:left; width:140px; text-align:center; line-height:20px; margin-top:15px;}
 #nav ul .navlist{
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCC;}
#nav ul .navlist a{ color:#333;}
#nav ul .navlist a:hover{ background-image:url(nav.png); width:140px; height:25px; display:block; line-height:25px; color:#FFF; }
#nav ul .feed a{ color:#333;}
#nav ul .feed a:hover{ background-image:url(nav.png); width:140px; height:25px; display:block; line-height:25px; color:#FFF; }
.mobile-nav-toggle{display:none;}

/*头部样式开始*/

#flashs { width:1920px;
	POSITION: relative; HEIGHT: 400px; OVERFLOW: hidden; margin-top:2px;
}
#flashs .bgitem {
	Z-INDEX: 1; POSITION: absolute; TOP: 0px
}
#flashs .btn {
	Z-INDEX: 7; POSITION: absolute; PADDING-BOTTOM: 5px; PADDING-LEFT: 6px; BOTTOM: 5px; PADDING-RIGHT: 6px; MARGIN-RIGHT: -450px; PADDING-TOP: 5px; LEFT:50%
}
#flashs .btn SPAN {
	BORDER-BOTTOM: #12579c 1px solid; BORDER-LEFT: #12579c 1px solid; PADDING-BOTTOM: 2px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; DISPLAY: inline-block; BACKGROUND: #12579c; COLOR: #000; MARGIN-LEFT: 5px; BORDER-TOP: #12579c 1px solid; CURSOR: pointer; BORDER-RIGHT: #12579c 1px solid; PADDING-TOP: 2px
}
#flashs .btn SPAN.cur {BACKGROUND: #12579c; COLOR: #fff}

/*头部样式结束*/

#syh1{ width:100%; background-color:#0265ca; height:60px;overflow:hidden;}
#syh1 #h{ width:1200px; line-height:60px; color:#FFF;overflow:hidden;}


#pr{ width:1200px; margin-top:15px;overflow:hidden;}
.prtitle p{ text-align:center;}
.prtitle h3{text-align:center; color:#14a8f5; font-size:20px;}
 .prtitle span{ display:block; margin-top:10px;}
.prtitle h3 a{ color:#000;}
 #prlist{
	width:1198px;
	height:40px;
	border: 1px solid #d9d8d8; margin-top:10px;}
#prlist ul li{ float:left; line-height:42px; width:100px; text-align:center;}
 .list{ background-color:#fb8227; color:#fff;}
 #prlist ul li a{ color:#666;}
  #sypr{ width:1200px; margin-top:40px;overflow:hidden;}
 #sypr ul li{ float:left; width:216px; margin-right:24px;}
 #pr #prname{ width:1200px;}
 #prname ul li{ float:left; width:216px;margin-right:24px; line-height:50px; text-align:center; }
 #prname ul li a{color:#666; }
  #prname ul li a:hover{ color:#0492de;}
 #syz{ width:100%; height:100px; background-color:#0492de; margin-top:30px;overflow:hidden;}
 #syzny p{ line-height:100px; color:#FFF; font-size:16px; text-align:center;}
 #syny{ width:100%; margin-top:30px;overflow:hidden;}
 #syny #syny1{ width:1200px;overflow:hidden;}
 #syny #syny1 #syabout{ float:left; width:700px;}
 .abouttitle {width:700px;height:40px;padding-bottom:3px;line-height:40px;background:url(about_line.jpg) no-repeat left bottom;position:relative;}
 .abouttitle h2{ color:#000; font-size:16px; display:block; float:left; }
 .abouttitle h2 span{ color:#CCC; font-size:14px; font-weight:100; margin-left:20px;}
  .abouttitle a{ display:block; float:right;color:#000;}
     #syabout p{ margin-top:10px; line-height:200%; font-size:13px; text-indent:25px;}
   #syabout p img{ float:left; margin-right:15px; margin-bottom:10px; margin-top:15px;}

#syabout p a{ color:#F00;}
#syabout p strong{ color:#000;}
#sycontact{float:right; width:350px; margin-left:50px; overflow:hidden;}
#syny #sy06{ width:1200px; margin-top:30px;overflow:hidden;}
#synews{ width:1200px; margin-top:30px;overflow:hidden;}

#newsleft{ width:500px; float:left;}
#newsleft img{
	border: 1px solid #d9d8d8; margin-top:30px;}
#newsleft p{ line-height:30px; margin-top:20px;}
 #newsright{ width:450px; margin-left:178px; float:left; margin-top:30px;}
  .newslist span{height:30px;
	border: 1px solid #CCC; text-align:center; line-height:30px; width:100px; height:30px;}
	#newsright ul .newslist{ line-height:30px;}
#newsright ul .newslist a{ margin-left:50px;width:400px; color:#000;}

 #newscontent{ width:370px; float:left; margin-left:48px; line-height:30px; }
 #newscontent a{ color:#666;}
#foot{ width:100%; height:50px; background-color:#0471ac;}
#foot1{ width:1200px;}
#bottom{ width:100%; background-color:#0492de; }
#bottom1{ width:1200px;color:#FFF; margin-top:30px;}
#bottom1 p{ line-height:200%;}
#foot #foot1 ul li{ float:left; width:122px; color:#FFF; line-height:50px; height:50px;}
#bottom1 p a{ color:#fff;}
#foot #foot1 ul li a{ color:#FFF;}


.nybannerbox {width:100%;position:relative;height:300px;overflow:hidden;}

.nybanner { width:1920px; /*图片宽度*/
            position:absolute;
            left:50%;
            margin-left:-960px; /*图片宽度的一半*/}
#nycontent{ width:1200px; margin-top:10px;overflow:hidden;}
#nyleft{ width:230px; float:left;}
#nyprlist{
	width: 228px;
	float: left;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #dbdbdb;
	border-bottom-color: #dbdbdb;
	border-left-color: #dbdbdb;}
#nyprlist span{ display:block; height:50px; line-height:50px; background-color:#0492de; text-align:center;font-size:16px;color:#FFF;}

#nyprlist ul li{
	line-height: 40px;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #dbdbdb;}
	 #nyprlist ul .big a{ color:#666;}
#nyright{ float:left; width:920px; margin-left:50px;overflow:hidden;}
#dhlist{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dbdbdb; line-height:35px; color:#F00;}
#dhlist span{ margin-left:700px;}
 #nyright p{ line-height:250%; margin-top:10px; text-indent:20px;text-align:justify;text-justify:inter-ideograph;}
 #dhlist span a{color:#F00;}
 
 #nyleft #nycontact{width: 228px;
	float: left;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #dbdbdb;
	border-bottom-color: #dbdbdb;
	border-left-color: #dbdbdb; }
#nycontact span{ display:block; height:50px; line-height:50px; background-color:#0492de; text-align:center;font-size:16px;color:#FFF;}
#nycontact ul li{line-height: 40px; padding-left:20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #dbdbdb;}
.text2 a{color:#666;}
.text2 { height:30px;}
#nyright ul li img{ float:right; margin-right:30px;}
#nyright ul li{ margin-top:20px; margin-left:30px;}

#nyright table tr td a{ color:#000;}

/* Mobile layout: desktop rules above remain unchanged. */
@media only screen and (max-width:768px){
 html,body{width:100%;min-width:0;overflow-x:hidden;}
 body{font-size:15px;line-height:1.65;background:#fff;}
 body *{box-sizing:border-box;}
 img{max-width:100%;height:auto;}

 #headtop{height:3px;background:#0492de;}
 #head{margin-top:0;padding:10px 12px;border-bottom:0;}
 #head #logo{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
 #logo1{float:none;width:100%;height:39px;margin:0;text-align:center;overflow:hidden;}
 #logo1 a{display:block;height:39px;overflow:hidden;}
 #logo1 img{display:block;width:auto;max-width:100%;height:39px;margin:0 auto;}
 #logo #tel{float:none;width:auto;margin:4px auto 0;background-size:22px auto;background-position:left center;}
 #logo #tel a{display:block;color:inherit;}
 #tel #telrs{margin-left:26px;font-size:15px;line-height:23px;white-space:nowrap;}
 #tel #telwz{margin-left:26px;font-size:11px;line-height:17px;white-space:nowrap;}

 .mobile-nav-toggle{display:block;width:calc(100% - 24px);height:42px;margin:0 12px 10px;border:0;border-radius:3px;background:#087db7;color:#fff;font:15px/42px "微软雅黑";text-align:center;cursor:pointer;}
 #synav{display:none;background:#f7fafc;border-top:1px solid #e1e7eb;border-bottom:1px solid #e1e7eb;}
 #synav.mobile-open{display:block;}

 #synav #nav{width:100%;height:auto;}
 #nav ul{display:flex;flex-wrap:wrap;width:100%;}
 #nav ul li,#nav ul .navlist,#nav ul .feed{float:none;width:50%;height:46px;margin:0;border-right:1px solid #e2e8ec;border-bottom:1px solid #e2e8ec;line-height:46px;}
 #nav ul li a,#nav ul .navlist a,#nav ul .feed a{display:block;width:100%;height:46px;line-height:46px;color:#263746;font-size:15px;}
 #nav ul .navlist a:hover,#nav ul .feed a:hover{width:100%;height:46px;line-height:46px;background:#0492de;color:#fff;}

 .bannerbox{height:135px;}
 .banner{width:100%;left:0;margin-left:0;}
 #flashs{width:100%;height:135px;margin-top:0;}
 #flashs .bgitem{width:100%!important;height:135px!important;background-size:cover!important;background-position:center top!important;}
 .nybannerbox{height:105px;}
 .nybanner{width:100%;left:0;margin-left:0;height:105px;overflow:hidden;}
 .nybanner img{width:auto;max-width:none;height:105px;position:relative;left:50%;transform:translateX(-50%);}

 #syh1{height:auto;min-height:52px;}
 #syh1 #h{width:100%;padding:10px 15px;line-height:26px;text-align:center;}
 #pr,#syny #syny1,#syny #sy06,#synews,#foot1,#bottom1{width:100%;}
 #pr,#syny #syny1,#synews,#bottom1{padding-left:12px;padding-right:12px;}
 .prtitle span img{width:100%;height:auto;}
 #prlist{width:100%;height:auto;overflow:hidden;}
 #prlist ul{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;}
 #prlist ul li{float:none;flex:0 0 94px;width:94px;height:42px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
 #sypr{width:100%;margin-top:20px;}
 #sypr ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
 #sypr ul li{float:none;width:100%;margin:0;}
 #sypr ul li img{display:block;width:100%;height:auto;}
 #pr #prname{width:100%;}
 #prname ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;}
 #prname ul li{float:none;width:100%;margin:0;}
 #prname ul:last-child{display:none;}
 #syz{height:auto;min-height:72px;margin-top:20px;padding:10px 12px;}
 #syzny p{line-height:26px;font-size:14px;}
 #syny{margin-top:20px;}
 #syny #syny1 #syabout,.abouttitle,#sycontact{float:none;width:100%;margin-left:0;}
 #syabout p img{width:42%;height:auto;}
 #sycontact{margin-top:15px;text-align:center;}
 #sycontact img{width:100%;max-width:350px;}
 #syny #sy06{margin-top:20px;}
 #syny #sy06 img{display:block;width:100%;height:auto;}
 #synews{margin-top:20px;}
 #newsleft,#newsright{float:none;width:100%;margin:15px 0 0;}
 #newsleft img{width:100%;height:auto;margin-top:10px;}
 #newsright ul .newslist{display:flex;align-items:center;min-height:38px;}
 #newsright ul .newslist span{flex:0 0 92px;}
 #newsright ul .newslist a{width:auto;min-width:0;margin-left:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

 #foot{height:auto;}
 #foot #foot1 ul{display:flex;flex-wrap:wrap;}
 #foot #foot1 ul li{float:none;width:25%;height:44px;line-height:44px;text-align:center;}
 #bottom1{margin-top:0;padding-top:15px;padding-bottom:15px;}

 #nycontent{width:100%;padding:0 12px;margin-top:10px;overflow:visible;display:flex;flex-direction:column;}
 #nyleft,#nyright{float:none;width:100%;margin-left:0;}
 #nyright{order:1;}
 #nyleft{order:2;margin-top:20px;}
 #nyprlist,#nyleft #nycontact{float:none;width:100%;}
 #nyprlist ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
 #nyprlist ul li{min-width:0;}
 #nyleft #nycontact{margin-top:12px;}
 #nyright{margin-top:0;overflow:visible;}
 #dhlist{line-height:28px;overflow:hidden;}
 #dhlist span{display:block;float:none;margin-left:0;font-size:12px;}
 #nyright p{line-height:1.9;text-indent:2em;font-size:16px;}
 #dhlist{padding:5px 0 8px;font-size:16px;}
 #dhlist h1,.news-seo-h1{font-size:19px!important;line-height:1.5!important;}
 .news_td_d ul>li{font-size:16px;line-height:1.9;margin-left:0!important;}
 .news_td_d h2{font-size:20px;line-height:1.5;margin:18px 0 8px;}
 .news_td_d h3{font-size:17px;line-height:1.5;margin:14px 0 6px;}
 .ai-article-summary{padding:12px!important;margin:12px 0!important;}
 #nyright ul li{margin:14px 0;}
 #nyright ul li img{float:none;margin-right:0;max-width:100%;height:auto;}
 #nyright table{max-width:100%;}
 .nyabout{overflow-wrap:anywhere;}
 .nyabout img,.news_td_d img{max-width:100%!important;height:auto!important;}
 .nyabout ul li{margin:0 0 9px!important;line-height:1.8!important;}
 .nyabout ul li img{display:block!important;float:none!important;width:100%!important;max-height:260px!important;object-fit:contain;margin:12px auto!important;}

 .legacy-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px 10px!important;width:100%!important;justify-content:normal!important;}
 .legacy-product-item{width:100%!important;}
 .legacy-product-pic{width:100%!important;height:auto!important;aspect-ratio:196/166;}
 .legacy-product-pic img{width:100%!important;height:100%!important;}
 .legacy-equipment-grid{grid-template-columns:1fr!important;width:100%!important;gap:15px!important;}
 .legacy-equipment-grid img{width:100%!important;height:auto!important;aspect-ratio:4/3;}

 .new-message-box{width:100%!important;margin:15px auto 25px!important;padding:18px 14px!important;}
 .new-message-row{display:block!important;margin-bottom:14px!important;}
 .new-message-row label{display:block;width:100%!important;text-align:left!important;margin:0 0 6px!important;}
 .new-message-row input[type=text],.new-message-row input[type=tel],.new-message-row input[type=email],.new-message-row textarea{width:100%!important;}
 .new-message-code img{margin-top:8px;}
 .new-message-actions{padding-left:0!important;display:flex;gap:10px;}
 .new-message-actions input{flex:1;margin-right:0!important;}
}