@charset "utf-8";

/*公共文件引用：<!--#include virtual="/html/inc/supplier_service_site_nav.shtml"-->*/

/* CSS Document */
/*
* G-UI 2018
* author:zhoujinjun 
* zhou_jinjun@126.com 
*/
h1,h2,h3,h4,h5,h6,hr,div,p,blockquote,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,button,input,select,textarea,th,td,article,aside,details,figcaption,figure,footer,header,main,nav,section,summary,menu{margin:0;padding:0}
address,caption,cite,code,dfn,em,i,dl,dt,dd,ul,ol,li,th,var,label{font-style:normal;font-weight:normal; list-style:none;}
body{margin:0;height:100%;font-family:"Microsoft YaHei","\u5FAE\u8F6F\u96C5\u9ED1","\5b8b\4f53","Helvetica Neue","Helvetica","STHeiti","tahoma","arial",sans-serif;font-size:12px;line-height:1.75;background-color:#f7f7f7;color:#666;}


input:focus,input:hover,
textarea:focus,textarea:hover,
select:focus,select:hover,
button:focus,button:hover{outline: none;}

/*链接*/
a{ text-decoration:none; color:#666;}
a:hover,.a:hover{ color:#004c99;}
a:focus {outline-style:none; -moz-outline-style:none;}

img{ border:none;}
table { border-collapse:collapse; border-spacing:0; }

/* 清除浮动 */
.hw-cf:after{content:" ";display:table;clear:both;}.hw-cf{*zoom:1}

/* 浮动 */
.hw-fl{float:left;}
.hw-fr {float:right;}
.hw-fn {float:none;}

/*定位*/
.hw-p-a{ position:absolute;}
.hw-p-r{ position:relative;}

.hw-mx-auto{ margin-left:auto; margin-right:auto;}

/*显示隐藏*/
.hw-d-n { display:none; }
.hw-d-b { display:block; }
.hw-d-i { display:inline; }
.hw-d-ib {display:inline-block;*display:inline;overflow:hidden; *zoom:1; }
.hw-v-h {visibility:hidden; }
.hw-v-b {visibility:visible;}
/*字体加粗*/
.hw-fw-b { font-weight:bold; }
.hw-fw-n { font-weight:normal; }

/*文本对齐*/
.hw-ta-c{ text-align:center;}
.hw-ta-l{ text-align:left;}
.hw-ta-r{ text-align:right;}
.hw-ta-jtf{ text-align:justify;}
.hw-ta-jtf-full {text-align: justify;}
.hw-ta-jtf-full:after {display:inline-block; width:100%; content:'';}
.hw-vta-t{ vertical-align:top;}
.hw-vta-b{ vertical-align:bottom;}
.hw-vta-m{ vertical-align:middle;}
.hw-vta-sub{ vertical-align:sub;}

/*文字竖排*/
.hw-wm-lt{ writing-mode:lr-tb;}/*从左向右，从上往下*/
.hw-wm-tr{writing-mode:tb-rl;}/*从上往下，从右向左*/

/* 不换行 */
.hw-str-nowrap {white-space:nowrap !important;}
/* 强制换行 */
.hw-str-wrap{white-space:normal; word-wrap:break-word; word-break:break-all;}
/* 不换行截断... */
.hw-str-truncate {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.hw-cursor-p{ cursor:pointer}
/*圆*/
.hw-round {border-radius:50% !important;}

.hw-bc-w{ background-color:#fff;}

.container{ width:1070px; margin-left:auto; margin-right:auto; position:relative;}


/* 头部 */
.top{position:relative; height:0;}
.top-con{ height:56px; position:absolute; z-index:9; left:0; right:0; top:15px;}
.top-con .info{ background-color:#fff; height:56px; width:1070px; margin:0 auto; border-radius:5px;}
.top-con .logo{ width:136px; float:left; padding-left:10px; margin-top:4px; cursor:pointer;}
.top-con .nav{ line-height:56px; width:420px; display:inline-block; vertical-align:middle;}
.top-con .nav .item{ padding-right:25px; color:#666; float:left; text-decoration:none; cursor:pointer; font-size:14px;}
.top-con .nav .item.active,
.top-con .nav .item:hover{ color:#2e4b68; font-weight:700;}
.top-con .search{ width:180px; position:relative; height:26px; display:inline-block; vertical-align:middle; margin-right:15px;}
.top-con .search .ipt{ width:140px; border:#e9e9e9 solid 1px; display:inline-block; vertical-align:middle; float:left; height:24px; line-height:24px; padding:0 5px;}
.top-con .search .btn{ border:none; width:26px; height:26px; display:inline-block; vertical-align:middle; float:left; background:url(../img/icon_search.png) no-repeat center; background-size: 75% auto; background-color:#ffd500; cursor:pointer;}

/* 页面菜单 */
.pag-menu{ height:40px; background-color:#eee; text-align:center; margin-bottom:50px;}
.pag-menu .item{ line-height:40px; padding:0 20px; display:inline-block; vertical-align:middle; cursor:pointer;}
.pag-menu .item:hover,.pag-menu .item.active{ color:#2e4b68; font-weight:bold;}
.pag-menu .fg{ height:18px; line-height:0; font-size:0; margin-top:5px; border-left:#ddd solid 2px; width:0; display:inline-block; vertical-align:middle;}

.banner{ height:295px; margin-bottom:50px;}

/* 面包屑 */
.bread-crumbs{ height:22px; line-height:22px; margin-bottom:20px;}
.bread-crumbs .home{ width:18px; height:18px; display:inline-block; vertical-align:middle; cursor:pointer; background:url(../img/icon_home.png) no-repeat center; background-size:auto 96%; margin-right:10px; color:#333;}
.bread-crumbs a,.bread-crumbs .item{ display:inline-block; vertical-align:middle; margin:0 10px;}
.bread-crumbs .fg{ color:#ddd;}
.bread-crumbs .item{ color:#999}

/* 底部 */
.bottom{ height:284px; background:url(../img/bg_bottom.jpg) no-repeat center; color:#999;}
.bottom .con{ padding:30px 90px;}
.bottom h2{ font-size:20px; color:#fff; font-weight:normal; margin-bottom:20px; line-height:24px;}
.bottom h2 .en{ font-size:12px;}
.bottom .contact{ width:50%;}
.bottom .contact li{ margin-bottom:10px;}
.bottom .qrcode{ float:right; margin-top:50px; width:120px;}
.bottom-bar{ height:30px; line-height:30px; background-color:#27425c; text-align:center; color:#ccc;}


.floor{ margin-bottom:50px;}
.floor .tit-box{ text-align:center; margin-bottom:25px;}
.floor .tit-box img{ width:300px;}

/* 分类排列 */
.type-top{ height:58px; position:relative; margin-bottom:20px;}
.type-top.prog1{background:url(../img/type_gykz.png) no-repeat left center; background-size:100% auto;}
.type-top.prog2{background:url(../img/type_jiadian.png) no-repeat left center; background-size:100% auto;}
.type-top.prog3{background:url(../img/type_dianyuan.png) no-repeat left center; background-size:100% auto;}
.type-top.prog4{background:url(../img/type_xinnenyuan.png) no-repeat left center; background-size:100% auto;}
.type-top .open{ float:right; margin-right:20px; width:28px; height:28px; background:url(../img/icom_status.png) no-repeat center; background-size:96% auto; margin-top:14px; display:inline-block; cursor:pointer; transition:.1s;}
.type-top .open.close{ transform: rotate(180deg); transition:.1s;}
.type-con{ padding-bottom:20px;}
.type-con .item{ width:238px; height:238px; float:left; margin-right:35px; margin-bottom:20px; border:#f1f1f1 solid 1px; background-color:#fff; position:relative;}
.type-con .item:nth-child(4n){ margin-right:0;}
.type-con .item-con{ padding:15px;}
.type-con .item-con .prod-img{ display:table; text-align:center; width:206px; height:180px; margin-bottom:10px;}
.type-con .item-con .prod-img .img-con{ display:table-cell; vertical-align:middle; line-height:0;}
.type-con .item-con .prod-img .img-con img{ max-width:206px; max-height:180px;}
.type-con .item-con .name{ height:22px; line-height:22px; text-align:center; overflow:hidden;}
.type-con .item .info{ background-color:#ffd500; padding:10px; position:absolute; z-index:9; top:236px; left:-1px; right:-1px; 
box-shadow: 0 2px 4px 0px #999; display:none;}
.type-con .item .info .attr{ height:22px; line-height:22px; overflow:hidden;}
.type-con .item:hover{ box-shadow: 0 0 4px 0px #999;}
.type-con .item:hover .info{ display:block;}

/* 侧边 */
.side-menu{ position:fixed;top:300px; right:0px; z-index:99;}
.side-menu .menu-con{ width:38px; cursor:pointer;}
.side-menu .menu-con img{ width:99.9%;}

/* 分页 */
.paging{ margin-bottom:20px; text-align:center; height:32px;}

.paging .item,
.paging .prev,
.paging .next,
.paging .omit{ width:30px; height:30px; margin:0 5px; display:inline-block; vertical-align:middle; border-radius:15px; text-align:center; line-height:30px; cursor:pointer; border:#f4f4f4 solid 1px;}
.paging .item:hover,.paging .item.active{ background-color:#ffd500; color:#333;}
.paging .prev,.paging .next{ background:#f4f4f4; font-family: cursive; font-size:16px;}
.paging .prev.disabled,.paging .next.disabled,
.paging .prev[disabled],.paging .next[disabled]{ background-color:#f4f4f4; color:#e9e9e9; cursor:not-allowed;}

/*常用缩略图*/
.hw-minimg{ display:table; text-align:center; width:152px; height:88px; border:#e2e2e2 solid 1px; border-radius:2px; transition:linear .2s;}
.hw-minimg .img-con{ display:table-cell; vertical-align:middle; line-height:0;}
.hw-minimg .img-con img{ max-width:88px; max-height:88px; width:88px \9; height:88px \9;}




/* 媒体查询 适应大屏 */
@media screen and  (min-width:1700px){
	body{ min-width:1280px; font-size:14px;}
	.container{ width:1280px;}
	
	.banner{ height:400px; margin-bottom:50px;}
	
	/* 头部 */
	.top-con{ height:70px;top:20px;}
	.top-con .info{ height:70px; width:1280px; border-radius:8px;}
	.top-con .logo{ width:152px; padding-left:10px; margin-top:10px;}
	.top-con .nav{ line-height:70px; width:500px;}
	.top-con .nav .item{ padding-right:30px; font-size:16px; }
	.top-con .nav .item.active,
	.top-con .nav .item:hover{ color:#2e4b68; font-weight:700;}
	.top-con .search{ width:210px; position:relative; height:30px; display:inline-block; vertical-align:middle; margin-right:15px;}
	.top-con .search .ipt{ width:160px; border:#e9e9e9 solid 1px; display:inline-block; vertical-align:middle; float:left; height:28px; line-height:28px; padding:0 5px;}
	.top-con .search .btn{ border:none; width:30px; height:30px; display:inline-block; vertical-align:middle; float:left; background:url(../img/icon_search.png) no-repeat center; background-size: 75% auto; background-color:#ffd500; cursor:pointer;}

	/* 底部 */
	.bottom{ height:360px;}
	.bottom .con{ padding:40px 100px;}
	.bottom h2{ font-size:24px;}
	.bottom h2 .en{ font-size:13px;}
	.bottom .qrcode{ margin-top:60px; width:140px;}
	.bottom-bar{ height:40px; line-height:40px;}
	
	
	.floor .tit-box{ margin-bottom:30px;}
	.floor .tit-box img{ width:inherit;}
	
	/* 侧边 */
	.side-menu{ position:fixed;top:410px; right:0px; z-index:99;}
	.side-menu .menu-con{ width:47px;}

	
	/* 分类排列 */
	.type-top{ height:60px; margin-bottom:30px;}
	
	.type-top .open{ margin-right:20px; width:34px; height:34px; margin-top:14px;}
	.type-con .item{ width:288px; height:288px; margin-right:40px; margin-bottom:30px;}
	.type-con .item:nth-child(4n){ margin-right:0;}
	.type-con .item-con{ padding:20px;}
	.type-con .item-con .prod-img{ display:table; text-align:center; width:250px; height:215px; margin-bottom:15px;}
	.type-con .item-con .prod-img .img-con img{ max-width:250px; max-height:215px;}
	.type-con .item-con .name{ height:28px; line-height:28px;}
	.type-con .item .info{ background-color:#ffd500; padding:20px; top:284px;}
	.type-con .item .info .attr{ height:26px; line-height:26px;}
	
	.paging .item,
	.paging .prev,
	.paging .next,
	.paging .omit{ width:30px; height:30px; margin:0 5px; display:inline-block; vertical-align:middle; border-radius:15px; text-align:center; line-height:30px; cursor:pointer; border:#f4f4f4 solid 1px;}
	.paging .item:hover,.paging .item.active{ background-color:#ffd500; color:#333;}
	.paging .prev,.paging .next{ background:#f4f4f4; font-family: cursive; font-size:16px;}
	.paging .prev.disabled,.paging .next.disabled,
	.paging .prev[disabled],.paging .next[disabled]{ background-color:#f4f4f4; color:#e9e9e9; cursor:not-allowed;}

}