@charset "utf-8";
.pt5{ padding-top: 5px;}
.mt40{ margin-top: 40px;}
.index_title{ height: 24px; line-height: 24px;  font-size: 24px; font-weight: 600; color: #29395F;line-height: 24px; text-align: center;}
.index_title img{ position: relative; display: inline-block; top: -2px;}
.index_title p{ display: inline-block; margin: 0px 16px;}
.index_title.color{ color: #fff;}
/* ----------------------top-banner--------------------- */
.top-banner{ height: auto; min-width: 1200px; position: relative;}
.top-banner img{ width: 100%; height: auto;}
.top-banner i{ position: absolute; z-index: 2; right: 20px; top: 20px; font-size: 22px; color: #333333;}
/* ----------------------banner--------------------- */
.index_banner{ height: 460px; background: #1D2935; overflow: hidden;}
.index_banner_con{ height: 100%; background: #fff;}
.index_banner_r{ width: 239px; height: 100%; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.05);}
.index_banner_login{ height: 115px; background: url(../images/bg-login.png) center no-repeat; padding: 16px; border-bottom: 1px solid #F2F2F2;}
.index_banner_login_up{ height: 48px; overflow: hidden; margin-bottom: 11px;}
.index_banner_login_up img{ float: left; width: 48px; height: 48px; margin-right: 10px;}
.index_banner_login_up p{ float: left; font-size: 12px; line-height: 18px; }
.index_banner_login_up p:first-child{ padding-top: 10px;}
.index_banner_user a.index_banner_a_login{ background: #FFFFFF; color: #E1251B; border: 1px solid #E1251B;}
.index_banner_user a.index_banner_a_login:hover{ color: #fff; background: #E1251B;}
.index_banner_user a.index_banner_a_register:hover{ opacity: 0.8;}
.index_banner_user a.index_banner_a_default{ width: 100%;}
.index_banner_user a.index_banner_a_default:hover{ opacity: 0.8;}
.index_banner_user{ height: 120px; padding: 16px;  background: url(../images/index_login_bg.jpg) center no-repeat;}
.index_banner_user p{ font-weight: bold; font-size: 16px; line-height: 22px;}
.index_banner_user span{ display: block; color: #8C8C8C; padding-top: 10px; margin-bottom: 5px;}
.index_banner_user a{ width: 90px; display: block; text-align: center; margin: 0 auto; margin-top: 8px; height: 28px; line-height: 26px; font-size: 16px; color: #FFFFFF; background: #E1251B; border-radius: 3px; border: 1px solid #E1251B;}
.index_banner_fast{ width: 207px; height: 168px; margin: 0 auto; background: rgba(255, 255, 255, 0); border-bottom: 1px solid #F2F2F2; border-top: 1px solid #F2F2F2; }
.index_banner_fast ul li{ float: left; margin-top: 16px; margin-left: 12px; width: 53px; text-align: center;}
.index_banner_fast ul li p{width: 36px; height: 36px; background: #FFEDE5; border-radius: 50%; line-height: 36px; margin: 0 auto; margin-bottom: 6px;}
.index_banner_fast ul li p i{ font-size: 20px; color: #E1251B;}
.index_banner_fast ul li span{font-size: 12px;line-height: 16px;}
.index_banner_fast ul li:hover a{ color: #E1251B;}
.index_banner_news{ padding: 13px 16px; height: 170px; overflow: hidden;}
.index_banner_news_title{ height: 16px; line-height: 16px; margin-bottom: 8px;}
.index_banner_news_title img{ float: left; padding-top: 2px; width: 60px; height: 1 2px; }
.index_banner_news_title i{ float: right; color: #CDCDCD;}
.index_banner_news_title p{ font-weight: bold; float: left;}
.index_banner_news_title a{ float: right; color: #E1251B; font-size: 12px;}
.index_banner_news_con{ overflow: hidden; height: 120px;}
.index_banner_news ul li{ height: 30px; line-height: 30px; font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.index_banner_news ul li span{ display: inline-block; }
.index_banner_news ul li:hover a{ color: #E1251B;}
.index_banner_content{ width: 728px; height: 100%;}
.index_banner_content .swiper-container { width: 100%; height: 100%;}
.index_banner_content .swiper-slide {text-align: center;}
.index_banner_content .swiper-slide img{ width: 100%; height: 100%;}
.index_banner_content .swiper-pagination-bullet{width: 48px; border-radius: 0;height: 4px;background: rgba(255, 255, 255, 0.5); opacity: 1;}
.index_banner_content .swiper-pagination-bullet-active{background: #E1251B;}

/* ---产品分类--- */
.index_banner_list{width: 233px; height: 100%; background: #313131; position: relative; padding-top: 5px;}
.index_banner_list ul li i{ color: #CCCCCC;}
.index_banner_list ul li strong{ font-weight: 400;}
.index_banner_list ul li i.icon_left{ margin-right: 8px;}
.index_banner_list ul li{ height: 56px; padding: 0px 16px; box-sizing: border-box;}
.index_banner_list ul li a{ display: inline-block;}
.index_banner_list ul li:hover{ background: #E1251B;}
.index_banner_list ul li:hover p a{ color: #FFFFFF;}
.index_banner_list ul li:hover p span{ color: #FFFFFF;}
.index_banner_list ul li p a{ display: block; width: 100%; line-height: 25px; color: #FFFFFF; padding-top: 3px;}
.index_banner_list ul li p span{ display: block; width: 100%; color: #BCBCBC; font-size: 13px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.index_banner_list ul li:hover .index_banner_list_con{ display: block;}
.index_banner_list ul li a:hover{ color: #E1251B;}
.index_banner_list ul li .cat_name{ width: 115px; height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; float: left;}
.index_banner_list_con{ display: none; width: 200px; height: 460px; padding: 15px 15px 15px 32px; background: #FFFFFF; overflow-y: scroll; position: absolute; z-index: 9; left: 233px; top: 0px;}
.index_product_list{ height: auto; line-height: 24px; margin-bottom: 8px;}
.index_product_list h2{ width: 100%;}
.index_product_list h2 i{ float: right; margin-left: 4px;}
.index_product_list h2 a{ font-size: 12px;}
.index_product_list h3{ width: 554px; float: left;}
.index_product_list h3 a{ margin-right: 12px; color: #666666; }
.index_product_list_a{ font-size: 12px;}
.index_product_list a{ width: 100%; display: block; transition:all .3s;  -moz-transition:all .3s; /* Firefox 4 */ -webkit-transition:all .3s; /* Safari and Chrome */ -o-transition:all .3s; /* Opera */}
.index_product_list a:hover i{ color: #E1251B;}
/* 设置滚动条的样式 */
.index_banner_list_con::-webkit-scrollbar {width:8px; background-color: #fff;}
/* 滚动槽 */
.index_banner_list_con::-webkit-scrollbar-track { border-radius:4px;}
.index_banner_list_con::-webkit-scrollbar-thumb{ background: #F5F5F5;  border-radius: 4px;}

/* ----------------------广告位图--------------------- */
.index_advert{ height: 110px; margin-top: 10px;}
.index_advert ul li{ float: left; height: 110px; margin-left: 10px; width: 232px;}
.index_advert ul li:first-child{ margin-left: 0px;}
.index_advert ul li img{ width: 100%; height: 100%; border-radius: 2px;}

/* ----------------------  热门专区  --------------------- */
.index_hot{ height: 358px; background: #F44445; margin-top: 90px;}
.index_hot .title{ position: relative; height: 204px; text-align: center; top: -82px;}
.index_hot .index_hot_img{ width: 1218px; height: 204px; position: absolute; z-index: 1; left: -9px;}
.index_hot .index_hot_img_c{ position: absolute; z-index: 2;  left: 335px; top: 30px;}
.index_hot .title span{ color: #fff; font-size: 24px; position: absolute; z-index: 3; top: 112px; letter-spacing: 5px; left: 500px;}
.index_hot ul{ height: 275px; margin-top: -121px; padding: 18px;}
.index_hot ul li{ width: 188px; height: 100%; float: left; padding: 12px; background: #FFFFFF; margin-left: 7px;}
.index_hot ul li:first-child{ margin-left: 0px;}
.index_hot ul li img{ width: 100%; height: 164px;}
.index_hot ul li p{ line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 6px;}
.index_hot ul li .price{ line-height: 25px; padding-top: 5px;}
.index_hot ul li .price span{ display: inline-block; float: left; font-size: 16px; width: 107px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.index_hot ul li .price a{ color: #E1251B; display: inline-block; font-size: 12px;}
.index_hot ul li:hover a{ color: #E1251B;}

/* ---------------------- 免费试样 --------------------- */
.index_free{ height: 365px; margin-top: 24px; background: url(../images/index_free_bj01.png) top no-repeat; padding: 18px;}
.index_free .title{text-align: center;}
.index_free .title img{ height: 38px; width: 155px;}
.index_free .des{ color: #191919; margin-top: 18px; text-align: center; letter-spacing: 2px;}
.index_free ul{ margin-top: 10px; height: 245px;}
.index_free ul li{ width: 188px; height: 100%; float: left; padding: 12px; background: #FFFFFF; margin-left: 7px;}
.index_free ul li:first-child{ margin-left: 0px;}
.index_free ul li img{ width: 100%; height: 164px;}
.index_free ul li p{ line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 6px;}
.index_free ul li .price{ line-height: 25px; padding-top: 5px;}
.index_free ul li .price span{ display: inline-block; float: left; font-size: 16px; width: 107px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.index_free ul li .price a{ color: #E1251B; display: inline-block; font-size: 12px;}
.index_free ul li:hover a{ color: #E1251B;}

/* ----------------------稳步采购  价格无忧--------------------- */
.index_product_c{ height: auto; background: url(../images/bg_03_b.png) bottom no-repeat;}
.index_product_c_title{ height: 40px; line-height: 40px;}
.index_product_c_title p{ font-size: 24px; font-weight: bold; float: left;}
.index_product_c_title span{ float: left; margin-left: 15px; line-height: 48px;}
.index_product{ height: auto;}
.index_product_con{ height: auto; margin-top: 24px;}
.index_product_con_list{ height: 329px; overflow: hidden; background: #FFFFFF; margin-bottom: 24px;}
.index_product_cl_l{ width: 228px; height: 100%; padding: 18px; position: relative; overflow: hidden;}
.index_product_cl_l_01{ background: url(../images/index_icon_bj01.jpg) center no-repeat;}
.index_product_cl_l_02{ background: url(../images/index_icon_bj02.jpg) center no-repeat;}
.index_product_cl_l_03{ background: url(../images/index_icon_bj03.jpg) center no-repeat;}
.index_product_cl_l_04{ background: url(../images/index_icon_bj04.jpg) center no-repeat;}
.index_product_cl_l_05{ background: url(../images/index_icon_bj05.jpg) center no-repeat;}
.index_product_cl_l .title{ font-size: 24px; font-weight: bold; color: #FFFFFF;}
.index_product_cl_l p{ width: auto; height: 34px; display: block; margin-top: 8px; line-height: 34px; }
.index_product_cl_l a.list{ width: auto; color: #FFFFFF; font-size: 12px; padding-left: 8px;}
.index_product_cl_l a.link i{ color: #fff; margin-left: 4px; position: relative; top: 1px;}
.index_product_cl_l a.link{ width: 90px; height: 22px; border-radius: 11px; margin-bottom: 15px; margin-top: 2px; text-align: center; line-height: 20px; display: inline-block; color: #FFFFFF; font-size: 12px; background: rgba(215, 231, 252, 0.2);}
.index_product_cl_l span{ font-size: 12px; color: #fff; margin: 12px 0px; display: block;}
.index_product_con_list ul{ height: 100%; float: left;}
.index_product_con_list ul li{ width: 243px; height: 100%; padding: 15px; float: left; border-left: 3px solid #F5F5F5;}
.index_product_con_list ul li:first-child{ border-left: 0px;}
.index_product_con_list ul li img{ width: 100%; height: 210px;}
.index_product_con_list ul li p{ line-height: 24px; margin-top: 8px; height: 48px; margin-bottom: 5px; text-overflow: ellipsis; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 2;  line-clamp: 2;  -webkit-box-orient: vertical;}
.index_product_con_list ul li .price{ float: left; width: 100px; line-height: 24px; font-family: "Roboto"; font-size: 16px; line-height: 24px; color: #E1251B; font-weight: bold;}
.index_product_con_list ul li .price span{ font-size: 22px;}
.index_product_con_list ul li .self{ float: right; width: 38px; height: 24px; background: #0082C3; border-radius: 2px; font-size: 14px; line-height: 24px; color: #fff; text-align: center; position: relative; top: 2px;}
.index_product_con_list ul li:hover p{ color: #E1251B;}
.index_product_con_list ul li .price a{ color: #E1251B; font-family: 'Microsoft YaHei',Arial,Lucida Grande,Lucida Sans Unicode,Verdana,sans-serif;}

/* ----------------------服务承诺--------------------- */
.index_promise{ margin-top: 60px; height: 350px;}
.index_promise .title_promise{ font-size: 30px; font-weight: bold; text-align: center; line-height: 40px; height: 40px; letter-spacing: 2px;}
.index_promise .title_promise span{ color: #E1251B;}
.index_promise .title_promise img{ padding: 0px 10px;}
.index_promise .des{ line-height: 20px; margin-top: 18px; color: #666666; text-align: center; font-size: 14px;}
.index_promise ul{ margin-top: 28px; height: 196px;}
.index_promise ul li{ float: left; width: 290px; height: 100%; background: #FFFFFF; margin-left: 13px; padding: 39px 12px 30px 20px; overflow: hidden;}
.index_promise ul li:first-child{ margin-left: 0px;}
.index_promise ul li .title{ height: 62px; position: relative;}
.index_promise ul li .title .title_h{ font-size: 22px; font-weight: bold;}
.index_promise ul li .title span{ display: block; color: #AAAAAA; font-size: 12px; padding-top: 2px;}
.index_promise ul li .title b{ width: 30px; height: 3px; background: #E1251B; display: block; margin-top: 10px;}
.index_promise ul li .title i{ position: absolute; right: 0px; top: 0px; text-align: center; line-height: 62px; color: #E1251B; font-size: 26px; width: 62px; height: 62px; border-radius: 50%; background: rgba(235, 12, 28, 0.2);}
.index_promise ul li p{ margin-top: 20px; font-size: 12px; line-height: 18px;}

.footer_slogan{ margin-top: 0px;}



/* 首页侧边导航 */
.index_footer_fixed{ position: fixed; display: none; width: 40px; height: auto; left: 12%; top: 30%; z-index: 999;}
.index_footer_fixed ul li{ width: 40px; height: 40px; cursor: pointer; background: #fff; color: #999999; font-size: 12px; text-align: center; margin-top: 2px; padding: 4px; line-height: 16px; border-radius: 3px;}
.index_footer_fixed ul li.cur{ color: #fff; background: #FF3636;}
.index_footer_fixed ul li:first-child,.index_footer_fixed ul li:last-child{ height: 20px; line-height: 12px;}
.index_footer_fixed ul li i{ font-size: 20px;}
.index_footer_fixed ul li:hover{ background: #FF3636; color: #fff;}
.index_footer_fixed ul li:hover i{ color: #fff;}