@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}
body{ margin:0 auto; padding:0 auto; color:#333; font-size:12px; font-family: Arial; background:#ffffff; border:none; text-align:center;}
.clear{ float:none; clear:both; height:auto; border:none;}
a{ text-decoration:none;}
a:link, a:visited { text-decoration: none; color: #333333; }
a:hover{ text-decoration:underline; color:#333;}
a:active{ text-decoration: none; color: #333; }
ul,li{ list-style-type:none; margin:0; padding:0;}
input{ vertical-align:top;}
img{ border:none;}
p{ margin:0;}
h1,h2,h3,h4,h5,h6{ margin:0;}


.top{ width:100%; height:80px; background:rgba(256,256,256,0.8); margin:0px auto; padding:20px 0px; position:fixed; z-index:999999999;}
.logo{ float:left; width:100px; text-align:left; padding-left:10%;}
.set{ float:right; width:650px; padding-top:20px; padding-right:10%;}
.nav{ width:650px; margin:0px auto; height:50px;}
.nav ul li{ float:left; width:130px; height:28px;}
.nav ul li a{ display:block; width:130px; height:23px; color:#000000; padding-top:5px; font-size:14px; font-family:Arial;}
.nav ul li a:hover{ background:#E23F14; font-weight:bold; color:#ffffff;}
.nav ul li a.a{ background:#E23F14; font-weight:bold; color:#ffffff;}

.flash{ width:100%; height:auto;}
.flash img{ width:100%; height:auto;}

.products{ width:1200px; margin:0px auto; margin-top:50px;}
.p_top{ width:100%;}
.p_top h2{ font-size:32px;}
.p_center{ width:100%; margin:0px auto; margin-top:20px;}
.p_center ul li{ float:left; width:380px; margin-left:10px; margin-right:10px; margin-top:20px;}
.p_center ul li img{ width:100%;}
.p_center ul li:hover{ border:1px solid #E23F14; width:378px;}
.p_bot{ width:100%; margin:0px auto; margin-top:50px;}
.p_bot a{ display:block; margin:0px auto; width:210px; height:35px; border:2px solid #333333; padding-top:15px; font-size:16px; border-radius:5px;}
.p_bot a:hover{border:2px solid #E23F14; color:#E23F14;}

.cp_top{ width:100%; margin-top:20px;}
.cp_top ul li{ width:100%; margin-top:10px; text-align:left;}
.cp_top ul li h2{ float:left; width:100%; margin:0px auto; font-size:14px; font-weight:100; margin-bottom:10px;}
.cp_top ul li b{ float:left; background:#CCCCCC; padding:9px 15px; font-weight:100;}
.cp_top ul li b:hover{ background:#E23F14; color:#FFFFFF;}
.cp_top ul li p{ display: none;}
.cp_top ul li p a{ background:#F8F8F8; display:block; padding:9px 15px; width:auto; float:left; margin-left:10px;}
.cp_top ul li p a:hover{ background:#FCE6E0;}
.cp_top ul li b a:hover{ background:#E23F14; color:#FFFFFF;}
.cp_top ul li b a{ background:none;}

.cp_top ul li h2 i{ display: block; height: 20px; width: 20px; background: url(../images/arr.png) no-repeat center center; background-size:80% 80%; position: absolute; right: 20px; top: 50%; margin-top: -10px;  transition: all 0.3s ease-out; transform: rotate(0deg); cursor:pointer;}
.cp_top ul li h2 i.action{ transition: all 0.3s ease-out;transform: rotate(180deg);}

.cp_center{ width:100%; margin-top:20px;}
.cp_center ul li{ float:left; width:30%; margin-right:3%; margin-bottom:20px;}
.cp_center ul li img{ width:100%;}
.cp_center ul li span{ display:block; width:100%; height:28px; background:#E8E8E8; padding-top:12px;}
.cp_center ul li span:hover{ background:#E23F14; color:#FFFFFF;}
.cp_center ul li span:hover a{ color:#FFFFFF;}

.tupian{ width:1240px; margin:0px auto; margin-top:50px;}
.tupian ul li{ float:left; width:580px; height:315px; overflow:hidden; margin-left:20px; margin-right:20px; margin-top:40px;}
.tupian ul li img{ width:100%;}

.weizhi{ width:90%; margin:0px auto; background:#F7F7F7; mix-height:45px; text-align:left; padding-left:10%; font-size:16px; padding-top:15px; padding-bottom:15px;}
.main{ width:80%; margin:0px auto; padding:0px 10%;}
.main img{ width:100%;}
.m_top{ width:100%; margin-top:20px;}
.m_top h2{ float:left; width:100px; height:24px; background:#F8F8F8; margin-right:20px; font-size:14px; padding-top:6px;}
.m_top h2:hover{ background:#E23F14; font-weight:bold; color:#ffffff;}
.m_bot{ margin:0px auto; width:100%; margin-top:20px;}
.m_bot p{ line-height:230%; text-align:left; font-size:16px; margin-top:10px;}

.dm_bot{ width:100%; margin-top:20px;}
.dm_bot ul h2{ width:100%; height:46px; font-size:16px; color:#FFFFFF;}
.dm_bot ul h2 p{ float:left; width:30%; border-right:1px solid #FFFFFF; background:#E23F14; padding:10px 0px;}
.dm_bot ul h2 b{ float:left; display:block; width:40%; border-right:1px solid #FFFFFF; background:#E23F14; padding:10px 0px;}
.dm_bot ul h2 span{ float:left; display:block; width:29%; background:#E23F14; padding:10px 0px;}
.dm_bot ul li{ width:100%; height:46px; font-size:14px; color:#333333; font-weight:100;}
.dm_bot ul li p{ float:left; width:30%; border-right:1px solid #FFFFFF; background:#F0F0F0; padding:10px 0px;}
.dm_bot ul li b{ float:left; display:block; width:40%; border-right:1px solid #FFFFFF; background:#F0F0F0; padding:11px 0px; padding-top:12px; font-weight:100;}
.dm_bot ul li span{ float:left; display:block; width:29%; background:#F0F0F0; padding:10px 0px;}

.right_bot2{ margin:0px auto; margin-top:50px;}
.right_bot2 h2{ margin-bottom:15px;}
#zoom{ margin:0px auto; margin-top:20px;}

.show h1{ text-align:left; margin-top:10px;}
.show1{ width:100%; margin-top:20px;}
.s1_top{ width:100%; height:35px; background:#E23F14; text-align:left; color:#FFFFFF;}
.s1_top h2{ padding-top:7px; padding-left:10px;}
.s1_bot{ width:100%; margin-top:20px; line-height:200%; text-align:left;}

.f_nav{ width:100%; border-top:1px solid #CCCCCC; margin:0px auto; height:300px; text-align:center; margin-top:60px;}
.footer{ margin:0px auto; padding-top:60px;}
.footer li{ line-height:250%; font-size:14px; color:#666666;}
.foot{ width:100%; height:60px; background:#000000;}
.foot h2{ margin:0px auto; font-size:14px; font-weight:100; padding-top:20px; color:#ffffff;}

.main_img{

    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
	z-index:1;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
	}
.main_img .show {
    background: rgba(0, 0, 0, 0.4);

    left: 0;
    opacity: 0;
	filter:alpha(opacity=0);
    position: absolute;
    top: 0;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: opacity;
    transition-timing-function: ease-in;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.3s;
    -moz-transition-property: opacity;
    -moz-transition-timing-function: ease-in;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    -webkit-transition-timing-function: ease-in;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration: 0.3s;
    -o-transition-property: opacity;
    -o-transition-timing-function: ease-in;
    width:250px;
    z-index: 200;
}
.main_img .show .imgArea {
    left: 50%;
	bottom:0;
    margin:-15px 0px 0px -40px;
    opacity: 0;
    position: absolute;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.4s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration: 0.4s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.main_img .show .imgArea a{
	color:rgba(255,255,255, 0.8);
	display:block;
	padding:5px 12px;
	border:rgba(255,255,255, 0.6) 1px solid;
	border-radius:8px;
	font-size: 16px;
}
.main_img .show .imgArea a:hover{
	background: rgba(255,255,255, 0.7);
	color:rgba(0,0,0, 0.6);
}
.main_img:hover  .show {opacity: 1;filter:alpha(opacity=100);}
.main_img:hover .show .imgArea{opacity:1;filter:alpha(opacity=100);bottom:40%;}
.main_img:hover {
	transform: scale(1.2, 1.2);
	
	-ms-transform:scale(1.2, 1.2); 	/* IE 9 */
	-moz-transform:scale(1.2, 1.2); 	/* Firefox */
	-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
	-o-transform:scale(1.2, 1.2); 	/* Opera */
	    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    
    filter: grayscale(0%);
	
    filter: none;
}

.pageinfo { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 10px; COLOR: #0076BE; PADDING-TOP: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #fff; TEXT-ALIGN: center; margin-top:20px;}
.pageinfo A { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 0px 2px; COLOR: #333; PADDING-TOP: 2px; TEXT-DECORATION: none; border: 1px solid #E1E1E1; }
.pageinfo A:hover { COLOR: #E3242C; border: 1px solid #E3242C; }
.pageinfo A:active { COLOR: #E3242C; border: 1px solid #E3242C; }
.pageinfo SPAN.thisclass { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #fff; PADDING-TOP: 2px; BACKGROUND-COLOR: #E3242C; border: 1px solid #E3242C; }
.pageinfo SPAN.pageinfo { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BACKGROUND-COLOR: #FFFFFF; border: 1px solid #E1E1E1; color: #333333; }
.pageinfo SPAN.disabled {DISPLAY: none}
.pageinfo SPAN.current { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; border: 1px solid #E60011; color:#FFFFFF; background-color: #E60011; }

.page .page-news-list li { border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCCCCC; line-height: 32px; height: 32px; background-image: url(../images/dot-gray.jpg); background-repeat: no-repeat; background-position: 0px center; padding-left: 12px; }

@media screen and (max-width:900px)
{
.top{ width:100%; height:60px; margin:0px auto; padding:10px 0px; position:inherit; background:#FFFFFF;}
.logo{ float:none; text-align:center;}
.logo img{ height:60px;}
.set{ float:none; width:100%; padding-right:0px;}
.nav{ float:none; width:100%;}
.nav ul li{ width:100%; height:30px; background:#F8F8F8; border-bottom:1px solid #999999;}
.nav ul li a{ display:block; width:100%; height:24px; padding-top:6px; color:#000000; font-size:14px; font-family:Arial;}
.nav ul li a:hover{ background:#E23F14; font-weight:bold; color:#ffffff;}
.nav ul li a.a{ background:#E23F14; font-weight:bold; color:#ffffff;}
.products{ width:100%; margin:0px auto; margin-top:30px;}
.p_top{ width:100%;}
.p_top h2{ font-size:20px;}
.p_center{ width:90%; margin:0px auto; margin-top:20px; padding:0px 5%;}
.p_center ul li{ float:none; width:100%; margin-left:0px; margin-right:0px; margin-top:10px;}
.p_center ul li img{ width:100%;}
.p_center ul li:hover{ border:0px solid #E23F14;}
.p_bot{ width:100%; margin:0px auto; margin-top:40px;}
.p_bot a{ display:block; margin:0px auto; width:180px; height:35px; border:2px solid #333333; padding-top:15px; font-size:16px; border-radius:5px;}
.p_bot a:hover{border:2px solid #E23F14; color:#E23F14;}
.tupian{ width:90%; margin:0px auto; margin-top:40px; padding:0px 5%;}
.tupian ul li{ float:none; width:100%; margin-left:0px; margin-right:0px; margin-top:20px;}
.tupian ul li img{ width:100%;}
.cp_top{ width:100%; margin-top:20px;}
.cp_top ul li{ width:100%; margin-top:10px; text-align:left;}
.cp_top ul li h2{ float:left; width:100%; margin:0px auto; font-size:14px; font-weight:100; margin-bottom:10px;}
.cp_top ul li b{ float:left; width:98%; background:#CCCCCC; padding:3px 0px; font-weight:100; padding-left:2%;}
.cp_top ul li b:hover{ background:#E23F14; color:#FFFFFF;}
.cp_top ul li p{ display: none;}
.cp_top ul li p a{ float:left; background:#F8F8F8; display:block; width:98%; padding:9px 0px; margin:0px auto; margin-top:4px; padding-left:2%;}
.cp_top ul li p a:hover{ background:#FCE6E0;}
.cp_top ul li b a:hover{ background:#E23F14; color:#FFFFFF;}
.cp_top ul li b a{ background:none;}
.cp_center{ width:100%; margin-top:20px;}
.cp_center ul li{ float:none; width:100%; margin-right:0px; margin-bottom:20px;}
.cp_center ul li img{ width:100%;}
.cp_center ul li span{ display:block; width:100%; height:28px; background:#E8E8E8; padding-top:12px;}
.cp_center ul li span:hover{ background:#E23F14; color:#FFFFFF;}
.cp_center ul li span:hover a{ color:#FFFFFF;}

.dm_bot{ width:100%; margin-top:20px;}
.dm_bot ul h2{ width:100%; height:auto; font-size:16px; color:#FFFFFF;}
.dm_bot ul h2 p{ float:none; width:100%; border-right:0px solid #FFFFFF; background:#E23F14; padding:10px 0px; margin-bottom:2px;}
.dm_bot ul h2 b{ float:none; display:block; width:100%; border-right:0px solid #FFFFFF; background:#E23F14; padding:10px 0px; margin-bottom:2px;}
.dm_bot ul h2 span{ float:none; display:block; width:100%; background:#E23F14; padding:10px 0px; margin-bottom:2px;}
.dm_bot ul li{ width:100%; height:auto; font-size:14px; color:#333333; font-weight:100;}
.dm_bot ul li p{ float:none; width:100%; border-right:0px solid #FFFFFF; background:#F0F0F0; padding:10px 0px; margin-bottom:2px;}
.dm_bot ul li b{ float:none; display:block; width:100%; border-right:0px solid #FFFFFF; background:#F0F0F0; padding:11px 0px; padding-top:12px; font-weight:100; margin-bottom:2px;}
.dm_bot ul li span{ float:none; display:block; width:100%; background:#F0F0F0; padding:10px 0px; margin-bottom:2px;}
}