body{ font-family:"Microsoft YaHei","Helvetica Neue",Helvetica,Arial; background:#fff; color:#000; overflow-x:hidden;}
ul{ margin:0; padding:0;}
ul li{ list-style:none;}
a:hover{ text-decoration:none;}
.container{ padding-left:0; padding-right:0;}
.page_navi{ overflow:hidden;width:100%;text-align:center; }

.page_navi a{height:36px;border:1px solid #DDD;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;color:#888;text-decoration:none;line-height:36px;margin:2px;padding:3px 8px}

.page_navi a:hover,.page_navi a.current{border:1px solid #FFBB76;color:#FF7200;font-weight:bolder;}

header{ width:100%;background:transparent; z-index:100000;}

.carousel { z-index: 10;}
nav { background-color: #070302;}
.navbar{ padding:0 0;}
.navbar-expand-lg .navbar-nav  .nav-link { padding-right: 1rem; padding-left: 1rem; line-height: 80px; color:#fff; text-align:center;}
.navbar-expand-lg .navbar-nav .nav-item:hover .nav-link,.navbar-expand-lg .navbar-nav .nav-item .active{ color:#050402;background:#dbac08;}
.navbar-nav{ margin-left:80px;}
.carousel-indicators{ bottom:0px;}
.carousel-indicators li {

    position: relative;

    -webkit-box-flex: 0;

    -ms-flex: 0 1 auto;

    flex: 0 1 auto;

    width: 10px;

    height: 10px;

    border-radius: 5px;

    margin-right: 3px;

    margin-left: 3px;

    text-indent: -999px;

    background-color: rgba(255,255,255,.5);

}

.i-about-content-text{

    line-height:2;

}

.i-nav-list{

    background:#eee;

    padding:10px 20px;

}

.i-nav-list .i-nav{

    text-align:center;

    padding:10px;

}

.i-nav-list .i-nav a{

    background:#006661;

    padding:10px 40px;

    color:#fff;

    text-decoration:none;

}


.index-search{ float:right; width:200px; height:38px; overflow:hidden;}
.sb-search {
	position: relative;
	width: 0%;
	min-width: 38px;
	height: 38px;
	float: right;
	overflow: hidden;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	-webkit-backface-visibility: hidden;
}

.sb-search-input {
	position: absolute;
	top: 0;
	right: 0;
	outline: none;
	border:none;
	background:#fff;
	width: 100%;
	height: 38px;
	margin: 0;
	z-index: 10;
	padding: 20px 65px 20px 20px;
	font-family: inherit;
	font-size: 20px;
	color: #2c3e50;
}

.sb-icon-search,
.sb-search-submit  {
	width: 38px;
	height: 38px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	line-height: 60px;
	text-align: center;
	cursor: pointer;
}

.sb-search-submit {
	background: #fff; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
}

.sb-icon-search {
	color: #fff;
	background: #070302 url(../images/search-icon.png);
	z-index: 90;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}

.sb-icon-search:before {
}

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
	width: 100%;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
	background: #070302 url(../images/search-icon.png);
	color: #fff;
	z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
	z-index: 90;
}




.index_wel{ position:absolute; left:0; bottom:0; width:100%; height:140px; line-height:140px; font-size:40px; color:#fff;text-transform:uppercase; text-align:center; background-color: rgba(0,0,0,0.8); overflow:hidden; }

.index_about{ width:100%; padding:60px 0; background:#333;-moz-box-shadow:2px 3px 2px #A7A6A6; -webkit-box-shadow:2px 3px 2px #A7A6A6; box-shadow:2px 3px 2px #A7A6A6;}
.index_about h5{ padding:30px 0; color:#fff; font-family:Arial;}
.index_about .about-text{ color:#fff; line-height:30px; padding-bottom:35px;}
.index_about a.about-more{ padding:12px 30px; border:1px solid #fff; color:#fff; font-weight:bold;}
.index_about .about-pic{ float:right;}

.index-title{ padding:80px 0 50px 0;text-align:center;}
.index-title .i-title-01{ padding-bottom:20px;}


.sb_pic { width:100%; overflow:hidden; position: relative;}
.sb_pic li {float: left;width:360px;height:370px; margin:0 1px; }
.sb_pic li .pp_img{ width:360px;height:370px; overflow:hidden; }
.sb_pic li .pp_img img {width:100%; height:auto; object-fit: cover;}
.sb_pic li .pp_img img:hover { filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8}
.sb_pic #simgssb {margin-left:0; }
.sb_pic em {position: absolute;top:40%;}
.sb_pic .t_l {left:0px;}
.sb_pic .t_r {right: 0px;}
.sb_pic .fl {float: left;}
.sb_pic .fr {float: right;}
.sb_pic .pa {position: absolute;}
.sb_pic .pr {position: relative}

.product-line{ width:100%; height:120px; border-bottom:3px solid #a3a3a3; overflow:hidden;}
.product-line h5{ line-height:120px; color:#040404; font-weight:bold; }
.product-more{ float:right; margin-top:35px; width:196px; height:50px; line-height:50px; border:2px solid #c6c6c6; border-radius:50px; text-align:center; color:#040404; font-weight:bold;}
.product-more:hover{ background:#040404; color:#fff;}

.youshi{ margin-bottom:12px; width:100%; overflow:hidden;}
.youshi li{ float:left; width:33.3333333%; overflow:hidden;}
.youshi li img:hover{ filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8}

.adv01{ width:100%; height:515px; background:url(../images/adv01.jpg) center 0 no-repeat; overflow:hidden;}
.adv01 .container{ position:relative;}
.adv01 h3{ position:absolute; left:0; top:30px;}
.adv01 .pic{ position:absolute; left:50%; top:130px; margin-left:-259px; width:519px; height:268px; }
.adv01 h4{ position:absolute; right:50px; top:430px;}
.adv01 .tel{ position:absolute; left:0; top:350px; color:#fff; font-size:36px; }
.adv01 .tel img{ float:left;}
.adv01 .tel span{ display:block; float:left; padding:0 0 0 30px;}


.fg{ margin-top:50px; position:relative;}
.fg .pic{ position:absolute; right:0; bottom:-60px;}
.fg .text{ position:absolute; left:30px; bottom:-60px; width:600px; height:330px; background-color: rgba(0,0,0,0.9);}
@media \0screen\,screen\9 {
    .fg .text{
        background-color: #000;
        filter: Alpha(opacity=90);
        *zoom:1;/* 激活IE6、7的haslayout属性，让它读懂Alpha */
    }
    .fg .text .nr{
        position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */
    }
}
.fg .text .nr{ padding:50px; color:#fff;}
.fg .text .nr h4{ color:#dbac07;}
.fg .text .nr b{ font-size:20px;}
.fg .text .nr p{ padding-top:20px; line-height:30px;}

.index-news{ margin-top:150px; width:100%; background:#040404; overflow:hidden;}
.index-news .nlist{ padding:6px; background:#fff; border-bottom:5px solid #888; position:relative;}
.index-news .nlist .pic{ width:100%; height:245px; overflow:hidden;}
.index-news .nlist .pic img{ width:100%; height:100%; object-fit: cover;}
.index-news .nlist .text{ padding:10px; margin-bottom:30px; overflow:hidden;}
.index-news .nlist h6 a{font-weight:bold; color:#040404;}
.index-news .nlist p{ padding:10px 0 40px 0; color:#040404; font-size:14px; }
.index-news .nlist a.n-more{ padding:5px 15px; background:#4e4e4c; color:#fff;}
.index-news .nlist a.n-more:hover{ background:#dbac07; }
.index-news .nlist .time{ position:absolute; top:6px; left:6px; width:68px; height:90px; background:#040404; padding-top:5px; color:#fff; text-align:center; overflow:hidden; }
.index-news .nlist .time b{ display:block; font-size:20px;}
.index-news a.news-more{ display:block; margin:30px auto; width:190px; height:50px; line-height:48px; border:2px solid #fff; border-radius:50px;text-align:center; color:#fff;}

footer{ width:100%; background:#040404 url(../images/foot-bg.jpg) repeat-x 0 0; overflow:hidden; }
.footer{ padding:80px 0 30px 0; color:#fff;}
.footer a{ color:#fff;}
.footer-top{ width:100%; overflow:hidden;}
.footer-top .f-left{ float:left; width:540px; height:65px; line-height:55px; border-bottom:2px solid #c7c7c7; text-align:right; font-size:16px; font-weight:bold;}
.footer-top .f-logo{ float:left; width:120px; height:64px; text-align:center; margin:15px 0;}
.footer-top .f-right{float:right; width:540px; height:65px; border-bottom:2px solid #c7c7c7;background:#040404 url(../images/f-search.png) no-repeat 0 0;}
.footer-top .f-right input{ border:none; background:none;}
.footer-top .f-right .text{ width:270px; height:44px; line-height:44px; text-indent:20px; color:#fff;}
.footer-top .f-right .submit{ margin-left:10px; width:160px; height:44px; line-height:44px; cursor:pointer;}
.footer-bottom{ padding-top:20px;}
.footer-bottom .b01,.footer-bottom .b02{ border-right:1px solid #fff;}
.footer-bottom .b01 p{ line-height:30px;}
.footer-bottom .b02{ width:100%;}
.footer-bottom .b02 li{ float:left; width:50%; text-align:center; line-height:35px;}
.footer-bottom .b02 li a{ color:#fff;}
.footer-bottom .b03{ background:url(../images/f-icon.png) no-repeat 40px 8px;}
.footer-bottom .b03 li{ padding-left:70px; line-height:44px;}

.copy{ padding:20px 0; color:#fff; font-size:14px; background:#2a2a2a; text-align:center; overflow:hidden;}


.ysg{ padding:80px 0; text-align:center; overflow:hidden;}
.ysg .y-1{ padding:30px 0;}
.ysg .y-2{ padding:90px 0;}
.ysg .y-3{ text-align:left;}
.ysg .y-3 .pic{ padding-top:20px;}