@charset "utf-8";
*{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","Hiragino Sans GB","Heiti SC","PingFang SC","Microsoft Yahei","WenQuanYi Micro Hei",Helvetica,Arial,sans-serif; font-size:16px; line-height:30px;-webkit-font-smoothing: antialiased; overflow-x:hidden;background:#fff; color:#333; }
a{color:#444; 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:#983132}
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","Hiragino Sans GB","Heiti SC","PingFang SC","Microsoft Yahei","WenQuanYi Micro Hei",Helvetica,Arial,sans-serif; }
input{-webkit-appearance: none ;}


.section{ padding:80px 0 90px 0;}
.sectionpre{ padding-top:80px;}
.sectionnext{ padding-bottom:90px;}
.iabout.section{ padding:140px 0;}
.mbg{ background:#f4fafd;}


#a01, #a02, #a03, #a04,#a05, #a06, #a07, #a08{ position: absolute;  margin-top:-82px;}
.wrap{ width:80%; max-width:1440px; margin:0 auto}
.jvzhong{ text-align:center}
.title { padding-bottom:35px;}
.title h3{font-size:40px; line-height:40px;margin-bottom:10px; font-weight:bold;}
.title h4{ font-size:20px; color:#666;}


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

.header{ height:82px; background:#fff; width: 100%;top:0;left:0;position:fixed; z-index:999;}
.header.scroll{box-shadow: 0 0 15px rgba(0,0,0,0.3);}
.header .logo{ position:absolute; left:0; top:0%; height:82px; display:flex;align-items:center; padding:0 32px; background:#983132}
.header .logo img{ display:block; height:43px; width:auto; text-align:center}

.header .phlogo{ position:absolute; left:3%; top:50%; display:none; margin-top:-19px;}
.header .phlogo img{ display:block; height:38px; width:auto;}

.header .tel{ float:right; line-height:82px; background:url(../images/ttel.png) no-repeat left center; font-size:18px; color:#000; padding-left:28px;}
.header .search{ float:right; margin:0 88px 0 35px;}
.header .search a{background:url(../images/tsearch.png) no-repeat center center; width:45px; height:82px;  display:block; cursor:pointer; transition:0s;-webkit-transition:0s;-moz-transition:0s;-ms-transition:0s;-o-transition:0s;}
.header .search a.cur{background:url(../images/closeb.png) no-repeat center center; background-size:20px auto;}
.header .search .sub{position:absolute; clear:both;width:100%; display:none; top:82px; left:0;height: 70px; background-color:rgba(0,0,0,0.3) }
.header .search .sub .subin {width: 100%;margin:15px 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: #983132;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 .menu{ position:absolute; width:60%; margin-left:270px;}
.header .menu li{ display:inline-block}
.header .menu li{ position:relative}
.header .menu li .menu_a{ line-height:82px; display:block; margin:0 40px; font-size:18px; color:#000;position:relative}
.header .menu li .menu_a.cur{ color:#983132;}
.header .menu li .sub{ position:absolute; display:none;clear:both; z-index:999;width:140%; margin-left:-20%;}
.header .menu li .sub.cur{ display:block}
.header .menu .subduan{ text-align:center; line-height:50px; padding-bottom:20px;}
.header .menu .subduan a{ display:block; background-color:#fff; }
.header .menu .subduan a:hover{background-color: #983132; color:#fff;}
/*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{ position:relative; z-index:1; }
.banner a{ display:block; position:absolute; left:0; top:0; width:100%; height:100%}
.banner img{ display:block; width:100%; height:auto; display:none;}
.banner .swiper-slide{ position:relative; width:100%; height:calc(100vh - 82px);}
.banner .swiper-container{position:relative;}
.banner .swiper-pagination{bottom:4%; text-align:center;}
.banner .swiper-pagination-bullet{ width:30px; height:3px; background:#fff; opacity:1; margin:0 5px; border-radius:0;}
.banner .swiper-pagination-bullet-active{ background:#983132; border:none}
.banner .swiper-slide{ position:relative}

.banner .swiper-button-prev, .banner .swiper-button-next{ width:58px; height:58px; margin-top:-19px; outline:none; opacity:0.6; top:calc(50% + 60px)}
.banner .swiper-button-prev{ background:url(../images/bpre.png) no-repeat; left:3%}
.banner .swiper-button-next{ background:url(../images/bnext.png) no-repeat; right:3%}
.banner .swiper-button-prev:hover{ background:url(../images/bpre.png) no-repeat; opacity:1}
.banner .swiper-button-next:hover{ background:url(../images/bnext.png) no-repeat; opacity:1}

.iproduct{ background:#f4fafd}
.iproduct .wrap{ position:relative;}
.iproduct .wrap .title{ border-bottom:solid 1px #ddd;}
.iproduct .pro-nav{ position:absolute; right:0; top:40px;}
.iproduct .pro-nav li{ display: inline-block; margin:0; }
.iproduct .pro-nav a{ display:block; font-size:20px; color:#333; display:block; margin-left:35px}
.iproduct .pro-nav .cur a, .iproduct .pro-nav a:hover{ color:#983132}
.iproduct .protab-wrap .item{height: 0;opacity: 0;overflow: hidden;}
.iproduct .protab-wrap .item.cur{height: auto;opacity: 1;}
.i-product-list{ position:relative}
.i-product-list .swiper-container{position:relative;}
.i-product-list .swiper-slide{position:relative;padding:80px 0 120px 0;}
.i-product-list .swiper-slide a{display:block; position:relative}
.i-product-list .swiper-slide .wenzi{ float:left; width:45%}
.i-product-list .swiper-slide .pic{ float:right; width:50%}
.i-product-list .swiper-slide .wenzi h3{font-size:30px; padding-bottom:25px; display:inline-block; border-bottom:solid 1px #ddd; color:#333}
.i-product-list .swiper-slide .wenzi .con{ font-size:18px; color:#555; margin:50px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.i-product-list .swiper-slide .wenzi .more{ width:200px; text-align:center; line-height:52px; color:#fff; background:#983132;}
.i-product-list .swiper-slide .wenzi .more:hover{ opacity:0.8}
.i-product-list .swiper-button-prev, .i-product-list .swiper-button-next{ width:40px; height:40px; outline:none;border-radius:50%; left:50%; top:auto; bottom:0}
.i-product-list .swiper-button-prev{ background:url(../images/ppre02.png) no-repeat; margin-left:-48px}
.i-product-list .swiper-button-next{ background:url(../images/pnext02.png) no-repeat; margin-left:8px}
.i-product-list .swiper-button-prev:hover{ background:url(../images/ppre.png) no-repeat}
.i-product-list .swiper-button-next:hover{ background:url(../images/pnext.png) no-repeat}


.iabout{ background:url(../images/iaboutmap.png) no-repeat center center; background-size:70% auto;}
.iabout .title h3{ font-size:45px; margin-bottom:20px;}
.iabout .conn p{ font-size:17px; line-height:40px;}
.iabout .youshi{ padding:60px 0 120px 0; max-width:1366px; margin:0 auto;}
.iabout .youshi .item{ float:left; width:25%; text-align:center}
.iabout .youshi .item .icon{ position:relative; border-radius:50%; width:50%; max-width:130px; border:solid 1px #ddd; background:#fff; margin:0 auto;-moz-transition: 0.5s ease;-webkit-transition: 0.5s ease;transition: 0.5s ease;}
.iabout .youshi .item:hover .icon{ -webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg)}
.iabout .youshi .item .icon img{ display:block; width:100%; height:auto}
.iabout .youshi .item .text{ font-size:18px; font-weight:bold; margin-top:10px;}
.iabout .more a{ width:200px; display:block; margin:0 auto; text-align:center; line-height:52px; color:#fff; background:#983132;}
.iabout .more a:hover{ opacity:0.8}




.icase {
  position: relative;
  overflow: hidden;
}
.icase{ position:relative}
.icase .title{ position:absolute; left:0; width:100%; top:140px; z-index:99}
.icase .title h3{ color:#fff; display:inline-block; border-bottom:solid 1px #fff; padding-bottom:25px; position:relative}
.icase .title h3:after{ content:""; position:absolute; left:0; bottom:-1px; width:36px; height:1px; background:#983132; z-index:8}
.case-slide {overflow: hidden;}
.case-slide.swiper-slide-active .case_serinfo strong,
.case-slide.swiper-slide-active .case_serinfo p,
.case-slide.swiper-slide-active .case_serinfo .common_btns {opacity: 1;visibility: visible;transform: translateY(0);transition-delay: 0.5s;}
.case-slide.swiper-slide-active .case_serinfo p {transition-delay: 0.7s;}
.case-slide.swiper-slide-active .case_serinfo .common_btns {transition-delay: 0.9s;}
.case-slide{position: relative;display: block;overflow: hidden;}
.case-slide img{ display:block; width:100%; height:auto}
.case-slide .case_serinfo {position: absolute; z-index: 99;left: 50%;-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);top: 50%;color: #fff;width: 100%;}
.case_serinfo strong {display: block;font-size: 36px; line-height:60px; margin-bottom:10px; font-weight:normal; opacity: 0;visibility: hidden;transform: translateY(20px);transition: 0.45s;}
.case_serinfo p {font-size: 18px;line-height:35px;opacity: 0;visibility: hidden;transform: translateY(20px);overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition: 0.45s;}
.case_serinfo .common_btns {opacity: 0;visibility: hidden;transform: translateY(20px);transition: 0.45s;}
.case_serinfo .common_btns a{ width:200px; display:block; margin-top:30px; text-align:center; line-height:52px; color:#fff; background:#983132;}
.case_serinfo .common_btns a:hover{ opacity:0.8}
.case-slide.swiper-slide-active .case_serinfo strong,.case-slide.swiper-slide-active .case_serinfo p,.case-slide.swiper-slide-active .case_serinfo .common_btns {opacity: 1;visibility: visible;transform: translateY(0);transition-delay: 0.5s;}
.case-slide.swiper-slide-active .case_serinfo p {transition-delay: 0.7s;}
.case-slide.swiper-slide-active .case_serinfo .common_btns {transition-delay: 0.9s;}


.icase_casebtn {position: absolute; width:70%;left: 0;bottom: 0;z-index: 6; background-color:rgba(255,255,255,0.8); padding-left:calc(50% - 720px); border-radius:0 20px 0 0;}
@media screen and (max-width: 1800px){
.icase_casebtn {padding-left:10%; }
}
.casebtn {display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.casebtn li {padding:25px 0; width:25%; position: relative;z-index: 2;text-align: center;cursor: pointer;}
.casebtn li:before {position: absolute;left: 0;top: 0;z-index: -1;content: "";width: 100%;height: 100%;background: #983132;border-radius: 0 0.1rem 0.1rem 0;opacity: 0;/*filter: blur(8px);*/transition: 0.5s;}
.casebtn li .iconfont { width:48px; height:48px; margin:0 auto 10px auto; position:relative}
.casebtn li .iconfont img{ width:auto; height:auto; max-width:100%; max-height:100%; position:absolute;left: 50%;-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);top: 50%;}
.casebtn li p {color: #555;font-size:20px;transition: 0.4s;}
.casebtn li:hover:before,.casebtn li.active:before {opacity: 1;filter: blur(0);border-radius:0 20px 0 0;}
.casebtn li:hover p,.casebtn li.active p {color: #fff;}
.casebtn li:hover .iconfont,.casebtn li.active .iconfont {filter: brightness(100);}


.inews .title{ position:relative;}
.inews .title .more{ position: absolute; right:0; top:10px; }
.inews .title .more a{ width:200px; text-align:center; line-height:52px; border:solid 1px #555; display:block}
.inews .title .more a:hover{ border:solid 1px #983132; color:#fff; background:#983132;}
.inews .topnews{ background:#f4fafd; position:relative}
.inews .topnews .pic{ width:50%;}
.inews .topnews .text{ position:absolute; width:50%; height:100%; top:0; right:0}
.inews .topnews .text .inn{ width:100%; padding:8%; position:absolute;left: 50%;-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);top: 50%;}
.inews .othernews{display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.inews .othernews .item{ width:calc(33.33% - 12px); margin-right:18px; margin-top:18px; background:#f4fafd; padding:20px 25px 25px 25px}
.inews .othernews .item:last-child{ margin-right:0}
.inews .icon{ background:#fff; padding:3px 3px 3px 10px; position:relative; display:inline-block; line-height:20px; margin-bottom:30px; color:#333}
.inews .icon:after{ content:""; position:absolute; left:0; width:3px; height:20px; background:#983132}
.inews .conn h3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; line-height:26px; height:52px; margin-bottom:5px; font-size:20px; font-weight:bold}
.inews .conn .con{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden; height:120px; font-size:18px; color:#666 }
.inews .topnews .text .nmore{ margin-top:20px; font-size:18px; color:#333}

.footer{ background:#222; color:rgba(255,255,255,0.5)}
.footer .flogo{ margin-bottom:25px; padding-top:60px}
.footer .flogo img{ display:block; height:43px; width:auto;}
.footer .fcontent{padding-bottom:40px}
.footer ul {width: 100%;display:flex;display:-webkit-flex;justify-content: space-between; color:#bbb;}
.footer li {display:inline-block; line-height:26px; }
.footer h3{ font-size:18px; margin-bottom:10px; }
.footer h3 img{ display:block; max-width:136px; margin-bottom:10px;}
.footer a{ color:rgba(255,255,255,0.5)}
.footer h3, .footer h3 a{ color:#fff}
.footer a:hover{ color:#fff}
.footer .copyright{ border-top:solid 1px #656565; padding:18px 0; text-align:center; line-height:25px;}
.footer .ftel{ font-size:24px; color:#983132; margin-bottom:8px}



.nbanner{ position:relative}
.nbanner img{ display:block; width:100%; height:auto}
.nbanner .text{ position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; color:#fff; width:100%}
.nbanner .text h3{ font-size:48px; font-weight:bold; color:#fff; display:inline-block; border-bottom:solid 1px #fff; padding-bottom:25px; margin-bottom:20px; position:relative}
.nbanner .text h3:after{ content:""; position:absolute; left:0; bottom:-1px; width:36px; height:1px; background:#983132; z-index:8}
.nbanner .text p{ font-size:24px;}

.nnav{ height:60px; line-height:58px;background:#eee}
.nnav li{ display:inline-block}
.nnav li a{ display:block; padding:0 40px; position:relative}
.nnav li a:after{ content:""; width:0; height:0;border-right:4px solid transparent;border-left:4px solid transparent;border-top:4px solid #983132; opacity:0; position:absolute; left:50%; margin-left:-4px;bottom:0; -moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
.nnav li.cur a, .nnav li:hover a{ border-bottom:solid 1px #983132; line-height:58px; padding-top:1px; color:#983132}
.nnav li.cur a:after, .nnav li:hover a:after{ opacity:1;bottom:-5px}


.nab01 .conn p{ font-size:18px; line-height:40px;}


.nab02{ background:url(../images/nculturebg.jpg) no-repeat center center; background-size:cover;}
.nab02 .title h3, .nab02 .title h4{ 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:25%; text-align:center; color:#fff}
.nab02 .conn .item .icon{ position:relative; border-radius:50%; width:50%; max-width:124px; border: dashed 1px #ddd; margin:0 auto;-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 h3{ font-size:24px;margin:20px 0 10px 0;}
.nab02 .conn .item .text p{ font-size:18px;}


.nab03 .wrap{ position:relative}
.nab03 .title{ width:calc(100% - 100px); max-width:1000px;}

.nab03 .swiper-container{position:relative; width:100%}
.nab03 .swiper-slide{position:relative; cursor:pointer;}
.nab03 .swiper-slide .text{ opacity:0; background-color:rgba(152,49,50,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/fdj.png) no-repeat center top; padding-top:65px;}
.nab03 .swiper-slide:hover .text{ opacity:1}
.nab03 .swiper-button-prev, .nab03 .swiper-button-next{ width:40px; height:40px; outline:none;border-radius:50%; left:auto; right:0%; top:90px;}
.nab03 .swiper-button-prev{ background:url(../images/ppre02.png) no-repeat; margin-right:50px}
.nab03 .swiper-button-next{ background:url(../images/pnext02.png) no-repeat;}
.nab03 .swiper-button-prev:hover{ background:url(../images/ppre.png) no-repeat}
.nab03 .swiper-button-next:hover{ background:url(../images/pnext.png) no-repeat}


.photo-mask {position: fixed;z-index: 10000;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: 100000;}
.photo-panel .photo-div,.photo-panel .photo-bar {width: 100%;}
.photo-panel .photo-div {width: 1040px;height: 540px;z-index: 11;margin: auto;position: relative;}
.photo-panel .photo-close {background: url(../images/close_c.png); background-size:cover; width: 56px;height: 56px;position: absolute; top:o; 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: 800px; position:relative;float: left;height: 550px;background: #fff;}.photo-panel .photo-view-w {width: 800px;height: 540px;text-align: center;vertical-align: middle;display: table-cell;}
.photo-panel .photo-view-h {width: 800px;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: 520px;margin: 10px;}
.photo-panel .photo-view-h img {max-width: 780px;height: 520px;margin: 10px;}
.photo-panel .photo-left,.photo-panel .photo-right {width: 120px;float: left;margin-top: 220px;}
.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;font-size:20px; text-align:center}


.nab04{ background:#f4fafd}
.nab04 .conn{display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.nab04 .conn .item{ width:25%; color:#fff; position:relative}
.nab04 .conn .item .text{ position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5)}
.nab04 .conn .item .text .inn{position:absolute;transition: 0.5s; margin-top:0; padding:0 10%;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; width:100%; }
.nab04 .conn .item:hover .text .inn{ margin-top:-10px}
.nab04 .conn .item .text .num{ font-size:72px; font-weight:bold; font-style:italic; line-height:60px;}
.nab04 .conn .item .text h3{ font-size:32px; margin:25px 0;}
.nab04 .conn .item .text p{ font-size:18px;}

.nprolist .title{ border-bottom:solid 1px #ddd}
.nprolist .conn .kuai:nth-child(2n){ background:#f4fafd}
.nprolist .conn .kuai .pic{ float:right; width:50%}
.nprolist .conn .kuai .text{ float:left; width:46%}
.nprolist .conn .kuai:nth-child(2n) .pic{ float:left}
.nprolist .conn .kuai:nth-child(2n) .text{ float:right}
.nprolist .conn .kuai .text h3{font-size:30px; padding-bottom:25px; display:inline-block; border-bottom:solid 1px #ddd; color:#333}
.nprolist .conn .kuai .text .con{ font-size:18px; color:#555; margin:50px 0;}
.nprolist .conn .kuai .text .more{ width:200px; text-align:center; line-height:52px; color:#fff; background:#983132;}
.nprolist .conn .kuai .text .more:hover{ opacity:0.8}



.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{ padding:40px 0 100px 0; position: relative;}
.protop .swiper-container-wrapper{ float:left; width:50%; position:relative; border:solid 1px #dedede; background:#fff; padding:10px;}
.protop .swiper-container-wrapper .gallery-top img{ display:block; width:100%; height:auto;}
.protop .gallery-thumbs {width: 15.5%;position:absolute; left:10px; top:10px; padding:30px 0;}
.protop .gallery-thumbs .swiper-wrapper {flex-direction: column;}
.protop .gallery-thumbs .swiper-slide {flex-flow: column nowrap;width: 100%; min-width:60px !important; cursor: pointer; height:auto !important}
.protop .gallery-thumbs .swiper-slide .pic{ border: 1px solid #ddd;}
.protop .gallery-thumbs .swiper-slide .img2{ display:block; width:auto; height:auto; max-width:calc(100% -2px); max-height:calc(100% -2px)}
.protop .gallery-thumbs .swiper-slide-thumb-active .pic{border: 1px solid #983132;}
.protop .gallery-top {width: 80%; margin-left:20%}

.protop .swiper-button-next, .protop .swiper-button-prev{ top:20px; bottom:0px; left:50%; margin-left:-12.5px; border:none !important; color: #15274d !important; width:25px; height:25px;text-align:center; transform: rotate(90deg);}
.protop .swiper-button-next{ top:auto; bottom:0px;}
.protop .swiper-button-next:after, .protop  .swiper-button-prev:after{font-size: 18px !important; border:none !important; line-height:25px; width:25px; height:25px;}

.protop .wenzi{ float:right; width:46%; padding-top:3%;}
.protop .wenzi .conn h1{ padding-bottom:5px !important;}
.protop .wenzi .conn p{ font-size:18px;}
.protop .wenzi .protitle h3{ font-size:30px; font-weight:bold; margin:20px 0;}
.protop .wenzi .use{ margin-top:80px;}
@media screen and (max-width:1440px){
.protop .wenzi .use{ margin-top:50px;}	
}
.protop .wenzi .use .ptel{background:url(../images/ptel.png) no-repeat left center; background-size:auto 45px; padding-left:55px; float:left}
.protop .wenzi .use .ptel p{ color:#666; font-size:14px; line-height:18px;}
.protop .wenzi .use .ptel h3{ font-size:22px; font-weight:bold; line-height:27px;}
.protop .wenzi .use .pfeedback{margin-left:45px; float:left;}
.protop .wenzi .use .pfeedback a{ display:block; border-radius:5px; overflow:hidden; width:180px; line-height:42px; height:42px; background:url(../images/pfeed.png) #983132 no-repeat 40px center; color:#fff; padding-left:30px; text-align:center;} 


.npdpnav{ background-color:rgba(255,255,255,0.5);line-height:60px; height:60px; }
.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:#983132; color:#fff;}

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

.prodetail .title{ margin-bottom:0}
.prodetail .ktitle { position:relative; padding-left:18px; font-size:30px; 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:#983132}
.prodetail .intro{ padding:25px 0; font-size:18px; color:#555;}
.prodetail .intro table{ border-left:solid 1px #ddd; border-bottom:solid 1px #ddd; /*white-space:nowrap;*/font-size:16px;}
.prodetail .intro .autosize{ overflow-x:auto}
.prodetail .intro .autosize table{ width:auto !important;}
.prodetail .intro table td{ padding:5px 10px;border-right:solid 1px #ddd; border-top:solid 1px #ddd}
.prodetail .intro img{ width:auto; max-width:100%}

.ncaselist .conn{display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.ncaselist .conn .item{ width:49%; margin-right:2%; margin-bottom:2%; border:solid 1px #ddd; background:#f9f9f9}
.ncaselist .conn .item:nth-child(2n){ margin-right:0}
.ncaselist .conn .item .text{ padding:40px; position:relative}
.ncaselist .conn .item .text h3{ width:calc(100% - 150px); font-size:30px; margin-bottom:15px;}
.ncaselist .conn .item .text p{width:calc(100% - 150px); display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; line-height:26px; height:52px; color:#666}
.ncaselist .conn .item .text .more{ position: absolute; right:30px; bottom:40px;  width:120px; text-align:center; line-height:40px; border:solid 1px #999; display:block}
.ncaselist .conn .item:hover .text .more{ border:solid 1px #983132; color:#fff; background:#983132;}


.nappdetail .ntitle h3{ font-size:30px; font-weight:bold; padding-bottom:35px; margin-bottom:35px; border-bottom:solid 1px #ddd; color:#000}
.nappdetail .conn{ min-height:350px;}
.nappdetail .conn img{ width:auto; max-width:100%}
.nappdetail .more{margin-top:50px; }
.nappdetail .more a{ width:200px; text-align:center; line-height:52px; border:solid 1px #555; display:block; margin:0 auto}
.nappdetail .more a:hover{ border:solid 1px #983132; color:#fff; background:#983132;}

.other .tjtitle{display: flex; justify-content: space-between; margin-bottom:35px;}
.other .tjtitle h3{ font-size:36px; color:#000}
.other .tjtitle .more a{ color:#666}
.other .tjtitle .more a:hover{background:#983132}
.other .swiper-slide{ margin-bottom:30px; background:#fff; text-align:center; padding:3% 2%}
.other .swiper-slide h3{font-size:22px;color:#000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.other .swiper-slide p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; color:#666; margin-bottom:15px;}
.other .swiper-slide .pic{width:auto; max-width:320px; margin:0 auto; display:block}
.other .swiper-slide .more{ margin-top:20px; text-align:center}
.other .swiper-slide .more{ display:inline-block; width:142px; height:42px; line-height:40px; border:solid 1px #000; }
.other .swiper-slide:hover .more{background:#983132;color: #FFF; border:none}
.other .swiper-slide:hover h3{color:#983132}
.other .swiper-slide:hover {box-shadow: rgba(0,0,0,0.15) 0 0 15px;}

.other .swiper-pagination{ bottom:0px !important;}
.other .swiper-pagination-bullet{ width:12px; height:12px; background:#999; opacity:1; margin:0 6px 0 0}
.other .swiper-pagination-bullet-active{ background:#983132}

.othernews .swiper-slide h3{font-size:20px;color:#000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; line-height:25px; height:50px; margin-bottom:10px;}
.othernews .swiper-slide .pic{width:auto; max-width:100%; margin:0 auto; display:block}

.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:#983132}


.nnewslist .newskuai{ padding:40px 0; border-top:solid 1px #ddd}
.nnewslist .newskuai:nth-child(1){ padding-top:0; border-top:none}
.nnewslist .newskuai a{ display:block; position: relative}
.nnewslist .newskuai .date{ width:80px; height:68px; text-align:center;padding:12px 0;  border-radius:5px; background:#983132; color:#fff; position:absolute; left:0; top:0}
.nnewslist .newskuai .date h3{ line-height:24px; font-size:24px;}
.nnewslist .newskuai .date p{line-height:24px; font-size:14px;}
.nnewslist .newskuai .pic{ margin:0 2% 0 calc(2% + 80px); width:28%; float:left; border-radius:5px; overflow:hidden}
.nnewslist .newskuai .text{width:calc(68% - 80px); float:right; margin-top:15px}
.nnewslist .newskuai .text h3{font-size:22px; font-weight:bold; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; margin-bottom:10px;}
.nnewslist .newskuai .text p{ color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; line-height:28px; height:84x;}
.nnewslist .newskuai .more{ margin-top:40px; width:142px; line-height:40px;height:42px; border:solid 1px #000; text-align:center}
.nnewslist .newskuai:hover .more{ background:#983132;color: #FFF; border:none}
.nnewslist .newskuai:hover .text h3{ color:#983132}


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


.feedback{ background: url(../images/feedbackbg.jpg) no-repeat center center; background-size:cover }
.feedback .title, .feedback .title h3, .feedback .title h4, .feedback .title p{ color:#fff}
.feedback .title h3:after{ background:#fff}
.feedback .conn{ background:rgba(255,255,255,.05);border-radius: 10px; padding:4%}
.feedback form{ margin:0 auto; max-width:1050px;}

.feedback .form span{ color:#fff;}
.feedback .form .column{ float:left; width:48.5%; margin-right:3%; margin-bottom:3%; position:relative;overflow:hidden; }
.feedback .form .row_1 .column:nth-child(2n){ margin-right:0}
.feedback .form .row_1 input{ border:none; line-height:48px; height:48px;width:100%; padding:0 15px 0 40px;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 .row .submit{width:180px; height:45px; display:block;  margin:50px auto; line-height:41px; cursor:pointer; color:#fff; text-align:center; border-radius:20px; border:solid 2px #fff; background:none; text-transform:uppercase}
.feedback .form .row .submit:hover{border:solid 2px #983132; color:#fff;background:#983132;}


.feedback .form .name{background: url(../images/name.png) #fff no-repeat 15px center; background-size:auto 18px}
.feedback .form .tel{background: url(../images/tel.png) #fff no-repeat 15px center; }
.feedback .form .mail{background: url(../images/mail.png) #fff no-repeat 15px center;}
.feedback .form .add{background: url(../images/add.png) #fff no-repeat 15px center;}
.feedback .form .code{background: url(../images/code.png) #fff no-repeat 15px center;background-size:auto 20px}
.feedback .form .content{background: url(../images/ply.png) #fff no-repeat 15px 10px;}