﻿/* 
* @Author: sublime text
* @Date:   2019-10-16 10:28:11
* @Last Modified by:   sublime text
* @Last Modified time: 2020-11-24 18:03:01
*/
/*banner*/
#banner{width:100%;height:auto;position:relative;overflow:hidden;}
#banner .swiper-slide img{display: block;width:100%;}
#banner .swiper-button-prev {outline：none;background: none;width: 55px;height: 55px;}
#banner .swiper-button-next {outline：none;background: none;width: 55px;height: 55px;}
#banner .swiper-pagination-bullets{bottom: 20px !important;}
#banner .swiper-pagination-bullet{width: 10px !important;height: 10px !important;}
#banner .swiper-pagination-bullet-active{background:#ff8524 !important;}

/*品质保障*/
#pinzhi .bottom li{width: 280px;height: 400px;float: left;margin-right: 26px;position: relative;text-align: center;color: #fff;margin-top: 40px;overflow: hidden;}
#pinzhi .bottom li .tu{position: absolute;z-index: -1;}
#pinzhi .bottom li:last-child{margin-right: 0px;}
#pinzhi .bottom li .ico img{display: block;margin: 120px auto 20px;}
#pinzhi .bottom li .ico{display: block;margin:0 auto;font-size: 22px;color: #fff;text-align: center;}
#pinzhi .bottom li .wen{font-size: 14px;line-height: 25px;}
#pinzhi .bottom li .wen p{font-size: 24px;font-weight: bold;transition: 1s;padding-top: 100px;}
#pinzhi .bottom li .wen span{width: 60%;text-align: center;display: block;margin: 0 auto;letter-spacing: 1px;}
#pinzhi .bottom li .wen img{display: block;margin:20px auto;}
#pinzhi .bottom li:hover,#pinzhi .bottom li.active{cursor: pointer;}
#pinzhi .bottom li:hover .wen,#pinzhi .bottom li.actve .wen{display: block;}
#pinzhi .bottom li:hover .wen p,#pinzhi .bottom li.active .wen p{padding-top: 145px;}
#pinzhi .bottom li:hover .ico,#pinzhi .bottom li.active .ico{display: none;}


/*产品*/

#pro .neirong{width: 100%;height:600px;background: url(img/pro_bg.jpg)no-repeat center;margin-top: 40px;}
.lanrenzhijia{width: 1200px;height:600px;margin:0 auto;position: relative;}
.lanrenzhijia .tab{width:340px;height: 43px;margin: 0 auto;line-height: 45px;}
.lanrenzhijia .tab a{font-size: 20px;color: #333333;width: 108px;display: block;float: left;text-align: center;margin: 0 30px;border:1px solid #333;border-radius: 20px 0px;margin-top: 40px;}
.lanrenzhijia .tab a.on{font-size:20px;color: #fff;background: #ff8524;border-right:0px;border:1px solid #ff8524;}


.lanrenzhijia .content{ overflow:hidden; width:1200px;height:480px;position:absolute; float:left;top:120px;}
.lanrenzhijia .content .ul{ position:absolute; left:0; top:0; width:1200px;}
.lanrenzhijia .content .li{ width:1200px; float:left;}
.lanrenzhijia .content .li .fl{width: 187px;height: 443px;background: url(img/pro_zuo.png)no-repeat center;padding: 0 50px;color: #ffffff}
.lanrenzhijia .content .li .fl p{font-size: 32px;color: #ff8524;font-weight: bold;padding-top: 65px;letter-spacing: 2px;}
.lanrenzhijia .content .li .fl span{text-transform: uppercase;font-size: 14px;font-family: 'Airal';font-weight: bold;}
.lanrenzhijia .content .li .fl hr{width: 40px;height: 2px;border:none;background: #fff;margin-left: 0px;margin:10px 0px;}
.lanrenzhijia .content .li .fl .wen{font-size: 14px;line-height: 35px;}
.lanrenzhijia .content .li .fl .dianwa{margin-top: 40px;}
.lanrenzhijia .content .li .fl .dianwa img{float: left;width: 35px;display: block;margin-right: 10px;}
.lanrenzhijia .content .li .fl .dianwa .shu{font-size:18px;color: #ff8524;font-family: 'Oswald-Bold';letter-spacing: 1px;line-height: 30px;}
.lanrenzhijia .content .li .fr{width: 825px;}
.lanrenzhijia .content .li .fr .erji{text-align: right;}
.lanrenzhijia .content .li .fr .erji a{font-size: 18px;color: #333333;padding:0 10px;}
.lanrenzhijia .content .li .fr .erji a:last-child{padding-right: 0px;}
.lanrenzhijia .content .li .fr .erji a:hover{color:#ff8524;}
.lanrenzhijia .content .li .fr .jiesao p{font-size: 24px;font-weight: bold;color: #ff8524;margin-top: 15px;}
.lanrenzhijia .content .li .fr .jiesao span{font-size: 14px;color: #999999;text-transform: uppercase;}
.lanrenzhijia .content .li .fr .jiesao .wen{font-size: 16px;line-height: 30px;color: #666666;margin: 30px auto;text-align: justify;}
.lanrenzhijia .content .li .fr .cptu ol{width: 182px;float: left;margin-right: 21px;}
.lanrenzhijia .content .li .fr .cptu ol:last-child{margin-right: 0px;}
.lanrenzhijia .content .li .fr .cptu ol img{display: block;width: 100%;border:1px solid #999999;}
.lanrenzhijia .content .li .fr .cptu ol a{font-size: 16px;line-height: 35px;text-align: center;width: 100%;display: block;}
.lanrenzhijia .content .li .fr .cptu ol:hover a{color: #ff8524;}
.lanrenzhijia .content .li .fr .cptu ol:hover img{border:1px solid #ff8524;}

/*关卡*/
#guanqia .bottom{margin-top: 50px;}
#guanqia .bottom li{width: 1200px;height: 430px;position: relative;}
#guanqia .bottom li .fr{width: 679px;height: 334px;background: url(img/wen1.jpg)no-repeat center;position: absolute;z-index: 0;right: 0;top:40px;}
#guanqia .bottom li .fl{position: relative;z-index: 1;}
#guanqia .bottom li .fr p{font-size: 28px;color: #ff8524;font-weight: bold;text-align: center;padding-top: 50px;}
#guanqia .bottom li .fr hr{width: 45px;height: 1px;background: #ff8524;outline: none;border:none;margin: 40px auto;}
#guanqia .bottom li .wen{width: 600px;float: right;}
#guanqia .bottom li .wen ol{width: 38%;float: left;margin-left:10%;font-size: 18px;color: #333333;letter-spacing: 1px;line-height: 50px;}
#guanqia .bottom li .wen ol:nth-child(2n){margin-left: 5%;}
#guanqia .bottom .list2 .wen ol:nth-child(2n){margin-left: 15%;}
#guanqia .bottom li .wen ol img{padding-right: 20px;}
#guanqia .bottom .list2 .fr{width: 579px;padding-right: 100px;}
#guanqia .bottom .list2 .wen ol{line-height: 40px;}
#guanqia .bottom .list2 .wen ol{width: 25%;float: left;font-size: 18px;color: #333333;letter-spacing: 1px;line-height: 40px;margin-left: 20%;}


#hengfu{width:100%;height:220px;background: #00a1e9;color: #fff;margin-top: 40px;}
#hengfu .fl{font-size: 24px;letter-spacing: 2px;text-align: center;line-height: 50px;padding-left: 100px;}
#hengfu .fl p{font-size: 38px;font-weight: bold;letter-spacing: 5px;padding-top: 75px;}
#hengfu .fr{width: 380px;height: 56px;border:1px solid #fff;line-height: 56px;margin-top: 90px;margin-right: 100px;}
#hengfu .fr p span{width: 238px;text-align: center;display: inline-block;font-size: 20px;}
#hengfu .fr p a{width: 142px;text-align: center;display: inline-block;background: #ff8524;color: #fff;font-size: 24px;font-weight: bold;letter-spacing: 1px;}



/*生产实力*/

#shili .bottom{width: 100%;height: 700px;}

.index_con02_switch_btn_wrap{width: 1242px;height:242px;margin:0 auto;line-height: 58px;font-size: 20px;text-align: center;background: url(img/btnbg.png)no-repeat center;margin-top: -120px;position: relative;z-index: 11;}
.index_con02_switch_btn .tu{display: block;margin:0 auto;width: 60px;height: 60px;overflow: hidden;margin-bottom: 10px;}
.index_con02_switch_btn a{font-size: 18px;color: #666666;width: 200px;float: left;padding-top: 50px;height: 150px;display: block;margin: 21px auto;}
.index_con02_switch_btn a:first-child{margin-left: 21px;}
.index_con02_switch_btn a.active{color: #ff8524;}
.index_con02_switch_btn a.active .tu img{margin-top: -60px;}





.index_con02_lr_btn{width: 48px;position: absolute;right: 0px;}
.index_con02_lr_btn a{height: 48px;overflow: hidden;width: 48px;}


.index_con02_left_btn{
	width: 48px;
    height: 48px;
    background: url(img/zuoan.png) no-repeat center 0px;
    transition: background 0.5s;
    -moz-transition: background 0.5s;
    -webkit-transition: background 0.5s;
    -o-transition: background 0.5s;
    top:260px;
    position: absolute;
}

.index_con02_right_btn{
	width: 48px;
    height: 48px;
    background: url(img/youan.png) no-repeat center 0px;
    transition: background 0.5s;
    -moz-transition: background 0.5s;
    -webkit-transition: background 0.5s;
    -o-transition: background 0.5s;
    top:340px;
    position: absolute;
}


.index_con02_block{width: 100%;height: 700px;}
.index_con02_switch_box{width: 100%;height: 700px;position: relative;display: none;margin-top: 30px;}
.index_con02_switch_box_img_box{width: 100%;height: 700px; overflow: hidden;position: absolute;z-index: -1;top: 0;}
.index_con02_switch_box_img_box img{transition:all 0.4s linear; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear;}
.index_con02_switch_box_img_box img:hover{-webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); -moz-transform: scale(1.12, 1.12);}

.index_con02_switch_box .wenzi{width: 1000px;float: left;}
.index_con02_switch_box .wenzi .aa{padding-top: 200px;}
.index_con02_switch_box .wenzi .tit{color: #fff;font-size: 42px;font-weight: bold;line-height: 60px;}
.index_con02_switch_box .wenzi span{display: inline-block;height: 48px;line-height: 48px;background: #00a1e9;color: #fff;padding: 0 25px;font-size: 24px;letter-spacing: 1px;margin: 40px auto;}
.index_con02_switch_box .wenzi .neir{font-size: 18px;color: #fff;font-weight: bold;line-height: 35px;}


/*故事*/
#gushi{width:100%;height:950px;overflow: hidden !important;}
#gushi .fl,#gushi .fr{width: 50%;position: relative;margin-top: 50px;height:680px !important;overflow:hidden !important;}
#gushi .fl img{width: 100%;display: block;}
#gushi .fr{width: 50%;background: url(img/about_bg.jpg);height:900px;}
#gushi .fr .wen{position: absolute;top: 80px;left: 10%;z-index: 1;}
#gushi .fr .wen p{font-size: 42px;font-weight: bold;color: #fff;}
#gushi .fr .wen hr{width: 70px;height: 2px;background: rgba(255,255,255,0.5);border:none;outline: none;margin: 15px auto;margin-left: 0px;}
#gushi .fr .wen span{display: block;font-size: 24px;color: #fff;}
#gushi .fr .wen .wenzi{font-size: 14px;line-height: 28px;color: #fff;width: 80%;margin-top: 30px;text-align: justify;}
#gushi .fr .wen .shuzi li{width: 130px;float: left;text-align: center;color: #fff;font-size: 14px;margin-top: 45px;margin-right: 30px;letter-spacing: 1px;}
#gushi .fr .wen .shuzi li .tu{width: 96px;height: 95px;background: url(img/dian1.png);font-size: 12px;color: #00a1e9;line-height: 95px;margin: 0 auto;margin-bottom: 10px;}
#gushi .fr .wen .shuzi li span{display: inline-block;color: #00a1e9;font-family: 'Oswald-Bold';font-weight: bold;padding-right:1px;}
#gushi .fr .wen .more{font-size: 20px;color: #fff;width: 128px;display: block;text-align: center;border: 1px solid #fff;border-radius: 20px 0px;margin-top: 40px;height: 48px;line-height: 48px;}
#gushi .fr .wen .more:hover{background: #ff8524;border: 1px solid #ff8524;color: #fff;}

#gushi .bottom .fl{width: 50%;height: 701px;overflow: hidden;margin-bottom: 40px;}


/*新闻*/


/* .lanren{ width:1200px; height:55px; margin:0px auto; background:none; font-family:"Microsoft YaHei";}
.lanren .tab{width:630px;height: 48px;margin: 0 auto;line-height: 48px;}
.lanren .tab a{font-size: 20px;color: #333333;width: 148px;display: block;float: left;text-align: center;margin: 0 30px;border:1px solid #333;border-radius: 20px 0px;margin-top: 40px;}
.lanren .tab a.on{font-size:20px;color: #fff;background: #ff8524;border-right:0px;border:1px solid #ff8524;}


.lanren .content{ overflow:hidden; width:1200px; position:relative; float:left; height:280px;margin-top: 65px;}
.lanren .content .left_1 a:hover{color:#e62129;}
.lanren .content .ul{ position:absolute; left:0; top:0; width:1200px;}
.lanren .content .li{ width:1200px; float:left;}
.lanren .content .li .dahezi{width: 580px;float: left;}
.lanren .content .li .dahezi:nth-child(2){float: right;}
.lanren .content .li .fl{width: 200px;height: 280px;overflow: hidden;}
.lanren .content .li .fl a{width:200px;height:280px;overflow:hidden;}
.lanren .content .li .fl img{width: 280px;display: block;height:280px;}
.lanren .content .li .fr{width: 350px;}
.lanren .content .li .fr .riqi{font-size: 30px;color: #333333;font-family: 'Airal';height: 65px;line-height: 65px;border-bottom: 1px solid #e5e5e5;}
.lanren .content .li .fr .riqi i{font-size: 18px;color: rgba(51,51,51,0.5);display: inline-block;padding-left: 40px;}
.lanren .content .li .fr .riqi span{font-size: 18px;text-align: right;float: right;}
.lanren .content .li .fr .biaoti{font-size: 18px;color: #333333;font-weight: bold;margin: 25px auto;display: block;}
.lanren .content .li .fr .biaoti:hover{color: #ff8524;}
.lanren .content .li .fr .wen{font-size: 14px;color: #666666;line-height: 25px;}
.lanren .content .li .fr .more{font-size: 16px;color: #333333;width: 100px;display: block;float: right;text-align: center;border:1px solid #333;border-radius: 20px 0px;margin-top: 25px;height: 36px;line-height: 36px;}
.lanren .content .li .fr .more:hover{border:1px solid #ff8524;color: #fff;background: #ff8524;}
 */
 
 
 .AudioList{position: relative;margin-bottom: 30px;height: 800px;margin-top:60px;}
.Sound_container{margin-bottom: 20px;display: inline-table;width: 100%;}
.Sound_container li{float: left;width: 24%;height: 112px;margin: 0 0.5%;font-size: 24px;line-height: 90px;text-align: center;}

.newSoundcont li{float: left;width: 16.5%;height: 90px;background: #fff;margin: 10px 0.5%;padding: 10px 15px;}
.newSoundcont .soundName{font-size: 14px;font-weight: 700;color: #272727;float: left;}
.newSoundcont .video-img-mask{width: 72px; height:60px;overflow: hidden;float: right;margin-top: 10px;}
.newSoundcont .aud_duration{color: #000;float: left;}
.newSoundcont .aud_bg{margin-top: 30px; overflow: hidden;height: 46px;}
.newSoundcont .aud_bg img{width: 100%;}

.newSoundlist li{float: left;width: 20.5%;height: 150px;background: #fff;margin: 10px 1%;padding: 10px 15px;}
.newSoundlist .soundName{font-size: 14px;font-weight: 700;color: #272727;float: left;}
.newSoundlist .video-img-mask{width: 72px; height:60px;overflow: hidden;float: right;margin-top: 10px;}
.newSoundlist li .aud_bg{padding: 20px 0;}

.libox .picbox {
	width: 45%;
	float: left;
}
.libox .picbox img {
	width: 485px;
	height: 240px;
}
.libox .picbox h3 {
	font-size: 18px;
	font-weight: 600;
	margin: 5px 0;
}
.libox .newsright {
	width: 50%;
	float: right;
	position: relative;
	overflow: hidden;
}
.libox .newsright ul {
	overflow: hidden;
	width: 100%;
}
.libox .newsright li {
	width: 100%;
	height: 85px;
	overflow: hidden;
}
.libox .newsright li .time {
	float: left;
	overflow: hidden;
	width: 13%;
	height: 53px;
	border: 1px solid #999;
}
.libox .newsright li .wen {
	float: left;
	overflow: hidden;
	width: 80%;
	padding: 0 3%;
}
.libox .newsright li em {
	display: block;
	text-align: center;
	font-size: 18px;
	color: #333;
	margin: 5px 0;
	line-height: 22px;
}
.libox .newsright li span {
	display: block;
	text-align: center;
	font-size: 14px;
	color: #999;
	line-height: 14px;
}
.libox .newsright li h4 {
	cursor: pointer;
	font-size: 14px;
	line-height: 14px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom: 5px;
	color: #000;
	font-weight: 700;
}
.libox .newsright li h4 a:hover {
	color: #000;
	text-decoration: underline;
}
.libox .newsright li p {
	font-size: 14px;
	color: #999;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
}
/*新闻中心结束*/

/*资质*/
.floor_5 {
	padding: 3px 0;
	position: relative;
	height: 600px;
}
.in-news .zsli {
	width: 510px;
	height: 48px;
	margin: 0 auto;
	border: 1px solid #00A1E9;
	border-radius: 23px;
}
.in-news .zsli li {
	width: 255px;
	height: 48px;
	font-size: 24px;
	float: left;
	text-align: center;
	line-height: 48px;
	box-sizing: border-box;
}
.floor_5 .zs {
	margin-top: 25px;
}
.floor_5 .zs li {
	width: 245px;
	height: 320px;
	float: left;
	padding: 20px;
	margin-right: 15px;
	text-align: center;
	background: #f7f7f7;
	cursor: pointer;
}
.in-news .hd .zsli li.on, .in-news .hd .zsli li:hover {
	border-radius: 20.8px;
	background-color: #00A1E9;
	color: #fff;
}
.floor_5 .zs li img {
	width: 100%;
}
.floor_5 .zs li h3 {
	width: 100%;
	overflow: hidden;
	font-size: 15px;
}
/*资质结束*/


.index .floor_2 {
	padding: 60px 0;
	position: relative;
}
.index .floor_2 .hdtit {
	padding: 30px 0;
}
.index .floor_2 .hdtit ul {
	margin: 0 auto;
	text-align: center;
	width: 280px;
}
.index .floor_2 .hdtit li {
	margin-right: 30px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	display: inline-block;
	display: inline;
	float: left;
}
.index .floor_2 .hdtit li a {
	display: block;
	border: 1px solid #ccc;
	padding: 0 12px;
}
.index .floor_2 .hdtit li a:hover, .index .floor_2 .hdtit li.hover a {
	border: 1px solid #00A1E9;
	background: #00A1E9;
	color: #fff;
}
.index .floor_2 .vistbox {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.index .floor_2 .slideBox {
	position: relative;
	overflow: hidden;
	height: 502px;
}
.index .floor_2 .txtbox {
	padding-top: 25px;
	position: relative;
	z-index: 3;
}
.index .floor_2 .btn {
	width: 160px;
	position: absolute;
	right: 0;
	bottom: 150px;
	z-index: 99;
	background: #fff;
	height: 350px;
}
.index .floor_2 .btn img {
	display: block;
	width: 110px;
	height: 230px;
	margin-left: 50px;
	margin-bottom: 90px;
}
.index .floor_2 .btn span {
	display: inline-block;
	width: 66px;
	height: 30px;
	margin-left: 14px;
	cursor: pointer;
}
.index .floor_2 .btn .sPrev {
	background-position: -204px 0;
}
.index .floor_2 .btn .sNext {
	background-position: -284px 0;
}
.index .floor_2 .btn .cur.sPrev {
	background-position: -204px -40px;
}
.index .floor_2 .btn .cur.sNext {
	background-position: -284px -40px;
}

#xinwen{background:#f5f5f5;margin-top: -20px;}

#dibu{margin-top:-80px;}
