@charset "gb2312";

/*

*/

/*初始化样式*/

* {-webkit-tap-highlight-color:transparent;}

article, aside, details, figcaption, figure, footer, header, main, nav, section {display:block;}

div,html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, select, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {margin:0; padding:0;}

body {background: #f2f4f8; color:#333; font:16px/1.75em Arial,"Microsoft Yahei","Lucida Grande"; overflow-x:hidden; width:100%;/*设置宽度*/}









/*

table {background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size:16px; width:100%; border-top:1px solid #ddd; border-left:1px solid #ddd; box-sizing: border-box;}

table th {background-color:#f8f8f8; text-align:center; box-sizing: border-box;}

table td, table th{padding:10px;border:1px solid #ddd; box-sizing: border-box;}

*/



button, select,  textarea{background:none; border:none; border-radius:0; -webkit-border-radius:0; color:#333; outline:none; -webkit-appearance:none;}

input:focus { outline: none;}

textarea{resize:none;}



a {text-decoration:none; outline:none; color:#333;}

a:focus {outline:none; -moz-outline:none;}

a:hover {color:#c00;}

a img {border:none;}

li {list-style:none;}











/*全局样式*/

.inner {width:1440px; margin:0 auto;}

.clear{ clear:both; height:0px; overflow:hidden;}

.thumbnail {position:relative; overflow: hidden;}

.thumbnail a {display:block; position:relative; overflow:hidden; padding-bottom:75%;}

.thumbnail img {display:block; position:absolute; left:0; top:0; width:100%; height:100%;}

.postbottom {font-size:14px; color:#999; margin-left:80px; margin-bottom:20px;}

.bgcolor {background-color:#c00;}

/*广告代码*/

.boxpic {overflow:hidden; margin-bottom:2.43%; background-color:#fff; border:1px solid #eee; border-radius:5px; padding:20px;}

.boxpic a, .postpic {display:block;}

.boxpic img, .postpic img {display:block; width:100%; height:auto;}

.postpic {overflow:hidden; margin-bottom:2.43%;}

/*404页面*/

.error .title {font-size:36px; font-weight:normal; text-align:center; line-height: 1.35em; margin-bottom:3.5%;}

.error .warning {text-align:center; font-size:28px; margin-bottom:5%; line-height: 1.75em; border-bottom:1px solid #eee; padding-bottom:5%;}

.error .related .boxtitle {text-align:center;}

/*全站头部*/

/* .header {padding:35px 0; background-color:#fff;} */

.header {}

.header .inner {position:relative;}

/*logo*/

.logo {float:left;}

.logo a {display:block; width:190px; height:40px; overflow: hidden; background:no-repeat left center; background-size:contain; text-indent:-9999em;}

/*nav*/

.nav {clear:both;}

.nav ul {position:relative; height:60px;}

.nav li {float:left; width:10%; text-align:center; color:#333; font-size:18px; line-height:60px; position:relative;}

.nav li a {display:block; color:#fff; position:relative;}

.nav li a:hover {background-color:#d72424;}

.nav li em {display:none;}

.nav li ul {position:absolute; height:auto; left:0; top:100%; width:100%; background-color:#c00; text-align:center; display:none; z-index:5;}

.nav li ul.show {display:block;}

.nav li li {width:auto; float:none; font-size:16px;}

.nav li li a {line-height: 24px; padding:8px 5px;}

.nav .active a {background-color:#d72424;}



/*顶部搜索*/

.search {float:right; position:relative;}

.schBtn {position:absolute; right:40px; top:50%; display:none; width:40px; height:40px; cursor:pointer; font-size:18px; text-align:center; line-height: 40px; color:#666; margin-top:-20px;}

.searchForm { width:400px; padding:5px 45px 5px 5px; border-radius:3px; overflow:hidden;}

.searchForm .submit {display:block; width:45px; height:35px; float:right; position:absolute; right:0; top:5px; cursor:pointer; font-size:18px; color:#fff; text-align:center;}

.searchForm .text {background-color:#f8f8f8; color:#333; height:35px; line-height: normal; width:96%;  padding:0 2%; -webkit-appearance:none; font-size:14px;}



/*全站底部*/

.footer {background-color:#fff; border-top:1px solid #eee; clear:both}

.footer .btm {overflow: hidden; padding:1.5% 0;}



.links {padding:1.5% 0 1%; border-bottom:1px solid #eee;}

.links ul {overflow: hidden; font-size:0; line-height:normal; text-align:center;}

.links li {display:inline-block; font-size:14px; color:#999; padding:0 10px; line-height: 30px; position:relative;}

.links li a {color:#999;}

.links li a:hover {color:#c00;}



.copyright {text-align:center; font-size:14px; color:#999;}

.copyright a {color:#999;}



/*首页产品*/

.related ul {overflow: hidden; width:104%;}

.related li {float:left; width:21%; padding:0 4% 2% 0;}

.related li .thumbnail {margin-bottom:15px;}

.related li .thumbnail img {transition:transform .3s;}

.related li .thumbnail img:hover {transform:scale(1.1,1.1);}

.related li h3 {font-weight:normal; font-size:16px; text-align:center; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; line-height: 28px;}



/*内页*/

.wrapper {margin-bottom:0;}



/*内页模幅*/

.banner {background:no-repeat center center; background-size:cover; padding-bottom:26%; overflow: hidden;}



/*内页二级菜单*/

.breadcrumb {padding:15px 0; font-size:14px; color:#888; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}



/*内页分页*/

.pagenavi {font-size:0; line-height: normal; text-align:center; padding:15px;}

.pagenavi a, .pagenavi span.now-page {display:inline-block; font-size:14px; color:#999; background-color:#fff; margin:2px 2.5px; height:27px; line-height: 28px; padding:0 10px; border-radius:3px;}

.pagenavi a:hover, .pagenavi span.now-page {background-color:#999; color:#fff;}



/*新闻列表*/

.newsitem {overflow: hidden; margin-bottom:2.43%; background-color:#fff; padding:20px; border:1px solid #eee; border-radius:5px;}

.newsitem .thumbnail {float:left; /*width:350px;*/width:200px;}

.newsitem .info {/*margin-left:380px*/;margin-left:230px; overflow: hidden;}

.newsitem h2 {font-weight:normal; font-size:28px; line-height: 1.35em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom:10px;}

.newsitem h2 a {color:#333;}

.newsitem h2 a:hover {color:#004280;}

.newsitem .meta {color:#888; margin-bottom:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.newsitem .meta a {color:#888;}

.newsitem .meta span {margin-right:15px;}

.newsitem .meta span:last-child {margin-right:0;}

.newsitem p {font-size:18px; /*line-height: 1.75em; height:8.75em;*/line-height: 1.75em; height:3.5em; overflow:hidden; color:#555;}



/*详情页*/

.details { border-radius:5px; border:1px solid #eee; /* padding:20px; */}

.details .title {font-size:32px; text-align: center; line-height: 1.35em;}

.details .meta {text-align:center; font-size:0; line-height: normal; border-bottom:1px solid #f15017; margin-bottom:2.43%;}

.details .meta span {font-size:14px; color:#888; padding:2px 15px; display:inline-block;}

.details .meta a {color:#888;}



/*详情内容*/

.entry {font-size:15px; line-height: 1.75em; color:#333;}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {margin-bottom:2.43%; text-indent:2em; word-break: break-all;}

/* .entry p{margin-bottom:2.43%; text-indent:2em; word-break: break-all;} */

/* .entry ul, .entry ol {margin-bottom:2.43%; word-break: break-all; margin-left:2em;} */

/*  .entry p img {margin-left:-2em;}  */

  .entry p img {border:0px;}

.entry img {max-width:100%; height:auto;}

/* .entry ul li {list-style:outside disc none; margin-left:1em;}

.entry ol li {list-style:outside decimal none; margin-left:1em;} */

.entry blockquote {margin:0 2em 2.43%; padding:2.43% 2.43% 0; font-style:italic; overflow: hidden; color:#555; border:1px dashed #eee; background-color:#f9f9f9; border-radius:3px;}

.entry hr {border:none; border-bottom:1px solid #999; margin-bottom:2.43%;}

/* .entry li p {text-indent:0; display:inline;} */

/*标签*/

.tags {overflow: hidden; font-size:16px; color:#000; padding:10px 0; margin-bottom:2.43%;}

.tags a {color:#000; margin-left:15px;}



/*上下篇文章*/

.postnavi {overflow: hidden; padding:5px 0; margin-bottom:2.43%; color:#000;}

.postnavi div {padding:5px 0;   }

.postnavi a {color:#333;}

.postnavi a:hover {color:blue;}

.postnavi .shangxiapianpad{padding-left: 50px;}



/*详情模块标题*/

.boxtitle {font-size:18px; margin-bottom:2.43%; line-height: 1.35em; font-weight:normal;}



/*相关推荐*/

.related {margin-bottom:2.43%;}



/*评论留言*/

.commentlist {overflow: hidden; margin-bottom:2.43%;}

.commentlist li {overflow: hidden; margin-bottom:2.43%; padding-bottom:2.43%; border-bottom:1px solid #eee;}

.commentlist .avatar {float:left; width:60px; height:60px; border-radius:5px; overflow: hidden;}

.commentlist .avatar img {display:block; width:100%; height:100%;}

.commentlist .info {margin-left:80px; overflow: hidden;}

.commentlist .name {font-size:16px; font-weight:bold; line-height: 1.35em; color:#333;}

.commentlist time {display:block; color:#999; font-size:12px; line-height: 1.5em;}

.commentlist .replay {font-size:12px; font-weight:bold; color:#000;}

.commentlist .text {padding:5px 0; font-size:16px; color:#555;}

.commentlist li li {margin:2.43% 0 0 2%; padding-bottom:0; border-bottom:none;}

.commentlist p {text-align:center; font-size:14px; padding:1% 0; color:#666;}

/*评论框*/

#comment .item {overflow: hidden; margin-bottom:15px; position:relative;}

#comment label {display:block; float:left; height:40px; line-height: 40px; font-size:16px;}

#comment label i {font-style:normal; color:#f00;}

#comment .input {margin-left:80px; overflow: hidden; border:1px solid #e4e4e4; border-radius:5px;}

#comment .text, #comment textarea {width:98%; height:20px; line-height: normal; padding:10px 1%; font-size:16px; font-family: 'Microsoft Yahei'; -webkit-appearance:none;}

#comment textarea {height:150px; resize: none;}

#comment .submit {float:right; color:#fff; background-color:#555; border-radius:5px; height:45px; width:150px; font-size:16px; cursor:pointer;}

#comment .submit:hover {opacity:.9;}

#comment .verify {position:relative;}

#comment .verify .input {margin-right:126px;}

#comment .verify img {display:block; position:absolute; right:0; top:0; height:100%; width:auto; cursor:pointer; border-radius:2px;}

/*两栏*/

.main {float:left; width:74%;}

.main_tupian{width:100%;}

.sidebar {width:24%; float:right;}

.widget {margin-bottom:11.6%; overflow: hidden; background-color:#fff; border:1px solid #eee; border-radius:5px; padding:20px;}

.widget h3 {font-weight:normal; font-size:24px; line-height: 1.125em; margin-bottom:20px;}

.widget li {border-top:1px solid #eee; overflow: hidden; font-size:16px;  position:relative; padding:15px 0 15px 15px;}

.widget li:before {content:''; display:block; width:6px; height:6px; background-color:#aaa; border-radius:50%; position:absolute; left:0; top:26px;}

.widget li a {display: block; word-break: break-all;}

.widget .text time {display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:12px; color:#999;}



.widget .pic {padding:15px 0; border-top:1px solid #eee;}

.widget .pic:before {display:none;}

.widget .pic .thumbnail {float:left; width:100px; padding-top:5px;}

.widget .pic p {margin-left:110px; overflow: hidden;}

.widget .pic a {display:block; font-size:16px; line-height: 1.75em; max-height:5.25em; overflow: hidden;}



.divTags ul {overflow: hidden; width:102%;}

.divTags li {float:left; padding:5px 2% 5px 0; border:none;}

.divTags li:before {display:none;}

.divTags li a {display:block; background-color:#f9f9f9; border-radius:3px; padding:3px 15px; color:#fff; font-size:14px;}

.divTags li a:hover {opacity:.8;}

.divTags li:nth-child(8n-7) a {background-color:#8A9B0F;}

.divTags li:nth-child(8n-6) a {background-color:#EB6841;}

.divTags li:nth-child(8n-5) a {background-color:#3FB8AF; }

.divTags li:nth-child(8n-4) a {background-color:#FE4365; }

.divTags li:nth-child(8n-3) a {background-color:#FC9D9A; }

.divTags li:nth-child(8n-2) a {background-color:#EDC951; }

.divTags li:nth-child(8n-1) a {background-color:#C8C8A9; }

.divTags li:nth-child(8n) a {background-color:#83AF9B; }

.divTags li:first-child a {background-color:#E1474D; }

.divTags li:last-child a {background-color:#3299BB; }



.divSearchPanel form {border:1px solid #ddd; position:relative; padding-right:60px; border-radius:3px;}

.divSearchPanel input[type='submit'] {cursor:pointer; position:absolute; right:0; top:0; background-color:#c00; color:#fff; height:100%; width:60px; border-radius:0 3px 3px 0;}

.divSearchPanel input[type='text'] {text-indent:5px; padding:8px 0; font-size:14px; font-family:'Microsoft Yahei'; width:100%;}



.textwidget {overflow:hidden;}

.textwidget a {display:block;}

.textwidget img {display:block; width:100%; height:auto;}



@media only screen and (max-width:1536px) {

	/*全局样式*/

	.inner {width:93.75%;}

}

@media only screen and (max-width:1280px) {	

	/*1280px两栏*/

	.main {width:70%;}

	.sidebar {width:28%;}

	

	/*960px新闻列表*/

	.newsitem .thumbnail {width:250px;}

	.newsitem .info {margin-left:270px;}

	.newsitem h2 {font-size:24px; margin-bottom:5px;}

	.newsitem time {font-size:14px; margin-bottom:5px;}

	.newsitem p {font-size:16px; height:7em;}

}

@media only screen and (max-width:960px) {





	/*960px全站头部*/

	.header {border-bottom:1px solid #eee; padding:15px 0;}

	/*960px顶部搜索*/

	.search {display:none; position:absolute; top:58px; right:0; width:100%;}

	.searchForm {width:auto;}

	.schBtn {display:block;}

	/*960pxnavBtn*/

	body.open {overflow:hidden; position:fixed; left:0; top:0;}

	.navBtn {width:25px; position:absolute; right:0; top:50%; margin-top:-20px; height:40px; cursor:pointer;}

	.navBtn span {display:block; width:100%; height:3px; background-color:#666; position:absolute; top:50%; left:0; margin-top:-1.5px;}

	.navBtn span:before, .navBtn span:after {content:''; display:block; width:100%; height:3px; background-color:#666; position:absolute; left:0; top:-9px; transition:transform .3s; transition:transform .3s;}

	.navBtn span:after {top:auto; bottom:-9px;}

	.navBtn.open span {height:0;}

	.navBtn.open span:before {transform:rotate(45deg); top:0;}

	.navBtn.open span:after {transform:rotate(-45deg); bottom:auto; top:0;}

	/*960px顶部导航*/

	.nav {position:fixed; right:-200px; top:70px; height:100%; width:200px; background-color:#fff; overflow-y:auto; transition:right .3s; -webkit-overflow-scrolling:touch; border-top:1px solid #eee; border-left:1px solid #eee; z-index:9;}

	.nav.open {right:0;}

	.nav .inner {width:auto;}

	.nav ul {padding-bottom:71px;}

	.nav li {float:none; width:auto; text-align:left;}

	.nav li a {line-height: 26px; padding:12px 2em 12px 1.5em; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; color:#333;}

	.nav li a:hover {background-color:transparent;}

	.nav li ul {position:static; left:auto; top:auto; width:auto; margin-left:0; background-color:transparent; text-align:left; border:none; padding-bottom:0;}

	.nav li ul.show {display:none;}

	.nav li ul.open {display:block;}

	.nav li li {font-size:18px;}

	.nav li li a {line-height:26px; padding:12px 1.5em 12px 2.5em;}

	.nav li em {position:absolute; right:0; top:12px; width:2em; height:26px; display:block; cursor:pointer;}

	

	.nav li em:before {content:''; display:block; width:9px; height:9px;  border-right:1px solid #666; border-bottom:1px solid #666; transition:transform .3s; position:absolute; left:50%; top:50%; margin-top:-6px; margin-left:-5px;}

	.nav li em.open:before {transform:rotate(45deg);}

	/*960px内页分页*/

	.pagenavi {padding-top:20px;}

	/*960px内页二级菜单*/	

	.breadcrumb {padding:10px 0;float: left;}

	

	/*960px详情页*/

	.details .title {font-size:24px;}

	/*960px两栏*/

	.main {width:auto; float:none; margin-bottom:25px;}

	.sidebar {width:auto; float:none;}

	.widget {margin-bottom:25px;}

	.widget h3 {font-size:20px; text-align:center;}

		.Methods1 dl{width:30%;}

.Methods1 dt{width:100%;}

.Methods1 dd{width:100%;}

	

	

}

@media only screen and (max-width:768px) {

	.postbottom {margin-left:50px;}

	/*广告代码*/

	.boxpic {margin-bottom:15px; padding:15px;}

	.postpic {margin-bottom:20px;}

	/*768px全站底部*/

	.links {padding:20px 0 15px;}

	.links ul {margin-left:0; font-size:0; line-height: normal;}

	.links li {float:none; display:inline-block;}

	.copyright {float:none;}

	/*768px全站头部*/

	.header {padding:5px 0;}

	.header .inner { height:40px;}

	/*768pxlogo*/

	.logo {padding:7px 0;}

	.logo a {height:26px;}

	/*768pxnavBtn*/

	.navBtn {height:30px; margin-top:-15px;}

	/*768px顶部导航*/

	.nav {top:50px;}

	.nav ul {padding-bottom:51px;}

	.nav li, .nav li li {font-size:16px;}	

	/*768px顶部搜索*/

	.search {top:47px;}	

	/*768px首页产品*/

	.related li {width:46%; padding-bottom:15px;}

	.related li .thumbnail {margin-bottom:5px;}	

	/*768px内页分页*/

	.pagenavi {padding-top:15px;}

	/*768px新闻列表*/

	.newsitem {margin-bottom:15px; padding:15px;}

	.newsitem .thumbnail {width:110px;}

	.newsitem .info {margin-left:120px;}

	.newsitem h2 {font-size:18px; white-space: normal;}

	.newsitem .meta {display:none;}

	.newsitem p {display:none;}

	/*768px详情页*/

	.details .title {font-size:20px; margin-bottom:15px;}

	.details .meta {padding-bottom:10px; margin-bottom:20px;}

	.details .meta span {padding:2px 7px;}

	/*768px详情内容*/

	.entry {font-size:16px;}

/*	.entry p, .entry ul, .entry ol, .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6, .entry hr, .postnavi, .boxtitle, .related {margin-bottom:20px;} */

	.entry blockquote {margin-bottom:20px; padding:20px 20px 0;}

	/*768px标签*/

	.tags {padding:0; font-size:14px; margin-bottom:20px; color:#888;}

	.tags a {color:#888;}

	/*768px评论留言*/

	.commentlist {margin-bottom:20px;}

	.commentlist li {margin-bottom:15px; padding-bottom:10px;}

	.commentlist .avatar {width:30px; height:30px;}

	.commentlist .info {margin-left:40px;}

	.commentlist .name {font-size:14px; margin-bottom:5px;}

	.commentlist .replay a {color:#999;}

	.commentlist .text {font-size:14px; line-height: 1.75em;}

	.commentlist li li {margin-top:15px;}

	/*768px评论框*/

	#comment label {font-size:14px; height:35px; line-height: 35px;}

	#comment .input {margin-left:50px;}

	#comment .text, #comment textarea {padding:7.5px 2%; width:96%; font-size:14px;}

	#comment textarea {height:90px;}

	#comment .submit {font-size:14px; height:37px; width:100px;}

	#comment .verify .input {margin-right:111px;}

	/*768px404页面*/

	.error .title {font-size:24px; margin-bottom:15px;}

	.error .warning {font-size:20px; margin-bottom:25px; padding-bottom:25px;}

	/*768px两栏*/

	.widget {padding:15px;}

	.widget h3 {margin-bottom:10px;}

	.widget li {padding:10px 0 10px 15px;}	

	.widget li:before {top:21px;}

	.widget .pic {padding:10px 0;}	

	.divTags ul {width:auto;}

	.divTags li {padding: 5px 7px 2px 0;}

	.divTags li a {font-size:12px;}

}

.pcd_ad{display:block;}

.mbd_ad{ display:none}

.pc_page{display:block;}

.mb_page{ display:none}



@media(max-width:768px) {

.pcd_ad{display:none !important;} 

.mbd_ad{display:block !important;}



.pc_page{display:none !important;}

.mb_page{display:block !important;}

.desktop-image {display: none; }

.mobile-image {display: block; }

}

























.header_pc{position:fixed;top:0;left:0;z-index:9999;width:100%;}



.header_pc{height:38px;line-height:38px;font-size:12px;background:#fff;box-shadow:0px 0px 0px rgba(0,0,0,0.2);border-bottom:1px solid #DDDDDD;}

.header_pc .hd_Body{margin: 0 auto;width: 1200px;}

.header_pc .hd_Body .left{ float:left;}

#hd_Menu{float: left; height: 38px;}



.hdtopDiv{width: 100%; height:42px;}



.clientlistsupply_pc  img{float:left;margin:3px 5px 5px 3px;width:49%;height:70px;} 

.clientlistsupply_mbd  img{float:left;margin:10px 0px 10px 0px;width:100%;height:70px;}





.supplycss li {

	height: 40px;

	line-height:40px;

	margin-bottom: 5px;

	border-bottom: 3px dotted #BFEDFA;

	white-space: nowrap;

	overflow: hidden;

	width:100%;

	font-size:14px;

	float:left;



}





.wz_760_zhenwen  {

	border: 1px solid #7CC6DB;

	width:100%;

  float:left;

}



.wz_760_fenyue {

	text-align: center;

	margin: 10px 0;

}

.wz_760_fenyue a {

	padding:1px 4px 1px;

	border:1px solid #A6CBE7;

	margin:0 1px 0 0;

	text-align:center;

	text-decoration:none;

	font:normal 12px/14px verdana;

}

.wz_760_fenyue a:hover {

	border:#659B28 1px solid;

	background:#f3f8ef;

	text-decoration:none;

	color:#004c7d

}







.tu_760_recom .dstlist2 {

	width:100%;

}

.tu_760_recom .dstlist2 li {

	float: left;

	margin:  8px 5px 8px 5px;

	padding:3px;

    width: 120px;

/*	height: 180px; 20200320 auto*/

	white-space: nowrap;

	overflow: hidden;

	background-image: url(photo/011_listbg.gif);

	background-repeat: repeat-x;

	background-position: top;

}







.tu_760_recom {

	margin:10px auto;

/* 	border:1px #C8DCF0 solid;  */

}



.tu_760_consay {

/* 	border: 1px solid #7CC6DB; */

	margin:10px auto;

	padding:10px 10px 10px 20px;

	background-image: url(photo/009_tu_consaybg.jpg);

	background-size: cover;

	font-size:10pt;

	line-height:28px;

	height:auto !important;

	min-height:65px;

	background-repeat: no-repeat;

	background-position: center top;

}







.tu_760_consay ul {

	padding:2px 0 5px 2px;

}

.tu_760_consay ul li {

	/* background-color: #E4F5FA; */

	float: left;

	width: 100%;

/* 	border-left:1px solid #FFF; */

	border-bottom:1px solid #CDC5BC;

	padding:3px 8px;

}



.tu_760_conpicurl {

	text-align: center;

	margin: 16px auto;

	height:auto !important;

	/* height:850px;

	min-height:850px; */

}



@media(max-width:768px) {

   .tpl_box{

            column-count: 1;

                   }

        }



   @media(min-width:767px) {

   .tpl_box{

            column-count: 6;

          /*  background: #C0C0C0; */        

                   }

        }



        .tpl_box img{

            width: 100%;

        }

        .tpl_box div{

         /*   border: 2px solid #00cc66; */

            padding: 5px;

            margin-bottom: 10px;

            /*禁止盒子内部折行*/

            break-inside: avoid;

        }

        .tpl_box div p{

            line-height: 30px;

            text-align: center;

            font-size: 14px;

        }

   





.product-thumb {

    border: 1px solid #a49b9b;

    margin-bottom: 15px;

   /*  width: 180px;  */

 }



.product-thumb .description {

  padding: 15px;

      text-align: center;

  

}













.btn-primary_downbtn {

    color: #000000;

     background-image: linear-gradient(to bottom, #32CD32, #98F898);

    background-repeat: repeat-x;

    border-color: #1f90bb #1f90bb #145e7a;

    width: 200px;

    height: 40px;

    font-size: 15px;

}







.btn-primary_downbtn:hover {

   transform: scale(1.1);

    box-shadow: 0 0 10px rgb(0 0 0 / 40%);

    color:#540dd9;

}





  .image-with-badge {

        position: relative; /* 确保容器相对定位 */

        display: inline-block; /* 必须指定display属性才能正确显示伪元素 */

    }

    

    .image-with-badge img {

        width: 100%; /* 调整图片大小 */

        height: auto;

    }

    
/* 在图片上加字
    .image-with-badge::after {    
    position: absolute;
    font-size: 20px;
    width: 180px;
    left: 50%;
    transform: translateX(-50%);
    } 

	*/

	

	  .image-with-badge-yp {

        position: relative; /* 确保容器相对定位 */

        display: inline-block; /* 必须指定display属性才能正确显示伪元素 */

    }

    

    .image-with-badge-yp img {

        width: 100%; /* 调整图片大小 */

        height: auto;

    }

    

    .image-with-badge-yp::after {

         content: "SVIP/VIP会员免费";

    background-color: rgba(255, 0, 0, 0.5);

    color: white;

    /* padding: 2px 60px; */

    position: absolute;

    font-size: 18px;

    /* text-align: center; */

    /* left: 1px; */

    /* content: "必须设置内容属性"; */

    /* display: inline-block; */

    width: 180px;

    /* height: 30px; */

    /* background-color: red; */

    left: 50%;

    transform: translateX(-50%);

    } 

	

	

.col {

    border-bottom: solid 1px #caaaaa;

    padding: 5PX;

	margin-top: 50px;

}

.col .tips {

    magin-right: 20px;

    color: red;

}



.infolistyle{

border: none;

    color: #0e7202;

    font-style: italic;

    border-bottom: 1px solid;

    border-color: grey;

    margin-top: 5px;

    width: 300px;

	background-color:#f2f4f8;

}

.infolistyletel{

border: none;

    color: #0e7202;

    font-style: italic;

    border-bottom: 1px solid;

    border-color: grey;

    margin-top: 5px;

    width: 100px;

	background-color:#f2f4f8;

}



	



	

	.news-title {

    border-bottom: #e4e3e3 1px solid;

    margin: 20px;

    padding-bottom: 10px;

    overflow: hidden;

}



.news-title h2 {

    color: #1487f4;

    font-size: 16px;

    font-weight: normal;

    position: relative;

    float: left;

    /* width: 84px; */

    text-align: center;

}

	

.pagelist {

    text-align: center;

    color: #666;

    width: 100%;

    clear: both;

    margin: 0 0 10px;

}



.pagelist a {

    color: #666;

    margin: 0 5px 10px;

    padding: 5px 10px;

    background: #F7F7F7;

    display: inline-block;

}

.pagelist > b {

    display: inline-block;

    padding: 5px 10px;

    margin: 0 5px 10px;

}







.blogs-list ul {

    padding: 0 20px 20px;

}



.blogs-list li span a {

    display: inline-block;

    color: #0976dc;

    padding: 3px 10px;

    border-radius: 3px;

    margin-right: 5px;

    font-size: 12px;

    margin-bottom: 5px;

    background-color: #f1f1f1;

}

.blogs-list li span {

    font-size: 12px;

    margin-top: 10px;

    overflow: hidden;

    color: #999;

}





.blogs-list li p {

    color: #888;

    line-height: 22px;

    height: 23px;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    font-size: 14px;

    margin-top: 10px;

}



.blogs-list li h2 a {

    color: #1487f4;

}



.blogs-list li h2 em {

    display: inline-block;

    font-style: normal;

    font-size: 15px;

    background: #f60;

    color: #fff;

    padding: 0 5px;

    font-weight: normal;

    margin-right: 5px;

	text-indent: 1px;

}





.blogs-list li h2 {

    font-size: 16px;

    margin-top: 5px;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    margin-bottom: 10px;

	text-indent: 1px;

}



.blogs-list ul {

    padding: 0 20px 20px;

}

.blogs-list ul li:first-child {

    padding-top: 0;

}

.blogs-list ul li {

    overflow: hidden;

    border-bottom: 1px dashed #d3d3d3;

    padding: 5px 0;

}



.blogs-list li i {

    width: 85px;

    height: 90px;

    line-height: 100%;

    overflow: hidden;

    float: left;

    margin-right: 15px;

}





.comlogobg {

    background: #f36363;

    width: 85px;

    height: 82px;

}



.comlogobg .comname {

       font-size: 25px;

    color: yellow;

    /* white-space: nowrap; */

    overflow: hidden;

    line-height: 38px;

    text-shadow: 2px 2px 2px #000000;

    margin-left: 15px;

    margin-right: 10px;

    word-break: break-all;

    /* margin: 0 auto; */

    font-style: normal;

}



.clientinfo{padding: 5px;text-align: center;}

	

.clientinfo .autowidth{max-width: 100%;border: 1px solid grey;}

	/* 隐藏默认图片 */

.mobile-image {

    display: none;

}

.sidebar_info {width:24%;    display: inline-block; }

.infotext{font-size: 20px;color: #ef2525;text-indent: 10px;}

	

.fabutoo {

  text-align: center;

  margin-top: 20px;

  border-bottom: 1px solid;

    padding-bottom: 20px;



}

.btn-fabutoo:hover {

  transform: scale(1.2);

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);

  color: #265fe5;

}

.btn-fabutoo {

  text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);

  background-image: linear-gradient(to bottom, #32CD32, #98F898);

  padding: 5px 20px 5px 20px;

  font-size: 19px;

   box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);

  color: white;

  border: none;

}

.infonewstime {

    text-align: right;

    font-size: 15px;

     color: grey;

   padding-bottom: 20px

    }





 

    .vipsm{

      display:none;

    }

    

    .pricesm{

      font-size:20px;

      color:grey;

    

    }

    .xzprice{

    font-size:25px;

    color:red;

    padding: 0 8px;

    }

    

    .buy {

        background-color: #FFEDED;

        border: #FF0036 solid 1px;

        color:#0475d9;

    }

    

    

    .buy:hover {

          transform: scale(1.1);

        box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);

    

    }

    

      

    

    .libuy a {

        float: left;

        height: 29px;

        margin: 0 10px 0 0;

        color: #02349;

        text-align: center;

        font-size: 16px;

        padding: 6px 5px 0 5px;

        border-radius: 3px;

    }

    

    .memfree{

        background-color: #74f74a;

        color:#121212;

        border: #cd0808 solid 1px;

         padding: 10px;

         font-size: 16px;

        }  

    

    

    

        .bluecolor{

          color:#2b7bf7;

        }


       .orgtprice{
        text-decoration: line-through;
        font-size: smaller;
        font-style: oblique;
        text-decoration-color: crimson;  
        } 


    

    

    

  
        .download-btn {
          background: linear-gradient(145deg, #4a90e2, #357ab7);
          border: none;
          color: white;
          font-size: 18px;
          font-weight: bold;
          padding: 8px 20px;
          border-radius: 12px;
          cursor: pointer;
          outline: none;
          box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1), -4px -4px 10px rgba(255, 255, 255, 0.1);
          transition: all 0.3s ease;
          margin-right: 20px;
        }
        
        .download-btn.blue {
          background: linear-gradient(145deg, #5e8ce0, #4877b5);
        }
        
        .download-btn.green {
          background: linear-gradient(145deg, #66cc66, #449d44);
        }
        
        .download-btn:hover {
          box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.2), -8px -8px 15px rgba(255, 255, 255, 0.1);
          transform: translateY(-3px);
        }
        
        .download-btn:active {
          box-shadow: inset 4px 4px 10px rgba(0, 0, 0, 0.2);
          transform: translateY(2px);
        }
  
        
    .titlepicwidth60{   width: 200px;  }



    /* 设置弹窗的样式 */
    .modal {
        display: none; /* 默认不显示 */
        position: absolute;
        background-color: rgba(0, 0, 0, 0.7); /* 背景色 */
        color: #fff;
        padding: 10px;
        border-radius: 5px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        font-size: 14px;
        z-index: 9999;
        max-width: 200px;
        text-align: center;
        margin-top: 160px;
    }
    /* 样式 - 按钮 */
    button {
        padding: 10px 20px;
        font-size: 16px;
        cursor: pointer;
        background-color: #007bff;
        color: white;
        border: none;
        border-radius: 5px;
        transition: background-color 0.3s;
       
    }

    button:hover {
        background-color: #0056b3;
    }

    
  /* 二维码容器样式 */
  .qrcode-wrapper {
    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 9999;
    font-family: 'Arial', sans-serif;
  }
  
  /* 二维码浮动面板 */
  .qrcode-panel {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    padding: 15px;
    width: 150px;
    text-align: center;
    transition: all 0.3s ease;
    transform: translateY(10px);
    opacity: 0;
    visibility: hidden;
    position: absolute;
    bottom: 70px;
    left: 0;
  }
  
  .qrcode-wrapper:hover .qrcode-panel {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
  
  /* 二维码标题 */
  .qrcode-title {
    font-size: 14px;
    color: #333;
    margin-bottom: 10px;
    font-weight: bold;
  }
  
  /* 二维码图片容器 */
  .qrcode-img-container {
    margin: 0 auto;
    padding: 5px;
    background: white;
    border: 1px solid #eee;
  }
  
  /* 二维码特征浮动按钮 */
  .qrcode-float-btn {
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
    border: 1px solid #eee;
  }
  
  .qrcode-float-btn:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
  }
  
  /* 二维码图标样式 */
  .qrcode-icon {
    width: 36px;
    height: 36px;
    background: #2c3e50;
    position: relative;
  }
  
  /* 创建二维码特征图案 */
  .qrcode-icon::before,
  .qrcode-icon::after {
    content: '';
    position: absolute;
    background: #fff;
  }
  
  /* 三个定位方块 */
  .qrcode-icon::before {
    width: 8px;
    height: 8px;
    border: 2px solid #2c3e50;
    top: 0;
    left: 0;
  }
  
  .qrcode-icon::after {
    width: 4px;
    height: 4px;
    bottom: 4px;
    right: 4px;
    box-shadow: 
      -8px 0 0 #2c3e50,
      0 -8px 0 #2c3e50,
      -8px -8px 0 #2c3e50,
      -4px -12px 0 #2c3e50,
      -12px -4px 0 #2c3e50;
  }
  
  /* 响应式调整 */
  @media (max-width: 768px) {
    .qrcode-wrapper {
      display: none;
    }
  }