@charset "utf-8";
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,del,em,font,img,ins,small,strong,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,input{margin:0;padding:0; font-family:"Microsoft YaHei"; font-size:14px; color:#333;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
ol,ul,li{list-style:none;} 
a{ text-decoration:none; color:#333;} 
img{ vertical-align:middle; border:0 none;} .mtop20{ margin-top:20px;}.mb15{ margin-bottom:15px;}.ml18{ margin-left:18px;}.mt10{ margin-top:10px;}
em{font-style:normal;} .fl{ float:left;} .fr{ float:right;}.wrap{ width:1200px; margin:0px auto;}
.clearfix:after{content: "";display: block;height: 0;clear: both;}.clearfix {zoom: 1;}.font18{ font-size:18px; font-weight:bold;}.font16{ font-size:16px;}
/*顶部导航*/
.coloe{color:#FFF;}
.navtop{ width:100%; height:40px; background:#000; }
.navtopmain a{ color:#FFF; line-height:40px; padding:0px 4px;}
.navtopmain a:hover{ color:#ffea00;}
.rightnav a{ padding:0px 0px 0px 29px;}
.adone{ width:1200px; margin:5px auto 15px auto;}
.ziwangzhan{ height:35px; line-height:35px;}
.ziwangzhan a{ color:#999; padding: 0px 8px;}
/*logo 搜索 登录*/
.login a{ float:left; margin-left:42px; margin-top:12px; line-height:70px;}
.login a,.hottuijian span s,.newactive s,.time,.dizhi,.icsheji,.chuliqi,.fangan,.shangytitle,.zhuanqu,.shenfriend s,.dabaozhao,.newbigcrakhover s,.paihang,.allsee,.rediankecheng,.yuanchangsq,.q3active,.jingcairevise,.panter,.chanpinhui{ background-image:url(http://www.ec.hc360.com/2017/images/iocess.png); display:block;}
.login .weixin,.login .tougao{width:35px; height:25px;text-align:center;}
.login .xinpin{ background-position:11px -307px; width:56px; height:25px; text-align:center;}
.login .weixin{ background-position:0px -238px;}
.login .tougao{ background-position:5px -171px;}

.login .tougao:hover{background-position:5px -203px; color:#354ea2;}
.login .weixin:hover{ background-position:0px -274px; color:#354ea2;}
.login .xinpin:hover{ background-position:11px -343px; color:#354ea2;}
/*search*/
.hc-search{ width:404px; height:30px; position:relative; z-index:200; margin-right:115px;}
.wen_zj{ height:30px; width:405px;}
.wen_zj p a{ padding:0px; color:#636363;}
.wen_zj p a.current{ color:#e11a21; font-weight:bold;}
.wen_zj p a.current2{ color:#333;font-weight:normal; }
.hc-search .search{ width:400px; height:30px; _overflow:hidden; }
.hc-search .search .select_list{ width:65px; height:20px; line-height:20px;display:inline;}
.hc-search .search .select_list a{ line-height:20px; font-size:12px; margin-right:9px;}
.hc-search .search .select_list a span{ margin-left:8px;}
.hc-search .search .select_list:hover , .hc-search .search .select_list.hover{background:#f5f5f5 url(http://www.shoes.hc360.com/images/20121203_jyindex_images/search_jt_s.jpg) no-repeat 47px 22px;}
#ycssnr p{float:left; margin-right:9px; margin-bottom:3px;}
.hc-search .search .serach_box{ width:339px; _width:339px; height:28px; background:#fff; float:left; display:inline; border-top:1px #ebebeb  solid; border-left:1px #ebebeb  solid;border-bottom:1px #ebebeb solid; }
.hc-search .search .serach_box input{ width:340px; *+width:323px;_width:315px;  text-indent:5px; line-height:30px;  color:#808080; border:none; *+border:0; height:28px; *+height:27px; font-size:12px;}
.hc-search .search .search_button{ width:60px; height:30px; float:left; }
.hc-search .search .search_button  button{background:none; border:none; color:#fff; font-size:16px; cursor:pointer}
.hc-hotsearch a{ padding:0px 5px; line-height:24px; height:24px;}
/*主导航*/
.navmain{ width:100%; background:#354ea2; height:50px;}
.mainnav li{ float:left; line-height:49px;}
.navblue{ color:#9ebdfd; font-size:16px; margin-right:24px;}
.newbigcrak s.dabaozhao{background-position:0px -159px; width:10px; height:6px; display:inline-block; margin-left:3px; vertical-align:middle;}
.newbigcrakhover s{background-position:-19px -160px; width:10px; height:6px; display:inline-block; margin-left:3px; vertical-align:middle;}
.newbigcrak{ position:relative; margin-right:16px;z-index:11;}
.newbigcrakhover{ position:absolute; top:0px; background:#354ea2;height:49px; line-height:49px; z-index:99;}
.xinwenbaozha{ width:1198px; padding:20px 0px; background:#FFF; position:absolute; left:0px; z-index:11; border:1px solid #dddddd;-webkit-box-shadow:0 8px 16px rgba(0,0,0,0.18);box-shadow:0 8px 16px rgba(0,0,0,0.18);}
.paihang,.allsee,.rediankecheng,.yuanchangsq,.q3active,.jingcairevise,.panter,.chanpinhui{display:inline-block; vertical-align:middle; margin-right:10px;}
.paihang{ width:23px; height:18px; background-position:-61px -62px; }
.rediankecheng{ width:22px; height:20px; background-position:-129px -61px;}
.yuanchangsq{ width:21px; height:21px; background-position:-163px -60px;}
.jingcairevise{ width:21px; height:21px; background-position:-98px -93px;}
.q3active{ width:21px; height:19px; background-position:-62px -92px;}
.panter{ width:27px; height:23px;background-position:-129px -91px;}
.chanpinhui{ width:21px; height:21px; background-position:-164px -92px;}
.newteti3 li{ line-height:29px;}
.allsee{ background-position:-94px -65px; height:14px; width:24px;}
.doukan a{ color:#354ea2; display:inline-block; border:1px solid #354ea2; padding:2px 13px; border-radius:20px; height:20px; line-height:20px; margin-right:9px; margin-top:10px;}
.yuanchangsqlist a{ border:1px solid #e8e8e8; margin:13px 30px 0px 11px; display:inline-block;}
/*Q3活动预告荐*/
.q3activelsit table{ text-align:center;border-left:1px solid #e9e9e9;}
.q3activelsit table tr th{ color:#354ea2; font-size:16px; background:#e8e8e8;}
.q3activelsit table tr td{ padding:0px 10px; line-height:25px; border-right:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;}
.zhanpaner a img{ border:1px solid #e8e8e8; margin:0px 8px 20px 0px;}
.zhandevise{width:390px; margin-right:5px;}
.chanpinlist a{ display:inline-block; width:108px; padding-left:10px;}
.jingrong li img{ display:block;}
.jingrong li{ float:left; text-align:center; padding:0px 25px 0px 15px; }
.jingrong li a{font-size:16px;}

/*热门推荐*/
.red{ color:#f80c4a;} 
.blue{ color:#354ea2;} 
.orange{ color:#f7922a;}
.yellow{ color:#fde941;}
.widthauto{ width:100%; background:#f5f5f5; overflow:hidden;}
.hottuijian span s{ background-position:0px 0px; width:20px; height:24px; display:inline-block; vertical-align:middle; }
.hottuijian a,.hottuijian{ color:#999999; height:65px; line-height:65px;}
.hottuijian a{ padding:0px 3px;}
.hottuijian a:hover{ color:#354ea2;}
/*焦点图*/
#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#playBox{ width:388px; height:250px; position:relative; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .smalltitle { height:10px; position:absolute; bottom:19px; z-index:10; left:300px;}
#playBox .smalltitle ul{ width:140px; margin:0px;}
#playBox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:5px; background:#dddddd; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#0840ff;}
.jiabinbin{ position:relative; top:-40px;background:url(http://img2.cache.netease.com/f2e/sports/worldcup2014_3/./http://www.ec.hc360.com/scedfenghui/electrical/image/overlay.png);background:rgba(0,0,0,0.5);-webkit-transition:bottom .3s ease-out;-moz-transition:bottom .3s ease-out;-ms-transition:bottom .3s ease-out;-o-transition:bottom .3s ease-out;transition:bottom .3s ease-out; color:#FFF; height:40px; line-height:40px; text-indent:15px; width:388px; overflow:hidden;}
/*活动推荐*/
.activetj{ height:288px; width:356px; background:#FFF; padding:0px 16px;}
.newactive s{ width:30px; height:24px; background-position:0px -31px; position:relative; top:-44px; left:81px;}
.newactive{ position:absolute;}
.tuijianactive{ height:50px; line-height:50px;}
.tuijianactive span{ line-height:50px;}
.more{ color:#b2b2b2; font-size:12px;}
.publickborder{ width:auto; height:1px; background:#f7922a; position:relative;}
.oragen{ width:22px; height:5px; background:#f7922a; position:absolute; top:-2px; left:26px;}
.publickbordergrey{ width:auto; height:1px; background:#999999; position:relative;}
.grey{ width:22px; height:5px; background:#999999; position:absolute; top:-2px; left:26px;}
.subjectnew{ display:inline-block; width:355px; height:auto;}
.newtitle{ overflow:hidden; height:25px;line-height:25px; margin:4px 0px;}
.entein{ width:82px; height:36px; background:#f7941d; text-align:center; line-height:36px; margin-top:10px;}
.entein a{ color:#fff;}
.actives img{ margin:15px 0px;}
.subjectne{ width:245px;}
.time,.dizhi{display:inline-block; vertical-align:middle; margin-right:6px;}
.time{ background-position:-185px 0px; width:15px; height:16px; }
.dizhi{ width:16px; height:18px; background-position:-184px -25px;}
/*新闻头条*/
.fistnews{ width:356px; height:557px; background:#ffffff; margin:0px 18px; padding:0px 16px;}
.newtile2{ margin-top:20px; }
.newtile2 a{ color:#354ea2; font-size:18px; vertical-align:middle;}
.newteti2 li a,.newteti3 li a{line-height:29px;}
.newteti2 li a:before{content: "▪"; color:#b2b2b2; margin-right:8px;}
.newteti2 li a:hover{color:#354ea2;}
.newtile{ text-align:center;}
.icsheji,.chuliqi,.fangan{ font-size:12px; color:#FFF; width:50px; height:20px; line-height:20px; text-indent:4px; display:inline-block; vertical-align:middle;}
.icsheji{ background-position:0px -62px;}
.chuliqi{ background-position:0px -92px;}
.fangan{ background-position:0px -122px;}
.adtwo{ height:250px;}
.adtwo a{ position:absolute;}
/*商盈通*/
.shangyt{ width:1198px; border:1px solid #f55555; margin:30px auto;}
.shangytitle{ background-position:0px -389px; height:36px; line-height:36px; width:199px; margin:0px auto; text-indent:54px; }
.shangytitle a{font-size:24px; color:#FFF; font-weight:bold;}
.blk_29 {padding-right: 0px; padding-left: 0px; padding-bottom: 10px; overflow: hidden; padding-top: 15px;  zoom: 1; position: relative}
.blk_29 .leftbotton { right: 47px; float: left;  width: 33px; height:22px; cursor: pointer; position: absolute; top: 0px; font-weight:bold; color:#8c8d8f; font-family:initial; font-size:18px; border:1px solid #bfbfc0; text-align:center; line-height:22px; }
.blk_29 .rightbotton {right: 13px;float: right; width: 33px; height:22px; cursor: pointer; position: absolute; top: 0px; font-weight:bold; color:#8c8d8f; font-family:initial; font-size:18px; border:1px solid #bfbfc0; text-align:center; line-height:22px; }
.blk_29 .cont {margin: 0px auto; overflow: hidden; width: 888px; padding-top: 5px}
.blk_29 .box {float: left; width: 287px; background: #fff; margin-left:10px; margin-top:15px;}
.blk_29 .box img { padding-right: 3px; display: block; margin: 0px auto;}
.blk_29 .box p {width: 287px; text-align:center; }
.blk_29 .box p a{ font-size:16px; display:block; line-height:45px;}

/*设计技术*/
.jishu{height:420px; }
.devise{ width:356px; background:#FFF; padding:0px 16px;}
.devisesan{ width:770px; background:#FFF; padding:0px 16px;}
.devisese{ width:364px; padding:0px 16px 0px 0px;}
.ziliao{ height:376px;}
.jishuwenzhan{ height:273px; margin-left:19px;}
.adthree{ width:1200px; margin:30px auto;}
/*电子云课堂*/
.ecyundesk{ height:376px; width:762px; padding:0px 16px; background:#FFF;}
.ecyundesklist li{ float:left; margin-right:12px; margin-top:10px; position:relative;}
.ecyundesklist li .destname,.ecyundesklist li .desker{width:178px; overflow:hidden; white-space:nowrap;text-overflow: ellipsis;}
.ecyundesklist li .destname{ font-size:16px; height:35px; line-height:35px; }
.ecyundesklist li .desker{ color:#999;}
.willdesk{ margin-top:30px;}
.willdesk li{ width:375px; height:32px;overflow:hidden; white-space:nowrap;text-overflow: ellipsis; float:left; }
.ecyundesklist li span{ position:absolute; left:70px; top:57px; z-index:2; background:url(http://www.znyj.hc360.com/20170720/images/video.png) no-repeat; width:30px; height:30px; display:inline-block;}
.ecyundesklist li span:hover{background:url(http://www.znyj.hc360.com/20170720/images/video_2.png) no-repeat;}
/*原厂社区*/
.yuanchang{ background:#FFF; width:1168px; margin:30px auto 0px auto; padding:0px 16px;}
.yuanchuanlist{ height:60px; background:url(http://www.ec.hc360.com/2017/images/one.jpg) no-repeat bottom center;}
.yuanchuanlist h1{ font-size:24px; font-weight:bold; line-height:60px;}
.lib_Menubox { margin-top:15px;}
#lib_Tab2{ padding-bottom:20px;}
.lib_Menubox ul li{ float:right; width:82px; height:36px; line-height:36px; text-align:center; background:#eeeeee; margin-left:20px;}
.lib_Menubox ul li.hover{ background:#f7941d;}
.lib_Menubox ul li.hover a{ color:#FFF;}
#con_one_1,#con_one_2,#con_one_3,#con_one_4{ height:274px; padding-top:15px; padding-bottom:25px;}
.newteti4{ background:url(http://www.ec.hc360.com/2017/images/newlist.png) no-repeat left 7px; width:356px; height:234px; padding-left:40px;}
.newteti3 li{ height:29px; width:356px; overflow:hidden; white-space:nowrap;text-overflow: ellipsis;}
#con_two_1{ margin-top:25px;}
/*每日新品*/
.width145{ width:145px; margin-left:10px; line-height:29px;}
.width145 a{ width:64px; height:21px; border:solid 1px #354ea2; border-radius:13px; color:#354ea2; text-align:center; line-height:21px; display:block; margin-left:79px; margin-top:10px;}
.verydaynew{ height:472px;}
.evernew{ margin:15px 0px 8px 0px;}
.evernewspan{ display:inline-block; width:200px; font-size:16px; margin-left:15px; line-height:29px; vertical-align:middle;}
/*品牌专区*/
.pinpaizq{width:1198px; border:1px solid #7741ff; margin:30px auto; padding-bottom:20px;}
.zhuanqu{font-size:24px; color:#FFF; background-position:0px -445px; height:36px; line-height:36px; width:195px; margin:0px auto; text-indent:50px; font-weight:bold;}
.pinpailist li{ float:left; border:1px solid #e8e8e8; margin:20px 0px 5px 13px;}
/*活动越高*/
.willactive{ margin-top:20px;}
.xinxi{ width:100px; border:1px solid #354ea2; text-align:center;}
.year{ color:#b3b3b3;}
.add{ background:#354ea2; background:#354ea2; color:#FFF;}
.wid778{ width:780px; margin-top:25px; background:#f6f6f6;}
.xiangqing{ margin-left:20px; width:265px;}
.xiangqing h1{ margin-top:20px; line-height:30px;}
.xiangqing p{ margin-top:10px; line-height:29px; height:174px;}
.mallertu{}
.mallertu li{ float:left; margin-top:5px; margin-left:7px;}
/*总裁印象*/
.zongcailist{ width:354px; height:230px;}
/*友情链接*/
.friendlist{ padding-bottom:10px;}
.friend{ width:1168px; background:#FFF; padding:0px 16px; margin:0px auto;}
.shenfriend s{ background-position:-86px 0px; width:14px; height:16px; display:inline-block; vertical-align:middle; margin-right:5px;}
.friendlist{ width:1168px;line-height:29px;}
.friendlist a{ margin:0px 20px; display:inline-block;}
/*联系我们*/
.footerlogo,.footerdizhi{ height:155px; background:#FFF; padding:17px 0px 0px 44px;}
.width306{ width:306px;}
.footerlogo p{font-size:20px; }
.footerlogo i{ color:#4071b8; font-size:34px; display:block;}
.width364{ width:364px;}
.footerdizhi{ line-height:25px;}
.erweima li img{ display:block;}
.erweima li{ float:right; text-align:center; margin:13px auto; padding-right:47px;}
.footererweima{ width:407px; height:172px; background:#FFF;}
.team {text-align:center; margin-top:30px;}
.activead{text-align:center; line-height:27px; margin-top:10px;}
.team a{ padding:0px 20px; text-align:center; display:inline-block;}
.fuceng2 {display: none;position: absolute;top: -135px;right: 36px;z-index: 99;}

.fuceng3 {display: none;position: absolute;top: 43px;right: -25px;z-index: 99;}
.weixin{ position:relative;}
.weixin:hover .fuceng2{ display:block;}
.weixin:hover .fuceng3{ display:block;}
#box {height: 344px;position: relative;overflow: hidden;width: 618px;}
#box a{position: absolute;display: block;left: 0;width: 606px;height: 344px;}
#box a span {width: 37px;*+width: 27px;_width: 27px;position: absolute;top: 0;left: 0;height: 344px;padding-top: 30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 18px;color: #fff;padding-left: 10px; padding-right: 10px;line-height: 1.2;text-align: center;z-index:9;}
#box img{position: absolute;display: block;left: 0;border-left: 1px solid #ccc;}
.bgone{ background:#2685fb;}
.bgtwo{ background:#2063d1;}
.bgthree{ background:#0043b0;}