@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0px;padding:0px;}
body{background:#fff;}
body,div,table,td,th,caption,input{color:#222222;font-size:14px;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:100%;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal;}
A:link,a:visited {color:#222222;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;font-size:14px;font-weight:normal;text-decoration:none; }
a:hover {COLOR: #cc0000;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;font-size:14px;font-weight:normal;text-decoration:none;}
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:12px Verdana,Helvetica,Arial,sans-serif; }
input{height:18px}
.go-wenbenkuang{background:#cc0000;color:#ffffff;font-size:14px;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;height:28px;line-height:18px;padding-left:10px;padding-right:10px;border:1px solid #cc0000;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.wenbenkuang{background:#ffffff;color:#333333;height:30px;line-height:30px;padding-left:10px;padding-right:10px;border:1px solid #dcdcdc}
.inputstyle{background:#ffffff;color:#666666;height:24px;line-height:24px;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;font-size:14px;padding-left:5px;padding-right:5px;text-align:left;border:1px solid #dcdcdc}
.inputcheck{display:inline;}
.inputcheck input[type="radio"]{width:14px;height:14px;opacity:30;vertical-align: middle;margin-right:5px;}
.inputcheck input:checked{border:1px solid #006eb2;}
.inputclass{background:#ffffff;width:400px;height:40px;line-height:40px;font-size:16px;color:#666666;padding-left:5px;padding-right:5px;text-align:left;border:1px solid #D9D9D9;border-radius:2px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.inputclass_short{background:#ffffff;width:300px;height:40px;line-height:40px;font-size:16px;color:#666666;padding-left:5px;padding-right:5px;text-align:left;border:1px solid #D9D9D9;border-radius:2px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.inputsub{background:#cc0000;color:#ffffff;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;font-size:16px;height:32px;line-height:20px;padding-left:25px;padding-right:25px;margin-bottom:15px;border:1px solid #E54B1F}
.input_reset{background:#ececec;color:#666666;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;font-size:16px;height:32px;line-height:20px;padding-left:25px;padding-right:25px;border:1px solid #cccccc}
.inputchoose{vertical-align:text-bottom; margin-bottom:0px; margin-bottom:-2px\9;}
.uppicstyle{background:#ececec;color:#333333;font-size:12px;height:28px;line-height:20px;padding-left:15px;padding-right:15px;border:1px solid #cccccc;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.textareastyle{color: #333333;border:1px solid #dcdcdc;font-family:"Verdana","Arial","Microsoft Yahei","微软雅黑";font-size:12px;height:auto;}
.td9{font-size:14px}

.RadioStyle input{display: none;}
.RadioStyle label{border: 1px solid #DBDBDB; padding: 2px 10px 2px 5px; line-height: 28px; width:95%; text-align: center; float: left;margin-bottom: 15px;margin-right:5%;cursor: pointer;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.RadioStyle input:checked + label{background: url(../images/icon/ico_checkon.png) no-repeat right bottom;background-size: 21px 21px; color: #FF4F53;border: 1px solid #FF4F53;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */color:#dcdcdc;font-size:16px;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#dcdcdc; opacity:1;font-size:16px;}
::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#dcdcdc; opacity:1;font-size:16px;}
:-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#dcdcdc;font-size:16px;}

.inputgoback{background:#666666;color:#ffffff;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;height:30px;line-height:20px;padding-left:15px;padding-right:15px;border:1px solid #333333}
table { border-collapse:collapse; }
html {overflow-y: scroll;} 
/* css common */
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
.dis{display:block;}
.undis{display:none;} 

.newsContentTitle{width:100%;height:auto;line-height:1.5rem;margin:0 auto;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:1.2rem;font-size:1.2rem;font-weight:bold;background:url(../images/newscontenttitle.png) center left no-repeat;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */display:block;margin:0.5rem auto;overflow:hidden}

/*顶部CSS开始*/
#sitetop{background:#F3F3F3;width:100%;height:36px;line-height:36px;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#sitetop > #sitetopcon{width:96%;max-width:1600px;height:36px;margin:0 auto;}
#sitetop > #sitetopcon #slogan{width:50%;height:36px;float:left;overflow:hidden}
#sitetop > #sitetopcon > #member{width:50%;height:36px;float:right;}
#sitetop > #sitetopcon > #member ul{width:100%;height:36px;}
#sitetop > #sitetopcon > #member ul li{width:auto;height:36px;line-height:36px;padding-left:10px;padding-right:10px;text-align:center;float:right}
#sitetop > #sitetopcon > #member #member_login{background:url(../images/mobi/account-silver.png) left 8px no-repeat;background-size:13px 13px;padding-left:18px;}
#sitetop > #sitetopcon > #member #mb_longli{background:url(../images/mobi/account-silver.png) left 8px no-repeat;background-size:13px 13px;width:auto;padding-left:20px;padding-right:15px;float:right;}

#webtop{background:#fff;width:100%;height:120px;margin:0 auto;position:relative}
#webtop #wbt_con{width:96%;max-width:1600px;height:120px;margin:0 auto;}
#webtop #wbt_con #logo{width:320px;height:120px;text-align:left;float:left;overflow:hidden}
#webtop #wbt_con #logo img{width:auto;height:48px;margin-top:36px;float:left;overflow:hidden}

#webtop #wbt_con #catapng{display:none}

#webtop #wbt_con #Search{width:250px;height:auto;margin-top:35px;float:right;overflow:hidden}
#webtop #wbt_con #Search #serinput{background:#ffffff;width:218px;height:40px;line-height:40px;color:#cccccc;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;font-size:12px;border:1px #dcdcdc solid;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */float:right;border-radius:20px;}
#webtop #wbt_con #Search #serinput .search_class{background-color:transparent;width:180px;height:28px;line-height:28px;font-size:12px;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;color:#999999;border:0px;outline:medium;padding-left:20px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */overflow:hidden}
#webtop #wbt_con #Search #serinput .searchimg{width:20px;height:auto;border:0px;margin-top:8px;margin-right:16px;float:right}

#webtop #wbt_con #menu{width:calc(100% - 570px);height:50px;margin:0 auto;margin-top:35px;float:right;}
#webtop #wbt_con #menu ul{width:auto;height:50px;line-height:50px;list-style:none;margin:0 auto;padding:0px}
#webtop #wbt_con #menu ul li{width:16.66%;height:50px;line-height:50px;color:#222;text-align:center;list-style:none;padding:0px; margin:0px; position:relative;z-index:100;float:left;}
#webtop #wbt_con #menu dl {position:absolute; top:0; left:0; padding-bottom:0;overflow:hidden}
#webtop #wbt_con #menu li a,#webtop #wbt_con #menu li a:visited {width:100%;height:50px;line-height:50px;font-size:1.1rem;color:#222;font-weight:bold;text-decoration:none;}
#webtop #wbt_con #menu li a:hover {background:#F3F3F3;width:100%;height:50px;line-height:50px;display:block;color:#222;font-size:1.1rem;border:0;}
#webtop #wbt_con #menu li dd {display:none;}
#webtop #wbt_con #menu li:hover dd,#webtop #wbt_con #menu li a:hover dd {display:block;height:30px;line-height:30px;}
#webtop #wbt_con #menu li:hover dl,#webtop #wbt_con #menu li a:hover dl {padding-bottom:0px;}
#webtop #wbt_con #menu dl {width:100%; margin: 0 auto; padding: 0; background: transparent;position: absolute }
#webtop #wbt_con #menu dt {margin:0 auto; padding: 0;color:#222;}
#webtop #wbt_con #menu dd {width:100%;margin:0 auto;padding:0;height:auto;overflow:hidden}
#webtop #wbt_con #menu dt a,#webtop #wbt_con #menu dt a:visited {color:#222;font-size:1.1rem;display:block;font-family:Microsoft YaHei,Helvetica,Arial,Verdana,sans-serif;text-align:center;transition:all 0.3s linear;}
#webtop #wbt_con #menu li:hover dt a, #webtop #wbt_con #menu a:hover dt a {height:50px;color:#ff0000;font-size:1.1rem;font-family:Arial,Verdana,Helvetica,Microsoft YaHei,sans-serif;transform:scale(1.0);}
#webtop #wbt_con #menu dd a,#webtop #wbt_con #menu dd a:visited {background:#F3F3F3;color:#ff0000;font-size:14px;height:30px;line-height:30px;text-decoration:none;display:block;text-align:left;padding-left:15px;}
#webtop #wbt_con #menu dd a:hover {font-size:14px;text-align:left;height:30px;line-height:30px;padding-left:15px;}

#webtop #wbt_con #menu #sortclass{background:#027938;height:90px;display:block;overflow:hidden}
#webtop #wbt_con #menu #sortclass a{display:block}

/* 导航菜单样式 */
.navbar{position: relative;z-index: 1000;width:calc(100% - 570px);height:50px;margin:0 auto;margin-top:35px;float:right;}
.nav-menu{list-style: none;display: flex;justify-content: center;}
.nav-item{position: relative;}
.nav-item a{font-size:16px;font-weight:500;}
.nav-link{display:block;color:#222;text-decoration:none;padding:18px 30px;transition:all 0.3s ease;font-size:16px;font-weight:500;position:relative;z-index: 1;}
        
/* 关键修改：当二级菜单显示时，一级菜单保持红色背景 */
.nav-item:hover .nav-link,.nav-item:focus-within .nav-link {background-color: #e74c3c;color: white;}
        
/* 二级菜单样式 */
.submenu {position: absolute;top: 100%;left: 0;width: 220px;background-color: white;box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);border-radius: 0 0 6px 6px;opacity: 0;visibility: hidden;transform: translateY(-10px);transition: all 0.4s ease;z-index: 1001;}
        
/* 关键修改：当鼠标在二级菜单上时，一级菜单保持高亮 */
.nav-item:hover .submenu,.nav-item:focus-within .submenu {opacity: 1;visibility: visible;transform: translateY(0);}
.submenu-item {list-style: none;}
.submenu-link {display: block;padding: 14px 20px;color: #333;text-decoration: none;border-bottom: 1px solid #f0f0f0;transition: all 0.2s ease;font-size: 15px;}
.submenu-link:hover {background-color: #f8f8f8;color: #e74c3c;padding-left: 30px;}
.submenu-link:last-child {border-bottom: none;}

#webtop #language{width:60px;height:32px;z-index:99;right:10px;top:39px;position:absolute;overflow:hidden}
#webtop #language img{width:auto;height:32px;overflow:hidden}

#banner{width:100%;height:auto;margin:0 auto;overflow:hidden}
#banner img{width:100%;height:auto;border:0;display:block;overflow:hidden}
#mobiBanner{display:none}
#mobiBanner img{display:none}

.positionMenu{background:#F3F3F3;width:100%;height:3rem;line-height:3rem;padding-left:2%;padding-right:2%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;overflow:hidden}

@media screen and (max-width:1200px){
#webtop #wbt_con{width:96%;max-width:1200px;height:90px;margin:0 auto;}
#webtop #wbt_con #logo{width:160px;height:90px;text-align:left;float:left;overflow:hidden}
#webtop #wbt_con #menu{width:calc(100% - 250px);height:90px;margin:0 auto;margin-right:80px;float:right;overflow:hidden}
#webtop #wbt_con #Search{display:none}
}

@media screen and (max-width:960px){
#sitetop{display:none}	
	
#webtop{width:100%;height:3rem;margin:0 auto; position:relative}
#webtop #wbt_con{width:100%;height:3rem;margin:0 auto}
#webtop #wbt_con #logo{width:100%;height:3rem;margin:0 auto;overflow:hidden}
#webtop #wbt_con #logo img{width:auto;height:2rem;margin-top:0.5em;margin-left:1em;}
#webtop #wbt_con #logo #logotxt{width:auto;height:2rem;line-height:2rem;margin-top:0.5rem;font-size:1.4rem;margin-left:1rem;font-weight:bold;color:#027938;float:left;overflow:hidden}
#webtop #wbt_con #logo span{display:none}

#webtop #wbt_con #catapng{width:1.4rem;height:1.4rem; position:absolute;z-index:88;top:0.8rem;right:1rem;display:block;overflow:hidden}
#webtop #wbt_con #catapng img{width:1.4rem;height:1.4rem;margin:0 auto;overflow:hidden}
#webtop #wbt_con #Search{display:none}
#webtop #wbt_con #menu{display:none}
#webtop #language{display:none}

.navbar{display:none}

#MobMenu{width:100%;height:auto;margin:0;margin:0 auto;position:fixed;z-index: 99;left:0;top:3rem;}
#MobMenu ul{width:100%;height:auto;margin:0;padding:0;overflow: :hidden;}
#MobMenu ul li{background:#1c2333;border-bottom:solid 1px #2C364B;}
#MobMenu ul li:hover{background:##027938;border-bottom:solid 1px #2C364B;}
#MobMenu ul li a{color:#ffffff;height:2.5em;line-height:2.5em;font-size:1em;font-family:Microsoft YaHei,Arial,Verdana,Helvetica, sans-serif;display:block;text-align:center;position: relative;}
#MobMenu > ul > li > .inactive{background:url(../images/mobi/off.png) no-repeat center right 2.5em;height:2.5em;line-height:2.5em;}
#MobMenu > ul > li > .inactives{background:url(../images/mobi/on.png) no-repeat center right 2.5em;height:2.5em;line-height:2.5em;} 
#MobMenu #noneusetop{width:0px;height:0px;overflow:hidden;border:0px;display:none;}
#MobMenu #noneusetop a{width:0px;height:0px;overflow:hidden;border:0px}
#MobMenu ul li ul{display: none;}
#MobMenu ul li ul li { border-left:0; border-right:0; background-color:#dcdcdc;border-bottom:1px #B9B9B9 solid;}
#MobMenu ul li ul li:hover{color:#ffffff}
#MobMenu ul li ul li ul{display: none;}
#MobMenu ul li ul li a{ color:#1c2333;padding-left:0px;}
#MobMenu ul li ul li a:hover{ color:#ffffff;padding-left:0px;}
#MobMenu ul li ul li ul li { background-color:#dcdcdc;}
#MobMenu #last{border-bottom:0px !important;border-bottom:0px;}
#MobMenu .secmenu{border-bottom:0px;color:000000;}
#MobMenu ul li ul li ul li a{ color:#1c2333; padding-left:30px;}

#webtop #wbt_con #search{display:none}
#banner{margin-top:0;display:none}
#mobiBanner{width:100%;height:auto;margin:0 auto;display:block;overflow:hidden;}
#mobiBanner img{width:100%;height:auto;border:0;display:block}

.positionMenu{background:#F3F3F3;width:100%;height:2rem;line-height:2rem;font-size:0.8rem;margin-bottom:1rem;padding-left:2%;padding-right:2%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;overflow:hidden}
.positionMenu a{font-size:0.8rem;}
}
/*顶部Css结束*/

/*主页CSS开始*/
#solution_menu{width:100%;height:auto;margin:0 auto;border-top:1px #ececec solid;overflow:hidden}
#solution_menu ul{width:94%;height:auto;margin:0 auto;margin-top:2rem;border-top:1px #ececec solid;border-left:1px #ececec solid;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden}
#solution_menu ul li{width:16.66%;height:50px;line-height:50px;text-align:center;font-size:18px;float:left;overflow:hidden}
#solution_menu ul li a{width:100%;height:50px;line-height:50px;color:#333333;font-size:1.1rem;display:block;border-bottom:1px #ececec solid;border-right:1px #ececec solid;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden}
#solution_menu ul li a:hover{background:#FB5D05;color:#ffffff;width:100%;height:50px;line-height:50px;display:block;border-bottom:1px #FB5D05 solid;border-right:1px #FB5D05 solid;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden}
#solution_menu #secMenu{background:#FB5D05;}
#solution_menu #secMenu a{color:#ffffff;}

.solutionInfo{width:100%;margin:0 auto;height:auto;line-height:2rem;overflow:hidden}
.solutionInfo img{margin-top:0rem;margin-bottom:1rem;margin-right:2rem;max-width:180px;max-width:180px;folat:left;vertical-align:top;}

.canshuStyle{width:100%;margin:0 auto;height:auto;}
.canshuStyle ul{width:100%;margin:0 auto;height:auto;}
.canshuStyle ul li{width:21%;margin:0.5rem 2%;height:auto;float:left;}
.canshuStyle ul li select{width:100%;height:2rem;line-height:2rem;border:1px #cccccc solid;}
.canshuStyle #canshuSubmit{width:100%;height:3rem;line-height:3rem;text-align:center;overflow:hidden}
.canshuStyle #canshuSubmit input{background:#cc0000;width:96%;height:3rem;margin:0 auto;line-height:3rem;text-align:center;color:#ffffff;border:0;font-size:14px;overflow:hidden}

@media screen and (max-width:960px){
#solution_menu ul li{width:50%;height:2.4rem;line-height:2.4rem;text-align:center;font-size:1.1rem;float:left;overflow:hidden}
#solution_menu ul li a{width:100%;height:2.4rem;line-height:2.4rem;color:#333333;font-size:1.1rem;}
#solution_menu ul li a:hover{background:#FB5D05;color:#ffffff;width:100%;height:2.4rem;line-height:2.4rem;font-size:1.1rem;}
.canshuStyle ul li{width:46%;margin:0.5rem 2%;height:auto;float:left;}
}
@media screen and (max-width:640px){
.canshuStyle ul li{width:94%;margin:0.2rem 2%;height:auto;float:left;}
}

#indexbody{width:96%;max-width:1440px;height:auto;margin:20px auto;display:table;overflow:hidden}

#indexbody > #left{width:70%;height:auto;display:table-cell;float:left;overflow:hidden}

#indexbody > #left .newsclass{width:400px;height:auto;float:left;margin-right:50px;margin-bottom:30px;border:1px #dcdcdc solid;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;}
#indexbody > #left .newsclass #right_n_c{margin-right:0px;}
#indexbody > #left .newsclass > .title{background:#ececec;width:100%;height:36px;line-height:36px;font-size:16px;font-weight:bold;padding-left:1rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#indexbody > #left .newsclass > .title a{font-size:16px;font-weight:bold;}
#indexbody > #left .newsclass ul{width:94%;height:auto;margin:10px auto;overflow:hidden}
#indexbody > #left .newsclass ul li{background:url(../images/icon_newsli.png) left center no-repeat;padding-left:1rem;width:100%;height:24px;line-height:24px;overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

#indexbody > #left #NewsTitle{width:100%;height:40px;line-height:40px;font-size:18px;color:#333333;border-bottom:1px #dcdcdc solid;text-align:left;margin-bottom:20px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden}
#indexbody > #left #NewsTitle > h1{width:50%;height:39px;line-height:40px;font-size:18px;color:#333333;text-align:left;float:left;overflow:hidden}
#indexbody > #left #NewsTitle > h1 a{font-size:18px;color:#333333;font-weight:bold}
#indexbody > #left #NewsTitle img{width:13px;height:13px;border:0;}
#indexbody > #left #NewsTitle > h2{width:100%;height:39px;line-height:40px;font-size:13px;color:#333333;text-align:left;float:left; vertical-align:middle;overflow:hidden}
#indexbody > #left #NewsTitle > h2 a{font-size:13px;color:#333333;}
#indexbody > #left #NewsTitle > h2 img{width:13px;height:13px;border:0;}
#indexbody > #left #NewsTitle > span{width:50%;height:39px;line-height:40px;font-size:12px;color:#333333;float:right;text-align:right;overflow:hidden}
#indexbody > #left #NewsTitle > span a{font-size:12px;color:#333333;}
#indexbody > #left #NewsTitle > h3{display:none;}

#indexbody > #left #NewsTitle_two{width:100%;height:39px !important;height:40px;line-height:40px;font-size:18px;color:#333333;border-bottom:1px #dcdcdc solid;text-align:left;margin-bottom:20px;overflow:hidden}
#indexbody > #left #NewsTitle_two > h2{width:100%;height:39px;line-height:40px;font-size:13px;color:#333333;text-align:left;float:left; vertical-align:middle;overflow:hidden}
#indexbody > #left #NewsTitle_two > h2 a{font-size:13px;color:#333333;}
#indexbody > #left #NewsTitle_two > h2 img{width:13px;height:13px;border:0;}
#indexbody > #left #NewsTitle_two > span{width:50%;height:39px;line-height:40px;font-size:12px;color:#333333;float:right;text-align:right;overflow:hidden}
#indexbody > #left #NewsTitle_two > span a{font-size:12px;color:#333333;}

#indexbody > #left > #news{width:100%;height:auto;margin-top:0px;overflow:hidden}
#indexbody > #left > #news dl{width:100%;height:215px;border-bottom:1px #dcdcdc solid;margin:0;padding:0;margin-bottom:30px;display:block;overflow:hidden}
#indexbody > #left > #news dl > span{width:30%;height:auto;max-height:180px;margin-right:5%;float:left;overflow:hidden}
#indexbody > #left > #news dl > span img{width:100%;height:auto;max-height:180px;border:0;transition:all 0.3s linear;display:block;overflow:hidden}
#indexbody > #left > #news dl > span img:hover{width:100%;height:auto;max-height:180px;border:0;transform:scale(1.1);overflow:hidden}
#indexbody > #left > #news dl .newscon2{width:65%;height:auto;max-height:180px;overflow:hidden}
#indexbody > #left > #news dl .newscon2 a{font-size:18px;}
#indexbody > #left > #news dl dt{width:100%;height:25px;line-height:25px;font-size:18px;margin-bottom:10px;overflow:hidden}
#indexbody > #left > #news dl dt a{font-size:18px;color:#222222;}
#indexbody > #left > #news dl dt a:hover{color:#003399;text-decoration:underline}
#indexbody > #left > #news dl dd{width:100%;height:auto;line-height:22px;font-size:14px;color: #999999;overflow:hidden}
#indexbody > #left > #news dl .source{background:url(../images/icon/news.png) no-repeat left center;background-size:20px 20px;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;height:30px;line-height:30px;margin-bottom:10px;padding-left:25px;overflow:hidden}

#indexbody > #left > #products{width:100%;height:auto;margin-top:0px;overflow:hidden}
#indexbody > #left > #products ul{width:100%;height:auto;margin:0;padding:0;display:block;overflow:hidden}
#indexbody > #left > #products ul li{width:283px;height:auto;line-height:24px;font-size:14px;color: #999999;margin-bottom:1rem;text-align:center;float:left;overflow:hidden}
#indexbody > #left > #products ul li img{width:250px;height:250px;border: 1px #ececec solid;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;transition:all 0.3s linear;}
#indexbody > #left > #products ul li img:hover{width:90%;height:250px;border:0;transform:scale(1.1);}
#indexbody > #left > #products .prodtxt{width:100%;height:28px;line-height:28px;overflow:hidden}


.fenye{width:100%;height:auto;margin:2rem auto;font-size:14px;text-align:center;overflow:hidden}
.fenye from{font-size:14px;}
.fenye .a{font-size:14px;}
.fenye .szinput{width:50px;height:28px;border:1px #999999 solid;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */text-align:center}
.fenye #nowpage{background:#cc0000;width:28px;line-height:28px;text-align:center;color:#ffffff;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;display: inline-table}
.fenye .fypage{background:#ffffff;width:28px;line-height:28px;text-align:center;color:#cc0000;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */border:1px #999999 solid;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;display: inline-table}
.fenye .fypage a{font-size:14px;}

#indexbody > #left #ViewNews{width:100%;height:auto;margin:0 auto;line-height:30px;font-size:14px;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;overflow:hidden}
#indexbody > #left #ViewNews img{max-width:100%;height:auto;overflow:hidden}
#indexbody > #left #ViewNews #ViewNewsTitle{width:100%;height:auto;line-height:1.6rem;text-align:center;font-size:1.5rem;color:#000;margin:1.5rem auto;overflow:hidden}
#indexbody > #left #ViewNews #ViewNewsTitle h1{font-size:1.6rem;color:#000;display:inline;font-weight:bold}
#indexbody > #left #ViewNews #ViewNewsTitle h1 a{font-size:1.6rem;color:#000;font-weight:bold}

#indexbody > #left #ViewNews #viewcompany{width:100%;height:auto;overflow:hidden}
#indexbody > #left #ViewNews #viewcompany ul{width:100%;height:auto;overflow:hidden}
#indexbody > #left #ViewNews #viewcompany ul li{width:50%;height:30px;line-height:30px;float:left;overflow:hidden}
#indexbody > #left #ViewNews #viewcompany #longli{width:100%;height:30px;line-height:30px;float:left;overflow:hidden}

#indexbody > #left #ViewNews #goods_go{width:100%;height:auto;display:flex;overflow:hidden}
#indexbody > #left #ViewNews #goods_go #productCover{width:30%;height:auto;float:left;overflow:hidden}
#indexbody > #left #ViewNews #goods_go #productCover img{width:100%;border:1px #ececec solid;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}

#preview{ float:none; margin:0 auto;text-align:center; width:370px;}
.jqzoom{ width:350px; height:350px; position:relative;border:1px #dcdcdc solid;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}

.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:350px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:325px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:322px; margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}

#indexbody > #left #ViewNews #goods_go #shopcanshu{width:auto;height:auto;margin-left:5%;float:left;flex:1;overflow:hidden}
#indexbody > #left #ViewNews #goods_go #shopcanshu #shopPrice{font-size:24px;color:#ff0000;font-weight:bold;margin-top:0.5rem;}
#indexbody > #left #ViewNews #goods_go #shopcanshu textarea{border:0;width:180px;height:30px;line-height:24px;outline:0;resize:none;font-size:14px;padding-top:9px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box;overflow:hidden}
#indexbody > #left #ViewNews #goods_go #shopcanshu input{width:100px;height:24px;line-height:24px;}
#indexbody > #left #ViewNews #goods_go #shopcanshu ul{width:100%;height:auto;overflow:hidden}
#indexbody > #left #ViewNews #goods_go #shopcanshu ul li{width:100%;height:auto;line-height:2rem;overflow:hidden}
#indexbody > #left #ViewNews #goods_go #shopcanshu ul li span{background:#0271B7;width:auto;height:2rem;line-height:2rem;display:inline-block;float:left;text-align:center;color:#fff;border-radius:3px;align-items: center;vertical-align:middle;margin-right:1rem;overflow:hidden}
#indexbody > #left #ViewNews #goods_go #shopcanshu ul li > span > a > img{vertical-align:middle;width:18px;HEIGHT:18px;overflow:hidden}
#indexbody > #left #ViewNews #goods_go #shopcanshu ul li #spanwhatsapp{background:#28D368}
#indexbody > #left #ViewNews #goods_go #shopcanshu ul li #spanwhatsapp:hover{background:#31A918}
#indexbody > #left #ViewNews #goods_go #shopcanshu ul li span > a {width:100%;height:100%;color:#fff;padding-left:1rem;padding-right:1rem;display:block;overflow:hidden}
#indexbody > #left #ViewNews #goods_go #shopcanshu ul li span > a:hover{background:#cc0000}


.product-container {width:100%;margin:0 auto;background: #fff;display: flex;flex-wrap: wrap;}
.product-gallery {flex-shrink: 0;width:360px;min-width: 0; /* 关键：防止在手机上撑开 */overflow:hidden}
.main-image-container {position: relative;margin-bottom: 15px;border: 1px solid #eee;border-radius: 4px;overflow: hidden;cursor: zoom-in; /* 添加放大镜指针 *//* 确保正方形容器 */width: 100%;padding-bottom: 100%; /* 关键：创建1:1宽高比 */height: 0;display:table;}
.main-image {position: absolute;top: 0;left: 0;right:0;bottom:0;margin: auto;width:auto;max-width: 100%;height:auto;max-height: 100%;object-fit: contain; /* 关键：保持图片比例，不拉伸 */display:table-cell;background-color: #f9f9f9;}
.magnifier-container {position: absolute;top: 0;right: 0;width: 100%;height:400px; /* 增加放大镜高度 */background: #fff;border: 1px solid #eee;border-radius: 4px;overflow: hidden;display: none;z-index: 20;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}
.magnifier-image {width: 100%;height: 100%;object-fit: contain;display: block;}
.thumbnail-wrapper {position: relative;margin-top: 15px;border: 1px solid #eee;border-radius: 4px;padding: 10px 40px;/* 确保与主图同宽 */width: 100%;overflow: hidden;min-width: 0; /* 关键：防止在手机上撑开 */}
.thumbnail-list {display: flex;gap: 10px;overflow-x: auto;scroll-behavior: smooth;-webkit-overflow-scrolling: touch;/* 隐藏滚动条 */scrollbar-width: none;-ms-overflow-style: none;}
.thumbnail-list::-webkit-scrollbar {display: none;}
.thumbnail {width:auto;max-width:80px;height:auto;max-height: 80px;object-fit: cover;border: 2px solid transparent;border-radius: 4px;cursor: pointer;transition: all 0.3s;flex-shrink: 0;}
.thumbnail.active {border-color: #ff6b6b;}
.thumbnail:hover {transform: scale(1.05);}
.scroll-btn {position: absolute;top: 50%;transform: translateY(-50%);width: 30px;height: 30px;background: rgba(255, 255, 255, 0.9);border: 1px solid #ddd;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.3s;z-index: 5;font-size: 16px;color: #666;}
.scroll-btn:hover {background: #fff;border-color: #ff6b6b;color: #ff6b6b;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}
.scroll-btn.prev {left: 5px;}
.scroll-btn.next {right: 5px;}
.scroll-btn:disabled {opacity: 0.3;cursor: not-allowed;}
.scroll-btn:disabled:hover {background: rgba(255, 255, 255, 0.9);border-color: #ddd;color: #666;box-shadow: none;}

.product-info {flex: 1;min-width: 0; /* 关键：防止在手机上撑开 */padding: 15px;padding-left:5rem;position: relative;}
.product-title {font-size: 24px;margin-bottom: 20px;color: #222;}
.product-title a{font-size:24px;color:#222;font-weight:bold;}
.product-description {margin-bottom: 20px;color: #666;line-height: 2.5;}
.product-description span{font-weight:bold;}
.product-description span.spanfeedback{height:3rem;line-HEIGHT:3rem;color:#fff;width:auto;margin-right:2rem;display:inline-block;margin-top:1rem;}
.product-description span.spanfeedback a{background:#0271B7;height:3rem;line-HEIGHT:3rem;color:#fff;width:auto;padding-left:2rem;padding-right:2rem;font-size:1.1rem;color:#fff;display:block;border-radius:5px}
.product-description span.spanfeedback a:hover{background:blue;}
.product-description span.spanwhatsapp{height:3rem;line-HEIGHT:3rem;color:#fff;width:auto;margin-right:2rem;display:inline-block;margin-top:1rem;}
.product-description span.spanwhatsapp a{background:#28D368;height:3rem;line-HEIGHT:3rem;color:#fff;width:auto;padding-left:2rem;padding-right:2rem;font-size:1.1rem;color:#fff;display:block;border-radius:5px}
.product-description span.spanwhatsapp a:hover{background:#31A918}
        
/* 移动设备样式 */
@media (max-width: 768px) {
.product-container {flex-direction:column;padding:0px;width:100%;max-width:100%;}
.product-gallery, .product-info {padding:10px;width:100%;max-width:100%;}
.main-image-container {cursor:default;width:100%;max-width:100%;}
.magnifier-container {display:none !important;}
.thumbnail-wrapper {padding:8px 35px;width:100%;max-width:100%;overflow: hidden;}
.thumbnail {width:70px;height:70px;}
.scroll-btn {width:28px;height:28px;ont-size:14px;}

.product-title {font-size:20px;}
.product-price {font-size:24px;}
.product-description span.spanfeedback{width:100%;margin-right:0;display:inline-block;margin-top:1rem;}
.product-description span.spanfeedback a{width:100%;TEXT-ALIGN:center}
.product-description span.spanwhatsapp{width:100%;margin-right:0;display:inline-block;margin-top:1rem;}
.product-description span.spanwhatsapp a{width:100%;TEXT-ALIGN:center}
}
        
/* 小屏幕手机优化 */
@media (max-width: 480px) {
.product-container {padding: 8px;}
.thumbnail-wrapper {padding: 5px 30px;}
.thumbnail {width: 60px;height: 60px;}
.scroll-btn {width: 25px;height: 25px;font-size: 12px;}
}

#indexbody > #left #ViewNews #newsContent{width:96%;height:auto;line-height:2rem;margin:0 auto;overflow:hidden}
#indexbody > #left #ViewNews #newsContent img{width:auto;max-width:100%;height:auto;display:block;border:0}

#indexbody > #left #ViewNews #goods_pic{width:100%;height:auto;overflow:hidden}
#indexbody > #left #ViewNews #goods_pic img{max-width:100%;height:auto;border:0;display:block}

#indexbody > #left #ViewNews #nynewsshare{background:#ececec;color:#000;width:100%;height:35px;line-height:35px;font-size:14px;margin:0 auto;margin-top:30px;margin-bottom:20px;padding-left:1rem;border:1px #dcdcdc solid;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */overflow:hidden}
#indexbody > #left #ViewNews #nynewsfb{background:#ececec;color:#000;width:100%;height:35px;line-height:35px;font-size:14px;text-align:center;margin:1rem auto;border:1px #dcdcdc solid;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */overflow:hidden}
#indexbody > #left #ViewNews #preNext{width:100%;height:2rem;line-height:2rem;text-align:center;overflow:hidden}

#indexbody > #left #tlgoods{width:100%;height:auto;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */margin:1rem auto;overflow:hidden;}
#indexbody > #left #tlgoods > #tl_goodstitle{background:#F4F5F6;width:100%;height:40px;line-height:40px;font-size:16px;color:#027938;padding-left:10px;margin:0 auto;border-bottom:1px #ececec solid;overflow:hidden;}
#indexbody > #left #tlgoods > #tl_goodscon{width:100%;height:auto;margin:0 auto;overflow:hidden}
#indexbody > #left #tlgoods > #tl_goodscon ul{width:100%;height:auto;margin:10px auto;padding:0;overflow:hidden}
#indexbody > #left #tlgoods > #tl_goodscon ul li{width:23%;margin-left:1%;margin-right:1%;height:210px;line-height:24px;font-size:14px;color: #999999;margin-bottom:1rem;border: 1px #ececec solid;display: flex;align-items: center;justify-content: center;position:relative;float:left;overflow:hidden}
#indexbody > #left #tlgoods > #tl_goodscon ul li img{width:auto;max-width:100%;height:auto;max-height:180px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin:0 auto;transition:all 0.3s linear;}
#indexbody > #left #tlgoods > #tl_goodscon ul li img:hover{border:0;transform:scale(1.1);}
#indexbody > #left #tlgoods > #tl_goodscon ul li p{width:100%;height:2rem;LINE-HEIGHT:2rem;TEXT-ALIGN:center;position:absolute;bottom:0}
#indexbody > #left #tlgoods > #tl_goodscon .prodtxt{width:100%;height:28px;line-height:28px;margin:0 auto;overflow:hidden}


.newslable{width:100%;height:auto;line-height:35px;margin:0 auto;margin-top:1.5rem;overflow:hidden}
.newslable ul{width:100%;height:auto;overflow:hidden}
.newslable ul li{width:auto;height:36px;line-height:36px;font-size:14px;text-align:center;margin:0 auto;margin-right:1rem;margin-bottom:1rem;float:left;overflow:hidden}
.newslable ul li a{width:100%;height:36px;line-height:34px;font-size:14px;color:#0068B7;text-align:center;margin:0 auto;margin-right:1rem;padding-left:1.2rem;padding-right:1.2rem;border:1px #dcdcdc solid;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */border-radius:16px;display:block;overflow:hidden}
.newslable ul li a:hover{background:#0068B7;width:100%;height:36px;line-height:34px;font-size:14px;color:#ffffff;text-align:center;margin:0 auto;margin-right:1rem;padding-left:1.2rem;padding-right:1.2rem;border:1px #dcdcdc solid;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */border-radius:16px;display:block;overflow:hidden}

.resourcesNews{width:96%;height:auto;margin:2rem auto;box-shadow:0 0 10px rgba(0, 0, 0, 0.3);padding:1rem;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */overflow:hidden}
.resourcesNews:hover{box-shadow:0 0 20px rgba(0, 0, 0, 0.5);transition:all 0.3s linear;}
.resourcesNews .resNewsPic{width:25%;height:180px;FLOAT:left;display:flex;align-items: center;justify-content: center;text-align:center;overflow:hidden}
.resourcesNews .resNewsPic img{width:100%;height:auto;min-height:180px;display:block;margin-top:0;overflow:hidden}
.resourcesNews .resNewsRight{width:70%;height:auto;max-height:180px;margin-left:5%;float:left;overflow:hidden}
.resourcesNews .resNewsRight .resNewsPublish{background:url(../images/icon/icon_time.png) left center no-repeat;background-size:1rem 1rem;width:100%;height:2rem;line-height:2rem;padding-left:1.5rem;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */overflow:hidden}
.resourcesNews .resNewsRight .resNewsTitle{width:100%;height:2rem;line-height:2rem;font-size:1.1rem;overflow:hidden}
.resourcesNews .resNewsRight .resNewsTitle a{font-size:1.1rem;font-weight:bold}
.resourcesNews .resNewsRight .resNewsContent{width:100%;height:auto;line-height:1.2rem;min-height:2.4rem;overflow:hidden}
.resourcesNews .resNewsRight .resNewsMore{width:100%;height:2rem;line-height:1rem;TEXT-ALIGN:right;padding-right:2rem;overflow:hidden}
.resourcesNews .resNewsRight .resNewsMore a{color:blue}

#indexbody > #left #tlnews{width:100%;height:auto;border:1px #ececec solid;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */margin:2rem auto;overflow:hidden;}
#indexbody > #left #tlnews > #tl_newstitle{background:#F4F5F6;width:100%;height:40px;line-height:40px;font-size:16px;color:#027938;padding-left:10px;margin:0 auto;border-bottom:1px #ececec solid;overflow:hidden;}
#indexbody > #left #tlnews > #tl_newscon{width:100%;height:auto;margin:0 auto;overflow:hidden}
#indexbody > #left #tlnews > #tl_newscon ul{width:100%;height:auto;margin:10px auto;padding:0;overflow:hidden}
#indexbody > #left #tlnews > #tl_newscon ul li{background:url(../images/icon_newsli.png) left center no-repeat;width:44%;height:28px;line-height:28px;margin:auto 3%;font-size:14px;color:#999999;padding-left:1.5%;;float:left;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */overflow:hidden}
#indexbody > #left #tlnews > #tl_newscon ul li a{font-size:14px;}

#indexbody > #right{width:25%;height:auto;float:right;}

#indexbody > #right #tjnews{background:#fff;width:100%;height:auto;}
#indexbody > #right #tjnews > #newsClassTitle{background:#fff;width:100%;height:50px;line-height:50px;font-size:18px;color:#222;font-weight:bold;margin:0 auto;border-bottom:1px #ececec solid;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */overflow:hidden;}
#indexbody > #right #tjnews > #newscon{width:100%;height:auto;margin:0 auto;}
#indexbody > #right #tjnews > #newscon > ul{width:100%;height:auto;position:relative;}
#indexbody > #right #tjnews > #newscon > ul > li{height:auto;line-height:2.4rem;font-size:1rem;vertical-align:middle;margin-top:0.8rem;border:1px #dcdcdc solid;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;text-transform: uppercase;}
#indexbody > #right #tjnews > #newscon > ul > li:before{margin-left:1rem;content:"◆  ";color:#333;font-size:0.7rem;margin-top:0.6rem;}
#indexbody > #right #tjnews > #newscon > ul > li:hover:before{color:#fff;}
#indexbody > #right #tjnews > #newscon > ul > li > a{font-size:1rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#indexbody > #right #tjnews > #newscon > ul > li:hover{background:#DA251C;border:1px #DA251C solid;color:#fff;cursor: pointer;}
#indexbody > #right #tjnews > #newscon > ul > li:hover a{color:#fff;cursor: pointer;}
#indexbody > #right #tjnews > #newscon > ul > li:hover > ul{display:inherit;}
#indexbody > #right #tjnews > #newscon > ul > li ul{background:#fcfcfc;width:100%;height:auto;display:none;}
#indexbody > #right #tjnews > #newscon > ul > li ul li{clear:both;width:100%;display:block;padding-left:1rem;padding-right:1rem;color:#222222;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#indexbody > #right #tjnews > #newscon > ul > li ul li a{clear:both;color:#222222;}
#indexbody > #right #tjnews > #newscon > ul > li ul li a.blackfont{color:#222222;}
#indexbody > #right #tjnews > #newscon > ul > li ul li:hover{clear:both;background:#dcdcdc;color:#222222}
#indexbody > #right #tjnews > #newscon > ul > li ul li:hover a{clear:both;color:#222222}

#indexbody > #right #hotnews{background:#fff;width:100%;height:auto;margin-top:2rem;overflow:hidden;}
#indexbody > #right #hotnews > #newstitle{background:#fff;width:100%;height:50px;line-height:50px;font-size:18px;color:#222;font-weight:bold;margin:0 auto;border-bottom:1px #ececec solid;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */overflow:hidden;}
#indexbody > #right #hotnews > #newscon{width:100%;height:auto;margin:0 auto;overflow:hidden}
#indexbody > #right #hotnews > #newscon span{width:100px;height:65px;float:left;margin-top:15px;overflow:hidden}
#indexbody > #right #hotnews > #newscon span > img{width:100px;height:65px;border:0;transition:all 0.3s linear;}
#indexbody > #right #hotnews > #newscon span > img:hover{width:100px;height:65px;border:0;transform:scale(1.1);}
#indexbody > #right #hotnews > #newscon dl{width:190px;height:65px;margin:0;padding:0;margin-top:15px;float:left;overflow:hidden}
#indexbody > #right #hotnews > #newscon dt{width:190px;height:25px;line-height:14px;padding-left:15px;font-size:14px;color:#999999;overflow:hidden}
#indexbody > #right #hotnews > #newscon dt img{width:12px;height:12px;border:0;}
#indexbody > #right #hotnews > #newscon dd{width:190px;height:70px;line-height:20px;padding-left:15px;font-size:14px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */overflow:hidden}
#indexbody > #right #hotnews > #newscon a{font-size:14px;}

#indexbody > #right #tjproducts{background:#fff;width:320px;height:auto;margin-top:2rem;overflow:hidden;}
#indexbody > #right #tjproducts > #tjprod_title{background:#fff;width:100%;height:50px;line-height:50px;font-size:18px;color:#222;font-weight:bold;margin:0 auto;border-bottom:1px #ececec solid;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */overflow:hidden;}
#indexbody > #right #tjproducts > ul{width:100%;height:auto;margin:0;margin:10px auto;overflow:hidden}
#indexbody > #right #tjproducts > ul li{width:31.33%;height:72px;line-height:1.2rem;margin:0;margin:0 1%;margin-bottom:10px;border:1px #ececec solid;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */font-size:14px;text-align:center;float:left;overflow:hidden}
#indexbody > #right #tjproducts > ul li img{width:auto;max-width:100%;height:auto;max-height:100%;}
#indexbody > #right #tjproducts > ul li a{font-size:12px;}

#indexbody #left #AboutUs{width:100%;height:auto;margin:0 auto;margin-bottom:30px;overflow:hidden}
#indexbody #left #AboutUs #aboutTitle{width:100%;line-height:4rem;height:4rem;font-size:1.5rem;font-weight:bold;border-bottom:1px #cccccc dashed;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden}
#indexbody #left #AboutUs #AboutCon{width:100%;height:auto;line-height:25px;font-size:14px;color:#333333;margin-top:2rem;overflow:hidden}
#indexbody #left #AboutUs #AboutCon img{width:auto;height:auto;max-width:100%;overflow:hidden;}
#indexbody #left #AboutUs #AboutCon table,#indexbody #left #AboutUs #AboutCon td,#indexbody #left #AboutUs #AboutCon th{font-size:14px;line-height:28px;}
#indexbody #left #AboutUs #AboutCon table a,#indexbody #left #AboutUs #AboutCon td a,#indexbody #left #AboutUs #AboutCon th a{font-size:14px;}
#indexbody #left #AboutUs #AboutCon #contactus{width:100%;height:auto;line-height:25px;font-size:14px;text-align:left;color:#333333;overflow:hidden}
#indexbody #left #AboutUs #AboutCon #contactus #conPic{width:30%;height:auto;max-height:540px;float:left;overflow:hidden}
#indexbody #left #AboutUs #AboutCon #contactus #conPic img{width:100%;height:auto;display:block;border-radius:2rem;border:1px #ececec solid;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */overflow:hidden}
#indexbody #left #AboutUs #AboutCon #contactus #conText{width:60%;height:auto;max-height:540px;margin-left:10%;float:left;overflow:hidden}
#indexbody #left #AboutUs #AboutCon #contactus #conText img{max-width:100%;height:auto;display:block;overflow:hidden}
.contactIcon{width:98%;height:auto;line-height:25px;font-size:14px;text-align:left;color:#000;margin:0 auto;margin-top:3rem;overflow:hidden}
.contactIcon ul{width:100%;height:auto;overflow:hidden}
.contactIcon ul li{width:25%;height:auto;line-height:50px;font-size:1.2rem;text-align:center;float:left;overflow:hidden}
.contactIcon ul li img{width:auto;height:40px !important;display:block;margin:0 auto;overflow:hidden}
.feedback{width:90%;height:auto;line-height:25px;font-size:14px;color:#ff0000;margin:2rem auto;overflow:hidden}
.feedback img{height:200px;overflow:hidden}
.feedback #fbLeft{width:48%;height:auto;float:left;overflow:hidden}
.feedback #fbLeft ul{width:100%;height:auto;overflow:hidden}
.feedback #fbLeft ul li{width:100%;height:4rem;overflow:hidden}
.feedback #fbLeft input{background:#ffffff;color:#333333;width:100%;height:3rem;line-height:3rem;padding-left:10px;padding-right:10px;margin:0 auto;margin-bottom:1rem;border:1px solid #dcdcdc;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */display:block}
.feedback #fbRight{width:48%;height:auto;float:right;overflow:hidden}
.feedback #fbRight textarea{background:#ffffff;color:#333333;width:100%;height:11rem;line-height:2rem;padding-left:5px;padding-right:5px;margin:0 auto;margin-bottom:1rem;border:1px solid #dcdcdc;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */display:block}
.feedback #fbSubmit{width:30%;height:auto;margin:0 auto;display:block;overflow:hidden}
.feedback #fbSubmit input{background:#cc0000;width:100%;height:3rem;line-height:3rem;margin-top:2rem;color:#ffffff;font-size:1.5rem;border:1px #ff6600 solid;text-align:center;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */overflow:hidden}
#indexbody #left #AboutUs #AboutCon .sitemap_dh{width:100%;height:auto;margin:0 auto;overflow:hidden}
#indexbody #left #AboutUs #AboutCon .sitemap_dh dt{width:100%;height:45px;line-height:45px;color:#0068B7;font-size:16px;font-weight:bold;}
#indexbody #left #AboutUs #AboutCon .sitemap_dh dt a{color:#0068B7;font-size:16px;font-weight:bold;}
#indexbody #left #AboutUs #AboutCon .sitemap_dh dd{width:auto;height:30px;line-height:30px;padding-right:20px;float:left}

#indexbody #left #AboutUs #EB_title{width:95%;max-width:1200px;height:20px;margin:0 auto}
#indexbody #left #AboutUs #EB_title span{float:left;font-size:16px;color:#cc0000;font-weight:bold}
#indexbody #left #AboutUs #EB_content{width:95%;max-width:1200px;margin:0 auto;height:auto;padding:10px;line-height:250%;font-size:14px;font-family:微软雅黑, Microsoft Yahei;text-align:center;overflow:hidden}
#indexbody #left #AboutUs #EB_content a{font-size:14px;color:#003399;}

.products{width:100%;max-width:1600px;height:auto;margin:0 auto;overflow:hidden;}
.products .prodtitle{width:100%;height:50px;line-height:50px;border-bottom:1px #dcdcdc solid;position:relative;overflow:hidden}
.products .prodtitle h2{width:50%;height:50px;line-height:50px;text-align:left;float:left;font-size:18px;color:#ff0000;font-weight:bold;overflow:hidden;}
.products .prodtitle h2 a{font-size:18px;color:#ff0000;font-weight:bold}
.products .prodtitle span{width:50%;height:50px;line-height:50px;float:right;text-align:right;position:absolute;z-index:99;top:0;right:0;color:#999999}
.products .prodtitle span a{font-size:14px;font-weight:bold}

.products .prodcon{width:100%;height:auto;margin-top:10px;overflow:hidden}
.products .prodcon ul{width:100%;height:auto;overflow:hidden}
.products .prodcon ul li{width:30%;height:auto;text-align:center;float:left;margin-left:1.5%;margin-right:1.5%;margin-bottom:1.5rem;border:1px #ececec solid;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */transition:all 0.3s linear;overflow:hidden}
.products .prodcon ul li:hover{border:1px #ff0000 solid;cursor:pointer}
.products .prodcon .simpic{width:100%;height:260px;display:flex;align-items: center;justify-content: center;text-align:center;margin:0 auto;overflow:hidden}
.products .prodcon .simpic img{width:auto;max-width:100%;height:auto;max-height:260px;display:block;transition:all 0.3s linear;overflow:hidden}
.products .prodcon .simpic img:hover{transform:scale(1.1);}
.products .prodcon ul li p{width:100%;height:2rem;line-height:2rem;display:block;margin:0 auto;overflow:hidden}
.products .prodcon ul li span{width:50%;height:2rem;line-height:2rem;float:left;text-align:right;overflow:hidden}
.products .prodcon ul li .fontprice{font-size:1.5rem;color:red;text-align:left;}
.products .prodcon ul li .fontprice:before{content:"$";font-size:1rem;}

.products .solutionCon{width:100%;height:auto;margin-top:10px;overflow:hidden}
.products .solutionCon ul{width:100%;height:auto;overflow:hidden}
.products .solutionCon ul li{width:23.5%;height:auto;text-align:center;float:left;margin-right:2%;margin-bottom:1.5rem;border:1px #ececec solid;padding:8px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */transition:all 0.3s linear;overflow:hidden}
.products .solutionCon #solution_lastli{width:23.5%;height:auto;text-align:center;float:left;margin-right:0%;}
.products .solutionCon ul li:hover{border:1px #ff0000 solid;cursor:pointer}
.products .solutionCon .simpic_s{width:100%;height:auto;display:block;text-align:center;margin:0 auto;overflow:hidden}
.products .solutionCon .simpic_s img{width:100%;height:260px;display:block;transition:all 0.3s linear;overflow:hidden}
.products .solutionCon .simpic_s img:hover{transform:scale(1.1);}
.products .solutionCon ul li p{width:100%;height:2rem;line-height:2rem;text-align:center;display:block;margin:0 auto;overflow:hidden}
.products .solutionCon ul li span{width:50%;height:2rem;line-height:2rem;float:left;text-align:right;overflow:hidden}
.products .solutionCon ul li .fontprice{font-size:1.5rem;color:red;text-align:left;}
.products .solutionCon ul li .fontprice:before{content:"$";font-size:1rem;}

.products_det{width:100%;height:auto;margin:10px auto;overflow:hidden;}
.products_det P {HEIGHT:auto;overflow:hidden}
.products_det P.topTit {WIDTH:20px;HEIGHT:40px;padding:0px; margin:0px;FLOAT:left;overflow:hidden}
.products_det P.topC0{background:#ececec;WIDTH: 120px;HEIGHT:40px;line-HEIGHT:40px;padding:0px; margin:0px;margin-right:5px;font-size:14px;font-weight:bold;color:#222222;CURSOR: pointer;text-align:center;FLOAT:left;overflow:hidden}
.products_det P.topC1{background:#cc0000;WIDTH:120px;HEIGHT:40px;line-HEIGHT:40px;padding:0px; margin:0px;margin-right:5px;font-size:14px;font-weight:bold;COLOR:#ffffff;text-align:center;FLOAT:left;overflow:hidden}
.products_det #title_tit{HEIGHT:40px;overflow:hidden}
.products_det #title_cnt{width:100%;height:auto;LINE-HEIGHT:25px;TEXT-ALIGN:center;overflow:hidden;margin:0 auto;border-top:1px #dcdcdc solid;}
.products_det #title_cnt #con{width:100%;height:auto;text-align:left;margin:0 auto;overflow:hidden;}
.products_det #title_cnt #con img{max-width:100%;display:block;}
.products_det #title_cnt #con h3{width:100%;height:auto;line-height:200%;padding-top:10px;margin:0 auto;overflow:hidden}
.products_det #title_cnt #con h3 img{max-width:100%;display:block;}
.products_det #title_cnt #con h3 p img{max-width:100%;display:block;}
.products_det #title_cnt #con h3 ul{width:100%;height:auto;overflow:hidden}
.products_det #title_cnt #con h3 ul li{width:100%;height:auto;line-height:200%;padding-top:1rem;padding-bottom:1rem;border-bottom:1px #ececec solid;overflow:hidden}

.twoHalfContent{width:100%;height:auto;margin-bottom:4rem;overflow:hidden}
.halfContent{width:44%;height:auto;max-height:450px;line-HEIGHT:2rem;FLOAT:left;vertical-align:middle;vertical-align:center;margin-left:3%;margin-right:3%;font-size:1.1rem;overflow:hidden;}
.halfContent img{width:auto;max-width:100%;height:auto;max-height:450px;overflow:hidden}
.halfContent p{height:2.6rem;line-HEIGHT:2.6rem;font-weight:bold;font-size:1.3rem;}

@media screen and (max-width:960px){
#indexbody{width:100%;height:auto;margin:0px auto;margin-bottom:4rem;overflow:hidden}

#indexbody #left #AboutUs{width:94%;height:auto;margin:0 auto;overflow:hidden}
#indexbody #left #AboutUs #aboutTitle{width:100%;line-height:2rem;height:2rem;font-size:1.2rem;font-weight:bold;border-bottom:1px #cccccc dashed;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden}
#indexbody #left #AboutUs #AboutCon{width:100%;height:auto;line-height:2rem;color:#333333;margin-top:1rem;;overflow:hidden}
#indexbody #left #AboutUs #AboutCon table,#indexbody #left #AboutUs #AboutCon td,#indexbody #left #AboutUs #AboutCon th{font-size:1rem;line-height:2rem;}
#indexbody #left #AboutUs #AboutCon table a,#indexbody #left #AboutUs #AboutCon td a,#indexbody #left #AboutUs #AboutCon th a{font-size:1rem;}

#indexbody #left #AboutUs #AboutCon #contactus{width:100%;height:auto;line-height:25px;font-size:14px;text-align:left;color:#333333;overflow:hidden}
#indexbody #left #AboutUs #AboutCon #contactus #conPic{width:100%;height:auto;max-height:540px;float:left;overflow:hidden}
#indexbody #left #AboutUs #AboutCon #contactus #conPic img{width:100%;height:auto;display:block;border-radius:1rem;overflow:hidden}
#indexbody #left #AboutUs #AboutCon #contactus #conText{width:100%;height:auto;margin-left:0%;margin-top:1rem;float:left;overflow:hidden}
#indexbody #left #AboutUs #AboutCon #contactus #conText img{max-width:100%;height:auto;display:block;overflow:hidden}
.contactIcon{width:100%;height:auto;line-height:25px;font-size:1rem;text-align:left;color:#333333;margin:0 auto;margin-top:2rem;overflow:hidden}
.contactIcon ul{width:100%;height:auto;overflow:hidden}
.contactIcon ul li{width:50%;height:auto;line-height:50px;font-size:1rem;text-align:center;float:left;overflow:hidden}
.contactIcon ul li > img{width:auto;height:40px !important;display:block;margin:0 auto;}
.feedback{width:94%;height:auto;line-height:25px;font-size:14px;color:#ff0000;margin:0 auto;overflow:hidden}
.feedback img{height:200px;overflow:hidden}
.feedback #fbLeft{width:100%;height:auto;float:left;overflow:hidden}
.feedback #fbLeft ul{width:100%;height:auto;overflow:hidden}
.feedback #fbLeft ul li{width:100%;height:4rem;overflow:hidden}
.feedback #fbLeft input{background:#ffffff;color:#333333;width:100%;height:3rem;line-height:3rem;padding-left:10px;padding-right:10px;margin:0 auto;margin-bottom:1rem;border:1px solid #dcdcdc;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */display:block}
.feedback #fbRight{width:100%;height:auto;float:right;overflow:hidden}
.feedback #fbRight textarea{background:#ffffff;color:#333333;width:100%;height:11rem;line-height:2rem;padding-left:5px;padding-right:5px;margin:0 auto;margin-bottom:0;border:1px solid #dcdcdc;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */display:block}
.feedback #fbSubmit{width:50%;height:auto;margin:0 auto;margin-bottom:1rem;display:block;overflow:hidden}
.feedback #fbSubmit input{background:#FE6903;width:100%;height:3rem;line-height:3rem;margin-top:1rem;color:#ffffff;font-size:1.5rem;border:1px #ff6600 solid;text-align:center;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */overflow:hidden}

#indexbody #left{width:100%;height:auto;margin:0 auto;margin-bottom:1.5rem;border-top:0;overflow:hidden}
#indexbody #right{display:none;}

#indexbody > #left .newsclass{width:100%;height:auto;margin:0 auto;margin-bottom:1rem;border:1px #dcdcdc solid;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;}
#indexbody > #left .newsclass #right_n_c{margin-right:0px;}
#indexbody > #left .newsclass > .title{background:#ececec;width:100%;height:36px;line-height:36px;font-size:16px;font-weight:bold;padding-left:1rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#indexbody > #left .newsclass > .title a{font-size:16px;font-weight:bold;}
#indexbody > #left .newsclass ul{width:94%;height:auto;margin:10px auto;overflow:hidden}
#indexbody > #left .newsclass ul li{background:url(../images/icon_newsli.png) left center no-repeat;padding-left:1rem;width:100%;height:24px;line-height:24px;overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

#indexbody > #left #NewsTitle{background:#ececec;width:100%;height:2.4rem;line-height:2.4rem;font-size:18px;color:#333333;border:1px #dcdcdc solid;border-top:0;text-align:left;margin-bottom:20px;padding-left:1rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden}
#indexbody > #left #NewsTitle > h1{width:50%;height:2.4rem;line-height:2.4rem;font-size:1.1rem;color:#333333;text-align:right;padding-right:1rem;float:right;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden}
#indexbody > #left #NewsTitle > h1 a{font-size:1.1rem;color:#333333;font-weight:bold}
#indexbody > #left #NewsTitle > span{display:none}
#indexbody > #left #NewsTitle > h3{width:50%;float:left;display:block;overflow:hidden}
#indexbody > #left #NewsTitle > h3 img{width:1.1rem;height:1.1rem;margin-left:1rem;margin-top:0.6rem;}

#indexbody > #left #ViewNews #goods_go{width:96%;height:auto;margin:0 auto;overflow:hidden}
#indexbody > #left #ViewNews #goods_go #productCover{width:100%;height:auto;float:left;overflow:hidden}
#indexbody > #left #ViewNews #goods_go #productCover img{width:100%;max-width:96vw}

#preview{ float:none; margin:0 auto;text-align:center; width:100%;}
.jqzoom{ width:100%; height:96vw; position:relative;border:1px #dcdcdc solid;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}

.zoomdiv{display:none;width:0;height:0}
.list-h li{ float:left;}
#spec-n5{width:100%; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:96%; float:left; overflow:hidden; margin-left:2%; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}

/*jqzoom*/
.zoomdiv{display:none}
.bigimg{display:none}
.jqZoomPup{display:none}
#spec-list{ position:relative; width:322px; margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}

/*jqzoom
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}*/


#indexbody > #left #ViewNews #goods_go #shopcanshu{width:100%;height:auto;margin-left:0%;float:left;overflow:hidden}
#indexbody > #left #ViewNews #goods_go #shopcanshu #shopPrice{font-size:24px;color:#ff0000;font-weight:bold;margin-top:0.5rem;}
#indexbody > #left #ViewNews #goods_go #shopcanshu textarea{border:0;width:180px;height:30px;line-height:24px;outline:0;resize:none;font-size:14px;padding-top:9px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box;overflow:hidden}
#indexbody > #left #ViewNews #goods_go #shopcanshu input{width:100px;height:24px;line-height:24px;}

#indexbody > #left #NewsTitle_two{display:none}

#indexbody > #left #ViewNews{width:100%;height:auto;margin:0 auto;overflow:hidden}
#indexbody > #left #ViewNews #nynewsfb > span{display:none}
#indexbody > #left #ViewNews #ViewNewsTitle{margin-top:1rem;}
#indexbody > #left #ViewNews #preNext{width:96%}
#indexbody > #left #ViewNews #goods_pic{width:96%;margin:0 auto;}

#indexbody > #left > #news{width:96%;height:auto;margin:0 auto;overflow:hidden}
#indexbody > #left > #news dl{width:100%;height:auto;border-bottom:1px #dcdcdc solid;margin:0;padding:0;margin-bottom:1.5rem;padding-bottom:1rem;display:block;overflow:hidden}
#indexbody > #left > #news dl > span{width:30%;height:auto;max-height:150px;margin-right:5%;float:left;overflow:hidden}
#indexbody > #left > #news dl > span img{width:100%;height:auto;max-height:150px;border:0;transition:all 0.3s linear;overflow:hidden}
#indexbody > #left > #news dl > span img:hover{width:100%;height:auto;max-height:150px;border:0;transform:scale(1.1);overflow:hidden}
#indexbody > #left > #news dl .newscon2{width:65%;height:auto;float:left;overflow:hidden}
#indexbody > #left > #news dl .newscon2 a{font-size:18px;}
#indexbody > #left > #news dl dt{width:100%;height:auto;line-height:1.5rem;font-size:1.1rem;margin-bottom:0;overflow:hidden}
#indexbody > #left > #news dl dt a{font-size:1.1rem;color:#222222;}
#indexbody > #left > #news dl dt a:hover{color:#003399;text-decoration:underline}
#indexbody > #left > #news dl dd{display:none}
#indexbody > #left > #news dl .source{background:url(../images/icon/news.png) no-repeat left center;background-size:20px 20px;width:100%;height:1.5rem;line-height:1.5rem;margin-bottom:0.4rem;padding-left:25px;display:block;overflow:hidden}
#indexbody > #left > #news dl .source > span{display:none}

#indexbody > #left > #products{width:96%;height:auto;margin:0 auto;margin-top:0px;overflow:hidden}
#indexbody > #left > #products ul{width:100%;height:auto;margin:0;padding:0;display:block;overflow:hidden}
#indexbody > #left > #products ul li{width:50%;height:auto;line-height:24px;font-size:14px;color: #999999;margin-bottom:1rem;text-align:center;float:left;overflow:hidden}
#indexbody > #left > #products ul li img{width:94%;height:180px;border: 1px #ececec solid;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;transition:all 0.3s linear;}
#indexbody > #left > #products ul li img:hover{width:94%;height:180px;border: 1px #ececec solid;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;transform:scale(1.0);}


#indexbody > #left #tlgoods > #tl_goodscon ul li{width:46%;height:calc(47vw + 2rem);margin-left:2%;margin-right:2%;line-height:24px;font-size:14px;color: #999999;margin-bottom:1rem;text-align:center;float:left;overflow:hidden}
#indexbody > #left #tlgoods > #tl_goodscon ul li img{width:auto;max-width:100%;height:auto;max-height:47vw;border:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin:0 auto;transition:all 0.3s linear;}
#indexbody > #left #tlgoods > #tl_goodscon ul li img:hover{width:auto;max-width:100%;height:auto;max-height:47vw;border:0;transform:scale(1.0);}
#indexbody > #left #tlgoods > #tl_goodscon ul li p{width:100%;height:2rem;LINE-HEIGHT:2rem;TEXT-ALIGN:center;position:absolute;bottom:0}
#indexbody > #left #tlgoods > #tl_goodscon ul li p.prodtxt{width:100%;height:2rem;LINE-HEIGHT:2rem;TEXT-ALIGN:center;margin:0 auto;position:absolute;bottom:0;overflow:hidden}

#indexbody > #left #tlnews{width:100%;height:auto;border:1px #ececec solid;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */margin:2rem auto;overflow:hidden;}
#indexbody > #left #tlnews > #tl_newstitle{background:#F4F5F6;width:100%;height:40px;line-height:40px;font-size:16px;color:#027938;padding-left:10px;margin:0 auto;border-bottom:1px #ececec solid;overflow:hidden;}
#indexbody > #left #tlnews > #tl_newscon{width:100%;height:auto;margin:0 auto;overflow:hidden}
#indexbody > #left #tlnews > #tl_newscon ul{width:100%;height:auto;margin:10px auto;padding:0;overflow:hidden}
#indexbody > #left #tlnews > #tl_newscon ul li{background:url(../images/icon_newsli.png) left center no-repeat;width:91%;height:28px;line-height:28px;font-size:14px;color:#999999;padding-left:3%;margin:0 auto;margin-left:3%;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */float:left;overflow:hidden}
#indexbody > #left #tlnews > #tl_newscon ul li a{font-size:14px;}

.products .prodcon ul li{width:48%;height:calc(48vw + 2rem);;text-align:center;float:left;display:flex;align-items: center;justify-content: center;text-align:center;margin-left:1%;margin-right:1%;margin-bottom:1.5rem;border:1px #ececec solid;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */transition:all 0.3s linear;position:relative;overflow:hidden}
.products .prodcon .simpic{width:100%;height:48vw;display:flex;align-items: center;justify-content: center;text-align:center;margin:0 auto;overflow:hidden}
.products .prodcon .simpic img{width:auto;max-width:100%;height:auto;max-height:48vw;transition:all 0.3s linear;overflow:hidden}
.products .prodcon .simpic img:hover{transform:scale(1.0);}
.products .prodcon ul li p{width:100%;height:2rem;line-HEIGHT:2rem;position:absolute;bottom:0}

.fenye{width:96%;height:auto;margin:2rem auto;font-size:14px;text-align:center;overflow:hidden}

.resourcesNews{width:96%;height:auto;margin:2rem auto;box-shadow:0 0 5px rgba(0, 0, 0, 0.3);padding:0rem;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */overflow:hidden}
.resourcesNews:hover{box-shadow:0 0 5px rgba(0, 0, 0, 0.5);transition:all 0.3s linear;}
.resourcesNews .resNewsPic{width:100%;height:180px;FLOAT:left;display:flex;align-items: center;justify-content: center;text-align:center;overflow:hidden}
.resourcesNews .resNewsPic img{width:100%;height:auto;min-height:180px;display:block;margin-top:0;overflow:hidden}
.resourcesNews .resNewsRight{width:100%;height:auto;max-height:180px;margin-left:0%;padding:1rem;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */float:left;overflow:hidden}
.resourcesNews .resNewsRight .resNewsPublish{background:url(../images/icon/icon_time.png) left center no-repeat;background-size:1rem 1rem;width:100%;height:2rem;line-height:2rem;padding-left:1.5rem;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */overflow:hidden}
.resourcesNews .resNewsRight .resNewsTitle{width:100%;height:2rem;line-height:2rem;font-size:1.1rem;overflow:hidden}
.resourcesNews .resNewsRight .resNewsTitle a{font-size:1.1rem;font-weight:bold}
.resourcesNews .resNewsRight .resNewsContent{width:100%;height:auto;line-height:1.2rem;min-height:2.4rem;overflow:hidden}
.resourcesNews .resNewsRight .resNewsMore{width:100%;height:2rem;line-height:1rem;TEXT-ALIGN:right;padding-right:2rem;overflow:hidden}
.resourcesNews .resNewsRight .resNewsMore a{color:blue}

}
/*主页Css结束*/

#friendship{background:#ffffff;width:94%;max-width:1600px;clear:both;height:auto;line-height:1.6rem;height:auto;margin:2rem auto;overflow:hidden}
#friendship a{font-size:14px;padding-left:5px;padding-right:5px;text-align:center;}

#minimenu{background:url(../images/copyright.png) center no-repeat;background-size:cover;width:100%;text-align:center;overflow:hidden}
#minimenu #minimenu_con{width:94%;max-width:1600px;height:auto;margin:50px auto;overflow:hidden}
#minimenu #minimenu_con #minimenu_about{width:400px;height:280px;float:left;overflow:hidden}
#minimenu #minimenu_con #minimenu_about > #abtitle{width:100%;height:48px;text-align:left;overflow:hidden}
#minimenu #minimenu_con #minimenu_about > #abtitle img{width:auto;height:36px;FLOAT:left;}
#minimenu #minimenu_con #minimenu_about > #abcon{width:100%;height:180px;line-height:180%;margin-top:20px;color:#222;font-size:16px;font-weight:normal;overflow:hidden}
#minimenu #minimenu_con #minimenu_about > #abcon{width:100%;height:200px;margin-top:30px;overflow:hidden}
#minimenu #minimenu_con #minimenu_about > #abcon ul{width:100%;height:250px;overflow:hidden}
#minimenu #minimenu_con #minimenu_about > #abcon ul li{width:50%;height:40px;line-height:40px;color:#222;float:left;text-align:left;overflow:hidden}
#minimenu #minimenu_con #minimenu_about > #abcon ul li:before{content:"· ";color:#fff;}
#minimenu #minimenu_con #minimenu_about > #abcon ul li a{color:#222;font-size:1rem;}

#minimenu #minimenu_con #minimenu_sitedh{width:350px;height:280px;margin-left:150px;float:left;overflow:hidden}
#minimenu #minimenu_con #minimenu_sitedh > #sitedh_title{width:100%;height:60px;line-height:30px;color:#222;font-size:1.5rem;font-weight:bold;overflow:hidden}
#minimenu #minimenu_con #minimenu_sitedh > #sitedh_title span{width:100%;height:30px;line-HEIGHT:30px;font-size:1.1rem;font-weight:normal;display:block;}
#minimenu #minimenu_con #minimenu_sitedh > #sitedh_con{width:100%;height:250px;margin-top:20px;overflow:hidden}
#minimenu #minimenu_con #minimenu_sitedh > #sitedh_con ul{width:100%;height:250px;overflow:hidden}
#minimenu #minimenu_con #minimenu_sitedh > #sitedh_con ul li{width:100%;height:32px;line-height:32px;color:#222;float:left;text-align:left;font-size:1rem;overflow:hidden}
#minimenu #minimenu_con #minimenu_sitedh > #sitedh_con ul li a{color:#222;font-size:1rem;}

#minimenu #minimenu_con #minimenu_contact{width:300px;height:280px;float:right;overflow:hidden}
#minimenu #minimenu_con #minimenu_contact > #cttitle{width:100%;height:60px;line-height:30px;color:#222;font-size:1.5rem;font-weight:bold;overflow:hidden}
#minimenu #minimenu_con #minimenu_contact > #cttitle span{width:100%;height:30px;line-HEIGHT:30px;font-size:1.1rem;font-weight:normal;display:block;}
#minimenu #minimenu_con #minimenu_contact > #ctcon{width:100%;height:180px;line-height:180%;margin-top:30px;color:#222;font-size:16px;font-weight:normal;overflow:hidden}
#minimenu #minimenu_con #minimenu_contact > #ctcon ul{width:100%;height:auto;overflow:hidden}
#minimenu #minimenu_con #minimenu_contact > #ctcon ul li{width:50%;height:auto;line-height:30px;text-align:center;float:left;overflow:overflow}
#minimenu #minimenu_con #minimenu_contact > #ctcon ul li img{width:auto;height:120px;margin:0 auto;}

#copyright{background:#DA251C;clear:both;width:100%;height:3rem;color:#ffffff;margin:0 auto;overflow:hidden}
#copyright #copy_left{width:47%;height:3rem;line-height:3rem;margin-left:3%;color:#ffffff;float:left;overflow:hidden}
#copyright #copy_left a{color:#ffffff;}
#copyright #copy_left img{vertical-align:middle;}
#copyright #copy_right{width:47%;height:3rem;line-height:3rem;margin-right:3%;float:right;color:#ffffff;text-align:right;overflow:hidden}
#copyright #copy_right a{color:#ffffff;}

#chatonline{width:3.6rem;height:auto;position:fixed;z-index:99;right:1rem;top:8rem;}
#chatonline ul{width:100%;height:auto;}
#chatonline ul li{background:#0084D6;width:3.2rem;height:3.2rem;border-radius:1.8rem;margin:0.3rem auto;display:block;position:relative}
#chatonline ul li a > img,#chatonline ul li > img{width:auto;height:1.6rem;margin-left:0.8rem;margin-top:0.8rem;vertical-align:middle}
#chatonline ul li a{color:#fff;}
#chatonline span{display:none}
#chatonline ul li:hover span,#chatonline span:hover{position:absolute;z-index:100;top:0;right:3.2rem;width:auto;height:auto;min-height:3.2rem;line-HEIGHT:3.2rem;display:block;white-space:pre;}
#chatonline ul li span > img{width:20px;height:auto;display:inline-block;margin:0;vertical-align:top;top:0;}
#chatonline ul li span > font{background:#0084D6;padding-left:1rem;padding-right:1rem;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */color:#fff;display:inline-block;margin:0;border-radius:5px;}
#chatonline ul li.silverli{background:#666;}
#chatonline ul li span > font.silverli{background:#666}
#chatonline ul li.orangeli{background:#ff6600;}
#chatonline ul li span > font.orangeli{background:#ff6600}
#chatonline ul li.greenli{background:#31A918;}
#chatonline ul li span > font.greenli{background:#31A918}
#chatonline ul li.lightgreenli{background:#28D368;}
#chatonline ul li.lightgreenli a > img{width:180px;height:180px;margin-left:0;margin-top:0;margin:0.3rem;overflow:hidden;vertical-align:middle}
#chatonline ul li span > font.lightgreenli{background:#28D368}
#chatonline ul li.personchat{background:#fff;}
#chatonline ul li.personchat a > img{width:3.2rem;height:3.2rem;margin-left:0;margin-top:0;border-radius:1.6rem;overflow:hidden;vertical-align:middle}

#mobifoot{display:none}

@media screen and (max-width:1200px){
#minimenu #minimenu_con #minimenu_sitedh{display:none}
}

@media screen and (max-width:960px){
#friendship{display:none}
#minimenu{display:none}
#copyright{display:none}

#chatonline{width:3.6rem;height:auto;position:fixed;z-index:99;right:0.2rem;top:6rem;}
#chatonline ul{width:100%;height:auto;}
#chatonline ul li{background:#0084D6;width:3rem;height:3rem;border-radius:1.5rem;margin:0.3rem auto;display:block;position:relative}
#chatonline ul li a > img,#chatonline ul li > img{width:auto;height:1.5rem;margin-left:0.75rem;margin-top:0.75rem;vertical-align:middle}
#chatonline ul li:hover span,#chatonline span:hover{position:absolute;z-index:100;top:0;right:3rem;width:auto;height:auto;min-height:3rem;line-HEIGHT:3rem;display:block;white-space:pre;}
#chatonline ul li span > img{width:20px;height:auto;display:inline-block;margin:0;vertical-align:top;top:0;}
#chatonline ul li span > font{background:#0084D6;padding-left:1rem;padding-right:1rem;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */color:#fff;display:inline-block;margin:0;border-radius:5px;}

#mobifoot{background:#555;width:100%;height:2.8rem;position:_fixed;position:fixed;left:0px;bottom:0px;z-index:999999;margin:0;padding:0;display:block}
#mobifoot > ul{width:100%;height:2.8rem;margin:0px;padding:0px;overflow:hidden}
#mobifoot > ul > li{ position:relative;width:20%;height:2.8rem;color:#ffffff;font-size:0.65rem;line-height:100%;text-align:center;margin:0;padding:0;float:left;overflow:hidden}
#mobifoot > ul > li > a{width:100%;height:2.8rem;color:#ffffff;font-size:0.65rem;line-height:100%;text-align:center;text-decoration:none;display:block;overflow:hidden;}
#mobifoot > ul > li > a:hover{background: #666666;width:100%;height:2.8rem;color:#ffffff;font-size:0.65rem;line-height:100%;text-align:center;display:block;overflow:hidden;}
#mobifoot > ul > li img{width:auto;height:0.9rem;border:0px;margin-top:0.5rem;margin-bottom:0.2rem;text-align:center;}

#mobifoot #bottomclass{position:absolute;width:50%;left:25%;bottom:2.8rem;height:auto;margin:0 auto;z-index:1008;float:left;overflow:hidden}
#mobifoot #bottomclass ul li{background:#1c2333;width:100%;position:relative;left:0;bottom:0;border-bottom:solid 1px #ececec;display:block;z-index:1009;}
#mobifoot #bottomclass ul li a{background:#1c2333;width:100%;position:relative;left:0;bottom:0;color:#ffffff;height:2.5em;line-height:2.5em;font-size:1em;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;display:block;line-height: 36px;text-align:center;}
#mobifoot #bottomclass ul li .inactive{background:url(../images/mobi/off.png) no-repeat center right 2.5em;height:2.5em;line-height:2.5em;}
#mobifoot #bottomclass ul li .inactives{background:url(../images/mobi/on.png) no-repeat center right 2.5em;height:2.5em;line-height:2.5em;} 
#mobifoot #bottomclass #noneuse{width:0px;height:0px;display:none;overflow:hidden}
#mobifoot #bottomclass ul li ul{width:100%;height:auto;margin:0px;padding:0px;overflow:hidden;display: none;}
#mobifoot #bottomclass ul li ul li {width:100%;height:2.5em;line-height:2em;border-left:0; border-right:0;display:block}
#mobifoot #bottomclass ul li ul li a{background:#dcdcdc;height:2.5em;line-height:2em;border-bottom:1 solid #1c2333;color:#1c2333;display:block}
#mobifoot #bottomclass ul li ul li ul{display: none;}
#mobifoot #bottomclass ul li ul li ul li { background-color:#dcdcdc; border-color:#1c2333; }
#mobifoot .last{ background-color:#dcdcdc; border-color:#ececec; }
#mobifoot .secmenu{background-color:#dcdcdc;color:000000; border:1px solid #1c2333; }
#mobifoot #bottomclass ul li ul li > ul li a{ color:#1c2333;}
}