@charset "utf-8";
@font-face
{
	font-family: DIN;
	src: url('../font/DIN-Bold.otf'),
	url('../font/DIN-Bold.otf'); 
}
*{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:"Source Han Sans CN","PingFang SC","Heiti SC","Microsoft Yahei",Helvetica,Arial,sans-serif;margin:0;padding:0;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;background:#fff; color:#484746; font-size:16px; line-height:30px;}
a{color:#484746; 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:#c7000c}
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:"Source Han Sans CN","PingFang SC","Heiti SC","Microsoft Yahei",Helvetica,Arial,sans-serif;}


.section{ padding:80px 0 100px 0; }
.iproducts.section, .inews.section{ padding:80px 0}
.sectionpre{ padding-top:80px;}
.sectionnext{ padding-bottom:100px;}

#a01, #a02, #a03, #a04, #a05, #a06{ position: absolute;  margin-top:-95px;}

.wrap{ width:84%; max-width:1400px; margin:0 auto}
@media screen and (max-width:1440px){
.wrap{ width:88%;}
}

@media screen and (max-width:920px){
.wrap{ width:92%;}
}
.jvzhong{ text-align:center}
.title { margin-bottom:35px; position:relative;}
.title h3{ font-size:40px; line-height:40px; font-weight:bold; position:relative; color:#222}
.title.title02 h3{ padding-left:20px;}
.title.title02 h3:after{ content:""; position:absolute; width:5px; height:26px; background:#c7000c; left:0; top:50%; margin-top:-13px;}
.title { position:relative;}
.title .more{ position:absolute; right:0; top:50%; margin-top:-21px;}
.title .more a{ display:block; width:150px; height:44px; line-height:44px; border-radius:22px; text-align:center; padding-right:30px;color:#fff; background:#666; position:relative}
.title .more a i{ position:absolute; display:block; width:34px; height:34px; top:5px; right:5px; border-radius:50%; background: url(../images/arrow.png) #fff no-repeat center center;}
.title .more:hover a i{background: url(../images/arrowred.png) #fff no-repeat center center;}
.title .more a:hover{background:#c7000c;}
.title .date{ margin-top:15px; color:#999}


.pic{ height:auto; display:block; overflow:hidden;}
.pic img{ width:100%; height:auto;transition: all 1.5s; display:block}
.kuai:hover .pic img, li:hover .pic img, a:hover .pic img,  .pic:hover 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%}


.space{height:160px;}
.header{position:fixed; width:100%; top:0; left:0;background:#fff; box-shadow: 0 0 10px rgba(0,0,0,0.15); z-index:99999;}
.top{  border-bottom:solid 1px #ddd; z-index:999; }
.top .wrap{ height:104px; position:relative}
.top .logo{ position:absolute; left:0; top:50%; margin-top:-27.5px; z-index:22;}
.top .logo img{ display: block; height:55px; width:auto; float:left; padding-right:20px; margin-right:20px; margin-right:20px; border-right: dotted 1px #ddd;}
.top .logo .ad{ float:left }
.top .logo .ad h3{ font-size:24px; font-weight:bold; color:#484746; letter-spacing:4.6px;}
.top .logo .ad h4{ font-size:18px; color:#555;}
.top .use{position:absolute; right:0; top:50%; margin-top:-21px; z-index:22; }
.top .use .tel{ float:right; margin-left:5px; background:url(../images/toptel.png) no-repeat left center; height:42px; padding-left:60px;}
.top .use .tel p{ line-height:16px; color:#666;}
.top .use .tel h3{ font-size:24px; font-weight:bold;}
.top .use .search{ float:right; height:42px; position:relative}
.top .use .search .searchbut{background:url(../images/fdjw02.png) #c7000c no-repeat center center; width:42px; height:42px; border-radius:50%; cursor:pointer; }
.top .use .search .searchbut:hover{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}
.top .use .search .sub{ display:none; position:absolute; top:50%; right:50px; border:solid 1px #c7000c; background:#fff; border-radius:20px; overflow:hidden; line-height:40px; height:40px; margin-top:-20px; padding:0 15px; width:250px;}
.top .use .search .sub .searchInput{ background:none; border:none; line-height:38px; height:38px; float:left; width:calc(100% - 25px); font-size:15px;}
.top .use .search .sub .submit{ background:none; border:none; line-height:38px; height:38px; float:right; width:20px; background:url(../images/fdj.png) no-repeat center center; background-size:18px auto; cursor:pointer;}

@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}


.menu{ text-align:center; height:56px;width:100%;left:0;position:relative; margin-top:-1px;}
.menu ul{width: 100%;display:flex;display:-webkit-flex;justify-content: space-between;}
.menu li{ display:inline-block; width:14.2857143%; position:relative;}
.menu li:after{ content:""; position:absolute; width:1px; height:20px; background:#ddd; top:50%; right:0; margin-top:-10px;}
.menu li:nth-child(1):before{ content:""; position:absolute; width:1px; height:20px; background:#ddd; top:50%; left:0; margin-top:-10px;}
.menu li.cur:after{ display:none}
.menu li.mcur:after{ display:none}
.menu li.mcur:before{ display:none !important}
.menu li .menu_a{display:block;font-size:18px; color:#000;line-height:56px;position:relative;transition:0s;-webkit-transition:0s;-moz-transition:0s;-ms-transition:0s;-o-transition:0s;}
.menu li .menu_a span{ display:block; width:100%; position:relative; z-index:22;}
.menu li .menu_a.cur span, .menu li.mcur .menu_a span{ color:#fff;}
.menu li .menu_a:after {content: '';width: 100%;height: 0px;background-color: #c7000c;position: absolute; bottom:0px; left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.menu .mcur a:after, .menu .cur a:after, .menu li:hover .menu_a:after {height: 100%}
.menu li .sub{position:absolute; display:none;clear:both; background:#fff; z-index:99;border-radius:0 0 10px 10px; overflow:hidden;}
.menu li .subduan{width:100%; box-shadow: 0 0 10px rgba(0,0,0,0.15); box-shadow: 0 0 10px rgba(0,0,0,0.15); padding:0px }
.menu .subduan{ text-align:center; }
.menu .subduan a{ display:block; line-height:48px; border-bottom:solid 1px #ddd}
.menu .subduan p:last-child a{ border:none;}
.menu .subduan a:hover{background:#c7000c; color:#fff;}
/*animate*/
@keyframes rightOpacityShow{
0%{ transform: translateX(-80px);opacity:0;}
80%{ transform: translateX(20px);}
100%{ transform:translateX(0); opacity:1;}
}
.menu li .sub p:nth-child(1){animation: 0.4s ease-in-out 0s 1 normal both running rightOpacityShow;}
.menu li .sub p:nth-child(2){animation: 0.5s ease-in-out 0s 1 normal both running rightOpacityShow;}
.menu li .sub p:nth-child(3){animation: 0.6s ease-in-out 0s 1 normal both running rightOpacityShow;}
.menu li .sub p:nth-child(4){animation: 0.7s ease-in-out 0s 1 normal both running rightOpacityShow;}
.menu li .sub p:nth-child(5){animation: 0.8s ease-in-out 0s 1 normal both running rightOpacityShow;}
.menu li .sub p:nth-child(6){animation: 0.9s ease-in-out 0s 1 normal both running rightOpacityShow;}
.menu li .sub p:nth-child(7){animation: 1s ease-in-out 0s 1 normal both running rightOpacityShow;}

.banner img{ display:block; width:100%; height:auto;}
.banner, .banner .swiper-slide,  .banner, .banner .swiper-slide a{ display:block; position:relative; height:calc(100vh - 215px); min-height:550px;}
.banner img{ display:none; width:100%; height:auto;}
.banner .text{position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:40%; color:#fff; width:100%}
.banner .text img{ display:inline-block !important; width:auto; max-width:380px;  height:auto; }
.banner .text .t1, .banner .text .t2{transition:all .6s ease-in-out .2s;-webkit-transition:all .6s ease-in-out .2s; opacity:0;}
.banner .text .t1{transform:translateX(-100px);-webkit-transform:translateX(-100px);font-size:48px;line-height:60px; font-weight:bold;}
.banner .text .t2{transform:translateX(100px);-webkit-transform:translateX(100px); font-size:48px; line-height:60px; margin-top:5px; font-weight:bold;}
.banner .swiper-slide.swiper-slide-active .text .t2,.banner .swiper-slide.swiper-slide-active .text .t1{transform:translate(0,0) scale(1);-webkit-transform:translate(0,0) scale(1);opacity:1;}

.banner .swiper-button-next:after, .banner .swiper-button-prev:after{ display:none !important}
.banner .swiper-button-prev, .banner .swiper-button-next{ width:50px; height:50px; border-radius:50%; margin-top:-25px; outline:none; opacity:0; top:50%; overflow:hidden}
.banner .swiper-button-prev{ background:url(../images/jt.png) rgba(0,0,0,1) no-repeat center center; background-size:20px auto; left:2%; opacity:0;-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);
filter:progid:DXImageTransform,Microsoft,BasicImage(rotation=2);}
.banner .swiper-button-next{ background:url(../images/jt.png) rgba(0,0,0,1) no-repeat center center;background-size:20px auto; right:2%; opacity:0;}
.banner:hover .swiper-button-prev{ background:url(../images/jt.png) rgba(0,0,0,1) no-repeat center center;background-size:20px auto; opacity:0.7}
.banner:hover .swiper-button-next{ background:url(../images/jt.png) rgba(0,0,0,1) no-repeat center center;background-size:20px auto; opacity:0.7}
.banner .swiper-pagination{bottom:90px !important;}
.banner .swiper-pagination-bullet{width: 8px;height: 8px;background-color: #fff;opacity: 1;margin:0 10px!important;position: relative;}
.banner .swiper-pagination-bullet:after{content: '';border: 1px solid #fff;border-radius: 50%;width: calc(100% + 12px);height: calc(100% + 12px);position: absolute;left: -6px;top: -6px;box-sizing: border-box;opacity: 0;}
.banner .swiper-slide-active{z-index: 2;}
.banner .swiper-pagination-bullet-active{ background:#fff; }
.banner .swiper-pagination-bullet-active:after{opacity: 1;}


.iproducts .pro-nav{ position: relative; border:solid 1px #ddd; height:130px; margin-top:-65px; z-index:99; background:#fff; display:table; width:100%;}
.iproducts .pro-nav li{ width:16.66%; cursor: pointer;  position:relative; font-size:18px; text-align:center;display: table-cell; vertical-align: middle;}
.iproducts .pro-nav li:after{ content:""; position:absolute; left:50%; bottom:0; width:0; height:3px; background:#c7000c;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.iproducts .pro-nav li:before{ content:""; width:0; height:0; left:50%; margin-left:-5px; opacity:0; position: absolute; bottom:0px; border-left:solid 10px transparent; border-right:solid 10px transparent;  border-top:solid 10px #c7000c;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s; }
.iproducts .pro-nav li img{ display:block; width:auto; max-width:55px; height:auto; margin:0 auto 5px auto;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%); opacity:0.8}
.iproducts .pro-nav li.cur a{ color:#c7000c; }
.iproducts .pro-nav li.cur:after{ width:100%;}
.iproducts .pro-nav li.cur:before{ bottom:-10px; opacity:1;}
.iproducts .pro-nav li.cur img{-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%); opacity:1}
.iproducts .protab-wrap{ margin-top:50px;}
.iproducts .protab-wrap .item{height: 0;opacity: 0;overflow: hidden;}
.iproducts .protab-wrap .item.cur{height: auto;opacity: 1;}
.iproducts .i-product-list{ position:relative}

.iproducts .i-product-list .swiper-slide{ border:solid 1px #ddd;  margin-bottom:30px; position:relative}
.iproducts .i-product-list .swiper-slide:hover{border:solid 1px #c7000c;}
.iproducts .i-product-list .swiper-slide .readmore{ opacity:0; position:absolute; width:100%; height:40px; line-height:40px; left:0px; bottom:0; background-color:rgba(199,0,12,0.7); color:#fff; text-align:center}
.iproducts .i-product-list .swiper-slide:hover .readmore{ opacity:1; }

.nsoldetail .item .readmore{ opacity:0; position:absolute; width:100%; height:40px; line-height:40px; left:0px; bottom:0;background-color:rgba(199,0,12,0.7); color:#fff; text-align:center}
.nsoldetail .item:hover .readmore{ opacity:1; }
.iproducts .i-product-list .swiper-slide .outpic{ position:relative; padding:30px 30px 0 30px;}
.iproducts .i-product-list .swiper-slide .text{ padding:30px 30px 45px 30px;}
.iproducts .i-product-list .swiper-slide .text h3{ font-size:20px; text-align:center; margin-bottom:10px; color:#222;}
.iproducts .i-product-list .swiper-slide:hover .text h3{ color:#c7000c}
.iproducts .i-product-list .swiper-slide .text p{ line-height:25px; height:75px; color:#666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.iproducts .swiper-pagination{bottom:0px !important;}
.iproducts .swiper-pagination-bullet{width: 8px;height: 8px;background-color: #555;opacity: 1;margin:0 10px!important;position: relative;}
.iproducts .swiper-pagination-bullet:after{content: '';border: 1px solid #c7000c;border-radius: 50%;width: calc(100% + 12px);height: calc(100% + 12px);position: absolute;left: -6px;top: -6px;box-sizing: border-box;opacity: 0;}
.iproducts .swiper-slide-active{z-index: 2;}
.iproducts .swiper-pagination-bullet-active{ background:#c7000c; }
.iproducts .swiper-pagination-bullet-active:after{opacity: 1;}



.icase{height: 820px;background: url(../images/pic20.jpg) #3c3b39 no-repeat center;background-size: cover;overflow: hidden; position:relative}
.icase .title{position: absolute;color: #fff;left: 50%;-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);top: 40%;width: 100%;}
.icase .title h3{ color:#fff;}
.icase .title p{ margin-top:15px; font-size:24px; }
.icase .title p span{ color:#c7000c; font-size:30px; font-weight:bold;}

.icase .title .more{ position: relative; right:auto; top:auto; margin-top:25px;}
.icase .title .more a{ background:#c7000c; display:inline-block }
.icase .title .more a i{ background: url(../images/arrowred.png) #fff no-repeat center center;}
.icase .title .more:hover a i{background: url(../images/arrow.png) #fff no-repeat center center;}
.icase .title .more a:hover{background:#555;}

.icase .box{position: relative;}
.icase .pic{position: absolute;top: -95%;z-index: 1;width: 100%;}
.icase .pic img{-webkit-animation:rotateImg 60s linear infinite;vertical-align: middle;width: 100%;max-width: 1456px;margin: 0 auto;display: block;}
@keyframes rotateImg {
  0% {transform : rotate(0deg);}
  100% {transform : rotate(360deg);}
}
@-webkit-keyframes rotateImg {
    0%{-webkit-transform : rotate(0deg);}
  100%{-webkit-transform : rotate(360deg);}
}
.icase .box{height: 820px;background: url(../images/pic38.png) no-repeat center; background-size:auto 100%}
.icase dt{border-radius: 100%;overflow: hidden;background: #54504e;position: absolute;z-index: 99;}
.icase dt img{ width:90%; margin:5%;filter:grayscale(100%) brightness(2000000%);}
.icase dt:hover{background: #c7000c;}
.icase dt.cir1{width: 85px;height: 85px;}
.icase dt.cir2{width: 108px;height: 108px;}
.icase dt.cir3{width: 129px;height: 129px;}
.icase dt.sz1{top: 10%;left: 5%;}
.icase dt.sz2{top: 32%;left: 0%;}
.icase dt.sz3{bottom: 20%;left: 5%;}
.icase dt.sz4{top: 18%;left: 16%;}
.icase dt.sz5{top: 44%;left: 15%;}
.icase dt.sz6{bottom: 10%;left: 28%;}
.icase dt.sz7{bottom: 35%;left: 31%;}
.icase dt.sz8{top: 8%;left: 33%;}
.icase dt.sz9{top: 10%;right: 33%;}
.icase dt.sz10{bottom: 38%;right: 29%;}
.icase dt.sz11{bottom: 10%;right: 33%;}
.icase dt.sz12{top: 25%;right: 17%;}
.icase dt.sz13{top: 10%;right: 2%;}
.icase dt.sz14{bottom: 42%;right: 2%;}
.icase dt.sz15{bottom: 12%;right: 8%;}

.icase02{height: auto !important;background:#3c3b39; position:relative; display:none}
.icase02 img{ display:block; width:90%; height:auto; margin:0 auto}

.isolution .conn{ position: relative;}
.isolution .tabmenu{ position:absolute; left:0; top:0; width:33%; height:100%} 
.isolution .tabmenu ul{ position: absolute; left:0; width:100%; height:100%}
.isolution .tabmenu ul li{ position:absolute; cursor:pointer; font-size:18px; width:calc(33.33% - 10px); height:calc(33.33% - 10px); margin-top:15px; margin-right:15px; border:solid 1px #ddd; background:#fff; text-align:center;}
.isolution .tabmenu ul li:nth-child(3n){ margin-right:0; right:0}
.isolution .tabmenu ul li:nth-child(1), .isolution .tabmenu li:nth-child(2), .isolution .tabmenu li:nth-child(3){ margin-top:0;}
.isolution .tabmenu ul li:nth-child(2), .isolution .tabmenu li:nth-child(5), .isolution .tabmenu li:nth-child(7){ left:calc(33.33% + 5px)}
.isolution .tabmenu ul li:nth-child(4), .isolution .tabmenu li:nth-child(5), .isolution .tabmenu li:nth-child(6){top:calc(33.33% - 10px)}
.isolution .tabmenu ul li:nth-child(7), .isolution .tabmenu li:nth-child(8), .isolution .tabmenu li:nth-child(9){top:auto; bottom:0}
.isolution .tabmenu ul li img{ display:block; width:auto; max-width:70px; height:auto; margin:18% auto 5px auto;}
.isolution .tabmenu ul li.cli{ background:#c7000c; color:#fff; border:solid 1px #c7000c;}
.isolution .tabmenu ul li.cli img{filter:grayscale(100%) brightness(20000%);}
.isolution #tabcontent{ width:65%; margin-left:35%; }
.isolution #tabcontent ul, .isolution #tabcontent ul a{ position:relative; display:block}
.isolution #tabcontent ul.hidden { display:none}
.isolution #tabcontent ul .text{ position:absolute; left:0; bottom:0; width:100%; padding:30px; background-color:rgba(0,0,0,0.7); color:#fff;}
.isolution #tabcontent ul .text h3{ font-size:24px; margin-bottom:10px}
.isolution #tabcontent ul .text p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; line-height:26px; height:52px;}




.iyoushi{ background:#c7000c;}
.iyoushi .title h3{ color:#fff;}
.iyoushi .conn .swiper-wrapper{border-left:solid 1px #ddd; }
.iyoushi .conn .swiper-slide{ width:20%; border-top:solid 1px #ddd; border-bottom:solid 1px #ddd;  border-right:solid 1px #ddd; padding:30px 30px 60px 30px; background:#fff; text-align:center}
.iyoushi .swiper-slide .icon{ position:relative; border-radius:50%; width:50%; max-width:68px; margin:20px auto;-moz-transition: 0.5s ease;-webkit-transition: 0.5s ease;transition: 0.5s ease;}
.iyoushi .swiper-slide:hover .icon{ -webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg)}
.iyoushi .swiper-slide .icon img{ display:block; width:100%; height:auto}

.iyoushi .conn .swiper-slide h3{ font-size:24px; margin-bottom:15px; font-weight:bold;}
.iyoushi .conn .swiper-slide p{ text-align:left; line-height:26px; opacity:0.8;}
.iyoushi .swiper-pagination{bottom:0px !important; display:none}
.iyoushi .swiper-pagination-bullet{width: 8px;height: 8px;background-color: #fff;opacity: 1;margin:0 10px!important;position: relative;}
.iyoushi .swiper-pagination-bullet:after{content: '';border: 1px solid #fff;border-radius: 50%;width: calc(100% + 12px);height: calc(100% + 12px);position: absolute;left: -6px;top: -6px;box-sizing: border-box;opacity: 0;}
.iyoushi .swiper-slide-active{z-index: 2;}
.iyoushi .swiper-pagination-bullet-active{ background:#fff; }
.iyoushi .swiper-pagination-bullet-active:after{opacity: 1;}


.inews .swiper-slide{ border:solid 1px #ddd; background:#fff}
.inews .swiper-slide .text{ padding:20px 20px 100px 20px; position:relative}
.inews .swiper-slide .text h3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; line-height:26px; height:52px; font-size:20px; margin-bottom:10px;}
.inews .swiper-slide .text p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; line-height:26px; height:52px; color:#666; bottom:60px;}
.inews .swiper-slide .text .bottom{ position:absolute; left:0; bottom:0; border-top:solid 1px #ddd; width:100%; line-height:55px; padding:0 20px; color:#999; background:url(../images/arrow.png) no-repeat calc(100% - 20px) center;}
.inews .swiper-slide:hover .text .bottom{ color:#fff; background:url(../images/arrowwhite.png) #c7000c no-repeat calc(100% - 20px) center;}


.inews .swiper-slide{ margin-bottom:30px;}
.inews .swiper-pagination{bottom:0px; display:none}
.inews .swiper-pagination-bullet{width: 8px;height: 8px;background-color: #555;opacity: 1;margin:0 10px!important;position: relative;}
.inews .swiper-pagination-bullet:after{content: '';border: 1px solid #c7000c;border-radius: 50%;width: calc(100% + 12px);height: calc(100% + 12px);position: absolute;left: -6px;top: -6px;box-sizing: border-box;opacity: 0;}
.inews .swiper-slide-active{z-index: 2;}
.inews .swiper-pagination-bullet-active{ background:#c7000c; }
.inews .swiper-pagination-bullet-active:after{opacity: 1;}



.footer { background:#585858; color:rgba(255,255,255,0.8)}
.footer .fcontent{ padding:65px 0 70px 0;}
.footer ul {width: 100%;display:flex;display:-webkit-flex;justify-content: space-between;}
.footer li {display:inline-block; line-height:35px; }
.footer li h3{ margin-bottom:15px; position:relative; color:#fff; font-size:18px;}
.footer a{color:rgba(255,255,255,0.8)}
.footer li h3 a, .footer a:hover{ color:#fff}
.footer .tel{background: url(../images/tel.png) no-repeat left 7px; padding-left: 35px;}
.footer .mail{background: url(../images/email.png) no-repeat left 7px; padding-left: 35px;}
.footer .add{background: url(../images/add.png) no-repeat left 7px; padding-left: 35px;}

.footer .copyright{ background:#505050; padding:20px 0; color:rgba(255,255,255,0.8); /*border-top:solid 1px rgba(255,255,255,0.25);*/ text-align:center}



.nbanner{ position:relative; width:100%; overflow:hidden;}
.nbanner img{ display:block; width:100%; height:auto}
.nbanner .text{ position:absolute; text-align:center; color:#fff; left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:calc(50% - 32px); width:100%}
.nbanner .text h3{font-size:45px; margin-bottom:20px; font-weight:bold; line-height:50px;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);}
.nbanner .text p{ color:#fff; text-align:center; font-size:18px;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);}
.nbanner .text p span{ padding:0 15px;}
.nbanner .text p a{ color:#fff;}
.nbanner .text p a:hover{ text-decoration:underline;}



.nproduide ul{ position: relative; border:solid 1px #ddd; height:130px; margin-top:-65px; z-index:99; background:#fff; display:table; width:100%;}
.nproduide ul li{ width:16.66%; cursor: pointer;  position:relative; font-size:18px; text-align:center;display: table-cell; vertical-align: middle;}
.nproduide ul li:after{ content:""; position:absolute; left:50%; bottom:0; width:0; height:3px; background:#c7000c;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.nproduide ul li:before{ content:""; width:0; height:0; left:50%; margin-left:-5px; opacity:0; position: absolute; bottom:0px; border-left:solid 10px transparent; border-right:solid 10px transparent;  border-top:solid 10px #c7000c;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s; }
.nproduide ul li img{ display:block; width:auto; max-width:55px; height:auto; margin:0 auto 5px auto;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%); opacity:0.8}
.nproduide ul li.cur a{ color:#c7000c; }
.nproduide ul li.cur:after{ width:100%;}
.nproduide ul li.cur:before{ bottom:-10px; opacity:1;}
.nproduide ul li.cur img{-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%); opacity:1}

.nsearch{ margin:50px 0; }
.nsearch span:nth-child(1){ display:block; float:left; width:130px; font-weight:bold;}
.nsearch span:nth-child(2){ display:block; float:right; width:calc(100% - 130px)}
.nsearch p{ margin-bottom:10px; line-height:28px;}
.nsearch a{ display:inline-block; padding:0 8px; cursor:pointer; margin-right:0px; margin-bottom:2px;;}
.nsearch a.cur, .nsearch a:hover{background:#c7000c; color:#fff;}

.nprolist .wrap{display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.nprolist .item{ width:23.5%; margin-right:2%; margin-bottom:2%;border:solid 1px #ddd; position:relative}
.nprolist .item:hover{border:solid 1px #c7000c;}
.nprolist .item:nth-child(4n){ margin-right:0}
.nprolist .item .outpic{ position:relative; padding:20px 20px 0 20px;}
.nprolist .item .readmore{ opacity:0; position:absolute; width:100%; height:40px; line-height:40px; left:0px; bottom: 0; background-color:rgba(199,0,12,0.7); color:#fff; text-align:center}
.nprolist .item:hover .readmore{ opacity:1; }
.nprolist .item .text{ margin-top:30px;padding:0px 30px 45px 30px; }
.nprolist .item .text h3{ font-size:20px; text-align:center; margin-bottom:10px; color:#222;}
.nprolist .item:hover .text h3{ color:#c7000c}
.nprolist .item .text p{ line-height:25px; height:75px; color:#666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}


.location {height:60px; line-height:58px;background:#f5f5f5}
.location p{ background:url(../images/home.png) no-repeat left center; padding-left:40px;}
.location span{ padding:0 10px;}


.protop{background:url(../images/protopbg.jpg) no-repeat center center; background-size:cover;}
.protop .location{ width:100%; line-height:24px; padding:18px 0; border-bottom:solid 1px rgba(255,255,255,0.3); border-top:solid 1px rgba(255,255,255,0.3); color:#666}
.protop .location a{ color:#666}
.protop .procon{ position: relative; margin-top:50px; margin-bottom:80px;}
.protop .procon .pics{ position:absolute; left:0; top:0; width:33%; max-width:430px; height:auto; border:solid 1px #dedede; background:#fff; padding:0px;}

.jqzoom{position:relative; overflow:hidden; text-align:center}
.jqzoom img{ width:100%;display:inline-block; vertical-align:middle}
.jqzoom i{display:inline-block; width:0; height:100%; vertical-align:middle}
.zoomdiv{z-index:100;position:absolute;top:1px; height:445px !important;left:450px !important; top:-1px !important;  border:1px solid #ddd;display:none;text-align:center;overflow: hidden; background:#fff;}
.bigimg{width:500px;height:auto;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;width:10px;height:10px; background:url(../images/zoom_bg.gif) repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}



.protop .wenzi{ width:65%; margin-left:35%;}
.protop .wenzi .conn .kuai{ margin-bottom:20px; border-bottom:solid 1px #ddd; padding-bottom:20px; line-height:30px;}
.protop .wenzi .conn .kuai:nth-child(2){ min-height:110px;}
.protop .wenzi .conn .item{ color: #666; margin:8px 0; clear:both; display:block;}
.protop .wenzi .conn .item .left{ width:90px; float:left; display:block}
.protop .wenzi .conn .item .right{ float:right; width:calc(100% - 90px)}
.protop .wenzi .conn .item .right a{ display:inline-block; padding:0px 10px 0px 30px; color:#fff; margin-right:3px; margin-bottom:3px; background:url(../images/tag.png) #999 no-repeat 10px center;}
.protop .wenzi .conn .item .right a:hover{background:url(../images/tag.png) #c7000c no-repeat 10px center;}
.protop .wenzi .protitle h3{ font-size:30px; font-weight:bold; margin-bottom:15px;}
.protop .wenzi .use{ margin-top:60px;}

.protop .wenzi .down ul{display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.protop .wenzi .down li{background:url(../images/iconpdf.png) no-repeat left center; padding-left:40px; width:100%;}
.protop .wenzi .down li a{ display:block;  background:url(../images/down.png) no-repeat right center; }

.protop .wenzi .use .ptel{float:left;}
.protop .wenzi .use .ptel a{ display:block; border-radius:5px; overflow:hidden; width:160px; line-height:42px; height:42px; background:url(../images/icon_7.png) #c7000c no-repeat 25px center; color:#fff; padding-left:30px; text-align:center;} 

.protop .wenzi .use .pfeedback{margin-left:45px; float:left;}
.protop .wenzi .use .pfeedback a{ display:block; border-radius:5px; overflow:hidden; width:160px; line-height:42px; height:42px; background:url(../images/pfeed.png) #c7000c no-repeat 25px center; color:#fff; padding-left:30px; text-align:center;} 


.npdpnav{ background-color:rgba(255,255,255,0.5);line-height:55px; height:55px; font-size:18px; }
.npdpnav ul{overflow-x:auto;overflow-y: hidden; width:100%;display: flex; display: -webkit-flex;}
.npdpnav li{white-space:nowrap; width:auto; display:inline-block; }
.npdpnav li a{ color:#222; padding:0 35px; display:inline-block; white-space:nowrap;}
.npdpnav li.cur a{ background:#c7000c; color:#fff;}



.nmain.section{ padding-top:60px !important}

.prodetail .title{ margin-bottom:0}
.prodetail .ktitle { position:relative; padding-left:18px; font-size:24px; font-weight:bold; margin-top:35px; border-bottom:solid 1px #ddd; padding-bottom:15px;}
.prodetail .ktitle:after{ content:""; position:absolute; left:0; top:50%; margin-top:-20px; width:5px; height:26px; background:#c7000c}
.prodetail .intro{ padding:25px 0; color:#555;}
.prodetail .intro ul.list{display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.prodetail .intro ul.list li{ float:left; line-height:32px; width:100%; position: relative; padding-left:15px;}
.prodetail .intro ul.list li:after{ content:""; position:absolute; left:0; top:50%; margin-top:-6px;  width:0; height:0; border-top:solid 6px transparent; border-bottom:solid 6px transparent;  border-left:solid 6px #c7000c;}
.prodetail .intro img{ width:auto; max-width:100%}


.npdpnav.fixeds{position:fixed; left:0; top:160px; width:100%; z-index:9; background: #eee;}
.section-wrapper {margin-top: -230px;padding-top: 230px;}

.back{ margin-top:80px;}
.back a{ display:block; margin:0 auto; width:150px; height:44px; line-height:44px; border-radius:22px; text-align:center; padding-right:30px;color:#fff; background:#666; position:relative}
.back a i{ position:absolute; display:block; width:34px; height:34px; top:5px; right:5px; border-radius:50%; background: url(../images/arrow.png) #fff no-repeat center center;}
.back:hover a i{background: url(../images/arrowred.png) #fff no-repeat center center;}
.back a:hover{background:#c7000c;}



.shangxia{ border-bottom:solid 1px #ddd; border-top:solid 1px #ddd; padding:18px 0; 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:#c7000c}


.relation{ position:relative}
.relation:after{ content:""; position:absolute; left:0; top:0; z-index:-1; width:100%; height:100%;background:#eee;}

.relation .conn{ overflow:hidden; position:relative}
.relation .swiper-slide{ border:solid 1px #ddd; margin-bottom:40px; background:#fff; position:relative}
.relation .swiper-slide .outpic{ position:relative; padding:20px 20px 0 20px}
.relation .swiper-slide .text{ margin-top:30px;padding:0px 30px 45px 30px; }
.relation .swiper-slide .text h3{ font-size:20px; text-align:center; margin-bottom:10px; color:#222;}
.relation .swiper-slide:hover .text h3{ color:#c7000c}
.relation .swiper-slide .text p{ line-height:25px; height:75px; color:#666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.relation .swiper-slide .readmore{ opacity:0; position:absolute; width:100%; height:40px; line-height:40px; left:0px; bottom:0%; background-color:rgba(199,0,12,0.7); color:#fff; text-align:center}
.relation .swiper-slide:hover .readmore{ opacity:1; }
.relation .swiper-slide:hover{ border:solid 1px #c7000c}
.relation .swiper-pagination{bottom:0px !important;}
.relation .swiper-pagination-bullet{width: 8px;height: 8px;background-color: #555;opacity: 1;margin:0 10px !important;position: relative;}
.relation .swiper-pagination-bullet:after{content: '';border: 1px solid #c7000c;border-radius: 50%;width: calc(100% + 12px);height: calc(100% + 12px);position: absolute;left: -6px;top: -6px;box-sizing: border-box;opacity: 0;}
.relation .swiper-slide-active{z-index: 2;}
.relation .swiper-pagination-bullet-active{ background:#c7000c; }
.relation .swiper-pagination-bullet-active:after{opacity: 1;}

.nnav { background-color:rgba(50,50,50, 0.8); line-height:60px; height:60px; margin-top:-60px; position:relative;}
.nnav li{ display:inline-block;}
.nnav li a{ padding:0 35px; display:block; color:#fff; font-size:18px;}
.nnav li.cur a, .nnav li a:hover{background:#c7000c;}

.mbg{background:#f6f6f6;}

.nsol .list{display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; margin-top:25px;}
.nsol .list .item{ width:49%; margin-right:2%; margin-top:2%; border:solid 1px #ddd; background:#fdfdfd; }
.nsol .list .item:nth-child(2n){ margin-right:0}
.nsol .list .item .text{ padding:30px 30px 40px 30px; position:relative}
.nsol .list .item .text h3{ font-size:24px; margin-bottom:15px; color:#222;}
.nsol .list .item .text p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; line-height:26px; height:52px; color:#666}
.nsol .list .item .text .more{transition: 0.6s; color:#888; display: inline-block; margin-top:30px; height:44px; line-height:44px; border-radius:22px; text-align:center; padding-right:40px;position:relative}
.nsol .list .item .text .more i{ position:absolute; display:block; width:34px; height:34px; top:5px; right:5px; border-radius:50%; background: url(../images/arrow.png)  no-repeat center center;}
.nsol .list .item:hover .text .more i{background: url(../images/arrowred.png) #fff no-repeat center center;}
.nsol .list .item:hover .text .more{background:#c7000c; padding:0 50px 0 25px; color:#fff;}


.nsoldetail .ndetailtop .pic{ float:left; width:48%}
.nsoldetail .ndetailtop .text{ float:right; width:48%; margin-top:5%}
.nsoldetail .ndetailtop .text h3{ font-size:30px; margin-bottom:25px; font-weight:bold; color:#222;}

.nsoldetail .conn{display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.nsoldetail .item{ width:23.5%; margin-right:2%; margin-bottom:2%;border:solid 1px #ddd;  background:#fff; position:relative}
.nsoldetail .item:nth-child(4n){ margin-right:0}
.nsoldetail .item .outpic{ position:relative; padding:20px 20px 0 20px;}
.nsoldetail .item .text{ margin-top:30px; padding:00px 30px 45px 30px;}
.nsoldetail .item .text h3{ font-size:20px; text-align:center; margin-bottom:10px; color:#222;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.nsoldetail .item:hover .text h3{ color:#c7000c}
.nsoldetail .item .text p{ line-height:25px; height:75px; color:#666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}


.nbz .list {display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.nbz .list .item{ position:relative; border:solid 1px #ddd; width:calc(16.66% - 16.66px); margin-right:20px; margin-bottom:20px; }
.nbz .list .item:nth-child(6n){ margin-right:0}
.nbz .list .item .isoimg{ height:140px;display:flex;align-items:center; text-align:center}
.nbz .list .item .isoimg img{ display:inline-block; width:auto; height:auto; max-width:90%; max-height:90%; margin:0 auto;}
.nbz .list .item .text{ position:absolute; opacity:0; left:0; top:0; width:100%; height:100%; background-color:rgba(80,80,80, 0.9); text-align:center; color:#fff;}
.nbz .list .item .text p{ width:100%; position:absolute; top:50%; margin-top:-15px; font-size:17px;}
.nbz .list .item:hover .text{ opacity:1}

.ncase .list {display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.ncase .list .item{ width:49%; margin-right:2%; margin-bottom:2%; border:solid 1px #ddd;}
.ncase .list .item:nth-child(2n){ margin-right:0}
.ncase .list .item .pic{ width:50%; float:left;}
.ncase .list .item .text{ width:50%; float:right; padding:25px 30px;}
.ncase .list .item .text h3{ font-size:20px; color:#222; line-height:28px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; height:56px;overflow: hidden; margin:10px 0;}
.ncase .list .item .text p{line-height:26px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; height:52px;overflow: hidden; color:#666;}
.ncase .list .item .text .more{transition: 0.6s; color:#888; display: inline-block; margin-top:30px; height:44px; line-height:44px; border-radius:22px; text-align:center; padding-right:40px;position:relative}
.ncase .list .item .text .more i{ position:absolute; display:block; width:34px; height:34px; top:5px; right:5px; border-radius:50%; background: url(../images/arrow.png)  no-repeat center center;}
.ncase .list .item:hover .text .more i{background: url(../images/arrowred.png) #fff no-repeat center center;}
.ncase .list .item:hover .text .more{background:#c7000c; padding:0 50px 0 25px; color:#fff;}



.npartner .list {display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; margin-top:40px;}
.npartner .list .item{ position:relative; border:solid 1px #ddd; width:calc(16.66% - 16.66px); margin-right:20px; margin-bottom:20px;height:120px;display:flex;align-items:center; text-align:center}
.npartner .list .item:nth-child(6n){ margin-right:0}
.npartner .list .item img{ display:inline-block; width:auto; height:auto; max-width:90%; max-height:90%; margin:0 auto;}


.nnewslist li{margin-bottom:3%;padding-bottom:3%;border-bottom: 1px solid #ddd;}
.nnewslist a{display:flex;display: -webkit-flex;justify-content: space-between;}
.nnewslist .pic{ position:relative;width: 30%;border-radius: 5px; background:#f5f5f5;}
.nnewslist .pic .img2{ width:auto; height:auto; max-width:100%; /*max-height:100%;*/}
.nnewslist .pic:before{padding-top:50%}
.nnewslist .txt{width: 67%; padding-top:1%;}
.nnewslist h3{ font-size:22px;font-weight: 500;line-height: 1.5;color:#333; margin-bottom:.6em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; -webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.nnewslist .intro{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;font-weight: 300;color: #666;}
.nnewslist .tm{ color:#999; margin-bottom:5px;}
.nnewslist li:hover .pic img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03); transform:scale(1.03)}
.nnewslist li:hover h3{color: #bf3532;}
.nnewslist li .more{transition: 0.6s; color:#888; display: inline-block; margin-top:30px; height:44px; line-height:44px; border-radius:22px; text-align:center; padding-right:40px;position:relative}
.nnewslist li .more i{ position:absolute; display:block; width:34px; height:34px; top:5px; right:5px; border-radius:50%; background: url(../images/arrow.png)  no-repeat center center;}
.nnewslist li:hover .txt .more i{background: url(../images/arrowred.png) #fff no-repeat center center;}
.nnewslist li:hover .txt .more{background:#c7000c; padding:0 50px 0 25px; color:#fff;}
.newsdetail .title h3{ font-size:34px;}
.newsdetail .conn{ margin-top:-10px;}
.newsdetail p{ margin:5px 0; color:#666}
.newsdetail img{ display:block; width:auto; max-width:100%; height:auto; margin:15px auto;}

.nab p{ margin-bottom:10px;}

.nab02{ background:url(../images/nab02.jpg) no-repeat center center; background-size:cover;}
.nab02.section{ padding:80px 0 100px 0 !important}
.nab02 .title h3{ color:#fff;}
.nab02 .conn{display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; margin-top:50px;}
.nab02 .conn .item{ width:32%; margin-right:2%; margin-top:60px; text-align:center; background-color: rgba(255, 255, 255, 0.75); border-radius: 15px; position: relative;}
.nab02 .conn .item:nth-child(3n){ margin-right:0}
.nab02 .conn .item .icon{ position:relative; border-radius:50%; background:#c7000c;position: absolute;z-index: 2;width: 97px;margin-left: -48.5px;top: -48.5px;left: 50%;-moz-transition: 0.5s ease;-webkit-transition: 0.5s ease;transition: 0.5s ease;}
.nab02 .conn .item:hover .icon{ -webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg)}
.nab02 .conn .item .icon img{ display:block; width:100%; height:auto}
.nab02 .conn .item .text{position: relative;margin-top: -48.5px;padding: 100px 8% 60px 8%;text-align: center;}
.nab02 .conn .item .text h3{ font-size:24px;margin:30px 0 20px 0;}
.nab02 .conn .item .text p{ font-size:18px;}


.nab03 .wrap{ width:calc(80% + 120px);  max-width:1640px;}
.nhonorlist{ position:relative}
.nab03 .swiper-container{position:relative; margin:0 auto; width:calc(100% - 120px)}
.nab03 .swiper-slide{position:relative; margin-bottom:35px; cursor:pointer}
.nab03 .swiper-slide .img-dv{ background:#f5f5f5; position:relative;}
.nab03 .swiper-slide .img-dv .img2{left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; width:100%;right:auto;bottom:auto; margin:auto; max-width:100%; min-height:auto}
.nab03 .swiper-slide .text{ opacity:0; background-color:rgba(199,0,12,0.8); color:#fff; position:absolute; left:0; top:0; z-index:98; width:100%; height:100%}
.nab03 .swiper-slide .shizhi{ opacity:0;position:absolute; left:0; top:0; z-index:99; width:100%; height:100%}
.nab03 .swiper-slide .shizhi img{ width:100%; height:100%}
.nab03 .swiper-slide .text h3{ font-size:18px;position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; color:#fff; width:100%; text-align:center; background:url(../images/fdjw.png) no-repeat center top; padding:65px 20px 0 20px}
.nab03 .swiper-slide:hover .text{ opacity:1}
.nab03 .swiper-button-prev, .nab03 .swiper-button-next{ width:46px !important; height:46px !important; outline:none; border-radius:50%}
.nab03 .swiper-button-prev{ background:url(../images/hjl.png) #f5f5f5 no-repeat; left:0}
.nab03 .swiper-button-next{ background:url(../images/hjr.png) #f5f5f5 no-repeat; right:0}
.nab03 .swiper-button-prev:hover{ background:url(../images/hjl02.png) #c7000c no-repeat; opacity:1}
.nab03 .swiper-button-next:hover{ background:url(../images/hjr02.png) #c7000c no-repeat; opacity:1}

.nab03 .swiper-pagination{bottom:0px !important;}
.nab03 .swiper-pagination-bullet{width: 8px;height: 8px;background-color: #555;opacity: 1;margin:0 10px!important;position: relative;}
.nab03 .swiper-pagination-bullet:after{content: '';border: 1px solid #c7000c;border-radius: 50%;width: calc(100% + 12px);height: calc(100% + 12px);position: absolute;left: -6px;top: -6px;box-sizing: border-box;opacity: 0;}
.nab03 .swiper-slide-active{z-index: 2;}
.nab03 .swiper-pagination-bullet-active{ background:#c7000c; }
.nab03 .swiper-pagination-bullet-active:after{opacity: 1;}

.photo-mask {position: fixed;z-index: 100000;bottom: 0;top: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.8);display: none;}
.photo-panel {position: fixed;display: none;clear: both;top: 0%;left: 0;bottom: 0;right: 0;z-index: 1000000;}
.photo-panel .photo-div,.photo-panel .photo-bar {width: 100%;}
.photo-panel .photo-div {width: 1240px;height: 680px;z-index: 11;margin: auto;position: relative;}
.photo-panel .photo-close {background: url(../images/close.png); background-size:cover; width: 56px;height: 56px;position: absolute; top:0; right:0}
.photo-panel .photo-close:hover {background: url(../images/close_ch.png);background-size:cover; width: 56px;height: 56px;position: absolute;margin-left: 664px;}
.photo-panel .photo-bar-tip {width: 100%;height: 44px;position: absolute;margin-top: -64px;padding: 10px;}
.photo-panel .photo-bar-tip:hover {width: 100%;height: 44px;position: absolute;margin-top: -64px;background: #000;filter: alpha(opacity=20);-moz-opacity: 0.8;opacity: 0.8;color: #fff;padding: 10px;}
.photo-panel .photo-img {width: 1000px; position:relative;float: left;height: 680px;background: #fff;}
.photo-panel .photo-view-w {width: 1000px;height: 540px;text-align: center;vertical-align: middle;display: table-cell;}
.photo-panel .photo-view-h {width: 1000px;height: 550px;text-align: center;vertical-align: middle;}
.photo-panel .photo-view-w img {max-width: 780px;height: auto;vertical-align: middle;text-align: center;max-height: 650px;margin: 10px;}
.photo-panel .photo-view-h img {max-width: 780px;height: 650px;margin: 10px;}
.photo-panel .photo-left,.photo-panel .photo-right {width: 120px;float: left;margin-top: 280px;}
.photo-panel .arrow-prv {background: url(../images/l.png);width: 120px;height: 120px;background-size:cover; }
.photo-panel .arrow-prv:hover {background: url(../images/l_ch.png);width: 120px;height: 120px;background-size:cover; cursor: pointer;}
.photo-panel .arrow-next {background: url(../images/r.png);width: 120px;height: 120px;background-size:cover; }
.photo-panel .arrow-next:hover {background: url(../images/r_ch.png);width: 120px;height: 120px;background-size:cover; cursor: pointer;}
.photo-panel .swiper-container .swiper-wrapper .swiper-slide {width: 200px;overflow: hidden;height: 200px;float: left;}
.photo-panel .swiper-container .swiper-wrapper .swiper-slide img {width: auto;height: auto;}
.photo-panel .photo-bar{ background:#fff; padding-bottom:20px;text-align:center}



.ncb01 .item{ width:33.33%; float:left; text-align:center;}
.ncb01 .item .icon{  width:30%; max-width:100px; background:#c7000c; border-radius:50%; overflow:hidden; }
.ncb01 .item .icon img{ display:block; width:100%; height:auto}
.ncb01 .item span{ color:#666; display:block; margin:10px 0}
.ncb01 .item .icon{transition: 0.5s; margin:10px auto 20px auto;}
.ncb01 .item:hover .icon{ margin:0px auto 30px auto;}

.ncb02{ position: relative; background:#f5f5f5; }
.ncb02 .feedback{ width:45%;}
.feedback .form .column{ float:left; width:49%; margin-right:2%; margin-bottom:2%; position:relative;overflow:hidden; }
.feedback .form .row_1 .column:nth-child(2n){ margin-right:0}
.feedback .form .row_1 input{ border:none; line-height:52px; height:52px;width:100%; padding:0 15px 0 45px;color:#999;border:solid 1px #ddd; border-radius:5px}
.feedback .form .row_2 textarea{ width:100%; height:150px; border:none; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; padding:15px 15px 15px 40px ; overflow:hidden;color:#999; border-radius:5px; border:solid 1px #ddd}

.feedback .form .name{background: url(../images/z1.svg) #fff no-repeat 15px center; background-size:auto 18px}
.feedback .form .tel{background: url(../images/z2.svg) #fff no-repeat 15px center; }
.feedback .form .mail{background: url(../images/z3.svg) #fff no-repeat 15px center;}
.feedback .form .add{background: url(../images/z5.svg) #fff no-repeat 15px center;}
.feedback .form .content{background: url(../images/z7.svg) #fff no-repeat 15px 20px;}

.feedback .form .row .submit{width:180px; height:55px; font-size:18px; display:block;  margin:50px 0; line-height:55px; cursor:pointer; color:#fff; text-align:center; border:none;transition: 0.4s; background:#c7000c; text-transform:uppercase}
.feedback .form .row .submit:hover{ border-radius:15px}


.ncb02 .map{ position:absolute; right:0; top:0; height:100%; width:50%}
.ncb02 .map #allmap { position:absolute; left:0; top:0; width:100%; height:100%}
.BMap_bubble_title{ white-space:normal !important;color: #151515; font-size:16px;padding:15px 0;}
.BMap_bubble_content{color: #888;}
.iwTitle {color: #CC5522;font-weight: bold;line-height:22px;display:block;padding-bottom:8px;}
#allmap .map-address-name {text-align: center;font-size: 17px;color: #333; margin-bottom:5px}
#allmap .map-address-detail {text-align: center;font-size: 14px; line-height:25px; color: #888;}



.hot{ display:inline-block; background:url(../images/hot.gif) no-repeat center top; background-size:30px auto; width:35px; height:22px;}


.tb-pic img{display:table-cell;text-align:center;vertical-align:middle;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:100px;height:100px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute; border:solid 1px #b90000; background-color: rgba(185,0,0,0.5); cursor:move;z-index:1;}
.MagicZoomLoading {text-align:center;background:#ffffff;color:#444;border:1px solid #ccc;opacity:0.8;padding:3px 3px 3px 3px !important;display:none;}
.MagicZoomLoading img {padding-top:	3px !important;}



.suspension {
	position: fixed;
	z-index: 55000000000;
	right: 0;
	bottom: 185px;
	width: 70px;
	height: 240px;
}

.suspension-box {
	position: relative;
	float: right;
}

.suspension img {
	padding: 6px 0; display:block; margin:0 auto;
}

.suspension .a {
	display: block;
	width: 60px;
	height: 60px;
	background-color: #c9010c;
	margin-bottom: 4px;
	cursor: pointer;
	outline: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	text-align: center;
}

.suspension .a.active,

.suspension .a:hover {
	background: #c9010c;
}

.suspension .a .i {
	float: left;
	width: 44px;
	height: 44px;
	background-image: url(../images/side_icon.png);
	background-repeat: no-repeat;
}



/* .suspension .a-service .i{background-position:0 0;} */

.suspension .a-service .i {
	width: 20px;
	height: 20px;
	margin-top: 12px;
	margin-left: 12px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.suspension .a-service-phone .i {
	width: 20px;
	height: 20px;
	margin-top: 12px;
	margin-left: 12px;
	background-image: url(../images/suspension-bg.png);
	background-repeat: no-repeat;
	background-position: -27px 0;
}

.suspension .a-qrcode .i {
	background-position: -44px 0;
}

.suspension .a-cart .i {
	background-position: -88px 0;
}

.suspension .a-top .i {
	background-position: -132px 0;
}

.suspension .a-top {
	background: #c9010c;
	display: none;
}

.suspension .d {
	display: none;
	width: 170px;
	background: #fff;
	position: absolute;
	right: 67px;
	border: 1px solid #2c2c2c;
	border-radius: 3px;
	box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 0.11);
	background-color: #000000;
	/* IE6和部分IE7内核的浏览器(如QQ浏览器)下颜色被覆盖 */
	background-color: rgba(0, 0, 0, 0.8);
	/* IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂，但解析为透明 */
}

.suspension .d .arrow {
	position: absolute;
	width: 8px;
	height: 12px;
	background: url(../images/side_bg_arrow.png) no-repeat;
	right: -8px;
	top: 75px;
}

.wap_footer.flex {
	display: none;
}

.suspension .d-service {
	top: 0;
}

.suspension .d-service-qq {
	top: 70px;
	height: 50px;
	line-height: 46px;
	color: #fff;
	padding-left: 10px;
}
.suspension .d-service-phone {
	top: 140px;
	height: 50px;
	line-height: 46px;
	color: #fff;
	padding-left: 10px;
}

.suspension .d-qrcode {
	top: 78px;
}

.suspension .d .inner-box {
	padding: 8px 22px 12px;
}

.suspension .d-service-item {
	border-bottom: 1px solid #eee;
	padding: 14px 0;
}

.suspension .d-service .d-service-item {
	border-bottom: none;
}

.suspension .d-service-item .circle {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	overflow: hidden;
	background: #F1F1F3;
	display: block;
	float: left;
}

.suspension .d-service-item .i-qq {
	width: 44px;
	height: 44px;
	background: url(../images/side_con_icon03.png) no-repeat center 15px;
	display: block;
	transition: all .2s;
	border-radius: 50%;
	overflow: hidden;
}

.suspension .d-service-item:hover .i-qq {
	background-position: center 3px;
}

.suspension .d-service-item .i-tel {
	width: 44px;
	height: 44px;
	background: url(../images/side_con_icon02.png) no-repeat center center;
	display: block;
}

.suspension .d-service-item h3 {
	float: left;
	width: 112px;
	line-height: 44px;
	font-size: 15px;
	margin-left: 12px;
}

.suspension .d-service-item .text {
	float: left;
	width: 112px;
	line-height: 22px;
	font-size: 15px;
	margin-left: 12px;
}

.suspension .d-service-item .text .number {
	font-family: Arial, "Microsoft Yahei", "HanHei SC", PingHei, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
}

.suspension .d-service-intro {
	padding-top: 10px;
}

.suspension .d-service-intro p {
	float: left;
	line-height: 27px;
	font-size: 12px;
	width: 50%;
	white-space: nowrap;
	color: #888;
}

.suspension .d-service-intro i {
	background: url(../images/side_con_icon01.png) no-repeat center center;
	height: 27px;
	width: 14px;
	margin-right: 5px;
	vertical-align: top;
	display: inline-block;
}

.suspension .d-qrcode {
	text-align: center;
}

.suspension .d-qrcode .inner-box {
	padding: 15px 0;
}

.suspension .d-qrcode p {
	font-size: 16px;
	color: #ffffff;
}

.suspension-box i {
	display: block;
	font-size: 12px;
	color: #fff; line-height:14px; font-style:normal;
}
#aff-im-root{ display:none !important; opacity:0 !important}