@charset "utf-8";
/* CSS Document */

body{font-family:"微软雅黑";overflow-x:hidden;}
*{padding:0px;margin:0px;}
ul,ol{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
.clear{clear:both;}
a{text-decoration:none;}
input,textarea{outline:none;}
input{background:#fff;}
input,button,textarea{font-family:"微软雅黑";}
img{border:none;image-rendering: pixelated;}
i,em{font-style:normal;}
input,textarea,button{-webkit-appearance: none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance: none;border-radius: 0;}/*去除苹果默认样式*/
input::-webkit-input-placeholder{/* WebKit browsers*/ color:#6c6c6c;}
input:-moz-placeholder{/* Mozilla Firefox 4 to 18*/ color:#6c6c6c;}
input::-moz-placeholder{/* Mozilla Firefox 19+*/ color:#6c6c6c;}
input:-ms-input-placeholder{/* Internet Explorer 10+*/color:#6c6c6c;}
.w1200{width:1200px;margin:0 auto;}

header{height:80px;}
.logo{position:relative;}
.logo a{display:block;width:400px;height:102px;margin:0 auto;}
.logo span{display:block;position:absolute;width:464px;height:22px;background:url(../images/h_bg.png) no-repeat;left:368px;top:80px;z-index:9;}
/*header end*/

.banner{}
/*banner end*/

nav{border-bottom:1px solid #e9e9e9;}
.h_nav{height:80px;}
.h_nav ul{padding-top:19px;}
.h_nav ul li{float:left;border-left:1px solid #e4e4e4;}
.h_nav ul li:first-child{border-left:none;}
.h_nav ul li a{display:block;text-align:center;padding:0 40px;}
.h_nav ul li a span{display:block;font-size:15px;color:#000;font-weight:bold;}
.h_nav ul li a i{display:block;font-size:13px;color:#9c9c9c; text-transform:uppercase;margin-top:2px;}
.h_nav ul li a:hover span,.h_nav ul li a:hover i{color:#7d9ec1;}
.click_a span,.click_a i{color:#7d9ec1 !important;}
/*nav end*/

.container{background:#f8f8f8;padding-bottom:65px;}
.sideleft{width:220px;float:left;padding-top:36px;}
.search{border-radius:50px;border:1px solid #e5e5e5;height:35px;line-height:35px;overflow:hidden;margin-bottom:18px;}
.in_1{border:none;float:left;width:153px;line-height:35px;background:none;padding-left:15px;}
.bu_1{border:none;width:50px;float:left;line-height:35px;background:url(../images/search.png) no-repeat 11px center; cursor:pointer;}
.left_nav{margin-bottom:5px;}
.left_nav h3{height:40px;line-height:40px;font-size:14px;font-weight:bold;background:#efefef url(../images/ico_1.png) no-repeat 198px center;padding:0 10px;}
.left_nav h3 a{display:block;color:#404040;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;}
.left_nav ul{padding:10px 0;}
.left_nav ul li{font-size:12px;height:28px;line-height:28px;}
.left_nav ul li a{display:block;padding:0 10px;color:#444;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;}
.left_nav ul li a:hover{color:#7d9ec1;padding-left:15px;}
.left_click{color:#7d9ec1 !important;}

.sideright{width:950px;float:right;padding-top:36px;}
.page{}
.page_left{max-width:550px;float:left;}
.page_left span{font-size:14px;color:#6c6c6c;padding-right:20px;border-right:1px solid #b2b2b2;display:inline-block;height:15px;line-height:15px;margin-right:20px;}
.select_xz{outline:none;background:none;height:30px;line-height:30px;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;color:#6c6c6c;}
.select_xz2{outline:none;background:none;height:30px;line-height:30px;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;color:#6c6c6c;}
.page_right{max-width:280px;float:right;}
.page_right a{display:inline-block;width:30px;height:30px;line-height:30px;font-size:12px;color:#000;text-align:center;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;}
.page_a:hover{font-size:14px;font-weight:bold; text-decoration:underline;}
.page_a_click{font-size:14px;font-weight:bold; text-decoration:underline;}
.upper{font-family:"宋体";background:#f4f4f4;color:#dcdcdc !important;font-weight:bold;font-size:12px;}
.upper:hover{color:#000 !important;background:#e4e4e4;}
.next{font-family:"宋体";background:#e4e4e4;color:#000;font-weight:bold;font-size:12px;}

.img_list{margin-top:24px;margin-bottom:10px;}
.img_list ul{width:976px;}
.img_list ul li{width:218px;float:left;margin-right:26px;margin-bottom:26px;background:#fff;padding-bottom:15px;}
.li_img{width:218px;height:218px;overflow:hidden;}
.li_img a{display:block;}
.li_img a img{display:block;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;}
.li_img a:hover img{transform:scale(1.1);}
.li_name{padding:0 15px;line-height:35px;}
.li_name span{display:inline-block;font-size:12px;font-weight:bold;color:#404040;max-width:110px;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;float:left;}
.li_name i{display:inline-block;font-size:12px;font-weight:bold;color:#7d9ec1;margin-left:15px;}
.li_dh{padding:0 15px;font-size:12px;line-height:35px;}
.li_dh span{color:#000;display:inline-block;float:left;width:100px;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;}
.li_dh span i{color:#7d9ec1;}
.dh_in1{border:1px solid #e5e5e5;width:42px;height:24px;line-height:24px;text-align:center;}
.dh_bu1{border:none;background:#7d9ec1;border-radius:4px;width:35px;height:24px;line-height:24px;text-align:center;color:#fff;font-size:12px;margin-left:5px; cursor:pointer;}
/*container end*/

footer{padding:50px 0 45px;background:#ebebeb;}
.footer_left{width:470px;float:left;}
.footer_left h3{font-size:18px;color:#000;margin-bottom:25px;}
.footer_left p{font-size:12px;color:#9c9c9c;line-height:24px;}
.footer_left p a{color:#9c9c9c;}
.footer_left p a:hover{ text-decoration:underline;}
.footer_right{width:575px;float:right;}
.footer_right h3{font-size:18px;color:#000;margin-bottom:25px;}
.footer_right p{}
.footer_right p a{font-size:12px;color:#9c9c9c;display:inline-block;margin-right:20px;margin-bottom:5px;line-height:14px;}
.footer_right p a:hover{color:#7d9ec1;}
/*footer end*/

.fixed_div{position:fixed;right:8%;top:50%;z-index:999;}
.fixed_div a{display:block;width:48px;height:48px;background:#e4e4e4;border-radius:100%;margin-bottom:20px;position:relative;}
.fixed_div a i{position:absolute;right:-2px;min-width:18px;line-height:18px;text-align:center;color:#fff;background:#f00;font-size:12px;border-radius:17px;}
/*返回*/


/*产品详情*/
.navigation{padding-top:50px;}
.navigation a{font-size:13px;color:#6c6c6c;}
.navigation a:hover{color:#7d9ec1;}
.navigation i{font-style:normal;font-family:"宋体";display:inline-block;margin:0 5px;font-size:13px;color:#6c6c6c;}
.navigation span{float:right;display:inline-block;}
.navigation span a{display:inline-block;margin-left:20px;color:#6c6c6c;}
.mb_click{color:#7d9ec1 !important;}
.product_top{margin-top:50px;}
.product_top_left{width:500px;float:left;}
.product_top_right{width:480px;float:right;background:#fff;padding:40px 60px;margin-top:55px;}
.product_top_right h3{font-size:24px;color:#404040;margin-bottom:30px;}
.product_top_right h4{font-size:12px;color:#6c6c6c;height:40px;line-height:40px;}
.product_top_right h4 span{display:inline-block;margin-right:20px;}
.product_top_right h4 .dh_bu1{width:80px;}
.product_top_right h5{margin-top:40px;}
.product_top_right h5 a{display:block;width:180px;color:#fff;line-height:40px;border-radius:50px;background: linear-gradient(to right, #7d9ec1 , #7d9ec1);text-align:center;}
.product_detail_nav{font-size:18px;color:#404040;line-height:65px;background:#ebebeb;}
.product_text{font-size:12px;color:#666;padding-top:40px;line-height:24px;}


/*进货单*/
.navigation2{padding-top:50px;}
.navigation2 a{}
.qk_bu{border:none;background:url(../images/ico_5.png) no-repeat left center;color:#f00;width:155px;font-size:12px;height:16px;line-height:16px; cursor:pointer;padding-left:10px;}
.fh_sh{color:#000;font-size:12px;margin-left:15px;}
.fh_sh i{font-style:normal;font-family:"宋体";}
.fh_sh:hover{ text-decoration:underline;}
.dc{float:right;font-size:12px;color:#000;background:url(../images/ico_6.png) no-repeat left center;padding-left:18px;}
.dc:hover{background:url(../images/ico_6_h.png) no-repeat left center;color:#7d9ec1;}
.export_text{font-size:12px;margin-top:25px;}
.export_text td{padding:15px 10px;}
.export_text td img{width:35px;height:35px;border-radius:100%;overflow:hidden;}
.table_title{color:#000;}
.table_title td{font-weight:bold;}
.table_title span{display:block;font-weight:normal;color:#9c9c9c;}
.td_span span{display:block;font-size:12px;color:#6c6c6c;margin-bottom:5px;}
.td_span span i{font-style:normal;color:#f00;}
.td_span2 span{display:block;font-size:12px;color:#000;margin-bottom:5px;}
.export_text tr:nth-child(2n+1) td{background:#fff;}
.table_bg td{background:#ebebeb !important;}
.table_bg2 a{color:#000;}
.table_bg2 a:hover{color:#f00; text-decoration:underline;}
.table_bg2 tr:hover td{background:#ebf5ff;}
.table_bg3 td{background:#ebebeb !important;font-size:12px;text-align:right;}
.table_bg3 td span{display:inline-block;margin-right:30px;color:#444;}
.table_bg3 td span i{font-size:16px;font-weight:bold;color:#f00;}

/*在线客服*/
/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}