@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}
body{ margin:0 auto; padding:0 auto; color:#333; font-size:14px; 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;}

.box{ width:100%; margin:0px auto; z-index:99999999; background:#333333; position:fixed; top:0px; height:68px; padding-top:15px;background:rgba(2,2,2,0.8)}
.top{ width:1200px; margin:0px auto;}
.logo{ float:left; width:200px;}
.nav{ float:right; width:900px; height:68px; padding-top:20px;}
.nav ul li{ float:left; padding-left:40px; height:68px;}
.nav ul li a{ color:#FFFFFF; font-size:18px;}
.nav ul li a:hover{ color:#FF0000; text-decoration:none;}

.menu1{ position:absolute; width:220px; max-height:320px; overflow-y:scroll;overflow-x:hidden; display:none; z-index:9999; font-size:12px; color:#333; margin-top:28px;}
.menu1 ul{ padding-left:0px;}
.menu1 ul li{ float:none; width:220px; height:30px; margin:0px; background:#000; padding:0px; border-bottom:1px solid #fff;}
.menu1 ul li a{ display:block; width:210px; text-align:left; font-size:14px; color:#fff; height:26px; padding-top:5px; padding-left:10px;}
.menu1 ul li a:link, .menu1 ul li a:visited { text-decoration: none; color: #fff; }
.menu1 ul li a:hover{   }
.menu_1{;overflow-x: hidden;
    overflow-y: hidden;}

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

.what{ width:1200px; margin:0px auto; margin-top:30px;}
.w_top{ width:100%;}
.w_top h2{ font-size:30px;}
.w_bot{ width:100%; margin-top:20px;}
.w_bot ul li{ float:left; width:400px; height:216px;overflow-x: hidden;
    overflow-y: hidden;}
.w_bot ul li img{ width:400px; height:216px;}

.products{ width:1200px; margin:0px auto; margin-top:30px;}
.p_top{ width:100%;}
.p_top h2{ font-size:30px;}
.p_bot{ width:100%; margin-top:20px;}
.p_b_top{ width:80%; padding-left:10%; height:50px; margin-top:20px;}
.p_b_top ul li{ float:left; width:180px; font-size:18px;}
.p_b_top ul li a{ display:block; width:160px; height:30px; padding-top:10px;}
.p_b_top ul li a:hover{ background:#CF2727; border-radius:25px; color:#FFFFFF; text-decoration:none;}
.p_b_bot{ width:100%; margin-top:30px;}
.p_b_bot ul li{ float:left; width:270px; margin-left:15px; margin-right:15px; margin-bottom:15px;}
.p_b_bot ul li img{ width:268px; border:1px solid #f8f8f8;}
.p_b_bot ul li span{ display:block; margin-top:8px;}


.about{ width:1200px; margin:0px auto; margin-top:50px;}
.a_left{ float:left; width:40%; text-align:left;}
.a_left h2{ font-size:30px; font-weight:100; margin-bottom:10px;}
.a_left p{ line-height:220%; font-size:16px;}
.a_right{ float:right; width:55%;}
.a_r_top{ width:100%; height:50px; border-bottom:1px dashed #999999;}
.a_r_top h2{ float:left; width:110px; height:30px; padding-top:5px; font-weight:100; cursor:pointer;}
.a_r_top h2.h2{ background:#CF2727; color:#FFFFFF;}
.a_r_top h2:hover{ background:#CF2727; color:#FFFFFF;}
.a_r_top p{ width:70px; background:#999999; float:right; height:23px; border-radius:25px; padding-top:7px;}
.a_r_top p a{ color:#FFFFFF;}
.a_r_bot{ width:100%; border-top:1px dashed #999999; margin-top:2px;}
.a_r_bot ul li{ float:left; width:210px; margin-left:4px; margin-right:6px; margin-top:20px;}
.a_r_bot ul li img{ width:210px;}

.advan{ width:90%; margin:0px auto; margin-top:30px; height:620px; padding:90px 5%; background:#F8F8F8;}
.a_top h2{ font-size:30px; font-weight:100; margin-bottom:20px;}
.a_top p{ line-height:200%;}
.a_bot{ width:1200px; margin:0px auto; margin-top:100px;}
.a_b_sese{ float:left; width:400px;}
.ss_top{ width:95%; height:65px; text-align:left;}
.ss_top p{ text-align:left; line-height:180%;}
.ss_top p b{ display:block; padding-top:8px;}
.ss_top p img{ float:left; margin-right:12px;}
.ss_bot{ width:100%; height:150px; margin-top:15px;}
.ss_bot p{ text-align:left; line-height:180%; padding-left:78px;}

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

.news{ width:90%; margin:0px auto; margin-top:30px; height:680px; padding:90px 5%; padding-bottom:30px; background:#F8F8F8;}
.n_top h2{ font-size:30px; font-weight:100; margin-bottom:20px;}
.n_top p{ line-height:200%;}
.n_bot{ width:1200px; margin:0px auto; margin-top:100px;}
.n_bot ul{ float:left; margin-left:2%; margin-right:1%; width:30%; background:#FFFFFF;}
.n_bot ul li{ text-align:left; margin-bottom:10px; width:100%; font-size:16px;overflow-x: hidden;
    overflow-y: hidden;}
.n_bot ul li img{ width:100%;}
.n_bot ul li.soso{ padding:2%; width:96%;}
.n_bot ul li.soso p{ line-height:180%; font-size:20px;}

.bbbbb{ background:#3c3f40; width:100%; margin-top:30px; height:400px; }
.foot{ width:1200px; margin:0px auto; padding-top:30px;}
.f_left{ width:900px; float:left;}
.f_left ul{ width:160px; float:left; text-align:left; color:#FFFFFF;}
.f_left ul h2{ font-weight:100; margin-bottom:40px;}
.f_left ul li{ line-height:220%; background:url(../images/i33.png) no-repeat left center; padding-left:16px;}
.f_left ul li a{ color:#FFFFFF;}
.f_left ul div.contact h3{ font-size:14px; margin-top:20px; margin-bottom:5px;}
.f_left ul div.contact li{  line-height:180%; padding-left:20px;}

.f_right{ float:right; width:300px;}
.f_r_top{ width:100%;}
.f_r_top ul{ float:left; width:115px; margin-right:30px;}
.f_r_top ul li{ width:100%; height:35px; margin-bottom:18px;}
.f_r_top ul li input{ width:107px; height:35px; border:none; border-radius:6px; padding-left:8px; color:#999999;}
.f_r_bot{ width:270px;}
.f_r_bot textarea{ width:270px; height:110px; border-radius:5px; text-align:left;}
.f_r_bot input{ width:135px; height:50px; border-radius:25px; border:none; background:#880315; color:#FFFFFF; font-size:16px; float:left; margin-top:20px;}
.footer{ width:100%; margin:0px auto; background:#000; height:50px;}
.footer p{ padding-top:15px; color:#FFFFFF;}
.footer_a{line-height:50px;width: 1200px;margin:0 auto;color:#fff}
.footer_a a{color:#fff;}

.products{ width:1200px; margin:0px auto; margin-top:30px;}
.products_left{ float:left; width:300px;}
.products_right{ float:right; width:860px;}
.pro_l_top{ width:300px; background:#FF0000; height:45px;}
.pro_l_top h2{ color:#FFFFFF; padding-top:10px;}
.pro_l_bot{ width:300px;}
.pro_l_bot ul li{ width:300px; height:25px; border-bottom:1px solid #dddddd; background:#f5f5f5; padding-top:10px;}
.pro_l_bot ul li a:hover{ color:#FF0000;}
.pro_r_top{ width:860px; height:50px; border-bottom:1px solid #dddddd;}
.pro_r_top h2{ float:left; width:450px; text-align:left; padding-top:12px; font-weight:100; word-break:keep-all;
white-space:nowrap; overflow:hidden;}
.pro_r_top p{ float:right; width:350px; padding-top:15px; color:#999999; word-break:keep-all;
white-space:nowrap; overflow:hidden;}
.pro_r_bot{ width:100%; text-align:left; margin-top:20px;}
.pro_r_bot p{ line-height:200%;}
.pro_r_bot ul li{ float:left; width:260px; margin-left:10px; margin-right:10px; margin-bottom:15px;}
.pro_r_bot ul li img{ width:258px; border:1px solid #f8f8f8;}
.pro_r_bot ul li span{ display:block; margin-top:8px; text-align:center;}
.pro_r_bot1{ width:100%; margin-top:20px;}
.show h1{ font-size:20px; margin-bottom:10px;}
.show1{ width:100%; margin-top:30px;}
.s1_top{ width:100%; border-bottom:1px solid #dddddd;}
.s1_top h2{ text-align:left; padding-top:8px; height:30px; text-align:center; background:#FF0000; width:150px; color:#FFFFFF; font-size:16px;}
.s1_bot{ width:100%; margin-top:10px; text-align:left; line-height:200%;}

.pro_r_bot1 ul li{ line-height:230%; height:35px; border-bottom:1px dashed #dddddd;}
.pro_r_bot1 ul li a{ float:left;}
.pro_r_bot1 ul li span{ float:right;}

.pageinfo { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 10px; COLOR: #333; PADDING-TOP: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #fff; TEXT-ALIGN: center }
.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 #1E903A; color:#FFFFFF; background-color: #1E903A; }

.page-news-show { padding: 8px; }
.page-news-show h2 { font-size: 16px; line-height: 32px; text-align: center; color: #F60; font-weight: 700; }
.page-news-show .info { text-align: center; color: #666666; line-height: 22px; }
.sese{ text-align:left; margin-top:10px; line-height:200%;}
.sese img{ max-width:860px; margin-bottom:15px;}
.InputBorder{ height:30px; border-radius:6px; margin-bottom:10px; border:1px solid #CCCCCC; background:none;}
.InputBorder1{ border-radius:6px; margin-bottom:10px; border:1px solid #CCCCCC; background:none;}
.btn{ width:135px; height:50px; border-radius:25px; border:none; background:#880315; color:#FFFFFF; font-size:16px; margin-top:20px;}



.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 */
}
figure.effect-sadie figcaption::before {
	position: absolute;
	width: 258px;
	height: 258px;
	opacity: 0;
	-webkit-transform: translate3d(0,50%,0);
	transform: translate3d(0,50%,0);
}


figure.effect-sadie figcaption::before,
figure.effect-sadie p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-sadie p {
	position: absolute;
	top: 50;
	left: 20;
	width: 120px;
	height:32px;
	background:#ffffff;
	color:#000000;
	 border-radius:25px;
	  padding-top:8px;
	  margin-left:30px;
	   margin-top:-70px;
	opacity: 0;
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
}
figure.effect-sadie p:hover {
	position: absolute;
	top: 50;
	left: 20;
	width: 120px;
	height:32px;
	background:none;
	border:2px solid #999999;
	color:#333333;
	 border-radius:25px;
	  padding-top:8px;
	  margin-left:30px;
	   margin-top:-70px;
	opacity: 0;
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
}


figure.effect-sadie:hover figcaption::before ,
figure.effect-sadie:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}