/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {padding: 0;margin: 0;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset,img {border: 0; padding:0px; margin:0px;}
ol,ul {list-style: none;}
h1,h2,h3,h4,h5,h6 {font-weight: normal; font-size:100%;}
body{ font:12px/24px '宋体'; color:#000;}
a{ color:#000; text-decoration:none;}
h2{ font-family:"Microsoft YaHei";}
*{ outline:none;}
.contentbox{ width:1200px; margin:0px auto;}
/* 头部样式 */
.header{width: 100%;background: #fff;}
.top{width: 100%;height: 31px;line-height: 32px;background-color: #F8F8F8;border-bottom: 1px solid #EBEBEB;}
.top .topbox{height: 31px;}
.top .topbox .left{ float:left;}
.top .topbox .right .tel{ float:right;position: relative;margin-left: 15px;}
.top .topbox .right{ float:right;position: relative;}
.top .topbox .right .tel span{ display:block; float:left;}
.top .topbox .right .tel em {float: left;font-family: "Microsoft YaHei";color: #E50000;font-size: 14px;font-style: normal;}
.top .topbox .right .wxbox{float: right; background:url(../images/wxico.jpg) no-repeat left center;padding-left: 15px;margin-left: 15px; cursor:pointer;}
.top .topbox .right .wxboximg{ background:url(../images/wxboxbg.png) no-repeat; width:110px; height:112px; position:absolute; z-index:999;top: 26px;left: 203px;padding-top:16px; padding-left:10px;}
.top .topbox .right .list{float: right;}
.top .topbox .right .list a{ padding:0px 8px;color:#000;}
.top .topbox .right .list a:hover{ color:#1c95e6; text-decoration:underline;}
.logo{ height:120px; overflow:hidden;}
.logo .logol{ float:left; overflow:hidden; margin-top:12px;}
.logo .logor{ float:right; overflow:hidden; width:750px;}
.logor .search{ float:left; width:486px; overflow:hidden; margin-top:22px;}
.logor .search .searchtop{ height:26px; line-height:26px; overflow:hidden;}
.logor .search .searchtop a{ color:#888; padding-right:10px;}
.logor .search .searchtop a:hover{ color:#1c95e6; text-decoration:underline;}
.logor .search .searchbottom{ height:40px;}
.logor .search .searchbottom span{ display:block; float:left;}
.logor .search .searchbottom span input{ border:none;}
.logor .search .searchbottom span input.txt{ font-size:13px; color:#888; height:34px; line-height:34px; width:405px;font-family:"宋体"; border:3px solid #28aee3;}
.logor .search .searchbottom span input.btn{ width:70px;text-align:center;background:#28aee3; height:40px; line-height:40px; color:#fff; font-size:14px; font-weight:bolder; cursor:pointer;}
.header .logo .logor .login{ float:left; margin-top:22px; margin-left:20px;}
.header .logo .logor .login .loginico{ width:51px; float:left; margin-left:47px;}
.header .logo .logor .login a{ display:block; float:left; width:51px;}
.header .logo .logor .login a p{ color:#888; height:32px; line-height:32px; text-align:center;}
/* 头部样式 */
/* nav */
.nav{ height:40px; background:#28aee3;}
.nav .navbox{ height:40px; position:relative;}
.nav .navbox .menu{width:220px; position:relative;}
.nav .navbox .menutop{ width:220px;background-color: #FF8A00;line-height: 40px;cursor: pointer; float:left;}
.nav .navbox .menutop h2{ color:#fff; font-size:15px; background:url(../images/menubg.jpg) no-repeat left center; padding-left:25px;margin-left:35px;}
.nav .navbox .menulist{ position:absolute; top:40px; left:0px;width: 220px;z-index: 1000;}
.nav .navbox .menulist li.menulistlibg {width: 220px;height: 53.1px;position: relative;background-color: #28aee3;}
.nav .navbox .menulist li.menulistlibg:hover{ background-color:#1c8fbd;}
.nav .navbox .menulist a{font-family: "Microsoft YaHei";}
.menulistbox{width: 188px;height: 52px;/*background: transparent url("../images/all_chline.jpg") repeat-x scroll center bottom;*/padding: 8px 14px 2px 18px;}
.menulistbox .meChname{background: transparent url("../images/all_subchicon.png") no-repeat scroll right center;}
.menulistbox .meChname a {display: block;color: #FFF;font-size: 13px;width: 178px;height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.menulistbox .meSub{width: 188px;height: 25px;overflow: hidden;line-height: 25px;}
.menulistbox .meSub a {color: #A3DAFF;margin-right:8px;}
.listhover{position: absolute;left: 220px;top: 0px;width: 442px;height: auto;overflow: hidden;padding: 3px 10px 3px 15px;background-color: #FFF;border-radius: 0px 4px 4px 0px;display: none; border:1px solid #28aee3;}
.listhoverbox li {width: 442px;height: auto;overflow: hidden;padding: 6px 0px;border-bottom: 1px dashed #E8E8E8;}
.listhoverbox li a {font-family: "Microsoft YaHei";}
.listhoverbox li a.shName{color: #28aee3; font-size:13px;}
.listhoverbox li .shClick a {color: #666;overflow: hidden;margin: 0px 5px;display: block;float: left;width: 100px;height:35px;line-height:35px;font-size: 14px;}
.listhoverbox li .shClick a:hover{color:#333; text-decoration:underline;}
.nav .navbox .navlist{ float:left; position:absolute;top: 0px;left: 220px;}
.nav .navbox .navlist li{ float:left; line-height:40px;position: relative; }
.nav .navbox .navlist li a{ font-size:15px; color:#fff;width:120px; text-align:center; display:block;font-family: "Microsoft YaHei"; background:url(../images/nav_line.jpg) no-repeat right center;}
.nav .navbox .navlist li.navlistbg a{ background:#1c8fbd; height:40px;}
.nav .navbox .navlist li a:hover{background:#1c8fbd; height:40px; color:#fff}
/* nav */
/* banner */
.main{height: auto;overflow: hidden;min-width: 1200px; background:#E8E8E8 url(../images/bodybg.png) no-repeat center top;padding-bottom:30px;}
.main .maintop{width:100%; overflow:hidden; }
.main .maintop .banner{ height:478px; position: relative;    width: 980px;
    float: right;}
.banner .bannerimg{height:478px; overflow:hidden;}
.banner .bannerico{ position:absolute; bottom:10px; height:13px; width:980px;}
.banner .bannerico .bannericobox{ float:right;width: auto;height: 13px;float: right;margin-right: 18px;}
.banner .bannerico .bannericobox li{ background:url(../images/banner_ac.png) no-repeat; width:13px; height:13px; display:block; float:left;margin-left: 6px; text-indent:-99999px; cursor:pointer;}
.banner .bannerico .bannericobox li.bannericoon{ background:url(../images/banner_ho.png) no-repeat;}
/* banner */
/* 热卖产品 */
.main .maintop .cpbox{ background-color:#fff; overflow:hidden; height:390px;width: 100%;
    float: left;
    margin-top: 10px;}
.title{height: 38px;line-height: 38px;border-bottom: 1px solid #CBCBCB;margin: 6px 12px 0px;}
.title h2{float: left;color: #2096E5;font-size: 16px;padding-left: 28px;padding-right: 42px;width: auto;height: 37px;border-bottom: 3px solid #28aee3;}
.title h2.icormcp{ background:url(../images/rmcpico.png) no-repeat left center;}
.title a.more{margin-right: 20px;color: #888; float:right;}
.title a.more:hover{color:#1c95e6; text-decoration:underline;}
.cpbox .tab{ margin:12px;border: 1px solid #DDD;overflow:hidden;}
.cpbox .tab .demo{ background:#f4f4f4; height:36px; line-height:36px;padding: 0px 10px 0px 20px;border-bottom: 1px solid #DDD;position: relative;}
.cpbox .tab .demo span.arrow {position: absolute;right: 10px;top: 0px;}
.cpbox .tab .demo span.arrow a {display: block;width:6px;height:12px;float: right;margin-right: 5px;margin-top:13px;overflow: hidden;cursor: pointer;background:url("../images/leftrightico.png") no-repeat;}
.cpbox .tab .demo span.arrow a.next{background-position: -10px 0px;}
.cpbox .tab .demo span.arrow a.prev{background-position: 0px 0px;}
.cpbox .tab .demo ul {float: left;position: absolute;left: 20px;height: 36px;}
.cpbox .tab .demo ul li {float: left; width:85px;cursor: pointer; text-align:center;}
.cpbox .tab .demo ul li.current{height:36px;color: #2096E5; font-weight:bold;background: #FFF; border-right:1px solid #ddd;border-left:1px solid #ddd;border-bottom:2px solid #fff;}
.cpbox .tablist{overflow:hidden;}
.cpbox .tablist .cplist{ margin:12px 4px; overflow:hidden;}
.cplist li{ height:260px;border: 1px solid #E6E6E6; width:181px; float:left; margin:0px 2px 0px 4px; overflow:hidden;}
.cplist li:hover{ border:1px solid #f04141;}
.cplist li .cplistbox{height:155px; width:181px; position:relative; overflow:hidden;}
.cplist li .cplistbox .cplistico{ position:absolute; top:0px; right:0px; width:30px; height:30px;}
.cplist li a.cplistimg{ height:155px; width:181px; display:block;vertical-align: middle;text-align: center;display: table-cell;}
.cplist li a.cplistimg img{max-height:155px; max-width:181px;}
.cplist li p.vipmoney{ font-size:13px; font-weight:bolder; color:red; text-indent:18px; height:24px; line-height:24px; overflow:hidden;}
.cplist li p.cplistname{ line-height:20px; height:40px; overflow:hidden; padding:0px 8px; text-align:center;}
.cplist li p.cplistname a{width:100%; float: left; overflow:hidden;text-overflow:ellipsis ;white-space:nowrap; text-align:center;}
.cplist li p.cplistname span{ color:#f00; text-align:center; width:100%; float:left;}

.cplist li p.buylshlcy {border-top: 1px solid #E8E8E8;margin-top:5px; overflow:hidden; padding-top:2px;text-align: center;}
.cplist li p.buylshlcy img {margin-top: 10px;margin-left: 3px;margin-right: 3px;}
.inputtext {height: 15px;width: 40px;padding: 2px 0px;line-height: normal;border: 1px solid #CCC;text-align: center;display: block;overflow: hidden;margin-right: 0px;    margin-top: 4px;}
.cplist li p.buylshlcy span.ttle { margin-left:5px;}
.cplist li p.buylshlcy span.tjscsum {margin-right: 5px;float: right;} 
.thickbox{background: #2096E5;display: inline-block;color:#fff;width:120px;height:21px;margin-top: 4px;line-height: 21px;text-align: center;}
.tjsclste {background: #F5F5F5;width: 42px; text-align: center;border: 1px solid #DCDCDC;height: 21px;line-height: 21px;margin-top: 4px;display: inline-block;}
/* 热卖产品 */
/* 排行榜 */
.brank{ margin-top:10px; overflow:hidden;}
.brankl{ float:left;background:#fff; width:220px; height:322px;}
.brankl .brankltop{ background:url(../images/brankbg.jpg) repeat-x;height: 44px;border: 1px solid #D9D9D9; padding:0px 14px;}
.brankl .brankltop li{ float:left;width:94px; margin-top:8px;text-align:center;font-size:14px;font-family: "Microsoft YaHei";height:36px;line-height:36px; cursor:pointer;}
.brankl .brankltop li.brankltopon{background-color: #FFF;color: #28aee3;border-top: 1px solid #D9D9D9;border-left: 1px solid #D9D9D9;border-right: 1px solid #D9D9D9;}
.brankl .branklbottom{padding:3px 18px 22px;overflow: hidden; height:251px;} 
.brankl .branklbottom li{ height:35px; line-height:35px; border-bottom:1px dashed #D7D7D7; overflow:hidden;}
.brankl .branklbottom li a{ display:block; width:184px; height:35px; overflow:hidden;}
.brankl .branklbottom li a span{margin: 10px 8px 0px 0px;width: 15px;height: 15px;text-align: center;font-family: Arial; display:block; float:left;line-height: 15px; background:url(../images/brand_ho.jpg) no-repeat; color:#fff;}
.brankl .branklbottom li a font{ display:block; float:left; width:161px; height:35px; overflow:hidden;}
/* 排行榜 */
/*特色产品 */
.brankr{ float:right; background:#fff; width:970px; overflow:hidden;height:322px;}
.brankr .title h2.icormcp1{ background:url(../images/top_icon1.jpg) no-repeat left center;}
.brankrtop{height: 38px;line-height: 38px;padding: 6px 20px 0px;border-bottom: 1px solid #CBCBCB;}
.brankr .brankrbox{ overflow:hidden; margin-top:5px;}
.brankrbox .goodleft{ float:left;width: 158px; overflow:hidden;margin-top:16px;}
.brankrbox .goodleft li{ background:url(../images/beau_proac.jpg) no-repeat;width: 158px;height: 40px;line-height: 40px;margin-bottom:8px;}
.brankrbox .goodleft li a {display: block;font-family: "Microsoft YaHei";font-size: 14px;padding-left: 46px;width: 112px;height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.brankrbox .goodleft li.goodlefton{ background:url(../images/beau_proho.jpg) no-repeat;}
.brankrbox .goodleft li.goodlefton a {color: #FFF;}
.brankrbox .goodright{ float:right; margin-right:10px; margin-top:2px; overflow:hidden;}
/*特色产品 */
/*技术专栏 */
.tech{ overflow:hidden; background:#fff;height: 380px;}
.tech .title h2.icormcp2{ background:url(../images/top_icon3.jpg) no-repeat left center;}
.tech .techbox{height: auto;overflow: hidden;margin:10px 20px 0px 20px;}
.techbox .techboxl{position: relative;width:750px;overflow: hidden; float:left;}
.techboxlico{ position:absolute;top: 20px;right: 0px;z-index: 20;}
.techboxlico li{background:url(../images/solution_ac.png) no-repeat;width:13px;height:13px;display: block;float:left;margin-left:6px;text-indent: -99999px;cursor: pointer;}
.techboxlico li.techboxlicoon{ background:url(../images/solution_ho.png) no-repeat;}
.techboxlist{ overflow:hidden; margin-top:25px; margin-left:20px;}
.techboxlistimg{ width:260px; height:260px; overflow:hidden; float:left;}
.techboxlistimg a{ display:block; width:260px; height:260px;vertical-align: middle;text-align: center;display: table-cell;}
.techboxlistimg img{ max-width:260px; max-height:260px;}
.techboxlistfont{width:420px; float:right; overflow:hidden;}
.techboxlistfont h3{margin-bottom: 12px;}
.techboxlistfont h3 a {display: block;font-family: "Microsoft YaHei";color: #333;font-size: 18px;width: 420px;height: 24px;overflow: hidden;text-overflow: ellipsis;    white-space: nowrap;}
.techboxlistfont h3 a:hover{color: #1C95E6;}
.techboxlistfont .Rintro{height: 187px;overflow: hidden; line-height:24px; text-indent:24px;margin-bottom: 12px;}
.techboxlistfont .Rintro p{line-height:24px; text-indent:24px;}
.techboxlistfont p.Rmore{}
.techboxlistfont p.Rmore a {color: #FF8A00;}
.techboxr{width:370px; float:right; margin-top:10px;}
.techboxr li{height: 31px;line-height: 31px;border-bottom: 1px dashed #D1D1D1;}
.techboxr li a{ background:url(../images/list_icon.jpg) no-repeat left center; display:block; width:280px; float:left;padding-left: 16px; overflow:hidden; height:31px;line-height: 31px;white-space: nowrap; text-overflow: ellipsis;}
.techboxr li span{ float:right;}
.techboxr li a:hover{ text-decoration:underline;color: #1C95E6;}
/*技术专栏 */
/*公司信息 */
.company{ margin-top:10px;overflow:hidden;}
.company .news{ float:left;width: 384px; overflow:hidden;padding: 8px 20px 15px;background:#fff; }
.news .newstop{height: 42px;line-height: 42px;border-bottom: 1px solid #DADADA;}
.news .newstop li{ float:left;width: auto;height: 41px;padding: 0px 16px;}
.news .newstop li a{ display:block;font-family: "Microsoft YaHei";font-size: 16px;}
.news .newstop li.newstopon{border-bottom: 3px solid #28aee3;}
.news .newstop li.newstopon a{color: #28aee3;}
.news .newsbox{width: 384px;height: 271px;overflow: hidden;}
.news .newsbox .techboxr{ float:none; margin-left:6px;}
.company .about{ float:right;background:#fff; width:762px; overflow:hidden;}
.company .about .title h2.icormcp3{ background:url(../images/top_icon4.jpg) no-repeat left center;}
.aboutbox{height: 268px;overflow: hidden;margin-top:24px; padding:0px 20px;}
.aboutboxl{ float:left; width:240px; height:240px; overflow:hidden;border: 1px solid #E6E6E6;}
.aboutboxl a{ display:block;width:240px; height:240px;vertical-align: middle;text-align: center;display: table-cell;}
.aboutboxl a img{max-width:240px;max-height:240px;}
.aboutboxr{ float:right;width: 462px;line-height: 26px;height:240px;overflow: hidden; text-indent:24px;}
.aboutboxr p{line-height: 27px;text-indent:24px;}
/*公司信息 */
/*品牌专区 */
.brandbox{ background:#fff; overflow:hidden; margin-top:10px;}
.brandbox .title h2.icormcp4{ background:url(../images/top_icon2.jpg) no-repeat left center;}
.brandboximg{margin: 20px 12px; overflow:hidden; }
.brandboximg a{ display:block; width:22px; height:90px;}
.brandboximg a.LeftButton{ background:url(../images/leftrightbtn.png) no-repeat left 0px; float:left;}
.brandboximg a.RightButton{background:url(../images/leftrightbtn.png) no-repeat -23px 0px; float:right;}
.brandboximglist{ float:left; width:100%; overflow:hidden; position:relative; height:380px;}
.brandboximglist ul{position:absolute; left:0; top:0;}
.brandboximglist li{ width:19.3%; height:88px; overflow:hidden;border: 1px solid #E1E1E1; float:left; margin:0px 3px; margin-bottom:6px;}
.brandboximglist li a{ display:block; width:100%; height:88px; position:relative;}
.brandboximglist li a img{max-width:100%; max-height:100%; position:absolute; top:0; right:0; left:0; bottom:0; margin:auto;}
.brandboximglist li:hover{border: 1px solid #F04141;}



.joinboximg{margin: 20px 12px; overflow:hidden;}
/* demo */
.demo{/* width:1170px; *//* height:380px; *//* margin:0 auto; *//* position:relative; */}
/* scrollbox */
.scrollbox{position:relative;width:1170px;height:359px;overflow:hidden;}
.scrollbox ul{position:absolute;/* left:0px; */top:0px;}
.scrollbox li{float:left;width:1170px;overflow:hidden;padding:2px 0px;}
.scrollbox li a{float:left;display:inline-block;width:200px;height:74px;overflow:hidden;margin-left:10px;text-align: center;padding: 5px 10px;}
.scrollbox li a b {width: 200px;overflow: hidden;vertical-align: middle;text-align: center;display: table-cell;height: 60px;}
.scrollbox li a img{    max-width: 200px; max-height: 60px;}
/*品牌专区 */
/*foot */
.foot{ background:#fff; overflow:hidden;}
.footnav{ height:39px; text-align:center; background:#28aee3; line-height:39px;color:#fff;}
.footnav a{ color:#fff; padding:0px 35px;}
.footbox{height: auto;overflow: hidden;padding: 42px 0px 15px 24px;}
.footboxl{ width:920px; overflow:hidden; float:left; margin-left:40px;}
.footboxl li{ float:left; width:100px; margin:0px auto; overflow:hidden; padding:0px 60px;}
.footboxltop{ text-align:center; height:74px; overflow:hidden;}
.footboxllist{ text-align:center; margin-top:8px;}
.footboxllist h4{ color:#666; font-size:14px; font-weight:bolder;font-family: "Microsoft YaHei"; height:28px; line-height:28px;}
.footboxllist p{ height:24px; line-height:24px;}
.footboxl a:hover{text-decoration:underline;color: #28aee3;}
.footboxr{width: 116px; float:right;padding: 16px 12px 12px;margin-right:80px;display: inline;border: 1px solid #E2E2E2;}
.footboxr img{ width:116px; height:116px;}
.footboxr p{padding-top: 6px;text-align: center;}
/*foot */
/*copyright */
.copyright{ border-top:1px solid #b6b6b6;}
.copyrightbox{ text-align:center;  margin-top:15px; margin-bottom:8px;}
.copyrightbox p{height:30px;line-height:30px;}
.copyrightbox a{color: #000;}
.copyrightbox a:hover{color:#28aee3;}
/*copyright */


.friendlink{overflow: hidden;background: #fff; padding:10px 0px 15px 0px;}
.friendlink p{width: 1200px;margin: 0px auto;overflow: hidden;line-height: 30px;}
.friendlink p a{ padding:0px 6px;}
.friendlink p a:hover{ text-decoration:underline; color:#28aee3;}

.navlist ul{/*position: absolute;*/}
.sub_nav{ display:none; position:absolute; top:38px; left:0; z-index:1000; width:98px; height:74px; overflow:hidden; padding:5px 11px; background:#28aee3; border-top: 1px solid #37afff;}
.nav .sub_nav li{ float:none; width:98px; height:36px; line-height:40px; border-bottom:1px solid #37afff;}
.nav .sub_nav li a{ display:block; color:#FFF; font-size:13px !important;/* padding-left:10px; margin-left:2px;*/ width:98px !important; height:36px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;line-height: 36px;background: none !important;}
.nav .sub_nav li a:hover{color:#ffeb00 !important;height: 36px !important;line-height: 36px;font-weight: bold;}