锘?* CSS Document */

/*public css*/
*{ margin:0px; padding:0px;}
body{ font-size:14px; font-family:Arial,"Microsoft YaHei",SimSun,Helvetica,sans-serif; color:#333;  line-height:24px; overflow-x:hidden;}
ul li{ margin:0px; padding:0px; list-style-type:none;}
form,ul,li,table,td,p,span,h1,h2,h3,h4,h5,img,dl,dt,dd{ margin:0px; padding:0px;}
img{ border:none; width:auto; max-width:100%;}
a{ color:#333; text-decoration:none;}
a:hover,a:active{ color:#858585; text-decoration:none;}
.dispblock{ display:block;}
.dispnone{ display:none;}
.float_l{ float:left}
.float_r{ float:right}
.clear_both{clear:both;}
.hand{ cursor:pointer;}
.f12{ font-size:12px;}
.hei{ color:#000;}
.en_ft{ font-family:Arial;}S
.ft1{ font-size:14px; font-weight:bold; color:#FFF;}
.ft_red{ color:#F00;}
.red{ color:#F00;}
.ft_bai{ color:#FFF;}
.ft_c1{ color:#858585;}
.txt_cent{ text-align:center;}
.Word_Break{ word-break:break-all; overflow:hidden; TABLE-LAYOUT:fixed; WORD-WRAP:break-word;}
.fixedHeader{ position:fixed; left:0; top:0; z-index:100;}
.txthid{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.no_rec{ text-align:center; padding:20px 0; font-size:16px; text-transform:capitalize;}
.no_rec b{ color:#FF0000;}


/*index*/
.in_topbox{ width:100%; background-color:#f3f3f5;}
.in_top{ width:1200px; height:120px; margin:0 auto; color:#484848;}
.in_top .lang{ float:right; padding-top:12px;}
.in_top .lang p{ height:38px; cursor:pointer;}
.in_top .lang span{ display:inline-block; margin:0 5px;}
.in_top .lang i{ display:inline-block; width:8px; height:8px; border-bottom:1px solid #484848; border-left:1px solid #484848; transform:rotate(-45deg); margin-bottom:3px;}
.in_top .log{ float:right; padding:12px 30px 0 0;}
.in_top .log a{ color:#484848;}
.in_top .log span{ display:inline-block; color:#999; margin:0 8px;}
.in_menubox{ clear:both; width:100%; background-color:#858585; }
.in_menu{ width:1200px; height:42px; margin:0 auto;}
.in_menu .lt{ float:left;}
.in_menu .cart{ position:relative; float:right; width:161px; height:33px; line-height:33px; text-align:center; background-color:#858585; color:#727171; border-radius:9px; text-transform:capitalize; margin-top:45px;}
.in_menu .cart img{ display:inline-block; margin-right:5px;}
.in_menu .cart a{ color:#FFF;}
.in_menu .cart span{ position:absolute; left:-5px; top:-8px; display:block; width:20px; height:20px; border-radius:20px; line-height:18px; text-align:center; background-color:#727171; color:#858585; font-size:13px;}
.in_menu .menu{ float:left; padding-left:20px;}
.in_menu .menu ul{}
.in_menu .menu li{ float:left; padding-right:1px; position:relative;}
.in_menu .menu li>a{ display:block; color:#fafafb; height:42px; line-height:42px; padding:0 52px; font-size:16px; text-transform:uppercase;}
.in_menu .menu li>a:hover{ background-color:#eb891c; color:#fff;}
.in_menu .menu li.on>a{ background-color:#eb891c; color:#fff;}
.in_menu .menu li .nav{ position:absolute; top:42px; left:0px; width:1200px; z-index:1001; background-color:rgba(255,255,255,1); border-top:10px solid #858585;}
.in_menu .menu li .nav>a{ float:left; display:block; color:#111; margin-right:30px; font-size:16px; padding:20px 0;}
.in_menu .menu li .nav>a:hover{ color:#fff;}
.in_menu .menu li .pro{ padding:20px 0; overflow:hidden;}
.in_menu .menu li .pro .box_0{ float:left; border-right:1px solid #ddd; padding:0 28px;}
.in_menu .menu li .pro .box_0:first-child{ padding-left:0;}
.in_menu .menu li .pro .box_0:last-child{ border:0;}
.in_menu .menu li .pro .box_0 p{ padding-bottom:10px;}
.in_menu .menu li .pro .box_0 p a{ display:block; font-size:16px; color:#de7d11; transition:all 0.3s ease-out;}
.in_menu .menu li .pro .box_0 p a:hover{ transform:translateX(7px);}
.in_menu .menu li .pro .box_0 div a{ display:block; padding-top:10px; color:#666; transition:all 0.3s ease-out;}
.in_menu .menu li .pro .box_0 div a:hover{ color:#000; transform:translateX(7px);}
.in_banbox{ clear:both; width:100%; position:relative;}
.in_banbox .ban_box{ width:19200px; height:500px; overflow:hidden;}
.in_banbox .ban_box_1,.in_banbox .ban_box_2{ float:left;}
.in_banbox .ban_box li{ float:left; height:500px; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:auto 100%; color:#FFF;}
.in_banbox .smbox{ position:absolute; left:50%; bottom:18px; transform:translateX(-50%); z-index:102;}
.in_banbox .smbox li{  float:left; cursor:pointer; width:11px; height:11px; border:1px solid #FFF; background:none; border-radius:50%; margin:0 5px;}
.in_banbox .smbox li.cur{ background-color:#FFF;}
.in_banbox .btnbox{ position:absolute; top:calc(50% - 25px); left:15%; width:70%; z-index:102; display:none;}
.in_banbox .btn{ display:block; width:50px; height:50px; border-radius:5px; background-color:rgba(90,90,90,0.6); transition:all 0.3s ease-out;}
.in_banbox .prev:after, .in_banbox .next:after{ content:""; display:block; width:20px; height:20px; margin:15px 0 0 20px; border-left:1px solid #FFF; border-top:1px solid #FFF; transform:rotate(-45deg);}
.in_banbox .prev{ float:left;}
.in_banbox .next{ float:right;}
.in_banbox .next:after{ margin:15px 0 0 10px; border-color:#FFF; transform:rotate(135deg);}
.in_banbox .btn:hover{ background-color:rgba(1,81,145,1);}
.in_banbox:hover .btnbox{}
.in_boxA{ clear:both; width:1200px; margin:0 auto; padding-top:40px;}
.in_boxA .tit_1{ text-align:center; color:#474747; font-size:35px; font-weight:bold; line-height:1;}
.in_boxA .info_1{ text-align:center; color:#727171; line-height:34px; padding:33px 55px 0 55px;}
.in_boxA .imgs{ overflow:hidden; padding-top:45px;}
.in_boxA .imgs li{ float:left; width:calc(33.33% - 24px); margin-right:35px;}
.in_boxA .imgs li:nth-child(3n){ margin-right:0;}
.in_boxA .list{ overflow:hidden; padding-top:90px;}
.in_boxA .list li{ float:left; margin-right:8px;}
.in_boxA .list li:nth-child(4n){ margin-right:0;}
.in_boxA .list li i{ float:left; display:block; width:75px; height:75px; background-repeat:no-repeat; background-position:center center;}
.in_boxA .list .li_0 i{ background-image:url(../images/index_09_01.jpg);}
.in_boxA .list .li_1 i{ background-image:url(../images/index_09_02.jpg);}
.in_boxA .list .li_2 i{ background-image:url(../images/index_09_03.jpg);}
.in_boxA .list .li_3 i{ background-image:url(../images/index_09_04.jpg);}
.in_boxA .list li p{ float:left; display:block; color:#009b4c; font-size:18px; padding-left:10px; text-transform:uppercase; letter-spacing:0;}
.in_boxA .list li p span{ display:block; font-size:40px; line-height:1; color:#858585;}
.in_boxB{ clear:both; width:1200px; margin:0 auto; padding:65px 0 80px 0; overflow:hidden; position:relative;}
.in_boxB li{ float:left; width:286px; margin-right:18px;}
.in_boxB .swiper-pagination-bullets{ top:auto; right:auto; bottom:40px; left:50%; transform:translateX(-50%);}
.in_boxB .swiper-pagination-bullet{ border:1px solid #858585; background:none;}
.in_boxB .swiper-pagination-bullet-active{ background-color:#858585;}
.in_boxC{ clear:both; width:1200px; margin:0 auto; padding:30px 0 55px 0; overflow:hidden;}
.in_boxC .lt{ float:left; width:544px; overflow:hidden; position:relative;}
.in_boxC .lt li{ float:left; position:relative;}
.in_boxC .lt li .tit{ position:absolute; left:0; bottom:0; width:calc(100% - 20px); padding:0 0 0 20px; height:73px; line-height:73px; color:#FFF; background-color:rgba(0,0,0,0.5); font-size:18px;}
.in_boxC .lt .swiper-pagination-bullets{ top:auto; right:10px; bottom:30px;}
.in_boxC .lt .swiper-pagination-bullet{ width:10px; height:10px; background:#97948F; margin:0 5px;}
.in_boxC .lt .swiper-pagination-bullet-active{ background-color:#de7d11;}
.in_boxC .rt{ float:right; width:610px;}
.in_boxC .rt li{ clear:both; overflow:hidden; margin-bottom:21px; height:139px;}
.in_boxC .rt li .imgs{ float:left; width:135px;}
.in_boxC .rt li .info{ float:right; width:calc(100% - 155px);}
.in_boxC .rt li .info .tm{ color:#666; font-size:15px;}
.in_boxC .rt li .info .tm_1{ display:none;}
.in_boxC .rt li .info .tit{ color:#000; font-size:16px; padding:5px 0;}
.in_boxC .rt li .info .cont{ color:#666666; font-size:14px; line-height:22px; height:44px; overflow:hidden;}
.in_boxC .rt li.on{  clear:both; overflow:hidden; margin-bottom:21px; background-color:#f3f3f5;}
.in_boxC .rt li.on .info .tit{ color:#de7d11; font-size:16px; padding:5px 0;}
.in_boxC .rt li.on .info .cont{ color:#858585; font-size:14px; line-height:22px; height:44px; overflow:hidden;}

.in_boxC .rt li:nth-child(3){ margin-bottom:0;}
.in_btmbox{ clear:both; width:100%; background-color:#f3f3f5;}
.in_btm{ width:1200px; margin:0 auto; overflow:hidden;}
.in_btm .lt{ float:left; width:550px; color:#585858; padding-bottom:20px;}
.in_btm .lt a{ color:#585858;}
.in_btm .lt .lg{ padding-top:35px;}
.in_btm .lt .info{ font-size:13px; line-height:1.8; color:#585858;padding-top:20px;}
.in_btm .rt{ float:left; width:calc(100% - 706px); padding-left:155px; padding-bottom:10px; border-left:1px solid #cacacb;}
.in_btm .rt .p_1{ color:#585858; font-size:40px; line-height:1; font-weight:bold; padding:30px 0 25px 0;}
.in_btm .rt .box{ clear:both; overflow:hidden; margin-bottom:19px;}
.in_btm .rt .txt{ width:213px; height:31px; line-height:31px; padding:0 10px; border-radius:7px; border:0; background-color:#FFF; outline:none;}
.in_btm .rt .t_1{ float:left;}
.in_btm .rt .t_2{ float:right;}
.in_btm .rt .area{ width:calc(100% - 20px); height:60px; line-height:20px; padding:5px 10px; border-radius:7px; border:0; background-color:#FFF; outline:none;}
.in_btm .rt .btn{ float:right; width:92px; height:31px; line-height:31px; text-align:center; background-color:#585858; color:#fff; border-radius:7px; border:0; outline:none; font-weight:bold; cursor:pointer;}



/*浜у搧鍒楄〃*/
.pro_mbxbox{ clear:both; width:100%; background-color:#EBEBEB;}
.pro_mbx{ width:1200px; margin:0 auto; height:44px; line-height:44px; text-transform:uppercase;}
.pro_boxA{ clear:both; width:1200px; margin:0 auto; overflow:hidden; padding-bottom:35px;}
.pro_boxA .lt{ float:left; width:920px; padding:28px 0 0 0; border-right:1px solid #E1E1E1;}
.pro_boxA .lt ul{ overflow:hidden;}
.pro_boxA .lt .pro_list li{ float:left; width:268px; border:1px solid #EBEBEB; margin:0 37px 28px 0;}
.pro_boxA .lt .pro_list li:nth-child(3n){ margin-right:0;}
.pro_boxA .lt .pro_list li .cont{ padding:15px 20px 10px 20px; overflow:hidden; position:relative;}
.pro_boxA .lt .pro_list li .cont:after{ content:""; display:block; position:absolute; top:0; left:10%; width:80%; height:1px; background-color:#EBEBEB;}
.pro_boxA .lt .pro_list li .cont .info{ float:left; font-size:18px; max-width:calc(100% - 70px);}
.pro_boxA .lt .pro_list li .cont .tit{ color:#000;}
.pro_boxA .lt .pro_list li .cont .price{ color:#666; font-size:14px;}
.pro_boxA .lt .pro_list li .cont .cart{ float:right; width:60px; height:33px; border-radius:33px; background:url(../images/index_05_1.png) center center no-repeat; border:1px solid #858585;}
.pro_boxA .lt .pro_list li:hover{ border-color:#858585;}
.pro_boxA .lt .pro_list li:hover .cont:after{ background-color:#858585;}
.pro_boxA .lt .pro_list li:hover .cart{ background-color:#858585; background-image:url(../images/index_05.png);}
.pro_boxA .rt{ float:right; width:250px; padding:28px 0 0 0;}
.pro_boxA .rt .p_1{ height:40px; line-height:40px; color:#FFF; text-align:center; font-size:18px; background-color:#858585; text-transform:uppercase;}
.pro_boxA .rt .ctg{ padding:10px 0 30px 0;}
.pro_boxA .rt .ctg li>a{ display:block; height:24px; padding:10px 0 10px 12px; position:relative;}
.pro_boxA .rt .ctg li>a:after{ content:""; display:block; width:16px; height:1px; background-color:#ABABAB; position:absolute; top:50%; right:20px;}
.pro_boxA .rt .ctg li div{ padding:0 0 20px 0; margin:0 5px; border-bottom:1px solid #EBEBEB; display:none;}
.pro_boxA .rt .ctg li div p{ padding:10px 10px 0 20px;}
.pro_boxA .rt .ctg li div p a{ color:#666;}
.pro_boxA .rt .ctg li.on>a{ color:#858585;}
.pro_boxA .rt .ctg li.on div{ display:block;}
.pro_boxA .rt .shbox{ color:#FFF; background-color:#858585; padding-bottom:20px;}
.pro_boxA .rt .shbox .p_2{ height:45px; line-height:45px; text-align:center; font-size:18px; text-transform:uppercase; border-bottom:1px solid #405475;}
.pro_boxA .rt .shbox .p_3{ padding:10px 11px 0 11px;}
.pro_boxA .rt .shbox .box{ padding:0 11px;}
.pro_boxA .rt .shbox .txt{ width:calc(100% - 20px); height:25px; padding:6px 10px; background-color:#FFF; border:0; outline:none;}
.pro_boxA .rt .shbox .selbox{ margin:0 11px; height:37px; background-color:#FFF; position:relative; z-index:2;}
.pro_boxA .rt .shbox .selbox:before{ content:""; position:absolute; top:14px; right:10px; width:0; height:0; border:10px solid transparent;  border-top-color:#858585; cursor:pointer; z-index:-2;}
.pro_boxA .rt .shbox .selbox .sel{ width:100%; padding:0 10px; height:37px; border:0; outline:none; background:transparent; background:none; -webkit-appearance: none; -moz-appearance: none; cursor:pointer;}
.pro_boxA .rt .shbox .selbox .sel option{}
.pro_boxA .rt .shbox .btn{ display:block; width:155px; height:37px; border-radius:37px; line-height:37px; text-align:center; background-color:#FFF; color:#858585; border:0; margin:20px auto 0 auto; outline:none; cursor:pointer;}

/*鎼滅储缁撴灉*/
.sea_tab{ border-left:1px solid #858585;}
.sea_tab li{ float:left; height:62px; line-height:62px; text-align:center; font-size:18px; text-transform:uppercase; background-color:#858585; color:#FFF; border-right:1px solid #BCBCBC;}
.sea_tab .li_0{ width:250px;}
.sea_tab .li_1{ width:137px;}
.sea_tab .li_2{ width:192px;}
.sea_tab .li_3{ width:304px;}
.sea_tab .li_3{ width:304px; border-right:1px solid #858585;}
.sea_list li{ height:250px; line-height:normal; background:none; color:#000; border-bottom:1px solid #BCBCBC; display:flex; align-items:center; justify-content:center;}
.sea_btn{ width:886px; padding:7px 0; border:1px solid #858585; border-top:0; overflow:hidden;}
.sea_btn .price{ float:left; font-size:18px; color:#ff0000; margin-left:25px; line-height:40px;}
.sea_btn .cart{ float:right; width:172px; height:40px; line-height:40px; border-radius:40px; background-color:#858585; color:#FFF; text-align:center; margin-right:55px;}

/*鏂伴椈鍒楄〃*/
.ns_list{}
.ns_list li{ clear:both; overflow:hidden; padding:25px 0; border-bottom:1px solid #E5E5E5;}
.ns_list li:hover{ border-bottom:1px solid #858585;}
.ns_list li a{ color:#4c4c4c;}
.ns_list li .imgs{ float:left; width:200px;}
.ns_list li .cont{ float:right; width:calc(100% - 250px);}
.ns_list li .cont .tit{ font-size:16px; font-weight:bold; margin-top:10px;}
.ns_list li .cont .info{ margin-top:10px; height:72px;}
.ns_list li .cont .tm{ color:#999; margin-top:10px;}

/*newsShow*/
.nss_tit{ font-size:22px; font-weight:bold; line-height:20px; text-align:center;}
.nss_dtm{ text-align:center; color:#999; font-size:12px; padding-top:20px;}
.nss_info{ clear:both; line-height:24px; padding-top:20px;}
.ff_pre{ clear:both; padding:25px 0 0 0;}
.ff_next{ clear:both; padding:0 0 10px 0;}


/*鍗曢〉*/
.body_bkg{ background:#F2F2F2;}
.ab_banbox{ clear:both; width:100%; height:330px; background:url(../images/ban_about.jpg) top center no-repeat; overflow:hidden;}
.ab_box{ clear:both; width:1200px; margin:0 auto; overflow:hidden; padding:35px 0; min-height:200px;}
.ab_box .lt{ float:left; width:208px; border:1px solid #E6E6E6; background-color:#FFF;}
.ab_box .lt .top{ height:50px; line-height:50px; color:#FFF; padding-left:18px; font-size:16px; background-color:#858585;}
.ab_box .lt ul{ padding:16px; font-size:13px;}
.ab_box .lt ul li{ height:39px; line-height:39px; padding-left:25px; border-bottom:1px solid #E6E6E6; background:url(../images/about_05.png) 6px -25px no-repeat;}
.ab_box .lt ul li:hover{ font-weight:bold; background-position:4px 17px;}
.ab_box .lt ul li:hover a{ color:#ed7020;}
.ab_box .lt ul .on{ font-weight:bold; background-position:4px 17px;}
.ab_box .lt ul .on a{ color:#ed7020;}
.ab_box .rt{ float:right; width:928px; padding:0 20px; border:1px solid #E6E6E6; background-color:#FFF;}
.ab_box .rt .top{ padding-top:10px; height:38px; line-height:37px; border-bottom:1px solid #E6E6E6;}
.ab_box .rt .top span{ display:inline-block; border-bottom:2px solid #858585; padding:0 4px;}
.ab_box .rt .box{ clear:both; overflow:hidden; padding:25px 0; min-height:263px;}


/*浜у搧鍒楄〃*/
.pro_mbx{ clear:both; width:1200px; margin:0 auto; padding:20px 0 15px 0;}
.pro_banbox{ clear:both; width:1200px; margin:0 auto; text-align:center; overflow:hidden;}
.pro_box{ clear:both; width:1200px; margin:0 auto; overflow:hidden; padding-top:30px;}
.pro_box .lt{ float:left; width:210px; background-color:#FFF;}
.pro_box .lt .box{ border:1px solid #E6E6E6; margin-bottom:20px;}
.pro_box .lt .top{ height:50px; line-height:50px; color:#FFF; padding-left:18px; font-size:16px; background-color:#858585;}
.pro_box .lt .ctg{ padding:16px; font-size:13px;}
.pro_box .lt .ctg li{ height:39px; line-height:39px; padding-left:25px; border-bottom:1px solid #E6E6E6; background:url(../images/list_05.png) 6px -25px no-repeat; overflow:hidden;}
.pro_box .lt .ctg li:hover{ font-weight:bold; background-position:4px 17px;}
.pro_box .lt .ctg li:hover a{ color:#ed7020;}
.pro_box .lt .ctg .on{ font-weight:bold; background-position:4px 17px;}
.pro_box .lt .ctg .on a{ color:#ed7020;}
.pro_box .lt .list{ padding:20px 19px 0 19px;}
.pro_box .lt .list li{ text-align:center; padding-bottom:15px; line-height:22px;}
.pro_box .lt .list li img{ max-width:100%;}
.pro_box .lt .list li p{ font-size:14px; line-height:20px; padding-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro_box .lt .list li b{ display:block; padding-top:5px; color:#ed7020; font-size:15px;}
.pro_box .rt{ float:right; width:970px;}
.pro_box .rt .top{ height:45px; line-height:45px; border:1px solid #E6E6E6; background-color:#F2F2F2;}
.pro_box .rt .top li{ float:left; padding-left:20px; color:#666;}
.pro_box .rt .top li i{ display:inline-block; vertical-align:middle; width:9px; height:6px; margin-left:6px; background:url(../images/list_06.png) 0 0 no-repeat;}
.pro_box .rt .top li.on{ color:#ed7020;}
.pro_box .rt .top li.on a{ color:#ed7020;}
.pro_box .rt .top li.down i{ background-position:0 0;}
.pro_box .rt .top li.down.on i{ background-position:0 bottom;}
.pro_box .rt .top li.up i{ background-position:right 0;}
.pro_box .rt .top li.up.on i{ background-position:right bottom;}
.pro_box .rt .top span{ float:right; margin-right:18px;}
.pro_box .rt .pro_list{ padding-top:24px; overflow:hidden;}
.pro_box .rt .pro_list li{ float:left; width:224px; margin:0 24px 24px 0;}
.pro_box .rt .pro_list li.none{ margin-right:0;}
.pro_box .rt .pro_list li img{ display:block;}
.pro_box .rt .pro_list li .tit{ margin-top:10px; font-size:15px; height:22px; line-height:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro_box .rt .pro_list li .price{ padding-top:5px;}
.pro_box .rt .pro_list li .price b{ font-size:16px; color:#ed7020;}
.pro_box .rt .pro_list li .price del{ font-size:15px; color:#aaaaaa; margin-left:10px;}
.pro_box .rt .spec_box{ overflow:hidden; padding-bottom:10px; font-size:13px;}
.pro_box .rt .spec_box .item{ float:left;}
.pro_box .rt .spec_box .item span{ display:inline-block; border:1px solid #E6E6E6; padding:0 18px 0 8px; cursor:pointer; position:relative; margin-right:5px;}
.pro_box .rt .spec_box .item span:before, .pro_box .rt .spec_box .item span:after{ content:""; position:absolute; top:12px; right:5px; display:block; width:10px; height:2px; background-color:#aaa;}
.pro_box .rt .spec_box .item span:before{ transform:rotate(-45deg);}
.pro_box .rt .spec_box .item span:after{ transform:rotate(45deg);}
.pro_box .rt .spec_box .item span:hover{ border-color:#F00;}
.pro_box .rt .spec_box .item span:hover:before, .pro_box .rt .spec_box .item span:hover:after{ background-color:#F00} 
.pro_box .rt .spec_box .close{ float:right; border:1px solid #E6E6E6; padding:0 20px 0 10px; cursor:pointer; position:relative;}
.pro_box .rt .spec_box .close i{ position:absolute; top:11px; right:7px; display:block; width:5px; height:5px; border-left:1px solid #aaa; border-top:1px solid #aaa; transform:rotate(45deg);}
.pro_box .rt .spec_list{ clear:both; margin-bottom:10px; padding:10px 0 10px 20px; border:1px solid #E6E6E6; font-size:13px;}
.pro_box .rt .spec_list .box{ clear:both; border-bottom:1px dashed #E6E6E6;}
.pro_box .rt .spec_list .box dl{ overflow:hidden; padding:5px 0;}
.pro_box .rt .spec_list .box dt{ float:left; width:80px; color:#999;}
.pro_box .rt .spec_list .box dd{ margin-left:80px;}
.pro_box .rt .spec_list .box span{ margin-right:40px; white-space:nowrap; cursor:pointer;}
.pro_box .rt .spec_list .box span.on{ color:#858585;}


/*浜у搧璇︽儏椤?/
.show_box{ clear:both; width:1200px; margin:25px auto 0 auto; overflow:hidden;}
.show_box .lt{ float:left; width:500px; position:relative;}
.show_box .lt .bimg_box{ border:1px solid #DFDFDF;}
.show_box .lt .bimg_box #bimg{ width:auto; max-width:100%;}
.show_box .lt .smlist{ overflow:hidden; padding-top:15px;}
.show_box .lt .smlist li{ float:left; margin-right:10px; width:68px; border:1px solid #ddd; cursor:pointer;}
.show_box .lt .smlist li img{ display:block; width:auto; max-width:100%;}
.show_box .lt .smlist li.cur{ border:1px solid #858585;}
.show_box .rt{ float:right; width:650px; font-size:13px; color:#888;}
.show_box .rt dl{ clear:both; overflow:hidden;}
.show_box .rt dt{ float:left; width:100px;}
.show_box .rt dd{ float:left; width:510px;}
.show_box .rt .pro_tit{ font-size:22px; line-height:45px; font-weight:bold; color:#000;}
.show_box .rt .pro_subtit{ font-size:14px; color:#666; padding-top:5px;}
.show_box .rt .pro_info{ padding:5px 0; font-size:14px; color:#999;}
.show_box .rt .price{ background-color:#F6F6F6; padding:30px 0 30px 18px;}
.show_box .rt .price ul{ overflow:hidden;}
.show_box .rt .price li{ float:left; padding-right:33px; font-size:15px; line-height:34px;}
.show_box .rt .price .sell_price{ font-size:14px; color:#666;}
.show_box .rt .price .sell_price span{ display:inline-block; height:34px;}
.show_box .rt .pro_spec{ clear:both; padding:15px 0 5px 0; border-top:1px solid #EFEFEF; border-bottom:1px solid #EFEFEF; margin-top:10px;}
.show_box .rt .pro_spec dl{ padding:5px 0;}
.show_box .rt .pro_spec dd span{ display:inline-block; margin:0 10px 10px 0; padding:3px 6px; cursor:pointer; border:1px solid #ccc;}
.show_box .rt .pro_spec dd span.cur{ border:2px solid #858585; color:#858585; padding:2px 5px;}
.show_box .rt .pro_spec dd span.none{ border-color:#eee; color:#eee;}
.show_box .rt .pro_buynum{ padding-top:20px;}
.show_box .rt .pro_buynum .btn_1{ float:left; display:block; width:30px; height:30px; line-height:30px; text-align:center; font-size:20px; border:1px solid #cccccc; color:#888;}
.show_box .rt .pro_buynum input{ float:left; display:block; width:50px; height:30px; line-height:30px; text-align:center; border:0; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;}
.show_box .rt .pro_buynum span{ float:left; line-height:30px;}
.show_box .rt .pro_buynum span i{ font-style:normal;}
.show_box .rt .buy_btn_box{ padding-top:20px; position:relative;}
.show_box .rt .buy_btn_box button{ text-transform:uppercase; float:left; display:block; width:150px; height:45px; line-height:45px; text-align:center; font-size:18px; margin-right:20px; border:1px solid #858585; background:#FFF; color:#858585; cursor:pointer; outline:none;}
.show_box .rt .buy_btn_box button.add{ background:#858585; color:#FFF;}
.show_box .rt .buy_btn_box button.enable{ color:#999; background:#f7f7f7; border-color:#DFDFDF; cursor:default;}
.show_box .rt .buy_btn_box .sc{ float:left; display:block; height:30px; line-height:30px; padding-left:30px; background:url(../images/index_40.png) left center no-repeat; font-size:14px; margin:8px 0 0 30px; cursor:pointer; vertical-align:middle;}
.show_box .rt .buy_btn_box .scon{ background-image:url(../images/index_41.png);}
.show_cont{ clear:both; width:1200px; margin:30px auto 0 auto; overflow:hidden; padding-bottom:30px;}
.show_cont .lt{ float:left; width:210px;}
.show_cont .lt .box{ border:1px solid #E6E6E6; margin-bottom:20px;}
.show_cont .lt .top{ height:50px; line-height:50px; color:#FFF; padding-left:18px; font-size:16px; background-color:#858585; text-transform:uppercase;}
.show_cont .lt .ctg{ padding:16px; font-size:13px;}
.show_cont .lt .ctg li{ height:39px; line-height:39px; padding-left:15px; border-bottom:1px solid #E6E6E6;}
.show_cont .lt .ctg .on{ font-weight:bold;}
.show_cont .lt .ctg .on a{ color:#ed7020;}
.show_cont .lt .list{ padding:20px 19px 0 19px;}
.show_cont .lt .list li{ text-align:center; padding-bottom:15px; line-height:22px;}
.show_cont .lt .list li img{ max-width:100%;}
.show_cont .lt .list li p{ font-size:14px;}
.show_cont .lt .list li b{ color:#ed7020; font-size:15px;}
.show_cont .rt{ float:right; width:968px; border:1px solid #eaeaea;}
.show_cont .rt .tit{ background:#f8f8f8; height:49px; line-height:49px; border-bottom:1px solid #eaeaea;}
.show_cont .rt .tit li{ float:left; width:180px; text-align:center; border-right:1px solid #eaeaea; font-size:18px; cursor:pointer; text-transform:uppercase;}
.show_cont .rt .tit li i{ font-style:normal; color:#858585;}
.show_cont .rt .tit li.cur{ border-top:3px solid #858585; color:#858585; background:#FFF; height:47px;}
.show_cont .rt .info{ clear:both; padding:20px; overflow:hidden;}
.show_cont .rt .tab_box{ min-height:150px;}
.show_cont .rt .comment{ clear:both; padding:20px; overflow:hidden; font-size:13px; display:none;}
.show_cont .rt .comment .com_item{ border-bottom:1px solid #EEEEEE; padding:10px 0; line-height:20px;}
.show_cont .rt .comment dl{ clear:both; overflow:hidden;}
.show_cont .rt .comment dt{ float:left; width:40px;}
.show_cont .rt .comment dt img{ width:40px;}
.show_cont .rt .comment dd{ margin-left:50px;}
.show_cont .rt .comment .com_tit{ color:#999; font-size:12px;}
.show_cont .rt .comment .com_fen{ display:inline-block;}
.show_cont .rt .comment .com_fen li{ display:inline-block; margin:0 2px; width:12px; height:11px; background:url(../images/starsy.png) center center no-repeat; background-size:100% auto;}
.show_cont .rt .comment .com_msg{ padding-top:10px;}
.show_cont .rt .comment .com_imgs{ padding-top:5px;}
.show_cont .rt .comment .com_imgs .small_list img{ max-width:60px; max-height:60px; margin-right:5px; padding:2px; border:2px solid #EAEAEA;}
.show_cont .rt .comment .com_imgs .small_list img:hover{ border-color:#858585; cursor:url(../images/cursor.png),url(../images/cursor1.cur),auto;}
.show_cont .rt .comment .com_imgs .small_list img.on{ border-color:#858585; cursor:url(../images/cursor_1.png),url(../images/cursor1_1.cur),auto;}
.show_cont .rt .comment .com_imgs .big_show{}
.show_cont .rt .comment .com_imgs .big_show img{ display:none; width:0; height:0; margin-top:8px; max-width:400px; max-height:400px; padding:5px; border:2px solid #EAEAEA;}
.show_cont .rt .comment .reply{ color:#AF874D; padding-top:10px;}
/*鍥剧墖鏀惧ぇ闀滄牱寮?/
.zoomdiv{ position:absolute; top:0; left:0; z-index:100; display:none; width:500px; height:500px; background:#fff; border:1px solid #e8e8e8; text-align:center; overflow:hidden; }
.zoomdiv img{ max-width:initial;}
.jqZoomPup{ position:absolute; top:0; left:0; z-index:10; visibility:hidden; width:20px; height:20px; border:1px solid #aaa; background:#fff; opacity:0.5;-moz-opacity:0.5; -khtml-opacity:0.5; filter:alpha(Opacity=50); }
/*浼氬憳鐧诲綍绐楀彛*/
.pro_lg_bkg{ position:fixed; left:0; top:0; background:rgba(0,0,0,0.3); width:100%; height:100%; z-index:1000; display:none;}
.pro_lg_box{ position:fixed; left:50%; top:50%; background:#FFF; transform:translate(-50%, -50%); padding:20px 30px 30px 30px; z-index:1001; display:none;}
.pro_lg_box .tit{ text-align:center; font-size:16px; line-height:36px; color:#858585; position:relative;}
.pro_lg_box .tit:after{ content:""; display:block; width:35px; height:1px; background:#858585; position:absolute; left:50%; bottom:0;transform:translate(-50%, 0);}
.pro_lg_box i{ position:absolute; right:-15px; top:-5px; display:block; width:18px; height:18px; cursor:pointer;}
.pro_lg_box i:before{ content:""; display:block; position:absolute; left:0; top:8px; width:18px; height:2px; background-color:#999; transform:rotate(45deg);}
.pro_lg_box i:after{ content:""; display:block; position:absolute; left:0; top:8px; width:18px; height:2px; background-color:#999; transform:rotate(-45deg);}
.pro_lg_box .tips{ border:1px solid #ffe57d; color:#666; line-height:18px; font-size:12px; padding:8px 8px 8px 35px; background:#fff6d2 url(../images/index_45.png) 10px center no-repeat; margin-top:15px; display:none;}
.pro_lg_box .box{ padding-top:15px;}
.pro_lg_box .box input{ width:350px; height:25px; line-height:25px; padding:7px 40px 7px 10px; border:1px solid #D4D4D4; border-radius:5px; color:#333; outline:none;}
.pro_lg_box .box input.name{ background:url(../images/index_46.png) right 10px center no-repeat;}
.pro_lg_box .box input.pwd{ background:url(../images/index_47.png) right 10px center no-repeat;}
.pro_lg_box .box input.code{ width:100px;}
.pro_lg_box .btnbox{ padding-top:15px; line-height:40px; font-size:12px;}
.pro_lg_box .btnbox input{ display:block; float:left; width:100px; height:40px; text-align:center; background-color:#858585; color:#FFF; border:0; border-radius:3px; cursor:pointer; font-size:16px; vertical-align:middle; outline:none;}
.pro_lg_box .btnbox p{ float:left; line-height:40px; padding-left:15px; color:#999;}
.pro_lg_box .btnbox p a{ color:#858585;}
.pro_lg_box .btnbox p a:hover{ text-decoration:underline;}
.pro_lg_box .btnbox span{ float:right;}
.pro_lg_box .btnbox span a{ color:#999;}
.pro_lg_box .btnbox span a:hover{ color:#858585; text-decoration:underline;}


/*鍟嗗搧璇︾粏椤碉紝璐墿杞︽牱寮?/
.cart-info{ position:absolute; top:-50px; left:0; margin:0; padding:15px; border:1px solid #DFC795; width:302px; height:auto; background:#fcfbda; text-align:left; z-index:100; }
	.cart-info .ico{ display:block; float:left; margin-top:5px; width:46px; height:46px; }
    .cart-info .ico i{ color:#5ba61b; font-size:46px; line-height:1em; }
	.cart-info .ico.error i{ color:#fb1605; }
	.cart-info .msg{ margin-left:60px; }
	.cart-info .msg strong{ margin-bottom:10px; color:#444; font-size:15px; }
	.cart-info .msg p{ padding-bottom:8px; line-height:1.8em; }
    .cart-info .msg .link-btn{ display:inline-block; margin:0; padding:0 25px; color:#fff; font-size:12px; height:30px; line-height:30px; text-align:center; background:#858585; vertical-align:middle; }
	.cart-info .msg .close{ position:absolute; display:block; top:10px; right:10px; width:20px; height:20px; text-align:center; cursor:pointer; }
    .cart-info .msg .close i{ display:block; width:16px; height:1px; background-color:#999; transform:rotate(45deg); position:relative; margin:9px 0 0 2px;}
    .cart-info .msg .close i:after{ content:""; display:block; position:absolute; left:0; top:0; width:16px; height:1px; background-color:#999; transform:rotate(-90deg);}
    

/*璐墿杞?/
.cart_box{ clear:both; width:1200px; padding:0 0 30px 0; margin:0 auto 30px auto; overflow:hidden; background:#FFF; color:#555;}
.cart_box .head{ padding:30px 0; overflow:hidden;}
.cart_box .head .tit{ text-transform:uppercase; display:block; float:left; font-size:18px; color:#666; line-height:35px; padding-left:30px; background:url(../images/index_42.png) left center no-repeat;}
.cart_box .head .step{ float:right; width:75%;}
.cart_box .head .step li{ float:left; width:calc(33.33% - 1px); height:35px; line-height:35px; color:#999; font-size:13px; text-align:center; background:#EEEEEE; margin-right:1px;}
.cart_box .head .step li.first{ border-top-left-radius:35px; border-bottom-left-radius:35px;}
.cart_box .head .step li.last{ border-top-right-radius:35px; border-bottom-right-radius:35px;}
.cart_box .head .step li.cur{ background-color:#858585; color:#FFF;}
.cart_tb{ width:100%; border:1px solid #eee; font-size:13px;}
.cart_tb th{ height:40px; background:#F5F5F5; border-bottom:1px solid #eee; font-weight:normal; padding:0 5px; text-transform:capitalize;}
.cart_tb td{ border-bottom:1px solid #eee; padding:10px 5px; background:#FFF;}
.cart_tb td img{ display:block; float:left; width:60px; height:60px; padding:1px; border:1px solid #eee; margin-right:10px;}
.cart_tb td .info{ display:block; float:left; padding-top:5px;}
.cart_tb td .info p{ color:#999; font-size:13px; line-height:22px;}
.cart_tb td .buy_btn{ display:block; float:left; width:20px; height:20px; line-height:20px; text-align:center; border:1px solid #e8e8e8;}
.cart_tb td .buy_input{ float:left; width:30px; height:20px; line-height:20px; text-align:center; border:0;}
.cart_tb .red{ color:#FF0000}
.cart_none{ width:420px; margin:30px auto; overflow:hidden;}
.cart_none i{ display:block; float:left; width:60px; height:61px; background:url(../images/index_44.jpg) center center no-repeat; vertical-align:middle; margin-right:20px;}
.cart_none div{ display:block; float:left; padding-top:5px;}
.cart_none div span{ font-size:18px; color:#333;}
.cart_box .foot{ padding-top:30px; overflow:hidden;}
.cart_box .foot .lt{ float:left;}
.cart_box .foot .lt a{ margin-right:20px;}
.cart_box .foot .rt{ float:right;}
.cart_box .foot .rt button, .cart_box .foot .rt a{ display:block; float:left; margin-left:5px; padding:0 20px; height:38px; line-height:38px; text-align:center; font-size:14px; border-radius:3px; cursor:pointer;}
.cart_box .foot .rt .back{ border:1px solid #858585; color:#858585; background:#FFF;}
.cart_box .foot .rt .submit{ border:1px solid #858585; color:#FFF; background:#858585;}

/*璁㈠崟纭椤?/
.order_tit{ border-bottom:1px solid #f0f0f0; font-size:16px; line-height:16px;}
.order_tit span{ position:relative; top:1px; display:inline-block; padding:10px 0; border-bottom:1px solid #858585; color:#858585;}
.address_list{ padding:10px 0 30px 0;}
.address_list li{ clear:both; overflow:hidden; padding:3px 0; font-size:13px;}
.address_list li label{ float:left; overflow:hidden; width:calc(100% - 80px);}
.address_list li label span{ float:left; display:none; width:80px; padding-right:8px; text-align:right; color:#FF4400;}
.address_list li label span i{ display:inline-block; width:16px; height:20px; background:url(../images/index_57.png) center center no-repeat; vertical-align:middle; margin-right:3px;}
.address_list li label p{ float:left; display:inline-block; width:88px; height:20px;}
.address_list li label input{ float:left; display:block; margin-top:7px;}
.address_list li label div{ float:left; display:block; margin-left:5px; width:calc(100% - 180px);}
.address_list li label b{ color:#999; margin-left:10px;}
.address_list li a{ float:right; display:block; font-weight:normal; color:#0054A3; margin-right:10px; display:none;}
.address_list li.on{ padding:5px 0; border:2px solid #858585; background-color:#FFF0E3; font-weight:bold; font-size:14px; color:#333;}
.address_list li.on label span{ display:inline-block;}
.address_list li.on label p{ display:none;}
.address_list li.on a{ display:inline-block;}
.address_list .add_btn{ clear:both; display:inline-block; border:1px solid #aaa; font-size:13px; padding:2px 5px 2px 20px; margin:5px 0 0 103px; border-radius:3px; cursor:pointer; background:url(../images/index_58.png) 5px center no-repeat;}
.address_list .add_btn:hover{ border-color:#858585; color:#858585;}
.order_box{ padding:30px 0;}
.order_address{ padding-top:0px;}
.order_box dl{ clear:both; overflow:hidden; padding:10px 0;}
.order_box dt{ float:left; width:14%; padding-right:2%; text-align:right; line-height:40px; color:#888;}
.order_box dd{ float:left; width:84%; color:#999;}
.order_box dd .input{ display:inline-block; width:50%; padding:10px; height:20px; line-height:20px; border:1px solid #e0e0e0; outline:none;}
.order_box dd .input:focus{ border:1px solid #858585;}
.order_box dd .input.error{ background-color:#FEFBD3;}
.order_box dd .short{ width:15%; min-width:160px;}
.order_box dd .code{ width:100px;}
.order_box dd .btn{ padding:7px 25px; border:1px solid #aaa; background:none; color:#666; border-radius:3px; cursor:pointer; margin-right:10px; background:url(../images/index_60.jpg) center center repeat-x;}
.order_box dd .btn:hover{ border-color:#858585; color:#858585;}
.order_box span{ display:inline-block; margin-left:10px; height:17px; line-height:17px;}
.order_box ul{ overflow:hidden; display:inline-block; vertical-align:middle;}
.order_box ul li{ float:left; margin:0 25px;}
.order_box em{ font-style:normal; color:#999;}
.order_box select{ height:40px; line-height:20px;}
.order_tb{ margin:15px 0 20px 0;}
.order_exp div{ text-align:center;}
.order_exp select{ padding:3px 20px 3px 7px; border:1px solid #AAAAAA; color:#333; appearance:none; -moz-appearance:none; -webkit-appearance:none; background:url(../images/jt_1.png) right 5px center no-repeat; cursor:pointer;}
.order_exp select::-ms-expand{display:none;}
.order_exp select option{ height:28px; line-height:28px;}
.order_yue{ padding:15px 0;}
.order_yue .txt{ width:100px; padding:5px 10px; height:20px; line-height:20px; border:1px solid #e0e0e0; outline:none;}
.order_yue .all{ color:#858585; cursor:pointer;}
.order_foot{ margin-top:20px; overflow:hidden;}
.order_foot .lt{ float:left;}
.order_foot .lt .fp_txt{ padding-top:10px; color:#666;}
.order_foot .lt .fp_txt .txt{ border:1px solid #e0e0e0; width:230px; padding:5px; font-size:12px; outline:none;}
.order_foot .lt .fp_txt li{ float:left; padding-right:15px;}
.order_foot .lt .remark{ padding-top:10px; color:#666;}
.order_foot .lt .remark textarea{ border:1px solid #e0e0e0; width:400px; line-height:20px; height:80px; padding:5px; font-size:12px; outline:none;}
.order_foot .rt{ float:right; text-align:right; color:#333;}
.order_foot .rt p{ line-height:38px;}
.order_foot .rt p b{ color:#f00;}
.order_foot .rt .price{ color:#f00; font-weight:bold;}
.order_foot .rt .totle{ font-size:18px; margin-top:10px;}
.order_foot .rt .btnbox{ margin-top:20px;}
.order_foot .rt .btnbox input, .order_foot .rt .btnbox a{ display:inline-block; margin-left:5px; padding:8px 25px; line-height:20px; border-radius:3px; cursor:pointer; outline:none;}
.order_foot .rt .btnbox .back{ border:1px solid #858585; color:#858585; background:#FFF;}
.order_foot .rt .btnbox .submit{ border:1px solid #858585; color:#FFF; background:#858585;}
span.wrong{ color:#F00; padding-left:20px; background:url(../images/valid_icons.png) no-repeat -20px -40px; vertical-align:middle;}
span.right{ color:#53BD17; padding-left:20px; background:url(../images/valid_icons.png) no-repeat -40px -20px; vertical-align:middle;}

/*payment*/
/*鏀粯*/
.pm_tit{ margin:0 auto; padding:30px 0; text-align:center; color:#858585; font-size:16px; font-weight:bold; border-bottom:1px solid #e0e0e0; }
.pm_box{ padding:50px 0 30px 0;}
.pm_box .box dl{ overflow:hidden; clear:both; line-height:40px; }
.pm_box .box dl dt{ display:block; float:left; width:40%; padding-right:2%; text-align:right; color:#888; }
.pm_box .box dl dd{ display:block; float:left; width:58%;}
.pm_box .box li{ float:left; margin-right:20px; padding-top:15px;}
.pm_box .box .submit{ display:block; width:130px; height:50px; background-size:100% 100%; border:0px; cursor:pointer;}
/*鏀粯鎻愮ず淇℃伅*/
.msg-tips{ position:relative; margin:30px auto; padding:30px 0; width:420px; font-size:14px; text-align:left; }
.msg-tips .icon{ display:block; float:left; width:60px; height:60px; background:url(../images/index_44_1.jpg) center center no-repeat;}
.msg-tips .icon.error{ background-image:url(../images/index_44_2.jpg);}
.msg-tips .info{ margin-left:80px; }
.msg-tips .info b{ display:block; padding-bottom:5px; color:#333; font-size:18px; font-weight:normal; line-height:1.3em; }
.msg-tips .info p{ line-height:24px; color:#666; font-size:14px; }
.msg-tips .info p a{ margin:auto 2px; color:#858585; }


















