

*{margin:0;padding:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
HTML {OVERFLOW-X: hidden;}
body{ font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;font-size:16px; line-height:30px;-webkit-font-smoothing: antialiased; overflow-x:hidden;background:#fff; color:#000; }
a{color:#000; text-decoration:none;outline:none; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.3s;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
a:hover{text-decoration:none; color:#e62021}
ol,ul,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.clear{ clear:both}
.clearfix{clear:both;zoom:1;}
.clearfix:after{ content:"."; display:block; height:0;clear:both;visibility:hidden;}
.ovh{ overflow:hidden}
table{ border-collapse:collapse;}
img{ border:none;}
input,textarea,select,button,input{ outline:none;font-size:16px;font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;}
input{-webkit-appearance: none ;}
.zi{ color:#e62021}

.section{ padding:80px 0; min-height:500px;}
.sectionpre{ padding-top:80px;}
.sectionnext{ padding-bottom:80px;}

.mbg{ background:#f5f5f5}

#a01, #a02, #a03, #a04, #a05{ position: absolute;  margin-top:-92px;}
.wrap{ width:88%; max-width:1400px; margin:0 auto;}
.nmain .wrap{max-width:1320px;}

.jvzhong{ text-align:center}
.title { margin-bottom:25px; position:relative; overflow:hidden}
.title h3{ font-size:45px; line-height:45px; font-weight:bold; color:#000; padding-bottom:12px; position: relative; text-transform:uppercase;}
.title h4{ font-size:24px; position:relative;}
.title h4 span{ position:relative; display:inline-block; padding:0 10px 0 0; background:#fff}
.mbg .title h4 span{background:#f5f5f5}
.title.jvzhong h4 span{ position:relative; display:inline-block; padding:0 10px; background:none}
.title h4:after{ content:""; position:absolute; left:0; width:100%; height:1px; background:#ddd; top:50%; margin-top:-0.5px; z-index:-2}
.title.jvzhong h4:after{ width:calc(50% - 80px)}
.title.jvzhong h4:before{ content:""; position:absolute; right:0; width:calc(50% - 80px); height:1px; background:#ddd; top:50%; margin-top:-0.5px; z-index:-2}


.title.jvzhong h4 span:before, .title h4 span:after{content:"";display:inline-block;width:42px;height:1px; position: absolute; top:50%; margin-top:-0.5px; background:#e71c1f; left:-42px;}
.title h4 span:after{content:"";display:inline-block;width:42px;height:1px; position: absolute; top:50%; margin-top:-0.5px; background:#e71c1f; left:-42px;}
.title h4 span:after{ left:auto; right:-42px;}
.title p{ color:#999; padding:10px 0}
.title p a{ color:#999}
.title p a:hover{color:#e62021}
.title:after{ content:""; position:absolute; width:59px; height:12px; bottom:0; left:50%; margin-left:-30px; background:url(http://molimiero.com/images/tbg.png) no-repeat center bottom;}

.title02 h3{ font-size:45px; text-transform:uppercase;}

.pic1{ height:auto; display:block; overflow:hidden;}
.pic1 img{ width:100%; height:auto;transition: all 1.5s; display:block;}

.pic{ height:auto; display:block; overflow:hidden;}
.pic img{ width:100%; height:auto;transition: all 1.5s; display:block; max-height:300px;}
.pic:hover img,.pic1:hover img, .swiper-slide:hover .pic img{transform:scale(1.05);}

.img-dv{ position:relative; overflow:hidden}
.img-dv .img1{ display:block; width:100%;}
.img-dv .img2{ position:absolute;left:0;right:0;top:0;bottom:0; margin:auto; max-width:100%; min-height:100%}


body{ position:relative}

.header{width: 100%;top:0;left:0;position:fixed; height:92px; z-index:999;background:#fff; border-bottom:solid 1px #ddd;box-shadow: 0 0 15px rgba(0,0,0,0.3);}
.header .logo{ position:absolute; left:3%; top:50%; margin-top:-35px; z-index:99}
.header .logo img{ display:block; height:70px; width:auto}
.header .use{ float:right; background:#e61d20; line-height:92px;}
.header .search{ float:left; width:84px; height:92px; border-right:solid 1px #fff;}
.header .search a{background:url(../image/search.png) no-repeat center center; width:84px; height:92px; display:block; cursor:pointer}
.header .search .sub{position:absolute; clear:both;width:100%; display:none; top:92px; left:0;height: 150px;  background: #c1c1c1; }
.header .search .sub .subin {width: 100%;margin:25px auto;max-width: 500px;position:relative; z-index:999 }
.header .search .sub .subin #searchInput {background: #FFF;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;height: 40px;width: calc(100% - 84px);-webkit-box-sizing: border-box;box-sizing: border-box;padding-left: 10px;border-radius: 0; border:none}
.header .search .sub .subin #searchBtn {width: 80px;height: 40px;background: #e62021;color: #FFF;margin-left: -3px; border:none}
.search-box{ background-color:rgba(0,0,0,0.5); position:absolute; width:100%; height:100%; z-index:2; display:none}
.header .use .tel{border-right:solid 1px #fff; font-size:18px; color:#fff; background:url(../image/tel.png) no-repeat left center; padding:0 25px; float:left; margin-left:20px;}
.header .use .tel a{ color:#fff;}
.menu-btn{ float:left; display: none;}

.header .menu {width:100%; position:absolute; left:0;text-align:center; z-index:-1}
.header .menu li{ display:inline-block;}
.header .menu li:nth-child(2), .header .menu li:nth-child(3), .header .menu li:nth-child(4), .header .menu li:nth-child(6), .header .menu li:nth-child(7), .header .menu li:nth-child(8),.header .menu li:nth-child(9){position:relative; }
.header .menu li .menu_a{ line-height:92px; display:block; font-size:18px; color:#000;position:relative; margin:0 25px}
.header .menu li .menu_a.cur{ color:#e62021;}
.header .menu li .sub{position:absolute; display:none;clear:both; background:#fff; z-index:99;}
.header .menu li .subchang{ width:100%; left:0%;box-shadow: 0 0 10px rgba(0,0,0,0.15); }
.header .menu li .subduan{width:140%; margin-left:-20%;box-shadow: 0 0 10px rgba(0,0,0,0.15); }

.header .menu .subduan{ text-align:center; line-height:40px;}
.header .menu .subduan a{ display:block; background-color:#fff; }
.header .menu .subduan a:hover{background-color: #e62021; color:#fff;}
.header .menu li .subduanprd{width:200%; margin-left:-30%;box-shadow: 0 0 10px rgba(0,0,0,0.15); }
.header .menu .subduanprd{ text-align:center; line-height:40px;}
.header .menu .subduanprd a{ display:block; background-color:#fff; }
.header .menu .subduanprd a:hover{background-color: #e62021; color:#fff;}


.header .menu li .subchang .item{ float:left; width:11.11%; padding:30px 0 50px 0}
.header .menu li .subchang .item img{ display:block; width:auto; max-width:50%;transition: 0.5s; margin:20px auto 20px auto}
.header .menu li .subchang .item:hover img{ margin:10px auto 30px auto}
/*animate*/
@keyframes rightOpacityShow{
0%{ transform: translateX(-80px);opacity:0;}
80%{ transform: translateX(20px);}
100%{ transform:translateX(0); opacity:1;}
}
.header .menu li .sub p:nth-child(1){animation: 0.4s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(2){animation: 0.5s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(3){animation: 0.6s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(4){animation: 0.7s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(5){animation: 0.8s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(6){animation: 0.9s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(7){animation: 1.0s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(8){animation: 1.1s ease-in-out 0s 1 normal both running rightOpacityShow;}


.banner, .nbanner{margin-top:92px;}
.banner{ position:relative; z-index:1;  height:auto !important }
.banner img{ display:block; width:100%; height:auto !important}
.banner .swiper-container{position:relative; height:auto !important}
.banner .swiper-pagination{bottom:2%; text-align:center;}
.banner .swiper-pagination-bullet{ width:14px; height:14px; border:solid 2px #fff; opacity:1; background:none; margin:0 5px; border-radius:50%;}
.banner .swiper-pagination-bullet-active{ border:solid 2px #e62021; }
.banner .swiper-slide{ position:relative}



.iproducts{ position:relative; z-index:1;  height:auto !important }
.iproducts .swiper-slide{ margin-bottom:45px}
.iproducts .swiper-container{position:relative; height:auto !important}
.iproducts .swiper-pagination{bottom:0 !important; text-align:center;}
.iproducts .swiper-pagination-bullet{ width:48px; height:6px; border:none; opacity:1; background:#ddd; margin:0 5px; border-radius:3px;}
.iproducts .swiper-pagination-bullet-active{ background:#e62021;}
.iproducts .swiper-slide{ position:relative; background:#fbfbfb; padding:25px;}
.iproducts .swiper-slide:nth-child(2n){ background:#f5f5f5}
.iproducts .swiper-slide:hover{ background:#e62021;box-shadow: 0 0 5px #ccc; }
.iproducts .swiper-slide:hover a{ color:#fff}
.iproducts .swiper-slide .text{ padding:25px;}
.iproducts .swiper-slide .text h4{ font-size:20px;}
.iproducts .swiper-slide .text h3{ font-size:24px; font-weight:bold; padding:6px 0 }
.iproducts .swiper-slide .text p{ line-height:24px; height:72px; font-size:14px; color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.iproducts .swiper-slide:hover .text p{ color:#fff}



.iapplication .iapplist .pic1{ overflow:hidden; position:relative; margin-bottom:100px;}
.iapplication .iapplist .swiper-slide{ width:80%; max-width:1400px}
.iapplication .iapplist .swiper-button-prev,.iapplication .iapplist .swiper-button-next{ width:100px; height:62px; left:calc(50% - 750px); margin-top:-31px; outline:none;}
.iapplication .iapplist .swiper-button-prev{ background:url(../image/appleft.png) no-repeat center rgba(0,0,0,0.7)}
.iapplication .iapplist .swiper-button-next{ left:auto; right:calc(50% - 750px);background:url(../image/appright.png) no-repeat center rgba(0,0,0,0.7)}

@media screen and (max-width: 1750px){
.iapplication .iapplist .swiper-slide{ max-width:1360px}
.iapplication .iapplist .swiper-button-prev,.iapplication .iapplist .swiper-button-next{ left:calc(50% - 730px);}
.iapplication .iapplist .swiper-button-next{ left:auto; right:calc(50% - 730px);}
}


@media screen and (max-width: 1700px){
.iapplication .iapplist .swiper-slide{ max-width:1320px}
.iapplication .iapplist .swiper-button-prev,.iapplication .iapplist .swiper-button-next{ left:calc(50% - 710px);}
.iapplication .iapplist .swiper-button-next{ left:auto; right:calc(50% - 710px);}
}

@media screen and (max-width: 1650px){
.iapplication .iapplist .swiper-slide{ max-width:1280px}
.iapplication .iapplist .swiper-button-prev,.iapplication .iapplist .swiper-button-next{ left:calc(50% - 690px);}
.iapplication .iapplist .swiper-button-next{ left:auto; right:calc(50% - 690px);}
}
@media screen and (max-width: 1600px){
.iapplication .iapplist .swiper-slide{ max-width:1240px}
.iapplication .iapplist .swiper-button-prev,.iapplication .iapplist .swiper-button-next{ left:calc(50% - 670px);}
.iapplication .iapplist .swiper-button-next{ left:auto; right:calc(50% - 670px);}
}
@media screen and (max-width: 1550px){
.iapplication .iapplist .swiper-slide{ max-width:1200px}
.iapplication .iapplist .swiper-button-prev,.iapplication .iapplist .swiper-button-next{ left:calc(50% - 650px);}
.iapplication .iapplist .swiper-button-next{ left:auto; right:calc(50% - 650px);}
}
@media screen and (max-width: 1500px){
.iapplication .iapplist .swiper-slide{ max-width:1160px}
.iapplication .iapplist .swiper-button-prev,.iapplication .iapplist .swiper-button-next{ left:calc(50% - 630px);}
.iapplication .iapplist .swiper-button-next{ left:auto; right:calc(50% - 630px);}
}
@media screen and (max-width: 1450px){
.iapplication .iapplist .swiper-slide{ max-width:1120px}
.iapplication .iapplist .swiper-button-prev,.iapplication .iapplist .swiper-button-next{ left:calc(50% - 610px);}
.iapplication .iapplist .swiper-button-next{ left:auto; right:calc(50% - 610px);}
}
@media screen and (max-width: 1400px){
.iapplication .iapplist .swiper-slide{ max-width:1080px}
.iapplication .iapplist .swiper-button-prev,.iapplication .iapplist .swiper-button-next{ left:calc(50% - 590px);}
.iapplication .iapplist .swiper-button-next{ left:auto; right:calc(50% - 590px);}
}
@media screen and (max-width: 1366px){
.iapplication .iapplist .swiper-slide{ max-width:1040px}
.iapplication .iapplist .swiper-button-prev,.iapplication .iapplist .swiper-button-next{ left:calc(50% - 570px);}
.iapplication .iapplist .swiper-button-next{ left:auto; right:calc(50% - 570px);}
}
@media screen and (max-width: 1300px){
.iapplication .iapplist .swiper-slide{ max-width:1000px}
.iapplication .iapplist .swiper-button-prev,.iapplication .iapplist .swiper-button-next{ left:calc(50% - 550px);}
.iapplication .iapplist .swiper-button-next{ left:auto; right:calc(50% - 550px);}
}

@media screen and (max-width: 1240px){
.iapplication .iapplist .swiper-slide{ max-width:80%}
.iapplication .iapplist .swiper-button-prev,.iapplication .iapplist .swiper-button-next{ left:calc(10% - 50px);}
.iapplication .iapplist .swiper-button-next{ left:auto; right:calc(10% - 50px);}
}
@media screen and (max-width: 1024px){
.iapplication .iapplist .swiper-slide{ max-width:100%}
.iapplication .iapplist .swiper-button-prev,.iapplication .iapplist .swiper-button-next{ left:0;}
.iapplication .iapplist .swiper-button-next{ left:auto; right:0;}
}


.iapplication .iapplist .swiper-button-prev:hover{background:url(../image/appleft.png) no-repeat center #e62021}
.iapplication .iapplist .swiper-button-next:hover{background:url(../image/appright.png) no-repeat center #e62021}
.iapplication .iapplist .swiper-slide-active .pic:after{ background:rgba(0,0,0,0)}

.iapplication .iapplist .text{ opacity:0; padding:60px; width:30%; height:calc(100% - 120px); min-width:360px; position:absolute; left:110px; top:110px; background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.15); }
.iapplication .iapplist .text:after{ content:""; position:absolute; left:0; top:80px; width:5px; height:52px; background:#e62021}
.iapplication .iapplist .swiper-slide-active .text{ opacity:1}
.iapplication .iapplist .text h3{ font-size:30px; color:#333; line-height:75px; border-bottom:solid 1px #ddd}
.iapplication .iapplist .text p{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:5;overflow: hidden; margin-top:25px; font-size:14px; color:#666}
.iapplication .iapplist .text .more{ margin-top:30px; width:140px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:14px;background:url(../image/appright.png) #e61d20 no-repeat 80% center; background-size:24px auto; padding-right:40px; transition: 0.5s;}
.iapplication .iapplist .text .more:hover{background:url(../image/appright.png) #e61d20 no-repeat 90% center; background-size:24px auto; }
.iapplication .iapplist .text .num{ text-align:center; position:absolute; bottom:60px; width:calc(100% - 120px); color:#888;}
.iapplication .iapplist .text .num span{ font-size:24px; color:#e62021}

.iapplication .iapplist .swiper-pagination{bottom:2%; text-align:center;}
.iapplication .iapplist .swiper-pagination-bullet{ width:14px; height:14px; border:solid 2px #ddd; opacity:1; background:none; margin:0 5px; border-radius:50%;}
.iapplication .iapplist .swiper-pagination-bullet-active{ border:solid 2px #e62021; }


.iabout .abpic{ float:right; width:50%; position:relative;}
.iabout .abpic .cpic{ position:relative; padding-right:12px; padding-bottom:12px;}
.iabout .abpic .cpic:after{ content:""; position:absolute; background:#e62021; right:0px;bottom:0px; width:calc(100% - 12px); height:calc(100% - 12px); z-index:-1}
.iabout .abpic .chart{box-shadow: 0 0 15px #ccc; position:absolute; left:-50px; top:15%; z-index:99; width:420px; height:120px; padding:30px 20px;background:url(../image/contact.png) #fff no-repeat 10% center; padding-left:112px}
.iabout .abpic .chart .chertin{ border-left:solid 1px #ddd; padding-left:25px}
.iabout .abpic .chart .chertin h3{ font-size:18px; font-weight:bold}
.iabout .abpic .bg{ position:absolute; width:370px; height:90px; background:#e62021; top:calc(15% + 40px); left:10px; }
.iabout .abtext { float:left; width:40%;  margin-top:30px}
.iabout .abtext .title h5{ font-size:20px; font-weight:bold; color:#e62021; text-transform:uppercase;}
.iabout .abtext .title h4{ margin-left:242px; position:relative; margin-top:-43px}
.iabout .abtext .conn h3{ font-size:30px; margin-bottom:30px;}
.iabout .abtext .conn .more a{ margin-top:50px; display:block; width:140px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:14px;background:url(../image/appright.png) #e61d20 no-repeat 80% center; background-size:24px auto; padding-right:40px; transition: 0.5s;}
.iabout .abtext .conn .more a:hover{background:url(../image/appright.png) #e61d20 no-repeat 90% center; background-size:24px auto; }



.iyoushi .item{ float:left; width:23.5%; margin-right:2%}
.iyoushi .item:nth-child(4n){ margin-right:0;}
.iyoushi .item .text{ background:#fff; padding:30px 10px 10px 10px;box-shadow: 0 0 15px #ccc;  text-align:center; position: relative; margin-top:-57px; }
.iyoushi .item .text h3{ font-size:18px; font-weight:bold; margin-bottom:8px;}
.iyoushi .item .text p{ line-height:24px; height:48px;}
.iyoushi .item .icon{ width:22%; max-width:113px; border-radius:50%; border:solid 1px #e62021; overflow:hidden; background:#fff; position: relative; z-index:1}
.iyoushi .item .icon img{ display:block; width:100%; height:auto; }
.iyoushi .item:hover .icon{ background:#e62021}
.iyoushi .item:hover .icon img{ filter: grayscale(100%) brightness(2000%);}

.inews .title h3, .inews .title h4, .inews .title .more{ float:left; display:block}
.inews .title h3{ width:150px;}
.inews .title .more{ width:140px; float:right}
.inews .title .more a{ margin-top:5px; display:block; width:140px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:14px;background:url(../image/appright.png) #e61d20 no-repeat 80% center; background-size:24px auto; padding-right:40px; transition: 0.5s;}
.inews .title .more a:hover{background:url(../image/appright.png) #e61d20 no-repeat 90% center; background-size:24px auto; }

.inews .title h4{ width:calc(100% - 300px); margin-top:10px}
.inews .newsleft{ float:left; width:49%; position:relative}
.inews .newsright{ float:right; width:49%}
.inews .newsleft .wenzi{ position:absolute; width:84%; left:8%; bottom:40px; background:#fff; box-shadow: 0 0 5px #ccc; padding:20px 25px; z-index:9}
.inews .conn p{ font-size:14px; line-height:24px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.inews .conn h3{ font-size:18px; font-weight:bold; }
.inews .newsleft h3{margin-bottom:8px;}
.inews .newsleft .other{ position:absolute; font-size:14px; left:0px; bottom:0px; background:#e62021; color:#fff; width:180px; height:100px; padding:66px 0px 10px 0px; text-align:center}
.inews .newsleft .other a{ color:#fff} 

.inews .newsright .kuai{ margin-bottom:28px;}
.inews .newsright .kuai:hover{background:#e62021;}
.inews .newsright .kuai:last-child{ margin-bottom:0}
.inews .newsright .kuai .pic{ float:left; width:30%}
.inews .newsright .kuai .wenzi{ float:right; width:66%}
.inews .newsright .kuai .other, .inews .newsright .kuai .other a{ color:#999}
.inews .newsright .kuai .other{ margin-bottom:15px;font-size:14px; }
.inews .newsright .kuai  p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}

.inews .newsright .kuai:hover h3,.inews .newsright .kuai:hover p,.inews .newsright .kuai:hover a, .inews .newsright .kuai:hover .other{ color:#fff;}



.footer{ background:#222222;}
.footer .content {width: 100%; display:flex;display:-webkit-flex;justify-content : space-between;}
.footer ul {width: 100%;display:flex;display:-webkit-flex;justify-content: space-between;}
.footer li {color:#adb2b3;display:inline-block; }
.footer li .flogo{ width:auto; max-width:209px; display:block; margin-bottom:25px;}
.footer li:last-child img{ width:auto; max-width:125px; display:block}
.footer li h3{ font-size:20px; margin-bottom:10px; font-size:18px; font-weight:bold; margin:15px 0}
.footer li a{ color:#adb2b3;}
.footer li a:hover{ color:#fff}
.footer li p{ font-size:14px; line-height:24px;}
.footer li .flianxi div{ float:left; margin-right:15px; border-radius:50%; margin-top:15px; border:solid 1px #adb2b3;}
.footer li .flianxi div a{ display:block; position:relative}
.footer li .flianxi div a img{ display:block; width:auto;}
.footer li .flianxi div:hover{border:solid 1px #e62021;background:#e62021; border-radius:50%;}
.footer li .flianxi div:hover a img{filter: grayscale(100%) brightness(2000%);}
.footer li .flianxi .sub{position:absolute; padding:10px; clear:both; display:none; z-index:9;width:124px; margin-left:-50px;margin-top:6px; background:#e62021}
.footer li .flianxi .sub img{ display:block; width:100%; height:auto}
.footer li .flianxi .sub:before{position: absolute;content: '';width: 0;height: 0;left: 50%; top: 0;margin-left: -10px;border-style: solid; border-width: 0 10px 10px 10px;border-color: transparent transparent #fff transparent; z-index:9}
.copyright{ border-top:solid 1px #4c4d4e; background:#222222; line-height:24px; font-size:14px; text-align:center; padding:28px 0; color:#adb2b3;}
.copyright a{ color:#adb2b3;}
.copyright a:hover{ color:#fff}


.float_r{ position:fixed; font-size:12px; right:0px; top:50%; margin-top:-104px; z-index:111;}
.float_r li{position:relative; height:62px; margin-bottom:8px; cursor:pointer;}
.float_r .hd{position:absolute; left:-150px; top:0px; display:none; }
.float_r .img{background:#7f7f7f; height:62px; text-align:center; width:62px;}
.float_r .img img{position:relative; top:5px; display:block; margin:0 auto}
.float_r .img p{ padding-top:5px; color:#fff;}
.float_r li:hover .img{background:#de1e1f;}
.float_r li:hover .img img{ top:15px;}
.float_r li:hover .img p{ display:none;}
.float_r li:hover .hd{display:block;}
.float_r .li1 .hd{background:#e62021; width:180px; font-size:18px; height:62px; left:-180px;}
.float_r .li1 em{ display:block;color:#fff; text-align:center; line-height:62px; font-style:normal}
.float_r .li2 .hd{background:#e62021; width:180px; font-size:18px; height:62px; left:-180px;}
.float_r .li2 em{ display:block;color:#fff; text-align:center; line-height:62px;font-style:normal}
.float_r .li3 .hd{background:#e62021; width:150px ; text-align:center; padding:10px; color:#fff; bottom:0; top:auto; border-right:3px solid #fff}
.float_r .li3 .hd .ewm{ background:#fff;}
.float_r .li3 .hd .ewm img{ display:block; width:100%}



.nbanner{ position:relative; }
.nbanner img{ display:block; width:100%; height:auto}
.nbanner .text{ position:absolute; width:100%; left:0; top:50%; margin-top:-50px; text-align:center; color:#fff}
.nbanner .text a{ color:#fff}
.nbanner .text h3{ font-size:36px; line-height:36px; font-weight:bold; text-transform:uppercase}
.nbanner .text h4{ font-size:24px; margin-bottom:20px;}
.nbanner .text p{ font-size:14px;}


.nnav{box-shadow: 0 0 15px rgba(0,0,0,0.3); line-height:60px; background:#fff; text-align:center}
.nnav li{ display:inline-block; position:relative; padding:0 30px; min-width:152px; font-size:16px;}
.nnav li:after{ content:""; position:absolute; left:0; bottom:-1px; width:100%; height:3px;background:#fff;}
.nnav li.cur:after, .nnav li:hover:after{background:#e62021;}
.nnav li.cur a, .nnav li:hover a{ color:#e62021; font-weight:bold}
.nnav li a{ display:block; position:relative}
.nnav li a:after{content:""; position:absolute; left:50%; bottom:-6.5px; margin-left:-6.5px; width:13px; height:13px; opacity:0; background:url(../image/yuanq.png) no-repeat center center; z-index:1}
.nnav li:hover a:after, .nnav li.cur a:after{ opacity:1}


.nab01 .conn{ position:relative; margin-bottom:60px;}
.nab01 .pic img{ width:auto; max-width:60%; height:auto}
.nab01 .text{ position:absolute; max-width:70%; height:600px;background:url(../image/ablogo.png) #f5f5f5 no-repeat right bottom; background-size:25% auto; padding:4%; top:28px; right:0 }
.nab01 .text h3{ font-size:30px; font-weight:bold; line-height:40px}
.nab01 .text h4{ font-size:24px; margin-bottom:30px;}

.nab02 {background:url(../image/nlishi.jpg) no-repeat center center; }
.nab02 .title h3, .nab02 .title h4{ color:#fff}
.nab02 .title h4:after{ background:#fff}
.nab02 .title h4 span{ background:none}
.nab02 .swiper-container{position:relative; height:auto !important}
.nab02 .text{ width:100%; min-height:250px; background:#fff; border-top:solid 5px #e61d20; padding:30px; position:relative;box-shadow: 0 0 15px rgba(0,0,0,0.3);}
.nab02 .text h3{ font-size:20px; margin-bottom:10px; text-align:center; font-weight:bold}
.nab02 .text p{ color:#666}
.nab02 .text:after{ content:""; width:0; height:0; border-left:25px solid transparent; border-right:25px solid transparent; border-top:25px solid #fff; position:absolute; left:50%; margin-left:-25px; bottom:-25px}

.nab02 .biaoqian{ margin:60px auto 0 auto; width:90px; height:90px; border-radius:50%;background:#e62021; color:#fff; text-align:center; line-height:90px; font-size:24px; font-weight:bold;box-shadow: 0 0 15px rgba(0,0,0,0.3);}


.nab03 .pic, .nab03 .wenzi{ float:right; width:49%}
.nab03 .pic:nth-child(1){ float:left}
.nab03 .wenzi{ padding:60px 0}
.nab03 h3{ font-size:30px; font-weight:bold; margin-bottom:25px;}
.nab03 p{ font-size:24px;}


.nhonorlist{ position:relative}
.nhonor .swiper-container{position:relative; margin:0 auto; width:calc(100% - 120px)}
.nhonor .swiper-slide{position:relative;}
.nhonor .swiper-slide .pic{ padding:15px; display:block; position:relative}
.nhonor .swiper-slide:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:30%; background:#e61d20; z-index:-1}
.nhonor .swiper-button-prev, .nhonor .swiper-button-next{ width:47px !important; height:47px !important; outline:none; border-radius:50%}
.nhonor .swiper-button-prev{ background:url(../image/hleft.png) #f5f5f5 no-repeat center center; left:0}
.nhonor .swiper-button-next{ background:url(../image/hright.png) #f5f5f5 no-repeat center center; right:0}
.nhonor .swiper-button-prev:hover{ background:url(../image/holeft.png) #e61d20 no-repeat center center; opacity:1}
.nhonor .swiper-button-next:hover{ background:url(../image/horight.png) #e61d20 no-repeat center center; opacity:1}


.ncb01 .conn{ position:relative}
.ncb01 .item{ float:left; width:calc(33.33% - 1px); padding:30px 0; border-right:solid 1px #ddd; text-align:center}
.ncb01 .item:nth-child(3){ border:none}
.ncb01 .item .icon{transition: 0.5s; margin:10px auto 10px auto;}
.ncb01 .item:hover .icon{ margin:0px auto 20px auto;}
.ncb01 .item h3{ font-size:18px; margin-bottom:10px;}
.ncb01 .item p{ color:#666}


.message{ width:100%; max-width:808px; margin:40px auto 0 auto}
.message .row{ position:relative; clear:both}
.message .colum{position:relative;margin-bottom:20px; }
.message label{ position:absolute; left:0;top:0; line-height:48px; color:#999;padding-left:10px}
.message label span{ color:#e61d20}
.message .row2 .colum{ width:48%; float:left}
.message .row2 .colum:nth-child(2){ float:right}
.message .inp{width: 100%;border: 1px solid #ddd;line-height:48px;padding: 0 15px;transition: border-color .5s; padding-left:75px;}

.message textarea{width: 100%;height:200px; display:block;border: 1px solid #ddd;line-height:24px;padding:15px;transition: border-color .5s;padding-left:135px;margin-bottom:20px; }
.message .submit{ width:60%; line-height:48px; height:48px; text-align:center; cursor:pointer; font-size:18px; border:0; background:#e61d20; color:#fff; margin:0 auto; display:block;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.message input:hover, .message textarea:hover{box-shadow: 0 0 5px rgba(0,0,0,0.1);}

.message02{ width:100%; max-width:100% !important; margin:40px auto 0 auto}
.message02 .row2 .colum{ width:32% !important; float:left; margin-right:2%}
.message02 .row2 .colum:nth-child(2){ float:left}
.message02 .row2 .colum:nth-child(3){margin-right:0}
.message02 .submit{ width:36% !important; min-width:160px}

.nhr01 .item{ float:left; width:32%; margin-right:2%}
.nhr01 .item:nth-child(3n){ margin-right:0}
.nhr01 .item .tu{ position:relative}
.nhr01 .item .tu .pic{ margin-left:40px}
.nhr01 .item .tu .biao{ font-size:24px; color:#fff; background:#e61d20; font-weight:bold; width:170px; line-height:50px; position:absolute;box-shadow: 0 0 15px rgba(0,0,0,0.3); text-align:center; left:0; bottom:0}
.nhr01 .item .wenzi{ margin-left:50px; color:#666; margin-top:10px;}
.hrlist li{ width:32%; margin-top:-1px; margin-right:2%; margin-bottom:2%; padding:3%; background:#fff; border:1px solid #e8e8e8; float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; position:relative}
.hrlist li:nth-child(3n){ margin-right:0}
.hrlist li .icon{ width:20%; max-width:45px; height:auto; margin:0 auto;display:block;}
.hrlist li .icon img{ display:block; width:100%;}
.hrlist li .icon1{ display:none}
.hrlist li .tit{ font-size:22px; text-align:center; color:#333; padding:30px 0 20px; border-bottom:1px solid #d8d8d8}
.hrlist li .intro{line-height:24px; margin-top:15px; color:#999; height:48px; font-size:14px; overflow:hidden}
.hrlist li .more{ width:26px; height:26px; background:url(../image/arrow.png) no-repeat center; display:block; margin-top:15px}
.hrlist li:hover{box-shadow: 0 0 15px rgba(0,0,0,0.3); cursor:pointer}

.hrlist li .hd{ position:fixed; width:100%; height:100%; top:0;left:0;color:#666; display:none; z-index:99999999999}
.hrlist li .hd .bg{ position:absolute; top:0;left:0; width:100%; height:100%; background:#000; opacity:0.8; filter:alpha(opacity=80); z-index:98}
.hrlist li .hd .closed{ width:37px; height:37px; display:block; background:url(../image/close.png) no-repeat center; position:absolute; right:3%; top:3%; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;z-index: 99;}
.hrlist li .hd .closed:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
.hrlist li .hd .hr_con{ background:#fff; width:640px; height:70%; position:absolute;top:15%;left:50%; margin-left:-320px; padding:30px; line-height:38px; cursor:default; overflow-y:auto; z-index:99}
.hrlist li .hd .hr_con .tit_hd{ font-size:24px; color:#333; border-bottom:1px solid #e8e8e8; line-height:35px; padding-bottom:20px; margin-bottom:25px}



.nserivce .item{ float:left; width:32%; margin-right:2%;}
.nserivce .item:nth-child(3n){ margin-right:0;}
.nserivce .pic{ height:auto; display:block; overflow:hidden; margin-bottom:5px; cursor:auto}
.nserivce .pic img{ width:100%; height:auto;transition: all 1.5s;}
.nserivce .item:hover img{transform:scale(1.2);}
.nserivce .wenzi h3{ line-height:50px; font-size:24px; }
.nserivce .wenzi p{ color:#595d61}

.down .conn span{ text-align:center; display:block; float:left}
.down .dtop{ background-color:#dbdcdd; line-height:60px; font-size:18px;}
.down .dbottom{line-height:60px;}
.down .dbottom img{ display:block; width:30px; height:40px; margin:10px auto}
.down .dbottom li .dimg01{ display:block}
.down .dbottom li .dimg02{ display:none}
.down .dbottom li:hover .dimg01{ display:none}
.down .dbottom li:hover .dimg02{ display:block}
.down .dbottom li{ border-bottom:solid 1px #ddd}
.down .dbottom li:hover{ background-color:#f3f4f8}
.down .dtop span:nth-child(1), .down .dbottom li span:nth-child(1){ width:65%;}
.down .dbottom li span:nth-child(1){text-align:left}
.down .dtop span:nth-child(2), .down .dbottom li span:nth-child(2){ width:10%}
.down .dtop span:nth-child(3), .down .dbottom li span:nth-child(3){ width:10%}
.down .dtop span:nth-child(4), .down .dbottom li span:nth-child(4){ width:15%}


.napp .item{ float:left; width:32%; margin-right:2%; margin-bottom:2%; background:#fff}
.napp .item:nth-child(3n){ margin-right:0}
.napp .item:nth-child(3n+1){ clear:both}
.napp .item .show01{ display:block; position:relative;}
.napp .item .show02{ display:none;position:relative; text-align:center; color:#fff}
.napp .item:hover .show01{ display:none}
.napp .item:hover .show02{ display:block}
.napp .item img{ display:block; width:100%; height:auto}
.napp .item .text img{ width:auto;max-width:40%; margin:0 auto}
.napp .item .kbg{ opacity:0}
.napp .item .show01 .text{ position:absolute; width:100%; height:100%; padding:60px 40px;left:0; top:0}
.napp .item .text p{ text-align:center; font-size:20px; margin:10px auto }
.napp .item .more{ display:inline-block}
.napp .item .show01 .more{ color:#888; font-size:14px; margin-top:20px;background:url(../image/appright02.png) no-repeat 80% center; width:110px;background-size:24px auto;  }
.napp .item .show02 .bg{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; background-color:rgba(0,0,0,0.3)}
.napp .item .show02 .text{z-index:2; position:absolute; width:100%; height:auto; top:50%; margin-top:-55px;}
.napp .item .show02 .text p{font-size:24px; line-height:50px;}
.napp .item .show02 .text .more{background:url(../image/appright.png) no-repeat 90% center; background-size:24px auto; padding-right:40px; font-size:14px;}


.nappx .conn{ position:relative;}
.nappx .pic img{ width:auto; max-width:60%; height:auto}
.nappx .text{ position:absolute; max-width:60%; height:100%;background:#f5f5f5; padding:8%; top:58px; right:0 }
.nappx .text h3{ font-size:30px; font-weight:bold; line-height:40px; position:relative; margin-bottom:20px; padding-bottom:20px}
.nappx .text h3:after{ content:""; position:absolute; left:0; bottom:0; width:60px; height:4px;background:#e61d20;}

.nappx .pic2 img{ width:auto; max-width:60%; height:auto}
.nappx .text2{ position:absolute; width:50%; height:100%;background:#f5f5f5; padding:3%; top:0px; right:0 }
.nappx .text2 h3{ font-size:16px; line-height:25px; position:relative; margin-bottom:10px; padding-bottom:8px}
.nappx .text2 .curre{ font-weight:bold;}
.nappx .text2 h3:after{ content:""; position:absolute; left:0; bottom:0; width:60px; height:4px;background:#e61d20;}

.ntjpro .item{ float:left; width:25%}
.ntjpro .item:nth-child(4n){ float:right}
.ntjpro .item:nth-child(4n+1){ clear:both}
.ntjpro .item .text{ border-bottom:solid 1px #ddd; padding:15px 5px; text-align:center}
.ntjpro .item .text h3{ font-size:18px; font-weight:bold}
.ntjpro .item .text p{ font-size:14px; color:#888}
.ntjpro .item:hover .text{background:#e61d20; color:#fff; border-bottom:solid 1px #e61d20;}
.ntjpro .item:hover .text p{ color:#fff}
.newskuai1 { border-bottom:solid 1px #ddd; padding:10px 0; position:relative;}
.newskuai1 .wenzi1{ float:left; width:100%; color:#333;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.newskuai1:hover .wenzi1{ margin-right:2%;color:#e61d20}
.newskuai1 a:hover{color:#e61d20}

.newskuai { border-bottom:solid 1px #ddd; padding:40px 0; position:relative;}
.newskuai:nth-child(1){ margin-top:-20px}
.newskuai .pic{ float:left; width:32%}
.newskuai .wenzi{ float:right; width:64%; padding-top:10px; color:#333;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.newskuai:hover .wenzi{ margin-right:2%}
.newskuai a{ display:block; position:relative;}
.newskuai a:hover{background:#e61d20}
.newskuai .wenzi .biao span{ color:#e61d20; font-weight:bold}
.newskuai .wenzi h3{ margin:18px 0; font-size:18px; font-weight:bold}
.newskuai .wenzi p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; font-size:14px; color:#888}
.newskuai .more{ margin-top:30px; width:140px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:14px;background:url(../image/appright.png) #e61d20 no-repeat 80% center; background-size:24px auto; padding-right:40px; transition: 0.5s; position:absolute; bottom:0; left:36%; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.newskuai .more:hover{background:url(../image/appright.png) #e61d20 no-repeat 90% center; background-size:24px auto; }
.newskuai:hover .biao, .newskuai:hover .biao span, .newskuai:hover h3, .newskuai:hover p{ color:#fff}
.newskuai:hover .more{ left:34%}


.nnewsx .newstitle{ position:relative; padding-left:20px; margin-bottom:25px;}
.nnewsx .newstitle:before{ content:""; position:absolute; left:0; top:0; width:5px; height:100%; background:#e61d20}
.nnewsx .newstitle h3{ font-size:24px; font-weight:bold; margin-bottom:8px;}
.nnewsx .newstitle p{ color:#888;}
.nnewsx .newstitle p span{ color:#e61d20}
.nnewsx .newstitle .back{ width:140px; position:absolute; right:0; bottom:0}
.nnewsx .newstitle .back a{ margin-top:5px; display:block; width:140px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:14px;background:url(../image/appright.png) #e61d20 no-repeat 80% center; background-size:24px auto; padding-right:40px; transition: 0.5s;}
.nnewsx .newstitle .back a:hover{background:url(../image/appright.png) #e61d20 no-repeat 90% center; background-size:24px auto; }
.nnewsx img, .nprox img{ display:block; width:auto; max-width:100%;margin: 0 auto;}

.shangxia{ border-bottom:solid 1px #ddd; border-top:solid 1px #ddd; font-size:14px; padding:18px; margin-top:50px;color:#888}
.shangxia li{ float:left;}
.shangxia li:nth-child(2){ float:right;}
.shangxia li a{ color:#888}
.shangxia li a:hover{ color:#e61d20}

.tjnews .item{ float:left; width:32%; margin-right:1%; background:#fff; margin-top:15px; }
.tjnews .item:nth-child(3){ margin-right:0}
.tjnews .tu{ position:relative}
.tjnews .tu .shijian{ position:absolute;bottom:0; right:0; width:140px; line-height:45px; background:#e61d20; color:#fff; font-weight:bold; text-align:center}
.tjnews .wenzi{ padding:20px 25px;box-shadow: 0 0 15px rgba(0,0,0,0.3);} 
.tjnews .wenzi h3{ font-size:18px; font-weight:bold}
.tjnews .wenzi p{ margin-top:5px; width:110px; font-size:14px;background:url(../image/appright02.png) no-repeat 80% center; background-size:24px auto; padding-right:40px; transition: 0.5s; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s; color:#888}
.tjnews .item:hover .wenzi p{background:url(../image/appright.png) no-repeat 90% center; background-size:24px auto; }
.tjnews .wenzi p:hover{background:url(../image/appright.png) no-repeat 90% center; background-size:24px auto; }
.tjnews .item:hover {background:#e61d20;}
.tjnews .item:hover h3, .tjnews .item:hover p{ color:#fff}


.nprolist .item{ float:left; margin-right:2%; margin-bottom:2%; padding:2%; border-bottom:solid 2px #ddd; width:32%}
.nprolist .item:nth-child(3n){ margin-right:0}
.nprolist .item:nth-child(3n+1){ clear:both}
.nprolist .item .wenzi h3{ font-size:16px;color:#666}
.nprolist .item .wenzi h4{ font-size:18px; }
/*.nprolist .item:hover{background:#e61d20; border-bottom:solid 2px #e61d20; }*/
.nprolist .item a img{height:400px;}

.nprolist .more{ margin-top:5px; width:110px; font-size:14px;background:url(../image/appright02.png) no-repeat 80% center; background-size:24px auto; padding-right:40px; transition: 0.5s; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s; color:#888}
.nprolist .item:hover .more{background:url(../image/appright.png) no-repeat 90% center; background-size:24px auto; }
.nprolist .wenzi .more:hover{background:url(../image/appright.png) no-repeat 90% center; background-size:24px auto; }
/*.nprolist .item:hover {background:#e61d20;}*/
.nprolist .item:hover {background:#e61d20;}
.nprolist .item:hover h3, .nprolist .item:hover h4, .nprolist .item:hover .more{ color:#fff}


.nprox .conn{ position:relative; margin-bottom:60px;}
.nprox .picleft{ width:auto; max-width:48%; height:auto;position:relative; margin-left:-15px }
.nprox .picleft{ position:relative; z-index:1;  height:auto !important }
.nprox .picleft img{ display:block; width:100%;background:#fff;box-shadow: 0 0 15px rgba(0,0,0,0.3); height:auto !important;}
.nprox .picleft .swiper-container{position:relative; height:auto !important; }
.nprox .picleft .swiper-slide{ margin-bottom:30px; padding:15px;}
.nprox .picleft .swiper-pagination{bottom:0px; text-align:center;}
.nprox .swiper-pagination-bullet{ width:48px; height:6px; border:none; opacity:1; background:#ddd; margin:0 5px; border-radius:3px;}
.nprox .swiper-pagination-bullet-active{ background:#e62021;}
.nprox .picleft .swiper-slide{ position:relative}
.nprox .text{ position:absolute; max-width:60%; height:calc(100% - 60px);background:#f5f5f5; padding:6% 8% 6% 10%; top:58px; right:0; z-index:-1 }
.nprox .text1{ position:absolute; max-width:60%; height:calc(100% - 60px);background:#f5f5f5; padding:6% 8% 6% 10%; top:58px; right:0; z-index:0 }
.nprox .text h3{ font-size:30px; font-weight:bold; line-height:40px; position:relative; margin-bottom:20px; padding-bottom:20px}
.nprox .text h3:after{ content:""; position:absolute; left:0; bottom:0; width:60px; height:4px;background:#e61d20;}


.nprox table{ padding:16px 5px; line-height:24px;}
.nprox .back{ width:140px; margin:40px auto 0 auto}
.nprox .back a{ margin-top:5px; display:block; width:140px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:14px;background:url(../image/appright.png) #e61d20 no-repeat 80% center; background-size:24px auto; padding-right:40px; transition: 0.5s;}
.nprox .back a:hover{background:url(../image/appright.png) #e61d20 no-repeat 90% center; background-size:24px auto; }

/* page */
.block {width: 100%;overflow: hidden;position: relative;}
.page {padding: 40px 0;text-align: center;}
.page span,
.page a {width: 40px;height: 40px;line-height: 40px;text-align: center;font-size: 20px;margin: 5px;display: inline-block;vertical-align: middle;}
.page a {border: 1px #ddd solid;}
.page a:hover,
.page a.active {background-color: #e61d20;border-color:#e61d20;color: white;}
.page a.pre,
.page a.next {background-image: url(../image/arrow-black.svg);background-size: 50% 50%; background-repeat:no-repeat;background-position:center center;}
.page a.next {transform: rotate(180deg);}
.page a.pre:hover,
.page a.next:hover {background-image: url(../image/arrow-white.svg);}

@media(max-width:640px){
	.page {padding: .4rem 0;}
	.page span,
	.page a {width: .7rem;height: .7rem;line-height: .7rem;margin: .1rem;display: none;}
	.page a.pre,
	.page a.next {display: inline-block;}
}