@charset "UTF-8";
/*
********************************外层框架 start********************************
*/
/*头部开始*/
.topBox{height: 90px;}
.top{background: #fff;position: fixed;top: 0;left: 0;z-index: 2010;width: 100%;}
.logo{height: 90px;line-height: 90px;}
.logo img{height: 60px;vertical-align: middle;}
.menu{position: relative;}
.menu dd{float: left;display: inline; position:relative;margin-left: 38px;}
.menu .hover .yj a{color: #e43030;}
.menu dd .yj{position: relative;z-index: 9;}
.menu dd .yj a{ overflow:hidden; display:block; height: 90px;line-height: 90px; text-align:center; font-size:16px; position: relative;color: #333333;}
.menu dd .yj a.hover{ color:#e43030;}
.searchRight{height: 90px;margin-left: 30px;}
.searchRight a{display: block;background: url(../images/search.png) no-repeat center center;width: 30px;height: 100%;}
.searchRight a:hover{background: url(../images/search1.png) no-repeat center center;}
.menu dd .yj a::before{display: block;content: "";width: 20px;height: 3px;background: #e43030;position: absolute;left: 50%;margin-left: -10px;transform: scale(0);-webkit-transform: scale(0);bottom: 24px;transition: all .3s linear;-webkit-transition: all .3s linear;}
.menu dd.hover .yj a::before{transform: scale(1);-webkit-transform: scale(1);}
.searchPW {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;visibility: hidden;}
.searchPW.show {visibility: visible}
.searchPW .bg {position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, 0.6);opacity: 0.5;transition: all 0.3s;color: #fff;font-size: 72px;text-align: right;line-height: 80px;padding-right: 50px;cursor: pointer;}
.searchPW.show .bg {opacity: 1;}
.searchPWBox {width: 600px;height: 60px;overflow: hidden;background: #fff;border-radius: 5px;position: absolute;top: 50%;left: 50%;z-index: 9;margin: -30px 0 0 -300px;visibility: hidden;opacity: 0.5;transform: scale(0.5);transition: all 0.3s;}
.searchPW.show .searchPWBox {visibility: visible;opacity: 1;transform: scale(1);}
.searchPWBox input {display: block;float: left;width: 530px;height: 60px;background: none;border: none;line-height: 60px;color: #333;font-size: 16px;margin-left: 10px;}
.searchPWBox input::placeholder {color: #999;font-size: 16px;}
.searchPWBox input::-webkit-placeholder {color: #999;font-size: 16px;}
.searchPWBox a {float: left;width: 60px;height: 60px;background: #e43030 url(../images/searchBth.png) no-repeat center center;cursor: pointer;}
.searchPWBox a:hover {opacity: 0.9;}
.top .bg{position: absolute;top: 90px;left: 0;width: 100%;height: 0;background: rgb(0,0,0,0.5);-webkit-transition: all .4s linear;display: block;}
.menu dd .twoMenu {overflow: hidden;position: absolute;top: 90px;height: 0;line-height: 60px;white-space: nowrap;transition: all .3s linear;-webkit-transition: all .3s linear;}
.menu dd .twoMenu.open{height: 50px;}
.menu dd .twoMenu li {display: inline-block;margin-right: 30px;line-height: 60px;text-align: center;}
.menu dd .twoMenu li:last-child{margin-right: 0;}
.menu dd .twoMenu li a {font-size: 14px;color: #fff;}
.menu dd .twoMenu li a:hover {color: #e43030;}
/*头部结束*/


/*底部开始*/
/*底部开始*/
.footerBox1 {background: url(../test/subImages/footerBg1.png)no-repeat center center / cover;}
.footerMenu {position: relative;}
.footerMenu dd {float: left;display: inline;margin-right: 25px;}
.footerMenu dd em {font-style: normal;display: block;line-height: 57px;height: 57px;overflow: hidden;}
.footerMenu dd em a {display: block;font-size: 20px;color: #333;}
.footerMenu dd span {display: block;line-height: 30px;overflow: hidden;}
.footerMenu dd span a {display: block;font-size: 14px;color: #555;}
.footerMenu dd.yq{margin-right: 0;}
.footerMenu dd a:hover {color: #e43030;}
.footerEwm {overflow: hidden;padding-top: 22px;}
.footerEwm dd {float: left;display: inline;position: relative;overflow: hidden;margin-left: 30px;}
.footerEwm dd .ewm {background-color: #ffffff;}
.footerEwm dd img {display: block;width: 113px;height: 113px;}
.footerEwm dd span {display: block;height: 44px;line-height: 44px;text-align: center;color: #333;font-size: 14px;}
.footerBox2 {height: 55px;background-color: #bd1410;text-align: center;}
.footerBox2{height: 40px;background: #d1d1d1;}
.copyright{overflow: hidden;line-height: 40px;font-size: 14px;color: #333;}
.copyrightL {display: inline;float: left;}
.copyrightL a{font-size: 14px;color: #333;display: inline-block;height: 40px;line-height: 40px;}
.copyrightL .copyR a{display: inline-block;height: 12px;width: 50px;background: url(../images/btImg.png) no-repeat center center;vertical-align: middle;}
.copyrightL .copyR{display: inline-block;}
.copyrightR{display: inline;float: right;}
.copyrightR a{line-height: 40px;font-size: 14px;color: #333;}
.copyrightR a:hover{color: #e43030;}
/* 友情链接下拉 start */
.footerZpformSel {
	width: 102px;
	height: 42px;
	position: relative;
	margin-bottom: 30px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	cursor: pointer;
	top: 15px;
}

.footerZpformSel ::-webkit-scrollbar {
	width: 4px;
	background: #eaeff2;
}

.footerZpformSel ::-webkit-scrollbar-thumb {
	width: 4px;
	background: #e43030;
	border-radius: 8px;
}

.footerZpformSel .seljg {
	font-size: 20px;color: #333;
	cursor: pointer;
	display: inline-block;
	padding-right: 22px;
	background: url(../images/selectIcn.png) no-repeat center right;
}

.footerZpformSel .selTj {
	width: 161%;
	overflow: hidden;
	border: 1px solid #dedede;
	border-top: none;
	max-height: 120px;
	overflow-y: auto;
	position: absolute;
	left: -1px;
	top: 42px;
	background: #FFF;
	display: none;
	z-index: 100000
}

.footerZpformSel .selTj a {
	display: block;
	line-height: 20px;
	padding: 5px 5px;
	color: #666666;
	margin-bottom: 1px;
	font-size: 14px;
	overflow: hidden;
	height: 18px;
	overflow: hidden;
}

.footerZpformSel .selTj a.hover,
.footerZpformSel .selTj a:hover {
	background: #e43030;
	color: #FFF;
}

/* 友情链接下拉 end */
/*底部结束*/
/*底部结束*/
/* 右边悬浮 start*/

/* 右边悬浮 end*/
/*
********************************外层框架 end********************************
*/
/*
********************************首页样式 start********************************
*/

/*banner开始*/
.indexBanner{
	position: relative;
}
.indexBannerLoad{position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); transition: all 1.3s;-webkit-transition: all 1.3s;}
.indexBannerLoad svg{
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	width: 100px;
	height: 100px;
	fill: rgb(215, 23, 24);
}
.indexBannerLoad.hide{ visibility: hidden; opacity: 0;}
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(-360deg);transform:rotate(-360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(-360deg); transform:rotate(-360deg); } }
.indexBanner .bd{height: 800px; overflow: hidden;}
.indexBanner .bd .slick-list,.indexBanner .bd .slick-track{height: 100%;}
.indexBanner.delay .bd .slick-track{ transition-delay: 1.3s !important;-webkit-transition-delay: 1.3s !important;}
.indexBanner .mySlide{
    height: 100%;
    position: relative;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.indexBanner .mySlide a{
    display: block;
    height: 100%;
	width: 100%;
}
.indexBanner .slick-dots{
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 0;
}
.indexBanner .slick-dots li{
	display: inline-block;
	width: 13px;
	height: 13px;
	border-radius: 13px;
	margin: 0 7px;
	vertical-align: middle;
	cursor: pointer;
	position: relative;
	background: #fff;
}
.indexBanner .slick-dots li.slick-active{
	width: 18px;
	height: 18px;
}
.indexBanner .mySlide .text{position: absolute; left: 50%; top:50%; width: 1200px; transform: translate(-50%,-50%); color: #FFF;display: none;}
.indexBanner .mySlide .text .text1{ font-size: 25px; margin-bottom: 30px;}
.indexBanner .mySlide .text .text2{ font-size: 0px;}
.indexBanner .mySlide .text .text2 span{font-size: 70px;font-family: "宋体";font-weight: bold;letter-spacing: 3px;float: left;}
.indexBanner .mySlide.slick-active .text{display: block;}
.indexBanner .bd .prev{width: 46px;height: 46px;position: absolute;left: 236px;bottom: 50%;display: block;background: url(../images/prev.png) no-repeat center;z-index: 2;cursor:pointer;margin-bottom: -23px;}
.indexBanner .bd .next{width: 46px;height: 46px;position: absolute;right: 236px;bottom: 50%;display: block;background: url(../images/next.png) no-repeat center;z-index: 2;cursor:pointer;margin-bottom: -23px;}
.indexBanner .img{ width: 1200px;position: absolute;left: 50%; top:25.625%;transform: translate(-50%); font-size: 0;}
.indexBanner .img .imgItem img{overflow: hidden; display: inline-block; visibility: hidden;}
.indexBanner .img .imgItem img.show{visibility: visible;}
.indexBanner .imgItem.img1{text-align: center;margin-bottom: 30px;}
.indexBanner .imgItem.img2{text-align: center;}
/*banner结束*/
/* 公共 */
.columnTitle{font-size: 30px;color: #333;font-weight: bold;height: 85px;line-height: 65px;text-align: center;margin: 0 auto;width: 400px;}
.columMore{width: 100%;text-align: center;overflow: hidden;}
.columMore a{color: #666;font-size: 16px;transition: all .3s linear;-webkit-transition: all .3s linear;border: 1px solid #c5c5c5;display: inline-block;width: 200px;height: 60px;line-height: 60px;border-radius: 30px;background: url(../images/more.png)no-repeat center right 45px;background-size: 18px 19px;padding-right: 20px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.columMore .colTitlebg a{color: #ffffff;}
.columMore  a:hover{color: #ffffff;background-color: #e43030;background-image: url(../images/morebg.png);background-repeat: no-repeat;background-position: center right 45px;}
/* 公共 */
/*第一通栏 start*/
.column1{background: url(../test/conImgs/col1bg.png)no-repeat center center / cover;}
.column1 .wrap{position: relative;}
.column1Scroll{padding: 0 70px;}
.column1Scroll .bd{overflow: hidden;}
.column1Scroll .pic::before{padding-top: 100%;}
.column1Scroll .pic img{border-radius: 10px 10px 0 0;}
.column1Scroll .myslide{width: 33.3333%;}
.column1Scroll .myslide .con{position: relative;margin: 10px 20px 10px 10px;transition: all .3s linear;-webkit-transition: all .3s linear;}
.column1Scroll .bd .myslide:hover .con{ box-shadow: 0px 8px 10px 0px rgba(111, 39, 0, 0.1);border-radius: 10px;}
.col1Title .col1Item.hover a{color: #e43030;}
.column1Scroll .bd .prev{width: 42px;height: 42px;position: absolute;left: 0px;bottom: 50%;display: block;background: url(../images/prevM.png) no-repeat center;z-index: 2;cursor:pointer;margin-bottom: 21px;transition: all .3s linear;-webkit-box-sizing: border-box;}
.column1Scroll .bd .next{width: 42px;height: 42px;position: absolute;right: 0;bottom: 50%;display: block;background: url(../images/colNext.png) no-repeat center;z-index: 2;cursor:pointer;margin-bottom: 21px;transition: all .3s linear;-webkit-box-sizing: border-box;}
.column1Scroll .bd .prev:hover{background: url(../images/col1prev.png) no-repeat center;}
.column1Scroll .bd .next:hover{background: url(../images/col1nexth.png) no-repeat center;}
.column1Scroll .text{background: #fff;padding: 30px;border-radius: 0 0 10px 10px;height: 170px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.column1Scroll .text .title{font-size: 18px;color: #333;height: 37px;line-height: 37px;overflow: hidden;padding-bottom: 10px;}
.column1Scroll .text .info{font-size: 16px;color: #666;line-height: 34px;height: 68px;overflow: hidden;padding-top: 10px;}
.column1Scroll .text .title{position: relative;}
.column1Scroll .text .title::before{display: block;content: '';width: 28px;height: 2px;background: #666;position: absolute;left: 0px;bottom: 0;}
.column1Scroll .text .title::after{display: block;content: '';width: 0px;height: 2px;background: #e43030;position: absolute;left: 0px;bottom: 0;transition: all linear .3s;-webkit-transition: all linear .3s;}
.column1Scroll .myslide:hover .title:after{width: 28px;}
.column1Scroll .myslide:hover .title{color: #e43030;}
.col1Title{text-align: center;}
.col1Title .col1Item{display: inline-block;margin-right: 30px;position: relative;}
.col1Title .col1Item.hover:before{width: 100%;}
.col1Title .col1Item::before{display: block;content: '';width: 0;height: 2px;background: #e43030;position: absolute;left: 0;bottom: 0;transition: all linear .3s;-webkit-transition: all linear .3s;}
.col1Title .col1Item a{font-size: 20px;color: #666;display: inline-block;width: 125px;display: inline-block;height: 50px;}
.col1Title .col1Item:hover:before{width: 100%;}
.col1Title .col1Item:hover a{color: #e43030;}
.indexC1Info {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1;
    width: 100%;
}
.indexC1Info.active {
    position: relative;
    opacity: 1;
    z-index: 1;
}
/*第一通栏 end*/
/*第二通栏 start*/
.column2{background: url(../test/conImgs/col2bg.png)no-repeat center center / cover;}
.column2Box{padding-bottom: 30px;overflow: hidden;height: 550px;}
.column2Scroll{margin-right: -30px;}
.column2Scroll .myslide{margin: 0px 30px 20px 0px;transition: all .3s linear;-webkit-transition: all .3s linear;}
.column2Scroll .pic::before{padding-top: 114.1304%;}
.column2Scroll .myslide:hover{margin-top: 30px;}
.column2Scroll .item{display: inline-block;width: 100%;transition: all linear .3s;-webkit-transition: all linear .3s;}
.column2Scroll .con{position: relative;overflow: hidden;}
.column2Scroll .item .text{position: absolute;left: 0px;bottom: 20px;width: 100%;height: 56px;overflow: hidden;}
.column2Scroll .item:hover{background-color: rgb(67, 90, 124);box-shadow: 0px 8px 15.68px 0.32px rgba(18, 3, 0, 0.25);border-radius: 30px;}
.column2Scroll .item .text .more{background: url(../images/topMore.png)no-repeat center center;width: 16px;height: 17px;margin-right: 30px;}
.column2Scroll .item .text .Icon{margin-left: 30px;height: 56px;line-height: 56px;}
.column2Scroll .item .text .Icon img{vertical-align: middle;display: inline;width: 42px;}
.column2Scroll .item .text .info{margin-left: 20px;}
.column2Scroll .item .text .info .title{font-size: 24px;color: #fff;font-weight: bold;}
.column2Scroll .item .text .info .introduce{font-size: 15px;color: #fbfbfb;height: 25px;line-height: 25px;}
.column2Scroll .myslide:hover .more{background: url(../images/centerMore.png)no-repeat center center;}
.column2Scroll .pic::after{display: block;content: '';width: 100%;height: 20%;background: linear-gradient(to top,rgba(0,0,0,0.5),transparent);position: absolute;left: 0;bottom: 0;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
/*第二通栏 end*/
/*第三通栏 start*/
.column3{background: url(../test/conImgs/col3bg.png)no-repeat center center / cover;}
.column3 .col3Title{font-size: 24px;color: #333;font-weight: bold;text-align: center;height: 86px;}
.column3 .col3Title .col3{margin: 0 auto;display: inline-block;}
.column3 .col3Title .title{height: 86px;line-height: 100px;}
.column3 .col3Title img{height: 86px;}
.column3Dl{overflow: hidden;border-radius: 10px 10px 10px 10px;}
.column3Dl dd{float: left;width: 25%;position: relative;}
.column3Dl dd .con{overflow: hidden;}
.column3Dl dd.dd1{width: 50%;}
.column3Dl dd.dd1 .pic::before{padding-top: 34.7222%;}
.column3Dl dd .pic::before{padding-top: 69.4444%;}
.column3Dl .text{position: absolute;left: 30px;bottom: 20px;}
.column3Dl .text .title{font-size: 24px;color: #fff;font-weight: bold;}
.column3Dl .text .info{font-size: 16px;color: #fff;}
.column3Dl dd .pic::after{display: block;content: '';width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: absolute;left: 0;bottom: 0;transition: all linear .3s;-webkit-transition: all linear .3s;}
.column3Dl dd:hover .pic:after{background: transparent;}
/*第三通栏 end*/
/*第四通栏 start*/

/*第四通栏 end*/
/*
********************************首页样式 end********************************
*/
/*内页框架开始*/
/*内页banner*/
.subBanner{
	clear: both;
	width: 100%;
	padding-top:27.0833%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:cover;
	position:relative;
}

.subBanner .wrap{
	position: relative;
}
.titleBox{
	position: absolute;
	left: 0;
	bottom: 80px;
}
.titleBox .title{
	font-size: 30px;
	color: #fff;
	height: 70px;
	line-height: 70px;
}
.titleBox .title1{
	font-size: 90px;
	height: 70px;
	line-height: 70px;
	 text-transform: uppercase;
	 font-weight: bold;
	 text-align: justifyLeft;
	 color: transparent;
	 -webkit-text-stroke: 1px #d5d7d5;
}
/*当前位置*/
.subPage.subPageTop{
	position: relative;
	margin-top: -80px;
	overflow: hidden;
}
.locationBox{
	clear:both;
	width: 100%;
	height: 80px;
}
.locationBox .wrap{background: #fff;}
.location{
	height: 80px;
	overflow: hidden;
	padding-left: 7px;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(../images/current.png);
	margin-right: 30px;
}
.location a{
	display: inline;
	float: left;
	height: 80px;
	line-height: 80px;
	background-position: left center;
	background-repeat: no-repeat;
	color: #666;
	font-size: 14px;
}
.location .locaL{margin-left: 12px;margin-right: 15px;}
.location a:hover{color:#e43030}
.location a.hover{color:#e43030}
.location .loca{line-height: 80px;background: url(../images/locanext.png)no-repeat center center;width: 7px;height: 80px;display: inline-block;vertical-align: middle;padding: 0 6px;}
/*内页导航*/
.nav{margin-right:-15px;margin-left: 16px;}
.nav a{
	display: inline;
	float: left;
	line-height: 80px;
	height:80px;
	color: #666666;
	font-size: 16px;
	padding:0 14px;
}
.nav a.hover{color: #e43030}
.nav a:hover{color: #e43030}
/*页码开始*/
.page{padding:30px 0;text-align: center;clear: both;font-size: 14px;}
.page a{display: inline-block;overflow: hidden;padding: 10px 13px 7px 13px;color: #999999;border-radius: 50%;background: #fff;margin: 0 3px;border: 1px solid #f5f5f5;}
.page span{display: inline-block; padding: 6px 2px; position: relative; top: -15px;}
.page a:hover{background: #e43030;color: #fff;}
.page a.hover{background: #e43030;color: #fff;}
.page input{display: inline-block;vertical-align: middle;height: 22px;border: 1px solid #e6e6e6;position: relative; top: -2px;}
.page input.pageDetail{width: 30px; height: 30px; text-align: center; border-radius: 3px; color: #999999; position: relative; top: -13px;}
.page label{color:#999999;position: relative;top: -11px;}
.page input.page_bnt{border: none; width: 30px; height: 25px; cursor: pointer; background: none; color: #999999; position: relative; top: -13px;}
.page a div{width: 14px;height: 23px;background-position: center center;background-repeat: no-repeat;}
.page a.firstPage div{background-image: url(../images/page/firstPage.png)}
.page a.prevPage div{background-image: url(../images/page/prevPage.png)}
.page a.nextPage div{background-image: url(../images/page/nextPage.png)}
.page a.lastPage div{background-image: url(../images/page/lastPage.png)}

.page a.firstPage:hover div{background-image: url(../images/page/firstPageh.png)}
.page a.prevPage:hover div{background-image: url(../images/page/prevPageh.png)}
.page a.nextPage:hover div{background-image: url(../images/page/nextPageh.png)}
.page a.lastPage:hover div{background-image: url(../images/page/lastPageh.png)}

.page a.firstPage.disabled{background:#E2E2E2;}
.page a.prevPage.disabled{background:#E2E2E2;}
.page a.nextPage.disabled{background:#E2E2E2;}
.page a.lastPage.disabled{background:#E2E2E2;}

.page a.firstPage.disabled div{background-image: url(../images/page/firstPage.png)}
.page a.prevPage.disabled div{background-image: url(../images/page/prevPage.png)}
.page a.nextPage.disabled div{background-image: url(../images/page/nextPage.png)}
.page a.lastPage.disabled div{background-image: url(../images/page/lastPage.png)}
/*页码结束*/
/* 分子公司导航开始 */
.subMenuBox{position: relative;}
.subMenuBox .subMenu{text-align: center;padding: 30px 0 60px 0;}
.subMenuBox .subMenu .subMenunav{display: inline-block;}
.subMenuBox .subMenunav a{display: inline-block;font-size: 16px;color: #333;width: 160px;height: 52px;line-height: 52px;text-align: center;background: #f5f5f5;border-radius: 10px;transition: all linear .3s;-webkit-transition: all linear .3s;margin-right: 30px;}
.subMenuBox .subMenunav:hover a{background: #fff5f5;color: #e43030;}
.subMenuBox .subMenunav.hover a{background: #fff5f5;color: #e43030;}
.subMenuBox::before{display: block;content: '';width: 100%;height: 1px;background: #f5f5f5;position: absolute;left: 0;bottom: 0;}
/* 分子公司导航结束 */
/*内页框架结束*/