/* 清除 */
body{ margin: 0; padding: 0;}
*{ margin: 0; padding: 0; list-style: none; font-family: '微软雅黑';}
a{ text-decoration: none; cursor: pointer;}
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;
}
@font-face {
	font-family: "din-bold";
	src: url(../fonts/din-bold.ttf) format("woff2"),
	url("../fonts/din-bold.woff") format("woff"),
	url("../fonts/din-bold.ttf") format("truetype"),
	url("../fonts/din-bold.eot") format("embedded-opentype"),
	url("../fonts/din-bold.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
/* 清除浮动 */
.clearfix:after{visibility:hidden;display:block;font-size:0;content: " ";clear:both;height:0;}
.clearfix{*zoom:1;}
.w1400{ width: 1410px; margin: auto;}
/*  */
.topNav{ width: 100%; height: 80px; background: #fff; position: fixed; top: 0; left: 0; z-index: 20;}
.topNavOne{ box-shadow: 0 0 15px #eee;}
.topNav .logo{ float: left; height: 80px; position: relative;}
.topNav .logo a{ display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.topNav .right{ float: right;}
.topNav .right .nav{ float: left; width: 860px; background: #fff;}
.topNav .right .nav .li{ float: left; margin-right: 10px; position: relative;}
.topNav .right .nav .li .tit a{ display: block; font-size: 16px; color: #333; line-height: 80px; padding: 0 30px; position: relative; z-index: 5; transition: all 0.5s;}
.topNav .right .nav .li.on .tit a, .topNav .right .nav .li.on:hover .tit a{ color: #fff;}
.topNav .right .nav .li:hover .tit a{ color: #dc2d27;}
.topNav .right .nav .li em{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; background: #dc2d27; z-index: 1; transition: all 0.5s;}
.topNav .right .nav .li.on em{ opacity: 1;}
.topNav .right .nav .li .list{display: none;position: absolute;top: 80px;left: 50%;min-width: 100%;padding-top: 5px;transform: translateX(-50%);}
.topNav .right .nav .li:hover .list{ display: block;}
.topNav .right .nav .li .list img{ margin: auto; width: 16px; margin-bottom: -1px;}
.topNav .right .nav .li .list .mwe{ background: #fff; padding: 10px 0; border-radius: 5px; border: 1px solid #eee;}
.topNav .right .nav .li .list .mwe a{ display: block;font-size: 15px;color: #666;text-align: center;line-height: 20px;padding: 8px;transition: all 0.5s;white-space: nowrap;}
.topNav .right .nav .li .list .mwe a:hover{ background: #dc2d27; color: #fff;}
.topNav .right .search{ float: left; height: 80px; display: flex; justify-content: flex-start; align-items: center;}
.topNav .right .search .sear{ width: 20px; height: 20px; margin-right: 40px;}
.topNav .right .search .sear a{ display: block; width: 100%; height: 100%; background: url(../img/search.png) no-repeat center; background-size: 100% 100%; transition: all 0.5s;}
.topNav .right .search .sear:hover a{ background: url(../img/search2.png) no-repeat center; background-size: 100% 100%;}
.topNav .right .search .en{ display: flex; justify-content: flex-start; align-items: center; font-size: 16px; line-height: 80px;}
.topNav .right .search .en a{ display: block; color: #333; opacity: 0.6; transition: all 0.5s;}
.topNav .right .search .en a.on{ opacity: 1;}
.topNav .right .search .en a:hover{ color: #dc2d27;}
.topNav .right .search .en em{ display: block; width: 1px; height: 14px; background: #767676; margin: 0 15px;}
/*  */
.banner{ padding-top: 80px; width: 100%;}
.bannerDiv{ width: 100%; height: 612px; overflow: hidden; position: relative;}
.bannerDiv .img{ width: 100%; height: 100%; position: relative; overflow: hidden; z-index: 1;}
.bannerDiv .img img{ display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.bannerDiv .cont{ width: 1400px; height: 100%; position: absolute; top: 0; left: 50%; margin-left: -700px; z-index: 5;}
.bannerDiv .cont .text{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: #fff;}
.bannerDiv .cont .text h1{ font-size: 40px; line-height: 50px; margin-bottom: 30px;}
.bannerDiv .cont .text .list .li{ font-size: 20px; line-height: 30px; display: flex; justify-content: flex-start; align-items: center; padding: 10px 0; cursor: pointer;}
.bannerDiv .cont .text .list .li em{ display: block; width: 4px; height: 16px; background: #fff; margin-right: 20px; margin-left: 10px; transition: all 0.5s;}
.bannerDiv .cont .text .list .li:hover em{ background: #dc2d27;}
.bannerDiv .cont .text .list .li p{ transition: all 0.5s;}
.bannerDiv .cont .text .list .li:hover p{ color: #dc2d27;}
/*  */
.hotSearch{ font-size: 12px; line-height: 28px; color: #666; padding: 20px 0 0 0;}
.hotSearch a{ display: inline-block; color: #666; cursor: pointer; margin-right: 10px; transition: all 0.5s;}
.hotSearch a:hover{ color: #dc2d27;}
/*  */
.indexCenter{ padding: 50px 0 80px 0;}
.title h1{ font-size: 26px; line-height: 30px; color: #333; letter-spacing: 5px; text-align: center;}
.title p{ font-size: 12px; line-height: 20px; color: #999; margin-top: 2px; letter-spacing: 1.5px; text-transform: uppercase;}
.indexCenter .cont{ padding-top: 50px;}
.indexCenter .cont .li{ float: left; width: 32%; height:300px; border-radius: 12px; overflow: hidden; position: relative; margin-right: 18px; }
.indexCenter .cont .li:last-child{ float: right;}
.indexCenter .cont .li .img{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1;}
.indexCenter .cont .li .img a{ display: block; width: 100%; height: 100%;}
.indexCenter .cont .li .img img{ width: 100%; transition: all 0.5s;}
.indexCenter .cont .li:hover .img img{ transform: scale(1.03);}
.indexCenter .cont .li .up{ width: 100%; height: 100%; background: #000; position: absolute; top: 0; left: 0; opacity: 0.2; z-index: 2;}
.indexCenter .cont .li:hover .up{ opacity: 0.7;}
.indexCenter .cont .li .icon{ font-size: 22px; color: #fff; position: absolute; left: 0; bottom: 65px; background: hsla(1,72%,51%,0.60); z-index: 5; line-height: 50px; padding: 0 40px 0 30px;}
.indexCenter .cont .li:hover .icon{ opacity: 0;}
.indexCenter .cont .li .list{ position: absolute; top: 60px; left: 60px; right: 60px; bottom: 60px; z-index: 8; opacity: 0; transition: all 0.5s;}
.indexCenter .cont .li:hover .list{ opacity: 1;}
.indexCenter .cont .li .list h2{ font-size: 18px; color: #fff; line-height: 20px;}
.indexCenter .cont .li .list em{ display: block; width: 50px; height: 4px; background: #dc2d27; margin: 20px 0 25px 0;}
.indexCenter .cont .li .list .div a{ float: left; width: 45%; padding-right: 5%; font-size: 16px; color: #fff; line-height: 42px; height: 42px; transition: all 0.5s; position: relative;}
.indexCenter .cont .li .list .div a:hover{ color: #dc2d27;}
.indexCenter .cont .li .list .div a{ overflow : hidden; white-space : nowrap; text-overflow : ellipsis;}
.indexCenter .cont .li .list .div a em{ float: left; width: 0; height: 10px; margin: 16px 0; background: #dc2d27; border-radius: 100%; transition: all 0.5s; opacity: 0;}
.indexCenter .cont .li .list .div a:hover em{ width: 10px; opacity: 1; margin: 16px 6px 16px 0;}
.indexCenter .cont .li .list .more{ font-size: 14px; float: left; line-height: 24px; color: #dc2d27; padding-right: 18px; background: url(../img/icon1.png) no-repeat right center; background-size: auto 14px; position: absolute; left: 0; bottom: 0;}
/*  */
.indexAbout{ background: #f7f7f7; padding: 65px 0 80px 0;}
.indexAbout .cont{ margin: 45px 0 0 120px; position: relative;}
.indexAbout .company{ background: #206bd3; width: 500px; padding: 60px 270px 150px 75px; position: relative; z-index: 1;}
.indexAbout .company .text{ font-size: 14px; color: #fff; line-height: 24px;}
.indexAbout .company .text p{ margin-top: 15px;}
.indexAbout .company .text p:first-child{ margin-top: 0;}
.indexAbout .company a{ position: absolute; bottom: 60px; left: 75px; border: 1px solid #fff; color: #fff; font-size: 14px; height: 40px; line-height: 40px; border-radius: 22px; padding: 0 70px 0 30px; background: url(../img/icon2.png) no-repeat center right 30px; background-size: auto 16px; transition: all 0.5s;}
.indexAbout .company a:hover{ background: #fff url(../img/icon1.png) no-repeat center right 30px; color: #dc2d27;}
.indexAbout .cont .img{ width: 526px; height: 296px; overflow: hidden; position: absolute; right: 120px; top: 50%; margin-top: -148px; z-index: 3;}
.indexAbout .cont .img a{ display: block; width: 100%; height: 100%; overflow: hidden;}
.indexAbout .cont .img a img{ width: 100%; height: 100%; display: block; transition: all 0.5s;}
.indexAbout .cont .img:hover a img{ transform: scale(1.03);}
/*  */
.indexFour{ width: 100%; height: 260px; background: url(../img/back1.jpg) no-repeat center; background-size: cover; display: flex; justify-content: center;}
.indexFour .li{ width: 25%; height: 260px;}
.indexFour .li:nth-child(2n){ background: hsla(0,0%,0%,0.50);}
.indexFour .li .img{ padding: 60px 0 5px 0;}
.indexFour .li .img div{ width: 80px; height: 80px; margin: auto; position: relative; transition: all 0.5s;}
.indexFour .li:hover .img div{ transform: rotateY(-360deg);}
.indexFour .li .img div img{ display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all 0.5s;}
.indexFour .li .img div img.k2{ opacity: 0;}
.indexFour .li:hover .img div img.k1{ opacity: 0;}
.indexFour .li:hover .img div img.k2{ opacity: 1;}
.indexFour .li .text{ display: flex; justify-content: center; align-items: flex-end;}
.indexFour .li .text em{ font-size: 48px; font-weight: bold; line-height: 50px; color: #dc2a26;}
.indexFour .li .text i{ font-size: 14px; line-height: 26px; color: #fff;}
/*  */
.indexNews{ padding: 80px 0 40px 0;}
.indexNews .cont .rUl{ display: flex; justify-content: flex-end; padding: 35px 0 55px 0;}
.indexNews .cont .rUl li{ margin-left: 40px; font-size: 20px; color: #333; line-height: 30px; position: relative; transition: all 0.5s;}
.indexNews .cont .rUl li a{ display: block; color: #333; transition: all 0.5s;}
.indexNews .cont .rUl li em{ display: block; width: 1px; height: 16px; background: #999; position: absolute; left: -20px; top: 50%; margin-top: -8px; opacity: 0.7;}
.indexNews .cont .rUl li:first-child em{ opacity: 0;}
.indexNews .cont .rUl li.on, .indexNews .cont .rUl li.on a{ color: #dc2d27;}
.indexNews .cont .rUl li:hover, .indexNews .cont .rUl li:hover a{ color: #dc2d27;}
.indexNews .cont .inBox .left{ float: left; width: 706px; position: relative; padding-bottom: 60px;}
.indexNews .cont .inBox .left .inBd .img{ display: block; width: 100%; height: 397px; overflow: hidden;}
.indexNews .cont .inBox .left .inBd .img img{ display: block; width: 100%; transition: all 0.5s;}
.indexNews .cont .inBox .left .inBd .img:hover img{ transform: scale(1.05);}
.indexNews .cont .inBox .left .inBd .text h2{ font-size: 18px; color: #333; line-height: 24px; margin: 35px 0 15px 0; transition: all 0.5s;}
.indexNews .cont .inBox .left .inBd .text:hover h2{ color: #dc2d27;}
.indexNews .cont .inBox .left .inBd .text p{ font-size: 16px; color: #666; line-height: 24px;}
.indexNews .cont .inBox .left .inBd .more{ position: absolute; left: 0; bottom: 0; font-size: 16px; color: #dc2a26; line-height: 30px; padding-right: 20px; background: url(../img/icon1.png) no-repeat center right; background-size: 8px auto;}
.indexNews .cont .inBox .left .inHd{ position: absolute; top: 365px; left: 25px; z-index: 5;}
.indexNews .cont .inBox .left .inHd ul{ display: flex; justify-content: flex-start;}
.indexNews .cont .inBox .left .inHd ul li{ width: 10px; height: 10px; background: #fff; border-radius: 100%; margin-right: 10px;}
.indexNews .cont .inBox .left .inHd ul li.on{ width: 30px; border-radius: 5px; background: #2765e9;}
.indexNews .cont .inBox .right{ float: right; width: 610px;}
.indexNews .cont .inBox .rightChangs{ float: left;}
.indexNews .cont .inBoxThree .right{ width: 48%; margin-bottom: 40px;}
.indexNews .cont .inBox .right .li{ padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid #ececec; transition: all 0.5s;}
.indexNews .cont .inBox .right .li:hover{ border-color: #dc2d27;}
.indexNews .cont .inBox .right .li a{ display: block;}
.indexNews .cont .inBox .right .li .time{ float: left; width: 90px;}
.indexNews .cont .inBox .right .li .time em{ display: block; font-size: 30px; line-height: 30px; color: #666; margin-left: -2px;}
.indexNews .cont .inBox .right .li .time i{ font-size: 14px; color: #999; line-height: 20px; margin: 5px 0 10px 0; display: block;}
.indexNews .cont .inBox .right .li .time .icon{ width: 16px; height: 12px; background: url(../img/icon7.png) no-repeat center; background-size: 100% 100%; transition: all 0.5s;}
.indexNews .cont .inBox .right .li:hover .time .icon{ background: url(../img/icon21m.png) no-repeat center; background-size: 100% 100%;}
.indexNews .cont .inBox .right .li .text{ width: 500px; float: right;}
.indexNews .cont .inBox .right .li .text h2{ font-size: 16px; color: #333; line-height: 20px; transition: all 0.5s;}
.indexNews .cont .inBox .right .li:hover .text h2{ color: #dc2d27;}
.indexNews .cont .inBox .right .li .text p{ font-size: 14px; color: #999; line-height: 24px;}
.indexNews .cont .inBox .right .li .text em{ display: block; width: 30px; height: 3px; background: #dc2d27; margin: 8px 0;}
.indexNews .cont{ position: relative;}
.indexNews .cont .boot{ display: block; width: 34px; height: 34px; position: absolute; bottom: 0; right: 0;}
.indexNews .cont .boot.prev{ background: url(../img/icon8.png) no-repeat center; background-size: 100% 100%; margin-right: 95px; transition: all 0.5s;}
.indexNews .cont .boot.next{ background: url(../img/icon9.png) no-repeat center; background-size: 100% 100%; transition: all 0.5s;}
.indexNews .cont .boot.prev:hover{ background: url(../img/icon8m.png) no-repeat center; background-size: 100% 100%;}
.indexNews .cont .boot.next:hover{ background: url(../img/icon9m.png) no-repeat center; background-size: 100% 100%;}
.indexNews .cont .inBox .right .matterList, .indexNews .cont .inBox .right .matterList .cont{ padding: 0;}
.indexNews .cont .inBox .right .matterList .li{ width: auto; margin-bottom: 8.5px; height: 150px;}
.indexNews .cont .inBox .right .matterList .cont .li .bot p{ line-height: 26px; padding-top: 0px;}
/*  */
.footer{ background: #1f2024;}
.footer .minker{ padding: 80px 0 60px 0;}
.footer .minker .wearch{ float: right;}
.footer .minker .wearch img{ display: block; max-width: 100px; margin: auto;}
.footer .minker .wearch p{ font-size: 12px; text-align: center; color: #fff; line-height: 16px; margin-top: 10px; max-width: 100px;}
.footer .minker .info{ float: left; width: 300px;}
.footer .minker .info h2{ font-size: 14px; color: #878792; line-height: 20px; margin-bottom: 18px;}
.footer .minker .info h2:first-child{ margin-bottom: 15px;}
.footer .minker .info em{ display: block; font-size: 22px; color: #dc2a26; line-height: 32px; margin-bottom: 22px;}
.footer .minker .info p{ font-size: 12px; color: #e4e7e8; line-height: 20px; margin-bottom: 27px;}
.footer .minker .botNav{ float: left; margin-left: 70px;}
.footer .minker .botNav .li{ float: left; width: 170px;}
.footer .minker .botNav .li .tit{ display: flex; justify-content: flex-start; align-items: center; margin-bottom: 17px;}
.footer .minker .botNav .li .tit a{ display: block; font-size: 14px; color: #878792; line-height: 20px; padding-right: 15px;}
.footer .minker .botNav .li .con a{ display: flex; justify-content: flex-start; align-items: center; font-size: 12px; color: #e4e7e8; line-height: 20px; margin-bottom: 10px; transition: all 0.5s;}
.footer .minker .botNav .li .con a em{ display: block; width: 0; height: 6px; border-radius: 100%; background: #dc2a26; opacity: 0; transition: all 0.5s;}
.footer .minker .botNav .li .con a:hover em{ margin-right: 5px; width: 6px; opacity: 1;}
.footer .minker .botNav .li .con a:hover{ color: #dc2a26;}
.footer .foot{ border-top: 1px solid #3c3c42; line-height: 40px; font-size: 14px; color: #878792;}
.footer .foot a{ display: inline-block; color: #878792;}
.footer .foot .mink{ float: left;}
.footer .foot .mine{ float: right;}
/* 常见问题 */
.bannerDate{ width: 100%; overflow: hidden; margin-top: 80px;}
.bannerDate .img a{ display: block; width: 100%; overflow: hidden;}
.bannerDate .img a img{ display: block; width: 100%;}
.titleDate{ background: #fafafa; border-bottom: 1px solid #cecece; line-height: 50px;}
.titleDate .left{ float: left; display: flex; justify-content: flex-start;}
.titleDate .left em{ display: block; width: 10px; height: 50px; background: url(../img/icon15.png) no-repeat center; background-size: 100% auto; margin-right: 10px;}
.titleDate .left a{ display: block; font-size: 12px; color: #999;}
.titleDate .left a.one{ color: #333;}
.titleDate .left a.two{ color: #dc2a26;}
.titleDate .left i{ width: 8px; height: 50px; background: url(../img/icon16.png) no-repeat center; background-size: 100% auto; margin: 0 11px 0 13px;}
.titleDate .right{ float: right; display: flex; justify-content: flex-start;}
.titleDate .right a{ display: block; font-size: 14px; color: #333; margin-left: 25px; position: relative; transition: all 0.5s;}
.titleDate .right a em{ display: block; width: 1px; height: 18px; background: #cecece; position: absolute; top: 50%; margin-top: -9px; left: -13px;}
.titleDate .right a:first-child em{ opacity: 0;}
.titleDate .right a:hover{ color: #dc2a26;}
.titleDate .right a.on{ color: #dc2a26;}
.matterTitle .left{ float: left; padding: 15px 0; display: flex; justify-content: flex-start; line-height: 30px;}
.matterTitle .left h1{ font-size: 26px; color: #333; margin-right: 20px;}
.matterTitle .left p{ font-size: 12px; line-height: 12px; color: #999; padding-top: 17px; text-transform: uppercase;}
.matterTitle .right{ float: right; width: 395px; height: 58px; border: 1px solid #dfdfdf; border-radius: 30px; position: relative; padding: 0 75px 0 30px; transition: all 0.5s;}
.matterTitle .right:hover{ border-color: #dc2a26;}
.matterTitle .right input{ display: block; width: 100%; height: 56px; font-size: 14px; border: none;background-color: #f7f7f7;}
.matterTitle .right input::placeholder{ color: #666;}
.matterTitle .right button{ display: block; width: 22px; height: 100%; border: none; background: url(../img/icon17.png) no-repeat center; background-size: 100% auto; position: absolute; top: 0; right: 30px; transition: all 0.5s;} 
.matterTitle .right:hover button{ background: url(../img/search2.png) no-repeat center; background-size: 100% auto;}
.matterList, .newsList{ padding: 65px 0 80px 0;}
.matterList .cont{ padding: 55px 0 0 0;}
.matterList .cont .li{ float: left; width: 690px; height: 176px; background: #fafafa; margin-bottom: 25px; transition: all 0.5s; border: 1px solid hsla(0,0%,100%,0.00);}
.matterList .cont .li:nth-child(2n){ float: right;}
.matterList .cont .li:hover{ border-color: #dc2a26;}
.matterList .cont .li a{ display: block; padding: 25px 25px 0 25px;}
.matterList .cont .li .top{ height: 44px; padding: 0 70px 0 75px; position: relative;}
.matterList .cont .li .top em{ display: block; width: 44px; height: 44px; background: #dc2a26; text-align: center; line-height: 44px; font-size: 22px; color: #fff; position: absolute; top: 0; left: 0;}
.matterList .cont .li .top h1{ font-size: 16px; color: #333; line-height: 44px; transition: all 0.5s;}
.matterList .cont .li:hover .top h1{ color: #dc2a26;}
.matterList .cont .li .top .icon{ width: 30px; height: 30px; background: url(../img/icon18.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 50%; margin-top: -15px; right: 0; transition: all 0.5s;}
.matterList .cont .li:hover .top .icon{ background: url(../img/icon18m.png) no-repeat center; background-size: 100% 100%;}
.matterList .cont .li .bot{ margin-top: 20px; padding-left: 75px; position: relative;}
.matterList .cont .li .bot em{ display: block; width: 44px; height: 44px; background: #b5b5b5; text-align: center; line-height: 44px; font-size: 22px; color: #fff; position: absolute; top: 0; left: 0;}
.matterList .cont .li .bot p{ font-size: 14px; line-height: 36px; color: #666; padding-top: 5px;}
.pageing{ display: flex; justify-content: flex-end;}
.pageing a{ display: block; width: 36px; height: 38px; border: 1px solid #e6e6e5; border-radius: 2px; margin-left: 20px; font-size: 14px; color: #666; text-align: center; line-height: 38px;}
.pageing a.cur{ color: #dc2a26; border-color: #dc2a26;}
.pageing a.prev, .pageing a.next{ width: 78px; transition: all 0.5s;}
.pageing a.prev:hover, .pageing a.next:hover{ background: #666; color: #fff; border-color: #666; }
.pageing a.number{ border-color: hsla(0,0%,100%,0.00);}
.pageingTwo{ padding-top: 15px;}
/* 常见-详情 */
.matterDate{ padding: 75px 0 25px 0;}
.matterDate .leftDate{ float: left; width: 1070px;}
.matterDate .leftDate .text h1{ font-size: 24px; color: #111; text-align: center; line-height: 30px;}
.matterDate .leftDate .text .tit{ display: flex; justify-content: center; padding: 23px 0 25px 0; border-bottom: 1px solid #ececec; line-height: 20px; font-size: 12px; color: #999;}
.matterDate .leftDate .text .tit p{ margin-left: 40px; position: relative;}
.matterDate .leftDate .text .tit p i{ width: 1px; height: 12px; background: #ececec; position: absolute; left: -20px; top: 50%; margin-top: -6px;}
.matterDate .leftDate .text .tit em{ display: block; color: #dc2a26;}
.matterDate .leftDate .text .con{ padding: 16px 0; border-bottom: 1px solid #ececec; font-size: 16px; line-height: 32px; color: #666;}
.matterDate .leftDate .text .con p{ padding: 7.5px 0;}
.matterDate .leftDate .text .con img{ display:inline;}
.matterDate .leftDate .text .boot{ padding: 40px 0 45px 0;}
.matterDate .leftDate .text .boot .li{ display: flex; justify-content: space-between;}
.matterDate .leftDate .text .boot .li:first-child{ margin-bottom: 30px;}
.matterDate .leftDate .text .boot .li a{ display: block; height: 40px; border: 1px solid #ececec; background: #fafafa; border-radius: 22px; font-size: 12px; color: #666; line-height: 40px;}
.matterDate .leftDate .text .boot .li a i{ float: left; color: #999; transition: all 0.5;}
.matterDate .leftDate .text .boot .li a:hover i{ color: #fff; opacity: 0.8;}
.matterDate .leftDate .text .boot .li a.more{ width: 445px; padding: 0 65px 0 30px; background: #fafafa url(../img/icon20.png) no-repeat center right 30px; background-size: 8px auto; transition: all 0.5s;}
.matterDate .leftDate .text .boot .li a.more:hover{ background: #dc2a26 url(../img/icon2.png) no-repeat center right 30px; background-size: 8px auto; border-color: #dc2a26; color: #fff;}
.matterDate .leftDate .text .boot .li a.run{ padding: 0 68px 0 35px; background: url(../img/icon19.png) no-repeat center right 33px; background-size: 12px auto; color: #dc2a26; border-color: #dc2a26; white-space: nowrap; transition: all 0.5s;}
.matterDate .leftDate .text .boot .li a.run:hover{ background: #dc2a26 url(../img/icon19m.png) no-repeat center right 33px; background-size: 12px auto; color: #fff;}
.matterDate .matterList .cont .li{ width: 520px;}
.matterDate .matterList, .matterDate .matterList .cont{ padding: 0;}
.matterDate .rightDate{ float: right; width: 264px;}
.matterDate .rightDate .tit{ padding-left: 15px; position: relative;}
.matterDate .rightDate .tit em{ display: block; width: 2px; height: 16px; background: #dc2a26; position: absolute; top: 50%; margin-top: -8px; left: 0;}
.matterDate .rightDate .tit h1{ font-size: 18px; color: #333; line-height: 30px;}
.matterDate .rightDate .list{ margin-top: 25px;}
.matterDate .rightDate .list .li{ margin-bottom: 25px;}
.matterDate .rightDate .list .li a{ display: block; width: 100%;}
.matterDate .rightDate .list .li .img{ width: 100%; overflow: hidden; border-radius: 4px; position: relative;}
.matterDate .rightDate .list .li .img img{ display: block; width: 100%; transition: all 0.5s;}
.matterDate .rightDate .list .li:hover .img img{ transform: scale(1.03);}
.matterDate .rightDate .list .li .img .up{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; opacity: 0.1;}
.matterDate .rightDate .list .li .text{ margin-top: 23px;}
.matterDate .rightDate .list .li .text h1{ font-size: 16px; line-height: 30px; color: #666; transition: all 0.5s;}
.matterDate .rightDate .list .li:hover .text h1{ color: #dc2a26;}
.matterDate .rightDate .list .li .text p{ font-size: 14px; line-height: 24px; color: #999; margin-top: 10px;}
/* news */
.newsList .cont{ padding: 30px 0 35px 0;}
.newsList .cont .li{ padding: 30px 0; border-bottom: 1px solid #ececec; transition: all 0.5s;}
.newsList .cont .li:hover{ border-color: #dc2a26;}
.newsList .cont .li a{ display: block;}
.newsList .cont .li .img{ float: right; width: 340px; height: 190px; border-radius: 8px; overflow: hidden;}
.newsList .cont .li .img img{ display: block; width: 100%; transition: all 0.5s;}
.newsList .cont .li:hover .img img{ transform: scale(1.03);}
.newsList .cont .li .text{ display: flex; justify-content: flex-start; align-items: flex-start; padding-top: 40px; padding-right: 30px;}
.newsList .cont .li .text .left p{ font-size: 26px; color: #666; line-height: 30px; font-family: Arial;}
.newsList .cont .li .text .left .icon{ width: 44px; height: 44px; background: #dc2a26 url(../img/icon21.png) no-repeat center; background-size: 16px auto; margin-top: 38px;}
.newsList .cont .li .text .com{ width: 36px; height: 2px; background: #cecece; margin: 13px 40px;}
.newsList .cont .li .text .bot{ width: 630px;}
.newsList .cont .li .text .bot h1{ font-size: 16px; color: #333; line-height: 30px; transition: all 0.5s;}
.newsList .cont .li:hover .text .bot h1{ color: #dc2a26;}
.newsList .cont .li .text .bot p{ font-size: 14px; color: #666; line-height: 26px; margin-top: 35px;}
.matterDate .leftDate .text .con h2{ font-size: 18px; color: #333; line-height: 40px; padding: 15px 0;}
.matterDate .leftDate .text .con .img{ padding: 25px 0;}
.matterDate .leftDate .text .con .img img{ display: block; max-width: 100%; margin: auto; border-radius: 12px;}
.matterDate .leftDate .text .con .img div{ font-size: 14px; color: #999; text-align: center; line-height: 20px; margin-top: 30px;}
/* 客户 */
.clientList{ margin: 80px 0;}
.clientList .cont{ padding: 55px 0 0 0;}
.clientList .cont .li{ float: left; width: 25%;}
.clientList .cont .li a{ display: block; height: 200px; border: 1px solid #f8f8f8; background: #fff; position: relative; transition: all 0.5s;}
.clientList .cont .li:hover a{ transform: scale(1.03); z-index: 5; box-shadow: 0 0 10px hsla(1,72%,51%,0.56);}
.clientList .cont .li:nth-child(2) a, .clientList .cont .li:nth-child(4) a, .clientList .cont .li:nth-child(5) a, .clientList .cont .li:nth-child(7) a, .clientList .cont .li:nth-child(10) a, .clientList .cont .li:nth-child(12) a{ background: #f8f8f8;}
.clientList .cont .li a img{ display: block; max-width: 80%; max-height: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all 0.5s;}
.clientList .cont .li:hover a img{ transform: translate(-50%,-50%) rotateY(360deg);}
/*  */
.producter{ padding: 60px 0 40px 0; background: #f7f7f7;}
.producter .minNavr .leftNav{ float: left; display: flex; justify-content: flex-start; font-size: 20px; line-height: 22px;}
.producter .minNavr .leftNav a{ display: block; color: #333; margin-right: 30px; position: relative; transition: all 0.5s;}
.producter .minNavr .leftNav a em{ display: block; width: 1px; height: 16px; background: #cecece; position: absolute; right: -15px; top: 50%; margin-top: -8px;}
.producter .minNavr .leftNav a:last-child em{ opacity: 0;}
.producter .minNavr .leftNav a.on{ color: #dc2a26;}
.producter .minNavr .leftNav a:hover{ color: #dc2a26;}
.producter .minNavr .rightNav{ float: right; display: flex; justify-content: flex-start; font-size: 14px; line-height: 16px; padding-top: 8px;}
.producter .minNavr .rightNav a{ display: block; color: #666; margin-left: 30px; position: relative; transition: all 0.5s;}
.producter .minNavr .rightNav a em{ display: block; width: 1px; height: 14px; background: #cecece; position: absolute; right: -15px; top: 50%; margin-top: -7px;}
.producter .minNavr .rightNav a:last-child em{ opacity: 0;}
.producter .minNavr .rightNav a.on{ color: #dc2a26;}
.producter .minNavr .rightNav a:hover{ color: #dc2a26;}
.producter .cont{ margin-top: 45px;}
.producter .cont .mink{ display: none;}
.producter .cont .mink.on{ display: block;}
.producter .cont .li{ float: left; width: 335px; height: 392px; background: #fff; margin-bottom: 23px; margin-right: 23.3px; transition: all 0.5s; position: relative;}
.producter .cont .li:nth-child(4n){ margin-right: 0;}
.producter .cont .li a{ display: block; height: 100%; border: 1px solid hsla(0,0%,100%,0.00); transition: all 0.5s;}
.producter .cont .li .over {width: 335px;height: 392px;background-color: rgba(0,0,0, 0.4);z-index: 999;position: absolute;top: 0;display: flex;align-items: center;justify-content: center;display: none;}
.producter .cont .li:hover .over{ border-color: #dc2a26; display: flex; transition: all .5s; }
.producter .cont .li .img{ width: 100%; height: 264px; overflow: hidden; position: relative; margin-bottom: 20px;}
.producter .cont .li .img img{ display: block; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; transition: all 0.5s;}
.producter .cont .li:hover .img img{ transform: scale(1.02);}
.producter .cont .li h1{ padding: 0 10px; font-size: 18px; color: #333; line-height: 23px; text-align: center; transition: all 0.5s;}
.producter .cont .li:hover h1{ color: #dc2a26;}
.producter .cont .li p{ font-size: 14px; color: #666; text-align: center; line-height: 20px; margin-top: 15px; padding: 0 10px;}
.producterDate{ padding: 60px 0 50px 0;}
.producterDate .leftMink{ width: 260px; float: left;}
.producterDate .leftMink .tit{ padding: 19px 30px; background: #dc2a26;}
.producterDate .leftMink .tit h1{ font-size: 18px; color: #fff; line-height: 30px;}
.producterDate .leftMink .tit2{ padding: 9px 30px; background: #eee;}
.producterDate .leftMink .tit2 h1{ font-size: 14px; color: #333; line-height: 25px;}
.producterDate .leftMink .mink{ margin-bottom: 30px;}
.producterDate .leftMink .list, .producterDate .leftMink .lister{ border: 1px solid #e4e4e4; border-top: none;}
.producterDate .leftMink .list a{ display: block; padding: 14px 30px; border-top: 1px solid #e4e4e4; font-size: 14px; color: #333; line-height: 20px; text-transform: uppercase; background: url(../img/icon22.png) no-repeat left 10px center; background-size: 6px auto;}
.producterDate .leftMink .list a.on, .producterDate .leftMink .list a:hover{ background: #e4e4e4 url(../img/icon22.png) no-repeat left 10px center; background-size: 6px auto;}
.producterDate .leftMink .list a:first-child{ border-top: none;}
.producterDate .leftMink .lister .li{ border-top: 1px solid #e4e4e4; padding: 20px 13px;}
.producterDate .leftMink .lister .li:first-child{ border-top: none;}
.producterDate .leftMink .lister .li a{ display: block;}
.producterDate .leftMink .lister .li .img{ padding: 15px 0 35px 0;}
.producterDate .leftMink .lister .li img{ width: 100%; display: block; transition: all 0.5s;}
.producterDate .leftMink .lister .li:hover img{ transform: scale(1.05);}
.producterDate .leftMink .lister .li h1{ font-size: 14px; color: #333; line-height: 20px; transition: all 0.5s;}
.producterDate .leftMink .lister .li:hover h1{ color: #dc2a26;}
.producterDate .leftMink .lister .li p{ font-size: 12px; color: #666; line-height: 20px;height:60px;word-break:break-all;}
.producterDate .rightMink{ width: 1114px; float: right;}
.producterDate .rightMink .tit{ padding: 19px 20px; background: #dc2a26;} 
.producterDate .rightMink .tit h1{ font-size: 18px; color: #fff; line-height: 30px;}
.producterDate .rightMink .winer{ border: 1px solid #e4e4e4; border-top: none;}
.producterDate .rightMink .frame{ padding: 60px 0 50px 30px;}
.producterDate .rightMink .frame .img{ width: 460px; float: left; padding: 15px 115px 0 40px;}
.producterDate .rightMink .frame .img img{ width: 100%;}
.producterDate .rightMink .frame .text{ float: left; width: 440px;}
.producterDate .rightMink .frame .text h1{ font-size: 20px; color: #333; line-height: 24px;}
.producterDate .rightMink .frame .text h2{ font-size: 16px; color: #dc2a26; line-height: 20px; margin-bottom: 10px;}
.producterDate .rightMink .frame .text p{ font-size: 14px; color: #666; line-height: 26px;}
.producterDate .rightMink .frame .text .liOne p{ line-height: 30px;}
.producterDate .rightMink .frame .text .liOne em{ float: left; width: 8px; height: 8px; border-radius: 100%; background: #d3d3d3; margin: 11px 10px 0 0;}
.producterDate .rightMink .frame .text .li{ margin-top: 20px;}
.producterDate .rightMink .frame .text .liOne{ margin-top: 30px;}
.producterDate .rightMink .mineMer h1{ font-size: 18px; color: #333; line-height: 20px; padding: 0 0 13px 20px; border-bottom: 1px solid #e4e4e4; font-weight: bold;}
.producterDate .rightMink .mineMer .come{ padding: 43px;}
.producterDate .rightMink .mineMer .come img{ display: inline;}
.producterDate .rightMink .mineMer .come h3{ line-height: 36px; font-size: 16px; color:#e7081b; font-weight: bold;}
.producterDate .rightMink .mineMer .come p{ line-height: 23px; margin-top:5px;}

.producterDate .rightMink .mineMer table{ text-align: center; width: 100%;}
.producterDate .rightMink .mineMer table p{ display: block; padding: 15px 10px; font-size: 14px; color: #333; line-height: 20px;}
.producterDate .rightMink .mineMer table td{ background: #f5f3f2;}
.producterDate .rightMink .mineMer table th p{ display: block; padding: 15px 10px; line-height: 20px; background: #888; font-size: 16px; color: #fff; font-weight: normal;}
.producterDate .rightMink .mineMer table tr:nth-child(2n) td{ background: #fff;}
.producterDate .rightMink .come .li{ float: left; width: 128px; margin-left: 50px;}
.producterDate .rightMink .come .li:first-child{ margin-left: 0;}
.producterDate .rightMink .come .li a{ display: block; width: 100%; height: 85px; overflow: hidden;}
.producterDate .rightMink .come .li a img{ display: block; width: 100%; transition: all 0.5s;}
.producterDate .rightMink .come .li:hover a img{ transform: scale(1.05);}
.producterDate .rightMink .come .li p{ font-size: 14px; line-height: 20px; color: #333; text-align: center; padding: 0 10px; margin-top: 15px; transition: all 0.5s;}
.producterDate .rightMink .come .li:hover p{ color: #dc2a26;}
.producterDate .rightMink .boot{ margin-top: 40px;}
.producterDate .rightMink .boot a{ float: left; padding: 0 40px 0 20px; width: 240px; height: 40px; border: 1px solid #ececec; background: #fafafa url(../img/icon20.png) no-repeat center right 22px; background-size: 8px auto; border-radius: 23px; font-size: 12px; line-height: 40px; color: #333; text-transform: uppercase; transition: all 0.5s;}
.producterDate .rightMink .boot a:hover{ background: #dc2a26 url(../img/icon2.png) no-repeat center right 22px; background-size: 8px auto; border-color: #dc2a26; color: #fff;}
.producterDate .rightMink .boot a i{ float: left; color: #999; transition: all 0.5s;}
.producterDate .rightMink .boot a:hover i{ color: #fff; opacity: 0.8;}
.producterDate .rightMink .boot a:last-child{ float: right;}
.producterDate .rightMink .come .li:nth-child(6n+1){ margin-left: 0;}
/*  */
.contactCont{ background: #fafafa; padding: 60px 0 70px 0;}
.contactCont .tacTop{ padding: 25px 40px; background: #fff;}
.contactCont .tacTop .cont{ padding: 15px 0 70px 0;}
.contactCont .tacTop .cont .left{ float: left; width: 600px;}
.contactCont .tacTop .cont .left .li{ margin-bottom: 15px; line-height: 24px;}
.contactCont .tacTop .cont .left .li h1{ font-size: 16px; color: #333; padding-left: 35px; position: relative;}
.contactCont .tacTop .cont .left .li h1 img{ display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.contactCont .tacTop .cont .left .li h1.m{ margin-top: 15px;}
.contactCont .tacTop .cont .left .li p{ font-size: 14px; color: #777; padding-left: 35px;}
.contactCont .tacTop .cont .right{ float: right; margin-right: 60px;}
.contactCont .tactMap{ margin-top: 40px;}
.contactCont .tactMap .leftMap{ float: left; width: 878px; height: 438px; background-size: cover;}
.contactCont .tactMap .form{ float: right; width: 475px;}
.contactCont .tactMap .form .li{ margin-bottom: 14px;}
.contactCont .tactMap .form .li:last-child{ padding-top: 27px;}
.contactCont .tactMap .form .li .b{ padding: 10px; border: 1px solid #ddd; border-radius: 4px; transition: all 0.5s;}
.contactCont .tactMap .form .li:hover .b{ border-color: #dc2a26; box-shadow: 0 0 10px #dc2a26;}
.contactCont .tactMap .form .li .b input{ display: block; width: 100%; height: 18px; font-size: 14px; border: none; background: hsla(0,0%,100%,0.00);}
.contactCont .tactMap .form .li .b input::placeholder, .contactCont .tactMap .form .li .b textarea::placeholder{ color: #999;}
.contactCont .tactMap .form .li .b textarea{ display: block; width: 100%; height: 165px; line-height: 18px; font-size: 14px; border: none; background: hsla(0,0%,100%,0.00); outline: none;}
.contactCont .tactMap .form .li button{ display: block; width: 100%; height: 48px; background: #dc2a26; border: none; border-radius: 4px; color: #fff; font-size: 16px; transition: all 0.5s;}
.contactCont .tactMap .form .li button:hover{ box-shadow: 0 0 10px #dc2a26;}

/*  */
.knowOne{ padding: 80px 0 60px 0;}
.knowOne .text .left{ float: left; width: 680px; padding-top: 18px;}
.knowOne .text .left img{ display: block; height: 55px;}
.knowOne .text .left .mer{ margin-top: 75px; font-size: 16px; line-height: 30px; color: #666;}
.knowOne .text .left .mer p{ margin-top: 25px;}
.knowOne .text .left .mer p:first-child{ margin-top: 0;}
.knowOne .text .img{ float: right; width: 676px; overflow: hidden; border-radius: 12px;margin-top:100px;}
.knowOne .text .img img{ display: block; width: 100%; transition: all 0.5s;}
.knowOne .text .img:hover img{ transform: scale(1.05);}
.knowOne .imger{ margin-top: 50px;}
.knowOne .imger .li{ float: left; position: relative; margin-left: 31px; border-radius: 4px; overflow: hidden;}
.knowOne .imger .li:first-child{ margin-left: 0;}
.knowOne .imger .li a{ display: block; width: 329px; height: 185px; border-radius: 4px; overflow: hidden;}
.knowOne .imger .li a img{ display: block; width: 100%; transition: all 0.5s;}
.knowOne .imger .li:hover a img{ transform: scale(1.05);}
.knowOne .imger .li .m{ width: 90%; text-align: center; font-size: 16px; line-height: 20px; color: #fff; position: absolute; bottom: 15px; left: 5%; transition: all 0.5s; z-index: 2;}
.knowOne .imger .li:hover .m{ color: #dc2a26;}
.knowOne .imger .li .up{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; opacity: 0.3; z-index: 1;}
.knowTwo{ background: url(../img/bsck.jpg) no-repeat center; background-size: cover; padding: 85px 0 110px 0;}
.knowTwo .matterTitle .left h1, .knowTwo .matterTitle .left p{ color: #fff;}
.knowTwo .cont{ width: 100%; margin-top: 140px; position: relative;}
.knowTwo .cont .com{ width: 100%; height: 1px; background: #d9d9d9; opacity: 0.7; position: absolute; left: 0; top: 50%; margin-top: -0.5px; z-index: 1;}
.knowTwo .cont .box{ width: 100%; height: 240px; position: relative;}
.knowTwo .cont .time{ width: 1120px; margin: auto;}
.knowTwo .cont .time .swiper-slide:nth-child(2n) .box{ margin-top: 200px;}
.knowTwo .cont .time .mer{ width: 1px; height: 60px; background: #d9d9d9; opacity: 0.7; position: absolute; bottom: 0; left: 50%; top: 160px; margin-left: -0.5px;}
.knowTwo .cont .time .swiper-slide:nth-child(2n) .mer{ bottom: auto; top: 22px;}
.knowTwo .cont .time .mer em{ display: block; width: 8px; height: 8px; border-radius: 100%; background: #d9d9d9; position: absolute; left: -3.5px; top: -4px;}
.knowTwo .cont .time .mer em.em2{ top: auto; bottom: -4px;}
.knowTwo .cont .time .text{ position: absolute; left: 0; bottom: 100px; width: 100%;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.knowTwo .cont .time .swiper-slide:nth-child(2n) .text{ top: 100px; bottom: auto;}
.knowTwo .cont .time .text h1{ font-size: 18px; color: #fff; font-weight: bold; line-height: 30px; margin-bottom: 10px;}
.knowTwo .cont .time .text p{font-size: 14px;color: #fff;line-height: 18px;padding: 3px 0;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.knowTwo .cont .timeDiv{ position: relative;}
.knowTwo .cont .timeDiv .em{ width: 40px; height: 40px; border-radius: 100%; position: absolute; bottom: 45px;}
.knowTwo .cont .timeDiv .emOne{ background: #dc2a26 url(../img/icon27.png) no-repeat center; background-size: 16px auto; left: 0;}
.knowTwo .cont .timeDiv .emTwo{ background: #dc2a26 url(../img/icon28.png) no-repeat center; background-size: 16px auto; right: 0;}
.knowTwo .cont .timeDiv .swiper-button-next, .knowTwo .cont .timeDiv .swiper-button-prev{ display: none;}
.knowThree{ background: #f9f9f9; padding: 65px 0 60px 0;}
.knowThree .tit{ margin-top: 55px; display: flex; justify-content: flex-start; align-items: center;}
.knowThree .tit .text{ margin-right: 60px;}
.knowThree .tit .text .ber{ display: flex; justify-content: flex-start; color: #dc2a26;}
.knowThree .tit .text .ber i{ display: block; font-size: 48px; line-height: 50px; font-weight: bold;}
.knowThree .tit .text .ber p{ font-size: 18px; line-height: 20px; padding-top: 25px; margin-left: 15px;}
.knowThree .tit .text em{ display: block; width: 64px; height: 6px; background: #dc2a26; margin-top: 26px;}
.knowThree .tit .mNav{ display: flex; justify-content: flex-start;}
.knowThree .tit .mNav .li{ height: 120px; background: #fff; margin-right: 25px;padding:0 25px; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.knowThree .tit .mNav .li .img{ width: 78px; height: 78px; background: #fff; border-radius: 100%; border: 1px solid #666; margin: 0 12px 0 0; transition: all 0.5s;}
.knowThree .tit .mNav .li:first-child .img{ background: #fff url(../img/minkonr1.png) no-repeat center; background-size: 44px auto;}
.knowThree .tit .mNav .li:nth-child(2) .img{ background: #fff url(../img/minkonr3.png) no-repeat center; background-size: 40px auto;}
.knowThree .tit .mNav .li:nth-child(3) .img{ background: #fff url(../img/minkonr5.png) no-repeat center; background-size: 44px auto;}
.knowThree .tit .mNav .li.on:first-child .img{ background: #dc2a26 url(../img/minkonr2.png) no-repeat center; background-size: 44px auto; border-color: #dc2a26;}
.knowThree .tit .mNav .li.on:nth-child(2) .img{ background: #dc2a26 url(../img/minkonr4.png) no-repeat center; background-size: 40px auto; border-color: #dc2a26;}
.knowThree .tit .mNav .li.on:nth-child(3) .img{ background: #dc2a26 url(../img/minkonr6.png) no-repeat center; background-size: 44px auto; border-color: #dc2a26;}
.knowThree .tit .mNav .li:first-child:hover .img{ background: #dc2a26 url(../img/minkonr2.png) no-repeat center; background-size: 44px auto; border-color: #dc2a26;}
.knowThree .tit .mNav .li:nth-child(2):hover .img{ background: #dc2a26 url(../img/minkonr4.png) no-repeat center; background-size: 40px auto; border-color: #dc2a26;}
.knowThree .tit .mNav .li:nth-child(3):hover .img{ background: #dc2a26 url(../img/minkonr6.png) no-repeat center; background-size: 44px auto; border-color: #dc2a26;}
.knowThree .tit .mNav .li p{ font-size: 16px; color: #666; transition: all 0.5s;}
.knowThree .tit .mNav .li.on p{ color: #dc2a26;}
.knowThree .tit .mNav .li:hover p{ color: #dc2a26;}
.knowThree .boot{ margin-top: 55px; opacity: 0; position: absolute; top: 0; left: 0; right: 0; z-index: -1;}
.knowThree .boot.on{ opacity: 1; z-index: 2; display: block;}
.knowThree .boot .left{ float: left; padding-top: 10px;}
.knowThree .boot .left .li{ padding-left: 38px; font-size: 16px; color: #666; line-height: 38px; position: relative; transition: all 0.5s;}
.knowThree .boot .left .li:hover{ color: #dc2a26;}
.knowThree .boot .left .li em{ display: block; width: 8px; height: 8px; border-radius: 100%; background: #999; position: absolute; left: 0; top: 50%; margin-top: -4px;}
.knowThree .right{ padding: 0 80px; position: relative; float: right;}
.knowThree .right .swiper-container{ width: 100%; width: 700px; height: 348px; padding: 0 12px 20px 12px;}
.knowThree .right .img{ width: 248px; height: 348px; position: absolute; top: 0; left: 50%; margin-left: -124px;}
.knowThree .right .img img{ width: 100%; box-shadow: 0 10px 10px #eee;}
.knowThree .right .swiper-button-next, .knowThree .right .swiper-button-prev{ display: none;}
.knowThree .right .em{ width: 40px; height: 40px; position: absolute; top: 50%; margin-top: -20px;}
.knowThree .right .emOne{ background: url(../img/icon29.png) no-repeat center; background-size: 100% auto; left: 0; transition: all 0.5s;}
.knowThree .right .emTwo{ background: url(../img/icon30.png) no-repeat center; background-size: 100% auto; right: 0; transition: all 0.5s;}
.knowThree .right .emOne:hover{ background: url(../img/icon29m.png) no-repeat center; background-size: 100% auto; left: 0;}
.knowThree .right .emTwo:hover{ background: url(../img/icon30m.png) no-repeat center; background-size: 100% auto; right: 0;}
.knowThree .bootYer{ position: relative; width: 100%; height: 415px;}
.knowFour{ padding: 65px 0 90px 0; background: url(../img/jer.jpg) no-repeat center; background-size: cover;}
.knowFour .cont{ width: 1050px; margin: 65px auto 0; display: flex; justify-content: center;}
.knowFour .cont .li{ width: 350px; position: relative;} 
.knowFour .cont .li .img1{ width: 100%;}
.knowFour .cont .li .img2{ width: 100%; position: absolute; top: 0; left: 0; z-index: 1;}
.knowFour .cont .li .img3{ width: 100%; position: absolute; top: 0; left: 0; z-index: 3;}
.knowFour .cont .li .text{ width: 90%; position: absolute; left: 5%; top: 140px; z-index: 4; text-align: center; color: #fff; line-height: 20px;}
.knowFour .cont .li .text h1{ font-size: 16px;}
.knowFour .cont .li .text p{ font-size: 12px; text-transform: uppercase; transform: scale(0.9);}
.knowFour .cont .li .bot{ width: 90%; position: absolute; left: 5%; bottom: 110px; z-index: 4; text-align: center; color: #fff; line-height: 20px; font-size: 12px;}
.knowFour .cont .li .logt{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 5;}
/*  */
.navCell{ display: none;}
.hearCell{ height: 60px; position: fixed; top: 0; left: 0; right: 0; background: #fff; z-index: 20; padding: 0 15px;}
.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(../img/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(../img/icon-22.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 15px; right: 15px;}
.listCell .tit{ display: block; font-size: 16px; color: #333; line-height: 30px; transition: all 0.1s;}
.listCell .tit.titOne{ background: url(../img/icon20.png) no-repeat center right 5px; background-size: 8px auto;}
.listCell .tit.on{ background: url(../img/icon20m.png) no-repeat center right 5px; background-size: 14px auto;}
.listCell .list{ position: absolute; top: 150px; left: 0; right: 0; bottom: 110px; overflow-y: auto; padding: 0 20px;}
.listCell .list .li{ border-bottom: 1px solid #ececec; padding: 7px 0;}
.listCell .list .mink{ display: none; padding-top: 3px;}
.listCell .list .mink a{ display: block; font-size: 15px; color: #666; line-height: 30px; padding-left: 25px; position: relative;}
.listCell .list .mink a em{ display: block; width: 6px; height: 6px; background: #666; border-radius: 100%; position: absolute; top: 50%; margin-top: -3px; left: 10px;}
.listCell .tel{ position: absolute; bottom: 20px; left: 20px; right: 20px;}
.listCell .tel h2{ font-size: 16px; color: #666; line-height: 20px;}
.listCell .tel p{ font-size: 22px; line-height: 30px; color: #dc2a26; white-space: nowrap; margin-top: 3px;}
#map1{ width: 100%; height: 100%;}
hr {
	display: block;
	padding: 0;
	border: 0;
	height: 0;
	border-top: 1px solid #eee;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}