@charset "utf-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, code, form, fieldset, legend, button, input, textarea, p, blockquote, table, th, td{margin:0; padding:0;}
body{min-width:1340px; font:normal 100% 微软雅黑, "Microsoft YaHei", 宋体, Arial, Tahoma, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6{font-size:100%;}
button, input, textarea, select{font-family:inherit; font-size:inherit; *font-size:100%; font-weight:inherit; border:0; outline:0; resize:none}
address, caption, cite, code, dfn, em, var, b{font-style:normal; font-weight:normal;}
input, textarea{outline-style:none}
/* 输入框内文字样式 */
input::-webkit-input-placeholder{color:#9c9c9c; font-size:13px}
input::-moz-placeholder{color:#9c9c9c; font-size:13px   /* Mozilla Firefox 19+ */}
input:-moz-placeholder{color:#9c9c9c; font-size:13px    /* Mozilla Firefox 4 to 18 */}
input:-ms-input-placeholder{color:#9c9c9c; font-size:13px  /* Internet Explorer 10-11 */}
/*滚动条样式*/
::-webkit-scrollbar{/*滚动条整体样式*/width:8px; /*高宽分别对应横竖滚动条的尺寸*/height:8px;}
::-webkit-scrollbar-thumb{/*滚动条里面小方块*/border-radius:5px; -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); background:rgba(0,0,0,0.4);}
::-webkit-scrollbar-track{/*滚动条里面轨道*/-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); border-radius:0; background:rgba(0,0,0,0.1);}
/* 复制选中样式 */
::selection{background:#003ccb; color:#fff;}
::-moz-selection{background:#003ccb; color:#fff;}
::-webkit-selection{background:#003ccb; color:#fff;}
/* 内容居中 */
.center{display:flex; justify-content:center; align-items:center;}      /* 水平垂直居中 */
.pa_center{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}    /* 绝对定位水平居中 */
.cz_center{display:flex; align-items:center;}      /* 垂直居中 */
.sp_center{display:flex; justify-content:center;}      /* 水平居中 */

em, i, b{font-style:normal;}
a{text-decoration:none; color:#333}
ul, ol, li{list-style:none;}
fieldset, img{border:0;}
.fl{float:left}
.fr{float:right}
.pr{position:relative}
.clear{clear:both}
.slh{overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.w1200{width:1200px; margin:0 auto;}
.h100{height:100%}
.pd20{padding:20px 0 0 20px; overflow:hidden}




/* header */
#header{}

/* --------------- top --------------- */
.top{height:36px; background:#f7f7f7; border-bottom:1px solid #e0e0e0}
.top p{font-size:12px; color:#5a5a5a; line-height:36px}
.top_link{overflow:hidden}
.top_link li{float:left; position:relative}
.top_link li:before{content:"|"; font-size:12px; color:#7d7d7d;  margin:0 12px}
.top_link li:first-child:before{display:none}
.top_link a{font-size:12px; color:#7d7d7d; line-height:36px}
.top_link a:hover{color:#003ccb}





/* --------------- logo --------------- */
.logo_box{height:112px; overflow:hidden; position:relative}
.logo{height:112px}
.logo img{max-height:55px}
/* 搜索框 */
.searchBox{position:absolute; top:50%; transform:translate(0,-50%); right:140px}
.search_panel{width:390px; border-bottom:1px solid #99b1eb; height:34px; position:relative; z-index:3000}
.search_txt{min-width:340px; font-size:13px; border:0; color:#999; height:34px; line-height:34px; outline:none}
.search_btn{width:34px; height:34px; color:#FFF; border:0; background:url(../images/search_btn.png) no-repeat center; font-size:14px; margin:0; outline:0; cursor:pointer}
.search_hots{overflow:hidden; margin-top:4px}
.search_hots li{height:25px; float:left; position:relative; padding-right:10px; margin-right:10px}
.search_hots li:before{content:""; position:absolute; right:0; top:50%; transform:translate(0,-50%); width:1px; height:10px; background:#d8d8d8}
.search_hots li:last-child{margin-right:0; padding-right:0}
.search_hots li:last-child:before{display:none}
.search_hots a{font-size:12px; line-height:25px; color:#767676}
.search_hots a:hover{color:#F60}
.search_hots .hots{color:#d51624}
/* 购物车 */
.gwc{position:absolute; right:0; top:50%; transform:translate(0,-50%)}
.gwc_icon{width:38px; height:38px; background:#476fce url(../images/gwc_icon.png) no-repeat center; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; position:relative}
.gwc_num{height:25px; background:#E5E5E5; padding:0 10px; margin:7px 0 0 -5px; -webkit-border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; -o-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0;}
.gwc_num p{text-align:center}
.gwc_num p, .gwc_num span{font-size:12px; line-height:25px; color:#636363}





/* --------------- 导航 --------------- */
.nav{width:100%; height:48px; position:relative}
.nav:before{content:""; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#003ccb}

/* 商品分类 */
.drop_box{width:270px}
.nav_drop_tit{width:100%; height:48px; background:#003ccb; position:relative; cursor:pointer}
#x:hover .arrow-icon{border-color:transparent transparent #fff;top:10px}
.sort-icon{position:absolute; left:55px; top:53%; transform:translate(0,-50%); width:15px; height:14px; background:url(../images/nav_meau_icon.png) no-repeat}
.nav_drop_tit span{display:inline-block; color:#fff; height:48px; line-height:48px; font-size:14px; margin-left:110px}
.arrow-icon{display:inline-block;width:0;height:0;line-height:0;overflow:hidden;zoom:1;border-width:6px;border-style:solid;_border-style:solid dashed dashed;_border-top-color:#fff;border-color:#fff transparent transparent;position:absolute;top:22px;right:60px;transition:all .3s ease;-webkit-transition:all .3s ease;-mos-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}

#z{display:none}
.drop_menu{position:absolute; width:270px; height:450px; background:rgba(255,255,255,.85); z-index:11}
.menu_box dt{width:100%; height:42px; box-sizing:border-box; border-bottom:1px dashed #bab9b9; position:relative; cursor:pointer}
.menu_box dt:before{content:">"; position:absolute; right:16px; top:50%; transform:translate(0,-50%); font-family:"宋体"; font-size:18px; color:#b3b3b3}
.menu_box dt:after{content:""; position:absolute; top:0; left:0; width:0px; height:100%; background:#003ccb}
.menu_name{height:42px; line-height:42px; font-size:14px; color:#616161; margin-left:25px}

.menu_box dt:hover{background:#FFF}
.menu_box dt:hover:after{width:3px}
.menu_box dt:hover .menu_zk{display:block}
.menu_zk{display:none; position:absolute; left:270px; width:870px; height:450px; padding:0 30px; background:#FFF; overflow:hidden; z-index:1000}
.menu_box dt:nth-child(1) .menu_zk{top:0}
.menu_box dt:nth-child(2) .menu_zk{top:-42px}
.menu_box dt:nth-child(3) .menu_zk{top:-84px}
.menu_box dt:nth-child(4) .menu_zk{top:-126px}
.menu_box dt:nth-child(5) .menu_zk{top:-168px}
.menu_box dt:nth-child(6) .menu_zk{top:-210px}
.menu_box dt:nth-child(7) .menu_zk{top:-252px}
.menu_box dt:nth-child(8) .menu_zk{top:-294px}
.menu_box dt:nth-child(9) .menu_zk{top:-336px}
.menu_box dt:nth-child(10) .menu_zk{top:-378px}
.menu_box dt:nth-child(11) .menu_zk{top:-420px}

/* 分类-展开项 */
.xm_list{margin:16px auto}
.menu_zk_tit{border-bottom:1px solid #ebebeb; padding-bottom:8px; margin-bottom:8px; overflow:hidden}
.menu_zk_tit p{float:left; font-size:14px; font-weight:bold; color:#3b3a3a; margin-right:5px}
.menu_zk_tit em{display:block; float:left; width:19px; height:9px; background:url(../images/hot.gif) no-repeat center}
.xm_list ul{overflow:hidden}
.xm_list li{width:25%; float:left}
.xm_list li a{display:block; max-width:85%; font-size:14px; color:#737272; line-height:34px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.xm_list li a:hover{color:#F60}





/* ------------- nav ------------- */
.nav_list{margin-left:24px}
.nav_list li{float:left; position:relative}
.nav_list li a{display:block; font-size:15px; line-height:48px; color:#6c6c6c; padding:0 20px}
.nav_list a:hover{color:#F60}





/* -------------- banner -------------- */
.wrap{position:relative; width:100%; margin:0 auto}
/* 左右箭头 */
.centered-btns_nav{opacity:0; position:absolute; top:50%; transform:translate(0,-50%); z-index:2; width:36px; height:64px; font-family:"宋体"; font-size:26px; color:#FFF; background:rgba(0,0,0,.5); text-align:center; line-height:70px}
.prev{left:5%}
.next{right:5%}
.wrap:hover .centered-btns_nav{opacity:1}
.wrap:hover .prev{left:10%}
.wrap:hover .next{right:10%}
.centered-btns_nav{transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease}
.centered-btns_nav:hover{background:#F1710E}
/* 圆点指示器 */
.centered-btns_tabs{
	text-align:center;
	font-size:0;
	list-style-type:none;
	position:absolute;
	bottom:30px;
	left:50%;
	transform:translate(-50%,0);
	padding:4px 6px;
	background:rgba(0,0,0,.6);
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	-o-border-radius:30px;
	border-radius:30px;
	z-index:999
	}
.centered-btns_tabs li{display:inline-block; margin:0 3px}
.centered-btns_tabs a{display:inline-block; width:10px; height:10px; border-radius:50%; line-height:20px; background:#FFF; overflow:hidden}
.centered-btns_tabs .centered-btns_here a{background:#F60}
/* banner图 */
.rslides{position:relative; list-style:none; overflow:hidden; width:100%; height:450px; padding:0; margin:0}
.rslides li{-webkit-backface-visibility:hidden; position:absolute; display:none; width:100%; left:0; top:0}
.rslides li:first-child{position:relative; display:block; float:left}
.rslides img{display:block; float:left; width:100%; height:450px; background:#000; border:0}





/* -------------- content -------------- */
#content{overflow:hidden}

.index_tit{height:30px; padding-bottom:18px; margin-bottom:30px; overflow:hidden; border-bottom:1px solid #E5E5E5}
.index_tit h1{float:left; font-size:23px; color:#616161; font-weight:normal}
.index_tit en{font-size:15px; color:#a1a1a1; margin-left:15px; line-height:40px; text-transform:uppercase}





/* -------------- 热卖推荐 -------------- */
.best_sellers{margin:45px auto 28px; overflow:hidden}

.five_p{overflow:hidden}
.five_p dt{float:left; width:218px; text-align:center; margin:0 27.5px 20px 0}
.five_p dt:nth-child(5n+0){margin-right:0}
.pro_img{width:100%; height:160px; position:relative; box-sizing:border-box; border:1px solid #E4E4E4; overflow:hidden}
.pro_img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-height:160px; image-rendering:pixelated; image-rendering:-webkit-optimize-contrast;}
p.pro_name{font-size:14px; color:#4e4e4e; margin:8px 0; max-width:100%}
.price{position:relative; font-size:15px; color:#ee141e}
.price:before{content:"￥"}




/* -------------- 通栏广告 -------------- */
.AD_box{height:110px; overflow:hidden; margin-bottom:45px}
.AD_box img{width:100%; height:110px; position:relative}
.AD_box img:hover{box-sizing:border-box; border:1px solid #003ccb}








/* -------------- 商品楼层区域 -------------- */
.louceng_box{overflow:hidden}

/* 左侧楼层导航 */
#lc_nav{position:fixed; top:50%; transform:translate(0,-50%); right:40px; width:62px; display:none; z-index:99;}
#lc_nav li{width:100%; height:38px; margin-bottom:3px; font-size:12px; text-align:center; position:relative; cursor:pointer; background:#858585; color:#FFF}
#lc_nav li span{font-size:12px; color:#FFF; line-height:38px}
li.lc_last{background:#4d4d4d}
li.lc_last p{line-height:48px; position:relative}
li.lc_last p:before{content:""; position:absolute; top:7px; left:50%; transform:translate(-50%,0); width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-bottom:6px solid #FFF}
.lc_active span{background:#EE141E; display:block}
#lc_nav li:hover span{background:#EE141E; display:block}

/* 楼层 */
.pro_main{overflow:hidden}

.louceng{width:100%; margin-bottom:60px}
.lc_bt{font-size:23px; color:#616161; margin-bottom:18px;}
.lc_bt a{float:right; font-size:15px; color:#616161; line-height:32px}
.lc_pro_box{overflow:hidden}
.bigp_box{width:300px; height:428px; position:relative}
.bigp{width:100%; overflow:hidden}
.bigp img{width:100%; height:238px; image-rendering:pixelated; image-rendering:-webkit-optimize-contrast;}

.lc_profl{position:absolute; top:258px; left:50%; transform:translate(-50%,0); width:calc(100% - 46px);}
.lc_profl p{font-size:15px; color:#424242; margin-bottom:16px}
.lc_profl ul{width:100%; overflow:hidden; display:flex; display:-webkit-flex; /* Safari */ justify-content:space-between; flex-wrap:wrap;}
.lc_profl li{float:left; width:46%; background:#FFF; text-align:center; margin-bottom:10px}
.lc_profl li a{display:block; font-size:13px; color:#424242; line-height:32px}
.lc_profl li:hover{background:#F60}
.lc_profl li:hover a{color:#FFF}

.proshow{width:900px; height:428px; box-sizing:border-box; border-top:1px solid #E9E9E9; border-bottom:1px solid #E9E9E9; position:relative}
.proshow:before{content:""; position:absolute; top:50%; transform:translate(0,-50%); left:0; width:100%; height:1px; border-bottom:1px solid #E9E9E9}
.proshow dt{width:180px; height:180px; float:left; margin:17px 0 15px 45px}
.proshow .pro_img{height:135px!important; border:none!important}
.proshow .pro_img img{max-height:135px!important}
.proshow_n{overflow:hidden}
.proshow_n .pro_name{margin:0!important; max-width:70%}
.proshow_n p, .proshow_n .price{line-height:45px}

#pro_main .louceng:nth-child(1) .bigp_box{background:#ccd8f5}
#pro_main .louceng:nth-child(2) .bigp_box{background:#fcc3b0}
#pro_main .louceng:nth-child(3) .bigp_box{background:#f7da75}
#pro_main .louceng:nth-child(4) .bigp_box{background:#faafb7}





/* -------------- 综合系列产品 -------------- */
.zhpro_box{padding:34px 30px; box-sizing:border-box; border:1px solid #d8d8d8; position:relative}
.zhpro_nav{position:absolute; top:-42px; right:-1px}
#zhpro_t{overflow:hidden; float:right}
#zhpro_t li{float:left}
a.zhpro_cur{border-left:1px solid #99b1ea; border-right:1px solid #99b1ea; border-top:2px solid #99b1ea; border-bottom:5px solid #FFF}
#zhpro_t a{font-size:14px; color:#555; line-height:45px; padding:7px 18px; position:relative; cursor:pointer}

#zhpro_list{ }
#zhpro_list .tag{display:none}
.zhpro_one{float:left; width:17.5%; margin-right:3%; text-align:center; height:220px;}
.tag .zhpro_one:nth-child(5n){margin-right:0}
.zhpro_one .price{width:52%; margin:0 auto; background:#e6384f; color:#FFF; padding:2px 0}





/* -------------- 最新资讯 -------------- */
.i_news{overflow:hidden; margin-bottom:60px}
.i_news_box{width:100%}
.i_news_bigp{width:36.5%; background:#F00; position:relative}
.i_news_bigp img{width:100%; height:245px}
.i_news_bigp p{position:absolute; left:0; bottom:0; width:calc(100% - 30px); padding:0 15px; background:rgba(0,0,0,.5); font-size:13px; color:#FFF; line-height:40px}

.i_news_cont{width:60%}
.i_top_news{overflow:hidden; padding-bottom:15px; border-bottom:1px solid #E9E9E9; margin-bottom:15px}
.i_top_news img{float:left; width:16%; height:85px}
.i_top_news_t{width:81%}
.i_top_news_t p{max-width:100%; font-size:16px; color:#616161; margin-bottom:10px}
.i_top_news_t b{font-size:12px; color:#9b9b9b; line-height:21px; font-weight:normal}
.i_top_news a:hover p{color:#003ccb}

.i_news_list{}
.i_news_list li{overflow:hidden}
.i_news_list li a{font-size:14px; color:#595959; max-width:85%}
.i_news_list li p{float:right; font-size:14px; color:#909090}
.i_news_list li a, .i_news_list li p{line-height:34px}
.i_news_list li a:hover{color:#003ccb}





/* -------------- 工程案例 -------------- */
.gc_case{overflow:hidden; margin-bottom:60px}
.gc_case .lc_bt{padding-bottom:15px; border-bottom:1px solid #D8D8D8}
ul.gc_list{overflow:hidden}
ul.gc_list li{float:left; width:23.5%; margin-right:2%; text-align:center}
ul.gc_list li:last-child{margin-right:0}
.gc_img{width:100%}
.gc_img img{width:100%; height:175px}
.gc_n{width:calc(100% - 20px); padding:0 10px; font-size:13px; color:#616161; line-height:43px; background:#EBEBEB}





/* -------------- footer -------------- */
#footer{overflow:hidden}

/* 底部说明 */
.f_sm{width:100%; background:#F2F2F2}
dl.f_sm_list{overflow:hidden; padding:50px 0}
dl.f_sm_list dt{float:left; width:20%}
.sm_cont em{float:left; display:block; width:25px; height:21px}
.sm_cont p{float:right; margin-left:15px; font-size:16px; color:#616161; line-height:21px}
dl.f_sm_list dt:nth-child(1) em{background:url(../images/f_sm_icon.png) no-repeat 0 0}
dl.f_sm_list dt:nth-child(2) em{background:url(../images/f_sm_icon.png) no-repeat 0 -21px}
dl.f_sm_list dt:nth-child(3) em{background:url(../images/f_sm_icon.png) no-repeat 0 -42px}
dl.f_sm_list dt:nth-child(4) em{background:url(../images/f_sm_icon.png) no-repeat 0 -63px}
dl.f_sm_list dt:nth-child(5) em{background:url(../images/f_sm_icon.png) no-repeat 0 -84px}

/* 底部内容 */
.f_cont{overflow:hidden; padding:50px 0}
/* 底部电话客服 */
.f_tel{margin-right:75px}
.f_tel b{font-size:14px; color:#686868}
.f_tel p{font-size:20px; color:#f10028; font-weight:bold; margin:12px 0}
.f_tel span{font-size:12px; color:#acacac}
.f_tel ul{margin-top:14px; overflow:hidden}
.f_tel li{float:left; margin-right:8px}
.f_tel li a{display:block; padding:0 20px; border:1px solid #f10028; line-height:27px; font-size:13px; color:#f10028; text-align:center}
/* 底部导航 */
.f_nav{overflow:hidden}
.f_nav dl{float:left; margin-right:55px}
.f_nav dt{margin-bottom:15px}
.f_nav dt a{font-size:16px; color:#404040}
.f_nav dd a{font-size:12px; color:#6d6d6d; line-height:22px}
.f_nav dt a:hover, .f_nav dd a:hover{color:#003ccb}
/* 底部二维码 */
.f_qr p{font-size:16px; color:#404040; margin-bottom:15px}
.f_qr img{width:100px}

/* 底部版权 */
.f_bq{background:#3a3c3b; padding:25px 0; text-align:center}
.yq_link{width:100%; text-align:center; overflow:hidden; margin-bottom:10px}
.yq_link_list{display:inline-block}
.yq_link dt{float:left; font-size:12px; color:#FFF}
.yq_link dd{float:left; position:relative}
.yq_link dd:before{content:"|"; position:absolute; right:0; font-size:12px; color:#FFF}
.yq_link dd:last-child:before{display:none}
.yq_link dd a{font-size:12px; color:#FFF; padding:0 15px}
.yq_link dd a:hover{text-decoration:underline}

.bq_t{font-size:12px; color:#FFF}













/* -------------- 内页 -------------- */
#ny_content{overflow:hidden}

/* 当前位置 */
.i_position{margin:20px 0; font-size:13px; color:#555}
.i_position a{color:#666; position:relative}
.i_position a:before{content:"-"; margin:0 5px}
.i_position a:last-child{color:#F60}
.i_position a:first-child:before{display:none}
.i_position a:hover{color:#F60}

/* 内页左侧 */
.ny_left{width:270px; overflow:hidden; margin-bottom:100px}

.ny_left_menu{width:100%; box-sizing:border-box; border:1px solid #DDD; margin-bottom:20px}
.ny_left_menu h5{padding-left:20px; border-bottom:1px solid #DDD; font-size:15px; color:#444; line-height:35px; background:#F6F6F6}
ul.dq_pro_list{padding:8px 20px}
.dq_pro_list li{width:100%}
.dq_pro_list li a{display:block; font-size:13px; color:#555; line-height:28px; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.dq_pro_list li a:hover, .plist_on a{color:#F60!important}
.dq_pro_list li a.sel{color:#F60;}

/* 内页左侧 - 热销排行 */
.topsell{padding:16px 20px}
.topsell li{overflow:hidden; padding-bottom:12px; border-bottom:1px dotted #C6C6C6; margin-bottom:12px}
.topsell li a{display:block; width:100%; height:100%}
.topsell img{float:left; width:70px}
.topsell img, .topsell_t{height:70px}
.topsell_t{float:right; width:140px; position:relative}
.topsell_t p{height:35px; overflow:hidden; font-size:12px; line-height:18px; color:#666}
.topsell_t .price{position:absolute; bottom:2px; left:0; font-size:13px!important}
.topsell li a:hover p{color:#F60}

/* 内页右侧 */
.ny_right{width:910px; overflow:hidden}

.ny_proshow{width:100%; overflow:hidden}
.ny_proshow dt{width:22%; height:180px; float:left; margin:0 4% 25px 0}
.ny_proshow dt:nth-child(4n+0){margin-right:0}
.ny_proshow .pro_img{height:140px}

/* 页数 */
.page-box{margin:45px auto 60px; text-align:center}
.pages{overflow:hidden; display:inline-block}
.pages a{float:left; color:#555; font-size:12px; padding:4px 14px; margin:0 5px; border:1px solid #CCC}
.pages a:nth-child(1){margin-left:0!important}
.pages .on{background:#F60; border:1px solid #F60; color:#FFF}
.pages a:hover{background:#F60; border:1px solid #F60; color:#FFF}





/* -------------- 商品详情页 -------------- */
.details_bg{width:1200px; margin-bottom:30px; position:relative; overflow:hidden}
.bg_left{width:420px}
/* 商品大图 */
.show{width:100%; height:420px; margin-bottom:6px; position:relative; box-sizing:border-box; border:1px solid #E8E8E8; cursor:move}
.show img{width:100%; height:100%}
.mask{width:215px; height:215px; background:#000; filter:Alpha(opacity=50); opacity:0.5; position:absolute; top:0; left:0; display:none;}
/* 小缩略图 */
.smallshow{width:100%; position:relative}
.smallshow>.middle_box{width:350px; overflow:hidden; margin:0 auto}
.smallshow .middle{overflow:hidden; transition:all 0.5s}
.smallshow .middle>li{width:64px; float:left; cursor:pointer; padding:0 3px;}
.smallshow img{width:100%; height:64px; border:1px solid #e8e8e8; box-sizing:border-box; transition:all 0.5s}
/* 小缩略图左右箭头 */
.smallshow>p{position:absolute; top:50%; transform:translate(0,-50%); width:22px; font-family:"宋体"; font-size:30px; font-weight:bold; margin:0!important; padding:0!important}
.smallshow>.prev, .smallshow>.next{color:#000; transition:all 0.5s; cursor:pointer; outline:none}
.smallshow>.prev{left:0}
.smallshow>.next{right:0}
.smallshow>.prev.prevnone, .smallshow>.next.nextnone{color:#BBB; cursor:not-allowed; outline:none}
/* 右侧放大展示 */
.bg_right{position:relative; z-index:999}
.bigshow{width:420px; height:420px; overflow:hidden; margin-left:5px; display:none; box-sizing:border-box; border:1px solid #E8E8E8;}
.bigshow img{width:100%; margin-right:5px;}

/* 标题+价格+数量+加购 */
ul.pro_info{position:absolute; top:0; left:450px; width:540px; overflow:hidden; z-index:1}
ul.pro_info li{margin-bottom:15px; overflow:hidden}
ul.pro_info h4{font-size:17px; color:#222; font-weight:bold; margin-bottom:15px}
ul.pro_info p{float:left; width:55px; font-size:14px; color:#666; margin-right:25px}
ul.pro_info .price{font-size:20px!important}
.yunfei, .guige{font-size:14px; color:#555}
.pro_color{}
.pro_color span{float:left; margin-right:5px; font-size:12px; padding:0 10px; line-height:20px; box-sizing:border-box; border:1px solid #E9E9E9; cursor:pointer}
.pro_color span:focus{border:1px solid #F60}
.fly_item img{opacity:0}
.num_chose a{float:left; display:block; width:25px; text-align:center; border:1px solid #CCC; background:#EDEDED; font-size:16px; font-weight:bold;}
.num_chose .num_input{width:50px; font-size:13px; color:#555; border-top:1px solid #CCC; border-bottom:1px solid #CCC; text-align:center}
.all_price{font-size:13px; color:#888; margin-left:15px}
ul.pro_info p, ul.pro_info .price, .yunfei, .guige, .num_chose a, .num_input, .all_price{line-height:25px}
#total_price{visibility:hidden}
.add_gwc{overflow:hidden}
a.add_cart_large{display:block; float:left; padding:0 18px 0 10px; margin-top:20px; background:#E72327; overflow:hidden}
a.add_cart_large i{display:block; float:left; width:37px; height:37px; background:url(../images/gwc_icon.png) no-repeat}
a.add_cart_large span{float:left; line-height:37px; text-align:center; font-size:16px; color:#FFF;}

/* 新品推荐 */
.xptj{position:absolute; top:0; right:0; padding-left:20px; border-left:1px solid #E1E1E1}
.xptj h5{height:20px; font-size:14px; color:#666; text-align:center; font-weight:bold; margin-bottom:15px; position:relative}
.xptj h5:before, .xptj h5:after{content:""; position:absolute; top:50%; transform:translate(0,-50%); width:32px; height:1px; border-bottom:1px solid #E1E1E1}
.xptj h5:before{left:0}
.xptj h5:after{right:0}
.xptj_list{overflow:hidden}
.xptj_list dt{width:160px; margin-bottom:20px; overflow:hidden; text-align:center}

/* 商品详情内容 */
.pro_details{overflow:hidden; margin-bottom:80px; box-sizing:border-box; border:1px solid #DDD}
.pro_details_tit{padding-left:20px; box-sizing:border-box; border-bottom:1px solid #DDD; font-size:15px; color:#444; line-height:35px; background:#F6F6F6}
.details_cont{padding:16px 20px 25px; overflow:hidden; line-height:200%;}

/* 内页新闻列表 */
.ny_news_list{overflow:hidden; margin-bottom:10px}
.ny_news_list dt{overflow:hidden; border-bottom:1px dashed #CCC}
.ny_news_list dt:last-child{border-bottom:none}
.ny_news_list dt a{display:block; width:100%; height:45px; background:url(../images/newslist_jt.png) no-repeat left center}
.ny_news_list dt p{max-width:80%; font-size:13px; color:#555; margin-left:25px}
.ny_news_list dt i{font-size:13px; color:#888}
.ny_news_list dt p, .ny_news_list dt i{line-height:45px}
.ny_news_list dt a:hover p{color:#F60}

/* 内页文本页 简介 */
.text_are{overflow:hidden}

/* 内页文本页 新闻内容 */
.article_cont{overflow:hidden; padding:20px 30px; box-sizing:border-box; border:1px solid #DDD; padding-bottom:40px; margin-bottom:100px}
.article_tit{text-align:center; border-bottom:1px dashed #DDD; padding-bottom:20px; margin-bottom:35px}
.article_tit h5{font-size:16px; color:#333; margin-bottom:15px}
.article_tit p{font-size:12px; color:#777}
.article_text{ font-size:14px; line-height:200%;}