/*公用样式部分*/
html {width: 100%;overflow-x: hidden;}
body {line-height: 2;background: url(../images/bg.gif) center top;}
.text-white,.text-white a,.text-white a:hover {color: #fff!important;}
.undisplay {display: none;}
.margin-top10 {margin-top: 10px!important;}
.margin-top20 {margin-top: 20px!important;}
.margin-top30 {margin-top: 30px!important;}
.margin-top40 {margin-top: 0.4rem!important;}
.margin-center {margin-left: auto;margin-right: auto;}
/*nav*/
/*#nav-box{background:url(../images/nav-bg.png) center top no-repeat; height: 47px;}
#nav-box ul>li{float:left;width:12.5%;text-align:center;position:relative;}
#nav-box ul>li >a {font-size: 16px;display: block;line-height:47px;}
#nav-box ul>li >a:hover{background:url(../images/m_07.png);}
#nav-box ul li a{color:#FFF;font-weight:bold;}
#nav-box ul li.active a {background:url(../images/m_07.png);}
#nav-box .submenu{width:100%;background:#923929;position:absolute;z-index:999;display:none;}
#nav-box .submenu ol li{border-bottom:1px solid #A24636;line-height:40px;}
#nav-box .submenu ol li a {display:block;line-height:40px;}
#nav-box .submenu ol li a:hover {background: #923929;}
#menu-btn {display: inline-block;float: right;width: 30px;height: 30px;border:1px solid #ccc;border-radius: 4px;text-align: center;color: #999;background: #fff;}*/

#nav-box{background:url(../images/nav-bg.png) center top no-repeat; height: 60px;line-height:60px;width:100%;position:relative;}
#nav-box ul{width:714px;}
#nav-box ul>li{float:left;width:14%;position:relative;background:url(../images/nav-line.png) no-repeat right center;}
#nav-box ul>li.last{background:none;}
#nav-box ul>li >a {font-size: 16px;display: block;height:60px;line-height:60px;text-align:center;}
#nav-box ul>li >a:hover{color:#b4171e;}
#nav-box ul li a{color:#000;}
#nav-box ul li.active a {color:#b4171e;}
#nav-box .submenu{width:100%;/*height:200px;*/background:#fff;;position:absolute;z-index:999;display:none;border-bottom:2px solid #b3161d;top:60px;left: 0;}
#nav-box .submenu ol{margin-top:7px;}
#nav-box .submenu ol li{height:27px;line-height:27px;background:url(../images/dot.png) no-repeat left center;padding-left:10px;margin-left:10px;}
#nav-box .submenu ol li a {display:block;line-height:27px;font-size:14px;color:#333;text-align:left;}
#nav-box .submenu .sanjiao{position:absolute;top:-6px;left:42px;}
#menu-btn {display: inline-block;float: right;width: 30px;height: 30px;border:1px solid #ccc;border-radius: 4px;text-align: center;color: #999;background: #fff;}


/*本项目样式部分*/
.banner-box {position: relative;z-index: -1;}
.banner-box .bd li {height: 450px;z-index: 3;}
.honor-box {position: relative;}
.honor-box .prev {position: absolute;left: 0;top: 90px;z-index: 2;}
.honor-box .next {position: absolute;right: 0;top: 90px;z-index: 2;}
.honor-box .bd li img {height: 262px;width:100%;}
body{background:url(../images/bg.png);}
/*#logo-tel{height:104px;line-height:104px;}*/
/*#logo-tel{margin-bottom:60px;}*/
#logo{padding:20px 0;}
.tel {line-height: normal;font-size: 18px;}
.tel h3 {color: #666;font-size: 23px;}
.tel .media-body{color:#999;}
#search-box{width:310px;height:36px;}
#search-box #form-search{width:310px;position:relative; padding-top: 10px;}
#search-box #form-search #form-keyword{width:278px;height:36px;border:none;color:#666;font-size:14px;text-indent:1em;background-color:#f2f3f4;float:left;}
#search-box #form-search #btn-search{background-color:#fff;width:32px;height:36px;border:none;float: left;padding: 0px;}
.swiper-pagination-bullet{width:20px;height:20px;display:inline-block;border-radius:100%;background:#000;opacity:0.2;}
.swiper-pagination-bullet-active{background:url(../images/banner_active.png) no-repeat;opacity:1;}
.picMarquee-left{height:54px;line-height:54px;border-bottom:1px solid #e0e0e0;}
.picMarquee-left>span{color:#b3161d;font-size:18px;font-weight:bold;}
.picMarquee-left>img{margin-left:10px;margin-top:15px;}
.picMarquee-left .bd{margin-left:18px;}
.picMarquee-left .bd .picList{overflow: hidden;}
.picMarquee-left .bd .picList li{background:url(../images/dot.png) no-repeat left center;padding-left:10px;float:left;/*margin-right:18px;*/display:inline;overflow: hidden;width:380px;}
.picMarquee-left .btn{display:block;background:url(../images/gengduo.png) no-repeat center;width:67px;font-size:12px;color:#fff;font-family:"xinsongti"; text-align:center;}
#news-honor-pian{margin-top:15px;margin-bottom:20px;}
.news{width:457px;float:left;}
.news-title{height:54px;line-height:54px;}
.news-title span{font-size:18px;color:#666;font-weight:bold;}
.news-title span b{color:#b3161d;}
.news-title span i{color:#bcbcbc;font-size:12px;margin-left:10px;font-style:normal;}
.news-title span em{color:#bcbcbc;margin-left:15px;font-style:normal;}
.news-title .more{float:right;background:url(../images/more.png) no-repeat center;width:56px;font-size:12px;color:#fff;text-align:center;}
.news-con{margin-top:0!important;}
.news-con img{display:block;width:130px;height:92px;}
.news-con .media-body h3{height:16px;line-height:16px;}
.news-con .media-body h3 a{color:#333;font-size:16px;}
.news-con .media-body p{font-size:13px;color:#666;line-height:25px;}
.news-con .media-body .date{font-size:12px;color:#999;}
.news-list li span {float: right;font-size: 12px;color: #999;}
.news-list li {line-height: 2.2;background:url(../images/dot.png) no-repeat left center;padding-left:10px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-list li a{font-size:14px;color:#333;}
.honor{width:322px;float:left;margin-left:20px;}
#honor-box .swiper-slide{width:362px;height:212px;overflow: hidden;}
#honor-box .swiper-slide img{width:362px;height:212px;overflow: hidden;}
.zhengshu{width:322px;float:right;}
.shipin{position:relative;}
#play{background:url(../images/bofang_btn.png) no-repeat;width:70px;height:70px;border:none;}
#videoControls{position:absolute;top:78px;left:128px;}
.product{background:url(../images/chanpinzhanshi_pic.png) no-repeat;height:410px;}
.product .product-nav{width:600px;margin-right:10px;}
.product .product-nav li{float:left;width:25%;font-size:14px;color:#666;text-align:center;background:url(../images/product_line.png) no-repeat right center;}
.product .product-nav li.last{background:none;}
.product-list{margin-top:10px;}
.product-list li{float:left;text-align:center;width: 285px;}
.pro-box {margin:0px 5px;}
.product-list li a.pro-img{display:block;height:268px;overflow:hidden;text-align:center;font-size:14px;color:#333;border:1px solid #e0e0e0;background: #fff;}
.product-list li a img{height:100%;}
.product-list li p {text-align: center;}
.anli-box .bd {position: relative;overflow: hidden;width: 100%;}
#anli-box{margin-top:10px;}
#index-link {padding-top: 20px; padding-bottom: 20px;}
#index-link span{padding-left:10px;}
#index-link img {display: inline-block;margin-right: 10px;float: left;}
#index-link span a {font-size:14px;color:#333;}
#index-link b{font-size:18px;color:#333;}
#index-link .link-list a{padding-left:10px;}
#footer{height:256px;background-color:#505050;}
#footer .nav-list .list{border-left:1px solid #747474;width:17%;float:left;margin-top:20px;margin-left:0px;padding-left:12px;margin-right:9px;}
#footer .nav-list .list dt{color:#fff;font-size:16px;}
#footer .nav-list .list dd a{color:#ccc;font-size:14px;}
#footer .tupian{margin-top:20px;}
#footer .qrcode-box{margin-top:20px;margin-left:40px;}
#copyRight{background-color:#676767;line-height:40px;padding:20px 0;overflow:hidden;color:#fff;text-align: center;}
#copyRight p{font-size:14px;color:#fff;}
#copyRight a{color:#fff;}
/*内页样式*/
.cont-box .left-box .left-box-lanmu{border:1px solid #ddd;}
.cont-box .nav-title{background:url(../images/beihing.png) no-repeat left center;font-size: 20px;color:#b3161d;padding: 8px 10px;font-weight: bold;}
.cont-box .left-box .left-box-lanmu .nav-sublist{width:100%;box-sizing: border-box;background: #fff;font-size:16px;color:#000;}
.cont-box .left-box .left-box-lanmu .nav-sublist li{border-bottom: 1px solid #ddd;;}
.cont-box .left-box .left-box-lanmu .nav-sublist li>a{display:block;line-height:45px;padding:10px;}
.left-box-contact .lianxi span{padding-right:10px;box-sizing: border-box;}
.left-box-lanmu .nav-sublist li.active{background:#edebea;}
.left-box-lanmu .nav-sublist li.active a{color:#b3161d;}
.left-box-lanmu .nav-sublist li:hover{background: #edebea;}
.left-box-lanmu .nav-sublist li:hover a{color:#b3161d;}
.left-box-contact{border:1px solid #ddd;margin-top:15px;}
.left-box-contact .lianxi {padding:5px;width:100%;box-sizing: border-box;}
.right-box .right-box-title{background:url(../images/beihing.png) no-repeat left center;height:48px;line-height: 48px;padding-left: 10px;box-sizing: border-box;}

.left-box-contact .erweima2{margin-left: 27%;margin-top:30px;margin-bottom: 20px;}
.right-box {border:1px solid #ddd;}
.right-box .right-box-title b{font-size:16px;font-weight:normal;}
.right-box .right-box-title .layui-breadcrumb>*{font-size:16px!important;}
.right-box .right-box-cont{border}
.right-box .right-box-cont img{max-width: 100%!important;height:auto;}
.right-box .right-box-cont{padding:10px;}
@media only screen and (min-width: 320px) and (max-width: 640px) {
	#nav-box {padding-left: 0;padding-right: 0;background: #333;}
	#nav-box .layui-container {padding-left: 0; padding-right: 0;}
	#nav-box {position:absolute; top:80px; width:100%; left:0; display:none; z-index:20;}
	#nav-box ul>li{width:100%;}
	#nav-box ul>li>a{color:#fff;}
	#nav-box ul li a{line-height:34px;font-weight: normal;font-size: 14px;}
	#nav-box ul li a:hover,#nav-box ul li a:active,#nav-box ul li a.current{background:#444;}
	#nav-box {height: auto;top: 60px;}
	#logo-tel {height: 60px;margin-bottom: 0;}
	#logo {padding: 10px 0 30px 0px;}
	
	.banner-box .bd li {height:150px;background-size:cover!important;}
	
	#nav-box ul{width:100%;}
	#nav-box ul>li{background:none;height:30px;}
	#nav-box ul>li >a{height:30px;line-height:30px;}
	.product-list li{margin-bottom:30px;}
	.shipin video{width:100%;background:#000;}
	.product-list li{position:relative;height:268px;width:100%;}

	/*.product-list li a{position:absolute;width:268px;left:50%;margin-left:-134px;}*/
	#copyRight p{text-align:center;}
	.news{width:100%;}	
	.honor{width:100%;margin-left:0;}
	.zhengshu{width:100%;}
	.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:0.2;}
    .swiper-pagination-bullet-active{background:url(../images/banner_active.png) no-repeat;opacity:1;width:8px;height:8px;background-size: contain;}
    .right-box {margin-top: 20px;}	
    .left-box-lanmu .nav-sublist li.active{background:none;} 
    .cont-box .nav-title{background:url(../images/beihing.png) no-repeat left center;font-size: 18px;color:#b3161d;padding: 4px 12px;font-weight: bold;}
    .cont-box .left-box .left-box-lanmu .nav-sublist li>a{display:block;line-height:24px;padding:10px;}
    .cont-box .left-box .left-box-lanmu .nav-sublist{width:100%;box-sizing: border-box;background: #fff;font-size:14px;color:#000;}
    .right-box .right-box-title b{font-size:14px;font-weight:normal;}
    .right-box .right-box-title .layui-breadcrumb>*{font-size:14px!important;}
    .left-box-lanmu .nav-sublist li.active a{color:#333;}
}