@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: "iconfont"; /* Project id  */
  src: url('../fonts/iconfont.ttf?t=1679883761637') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


*{margin:0;padding:0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/-webkit-font-smoothing: subpixel-antialiased;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  
-moz-tap-highlight-color:rgba(0, 0, 0, 0);  
-ms-tap-highlight-color:rgba(0, 0, 0, 0);  
-o-tap-highlight-color:rgba(0, 0, 0, 0);  
tap-highlight-color:rgba(0, 0, 0, 0);}

html{overflow-x:hidden;}
body{ font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:30px; overflow-x:hidden; color:#333;}
body.en{ font-family:Arial, Helvetica, sans-serif}
a{ text-decoration:none;outline:none;color:#333}
a:hover{color:#f8141c}
img{ border:none;}
table{ border-collapse:collapse}
ul,ol,li{ list-style:none}
.clearfix{zoom:1; clear:both}
.clearfix:after{ content:""; height:0; display:block; clear:both; visibility:hidden;}
.clear{ clear:both}
.fl{ float:left}
.fr{ float:right}
botton,input,textarea,select{ outline:none; font-family:Arial}
h1,h2,h3,h4,h5{ font-weight:normal}
.flex{display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: flex-start;}

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

.mbg{ background:#f3f3f3;}


.jvzhong{ text-align:center}
.title { margin-bottom:35px; padding-bottom:10px; position:relative; overflow:hidden}
.title h4 img{ height:60px;} 


.title h3{font-size:38px; line-height:38px; margin-bottom:15px;  text-transform:uppercase}
.title h5{font-size:32px; line-height:38px; margin-bottom:15px;  text-transform:uppercase}
.nmain .title h3{font-size:32px; line-height:32px; }
.title p{font-size:17px; color:#888}
.title:after{ position:absolute; content:""; width:60px; height:3px; background:#f8141c; bottom:0; left:0 }
.title.jvzhong:after{left:50%; margin-left:-30px}

.pic{ height:auto; display:block; overflow:hidden;}
.pic img{ width:100%; height:auto;cursor: pointer;transition: all 1.5s; display:block}
.pic:hover img{transform:scale(1.1);}

.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:95px}
.section{ padding:80px 0 100px 0;}
.section02{ padding:80px 0 70px 0;}
.sectionpre{ padding-top:80px}
.sectionnext{ margin-bottom:100px;}


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

}


.header{position: fixed; width:100%;left:0;right:0;top:0; height:95px; background:#fff;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;transition: all .5s ease; box-shadow: 0 0 15px rgba(0,0,0,.15); z-index:9999;}
.header .wrap{ position:relative}
.header .logo{ position:absolute; left:0; top:50%; margin-top:-35px;}
.header .logo img{ display:block; height:70px; width:auto; }
.header .menu{text-align:right; margin-right:102px;}
.header .menu li{ display:inline-block}
.header .menu li{ position:relative}
.header .menu li .menu_a{ line-height:95px;font-size:18px;  display:block; margin:0 18px; color:#333;position:relative; text-transform:uppercase}

.header .menu li .menu_a:hover{ color:#f8141c;}
.header .menu li.cur .menu_a, .header .menu li.on .menu_a {  color:#f8141c;}
.header .menu li .sub{ position:absolute; display:none;clear:both; z-index:999;width:150%; margin-left:-25%;  overflow:hidden}
.header .menu li .sub.cur{ display:block}
.header .menu li .menu_a:after {content: '';width: 0;height: 3px; border-radius:2px;background-color: #f8141c;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);bottom:0px;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.header .menu .cur a:after, .header .menu li:hover .menu_a:after {width: 100%}
.header .menu .sub{ text-align:center; line-height:45px; }
.header .menu .sub a{ display:block; background-color:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.05); }
.header .menu .sub a:hover{background-color: #f8141c; 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;}

.header .language{ position:absolute; right:0px; top:0; width:80px; height:95px; background:#f8141c; font-size:15px;}
.header .language > a{color:#fff; text-align:center; background:url(../images/icon-Hlang.png) no-repeat center 30%; padding-top:50px; display:block; width:80px; height:95px; }

.header .language .sub{ position:absolute;width:100%; display:none; overflow:hidden; left:0;z-index:9;-webkit-transform:translateY(0px); -ms-transform:translateY(0px);transform: translateY(0px);-webkit-transition: -webkit-transform .3s ;transition: transform .3s;box-shadow: 0 0 15px rgba(0,0,0,.15);}
.header .language .sub a{ display:inline-block; background:#fff;height: 45px;line-height: 45px; text-align:center;color: #666; border-bottom: 1px solid #d5d5d5;width: 100%;}
.header .language .sub a:hover{ color:#fff; background:#f8141c}
.header .language .sub.on{-webkit-transform:translateY(0); -ms-transform:translateY(0);transform: translateY(0); height:auto;}





.banner, .nbanner{clear:both;transition: all 0.5s ease;}
.nbanner img{ display:block; width:100%; height:auto}
.banner{ position:relative; z-index:1;  height:auto !important; width:100%;}
.banner img{ display:block; width:100%; height:auto !important}
.banner .swiper-container{position:relative; height:auto !important}
.banner .swiper-slide{ position:relative}
.banner .swiper-slide .text{ position:absolute; left:0; top:0; top:50%; width:100%; margin-top:-150px}
.banner .swiper-slide .text h3{ font-size:45px; text-transform:uppercase;text-shadow: 0.5px 0.5px 2px rgba(0,0,0,0.3); color:#fff; line-height:60px; font-weight:bold; margin-bottom:70px;}
.banner .swiper-slide .text .more a{ font-size:14px; width:188px; line-height:40px; border-radius:8px; border: solid 2px #fff; background-color:rgba(0,0,0,0.1); display:block; text-align:center; text-transform:uppercase; color:#fff}
.banner .swiper-slide .text .more a:hover{background-color:rgba(0,0,0,0.3);}

.banner .swiper-pagination{bottom:4%; text-align:center; opacity:0 !important}
.banner .swiper-pagination-bullet{ width:12px; height:12px; border:solid 2px #fff; opacity:1 !important; background:none; margin:0 8px; border-radius:50%;}
.banner .swiper-pagination-bullet-active{ border:solid 2px #f8141c;background:#f8141c;  }
.banner .swiper-slide{ position:relative}


@media screen and (max-width: 1600px){
.banner{ width:110%; margin-left:-5%}

}
@media screen and (max-width: 1440px){
.banner{ width:115%; margin-left:-7.5%}

}


.iproducts{ overflow: hidden;/*background: url(../images/ipbg.jpg) center center no-repeat;background-size: cover;*/}
.iproducts.section{ padding-top:60px}
.iproducts .conn{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; margin-top:-2%;}
.iproducts .item{  width:32%; margin-right:2%; margin-top:2%; background:#fff; text-align:center; padding:0 0 20px 0; position:relative;box-shadow: 0 0 15px rgba(0,0,0,.15);}
.iproducts .item:nth-child(3n){ margin-right:0}
.iproducts .item  a{ position:relative; display:block; z-index:9}
.iproducts .item .pic{ width:calc(100% - 2px); overflow:hidden; margin:1px}
.iproducts .item .wenzi{ padding:20px 0;}
.iproducts .item .wenzi h3{ font-size:18px;}
.iproducts .item:hover .pic img{transform:scale(1.1);}

.iproducts .item:after{ content:""; position:absolute; border-left:1px solid #f8141c; border-bottom:1px solid #f8141c; transition:all 0.6s; left:0; bottom:0; width:0; height:0; }
.iproducts .item:before{ content:""; position:absolute; border-right:1px solid #f8141c; border-top:1px solid #f8141c; transition:all 0.6s; right:0; top:0; width:0; height:0;}
.iproducts .item:hover:after{ width:calc(100% - 1px); height:calc(100% - 1px);}
.iproducts .item:hover:before{ width:calc(100% - 1px); height:calc(100% - 1px);}


.iabout{}
.iabout .abpic{ float:left; width:44%; position:relative}
.iabout .abpic img{ display:block; width:100%; height:auto;}
.iabout .abpic:after {content: "";width: 100px;height: 100px;left: -100px;bottom: -20px;position: absolute;background: url(../images/i_pic5.png) no-repeat;background-size: 100% 100%;}
.iabout .abconn{ float:right; width:50%;background: url(../images/iabwbg.png) bottom right no-repeat; background-size:20% auto}
.iabout .abconn .conn p{ line-height:32px;color:#888}

.iabout .abconn .conn .biaoz{ font-size:125%; margin-top:15px; color:#333}
.iabout .youshi{ margin-top:50px;color:#888}
.iabout .youshi .item{ float:left; width:33.33%; position:relative}
.iabout .youshi .item h3 span{ font-size:55px; color:#f8141c; font-weight:bold; line-height:65px;}

@media screen and (max-width: 1440px){
.iabout .abpic{ margin-top:4%}
.iabout .abconn .conn p{ line-height:30px;}
.iabout .youshi{ margin-top:35px;}
}


.icustomers{ background: url(../images/imap.jpg) #f6f6f6 center top no-repeat;background-size: 100% auto;overflow: hidden;}
.icustomers .item{ float:left; width:calc(16.66% - 12.5px); margin-right:15px; margin-bottom:15px;box-shadow: 0 0 15px rgba(0,0,0,.05);}
.icustomers .item:nth-child(6n){ margin-right:0}
.icustomers .item:nth-child(6n+1){ clear:both}
.icustomers .item:hover .pic img{transform:scale(1.05);}


.more a{ width:165px; height:48px; line-height:48px; text-align:center; color:#fff; background:#f8141c; border-radius:30px; font-style:normal; display:block; font-size:15px; transition:all 0.3s; margin:30px auto 0 auto}
.more a span{ width:20px; height:7px; display:inline-block; vertical-align:middle; background:url(../images/i_bg1.png) no-repeat; background-size:100% 100%; overflow:hidden; margin-left:13px;transition:all 0.3s; margin-bottom:3px;}
.more a:hover{opacity:0.9;filter:Alpha(opacity=90); text-indent:5px;}


.inews{overflow: hidden;}
.inews .inews_l{ float:left; width:50%;  overflow:hidden; margin-right:64px;}
.inews .inews_l .cons{ overflow:hidden;text-align:left;}
.inews .inews_l .cons .imgs{ overflow:hidden; position:relative; height:280px; border:solid 1px #ddd}
.inews .inews_l .imgs img{display:block;width:auto; height:auto;  max-width:100%; max-height:100%;  margin:0 auto}
.inews .inews_l .imgs img{ overflow:hidden;background-repeat:no-repeat; background-position:center center; background-size:cover;transition:all 0.7s;}
.inews .inews_l:hover .imgs img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);}
.inews .inews_l .cons .h3{ font-weight:bold; height:28px; line-height:28px; overflow:hidden; color:#333; margin-top:3%;white-space:nowrap;text-overflow:ellipsis; font-size:20px;}
.inews .inews_l .cons .h3 em{ font-weight:normal; float:right; margin-left:10px; overflow:hidden; font-style:normal; color:#888888; font-size:15px; font-family:Arial;}
.inews .inews_l .cons .p{ line-height:28px; height:56px; overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;color:#999999; font-size:14px; margin-top:2%;}
.inews .inews_l:hover .cons .h3{ color:#f8141c;}
.inews .inews_r{ overflow:hidden;}
.inews .inews_r .inews_ul{ overflow:hidden;}
.inews .inews_r .inews_ul .inr-list{display: block;margin-top: 10px; padding-bottom:22px; overflow:hidden;/* border-bottom:1px solid #f4f4f4;*/ text-align:left;}
.inews .inews_r .inews_ul .inr-list:last-child{ margin-bottom:0; border-bottom:0;}
.inews .inews_r .inews_ul .inr-list .inr-l{width: 80px;float: left;  text-align:center; overflow:hidden; margin-right:20px; padding-right:20px; position:relative; border-right:1px solid #e1e1e1;}
.inews .inews_r .inews_ul .inr-list .inr-l .h4{font-size: 42px;color: #333;/*font-family: 'sn';*/ font-family:Arial;line-height: 40px; height:40px;  font-weight:normal; overflow:hidden;}
.inews .inews_r .inews_ul .inr-list .inr-l .h5{font-size: 15px;color: #888888;/*font-family: 'Open sans';*/ font-family:Arial; margin-top:4px; line-height:24px; height:24px; overflow:hidden;border-top:1px solid #e1e1e1; padding-top:3px;}
.inews .inews_r .inews_ul .inr-list .inr-r{ overflow:hidden;}
.inews .inews_r .inews_ul .inr-list .inr-r .h3{ font-size: 18px;color: #333333;line-height: 36px; height:36px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;transition:all 0.3s; font-weight:bold; }
.inews .inews_r .inews_ul .inr-list:hover .inr-r .h3{ margin-left:3px;}
.inews .inews_r .inews_ul .inr-list .inr-r .p{ height: 36px;font-size: 14px;color: #888888;line-height: 36px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;}
.inews .inews_r .inews_ul .inr-list:hover .inr-r .h3{ color:#f8141c;}


.footer{ background:#353535; color:rgba(255,255,255,0.8); padding:45px 0 60px 0;font-size:15px}
.footer ul {width: 100%;/*display:flex;display:-webkit-flex;justify-content: space-between;*/}
.footer li {display:inline-block; float:left; margin-left:6%  }
.footer li:nth-child(1) span:nth-child(1){ width: 70px;display: inline-block;vertical-align: top;}
.footer li:nth-child(1) span:nth-child(2){ width: calc(100% - 70px);display: inline-block;vertical-align: top;}
@media screen and (max-width: 1440px){
.footer li {margin-left:5%  }
}
@media screen and (max-width: 1366px){
.footer li {margin-left:4%  }
}
@media screen and (max-width: 1240px){
.footer li {margin-left:7%  }
}
.footer li:nth-child(1){ margin-left:0; max-width:420px}
.footer li:nth-child(1) img{ margin-bottom:10px;}
.footer a{  color:rgba(255,255,255,0.8);}
.footer a:hover{ color:#fff }
.footer h3{ font-size:17px; color:#fff; font-weight:bold; margin:15px 0;}
.footer .mail{background:url(../images/fmail.png) no-repeat left center; padding-left:28px;}
.footer .tel{background:url(../images/fltel.png) no-repeat left 8px; padding-left:28px;}
.footer .add{background:url(../images/fadd.png) no-repeat left 8px; padding-left:28px;}

.copyright {background:#353535; border-top:solid 1px #515253; padding:20px 0; text-align:center;color:rgba(255,255,255,0.8); font-size:15px}
.copyright a{  color:rgba(255,255,255,0.8);}
.copyright a:hover{ color:#fff }






.ncase .casekuai{ margin-bottom:45px;}
.ncase .casetitle{ position:relative; margin-bottom:30px; text-align:center}
.ncase .casetitle h3{ display:inline-block; background:#fff; padding:0px 30px; font-size:30px; font-weight:bold; }
.ncase .casetitle:after{ content:""; position:absolute; left:0; top:50%; margin-top:-0.5px; height:1px; width:100%; background:#ddd; z-index:-1}
.ncase .casekuai .item{ float:left; width:calc(16.66% - 12.5px); margin-right:15px; margin-bottom:15px;box-shadow: 0 0 15px rgba(0,0,0,.05);border:solid 1px #ddd}
.ncase .casekuai .item:nth-child(6n){ margin-right:0}
.ncase .casekuai .item:nth-child(6n+1){ clear:both}
.ncase .casekuai .item:hover .pic img{transform:scale(1.05);}

.ncontact { margin-bottom:25px;}
.ncontact .ntitle h3{ font-size:30px; line-height:40px}
.ncontact .item{ float:left; width:33.33%; margin-bottom:15px}
.ncontact .item:nth-child(3n){ margin-right:0}
.ncontact .item:nth-child(3n+1){ clear:both}
.ncontact .item h3{ background:url(../images/biao.png) no-repeat left center; background-size:22px auto; padding-left:40px; line-height:60px; font-size:20px}
.ncontact .item p{ padding-left:40px; clear:both}
.ncontact .item p span{vertical-align:top}
.ncontact .item p span:nth-child(1){ width:85px; display:inline-block}
.ncontact .item p span:nth-child(2){ width:calc(100% - 85px); display:inline-block}


#allmap{width:100%;height:500px;line-height:22px; font-size:14px; border:1px solid #e2e2e2; margin-top:45px;}
.BMap_bubble_title{ white-space:normal !important;color: #151515; font-size:16px;padding:10px 0;}
.BMap_bubble_content{color: #888; font-size:13px}
.iwTitle {color: #f8141c;font-size: 14px;font-weight: bold;line-height:22px;display:block;padding-bottom:8px;}


.inquiry .form .column{ float:left; width:calc(33.33% - 15px); margin-right:15px; margin-bottom:15px; position:relative; background:#fff; line-height:48px;}
.inquiry .form .row_1 { margin-right:-15px;}
.inquiry .form .row_1 .column{}
.inquiry .form .row_1 input{ border:none; line-height:48px; width:calc(100% - 70px); float:right}
.inquiry .form .row_1 label{ position:absolute; left:0;top:0; line-height:48px; color:#999;padding-left:10px}
.inquiry .form .row_2{background:#fff; position:relative}
.inquiry .form .row_2 label{ position:absolute; left:0;top:0; line-height:48px; color:#999;padding-left:15px}
.inquiry .form .row_2 textarea{ width:100%; height:100px; border:none; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; padding:15px; padding-left:70px}

.inquiry .form .row .submit{ width:165px; height:48px; line-height:48px; text-align:center; color:#fff; background:#f8141c; border-radius:30px; font-style:normal; display:block; font-size:15px; transition:all 0.3s; margin:30px auto 0 auto; border:none}
.inquiry .form .row .submit span{ width:20px; height:7px; display:inline-block; vertical-align:middle; background:url(../images/i_bg1.png) no-repeat; background-size:100% 100%; overflow:hidden; margin-left:13px;transition:all 0.3s; margin-bottom:3px;}
.inquiry .form .row .submit:hover{opacity:0.9;filter:Alpha(opacity=90); text-indent:5px;}



/*.hrlist li{ background:#f2f2f2; margin-bottom:15px; border-radius:8px; width:48.5%; float:left;}
.hrlist li:nth-child(2n){ float:right; }
.hrlist li:nth-child(2n+1){ clear:both}
.hrlist li.cur{ padding-bottom:20px}
.hrlist .toptit{ padding:10px 20px;line-height:30px; cursor:pointer; display:flex; display:-webkit-flex;color:#666; position:relative}

.hrlist .job{ color:#000; font-size:18px;  width:35%;}
.hrlist .toptit .icon{ width:26px; height:100%; background:url(../images/icon-dw.png) no-repeat center 12px; position:absolute; right:20px;top:0; margin-right:0}
.hrlist li.cur .toptit .icon{ width:26px; height:100%; background:url(../images/icon-up.png) no-repeat center 12px; position:absolute; right:20px;top:0; margin-right:0}
.hrlist .cont{ margin:0 20px; padding:25px; background:#fff; border-radius:5px; display:none}*/

.hrlist ul{border-left:1px solid #e8e8e8;}
.hrlist li{ width:calc(33.33% - 1px); padding:30px; border:1px solid #e8e8e8; border-left:none; float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; position:relative}
.hrlist li .icon{ width:55px; height:60px; 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 dashed #d8d8d8}
.hrlist li .intro{ line-height:28px; color:#888; padding-top:30px;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.hrlist li .more{ width:35px; height:35px; background:url(../images/arrow.png) no-repeat center; display:block; margin-top:30px}
.hrlist li,.hrlist li:hover .tit,.hrlist li:hover .intro{ -webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;-ms-transition:.5s;transition:.5s;}
.hrlist li:hover{background: #f8141c; cursor:pointer}
.hrlist li:hover .icon{ display:none}
.hrlist li:hover .icon1{ display:block}
.hrlist li:hover .tit{ color:#fff}
.hrlist li:hover .intro{ color:#f9f9f9}
.hrlist li .hd{ position:fixed; width:100%; height:100%; top:0;left:0;color:#666; display:none; z-index:99999}
.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(../images/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:-350px; padding:30px; font-size:16px; line-height:38px; cursor:default; overflow-y:auto; z-index:99}
.hrlist li .hd .hr_con .tit_hd{ font-size:25px; color:#333; border-bottom:1px solid #e8e8e8; line-height:35px; padding-bottom:20px; margin-bottom:25px}


.ygfuli ul{}
.ygfuli li{ text-align:center; width:18.4%; margin-right:2%; padding:1% 1% 2%; float:left;}
.ygfuli li:last-child{ margin-right:0}
.ygfuli .iconfont{display:block; margin:0px auto 20px auto; width:calc(100% - 20px);height:auto;/* background:#f8141c;  border-radius:50%; */box-shadow:0 0 0 10px rgba(223,30,37,.15)}
.ygfuli .iconfont img{ display: block; width:100%; height:auto; }
.ygfuli p {line-height: 22px;color: #666; margin-top:10px}


.navBox{background:#ebebeb}
.inner-nav{position:relative;border-bottom:1px solid #eee;/*  background:#f5f5f5*/}
.inner-nav ul{ /*display:flex; display:-webkit-flex; justify-content:center;*/ text-align:center;}
.inner-nav ul{ margin:0 auto;}
.inner-nav.navpro ul, .inner-nav.navdown ul {}
.inner-nav li{ display:inline-block;}
.inner-nav li a{font-size:18px;color: #333;/*display: flex; display:-webkit-flex; justify-content:center; align-items:center; */height:70px; line-height:70px; padding:0 30px;position:relative; display:block}
.inner-nav li a:before{content:"";position: absolute;left: 50%;bottom: 0px; width: 0%;height: 3px;background-color: none;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.inner-nav li a:after{content:"";position: absolute;width: 1px;height: 15px;display: block;background: #ccc;top: 50%;margin-top: -7px;right: 0px;}
.inner-nav li:last-child a:after{ display:none}
.inner-nav li.cur a, .inner-nav li:hover a{position:relative;color:#f8141c;}
.inner-nav li.cur a:before, .inner-nav li:hover a:before{ background:#f8141c; width:90%; left:5%}


.downlist ul{ /*display:flex; display:-webkit-flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start*/}
.downlist li{ width:48.5%;margin-bottom:3%; border:1px solid #d8d8d8; border-left:3px solid #f8141c; padding:30px; position:relative; float:left;}
.downlist li:nth-child(2n){ float:right}
.downlist li:nth-child(2n+1){ clear:both; }
.downlist li .show{ position:relative; z-index:99; cursor: pointer}
.downlist li a{ display:block; position:relative; z-index:2}
.downlist .tit{color:#333;font-size:20px;line-height:30px; width:calc(100% - 60px); position:relative;}
.downlist .ico{display: block;width: 50px;height:50px;/*border: 1px solid #d8d8d8;*/background:url(../images/ico-down.png) no-repeat center;border-radius: 50%;position:absolute;right:0;top:-10px;}
.downlist .tit, .downlist .ico, .downlist li:after{-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.downlist li:after{ content:""; width:0; height:100%; background:#fff; position:absolute; right:0;top:0;bottom:0;}
.downlist li:hover .ico{background:url(../images/d-icon-h.png) no-repeat left center;}
.downlist li:hover::after{ width:100%; background:#f8141c; right:auto; left:0}
.downlist li:hover .tit{ color:#fff}
.downlist li:hover .ico{background:url(../images/ico-down2.png) no-repeat center; border:1px solid rgba(255,255,255,.3)}

.downlist .tit i{ background:url(../images/mi.png) no-repeat center; background-size:cover; width:20px; height:21px; position:absolute; content:""; right:0; top:50%; margin-top:-10.5px; }
.downlist li:hover .tit i{ background:url(../images/miw.png) no-repeat center; background-size:cover; }

.downlist li .hd{ position:fixed; width:100%; height:100%; top:0;left:0;color:#666; display:none; z-index:99999}
.downlist 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}
.downlist li .hd .closed{ width:37px; height:37px; display:block; background:url(../images/close.png) no-repeat center; position:absolute; right:3%; top:3%; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;z-index: 99;}
.downlist li .hd .closed:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
.downlist li .hd .hr_con{ background:#fff; width:500px; height:110px; position:absolute;top:50%; left:50%; margin-left:-250px; margin-top:-55px; padding:30px; font-size:16px; line-height:38px; cursor:default; overflow-y:auto; z-index:99; text-align:center}
.downlist li .hd .hr_con .yzm{border:solid 1px #ddd; line-height:48px;height:48px; padding:0 10px; width:250px; display:inline-block}
.downlist li .hd .hr_con .submit{border:solid 1px #f8141c; line-height:48px;height:48px; padding:0 10px; width:80px; display:inline-block; background:#f8141c !important; color:#fff !important}


.nnews .newslist li .more{ margin-top:20px; font-size:14px; padding-left:30px;transition: 0.5s; position:relative; color:#999}
.nnews .newslist li .more:after{ content:""; position:absolute; width:20px; height:20px; left:0; top:5px; border-radius:50%; background:url(../images/jt05.png) no-repeat #d8d8d8 center center; background-size:12px auto;}
.nnews .newslist li .more:hover{ padding-left:35px;}
.nnews .newslist li:hover .more:after{background:url(../images/jt.png) no-repeat #f8141c center center; background-size:12px auto;}

.nnews .topnews .swiper-pagination{bottom:30px; text-align:center; left:auto; text-align:right;}
.nnews .topnews .swiper-pagination-bullet{ width:12px; height:12px; opacity:1; background:#ededed; margin:0 5px; border-radius:50%;}
.nnews .topnews .swiper-pagination-bullet-active{ background:#f8141c; width:25px; border-radius:10px;}


.nnews .newslist{ margin-top:-40px}
.newslist li{border-bottom: 1px solid #ededed;padding:30px 0;overflow: hidden;}
.newslist li .pic{width:20%; max-height:175px;border: 1px solid #e2e2e2;overflow: hidden; float:right}
.newslist li .pic img{width:auto; max-width: 100%;height: 100%;display: block; -moz-transition:.8s;-webkit-transition:.8s;transition:.8s}
.newslist li .txt{width: calc(70% - 165px);margin-right: 5%; margin-left:5%; float:right}
.newslist li .txt .tit{font-size: 22px;line-height: 30px;color: #333;overflow:hidden;margin-bottom:20px; margin-top:30px;-webkit-transition:.5s;-moz-transition:.5s; transition:.5s}
.newslist li .txt .intro{font-size: 15px;line-height: 26px;color: #888; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow: hidden;}
.newslist li .time{margin-top:50px;border-right: 1px solid #ededed;text-align: center;width: 165px; padding-right:80px; float:left}
.newslist li .time span{ display:block}
.newslist li .time span:first-child{font-size: 52px;line-height: 56px;color: #333;font-weight: bold;}
.newslist li .time span:last-child{font-size: 16px;line-height: 32px;color: #666;}
.newslist li:hover .txt .tit{ color:#f8141c}
.newslist li:hover .pic img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1); transform:scale(1.1)}


.nnewsx .newstitle{ position:relative; margin-bottom:25px; border-bottom:solid 1px #e2e2e2; padding-bottom:30px;}
.nnewsx .newstitle h3{ font-size:20px; font-weight:bold; margin-bottom:8px;}
.nnewsx .newstitle p{ color:#888; font-size:14px;}
.nnewsx .newstitle p span{ color:#999}
.nnewsx .newstitle .back{ width:140px; position:absolute; right:0; bottom:30px}

.nnewsx .newstitle .back a{ width:165px; height:48px; line-height:48px; text-align:center; color:#fff; background:#f8141c; border-radius:30px; font-style:normal; display:block; font-size:15px; transition:all 0.3s; margin:30px auto 0 auto}
.nnewsx .newstitle .back span{ width:20px; height:7px; display:inline-block; vertical-align:middle; background:url(../images/i_bg1.png) no-repeat; background-size:100% 100%; overflow:hidden; margin-left:13px;transition:all 0.3s; margin-bottom:3px;}
.nnewsx .newstitle .back:hover{opacity:0.9;filter:Alpha(opacity=90); text-indent:5px;}

.nnewsx img, .nprox img{ width:auto; max-width:100%;margin: 10px auto;}


.shangxia{background:#f2f2f2; margin-top:60px}
.shangxia li{ float:left; width:50%; position:relative; }
.shangxia li:nth-child(2){ float:right}
.shangxia li:hover{background:#f8141c;}
.shangxia li:nth-child(1) a{background:url(../images/bpre03.png) no-repeat left center; background-size:22px auto; padding-left:55px;}
.shangxia li:nth-child(2) a{background:url(../images/bnext03.png) no-repeat right center; background-size:22px auto;padding-right:55px;}
.shangxia li:nth-child(1):hover a{background:url(../images/bpre02.png) no-repeat left center; background-size:22px auto;padding-left:55px;}
.shangxia li:nth-child(2):hover a{background:url(../images/bnext02.png) no-repeat right center; background-size:22px auto;padding-right:55px;}
.shangxia li a{ display:block;margin:0 22px; line-height:80px;  color:#666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.shangxia li:nth-child(2) a{ text-align:right; }
.shangxia li:hover a{ color:#fff} 
.shangxia li:nth-child(1):after{ content:""; position:absolute; left:62px; width:1px; height:14px; top:50%; margin-top:-5px; background:#999}
.shangxia li:nth-child(2):after{ content:""; position:absolute; right:62px; width:1px; height:14px; top:50%; margin-top:-5px; background:#999}
.shangxia li:hover:after{ background:#fff}


.nab01 .conn{ position:relative; margin-bottom:60px;}
.nab01 .pic img{ width:auto; max-width:60%; height:auto}
.nab01 .text{ position:absolute; max-width:60%; height:100%;background:url(../images/ablogo.png) #f5f5f5 no-repeat right bottom; background-size:25% auto; padding:50px; top:45px; 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(../images/hisbg.jpg) no-repeat center center; background-size:cover; }
.nab02 .title h5{ color:#fff}
.nab02 .title h4:after{ background:#fff}
.nab02 .title h4 span{ background:none}


.nab02 .text{ height:200px;color:#fff;padding-left:15px; padding-top:30px; width:180%}
.nab02 .text h3{ font-size:30px; font-weight:bold; margin-bottom:10px; }
.nab02 .text p{}
.nab02 .text .dian {position: absolute;bottom: -9.5px;left:-9.5px;width: 19px;height: 19px;background: url(../images/dian01.png) #fff no-repeat center center; border-radius:50%}
.nab02 li:hover .text .dian{background:#e62021;}
.nab02 li:hover{border-left:solid 1px #e62021;}

.nab02 .tempWrap, .nab02 .tempWrap ul{ overflow:visible !important}

.nab02 .picScroll{ position:relative;width:100%;/*height:136px;*/bbox-sizing:border-box;-webkit-box-sizing:border-box;background:url(../images/aboutdbg.png) no-repeat center center; height:400px;padding:0 20px;}
.nab02 .picScroll ul{ overflow:hidden; zoom:1;width:100%;}
.nab02 .picScroll .tempWrap{}
.nab02 .picScroll ul li{ float:left; width:16.666%; display:block; position:relative; border-left:solid 1px #ddd; }
.nab02 .picScroll ul li:nth-child(2n){ margin-top:200px}
.nab02 .picScroll ul li:nth-child(2n) .text .dian{ bottom:auto; top:-9.5px}

.nab02 .picScroll ul li .pic,.nab02 .picScroll ul li .wenzi,.nab02 .picScroll ul li .wenzi h3,.nab02 .picScroll ul li .wenzi p{-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.nab02 .picScroll ul li:hover .pic{ background-color:#1e69b0}
.nab02 .picScroll ul li:hover .wenzi{ background-color:#1e69b0}
.nab02 .picScroll ul li:hover .wenzi h3{ color:#fff; border-bottom:1px solid #1e69b0}
.nab02 .picScroll ul li:hover .wenzi p{ color:#fff; }

.nab02 .picScroll .prev,
.nab02 .picScroll .next{ position:absolute; z-index:99;  left:-30px; top:50%; margin-top:-20px; display:block; width:27px; height:41px; overflow:hidden; background:url(../images/lzuo02.png) no-repeat; cursor:pointer;}
.nab02 .picScroll .next{ left:auto; right:-30px; background:url(../images/lyou02.png) no-repeat;z-index:99; }
.nab02 .picScroll .prevStop{background:url(../images/lzuo02.png) no-repeat;z-index:99; }
.nab02 .picScroll .nextStop{background:url(../images/lyou02.png) no-repeat;z-index:99; }


.nab02 .guojia{ margin-top:30px}
.nab02 .guojia .item{ float:left; width:33.33%; margin-top:30px;}
.nab02 .guojia .item .inn{width:120px; height:120px; border-radius:50%;background:#e62021; color:#fff; text-align:center; line-height:30px; margin:0 auto; font-size:24px; font-weight:bold;box-shadow: 0 0 15px rgba(0,0,0,0.3); position:relative}
.nab02 .guojia .item .inn p{ width:100%; text-align:center;position: absolute;left:0%;top:50%; -moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2; text-align:center;}



.nab03 .ppic{ width:55%; float:left}
.nab03 .ppic img{ display:block; width:auto; max-width:100%; height:auto}
.nab03 .wenzi{ width:42%; float:right}
.nab03 .fzlist p{ clear:both}
.nab03 .fzlist p span{vertical-align:top}
.nab03 .fzlist p span:nth-child(1){ width:85px; display:inline-block}
.nab03 .fzlist p span:nth-child(2){ width:calc(100% - 85px); display:inline-block}


.fzlist li{ background:#f2f2f2; margin-bottom:15px; border-radius:8px;}
.fzlist li.cur{ padding-bottom:20px}
.fzlist .toptit{ padding:8px 20px;line-height:30px; cursor:pointer;color:#333; position:relative}

.fzlist .toptit .icon{ width:26px; height:100%; background:url(../images/icon-dw.png) no-repeat center 9px; position:absolute; right:20px;top:0; margin-right:0}
.fzlist li.cur .toptit .icon{ width:26px; height:100%; background:url(../images/icon-up.png) no-repeat center 9px; position:absolute; right:20px;top:0; margin-right:0}
.fzlist .cont{ margin:0 20px; padding:10px 15px; background:#fff; border-radius:5px; display:none; max-height:210px; overflow:auto}

.nab04 .conn{ max-width:1000px; margin:0 auto}
.nab04 .ntit{ width:calc(75% + 18.75px); text-align:center; margin:0 auto; line-height:48px;margin-bottom:50px; position: relative }
.nab04 .ntit h3{ display:inline-block; width:80%; max-width:200px;color:#fff; background: #e62021;font-size:20px; border-radius:10px;  }
.nab04 .ntit:before{ content:""; position:absolute; left:50%; bottom:-25px; margin-left:-0.5px; width:1px; height:25px; background:#ddd}
.nab04 .ntit:after{ content:""; position:absolute; left:0%; bottom:-25px; width:100%; height:1px; background:#ddd}
.nab04 .item{ position:relative; width:calc(25% - 18.75px); margin-right:25px; float:left; text-align:center}
.nab04 .item:after{content:""; position:absolute; left:50%; top:-25px; margin-left:-0.5px; width:1px; height:25px; background:#ddd}
.nab04 .item:last-child{ margin-right:0}
.nab04 .item .ntit02{ text-align:center; width:100%;line-height:40px; position: relative;margin-bottom:50px;}
.nab04 .item .ntit02:before{ content:""; position:absolute; left:50%; bottom:-25px; margin-left:-0.5px; width:1px; height:25px; background:#ddd}
.nab04 .item .ntit02:after{ content:""; position:absolute; left:calc(25% - 6.25px); bottom:-25px; width:calc(50% + 12.5px); height:1px; background:#ddd}
.nab04 .item .ntit02 h3{ display:inline-block; width:80%; max-width:120px;color:#fff; background: #e62021; font-size:18px;border-radius:10px;}

.nab04 .item02{ position:relative; width:calc(50% - 12.5px); margin-right:25px; float:left; text-align:center}
.nab04 .item02:after{content:""; position:absolute; left:50%; top:-25px; margin-left:-0.5px; width:1px; height:25px; background:#ddd}
.nab04 .item02:last-child{ margin-right:0}
.nab04 .item02 h3{ display:inline-block; width:100%; max-width:120px;color:#fff; background: #e62021; font-size:16px; border-radius:10px;}



.nproducts{ background:none !important}

.nproducts .item{box-shadow: 0 0 10px rgba(0,0,0,.15);}
.nproducts .item .cot{ line-height:28px; text-align:left; color:#666; width:90%; margin:10px auto 0 auto}
.nprodetail .npropic { margin-bottom:40px;}
.nprodetail .npropic .pics{ border:solid 1px #ddd;  text-align:center; }
.nprodetail .npropic .pics img{width:auto; max-width:100%;height:auto; }
.nprodetail .npropic .pjian{ float:right; width:45%; display:none}

.nprodetail .npwenzi{ width:100%;}
.nprodetail .npwenzi .nptitle{ margin-bottom:20px}
.nprodetail .npwenzi .nptitle h3{ font-size:24px; font-weight:bold; line-height:40px;}

.nprodetail table{ border-top:solid 1px #333; border-left:solid 1px #333}
.nprodetail table p{ font-size:14px;}
.nprodetail table td{ border-bottom:solid 1px #333; border-right:solid 1px #333; padding:6px 8px}
.nprodetail table tr:last-child td{ border-bottom:solid 1px #333 !important;}
.nprodetail table tr:nth-child(2n+1){ background:#eee}
.nprodetail table tr:nth-child(1){ background:#e62021 !important; color:#fff !important }
.nprodetail table tr:nth-child(1) td{border-bottom:none; }
.nprodetail table tr:nth-child(1) td:last-child{border-right:solid 1px #333; }
.nprodetail table tr:nth-child(1) td{padding:15px 10px}


.huadong{ overflow-x:auto}



.nban{width:100%;height:300px;position:relative; padding-top:104px;}
.nban:before{content:'';width:100%;height:100%;background:rgba(22,16,7,0);position:absolute;top:0;left:0;}
.nban .page{position: absolute; width:100%; left:0; top:0;height:300px;}
.nban_txt{width: 100%;position:absolute;top:50%;left:0;margin-top:-39px;text-align:center;}
.nban_txt span{font-size:45px; font-weight:bold; color:#fff;display: inline-block;animation:nbanA 3s infinite; text-transform:uppercase; }
.nban_txt span:nth-child(2){animation-delay: 0.2s;}
.nban_txt span:nth-child(3){animation-delay: 0.4s;}
.nban_txt span:nth-child(4){animation-delay: 0.6s;}
.nban_txt span:nth-child(5){animation-delay: 0.8s;}
.nban_txt span:nth-child(6){animation-delay: 1s;}
.nban_txt span:nth-child(7){animation-delay: 1.2s;}
@keyframes nbanA{
0%{transform: translateY(0px);}
50%{transform: translateY(-20px);}
100%{transform: translateY(0px);}
}

.nban_txt p{ width:100%; max-width:840px; margin:0 auto}
.nban_txt p.desc{display:block;color:transparent; font-size:20px; margin-top:10px;background: url(../images/roll02.jpg) no-repeat left center; background-size:840px auto;background-clip: content-box;-webkit-background-clip: text; animation: moveBg 6s linear 1;-webkit-animation: moveBg 6s linear 1;}

@keyframes moveBg {
  0% {
    background-size: 0% 50px;
  }

  100% {
    background-size: 100% 50px;
  }
}

/*内页*/
#webdh,p.desc,#bodycon #left,.pcontent_title_h4{display:none;}

.mianbxContent{width: 100%; line-height:62px; font-size:14px; height: 62px;background: rgb(249, 248, 247);border-top: 1px solid rgb(239, 234, 224);border-bottom: 1px solid rgb(239, 234, 224);}
.mianbxContent p{background:url(../images/location.png) no-repeat left center; padding-left:30px; color:#666}
.mianbxContent p a{ color:#666;}



.toolbar {width: 52px;position: fixed;right: 1%;top:160px;z-index: 999;font-size:18px; }

.toolbar dd {width: 51px;height: 51px;margin-bottom: 1px;position: relative;-webkit-border-radius: 100%;border-radius: 100%;margin-top: 4px;border: #ebebeb solid 1px;background-color: #fff;-webkit-border-radius: 100%;border-radius: 100%;}
.toolbar dd i {width: 51px;height: 51px; display: block;position: absolute;left: 0;top: 0;cursor: pointer;text-align: center;-webkit-border-radius: 100%;border-radius: 100%;}
.toolbar dd i span {width: 35px;height: 35px;display: block;margin: 8px 0 0 8px;background: url(../images/rightfixicon.png) no-repeat 0 0;}
.toolbar dd.gottop {display: none;}
.toolbar .slide-tel {display: block;width: 0;height: 53px;line-height: 53px;font-size: 24px;font-weight: bold;font-family: arial;color: #FFF;position: absolute;padding: 0 0 0 53px;top: -1px;right: -2px;-webkit-border-radius: 50px;border-radius: 50px;overflow: hidden;}
.toolbar .pop {position: absolute;right: 90px;top: -65px;background: #f8141c;display: none;}
.toolbar .pop-code {width: 320px; padding:0 20px 20px 20px;}
.toolbar .pop-code li{ float:left; width:50%}
.toolbar .pop-code img {width: 120px;height: 120px;display: block;padding: 20px 20px 10px 20px;}
.toolbar .pop-code h3 {height: 52px;line-height: 22px;text-align: center;color: #fff;font-size: 16px;font-weight: 400;white-space: nowrap;}
.toolbar .pop-code h3 b {display: block;font-size: 14px;font-weight: normal;}
.toolbar .qq span {background-position: -35px -47px;}
.toolbar .qq a {width: 52px;height: 52px;cursor: pointer;display: block;}
.toolbar .qq:hover {background-color: #f8141c;border-radius: 100%;}
.toolbar .qq:hover span {background-position: 0 -47px;}

.toolbar .feedback span {background-position: -35px -92px;}
.toolbar .feedback a {width: 52px;height: 52px;cursor: pointer;display: block;}
.toolbar .feedback:hover {background-color: #f8141c;border-radius: 100%;}
.toolbar .feedback:hover span {background-position: 0 -92px;}

.toolbar .tel{ font-size:18px !important;}
.toolbar .tel span {background-position: -35px 0;}
.toolbar .tel:hover {background: #f8141c;}
.toolbar .tel:hover span {background-position: 0 0;}
.toolbar .code span {background-position: -35px -138px;}
.toolbar .code:hover {background-color: #f8141c;border-radius: 100%;}
.toolbar .code:hover span {background-position: 0 -138px;}
.toolbar .top span {background-position: -35px -184px;}
.toolbar .top:hover {background-color: #f8141c;border-radius: 100%;}
.toolbar .top:hover span {background-position: 0 -184px;}
.toolbar dd:hover {}




.nprodetail .pics .picScroll{ position:relative; width:calc(100% - 60px); max-width:1240px; margin:0 auto;}
.nprodetail .pics .picScroll ul{ overflow:hidden; zoom:1;width:100%;}
.nprodetail .pics .picScroll ul li{ width:33.33%; display:inline-block; position:relative;}


.nprodetail .pics .picScroll .prev,
.nprodetail .pics .picScroll .next{ position:absolute; z-index:99;  left:-30px; top:50%; margin-top:-20px; display:block; width:27px; height:41px; overflow:hidden; background:url(../images/lzuo02.png) no-repeat; cursor:pointer;}
.nprodetail .pics .picScroll .next{ left:auto; right:-30px; background:url(../images/lyou02.png) no-repeat;z-index:99; }
.nprodetail .pics .picScroll .prevStop{background:url(../images/lzuo02.png) no-repeat;z-index:99; }
.nprodetail .pics .picScroll .nextStop{background:url(../images/lyou02.png) no-repeat;z-index:99; }


.ncontact .title h5{ text-transform: none;}

.newsxconn{ min-height:350px}
.kuaibg{background:#f5f5f5; width:100%}

.nnewsdetail table{ border-top:solid 1px #333; border-left:solid 1px #333}
.nnewsdetail table p{ font-size:14px;}
.nnewsdetail table td{ border-bottom:solid 1px #333; border-right:solid 1px #333; padding:6px 8px}
.nnewsdetail table tr:last-child td{ border-bottom:solid 1px #333 !important;}

.zuoyoupic{ width:100%; max-width:1100px;margin: 0px auto;padding: 0px;display: table;}
.zuoyoupic .zuo{display: table-cell;vertical-align: middle;}
.zuoyoupic .you{display: table-cell;vertical-align: middle;}

.jiaodian{ margin-top:30px;}
.jiaodian .item{ float:left; margin-right:2%; width:32%; margin-bottom:2%}
.jiaodian .item:nth-child(3n){ margin-right:0}
.jiaodian .item:nth-child(3n+1){ clear:both; }

.jiaodian .item:nth-child(1){ background:#e5f0f9; color:#006fbf}
.jiaodian .item:nth-child(2){ background:#fae5fa; color:#cb00cb}
.jiaodian .item:nth-child(3){ background:#eae6f9; color:#330cc3}
.jiaodian .item:nth-child(4){ background:#fef4ec; color:#e36b09}
.jiaodian .item:nth-child(5){ background:#e5f7ed; color:#00ae4f}
.jiaodian .item:nth-child(6){ background:#ffeded; color:#ff5050}

.jiaodian .item h3, .jiaodian .item h4, .jiaodian .item p{ position:relative}
.jiaodian .item h3 { font-size:130%; font-weight:bold; line-height:45px;padding:0 12px; color:#fff }
.jiaodian .item h4 { font-size:115%; font-weight:bold; line-height:35px;padding:0 12px; color:#fff }
.jiaodian .item .conn{ padding:12px; min-height:180px}
.jiaodian .item p.yi{ padding-left:15px; position:relative}
.jiaodian .item p.yi:after{ content:""; position:absolute; left:0; width:8px; height:8px;  top:50%; margin-top:-4px;}
.jiaodian .item p.er{ padding-left:20px;}

.jiaodian .item:nth-child(1) h3{background:#006fbf; }
.jiaodian .item:nth-child(1) h4{background:#66a9d9; }
.jiaodian .item:nth-child(1) p.yi:after{background:#006fbf;}

.jiaodian .item:nth-child(2) h3{background:#cc00cc; }
.jiaodian .item:nth-child(2) h4{background:#e066e0; }
.jiaodian .item:nth-child(2) p.yi:after{background:#cc00cc;}

.jiaodian .item:nth-child(3) h3{background:#330cc3; }
.jiaodian .item:nth-child(3) h4{background:#856edb; }
.jiaodian .item:nth-child(3) p.yi:after{background:#330cc3;}

.jiaodian .item:nth-child(4) h3{background:#e36b09; }
.jiaodian .item:nth-child(4) h4{background:#fabf90; }
.jiaodian .item:nth-child(4) p.yi:after{background:#e36b09;}

.jiaodian .item:nth-child(5) h3{background:#00ae4f; }
.jiaodian .item:nth-child(5) h4{background:#66cf96; }
.jiaodian .item:nth-child(5) p.yi:after{background:#00ae4f;}

.jiaodian .item:nth-child(6) h3{background:#ff5050; }
.jiaodian .item:nth-child(6) h4{background:#ff9696; }
.jiaodian .item:nth-child(6) p.yi:after{background:#ff5050;}

.dlhy { margin-top:30px;}
.dlhy .item{ float:left; width:33.33%}
.dlhy .item h3{ padding-left:15px; font-size:17px; margin-bottom:20px; position:relative}
.dlhy .item h3:after{ content:""; position:absolute; left:0; width:8px; height:8px;  top:50%; margin-top:-4px; background:#006fc0}
.dlhy .item img{ display:block; margin:0}



.dlhy02 .item{ float:left; width:33.33%; text-align:center}
.dlhy02 .item p{ margin-bottom:20px;}

.sili2403 .item{ float:left; width:25%; padding:20px 20px 0 20px; max-width:230px; text-align:center; font-size:105%;}
.sili2403 .item img{ display:block; width:auto; max-width:100%; margin:8px auto 0 auto}


.saq img, .szhichi img, .szhongdian img{ display:block; padding:0 !important; margin:0 !important; width:100% !important}
.saq, .szhichi{ margin-bottom:80px;}
.saq h3{ font-size:24px; color:#f8141c !important; margin-bottom:25px; font-weight:bold}
.saq .list{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; width:100%;}
.saq .list .item{ width:23.5%; margin-right:2%; padding:20px 20px 50px 20px; border: 1px solid #f8141c; border-radius:5px;   text-align:center; font-size:18px;}
.saq .list .item .num{ font-size:30px; line-height:60px; color:#f8141c; font-weight:bold; font-style:italic;}
.saq .list .item:nth-child(4n){ margin-right:0}

.szhichi .biao h3{font-size:24px; color:#f8141c; margin-bottom:25px; font-weight:bold}
.szhichi .kuai .image{ float:left; width:47%}
.szhichi .kuai .text{ float:right; width:47%; margin-top:5%}
.szhichi .kuai .text h3{border-left: 4px solid #f8141c; padding-left:10px; font-size:20px; font-weight:bold; margin-bottom:10px;}
.szhichi .kuai:nth-child(2n) .image{ float:right}
.szhichi .kuai:nth-child(2n) .text{ float:left}

.szhongdian .biao h3{font-size:24px; color:#003973; margin-bottom:25px; font-weight:bold}
.szhongdian .list{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; width:100%;}
.szhongdian .list .item{ width:32%; margin-right:2%; margin-bottom:2%; border: 1px solid #f8141c; border-radius:5px; overflow:hidden; background:#F2F8FA}
.szhongdian .list .item:nth-child(3n){ margin-right:0}
.szhongdian .list .item .text{ padding:20px 20px 40px 20px;}
.szhongdian .list .item .text h3{ font-weight:bold; margin-bottom:10px;}
.szhongdian .list .item .text p{ position:relative; padding-left:15px;}
.szhongdian .list .item .text p:after{ content:""; position:absolute; left:0; top:50%; margin-top:-3px; width:5px; height:5px; border-radius:50%; background:#333;}


.kuai250601{ max-width:1200px; margin:0 auto;}
.kuai250601 .image{ float:left; width:48%}
.kuai250601 .text{ float:right; width:46%} 
.kuai250601 .text .content{ padding:30px; border-radius:15px; border:solid 1px #f8141c; margin-top:20px;}
.kuai250601 .text .content h3{border-left: 4px solid #f8141c; padding-left: 10px;font-size: 20px;font-weight: bold;margin-bottom: 10px;}
.kuai250601 .text .content p span{ color:#f8141c;}
.kuai250602{ max-width:1200px; margin:50px auto; background:#F2F8FA; padding:30px; }
.kuai250602  h3{border-left: 4px solid #f8141c; padding-left: 10px;font-size: 20px;font-weight: bold;margin-bottom: 10px;}
.kuai250602 li{ float:left; width:48%; border-bottom:solid 1px #ddd; line-height:50px;}
.kuai250602 li:nth-child(2n){ float:right}
.kuai250602 li span{ font-weight:bold; width:160px; display:inline-block; }

.kuai250603{ max-width:1200px; margin:0 auto;}
.kuai250603 h3{ color:#f8141c; font-size:24px; line-height:35px; font-weight:bold; margin-bottom:15px;}
.kuai250603 h5{ font-size:20px; line-height:30px; font-weight:bold}


.npwenzi .teshu{ margin-bottom:40px; border: solid 1px #ddd; display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.npwenzi .teshu img{ display:block; width:100%; height:auto}
.npwenzi .teshu .item{ width:23%; padding:20px;}
.npwenzi .teshu .item:nth-child(2){width:calc(23% - 20px);}
.npwenzi .teshu .item:nth-child(3){ border-left:solid 1px #ddd; border-right:solid 1px #ddd;}
.npwenzi .teshu .item:nth-child(4){ background:#fff;}
.npwenzi .teshu .item:nth-child(1){ width:calc(31% + 20px); padding:0 20px 0 0;}
.npwenzi .teshu .item h3{ font-weight:bold; margin:5px 0;}
.npwenzi .teshu .item p{ opacity:0.8; font-size:14px;}