@import url("transform.css");
::selection {color:#fff; background-color:#e62129;}
::-moz-selection {color:#fff; background-color:#e62129;}
::-webkit-selection {color:#fff; background-color:#e62129;}
.clearfix:after {visibility:hidden;display:block;font-size:0;content:"\200B";clear:both;height:0;}
.clearfix { display: inline-table;}
* html .clearfix {height:1%;}
.clearfix { display: block;zoom: 1;}
.left{ float:left;}
.right{ float:right;}
.clear {clear:both;}
.hide{ display:none;}
.show{ display:block;}
a{ text-decoration:none; outline:none;color:#333; cursor:pointer;}
a.red{ color:#e62129;}
.red{color:#e62129;}
.c-wrap{width:1200px; margin:0 auto;}
body{ background:#f5f5f5; font-size:14px;font-family:"Microsoft Yahei";}
/*top-line*/
.c-top-line{ width:100%; height:36px; border-bottom:1px solid #eee;  font-size:12px; background:#f5f5f5;}
.c-top-line p{ line-height:36px;}
.c-top-line p a{ padding:0 10px;}
.c-top-line li{ float:left; height:20px; border-right:1px solid #e0e0e0; padding:0 18px; text-align: center; margin:8px 0;line-height:20px;}
.c-top-line a:hover{color:#e62129;}
.c-top-cart i{ background:url(../images/sprite.png) -2px -2px no-repeat; display:inline-block; width:24px; height:20px; float:left; margin-right:3px;}
.c-top-cart span{ color:#fff; background:#e62129; display:inline-block; min-width:20px; border-radius:7px; height:14px; width:22px; line-height:14px;}
.c-top-phone i{ background:url(../images/sprite.png) -30px -2px no-repeat; display:inline-block; width:24px; height:20px;float:left;}
/*header*/
.c-header{ height:145px; background:#fff;}
.c-logo{ height:145px; width:240px;background:url(../images/logo.png) 0 50% no-repeat; }
.c-logo a{ display:block; width:240px; height:145px;font-size:0;}
.c-adress{ height:40px; border-left:1px solid #eee; margin-top:55px; padding-left:12px;}
.c-adress>strong{ color:#333; display:block; width:70px; height:18px; margin-bottom:4px; cursor:pointer; font-size:12px; font-weight:normal; position:relative;}
.c-adress>strong:before{ display:block; position:absolute; right:5px; top:-4px; content:'';background:url(../images/sprite.png) -152px -0px no-repeat; width:12px; height:20px;}
.c-adress>p{ font-size:13px; color:#999;}
.c-search{margin-top:50px;}
.c-search form{border: 2px solid #e62129;  color: #999; font-size: 14px; height: 42px; line-height: 42px;  padding-left: 45px; width: 463px; background:url(../images/sprite.png) -170px 7px no-repeat;}
.c-search-input{ height:40px; line-height:40px; border:none; width:350px; color:#999; font-size:14px;}
.c-search-button{ width:100px; height:42px; background:#e62129; font-size:18px; text-align:center; line-height:100%; float:right; border:none; color:#fff; outline:none;}
.c-search>p{ line-height:16px; margin-top:5px; color:#999; font-size:12px;}
.c-search>p a{ padding:0 3px; color:#999;}
.c-search>p a:hover{color:#e62129;}
/*nav*/
.c-nav{ height:46px;  background:#fff; color:#333; border-bottom:3px solid #333;}
.c-nav a{ color:#fff;}
.c-categorys{ position:relative;}
.c-categorys-title{ position: relative;width:190px; height:46px;line-height:46px;font-size:16px; background:#e62129; font-size:16px; cursor:pointer; margin-right:20px; color:#fff; padding-left:50px;}
.c-categorys-title:before{ width:24px; height:24px;background:url(../images/sprite.png) -114px 0 no-repeat; content:''; position:absolute; display:block; top:11px; left:15px; }
.c-nav-menu li{ float:left; line-height:46px;}
.c-nav-menu li a{ font-size:15px; color:#333; font-weight:bold; padding:0 45px;}
.c-nav-menu li a:hover{ color:#e62129;}
.c-nav-menu li span{color:#ccc;}
.advisory{ float:right; padding-top:14px; margin-right:50px;}
.advisory a{font-size:15px; font-weight:bold; color:#e62129; float:left; line-height:30px;}
.advisory i{background:url(../images/sprite.png) -58px -2px no-repeat; display:inline-block; width:26px; height:26px; float:left; margin-right:5px;}
.c-categorys-brief{border-top:3px solid #e62129; height:400px; position:absolute; top:46px; left:0; width:240px; z-index:110;}
.c-categorys-brief:before{filter:alpha(opacity=95); -moz-opacity:0.95;-khtml-opacity:0.95; opacity: 0.95;background:#222; width:100%; height:100%;content:''; position:absolute; display:block; top:0px; left:0px;}
.c-categorys-brief ul{ position:relative; z-index:112;}
.c-categorys-brief ul li{ height:40px;padding:15px 15px; position:relative;}
.c-categorys-brief ul li:after{ width:210px; height:2px;background:url(../images/menu_line.png) left bottom repeat-x; content:''; position:absolute; display:block; left:15px; bottom:0; }
.c-categorys-brief ul li:hover:after{ display:none;}
.c-categorys-brief ul li:before{ width:10px; height:15px;background:url(../images/sprite.png) -2px -50px no-repeat; content:''; position:absolute; display:block; right:30px; bottom:25px;}
.c-categorys-brief ul li strong{ font-size:16px; color:#fff; display:block; font-weight:normal;}
.c-categorys-brief ul li>a{ color:#c6c6c6; font-size:12px; padding-right:10px;}
.c-categorys-brief:hover:before ul li a{ color:#fff;}
.c-categorys-brief ul li:hover{ background:#666;}
.c-categorys-list{ position:absolute; top:49px; height:400px; left:240px; width:960px; background:#fff; z-index:120;}
.c-categorys-list ul{ padding-top:10px;width:435px; float:left;margin-left:30px; }
.c-categorys-list ul li{ padding:10px 0 5px 0; border-bottom:1px dashed #eee; }
.c-categorys-list ul li dt{ font-size:13px; font-weight:bold; color:#333; width:75px; float:left;}
.c-categorys-list ul li dd{width:345px; float:left;}
.c-categorys-list ul li dd a{ color:#666; font-size:12px; border-left:1px solid #ddd; padding:0 10px; line-height:18px; display:block; float:left; margin-bottom:10px; height:18px;}
.c-categorys-list ul li dd a.red{ color:#e62129;}
.c-categorys-list ul li dd a:hover{ color:#e62129;}
.c-nav-brand{ padding:20px 30px;}
.c-nav-brand dt{font-size:13px; font-weight:bold; color:#333; margin-bottom:10px;}
.c-nav-brand dd a{ display:block; width:100px; height:45px; float:left; margin-right:15px; background:#f3f3f3; border:1px solid #eee;}
/*service*/
.c-service{height:110px; background:#fff;}
.c-service ul{ padding-top:29px;}
.c-service li{ width:300px; float:left; height:62px; position:relative;}
.c-service li:after{width:1px; height:30px;content:''; position:absolute; display:block; top:15px; right:20px; background:#ddd;}
.c-service li:last-child:after{ display:none;}
.c-service li .imghloder{ width:62px; height:62px; float:left; margin-right:12px; margin-left:18px;}
.c-service li.service-icon01 .imghloder{ background:url(../images/service.png) 0 0 no-repeat;}
.c-service li.service-icon02 .imghloder{ background:url(../images/service.png) 0 -76px no-repeat;}
.c-service li.service-icon03 .imghloder{ background:url(../images/service.png) 0 -150px no-repeat;}
.c-service li.service-icon04 .imghloder{ background:url(../images/service.png) 0 -225px no-repeat;}
.c-service li dl{ float:left; margin-top:10px;}
.c-service li dt{ font-size:16px; font-weight:bold; line-height:24px;}
.c-service li dd{ font-size:14px; color:#999; margin:0;}
.c-service ul li:hover .imghloder{animation:myservice 0.5s ease-in;-moz-animation:myservice 0.5s ease-in; -webkit-animation:myservice 0.5s ease-in; -o-animation:myservice 0.5s ease-in;}
/*footer*/
.c-footer{background:#f5f5f5; font-size:14px; padding:30px 0; border-top:5px solid #e62129; background:url(../images/footer_bg.png);}
.c-footer-menu>li{ float:left; color:#666; width:14%;}
.c-footer-menu>li>ul>li{ height:30px; line-height:30px;}
.c-footer-menu>li strong{ color:#222;}
.c-footer-menu>li>ul>li>a{ color:#666; padding-left:8px;}
.c-footer-menu>li>ul>li>a:hover{color:#e62129; text-decoration:underline;}
.c-footer-menu>li.f-er{ width:25%; float:right;}
.c-footer-menu>li.f-er>ul>li{ float:left; width:110px; height:110px; margin-right:20px; text-align:center; }
.c-footer-menu>li.f-er .imghloder{ width:109px; height:109px; overflow:hidden; margin-bottom:5px;}
.c-footer-menu>li.f-er em{ font-style:normal; font-size:12px;}
.c-certification{ text-align:center; padding:50px 0 0 0; }
.c-certification a{ padding-right:10px;}
.c-copyright{color:#808286;text-align:center; background:#252c36; font-size:12px;height:40px; line-height:20px; padding:9px 0;}
.c-copyright a{color:#808286;}
.c-copyright a:hover{ text-decoration:underline;}
/*fixed-menu*/
.c-fixed-menu{ width:40px; position:fixed; z-index:200; height:163px; bottom:20%; right:100px;}
.c-fixed-menu li{ width:40px; height:40px; position:relative; margin-bottom:1px;}
.c-fixed-menu li a{ position:absolute; background:#e62129; color:#fff; font-size:14px; text-align:center; width:40px; right:0px; top:0; height:40px; line-height:40px;overflow:hidden;}
.c-fixed-menu li a i{background:url(../images/sprite.png) 0 -82px no-repeat #989898; cursor:pointer; display:block; width:40px; height:40px; float:right; }
.c-fixed-menu li:hover a i{ background-color:#e62129;}
.c-fixed-menu li:hover a{ width:160px; opacity:1;}
.c-fixed-menu li.c-fixed-cart a i{ background-color:#e62129; background-position:3px -82px;}
.c-fixed-cart span{color:#fff; display:inline-block; min-width:20px; border-radius:7px; height:14px; width:22px; line-height:14px; border:1px solid #fff; text-align:center; font-size:12px; margin-left:5px;}
.c-fixed-menu li.c-fixed-service a i{background-position:-43px -82px;}
.c-fixed-menu li.fixed-service a i{background-position:-43px -82px;}
.c-fixed-menu li.c-fixed-feedback a i{background-position:-89px -82px;}
.c-fixed-menu li.c-fixed-backtop a i{background-position:-127px -82px;}