@charset "utf-8";
/* CSS Document */
@import url("indexn.css");
 html,
    body {
      position: relative;
      height: 100%;
    }

.site-content{ width:1200px; margin:20px auto; overflow:hidden}



.pro-list{ text-align:center; width:1200px; margin:30px auto 0px}
.pro-list h1{ margin: 15px 0;font-weight: bold;}
.pro-list h2{margin: 19px 0 20px 0; line-height:24px; text-align:center; font-size:14px; height:68px;overflow: hidden;}
.three-pro-col{ width:1200px;}
.three-pro-col li {float: left;width: 32%;background-color: white;position: relative;background-color: #f5f5f5; margin-bottom:20px;padding-bottom: 25px;  overflow:hidden;}
.three-pro-col li:nth-child(2),.three-pro-col li:nth-child(5),.three-pro-col li:nth-child(8),.three-pro-col li:nth-child(11){ margin:0 2%}
.three-pro-col li .ico{ z-index:11;right: 20px;bottom:270px;width: auto;}

.three-pro-col li img{ float:left; width:100%; transition: all 0.6s;}
.three-pro-col li img:hover{transform: scale(1.05);}
.three-pro-col li h3,.three-pro-col li strong, .four-pro-col li strong {display: inline-block;font-size: 16px;font-weight: normal;margin-top: 20px;margin-bottom: 10px;color: #333333;}
.three-pro-col li h3{ font-weight:bold; height:48px}
.three-pro-col li em:hover {color: #f90;}
.pro-name-text em:hover {font-weight: bold;color: #f90;}
.pro-name-text h4{ height:55px; margin:10px 0;overflow: hidden;}

.pro-name-text em {display: inline-block;padding: 0 4%; margin-bottom:10px; height:24px}
.pro-name-text em:nth-child(1){ background:url(../images/em1.png) no-repeat left; background-size:22px 20px; padding-left:24px;}
.pro-name-text em:nth-child(2){ background:url(../images/em2.png) no-repeat left; background-size:22px 20px; padding-left:24px;}
.pro-name-text em:nth-child(3){ background:url(../images/em3.png) no-repeat left; background-size:22px 20px; padding-left:24px;}
.pro-name-text em:nth-child(4){ background:url(../images/em4.png) no-repeat left; background-size:22px 20px; padding-left:24px;}
.pro-name-text em:nth-child(5){ background:url(../images/em5.png) no-repeat left; background-size:22px 20px; padding-left:24px;}

.three-pro-col li a {color: #999999;}
.pro-list .zixun a{text-align: center; text-decoration:none;width: 215px; height:41px; float:left;display: inline-block;line-height: 41px;color: #FFF;background-color: #286090;cursor: pointer;margin: 0 10px; font-size:14px; font-weight:bold}
.pro-list .zixun a:nth-child(1){ background-color:#f68100; margin:0 15px 0 85px}
.pro_bottom_bg { background: url("../images/u9103.jpg") no-repeat center; background-color: rgba(0, 0, 0, 0); height: 400px; text-align:center;position: relative;}
.pro_bottom_bg .orange{ color:#f90}
.pro-complex-b-desc {

    position: relative;
    z-index: 15;

}
.zxzxcp{width: 115px; height:41px;}
.marginfw{ margin:20px 0 20px; color:#fff}
.marginfw .white{ font-size:14px; line-height:26px;}
.marginfw .white:nth-child(1){ font-size:16px}
.pro-complex-b-desc h2 {

    padding-top: 106px;
    margin-bottom: 10px;
	color:#fff

}
.ico {
    position: absolute;
}


.list { width:1000px;  margin: 30px auto; overflow:hidden}

.list li { float:left; width: 48%; margin:10px 1%; /*height:590px*/}

.list li a { text-decoration: none; text-align: left;  }
.list li a h2 {color: #111; font-size: 1.5em; height: 70px; margin-bottom: 15px;   }

.list li a p {color: #505050; font-size: 1em; margin-bottom: 20px; /*height: 70px; */ }

.list li a b {color:hsla(196,90%,31%,1.00); width: 175px; height: 30px; margin: 0 auto; font-size: 1.2em; margin-bottom: 20px; display: block;  }
.list li a b img { margin-top:5px; width:23px; height: 22px;float: left;  }
.list li a b i { float: left;  }
.list li a .pic {width:100%;}

.list li a:hover b { border-bottom: 1px solid hsla(201,89%,35%,1.00);}
.list li .sendmail img{ margin:15px auto; width:100%}


.idnwl {
	width: 1100px;
	margin: 0 auto;
}

.qrcode {
	width: 90px;
	height: 90px;
	position: absolute;
	background: #ffffff;
	display: none;
	margin-top: 41px;
	margin-left: -26px;
}

.qrcode:after {
	top: -8px;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 4px;
	margin-left: -4px;
}

span.qrcode img {
	width: 100%;
	height: 100%;
}

.wechat:hover .qrcode {
	display: inline-block;
}

.hero-featured-inner, .presskit-inner-wrap, .site-content, .site-header, .social-footer {
	/*padding-left: 30px;
	padding-right: 30px;*/
}

.site-main {
	float: left;
	margin-right: 0;
	width:880px;
	display: inline-block;
	border:1px solid #e9eef4;
	padding:10px
}

.page-content .widgettitle, .section-title {
	padding-bottom: 10px;
	margin-bottom: 12px;
	background:url(/imgs/title_line.jpg) no-repeat left bottom;
}
.section-title h2,widget-title{
    font-family:oswald;
    font-size: 22px;
}
.widget-title{
	padding-bottom: 10px;
	margin-bottom: 12px;
	background:url(/imgs/title_lines.jpg) no-repeat left bottom;
  font-size: 18px;
  font-family:oswald;
}

.hentry {
	margin: 0 0 30px;
	overflow: hidden;
	height:140px
}

.hentry .pic{
	float:left;
	width:200px;
}

.hentry .entry-summary{
	float:right;
	width:630px;
	padding-top:10px;
}
.entry-header {
	display: block;
}

.entry-title {
	font-family: 'Oxygen', sans-serif;
	font-weight: 400;
}

.entry-title a {
	text-decoration: none;
	color: #002050;
}

.post-wrap {
	font-family: inherit;
	font-size: 100%;
	font-weight: inherit;
	font-style: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	border: 0;
	outline: 0;
}

.post-wrap p {
	margin-bottom: 0;
	font-size: 14px;
	line-height:20px;
	color: #666;
	font-family: 'Oxygen', sans-serif;
	font-weight: 100;
}

h2.entry-title {
	font-size: 20px;
	margin-bottom: 0.5rem;
}

.entry-summary a:hover {
	color: #176EE4;
}

a.more-link {
	color: #176EE4;
}
.tjnew{
	float: left;
	width:100%;
}
.tjnew  li{
margin-bottom:0px;
padding-bottom: 5px;
padding-top: 5px;
margin-top: 5px;
border-bottom: 1px solid #ccc;
}
.tjnew em{
display: inline-block;
width: 13px;
height: 13px;
font: 14px "宋体";
line-height: normal;
color: #fff;
background: #b2b2b2;
text-align: center;
line-height: 13px;
margin: 0 10px 0 17px;
}
.tjnew li a{
	color: #333;
	text-decoration: none;
	padding:0px 0 10px 0px;
	display:block;
	line-height: 20px;
	font-size: 14px;
	color: #176EE4;
}
.widget {
	width: 300px;
	float: right;
	display: block;
}

.widgetul li {
	padding-bottom: 10px;
	padding-top: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
}

.widgetul li a {
	color: #333;
	text-decoration: none;
	padding:0px 0 10px 0px;
	display:block;
	line-height: 20px;
	font-size: 14px;
	color: #176EE4;
}


.ingel {
	float: left;
	display: block;
}
.ingel img{ width:100%; display:block; }

#secondary {
	width: 300px;
	float: right;
}

.ingel .nrtit {
	margin: 0 auto;
	margin-bottom: 25px;
	margin-top: 15px;
	text-align: center;
	font-size: 20px;
	color: #666;
}

.foem {
	width: 860px;
	height: 40px;
	margin: 0 auto;
	text-align: center;
	background: #D9EBF8;
	margin-bottom: 20px;
}

.foem span {
	line-height: 40px;
	text-align: center;
	font-size: 13px;
	color: #999;
}

.neifkl {
	margin: 0 auto;
	font-size: 1em;
	color: #666;
	line-height: 30px;
}
.neifkl p,.neifkl div{
    width: 100%;
    height: auto;
    word-wrap:break-word;
    word-break:break-all;
    overflow: hidden;
  font-size: 14px;
}
.neifkl .page-title{ margin:15px 0px 5px 0px;
  font-size:19px
}
.outBox{ margin-top:20px!important}
.outBox img{ width:750px; margin:0 auto;}
.outBox video{ width:750px; margin:20px auto; display:block}
#banner{
	width:510px;
	/*height:375px;*/
	float:left;
}
.fengxiang{height:40px;padding-top: 105px;  overflow: hidden;  }
center{overflow:hidden}
.pordoctdes{
	float: right;
	text-align:left;
width: 337px!important;
padding-left: 20px;
height: 380px;
}

.product-title {
	text-align:left!important;
    font-size: 16px;
    line-height: 20px;
    margin: 5px 0px 0px 0px;
    color: #145ca1;
    font-weight: normal;
    padding-bottom: 5px;
    background: url(/images/title_line.jpg) left bottom no-repeat;
}

.productys {
    padding: 0px 0 15px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
}

.productys .ystit {
    font-size: 14px;
    font-size: 19px;
    color: #000000;
	
margin: 0px 0px 10px 0px;
color: #145ca1;
font-weight: normal;
padding-bottom: 10px;
background: url(https://www.jsdnjd.com/images/title_line.jpg) left bottom no-repeat;
}

.productys .ysnr{ width:330px; margin-top:15px; height:140px; overflow:hidden; height:320px}


.productyszt{margin-bottom:15px!important}

.productys .ysnr em{  padding:4px 10px; color:#fff; font-style: normal;border-radius:5px; margin:0px 0px 10px;  line-height:32px;display: inline-block;float: left;
margin-right: 8px;
	font-size:14px}
.ysnr em:nth-child(1){ background-color:#30859a;}
.ysnr em:nth-child(2){ background-color:#e26c0c;}
.ysnr em:nth-child(3){ background-color:#56b387;}
.ysnr em:nth-child(4){ background-color:#d9534f;}
.ysnr em:nth-child(5){ background-color:#05746e;}
.ysnr em:nth-child(6){ background-color:#30859a;}
.ysnr em:nth-child(7){ background-color:#e26c0c;}
.ysnr em:nth-child(8){ background-color:#d9534f;}
.ysnr em:nth-child(9){ background-color:#30859a;}

.public-hr1 {
    border: 0px;
    background-color: #DDD;
    height: 1px;
    margin: 20px 0 15px 0;
}

.othertit {
    font-size: 14px;
    color: #f00;
}
.xglist{

}
.xglist h4{
	background: #04163a;
    color: #fff;
    line-height: 45px;
    font-size: 20px;
    padding-left: 15px;
    margin-top: 10px;
	height:45px;
}
.xglist h4 a.inf { 
	width:305px;
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	background: #fff;
	color: #000;
	font-size: 15px; 
	display:block;
	float:left;
	text-align:center;
	height:35px;
	line-height:35px;
	margin-right:5px;
}
.xglist h4 a.ing { 
	width:305px;
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 15px;  
	color: #fff;
	display:block;
	float:left;
	text-align:center;
	height:35px;
	line-height:35px;
}
.xglist h4 a.ing:hover {background: #fff;color: #000;}

.emailc img,.xglist img{ width:270px; margin-top:2px}

.ne_1 h3{
	background: #0575f4;
    color: #fff;
    line-height: 40px;
    font-size: 22px;
    padding-left: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.youdian{
	font-size:11px;
	font-weight:bold;
}
    .qrcode {
        width: 90px;
        height: 90px;
        position: absolute;
        background: #ffffff;
        display: none;
        margin-top: 41px;
        margin-left: -26px;
    }
    
    .qrcode:after {
        top: -8px;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #ffffff;
        border-width: 4px;
        margin-left: -4px;
    }
    
    span.qrcode img {
        width: 100%;
        height: 100%;
    }
    
    .wechat:hover .qrcode {
        display: inline-block;
    }
	
.movetop{ width:300px; border:1px solid #e9eef4; background-color:#fff; padding:20px;float:left;}
.sr-txt-title{ margin-bottom:20px;}
.sr-txt-title h2{font-size: 18px;font-weight: bold;display: inline-block;vertical-align: middle;}
.zixun{ margin-bottom:15px; float:left}
.zixun .zixunleft{ margin-right:30px; float:left; display:inline}
.zixun .zixunright{ float:left; display:inline}
.zixun .J-contact-img{max-width: 170px;max-height: 170px;border-radius: 3px;}
.line-name{color: #222;font-size: 14px;}
.tm-status-off{background: url(/imgs/tm_off_16.png) no-repeat 0 center;font-size:13px;color:#888;padding-left: 20px;line-height: 16px;white-space: nowrap}
.contSupplier-btn{ margin-bottom:10px;}
.btn-main {color: #fff;border: solid 1px #e64545;background-color: #e64545; color:#fff}
.btn-main:hover {color: #fff;border: solid 1px #d92121;background-color: #d92121;}
.btn {height: 36px;line-height: 34px;    font-size: 14px;display: inline-block;vertical-align: middle;*display: inline;*zoom: 1;text-align: center;padding: 0 15px;border-radius: 3px;cursor: pointer;box-sizing: border-box; width:100%; margin-bottom:10px;}
.btn-requ{color: #222;border: solid 1px #ced3d9;background-color: #f5f7fa;}	
		
.banend{ width:100%;height:400px; background:url(/imgs/bann04.jpg) no-repeat center;}
.video{ width:100%; height:450px;margin:10px 0px}
.flaot_b{ width:100%; background:url(/imgs/btnmove.png) no-repeat center; height:100px;position:fixed; bottom:0; z-index:999;}


/*update index*/

iframe{ border:none;}
.border_00 {
	position:relative;
	text-align:left;
	padding-bottom:0;
	padding-left:0;
	width:100%;
	padding-right:0;
	padding-top:0
}
.border_00 .border_00-topr {
	line-height:27px;
	height:27px;
	border-top:#555 1px solid
}
.border_00 .border_00-topl {
	line-height:27px;
	height:27px
}
.border_00 .border_00-mid {
	width:100%;
	border-top:medium none
}
.border_00 .borderContent {
	padding-bottom:10px;
	padding-top:10px
}
.border_00 .comptitle_00 {
	position:absolute;
	width:98%;
	height:25px;
	top:7px
}
.border_00 .comptitle_00 STRONG {
	text-align:left;
	font-style:normal;
	float:left;
	word-break:break-all;
	font-weight:bold;
	text-decoration:none
}
.border_00 .comptitle_00 .titlestyle_00 {
	font-style:normal;
	font-family:微软雅黑;
	color:#555;
	font-size:14px;
	font-weight:bold;
	text-decoration:none
}
.border_00 .comptitle_00 STRONG IMG {
	vertical-align:middle;
	margin-right:5px
}
.border_00 .comptitle_00 EM {
	font-style:normal;
	float:right;
	font-weight:normal
}
.border_00 .comptitle_00 EM SPAN.extendLink {
	text-align:right;
	font-size:12px;
	margin-right:8px
}
.moreLink {
	padding-bottom:5px;
	font-style:normal;
	padding-left:5px;
	padding-right:5px;
	font-family:arial;
	background:#ffbe69;
	color:#fff;
	font-size:10px;
	font-weight:normal;
	padding-top:5px
}

.moreLink a{ 
	color:#fff;
}

#box_header_sub1_sub2_sub1 {
	width:100%;
	padding-top:30px
}
#box_header_sub1_sub2_sub2 {
	width:100%;
	padding-top:10px
}
#box_header_sub1_sub2_sub2 P {
	text-align:right
}
#box_header_sub1_sub2_sub1 P {
	text-align:right;
	width:100%
}
#box_header_sub1_sub2_sub2 P {
	width:100%;
	font-family:微软雅黑;
	color:#555;
	font-size:14px!important
}
#box_header_sub1_sub2_sub2 A {
	width:100%;
	font-family:微软雅黑;
	font-size:14px;
	text-decoration:none
}
#box_serise {
	width:100%;
	background:url(/images/im_05.jpg) no-repeat center top;
	float:none;
	height:400px;
	padding-top:35px
}
#box_serise_sub1 {
	margin:0 auto;
	width:1100px;
	float:none
}
#box_news {
	width:100%;
	float:none;
	height:310px;
	text-align:center;
	padding-bottom:0;
	margin:0 auto;
	padding-left:0;
	padding-right:0;
	font-family:"宋体",Arial;
	background:#fff fixed no-repeat center center;
	color:#000;
	font-size:12px;
	padding-top:0
}
#box_news_sub1 {
	margin:0 auto;
	width:1100px;
	float:none;
	padding-top:30px
}
#box_news_sub1_sub1 {
	padding-left:0;
	width:310px;
	padding-right:20px;
	float:left
}
#box_news_sub1_sub2 {
	width:390px;
	padding:0px 30px 0px 10px;
	float:left;
}
#box_news_sub1_sub2 A {
	text-align:center;
	padding-bottom:5px;
	margin-top:10px;
	padding-left:20px;
	width:70px;
	padding-right:20px;
	display:block;
	background:#eee;
	float:right;
	padding-top:5px;
  text-decoration: none;  
  color:#555;
}
#box_news_sub1_sub3 {
	width:340px;
	float:left
}
.FrontNews_list01-d2_c1_01 {
	text-align:left;
	margin:0 auto;
	width:98%;
	clear:both
}
#box_midbanner {
	width:100%;
	background:url(https://www.quiltingjsdn.com/imgs/hfbanner.jpg) no-repeat center top;
	float:none;
	height:224px
}
#box_midbanner_sub1 {
	width:100%
}
.choosenr {
	padding-bottom:40px;
	margin:0 auto;
	width:1100px;
	float:none;
	height:220px;
	overflow:hidden;
	margin-bottom:30px;
}
.chooseus {
	width:100%;
	background:url(https://www.quiltingjsdn.com/imgs/choose.jpg) no-repeat center top;
	float:none;
	padding-top:170px;
}
.choose1 {
	width:337px;
	float:left
}
.choose2 {
	padding-bottom:0;
	padding-left:18px;
	width:410px;
	padding-right:18px;
	float:left;
	height:313px;
	overflow:hidden;
	padding-top:0
}
.choose3 {
	width:285px;
	float:left
}

#box_footer_sub1 {
	padding-bottom:50px;
	margin:0 auto;
	width:1000px;
	float:none;
	padding-top:30px
}
.compaytit p{ 
	color:#113334;
	font-weight:bold;
	font-size: 16px;
   text-align: center;
}
.columnSpace{
	text-align: left;
	line-height: 24px;
	color: #555;
}

.FrontProducts_list01_view3-d1_c1 .scrollable_vertical .scrollitems {
	height:20000px;
	position:absolute;
	clear:both
}
.FrontProducts_list01_view3-d1_c1 .scrollitems_vertical {
	height:20000px;
	position:absolute;
	clear:both
}
.FrontProducts_list01_view3-d1_c1 .content1 {
	width:180px
}
.FrontNews_list01-d2_c1_01 {
	text-align:left;
	margin:0 auto;
	width:100%;
	clear:both
}
.FrontNews_list01-d2_c1_01 {
	text-align:left;
	margin:0 auto;
	width:100%;
	clear:both
}
.FrontNews_list01-d2_c1_01 .content {
	border-bottom:#ccc 1px dotted;
	padding-bottom:10px;
	margin-bottom:10px;
	float:left;
	overflow:hidden
}
.FrontNews_list01-d2_c1_01 .more {
	text-align:right;
	width:100%;
	overflow:hidden
}
.FrontNews_list01-d2_c1_01 .content .main {
	width:220px;
	float:left
}

.FrontNews_list01-d2_c1_01 .newstitle LI SPAN {
	display:none;
	color:#999
}
.FrontNews_list01-d2_c1_01 .newstitle LI EM {
	font-style:normal
}
.FrontNews_list01-d2_c1_01 .newstitle .fontnews A {
	color:#06c
}
.FrontNews_list01-d2_c1_01 .newstitle .comment {
	padding-left:20px;
	background:url(/images/news/icon-04.gif) no-repeat 0 4px
}
.FrontNews_list01-d2_c1_01 .newslist {
	width:100%;
	overflow:hidden
}
.FrontNews_list01-d2_c1_01 .content .pic {
	width:120px;
	float:left
}
.FrontNews_list01-d2_c1_01 .content .pic A {
	float:left
}
.content .pic IMG {
	width:110px;
	height:90px
}
.newslist .summary H3 {
	line-height:22px;
	display:none;
	font-size:12px;
	font-weight:bold
}
.summary{ line-height:20px;}

		.huanj{ width:410px; height:313px; overflow:hidden; position:relative; }

		.huanj .hd ul li.on{ background:#f00; color:#fff; }
		.huanj .bd{ position:relative; height:100%; z-index:0;   }
		.huanj .bd li{ zoom:1; vertical-align:middle; }
		.huanj .bd img{ width:410px; height:313px; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.huanj .prev,
		.huanj .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(https://www.quiltingjsdn.com/imgs/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.huanj .next{ left:auto; right:3%; background-position:8px 5px; }
		.huanj .prev:hover,
		.huanj .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.huanj .prevStop{ display:none;  }
		.huanj .nextStop{ display:none;  }
/*文章上一片*/
.prenext{
   margin:10px 0;
  float:left;
  width:100%;
  position: relative;
}
.prenext li{
	padding-bottom:.3em;
	width:45.5%;
	float:left;
	padding:0px 2%;
	background-color:#ededed;
    height:50px;
}
.prenext li:nth-child(1){
	text-align:right;
	margin-right:1%;
}
.prenext li:nth-child(2){
	text-align:left;
}
.prenext li a{
	color:#666;
  height: 22px;
    overflow: hidden;
    display: block;
}
.prenext li span{
	font-weight:bold;
	width:100%;
	display:block;
}
.arrow{
    position: absolute;
    top: 50%;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    border-width: 1px;
    border-style: solid;
    color:#c6c6c6;
}
.arrowl {
	left: 8px;
    border-right: none;
    border-top: none;
}
.arrowr {
	right: 8px;
    border-left: none;
    border-bottom: none;
}
.dn123 td{ padding:5px;}
.dn123 .tit{ font-size:18px;}
.nav-links li{ float:left; display:inline; padding:0 5px;}
.nav-links li a{ color:#666;}
/*.indexbg{
    background:#f3f3f3 url(/imgs/im_05.jpg) no-repeat center bottom;
    margin-bottom:30px;
}*/

/**2020年更新**/
.outBox ul{
	background-color: #2f61c6;
	border-bottom: 1px solid #d7d7d7;
	height: 50px;
	line-height:40px;
	overflow:hidden;
	font-size:12px;
}
.outBox li{
	color:#fff;
	text-align:center;
	width:122.85px;
	float:left;
	
}
.outBox li br{
	line-height:0px;
	height:0px; 
	display:block;
}
.outBox li span{
	font-size:14px;
	display:block;
	line-height:15px;
}
.outBox li span:nth-child(1){ margin-top:10px}
.outBox li.on{
	background-color:#fff;
	color:#000;height:50px;
}
.smpic{
	width:100px;
}
.about1 h2{
	margin-top:10px
}
.card-supplier img{ width:227px;}
    #banner .swiper-container {
      width: 100%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;
    }

    #banner  .swiper-slide {
      background-size: cover;
      background-position: center;
    }

    #banner .gallery-top {
      height: 80%;
      width: 100%;
    }

    #banner .gallery-thumbs {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
    }

    #banner .gallery-thumbs .swiper-slide {
      height: 100%;
      opacity: 0.4;
    }

    #banner .gallery-thumbs .swiper-slide-thumb-active {
      opacity: 1;
    }

	
	
/*Example for a Menu Style*/
.menu {background-color:#2f61c6;border-bottom:1px solid #d7d7d7; width:100%;z-index:111}

.menu ul {margin:0px; padding:0px; list-style:none; }
.menu li {display:inline; width:119px;text-align:center}
.menu li h2{ font-size:15px; display:inline-block; width:119px; font-weight:normal}
.menu li h2 span{ display:block; text-align:center}
.menu li a {color:#ffffff; text-decoration:none;   width:119px;text-align:center}
.menu li a.tabactive {border-left:1px solid #d7d7d7; border-top: 1px solid #ccc; border-right:1px solid #d7d7d7; color:#000000; background-color:#ffffff; font-weight:bold;  position:relative; display:block; width:100%; }
#tabcontent1,#tabcontent2,#tabcontent3,#tabcontent4,#tabcontent5,#anothercontent1,#anothercontent2, #anothercontent3, #anothercontent4,#anothercontent5, #anothercontent6 {border:1px solid #ececec; text-align:left;padding:10px; font-size:15px; margin-bottom:5px;}

#tabcontent2 img{ width:100%;}
#tabcontent4 img{ display:block;}


.product-content .ycpj-bot{ width:860px;}
.product-content .ycpj-bot ul {width: 878px;overflow: hidden;}
.product-content .ycpj-bot ul li {
    width: 275px;
    float: left;
    margin: 0 17px 15px 0;
    text-align: center;
}