html{ font-size:62%; font-family:微软雅黑 !important;}
body{ background:#000; overflow: auto;}
.fa-home:before {
	content: "\f015"
}

ul,li{ list-style:none; margin:0; padding:0;}

img{ border:0;}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }


.mnavbar{ position: fixed; top:0; left:0; z-index:99; width:100%; height:50px;display:none; }
.mnavbar .fa{ display:block; width:22px; height:22px;  position:absolute; top:14px; right:10px; font-size:20px; color:#fff; z-index:999;}
#headermnav{ clear:both; position:relative; background-color:rgba(51,51,51,1); z-index:99; width:100%;
transition: all .8s;
-moz-transition: all .8s; /* Firefox 4 */
-webkit-transition: all .8s; /* Safari 和 Chrome */
-o-transition: all .8s; /* Opera */
}
.hmbutton{ position:absolute; top:-5px; left:0;}
#mmenu{ position: fixed; top:-100vh; left:0;width:100%; height:100vh; background-color:rgba(0,0,0,1); overflow-y:scroll; z-index:9;
		transition: all .4s;
-moz-transition: all .4s; /* Firefox 4 */
-webkit-transition: all .4s; /* Safari 和 Chrome */
-o-transition: all .4s; /* Opera */
		}
		
		/*grid4*/
.grid480 { min-width:1200px;  overflow:hidden;border-bottom: 4px solid #000;max-width: 2560px;margin: 0 auto; background:#030b23 url(../../images/2019/grid480bg.jpg) repeat;}
.grid480 ul {
	padding:0;
	margin: 0;
	position: relative;
	z-index: 1
}
.grid480 ul:before, .grid480 ul:after {
	content: " ";
	display: table
}
.grid480 ul:after {
	clear: both;
}
html.oldie .grid480  ul {
	zoom: 1
}
.grid480 li {
	list-style: none;
	position: relative;
	z-index: 1;
	min-height: 2px;
	margin: 0;
	padding: 8px;
	float: left;
	width: 25%
}
html.oldie .grid480 li {
	width: 24.975%
}

.grid480 li h1{ text-align:center; color:#d3d3d3; font-size:24px; font-weight:normal;}

.grid480 li a {display: block; text-align:center;
	height: 200px;
	font: 0/0 a;
	width: auto;
	background:#242524;
	background-position: center center;
	background-repeat: no-repeat;	
	}
	
/*.g4-1{
	background-image: url("../images/g480200-1.jpg");
	background-size: 480px 200px;
	width: 480px;
	height: 200px}
.g4-2{
	background-image: url("../images/g480200-2.jpg");
	background-size: 480px 200px;
	width: 480px;
	height: 200px}
.g4-3{
	background-image: url("../images/g480200-3.jpg");
	background-size: 480px 200px;
	width: 480px;
	height: 200px}

.g4-4{ 
	background-image: url("../images/g480200-4.jpg");
	background-size: 480px 200px;
	background-position:center center;
	position:relative;
	overflow:hidden;
	height: 200px}*/
				

.bslider{ width:100%;position:relative;}
.bxslider li{ }
.bxslider li a{ display:block; width:100%; height:auto; position:absolute; top:0; left:0; z-index:9;}




.sublist{ display:none;}
.searchcp,.searchcpen{ text-align:center; padding-top:20px; width:100%; background:#FFF; height:60px;}
#scptext,#scptexten{ width:35% !important;height:30px !important; line-height:30px !important;}
.scpbutt{ height:30px; text-align:center;}
.searchcpen .scpbutt{ height:30px; text-align:center;width: 80px;}

/*subchannel section*/
.subchannel-section{ width:1200px; margin:20px auto; background:#FFF;}
.subchannel-l{ width:240px; min-height:400px; float:left; border:1px solid #e7e7e7;overflow:hidden;}
.subchannel-nav h1{ padding-left:20px; font-size:16px; font-weight:700; margin:10px 0 10px 0;}
.subchannel-nav li {padding-left:20px; font-size:14px; width:100%; min-height:40px; line-height:40px; border-left:3px solid #FFF;}
.subchannel-nav li:hover { border-left:3px solid #f9f9f9; background-color:#f9f9f9;}
.subchannel-nav li a,.subchannel-nav .lianbaopjsub a{ color:#666666;}
.subchannelnavcur { border-left:3px solid #7ee227 !important; background-color:#f9f9f9;}
.subchannel-nav .lianbaopjsub{ margin-top:0px; line-height:24px; font-size:12px;padding-left:40px; display:none; background:#fbfbfb; margin-left:0px; border-left:2px solid #ffb68a !important;}

.subchannel-r{ width:940px; min-height:400px; float:right; border:1px solid #e7e7e7; overflow:hidden}
.subchannel-content{ width:860px; min-height:400px; font-size:14px; margin:20px auto; line-height:24px; color:#333; font-family:微软雅黑 !important;}
.subchannel-content p,.subchannel-content span{line-height:24px; color:#333; font-family:微软雅黑 !important; word-wrap: break-word !important;}
.subchannel-content a{ border:none !important; margin:0 !important;}
.subchannel-content h1{ text-align:center;font-size:24px; font-weight:600; padding:20px 0 20px 0; color:#666;}
/*subchannel section end*/




/*PRODUCT subchannel section*/
.prosubchannel-row{ width:100%; min-height:600px; background:#000;}
.prosubchannel-section{ width:1200px; margin:0px auto; background:#000;}
.prosubchannel-l{ width:240px; min-height:400px; float:left;overflow:hidden; background:#1a1a1a; padding-left:15px;}
.productlist_nav h1{ font-size:24px; font-weight: bold; margin:30px 0 20px 0; color:#f5f5f5;}

.prosubchannel-r{ width:940px; min-height:400px; float:right; overflow:hidden}


.contenttxt{ width:900px; min-height:400px; margin:0 auto;}
.contenttxt h1{ margin-top:50px; text-align:center; padding-bottom:10px;color: #dddddd;}
.contenttxt .content{ padding:20px;font-size: 1.5rem;
    line-height: 2.8rem;
    color: #dddddd;}
.contenttxt .content img{ width:800px; height:auto;}
.contenttxt .content a{ color:#CCC;}
.contentfimg{ width:1200px; min-height:400px; margin:0 auto; overflow:hidden;}
.contentftxt{ width:1200px; min-height:400px; margin:60px auto;background-color:#fdfdfd; overflow:hidden;}

.pageareabg1{width:100%;min-height:390px;margin-top:60px;margin-bottom:60px; background-color:#f2f2f2;background-size:100%;}
.pagecontent1{ width:800px; margin:0px auto;}
.pagecontent1 h1{ font-size:48px; color:#595959; padding-top:50px; font-weight:normal;}
.pagecontent1 h2{ font-size:40px; color:#595959; font-weight:lighter;}
.pagecontent1 h3{ font-size:24px; color:#595959;font-weight:lighter; padding-left:40px;}
.pagecontent1 img{ display:block; width:33px; height:33px;float:left;}
.pagecontenttxt1{ width:100%; margin:30px auto; padding:50px; font-size:18px; line-height:36px; color:#595959;}
.pagecontenttxt1 strong{ font-size:24px;}

/*subchannel section end*/


/*PRODUCT LIST PAGE*/

.proxk1920x380{ width:100%;background:#000;}
.prozb1920x380{ width:100%;  background:#000;}
.prossd1920x380{ width:100%; background:#000;}
.proxk1920x380 img,.prozb1920x380 img,.prossd1920x380 img{ width:100%; height:auto;}

.productlist_nav {
	width:100%; overflow:hidden;
}

/*@font-face {
  font-family: 'siyuan';
  src: url('../fonts/SourceHanSansCN-Normal.otf');
}*/

.productlist_nav ul{}
.prolistdropdown{ margin-bottom:10px; cursor:pointer; position:relative;}

.prolistdropdown h4{ font-size:16px; color:#f5f5f5; padding:5px 0 5px 0; margin:0; font-weight:lighter; }
.prolistdropdown h4 a{color:#f5f5f5;}
.prolistdropdown h4 a:hover{color:#29396d;}
.prolistdropdown em{ display:block; width:15px; height:15px;background:url(../../images/2019/plistarrow.png) center center no-repeat; position:absolute; right:10px; top:8px;
transition:all .3s ease;
    -webkit-transition:all .3s ease;}
	
.emrotate{transform:rotate(90deg);-ms-transform:rotate(90deg); -webkit-transform:rotate(-90deg);}


.prolistdropdown-menu {
		max-height: 0;
		overflow: hidden;
}

.prolistdropdown-menu li { line-height:26px; font-size:14px; font-weight:lighter; font-family:"Gotham SSm A","Gotham SSm B","Lucida Grande","Lucida Sans Unicode","微软雅黑",STXihei,"华文细黑","Microsoft YaHei New","Microsoft Yahei","Helvetica","Arial","Verdana","sans-serif"; }

.prolistdropdown-menu li a { color:#f5f5f5; padding-left:25px;}
.prolistdropdown-menu li a:hover { color:#29396d;}
.selectedidclass{ color:#70c227 !important;background:url(http://www.maxsun.com.cn/images/2015/selectedlistarrow.png) 5px center no-repeat;}

.productlist_nav .show,.productlist_nav .hide {	}

.productlist_nav .show {
		display: block;
		max-height: 9999px;
	}

.productlist_nav .hide {
		max-height: 0;
}


.productlistgrid { margin-top:50px; min-height:680px;}
.productlistgrid li { display:inline-block; width:25%; float:left; text-align:center; margin-bottom:20px;}
.productlistgrid li div { width:220px; height:225px; border:1px solid #202020; margin:0 auto;}
.listproductimg img { max-width:210px; height:auto;}
.productlistgrid li span{ display:block;}
.listproductimg{ padding-top:20px; height:180px; overflow:hidden;}
.listproducttitle{ font-size:16px;font-family:"Gotham SSm A","Gotham SSm B","Lucida Grande","Lucida Sans Unicode","微软雅黑",STXihei,"华文细黑","Microsoft YaHei New","Microsoft Yahei","Helvetica","Arial","Verdana","sans-serif";}
.listproducttitle a{ color:#fff;}
.listproducttitle a:hover{ color:#fff;}
.listproducttitledc{ text-align:left; list-style:disc; padding-left:10px; padding-top:5px; color:#bbb;}

.downloadlist{ margin-top:80px; min-height:680px;}
.downloadlist li {width:100%; padding-left:20px; height:40px; line-height:40px; font-size:16px; font-weight:lighter; border-bottom:1px solid #1c1c1c;}
.downloadlist li a { color:#CCC; text-decoration:none;}
.downloadlist li a:hover{ color:#fff;}

.plist-pagenum{ text-align:center;}
.plist-pagenum a{ text-align:center; display:inline-block;  line-height:26px; padding: 2px 5px 2px 5px; font-size:16px;background-color:#1a1a1a; border:1px solid #1a1a1a; border-radius:3px; color:#FFF; text-decoration:none; font-weight:lighter;}
.plist-pagenum span a:first-child{display: none;}
.plist-pagenum span{ text-align:center;display:inline-block; min-width:20px; height:30px; line-height:30px; font-size:20px; color:#666666; letter-spacing:4px;font-weight:lighter;}
/*PRODUCT LIST PAGE END */

/*FOOTER*/
.footer-section{width:100%; min-height:230px; background: #272727;}
.footerinfo{ width:50%; margin:0px auto;position:relative;}
.footerinfo ul{ width:30%; display: inline-block; text-align:center; vertical-align:top; padding-top:30px;}
.footerinfo ul h3{ color:#dddddd; font-size:18px; font-weight:500; margin-bottom:10px;}
.footerinfo ul h3 a{ color:#dddddd;}
.footerinfo ul li { line-height:28px;}
.footerinfo ul li a{ color:#868686; font-size:14px; font-weight: lighter;}
.footerinfo ul li a:hover{ color:#fff;}
.copyrightinfo{ width:1000px; margin:40px auto 0 auto; text-align:center;color:#ababab; font-size:12px; font-weight:500; padding-bottom:30px;}


.wxercode,.wbercode{ position: absolute; text-align:center; font-size:10px; line-height:12px;}
.wxercode a,.wbercode a{ color:#868686;}
.wxercode img, .wbercode img{ height:85px; width:auto;}
.wxercode{ right:120px; top:40px;}
.wbercode{ right:0px; top:40px;}


@media (max-width: 800px){
	.headernav-container,.navlogo,.prosubchannel-l{ display:none ;}
	.searchcp,.searchcpen{ position:fixed; top:40px; z-index:5;}
	#scptext{ width:80% !important;}
	#scptexten{ width:75% !important;}
.scpbutt{ background: #00c120 !important; border-radius:none; font-size:18px;}
	.mnavbar{ display:block;}
	.logom{ display:block; width:100%; text-align:center; height:50px; line-height:70px;}
	.logom img{ max-height:30px; width:auto;}
	 .navmore{display:block; width:100px; position:absolute; font-size:12px; top:-3px; left:30px;color: #090;}	
	
.bslider{ margin-top:50px;}

.grid480{ min-width:100%; width:100%; height:auto; overflow:hidden; }
.grid480 li{ display:inline-block; width:50%; height:auto; margin-top:5px;}
.grid480 li h1{ font-size:16px;}
.grid480 li img{ width:100%; height:auto;}
.grid480 li a{ height:auto; padding:5px;}



#mmenu.showmmenu{top:0;}
.mpannel li ul{ display:none; }
.mpannel{ width:70%; margin:80px auto; font-size:14px;}
.mpannel ul li a{ display:block;height:40px; font-size:14px; line-height:40px; color:#fff;}
.mpannel ul li a:hover,.mpannel ul li a:active {color:#fff}
.mpannel ul{ margin:0; padding:0; list-style:none;}
.mpannel ul li{ color:#fff; line-height:50px; border-bottom:1px solid #333;}
.mpannel ul li ul a{ display:block;height:28px; font-size:12px; line-height:24px; color: #fff; padding-left:35px;}


.contenttxt,.contentftxt{ width:100%; min-height:100px; margin-top:50px;}
.contenttxt h1{ margin-top:90px; text-align:center; padding-bottom:20px;}
.contenttxt .content{ padding:20px;}
.contenttxt .content img,.contentfimg img{ width:100% !important; height:auto !important;}
.pagecontent1 img{ width:auto !important; height:auto !important;}

.contentfimg{ width:100%; margin-top:50px; min-height:100px;}

.pageareabg1{background-color:#f2f2f2;background-position: right; background-size:auto;}
.pagecontenttxt1 { width:90%; margin:0 auto; padding:0; padding-top:50px;}
.pagecontent1{width:90%;}
.pagecontent1 h1{ font-size:24px;width:90%;}
.pagecontent1 h2{ font-size:24px;width:90%;}
.pagecontent1 h3{ font-size:18px;width:90%;}

.subchannel-l{ display:none;}
.subchannel-r,.prosubchannel-r{ width:100%; padding-top:50px; float:unset;}
.subchannel-content{ width:100% !important;padding-left: 20px;padding-right: 20px;}
.productlist_nav h1{ display:none;}
.proxk1920x380,.prozb1920x380,.prossd1920x380{ margin-top:50px;}
.prosubchannel-l{ position:fixed; top:100px; z-index:5; width:100%; min-height:inherit; background:#FFF;}
.prosubchannel-section{ width:100%;}
.prosubchannel-r{ width:100%; padding-top:0px; float:unset;}
.productlistgrid { padding-top:0;margin-top:0;}
.productlistgrid li{ width:49.9%; padding-left:5px; padding-right:5px;}
.productlistgrid li div{ width:100%;}
.productlistgrid li img { max-width:100%;}

.productlist_nav{ /*overflow:visible !important; overflow-y: scroll;*/ height:50px;}
.prolistdropdown h4{ border:hidden;}
.productlist_nav .show{ display:none;}


.productlist_nav ul{ width:100%;}
.prolistdropdown{ display: inline-block; width:120px; float:left; height:40px; line-height:40px; text-align:center; }
.prolistdropdown h4{ border:3px solid #fff; border-radius:10px;background:#f1f1f1; }
.sublist{background:rgba(255,255,255,.9); overflow-y:scroll; position: fixed; top:150px; width:100%; height:70vh; padding-bottom:100px;}
.sublist li {  text-align: center; font-size: 1.3rem; line-height:40px; border-bottom:1px solid #f1f1f1;}

.selectedidclass{ background:none;}

.prolistdropdown em,.emrotate{ display:none; }

	
.prolistdropdown-menu { height:80vh;overflow-y: scroll;}
.prolistdropdown-menu li{ padding-left:60px; border-bottom:1px solid #0C0; line-height:40px;}


.footerinfo{ width:100%; }
.footerinfo ul{ width:30%; padding-top:20px;}
.footerinfo ul h3{ font-size:16px; }
.footerinfo ul li a{  font-size:12px; }

}



@media (max-height: 370px){
	.prolistdropdown-menu { height:65vh;overflow-y: scroll;}
	.sublist{height:65vh;  overflow-y:scroll;}
}

/***********************************************************************************/