/* 清除 */
body{ margin: 0; padding: 0; color: #262626;}
*{ margin: 0; padding: 0; list-style: none; font-family: '微软雅黑';}
a{ text-decoration: none; cursor: pointer; display: block;}
img{ border: 0; display: block; cursor: pointer;}
h1,h2,h3,h4,h5{ font-weight: normal;}
ul,li{ list-style: none; cursor: pointer;}
b{ font-weight: normal;}
i{ font-style: normal;}
em{ font-style: normal;}
input{ outline: none;}
button{ outline: none;}
ul,li,a{
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-user-select: none;
	-moz-user-focus: none;
	-moz-user-select: none;
}
.proDate .bot .text img{
	max-width:100%;
	display:inline-block;
}
/* 清除浮动 */
.clearfix:after{visibility:hidden;display:block;font-size:0;content: " ";clear:both;height:0;}
.clearfix{*zoom:1;}
.w1280{ width: 1280px; margin: auto;}
.popUp{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 35; background: #000; opacity: 0.6; display: none;}
.header{ width: 100%; position: fixed; top: 0; left: 0; right: 0; z-index: 30;}
.header .hearTop{ height: 76px; background-image: linear-gradient(to right, #ededed , #fff); position: relative;}
.header .hearTop .tel{ float: left; padding-left: 30px; background: url(../image/icon1.png) no-repeat left center; background-size: 20px auto; margin-top: 23px;}
.header .hearTop .tel .li{ float: left; font-size: 15px; color: #6d6d6d; margin-right: 10px; line-height: 30px;}
.header .hearTop .logo{ background: #fff; width: 198px; height: 198px; border-radius: 100%; position: absolute; left: 50%; margin-left: -99px; bottom: -58px;}
.header .hearTop .logo img{ width: 73px; position: absolute; bottom: 20px; left: 50%; margin-left: -36.5px;}
.header .hearTop .right{ float: right; margin-top: 23px;}
.header .hearTop .right .search{ float: left; position: relative;}
.header .hearTop .right .search a{ width: 30px; height: 30px; background: url(../image/icon2.png) no-repeat center; background-size: 22px auto; transition: all 0.5s;}
.header .hearTop .right .search a:hover{ background: url(../image/icon2m.png) no-repeat center; background-size: 22px auto;}
.header .hearTop .right .search button{ display: block; width: 36px; height: 36px; border-radius: 2px; background: #b70e5e url(../image/icon2s.png) no-repeat center; background-size: 22px auto; transition: all 0.5s; border: none; position: absolute; top: 0; right: 0;}
.header .hearTop .right .search .input{ background: #fff; border-radius: 2px; border: 1px solid #d3d3d3; width: 155px; height: 34px; padding: 0 50px 0 15px; transition: all 0.5s;}
.header .hearTop .right .search:hover .input{ border-color: #b70e5e;}
.header .hearTop .right .search .input input{ display: block; width: 100%; height: 34px; border: none; font-size: 14px;}
.header .hearTop .right .language{ float: left; margin-left: 15px; position: relative; z-index: 10; display: none;}
.header .hearTop .right .language .em{ font-size: 15px; color: #6d6d6d; padding-right: 20px; background: url(../image/icon9.png) no-repeat center right; background-size: 11px auto; line-height: 30px;}
.header .hearTop .right .language .list{ display: none; position: absolute; top: 30px; left: 50%; transform: translateX(-50%);}
.header .hearTop .right .language:hover .list{ display: block;}
.header .hearTop .right .language .list img{ margin: auto; position: relative; z-index: 2;}
.header .hearTop .right .language .mink{ box-shadow: 0 0 10px #ddd; background: #fff; padding: 10px; border-radius: 5px;}
.header .hearTop .right .language .mink a{ font-size: 14px; color: #999; line-height: 30px; text-align: center; transition: all 0.5s;}
.header .hearTop .right .language .mink a:hover{ color: #b70e5e;}
.header .hearBot{ height: 64px; background: #4d4398;}
.header .hearBot .mk{ float: left; margin: 0 20px;}
.header .hearBot .mk:nth-child(2){ float: right;}
.header .hearBot .mk .li{ float: left; margin-left: 100px;}
.header .hearBot .mk .li:first-child{ margin-left: 0;}
.header .hearBot .mk .li a{ font-size: 24px; color: #fff; line-height: 64px; position: relative;}
.header .hearBot .mk .li a:after{ content: ''; width: 0; height: 4px; background: #fff; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); transition: all 0.5s;}
.header .hearBot .mk .li.on a:after{ width: 50px;}
.header .hearBot .mk .li:hover a:after{ width: 50px;}
/*  */
.moreMax{ width: 155px; height: 52px; background: #b70e5e; font-size: 16px; color: #fff; border-radius: 3px; text-align: center; line-height: 52px; transition: all 0.5s;}
.moreMax:hover{ background: #4d4398;}
.moreMaxOne{ background: #4d4398;}
.moreMaxOne:hover{ background: #b70e5e;}
.banner{ margin-top: 140px;}
.banner .cont{ position: relative;}
.banner .cont .img{ width: 100%; height: 520px; overflow: hidden; position: relative;}
.banner .cont .img img{ height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.banner .cont .textMax{ width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: #fff;}
.banner .cont .textMax .h1{ font-size: 48px; line-height: 50px; font-weight: bold;color: white}
.banner .cont .textMax .p{ font-size: 18px; margin: 25px 0 40px 0; line-height: 30px; width: 720px;color: white}
.banner .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 28px; display: flex; justify-content: center;}
.banner .swiper-pagination-bullet{ width: 13px; height: 13px; border-radius: 100%; background: #fff; outline: none;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 10px;}
.banner .swiper-pagination-bullet-active{ background: #b70e5e;}
.products{ padding: 80px 0; background: url(../image/back1.jpg) no-repeat center; background-size: cover; overflow: hidden;}
.products .textOne{ position: relative;}
.products .textOne .h1{ font-size: 48px; font-weight: bold; color: #4d4398; line-height: 50px;}
.products .textOne .p{ font-size: 20px; line-height: 30px; width: 960px; margin-top: 10px;}
.products .textOne a{ font-size: 18px; color: #4d4398; position: absolute; bottom: 0; right: 0; transition: all 0.5s;}
.products .textOne a:hover{ color: #b70e5e;}
.products .list{ padding-top: 40px; position: relative; width: 1328px; margin-left: -24px;}
.products .list .mink{ width: 285px; margin: auto; background: #fff;}
.products .list .mink .img{ width: 100%; height: 226px; overflow: hidden;}
.products .list .mink .img img{ width: 100%; transition: all 0.5s;}
.products .list .mink:hover .img img{ transform: scale(1.05);}
.products .list .text{ height: 128px; padding: 0 20px;}
.products .list .text .h2{ font-size: 20px; padding: 20px 0 10px 0; width: 90%; transition: all 0.5s;}
.products .list .mink:hover .text .h2{ color: #b70e5e;}
.products .list .text .p{ font-size: 14px; line-height: 24px;}
.products .list a{ font-size: 14px; background: #4d4398; line-height: 50px; color: #fff; text-align: center; transition: all 0.5s;}
.products .list .mink:hover a{ background: #b70e5e;}
.products .list .swiper-pagination, .products .list .swiper-button-next, .products .list .swiper-button-prev{ display: none;}
.products .list .em{ width: 52px; height: 52px; background: url(../image/icon3.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 50%; margin-top: -26px; transition: all 0.5s;}
.products .list .em:hover{ background: url(../image/icon3m.png) no-repeat center; background-size: 100% 100%;}
.products .list .em.em1{ left: -65px; transform: rotate(180deg);}
.products .list .em.em2{ right: -65px;}
/*  */
.aboutIndex{ padding-bottom: 285px; background: url(../image/back2.jpg) no-repeat center; background-size: cover;}
.aboutIndex .cont{ padding: 80px 0;}
.aboutIndex .cont .text{ float: left; width: 620px; padding-top: 65px;}
.aboutIndex .cont .text .h1{ font-size: 48px; font-weight: bold; color: #4d4398; line-height: 50px;}
.aboutIndex .cont .text .h2{ font-size: 28px; color: #4d4398; font-weight: bold; line-height: 38px; margin: 15px 0 25px 0;}
.aboutIndex .cont .text .p{ font-size: 18px; line-height: 30px; margin-bottom: 40px;}
.aboutIndex .cont .img{ float: right; width: 610px;}
.aboutIndex .cont .img .li{ float: left; margin-top: 16px;}
.aboutIndex .cont .img .li:nth-child(2n){ float: right;}
.aboutIndex .cont .img .li:first-child, .aboutIndex .cont .img .li:nth-child(2){ margin-top: 0;}
.aboutIndex .cont .img .li a{ width: 298px; height: 258px; overflow: hidden; position: relative;}
.aboutIndex .cont .img .li .img1{ width: 100%; transition: all 0.5s;}
.aboutIndex .cont .img .li:hover .img1{ transform: scale(1.05);}
.aboutIndex .cont .img .li .up{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background: #262626; opacity: 0.4;}
.aboutIndex .cont .img .li em{ display: block; width: 100%; height: 98px; position: absolute; left: 0; bottom: 0; z-index: 3; background: url(../image/icon14.png) no-repeat center; background-size: 100% 100%;}
.aboutIndex .cont .img .li .p{ font-size: 20px; text-align: center; color: #fff; position: absolute; left: 5%; bottom: 15px; z-index: 5; width: 90%;}
.videoIndex{ background: #eee; position: relative;}
.videoIndex .videoTop{ width: 100%; position: absolute; top: -285px; left: 0;}
.videoIndex .videoTwo{ height: 560px; overflow: hidden; position: relative;}
.videoIndex .videoTwo img{ width: 100%; transition: all 0.5s;}
.videoIndex .videoTwo:hover img{ transform: scale(1.03);}
.videoIndex .videoTwo .up{ width: 100%; height: 100%; background: #4d4398; position: absolute; top: 0; left: 0; opacity: 0.3; z-index: 2;}
.videoIndex .videoTwo video{ display: none;}
.videoIndex .videoTwo .icon{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 5;}
.videoIndex .videoTwo .icon .em{ width: 70px; height: 70px; background: url(../image/icon4.png) no-repeat center; background-size: 100% 100%; margin: auto; transition: all 0.5s;}
.videoIndex .videoTwo .icon:hover .em{ background: url(../image/icon4m.png) no-repeat center; background-size: 100% 100%;}
.videoIndex .videoTwo .icon .p{ font-size: 22px; color: #fff; text-align: center; margin-top: 20px; transition: all 0.5s;}
.videoIndex .videoTwo .icon:hover .p{ color: #b70e5e;}
.videoIndex .list .date{ float: left; width: 420px; height: 590px; background: #fff;}
.videoIndex .list .date .img{ width: 100%; height: 280px; overflow: hidden;}
.videoIndex .list .date .img img{ width: 100%; transition: all 0.5s;}
.videoIndex .list .date:hover .img img{ transform: scale(1.03);}
.videoIndex .list .date .mk{ padding: 25px 20px 0 20px; color: #262626;}
.videoIndex .list .date .h1{ font-size: 26px; font-weight: bold; line-height: 36px; transition: all 0.5s;}
.videoIndex .list .date:hover .h1{ color: #b70e5e;}
.videoIndex .list .date .p{ font-size: 18px; line-height: 30px; opacity: 0.8; margin: 10px 0 30px 0;}
.videoIndex .list .date .time{ font-size: 15px; color: #4d4398;}
.videoIndex .list .date .time i{ margin-left: 15px;}
.videoIndex .list .newsLi{ float: right; width: 800px; padding-top: 30px;}
.videoIndex .list .newsLi .tit{ position: relative; margin-bottom: 10px;}
.videoIndex .list .newsLi .tit .h1{ font-size: 48px; font-weight: bold; color: #4d4398; line-height: 50px;}
.videoIndex .list .newsLi .tit a{ font-size: 18px; color: #4d4398; position: absolute; bottom: 0; right: 0;}
.videoIndex .list .newsLi .li{ padding: 30px 0; border-top: 1px solid #d3d3d3;}
.videoIndex .list .newsLi .li:first-child{ border-top: none;}
.videoIndex .list .newsLi .li .h2{ font-size: 22px; color: #262626; transition: all 0.5s;}
.videoIndex .list .newsLi .li:hover .h2{ color: #b70e5e;}
.videoIndex .list .newsLi .li .time{ font-size: 15px; color: #4d4398; margin-top: 8px;}
.videoIndex .list .newsLi .li .time i{ margin-left: 15px;}
.videoIndex .cont{ padding-top: 330px;}
.searchIndex{ padding: 43px 0 35px 0; background: url(../image/back3.jpg) no-repeat center; background-size: cover;}
.searchIndex .form{ display: flex; justify-content: center; align-items: center;}
.searchIndex .form .h1{ font-size: 22px; color: #fff;}
.searchIndex .form .input{ margin: 0 15px; background: #fff; width: 390px; height: 48px; border-radius: 3px; padding: 0 20px;}
.searchIndex .form .input input{ font-size: 16px; display: block; width: 100%; height: 48px; border: none;}
.searchIndex .form button{ display: block; width: 130px; height: 48px; border: 1px solid #fff; border-radius: 3px; font-size: 16px; color: #fff; background: hsla(0,0%,100%,0.00); opacity: 0.5; transition: all 0.5s;}
.searchIndex .form button:hover{ opacity: 1; background: #fff; color: #b70e5e;}
.searchIndex .p{ font-size: 18px; text-align: center; color: #fff; opacity: 0.8; margin-top: 20px;} 
.footer{ background: #18162a;}
.footer .cont{ padding: 50px 0 35px 0;}
.footer .cont .logo{ float: left;}
.footer .cont .right{ float: right; display: flex; justify-content: flex-start;}
.footer .cont .right .li{ border-left: 1px solid hsla(0,0%,100%,0.10); padding-bottom: 30px;}
.footer .cont .right .li:first-child{ width: 210px;}
.footer .cont .right .li:nth-child(2){ width: 280px;}
.footer .cont .right .li:nth-child(3){ width: 595px;}
.footer .cont .right .sug{ margin: 0 30px 0 50px; color: #fff;}
.footer .cont .right .li:nth-child(3) .sug{ margin: 0 0 0 50px;}
.footer .cont .right .li .h1{ font-size: 18px; font-weight: bold;}
.footer .cont .right .li .list{ margin-top: 15px;}
.footer .cont .right .li .list a{ font-size: 16px; line-height: 26px; color: hsla(0,0%,100%,0.50); padding: 5px 0; transition: all 0.5s;}
.footer .cont .right .li .list a:hover{ color: #fff;}
.footer .cont .right .li .p{ font-size: 16px; color: hsla(0,0%,100%,0.50); line-height: 26px; padding: 5px 0;}
.footer .cont .right .li .mel{ display: flex; justify-content: flex-start;}
.footer .foot{ background: #121120; height: 66px;}
.footer .foot .m{ float: left; font-size: 14px; line-height: 66px; color: hsla(0,0%,100%,0.20);}
.footer .foot .m a{ display: inline-block; margin-left: 10px; color: hsla(0,0%,100%,0.20); transition: all 0.5s;}
.footer .foot .m a:hover{ color: #fff;}
.footer .foot .open{ float: right;}
.footer .foot .open .p{ float: left; font-size: 14px; line-height: 66px; color: hsla(0,0%,100%,0.20);}
.footer .foot .open .list{ float: left; padding-top: 18px;}
.footer .foot .open .list li{
	float: left; 
	width: 30px; 
	height: 30px;
	position: relative;
	display: inline-block;
	margin-left: 5px;
}
.footer .foot .open .list li:hover .wechat,.footer .foot .open .list li:hover .list-id{
	display: block;
}
.footer .foot .open .list li .wechat{
	position: absolute;
	top: -110px;
	width: 100px;
	height: 100px;
	left: 50%;
	margin-left: -50px;
	display: none;
}
.footer .foot .open .list li .list-id{
	position: absolute;
	top: -50px;
	width: auto;
	height: auto;
	right: 0;
	display: none;
	background-color: #fff;
	padding: 5px 10px;
}
.footer .foot .open .list li .wechat img{
	width: 100px;
	height: 100px;
}
.footer .foot .open .list a{ width: 30px; height: 30px; border-radius: 100%;  transition: all 0.5s;}
.footer .foot .open .list a:hover{ transform: rotateY(360deg);}
.footer .foot .open .list li:first-child a{ background: url(../image/icon6.png) no-repeat center; background-size: 100% 100%;}
.footer .foot .open .list li:nth-child(2) a{ background: url(../image/icon8.png) no-repeat center; background-size: 100% 100%;}
.footer .foot .open .list li:nth-child(3) a{ background: url(../image/icon8-02.png) no-repeat center; background-size: 100% 100%;}
.footer .foot .open .list li:nth-child(4) a{ background: url(../image/icon8-03.png) no-repeat center; background-size: 100% 100%;}
.footer .foot .open .list li:nth-child(5) a{ background: url(../image/icon8-01.png) no-repeat center; background-size: 100% 100%;}
.footer .foot .open .list li:nth-child(6) a{ background: url(../image/icon5.png) no-repeat center; background-size: 100% 100%;}
.footer .foot .open .list li:nth-child(7) a{ background: url(../image/icon7.png) no-repeat center; background-size: 100% 100%;}
.videoPop{ display: none; width: 1200px; background: #fff; position: fixed; top: 0; left: 50%; margin-left: -600px; z-index: 40;}
.videoPop .cont{ padding: 20px;}
.videoPop .cont video{ display: block; width: 100%;}
.videoPop .sole{ width: 50px; height: 50px; background: url(../image/sole.png) no-repeat center; background-size: 100% auto; position: absolute; bottom: -80px; left: 50%; margin-left: -25px; transition: all 0.5s;}
.videoPop .sole:hover{ transform: rotate(180deg);}
/*  */
.minBanner{ margin-top: 140px; position: relative;}
.minBanner .img{ width: 100%; height: 310px; position: relative; overflow: hidden;}
.minBanner .img img{ height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.minBanner .cont{ width: 100%; position: absolute; left: 0; bottom: 37px;}
.minBanner .cont .h1, .minBanner .cont .p{ display: flex; justify-content: flex-start;}
.minBanner .cont .h1 i{ font-size: 58px; color: #fff; background: #b70e5e; padding: 0 8px; margin-bottom: 2px; line-height: 62px;}
.minBanner .cont .p i{ font-size: 18px; color: #fff; background: #b70e5e; padding: 0 8px; margin-bottom: 2px; line-height: 34px;}
.aboutCont{ padding: 65px 0; background: url(../image/aboutBack1.jpg) top left no-repeat, url(../image/aboutBack2.jpg) right bottom no-repeat; background-size: 100% auto, 100% auto;}
.aboutOne .h1{ font-size: 42px; font-weight: bold; color: #4d4398;}
.aboutOne .text{ margin-top: 20px; font-size: 18px; line-height: 36px;}
.aboutOne .text img{ max-width: 100%; margin: auto; padding-top: 55px;}
.productsBox .leftNav{ float: left; width: 245px;}
.productsBox .leftNav .li{ margin-bottom: 4px; background: #e0dfde url(../image/icon10.png) no-repeat center right 13px; background-size: 8px auto; padding: 0 35px 0 15px; height: 56px; line-height: 56px; font-size: 20px; transition: all 0.5s;}
.productsBox .leftNav .li:hover{ background: #4d4398 url(../image/icon11.png) no-repeat center right 13px; background-size: 8px auto;}
.productsBox .leftNav .li.on{ background: #4d4398 url(../image/icon11.png) no-repeat center right 13px; background-size: 8px auto;}
.productsBox .leftNav .li a{ color: #1f1f1f; transition: all 0.5s;}
.productsBox .leftNav .li:hover a{ color: #fff;}
.productsBox .leftNav .li.on a{ color: #fff;}
.productsBox .rightList{ float: right; width: 1000px;}
.productsBox .rightList .tit{ font-size: 36px; font-weight: bold; color: #4d4398; border-bottom: 1px solid #e6e5e5; padding-bottom: 10px;}
.productsBox .rightList .list .li{ margin-top: 25px; margin-right: 15px; float: left; border-bottom: 2px solid hsla(0,0%,34%,0.10); width: 323px; height: 353px; transition: all 0.5s;}
.productsBox .rightList .list .li:nth-child(3n){ margin-right: 0;}
.productsBox .rightList .list .li:hover{ background: hsla(0,0%,34%,0.10); border-color: hsla(0,0%,34%,0.0);}
.productsBox .rightList .list .li .img{ width: 100%; height: 256px; overflow: hidden; position: relative;}
.productsBox .rightList .list .li .img img{ width: 100%; transition: all 0.5s;}
.productsBox .rightList .list .li:hover .img img{ transform: scale(1.03);}
.productsBox .rightList .list .li .up{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background: hsla(332,86%,39%,0.20); opacity: 0; transition: all 0.5s;}
.productsBox .rightList .list .li:hover .up{ opacity: 1;}
.productsBox .rightList .list .li .em{ width: 63px; height: 63px; background: #fff url(../image/icon12.png) no-repeat center; background-size: 30px auto; border-radius: 100%; position: absolute; top: 50%; left: 50%; z-index: 5; transform: translate(-50%,-50%) scale(0.3); opacity: 0; transition: all 0.5s;}
.productsBox .rightList .list .li:hover .em{ transform: translate(-50%,-50%) scale(1); opacity: 1;}
.productsBox .rightList .list .li .text{ text-align: center; padding: 20px 20px 0 20px;}
.productsBox .rightList .list .li .h1{ font-size: 20px; font-weight: bold; color: #262626; transition: all 0.5s;}
.productsBox .rightList .list .li .p{ font-size: 15px; color: #4d4398; transition: all 0.5s; margin-top: 12px;}
.productsBox .rightList .list .li:hover .h1, .productsBox .rightList .list .li:hover .p{ color: #b70e5e;}
.productsBox .rightList .list{ margin-bottom: 35px;}
.padding{ display: flex; justify-content: center;}
.padding .li a{ width: 36px; height: 36px; border: 1px solid #d6d6d6; border-radius: 2px; line-height: 36px; text-align: center; font-size: 21px; color: #625950; margin: 0 7px;}
.padding .li.cur a{ background: #b70e5e; border-color: #b70e5e; color: #fff;}
.padding .li.prve a, .padding .li.next a{ background: url(../image/icon13.png) no-repeat center; background-size: 10px auto;}
.padding .li.next a{ transform: rotate(180deg);}
.proDate{ margin-top: 25px;}
.proDate .top .img{ float: left; width: 570px;}
.proDate .top .img img{ width: 100%;}
.proDate .top .text{ float: right; width: 400px; padding-top: 30px;}
.proDate .top .text .h1{ font-size: 26px; font-weight: bold;}
.proDate .top .text .p{ font-size: 18px; line-height: 30px; margin-top: 10px; color: #5f5f5f;}
.proDate .bot{ margin-top: 50px;}
.proDate .bot .h1{ font-size: 28px; color: #4d4398; padding-bottom: 10px; border-bottom: 1px solid #e6e5e5;}
.proDate .bot .text{ font-size: 18px; line-height: 30px; padding: 15px 0 25px 0; border-bottom: 1px solid #e6e5e5; margin-bottom: 20px;}
.proDate .bot .form{ padding: 25px 0;}
.proDate .bot .form .li{ padding: 10px 0; float: left; width: 430px; margin-right: 30px;}
.proDate .page .li{ margin-top: 15px; font-size: 20px; color: #4d4398;}
.proDate .page .li a{ display: inline-block; color: #4d4398; transition: all 0.5s;}
.proDate .page .li:hover a{ color: #b70e5e;}
/*  */
.newsBox .top .li{ float: left; width: 50%; height: 640px; border-bottom: 1px solid #e9e9e9;}
.newsBox .top .li a{ width: 612px; float: left;}
.newsBox .top .li:nth-child(2) a{ float: right;}
.newsBox .top .li .img{ width: 100%; height: 410px; overflow: hidden;}
.newsBox .top .li .img img{ width: 100%; transition: all 0.5s;}
.newsBox .top .li:hover .img img{ transform: scale(1.03);}
.newsBox .top .li .text{ padding: 25px 0 0 10px; color: #262626;}
.newsBox .top .li .text .h1{ font-size: 26px; line-height: 36px; font-weight: bold; transition: all 0.5s;}
.newsBox .top .li:hover .text .h1{ color: #b70e5e;}
.newsBox .top .li .text .p{ font-size: 18px; opacity: 0.8; line-height: 28px; margin: 10px 0 20px 0;}
.newsBox .top .li .text .time{ font-size: 15px; color: #4d4398; transition: all 0.5s;}
.newsBox .top .li .text .time i{ padding-left: 15px;}
.newsBox .top .li:hover .text .time{ color: #b70e5e;}
.newsBox .bot{ margin-bottom: 35px;}
.newsBox .bot .li{ border-bottom: 1px solid #e9e9e9; padding: 25px 0 30px 0;}
.newsBox .bot .li .h1{ font-size: 24px; color: #262626; transition: all 0.5s;}
.newsBox .bot .li:hover .h1{ color: #b70e5e;}
.newsBox .bot .li .time{ font-size: 15px; color: #4d4398; transition: all 0.5s; margin-top: 15px;}
.newsBox .bot .li .time i{ padding-left: 15px;}
/*  */
.minWentOne .hd ul li{ float: left; width: 403px; height: 292px; overflow: hidden; position: relative; margin-bottom: 35px; margin-right: 35px;}
.minWentOne .hd ul li:nth-child(3n){ margin-right: 0;}
.minWentOne .hd ul li img{ width: 100%; transition: all 0.5s;}
.minWentOne .hd ul li:hover img{ transform: scale(1.03);}
.minWentOne .hd ul li .up{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: hsla(0,0%,0%,0.10) url(../image/icon14.png) no-repeat center bottom; background-size: 100% auto; z-index: 1;}
.minWentOne .hd ul li .p{ font-size: 20px; color: #fff; width: 90%; position: absolute; left: 5%; bottom: 15px; z-index: 5; text-align: center;}
.minWentOne .bd{ width: 950px; padding: 30px; background: #fff; position: fixed; top: 0; left: 50%; margin-left: -505px; z-index: -100; opacity: 0;}
.minWentOne .bd.on{ z-index: 40; opacity: 1;}
.minWentOne .bd li img{ width: 100%;}
.minWentOne .bd li .img{ width: 100%; height: 690px; overflow: hidden; margin-bottom: 25px;}
.minWentOne .bd li .p{ font-size: 24px;}
.minWentOne .bd .pageState{ font-size: 24px; opacity: 0.5; position: absolute; right: 30px; bottom: 30px;}
.minWentOne .bd .next, .minWentOne .bd .prev{ width: 60px; height: 60px; position: absolute; top: 50%; margin-top: -30px; background: url(../image/icon15.png) no-repeat center; background-size: 100% 100%; transition: all 0.5s;}
.minWentOne .bd .next:hover, .minWentOne .bd .prev:hover{ background: url(../image/icon15m.png) no-repeat center; background-size: 100% 100%;}
.minWentOne .bd .prev{ left: 55px; transform: rotate(180deg);}
.minWentOne .bd .next{ right: 55px;}
.minWentOne .bd .sole{ width: 50px; height: 50px; background: url(../image/sole.png) no-repeat center; background-size: 100% 100%; position: absolute; left: 50%; bottom: -80px; margin-left: -25px; transition: all 0.5s;}
.minWentOne .bd .sole:hover{ transform: rotate(180deg);}
.minWentTwo{ display: none;}
.minWentTwo .li{ float: left; width: 619px; height: 349px; overflow: hidden; margin-bottom: 45px; position: relative;}
.minWentTwo .li:nth-child(2n){ float: right;}
.minWentTwo .li img{ width: 100%; transition: all 0.5s;}
.minWentTwo .li:hover img{ transform: scale(1.03);}
.minWentTwo .li .up{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background: hsla(0,0%,15%,0.50) url(../image/icon14.png) no-repeat center bottom; background-size: 100% auto;}
.minWentTwo .li .p{ font-size: 20px; width: 90%; text-align: center; color: #fff; position: absolute; left: 5%; bottom: 15px; z-index: 3;}
.minWentTwo .li .em{ width: 56px; height: 56px; background: url(../image/icon4.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 50%; left: 50%; margin-top: -28px; margin-left: -28px; z-index: 5; transition: all 0.5s;}
.minWentTwo .li:hover .em{ background: url(../image/icon4m.png) no-repeat center; background-size: 100% 100%;}
.minWentTwo .li video{ display: none;}
.millBox .list .mik{ margin: 55px 0 35px 0;}
.millBox .list .mik .li{ float: left; font-size: 26px; font-weight: bold; color: #4d4398; margin-right: 45px; position: relative; padding-bottom: 12px; transition: all 0.5s; cursor: pointer;}
.millBox .list .mik .li.on{ color: #b70e5e;}
.millBox .list .mik .li:hover{ color: #b70e5e;}
.millBox .list .mik .li.on:after{ content: ''; width: 100%; height: 3px; background: #b70e5e; position: absolute; left: 0; bottom: 0;}
.wentVideo{ display: none; width: 1040px; background: #fff; position: fixed; left: 50%; margin-left: -520px; top: 0; z-index: 40;}
.wentVideo .cont{ padding: 15px;}
.wentVideo .cont video{ width: 100%; display: block;}
.wentVideo .cont .p{ text-align: center; font-size: 24px; padding: 20px 0;}
.wentVideo .sole{ width: 50px; height: 50px; background: url(../image/sole.png) no-repeat center; background-size: 100% 100%; position: absolute; left: 50%; bottom: -80px; margin-left: -25px; transition: all 0.5s;}
.wentVideo .sole:hover{ transform: rotate(180deg);}
.millBox .top .h1{ font-size: 42px; font-weight: bold; color: #4d4398;}
.millBox .top .text{ font-size: 18px; line-height: 36px; margin-top: 20px;}
/*  */
.contactBox .h1{ font-size: 24px; font-weight: bold; color: #4d4398;}
.contactBox .list{ margin: 45px 0 15px 0; display: flex; justify-content: space-between; flex-wrap: wrap;}
.contactBox .list .li{ width: 580px; padding-left: 40px; position: relative; font-size: 20px; line-height: 30px; margin-bottom: 50px;}
.contactBox .list .li .em{ width: 30px; height: 30px; position: absolute; top: 0; left: 0;}
.contactBox .list .li:first-child .em{ background: url(../image/icon16.png) no-repeat center; background-size: 100% auto;}
.contactBox .list .li:nth-child(2) .em{ background: url(../image/icon17.png) no-repeat center; background-size: 100% auto;}
.contactBox .list .li:nth-child(3) .em{ background: url(../image/icon18.png) no-repeat center; background-size: 100% auto;}
.contactBox .list .li:nth-child(4) .em{ background: url(../image/icon19.png) no-repeat center; background-size: 100% auto;}
.contactBox .list .li .p{ margin-bottom: 5px;}
.contactBox .map{ width: 100%; height: 560px; background: url(../image/map.jpg) no-repeat center; background-size: cover;}
.productsBoxOne .rightList{ float: none; width: 1100px; margin: auto;}
.productsBoxOne .rightList .list{ margin: 40px 0 80px 0;}
.productsBoxOne .rightList .list .li{ margin-right: 65px;}
.searchBox{ margin-top: 140px; background: url(../image/searchBanner.jpg) no-repeat center; background-size: cover; padding: 130px 0 40px 0;}
.searchBox .cont{ width: 1100px; margin: auto;}
.searchBox .cont .h1, .searchBox .cont .h2{ font-size: 36px; text-align: center;}
.searchBox .cont .mink{ margin: 45px 0 20px 0; display: flex; justify-content: space-between; align-items: center;}
.searchBox .cont .mink .input{ width: 900px; height: 64px; border: 1px solid #e3e3e3; border-radius: 5px; background: #fff; padding: 0 20px;}
.searchBox .cont .mink .input input{ display: block; width: 100%; height: 64px; font-size: 16px; border: none;}
.searchBox .cont .mink .input input::placeholder{ color: hsla(0,0%,40%,0.50);}
.searchBox .cont .mink button{ display: block; width: 144px; height: 66px; border-radius: 5px; border: none; background: #b70e5e; color: #fff; font-size: 20px;}
.searchBox .cont .list{ margin-bottom: 70px; font-size: 14px; color: #676767;}
.searchBox .cont .list .p{ float: left; margin-bottom: 8px;}
.searchBox .cont .list a{ float: left; color: #676767; margin-right: 25px; margin-bottom: 8px; transition: all 0.5s;}
.searchBox .cont .list a:hover{ color: #b70e5e;}
#map{ width: 100%; height: 100%;}
/*  */
.navCell{ display: none;}
.hearCell{ height: 60px; position: fixed; top: 0; left: 0; right: 0; background: #fff; z-index: 20; padding: 0 15px; box-shadow: 7px 0 11px hsla(0,0%,0%,0.10);}
.hearCell .img{ float: left; height: 30px; padding: 15px 0;}
.hearCell .img a, .hearCell .img a img{ display: block; height: 100%;}
.hearCell .push{ float: right; width: 26px; height: 26px; background: url(../image/nav-cell.png) no-repeat center; background-size: 100% auto; margin: 17px 0;}
.navCell .up{ display: none; width: 100%; height: 100%; background: #000; position: fixed; top: 0; left: 0; z-index: 25; opacity: 0.5;}
.listCell{ width: 160px; position: fixed; top: 0; right: -100%; bottom: 0; z-index: 30; background: #fff; padding: 0 20px; transition: all 0.5s; opacity: 0;}
.listCellTwo{ right: 0; opacity: 1;}
.listCell .img{ height: 36px; padding: 70px 0 20px 0;}
.listCell .sole{ width: 24px; height: 24px; background: url(../image/icon-22.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 15px; right: 15px;}
.listCell .list{ padding: 15px 0 30px 0;}
.listCell .list a{ display: block; font-size: 16px; color: #333; line-height: 30px; transition: all 0.1s;}
.listCell .list .li{ border-bottom: 1px solid #ececec; padding: 10px 0;}
.listCell .lang{ /*display: flex; justify-content: space-between; align-items: center;*/ position: relative;}
.listCell .lang .input{ padding: 0 40px 0 5px; height: 36px; position: relative; border-bottom: 1px solid #eee;}
.listCell .lang .input input{ display: block; width: 100%; height: 36px; border: none;}
.listCell .lang button{ display: block; width: 30px; height: 30px; background: url(../image/icon2.png) no-repeat center right; background-size: 70% auto; position: absolute; right: 0; top: 50%; transform: translateY(-50%); border: none;}
.listCell .lang .mik{ display: flex; justify-content: flex-start;}
.listCell .lang .mik a{ font-size: 15px; line-height: 30px; color: #666;}
.listCell .lang .mik a:first-child{ margin-right: 20px; position: relative;}
.listCell .lang .mik a:first-child:after{ content: ''; width: 1px; height: 16px; background: #999; position: absolute; right: -10px; top: 50%; transform: translateY(-50%);}
.listCell .lang .searcher a{ width: 30px; height: 30px; background: url(../image/icon2.png) no-repeat center right; background-size: 70% auto;}
.listCell .tel{ font-size: 13px; color: #999; line-height: 30px; padding-left: 25px; background: url(../image/icon1.png) no-repeat left top 7px; background-size: 15px auto;}
/*  */
.newsDates .h1{ font-size: 36px; font-weight: bold;}
.newsDates .yer{ font-size: 15px; color: #4d4398; margin: 10px 0 35px 0;}
.newsDates .text p{ font-size: 18px; line-height: 36px;}
.newsDates .img{ padding: 50px 0 40px 0; border-bottom: 1px solid #ececec; margin-bottom: 30px;}
.newsDates .img .m{ float: left; width: 612px; height: 410px; overflow: hidden;}
.newsDates .img .m:nth-child(2n){ float: right;}
.newsDates .img .m img{ width: 100%; transition: all 0.5s;}
.newsDates .img .m:hover img{ transform: scale(1.03);}
.newsDates .page a, .newsDates .page a i{ font-size: 18px; color: #262626; transition: all 0.5s;}
.newsDates .page a:first-child{ margin-bottom: 15px;}
.newsDates .page a:hover i{ color: #b70e5e;}