body { width:100%; font:13px/20px "Open sans",Arial, Sans-Serif; text-align:justify; min-width:1020px; color:#333; background:url(/images/bg/bg-body.jpg) no-repeat top fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
.W1000	{ width:1000px; margin:0 auto;}

a {color:#333;}
a:hover { color:#ff2d00;}

#top { border-top:3px solid #2525d3; position:fixed; top:0; width:100%; height:90px; z-index:13;}
.header { background:#fff; padding-top:10px;}
.logo { display:block; float:left;}
.logo img { width:100%;}

.pnlPro2, .pnlDt, .pnlDt2, .pnlIDPI input, .picP, .BoxL, .button, .pnlSear {-moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; overflow:hidden;}

.tCol2 { float:right;}
.tCol2 .pnlSear { float:right; height:27px; line-height:27px; margin-left:5px; border:1px solid #c0c0c0; background:#fff;}
.tCol2 .pnlSear input	{ border:none; outline:none; padding:0 5px; height:100%; float:right; width:200px;}
.tCol2 .pnlSear .btnsearch { color:#fff; width:60px; background:#2525d3; cursor:pointer;}
.tCol2 .pnlSear .btnsearch:hover { background:url(/images/icon/icon_search.png) no-repeat center #c0c0c0;}
.tCol2 .pnlSear .cart,.tCol2 .pnlSear span { display:block; float:right; height:100%; font-size:15px;}
.tCol2 .pnlSear .cart { background:url(/images/bg/bg-cart.png) no-repeat bottom left; width:45px; margin:0 15px;}
.tCol2 .pnlSear .cart span { width:22px; height:22px; color:#fff; background:#888888; text-align:center; line-height:22px; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; overflow:hidden;}
.tCol2 .pnlSear .tel { padding:0 5px; padding-left: 20px; background:url(/images/bg/bg-tel.png) no-repeat left;}
/*----  Menu  ----*/
.menu	{ float:right; position:relative; z-index:15; margin-top:5px;}
.menu li	{ float:left; line-height:37px; text-transform:uppercase; font-weight:bold; border-bottom:2px solid #fff;}
.menu li a { padding:0 17px; display:block;}
.menu li ul	{ margin-top:2px; width:200px; background-color: rgba(37, 37, 211, 0.9); z-index:16; position:absolute; display:none;}
.menu li ul li	{ width:100%; float:left; margin-left:0 !important; line-height:30px; text-transform:none !important; font-weight:normal !important; border-bottom:1px solid #6161df;}
.menu li ul li a	{ display:block; color:#fff; padding:0 10px;}
.menu li ul li:last-child { border-bottom:none;}
.m3, .ac2, ul li ul li:hover { background:#23378D;}
.menu .m1:hover .C2 {display:block;}
.menu .m1:hover { border-bottom:2px solid #2525d3;}
.menu li:hover .a1, .ac .a1 { color:#2525d3;}

/*=========================================*/
.bgtop	{ clear:both; height:5px; width:100%; background:url(/images/bg/bg-top.png) repeat-x top; position:relative; z-index:14;}

/*=================Home ==================*/
.link { height:40px; line-height:35px;}
.cmaTite { font-weight:normal; font-weight:500; text-transform:none; padding-right:5px; padding-left:10px; background:url(/images/bg/bg-ab.png) no-repeat left; }
.cmaTite:first-child { background:none; padding-left:0px; }
/*----- Page ---------*/
.lbltxt	{ margin:30px 0;}
.lbltxt span a	{ padding:6px 12px; font-weight:500; font-size:15px; border:1px solid #ccc; margin-left:-4px;}
.lbltxt span .apage:hover, .lbltxt span .cpage	{ color:#fff; Background:#49879C; }


.pnlLeft { float:left;}
.picP, .BoxL { width:100%; border:1px solid #c9d0d8; background:#fff; margin-bottom:10px; position:relative;}
.BoxL .oem { height:70px; width:210px; text-align:center; vertical-align:middle; display:table-cell; }
.picP img, .BoxL img { max-width:100%; max-height:100%;}

.scroll_vertical {position:relative; width:210px;}
.scroll_vertical .box {overflow:hidden; position:relative;}
.scroll_vertical .list{position:absolute;top:0;left:0;}

.ColRight .list li{height:150px;}
.ColRight .box { height:450px;}
.pnlLeft .list li{height:82px;text-align:center;}
.pnlLeft .box { height:485px;}

.ColRight:hover .prev, .ColRight:hover .next,
.pnlLeft:hover .prev, .pnlLeft:hover .next { display:block;}
.scroll_vertical .prev,
.scroll_vertical .next{ display:none; position:absolute; z-index:2; left:40%; height:23px; width:41px; background:url(/images/bg/control.png) no-repeat; cursor:pointer;}
.scroll_vertical .prev{top:5px;background-position:-84px -47px;}
.scroll_vertical .next{bottom:5px;background-position:-134px -50px;}
.ColRight .prev { top:50px;}

.ColCenter { width:515px;float:left; margin-left:30px;}
.titH3 { color:#2525d3; display:block; font-weight:bold; font-size:18px; text-transform:uppercase; padding-bottom:20px; line-height:24px;}
.titH3 a { color:#2525d3;}
.titH3 a:hover { color:Red;}
.pnlIDPI { text-align:center; padding-top:10px;}
.pnlIDPI p { margin-bottom:10px;}
.pnlIDPI input { border:none; outline:none; height:43px; line-height:43px; padding:0 10px; 
	background:url(/images/bg/ipt3.png) no-repeat top left,url(/images/bg/ipt6.png) no-repeat bottom left,url(/images/bg/ipt7.png) no-repeat bottom right,url(/images/bg/ipt8.png) no-repeat top right,
	url(/images/bg/ipt4.png) repeat-x bottom,url(/images/bg/ipt5.png) repeat-y right, url(/images/bg/ipt1.png) repeat-y left, url(/images/bg/ipt2.png) repeat-x top #fff; }
.iptIDPI { width:100%;}
.code { display:block; float:left; font-size:15px; font-weight:bold; line-height:43px; text-transform:uppercase; }
.iptCode { width:200px; float:left; margin:0 5px;}
.btnIDPI { background:#2525d3 !important; width:140px; height:36px !important; line-height:36px !important; cursor:pointer; text-transform:uppercase; font-size:18px; font-weight:500; color:#fff;}

.ColRight { float:right;}
.picP { height:110px; text-align:center; margin-bottom:0;}
.picP a { width:210px; height:110px; vertical-align:middle; display:table-cell;}
.NameP { font-size:14px; font-weight:500; padding-top:5px; height:40px; overflow:hidden; }

.Footer { margin-top:30px; clear:both; text-align:center; height:70px; padding:15px; line-height:24px; background:url(/images/bg/bg-bottom.png) no-repeat top;}
.sp1 { padding-right:2px;}
.sp2 { padding-right:20px; padding-left:5px; font-weight:bold;}
/*================= list,dt ==================*/
.pnlPro2 { margin-top:15px; padding:10px 10px 0 !important;}
.pnlPro2, .pnlDt { float:right; width:755px; background:#fff; padding:10px;-webkit-box-shadow: 0px 0px 5px 0px rgba(223,227,231,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(223,227,231,0.75); box-shadow: 0px 0px 5px 0px rgba(223,227,231,0.75);}
.pnlDt2 { background:#fff; width:100%; padding:10px;}
.BoxC { width:176px; float:left; margin:0 10px 10px 0;}
.pnlDt2 .BoxC { width:188px;}
.pnlDt .BoxC:nth-child(4n) { margin:0 0 10px 0;}
.pnlPro2 .BoxC:nth-child(5n), .pnlDt2 .BoxC:nth-child(5n) { margin:0 0 10px 0;}
.Detail img { max-width:100% !important; height:auto !important;}
.mdt { font-weight:500; padding-bottom:10px;}


.hover-state { transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; }
.NewH:hover .hover-state, .BoxR:hover .hover-state, .BoxC:hover .hover-state { opacity: 1;}
.hover-state {
	opacity: 0;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:url(/images/bg/bg-view.png) no-repeat center;
	background-color: rgba(52, 52, 52, 0.5);
}

/*----------- list tin -------------*/
.NewsL { padding:10px;}
.NewsL .PicN { display:block; float:left; position:relative; margin-right:10px; width:200px; height:140px; overflow:hidden;}
.NewsL img { width:100%;}
.NewsL .titH2N { font-size:17px; font-weight:500; line-height:24px;}
.time2 { padding:5px 0; font-style:italic;}
.descN { max-height:60px; overflow:hidden;}
.Detail { padding:10px 0;}
.NewsL .ctn { padding-top:5px;}
.NewsL .ctn a { float:right;}
.titH1 { font-size:18px; line-height:24px; }

/* --- Contact -- */
.pnContact	{ padding-top:20px; margin-top:50px;}
.pnContact { border-top:1px solid #ddd; height:auto; }
.pnContact p {display:block ; overflow:hidden; margin:10px 0;}
.pnContact p .sp2 { width:100px;text-align:right;float:left;margin-right:10px;line-height:26px; }
.tb { padding-left:110px; font-size:13px;}
.pnContact p input { width:400px; padding:0 10px; border:1px solid #ccc; line-height:26px; outline:none;}
.txtContentC	{ width:400px; outline:none; padding:10px; border:1px solid #ccc; font:13px/20px "Open sans",Arial, Sans-Serif; }
.pnContact p .button { border:none; background:#005ba0; color:#fff; font-size:14px; font-weight:500; padding:2px 20px; cursor:pointer; width:auto; cursor:pointer; margin:10px 0;}
.pnContact p .button:hover {background:#FD7400;}

.pnlCart2 [class^=open-], .pnlCart .close { display:none;}
.close { text-align:center; padding:30px; font-style:italic; color:Red;}
[class^=open-] { position:relative; margin:30px auto; width:100%; height:322px; font-weight:bold; font-size:15px; -webkit-background-size:cover!important; -moz-background-size:cover !important; -o-background-size:cover !important; background-size:cover !important;}
[class^=open-] p { line-height:30px; position:absolute;}

.p7, .p6 { display:none;}

.open-1 .p1 { left:330px; top:135px;}
.open-1 .p2 { left:360px; top:170px;}
.open-1 .p3 { left:80px; top:190px;}
.open-1 .p4 { left:80px; top:228px;}
.open-1 .p5 { left:90px; top:265px;}
.open-1 .CR-1 { right:160px; top:220px;}
.open-1 .CR-2 { left:375px; top:220px;}
.open-1 .CR-3 { left:375px; top:250px;}
.open-1 .CR-4 { right:160px; top:250px;}

.open-2 .p1 { left:250px; top:110px;}
.open-2 .p2 { display:none;}
.open-2 .p3 { left:75px; top:147px;}
.open-2 .p4 { left:80px; top:190px;}
.open-2 .p5 { left:90px; top:282px;}
.open-2 .p6 { display:block; left:120px; top:235px;}
.open-2 .CR-1 { right:138px; top:230px;}
.open-2 .CR-2 { left:393px; top:230px;}
.open-2 .CR-3 { left:393px; top:260px;}
.open-2 .CR-4 { right:138px; top:260px;}

.open-3 .p1 { left:320px; top:75px;}
.open-3 .p2 { display:none;}
.open-3 .p3 { left:75px; top:120px;}
.open-3 .p4 { left:90px; top:170px;}
.open-3 .p5 { left:90px; top:220px;}
.open-3 [class^=CR-] { display:none !important;}
.open-3 .p7 { display: block; left:155px; top:263px; }

.open-4 p { position:absolute; font-size:12px;}
.open-4 .CR { display:none;}
.open-4 .p1 { left:65px; top:210px;}
.open-4 .p2 { left:375px;  top:210px;}
.open-4 .p3 { left:90px; top:172px;}
.open-4 .p4 { left:90px; top:133px;}
.open-4 .p5 { left:283px; top:211px; font-size:11px;}
.open-4 .p6 { left:280px; top:172px; display:block;}
.open-4 .p7 { left:120px; top:250px; display:block;}

.open-5 .p1 { left:360px; top:92px;}
.open-5 .p2 { display:none;}
.open-5 .p3 { left:75px; top:140px;}
.open-5 .p4 { left:80px; top:180px;}
.open-5 .p5 { left:90px; top:222px;}
.open-5 [class^=CR-] { display:none !important;}
.open-5 .p7 { display: block; left:90px; top: 264px; }

.open-6 p { position:absolute;}
.open-6 .CR { bottom:12px; right:35px; }
.open-6 .CR p { position:static !important;}
.open-6 .p1 { left:305px; top:95px;}
.open-6 .p2 { left:60px;  top:235px;}
.open-6 .p3 { left:50px; top:145px;}
.open-6 .p4 { left:85px; top:185px;}
.open-6 .p5 { left:85px; top:280px;}
.open-6 .CR-1 { right:115px; top:250px;}
.open-6 .CR-2 { left:415px; top:250px;}
.open-6 .CR-3 { left:415px; top:280px;}
.open-6 .CR-4 { right:115px; top:280px;}


.open-7 p { position:absolute;}
.open-7 .p1 { left:340px; top:143px;}
.open-7 .p2 { left:65px; top:250px;}
.open-7 .p3 { left:65px; top:168px;}
.open-7 .p4 { left:80px; top:208px;}
.open-7 .p5 { left:80px; top:278px;}
.open-7 .p7 { display:none;}
.open-7 .CR-1 { right:140px; top:246px;}
.open-7 .CR-2 { left:390px; top:246px;}
.open-7 .CR-3 { left:390px; top:275px;}
.open-7 .CR-4 { right:140px; top:275px;}


.open-8 .p1 { left:340px; top:140px;}
.open-8 .p2 { left:380px; top:180px;}
.open-8 .p3 { left:70px; top:197px;}
.open-8 .p4 { left:70px; top:230px;}
.open-8 .p5 { left:80px; top:270px;}
.open-8 .CR-1 { right:125px; top:225px;}
.open-8 .CR-2 { left:405px; top:225px;}
.open-8 .CR-3 { left:405px; top:250px;}
.open-8 .CR-4 { right:125px; top:250px;}

.open-9 .p1 { left:285px; top:110px;}
.open-9 .p2 { display:none;}
.open-9 .p3 { left:60px; top:170px;}
.open-9 .p4 { left:70px; top:213px;}
.open-9 .p5 { left:80px; top:263px;}
.open-9 .CR-1 { right:160px; top:240px;}
.open-9 .CR-2 { left:375px; top:240px;}
.open-9 .CR-3 { left:375px; top:265px;}
.open-9 .CR-4 { right:160px; top:265px;}

.open-10 .p1 { left:285px; top:115px;}
.open-10 .p2 { display:none;}
.open-10 .p3 { left:60px; top:170px;}
.open-10 .p4 { left:70px; top:213px;}
.open-10 .p5 { left:80px; top:263px;}
.open-10 .p6 { left:285px; top:143px; display:block;}
.open-10 .CR-1 { right:160px; top:240px;}
.open-10 .CR-2 { left:375px; top:240px;}
.open-10 .CR-3 { left:375px; top:265px;}
.open-10 .CR-4 { right:160px; top:265px;}