@charset "utf-8";
/* CSS Document */
#wrapper #main{ width:100%; margin:55px auto; padding:0; float:left; margin-bottom:20px;}
#wrapper #main .area1{ width:1200px; margin:0 auto; padding:0;}
#wrapper #main .area1 .area1_1{ width:275px; float:left; margin:0 auto; padding:0;}
#wrapper #main .area1 .area1_1 .area1_1_1{ width:275px; left:0; color:#C9C9C9; font-size:24px; border-left:4px #397DDB solid; float:left; padding-left:20px; letter-spacing:3px; margin-top:70px;}
#wrapper #main .area1 .area1_1 .area1_1_1 .area1_1_1_1{ color:#686868; font-size:14px; letter-spacing:1px; line-height:30px; float:left;}
#wrapper #main .area1 .area1_1 .area1_1_1 .area1_1_1_1 .area1_1_1_2{ color:#3164ab;}
#wrapper #main .area1 .area1_1 .area1_1_2{ width:275px; float:left; color:#E5E5E5; font-size:14px; margin-top:20px; margin-bottom:10px; line-height:22px;}
#wrapper #main .area1 .area1_2{ width:920px; margin:0 auto; padding:0; float:left;}
#wrapper #main .area1 .area1_2 ul{ width:920px; margin:0 auto; padding:0; background:#1B1B1B; letter-spacing:2px; float:left; list-style-type:none; margin-top:35px;}
#wrapper #main .area1 .area1_2 ul li{ width:182px; height:530px; float:left; border-left:1px solid #333; overflow:hidden; text-align:center;}
#wrapper #main .area1 .area1_2 ul li a{ width:182px; height:530px; display:inline-block; text-decoration:none;}
#wrapper #main .area1 .area1_2 ul li a:hover{ width:182px; height:530px; display:inline-block; text-decoration:none; float:left; background:url(../images/product/p_02.png) no-repeat; color:#fff;}
#wrapper #main .area1 .area1_2 ul li .area1_2_1{ font-size:30px; color:#397DDB; float:left; margin-top:25px; margin-left:80px;}
#wrapper #main .area1 .area1_2 ul li .area1_2_2{ font-size:24px; color:#C9C9C9; float:left; margin-left:55px; margin-top:20px;}
#wrapper #main .area1 .area1_2 ul li .area1_2_3{ font-size:14px; color:#6c6c6c; float:left; margin-left:55px; margin-top:5px;}
#wrapper #main .area1 .area1_2 ul li .area1_2_4{ color:#294772; font-size:14px; float:left; margin-top:5px;}
#wrapper #main .area1 .area1_2 ul li .area1_2_5{ font-size:14px; color:#6c6c6c; float:left; margin-top:5px;}
#wrapper #main .area1 .area1_2 ul li img{ overflow:hidden; width:125px; height:125px; margin-left:10px; margin-top:220px;}
#wrapper #main .area1 .area1_2 ul li .area1_2_6{ font-size:14px; float:left; color:#A5A5A5; margin-left:65px; margin-top:10px;}
#wrapper #main .area1 .area1_2 ul li .area1_2_7{ font-size:24px; color:#C9C9C9; float:left; margin-left:25px; margin-top:20px;}
#wrapper #main .area1 .area1_2 ul li .area1_2_8{ font-size:24px; color:#C9C9C9; float:left; margin-left:15px; margin-top:20px;}
#wrapper #main .area1 .area1_3{ width:5px; height:50px; float:left; margin:0 auto; padding:0; line-height:550px; font-family:"宋体"; font-weight:900; font-size:48px; position:relative; left:0px;}
#wrapper #main .area1 .area1_3 a{ text-decoration:none; color:#686868;}
#wrapper #main .area1 .area1_3 a:hover{ text-decoration:none; color:#fff;}
#wrapper #main .area1 #divframe2{ width:0px; margin:0 auto; padding:0; float:left; margin-left:30px;}
#wrapper #main .area1 #divframe2 ul{ width:920px; margin:0 auto; padding:0; background:#1B1B1B; letter-spacing:2px; float:left; list-style-type:none; margin-top:35px;}
#wrapper #main .area1 #divframe2 ul li{ width:182px; height:530px; float:left; overflow:hidden; text-align:center;}
#wrapper #main .area1 #divframe2 ul li a{ width:182px; height:530px; display:inline-block; text-decoration:none;}
#wrapper #main .area1 #divframe2 ul li a:hover{ width:182px; height:530px; display:inline-block; text-decoration:none; float:left; background:url(../images/product/p_01.png) no-repeat; color:#fff;}
#wrapper #main .area1 #divframe2 ul li .area1_2_1{ font-size:30px; color:#397DDB; float:left; margin-top:25px; margin-left:80px;}
#wrapper #main .area1 #divframe2 ul li .area1_2_2{ font-size:24px; color:#C9C9C9; float:left; margin-left:55px; margin-top:20px;}
#wrapper #main .area1 #divframe2 ul li .area1_2_3{ font-size:14px; color:#6c6c6c; float:left; margin-left:55px; margin-top:5px;}
#wrapper #main .area1 #divframe2 ul li .area1_2_4{ color:#294772; font-size:14px; float:left; margin-top:5px;}
#wrapper #main .area1 #divframe2 ul li .area1_2_5{ font-size:14px; color:#6c6c6c; float:left; margin-top:5px;}
#wrapper #main .area1 #divframe2 ul li img{ overflow:hidden; width:125px; height:125px; margin-left:10px; margin-top:220px;}
#wrapper #main .area1 #divframe2 ul li .area1_2_6{ font-size:14px; float:left; color:#A5A5A5; margin-left:65px; margin-top:10px;}
#wrapper #main .area1 #divframe2 ul li .area1_2_7{ font-size:24px; color:#C9C9C9; float:left; margin-left:25px; margin-top:20px;}
#wrapper #main .area1 #divframe2 ul li .area1_2_8{ font-size:24px; color:#C9C9C9; float:left; margin-left:15px; margin-top:20px;}
#wrapper #main .area1 #arrow2{ width:20px; height:50px; float:left; margin:0 auto; padding:0; line-height:550px; font-family:"宋体"; font-weight:900; font-size:48px;}
#wrapper #main .area1 #arrow2 a{ text-decoration:none; color:#686868;}
#wrapper #main .area1 #arrow2 a:hover{ text-decoration:none; color:#fff;}
#wrapper #main .area2{ width:1300px; margin:0 auto; margin-top:20px; height:116px; text-align:center;}
#wrapper #main .area2 .area2_1{ width:18px; height:115px; border:1px solid #282828; display:inline-block; float:right; position:relative; cursor:pointer; overflow:hidden; line-height:115px; text-align:center; background:#393939;}
#wrapper #main .area2 .area2_1 a{ width:18px; display:inline-block; color:#686868; text-decoration:none; font-size:24px;}
#wrapper #main .area2 .area2_1 a:hover{ text-decoration:none; background:#666; display:inline-block; color:#fff;}
#wrapper #main .area2 .area2_2{ width:1260px; float:right; margin:0 auto; padding:0;}
#wrapper #main .area2 .area2_2 ul{ width:1256px; list-style-type:none; margin-top:0px; margin:0 auto; padding:0;}
#wrapper #main .area2 .area2_2 ul li{ margin-left:3px; background:#333; display:inline-block; width:154px; height:117px;float:left;}
#wrapper #main .area2 .area2_2 ul li a{ width:154px; overflow:hidden; text-decoration:none;}
#wrapper #main .area2 .area2_2 ul li a:hover{ width:154px; overflow:hidden; text-decoration:none; }
#wrapper #main .area2 .area2_2 img{ width:152px; height:115px; overflow:hidden;border:1px solid #474747}
#wrapper #main .area2 .area2_2 img:hover{ border:1px solid #ff0000}
/*
#wrapper #main .area2{ width:100%; margin:0 auto; float:left; border:1px solid #474747; background:#373737; margin-top:20px; padding-top:10px; padding-bottom:10px;}
#wrapper #main .area2 .area2_1{ width:20px; height:100px; border:1px solid #282828; display:inline-block; float:left; position:relative; cursor:pointer; overflow:hidden; line-height:100px; text-align:center; background:#393939;}
#wrapper #main .area2 .area2_2{ width:154px; float:left; margin-left:3px; background:#19181A; display:inline-block;}
#wrapper #main .area2 .area2_2 a{ width:154px; height:100px; overflow:hidden; text-decoration:none;}
#wrapper #main .area2 .area2_2 a:hover{ width:154px; height:100px; overflow:hidden; text-decoration:none;}
#wrapper #main .area2 .area2_2 img{ width:154px; height:100px; overflow:hidden;}
*/

#wrapper #box{ width:1000px; margin:0 auto; padding:0; top:7%; position:absolute; margin-left:-500px; left:50%; opacity:1.0;}
#wrapper #box .box{ width:100%; margin:0 auto; padding:0; float:left;background-color:#333;border-radius:25px;}
#wrapper #Close{ width:49px; margin:0 auto; padding:0; float:left; right:-25px; top:-25px; position:absolute;}
#wrapper #Close img{ width:49px; height:49px; overflow:hidden;}