@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:"Microsoft Yahei", Arial, Helvetica, sans-serif;font-size:16px; line-height:30px;-webkit-font-smoothing: antialiased; overflow-x:hidden;background:#fff; color:#333; }
a{color:#333; 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:#0f5ab1}
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{ font-size:16px;font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;}

.green{ color:#076e49}

.section{ padding:70px 0 80px 0;}
.sectionnext{ padding-bottom:80px}
.sectionpre{ padding-top:60px}

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

.wrap{ width:90%; max-width:1380px; margin:0 auto}
.iproducts .wrap{ max-width:1400px;width:calc(90% + 20px); }

.jvzhong{ text-align:center}
.title { margin-bottom:20px; position:relative;}
.title h3{ font-size:45px; line-height:45px;font-weight:bold; padding-bottom:15px}
.title p{ font-size:18px; color:#666}
.title p a{ font-size:14px; color:#0877c4}

.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{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%}


.mbg{ background:#f7f7f7}


.header{width: 100%;top:0;left:0;position:fixed; z-index:19; height:102px; background:#fff; box-shadow: 0 0 15px rgba(0,0,0,0.4);}
.header .wrap{ height:102px; position:relative}
.header .logo{ position:absolute; left:0px; top:50%; margin-top:-28px; z-index:99999;}
.header .logo img{ display:block; height:56px; width:auto}


.header .menu { text-align:center; position:absolute; right:50px; top:0}
.header .menu li{ position:relative; float:left;}
.header .menu li .menu_a{ line-height:102px; display:block; margin:0 22px;position:relative; font-size:18px;}
.header .menu li .menu_a:after {content: '';width: 0;height: 2px;background-color: #0877c4;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);bottom: 25px;-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: calc(100% + 44px)}
.header .menu li.cur .menu_a, .header .menu li:hover .menu_a{ color:#0f5ab1}
.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:45px;}
.header .menu .subduan a{ display:block; background-color:#fff; }
.header .menu .subduan a:hover{background-color: #0f5ab1; 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;}

.space{ height:102px;}

.banner{ position:relative; z-index:1;  height:auto !important }
.banner img{ display:block; width:100%; height:auto !important}
.banner .swiper-container{position:relative; height:auto !important}
.banner .swiper-pagination{bottom:2%; text-align:center;display:none}
.banner .swiper-pagination-bullet{ width:14px; height:14px; background:#ddd; /*box-shadow: 0 0 5px rgba(0,0,0,0.1); */opacity:1; margin:0 8px; border-radius:50%}
.banner .swiper-pagination-bullet-active{ background:#0f5ab1;opacity:1; border:none}
.banner .swiper-slide{ position:relative}
.banner .swiper-button-prev, .banner .swiper-button-next{ width:60px; height:60px; border-radius:50%; overflow:hidden; margin-top:-30px; outline:none; opacity:0.6; top:50%}
.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}


.isol .item{ float:left; width:calc(33.33% - 4px); margin-right:6px; margin-bottom:6px; position:relative}
.isol .item:nth-child(3n){ margin-right:0}
.isol .item:nth-child(3n+1){ clear:both;}
.isol .item .wenzi{ position:absolute; width:100%; height:100%; left:0; top:0; padding:30px 45px;}
.isol .item .wenzi h3{ font-size:24px; color:#fff; position:relative; padding-bottom:20px}
.isol .item .wenzi h3:after{ position:absolute; left:0; bottom:0; width:30px; height:1px; background:#fff; content:""}

.iproducts{ background:url(../images/iprobg.jpg) no-repeat center center; background-size:cover;}
.iproducts .swiper-slide{ position:relative; margin-bottom:60px;}
.iproducts .swiper-slide .inn{ padding:35px 0; background:#fff; margin:10px; text-align:center}
.iproducts .swiper-slide .wenzi { margin-bottom:10px;}
.iproducts .swiper-slide .wenzi h3{ font-size:18px; font-weight:bold}
.iproducts .swiper-slide .wenzi p{ font-size:14px; color:#666; padding:0 15px;}
.iproducts .swiper-slide .more{ display: inline-block; font-size:12px; color:#999; text-align:center; border-bottom:solid 1px #999; line-height:16px}
.iproducts .swiper-slide:hover .more{border-bottom:solid 1px #0f5ab1; color:#0f5ab1; }
.iproducts .swiper-slide:hover .inn{box-shadow: 0 0 10px rgba(0,0,0,.15);}
.iproducts .swiper-pagination{bottom:0; text-align:center;}
.iproducts .swiper-container-horizontal>.swiper-pagination-bullets, .iproducts  .swiper-pagination-custom, .swiper-pagination-fraction{bottom:0}
.iproducts .swiper-pagination-bullet{ width:40px; height:9px; opacity:1; background:#ccc; border-radius:5px;}
.iproducts .swiper-pagination-bullet-active{ background:#0f5ab1; }


.inews .wrap{ position:relative}
.inews .news-nav{ position:absolute; right:0; top:0}
.inews .news-nav li{ display: inline-block; margin-right:50px; padding-bottom:15px; font-size:18px; position:relative;  font-size:20px; line-height:40px;  }
.inews .news-nav li a{ display:block;border-bottom:solid 3px #fff; color:#555;}
.inews .news-nav li:last-child{ margin-right:0}
.inews .news-nav li.cur a{ color:#0f5ab1; border-bottom:solid 3px #0f5ab1;font-weight:bold}

.inews .newstab-wrap .item{height: 0;opacity: 0  !important;overflow: hidden;}
.inews .newstab-wrap .item.cur{height: auto;opacity: 1 !important;}
.i-news-list{ position:relative; }
.i-news-list .swiper-container{position:relative; margin:0 auto;}
.i-news-list .swiper-slide{position:relative; border-bottom:solid 1px #ddd; margin-bottom:35px;}
.i-news-list .swiper-slide p{ color:#666; margin-bottom:15px;}
.i-news-list .swiper-slide p span{ color:#0f5ab1}
.i-news-list .swiper-slide h3{ font-size:20px; margin-bottom:15px; color:#333}
.i-news-list .swiper-slide .more{ color:#666; font-size:14px;margin-bottom:20px; }
.i-news-list .swiper-slide .more:hover{color:#0f5ab1}
.i-news-list .swiper-button-prev, .i-news-list .swiper-button-next{ width:50px; height:37px; outline:none;border-radius:0%;border:solid 1px  #ddd; left:auto; right:0; top:0; z-index:1; margin-top:0}
.i-news-list .swiper-button-prev{ background:url(../images/npre.png) no-repeat #fff center center; left:auto; right:66px; }
.i-news-list .swiper-button-next{ background:url(../images/nnext.png) no-repeat #fff center center; right:0;}
.i-news-list .swiper-button-prev:hover{ background:url(../images/npre02.png) #0f5ab1 no-repeat center center;border:solid 1px #0f5ab1;}
.i-news-list .swiper-button-next:hover{ background:url(../images/nnext02.png) #0f5ab1 no-repeat center center; border:solid 1px  #0f5ab1;}

.inews .i-news-list .othernews .kuai{ float:left; width:31.6666%; margin-right:2.5%}
.inews .i-news-list .othernews .kuai:nth-child(3){ margin-right:0}
.inews .i-news-list .othernews .kuai h3{ margin:20px 0; font-size:18px; font-weight:bold; color:#333}
.inews .i-news-list .othernews .kuai p{ font-size:14px; color:#666}
.inews .i-news-list .othernews .kuai:hover p{color:#0f5ab1}
.inews .i-news-list .othernews .kuai p span{ float:right; color:#666}


.footer{ background:#efefef; }
.footer .fcontent {padding:50px 0}
.footer ul {width: 100%;display:flex;display:-webkit-flex;justify-content: space-between;}
.footer li {display:inline-block; }
.footer li .flogo{ width:auto; height:56px;display:block; margin-bottom:15px;}
.footer li .wcode{ width:115px; height:auto; display:block}
.footer li h3{ margin-bottom:15px; font-weight:bold; }
.footer li p{ font-size:14px; line-height:24px; color:#666}
.footer li p a{ color:#666}
.footer li h3 a:hover, .footer li p a:hover{color:#0f5ab1}
.footer li:nth-child(1) p{ padding-left:66px;}
.footer .copyright{ border-top:solid 1px #e4e4e4; text-align:center; font-size:14px; padding:16px 0}



.float_r{ position:fixed; font-size:12px; right:0px; top:50%; margin-top:-104px; z-index:111; padding:5px 5px 0px 5px; background:#272727;}
.float_r li{position:relative; cursor:pointer; text-align:center; height:75px; border-bottom:solid 1px #ddd; padding-top:5px}
.float_r .hd{position:absolute; left:-160px; top:0px; display:none; }
.float_r .img{height:62px; text-align:center; width:50px;}
.float_r .img img{position:relative; top:5px; display:block; margin:0 auto}
.float_r .img p{ color:#fff;}

.float_r li:hover .hd{display:block;}

.float_r .li2 .hd{background:#272727; width:150px ; text-align:center; padding:10px; color:#fff; bottom:0; top:auto; }
.float_r .li2 .hd .ewm img{ display:block; width:100%}
.float_r .backtop{border-bottom:none;}
.float_r .backtop img{ margin-top:10px;}



.nbanner{ position:relative; }
.nbanner img{ display:block; width:100%; height:auto}
.nbanner .text{ position:absolute;left:50%; line-height:50px;-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:45px; text-transform:uppercase; margin-left:5%}
.nbanner .text p{ font-size:30px;margin-left:5%}


.nmain img{ width:auto; max-width:100%}
.ab01 .conn{font-size:18px;}
.ab01 p{ line-height:40px;}
.ab01 .more { text-align:center; margin-top:45px;}
.ab01 .more a{ width:180px; line-height:50px; height:50px; border-radius:15px; background:#0f5ab1; color:#fff; display:inline-block}
.ab01 .more a:hover{box-shadow: 0 0 15px rgba(0,0,0,0.25);}

.nab02 .kuai{ float:left; width:32%; margin-right:2%; margin-bottom:2%;}
.nab02 .kuai:nth-child(3n){ margin-right:0}
.nab02 .kuai:nth-child(3n+1){ clear:both}
.nab02 .wenzi{ background:#f7f7f7; padding:28px;}
.nab02 .wenzi h3{ line-height:28px; font-size:24px; font-weight:bold; margin-bottom:20px;color:#333}
.nab02 .wenzi p{ line-height:24px; min-height:96px; color:#333}
.nab02 .more{ font-size:14px; line-height:20px; color:#0877c4;transition: 0.5s; display:inline-block; margin-top:10px;}


.nab02 .kuai02{ float:left; width:49%; margin-right:2%; margin-bottom:0%;}
.nab02 .kuai02:nth-child(2n+1){ margin-right:0}


.jianjie .conn{ padding-top:30px; border-top:solid 1px #ddd}



.hononrlist li{ width:23.5%; margin:1% 2% 1% 0; padding:12px; border:1px solid #ddd; float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; position:relative}
.hononrlist li:nth-child(4n){ margin-right:0}
.hononrlist li:nth-child(4n+1){ clear:both; }
.hononrlist li:hover{border:solid 1px #0877c4;box-shadow: 0 0 15px rgba(0,0,0,0.2); cursor:pointer}
.hononrlist li .text h3{ font-weight:bold; font-size:18px; text-align:center; padding-top:15px; padding-bottom:10px;}

.hononrlist li .hd{ position:fixed; width:100%; height:100%; top:0;left:0;color:#666; display:none; z-index:999999999}
.hononrlist li .hd .bg{ position:absolute; top:0;left:0; width:100%; height:100%; background:#000; opacity:0.8; filter:alpha(opacity=80); z-index:999999998}
.hononrlist li .hd .closed{ width:37px;  height:37px; display:block; background:url(../images/close.png) no-repeat center; position:absolute; left:calc(50% + 320px); top:calc(15% - 15px); -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;z-index: 999999999;}
.hononrlist li .hd .closed:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
.hononrlist li .hd .pro_con{ background:#fff; width:640px; position:absolute;top:25%;left:50%; margin-left:-320px; padding:18px; border-radius:8px; cursor:default; overflow-y:auto; z-index:999999999}
.hononrlist li .hd .pro_con h3{color:#000;}

.hononrlist .img-dv .img2{ width:auto; max-width:100%; height:auto; min-height:auto; max-height:100%}


.zeren .wenzi{ background:#f7f7f7; padding:28px;}
.zeren .wenzi h3{ line-height:28px; font-size:24px; font-weight:bold; margin-bottom:20px;color:#333}
.zeren .wenzi p{ line-height:24px; min-height:96px; color:#333}
.zeren .more{ font-size:14px; line-height:20px; color:#0877c4;transition: 0.5s; display:inline-block}
.zeren .kuai02{ float:left; width:49%; margin-right:2%; margin-bottom:1%; margin-top:1%;}
.zeren .kuai02:nth-child(2n){ margin-right:0}


.nlianxi h3{ line-height:50px; font-size:24px; color:#0f5bb1; font-weight:bold}
.nlianxi .ncontact{ width:50%; float:left; line-height:50px; font-size:18px}
.nlianxi .ncontact p:last-child{ line-height:125px;}
.nlianxi .ncontact p:last-child span{ display: inline-block; float:left;}
.nlianxi .ncontact p:last-child img{ border:solid 1px #ddd; width:125px; height:125px; display:inline-block; float:left}
.nlianxi .liuyan{ width:50%; float:right; color:#666; font-size:14px;}
.nlianxi .liuyan .row{ margin-bottom:25px; position:relative}
.nlianxi .liuyan .row:nth-child(1){ margin:15px 0}
.nlianxi .liuyan .row .colum{ float:left; width:48.5%; }
.nlianxi .liuyan .row .colum:nth-child(2n){ float:right}
.nlianxi .liuyan .row .inp, .nlianxi .liuyan .row textarea{ border:solid 1px #ddd; padding:0 10px; line-height:40px; height:40px; width:100%;font-size:12px;}
.nlianxi .liuyan .row textarea{ height:130px;}
.nlianxi .liuyan .row .submit{ position:absolute; top:0; right:0; width:108px; height:40px; line-height:40px; background:#0f5bb1; color:#fff; border:none}
.nlianxi .liuyan .row .submit:hover{box-shadow: 0 0 15px rgba(0,0,0,0.2); cursor:pointer}


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


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

.shangxia{ border-bottom:solid 1px #ddd; border-top:solid 1px #ddd; font-size:14px; 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:#0f5bb1}


.innews .item{box-shadow: 0 0 15px rgba(0,0,0,0.2); background:#fff; float:left; width:32%; margin-right:2%}
.innews .item:nth-child(3){ margin-right:0}
.innews .item .wenzi{ padding:20px;}
.innews .item .wenzi p{ color:#888; font-size:14px;}
.innews .item .wenzi h3{ font-size:18px; font-weight:bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.innews .more{ width:150px; height:45px; line-height:45px; background:#0f5bb1; text-align:center; margin:45px auto 0 auto}
.innews .more a{ color:#fff; display:block}

.nnews .title{ position:relative}
.nnews .title .more{ position:absolute; right:0; bottom:0;width:150px; height:45px; line-height:45px; background:#0f5bb1; text-align:center;}
.nnews .title .more a{ color:#fff; display:block}
.nmain.nnews .newsleft{ float:left; width:49%; position:relative}
.nmain.nnews .newsright{ float:right; width:48%}
.nmain.nnews .newsleft .wenzi{ position:absolute; width:84%; left:8%; bottom:40px; background:#fff; box-shadow: 0 0 5px #ccc; padding:20px 25px; z-index:9}
.nmain.nnews .conn p{ font-size:14px; line-height:24px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.nmain.nnews .conn h3{ font-size:18px; font-weight:bold; }
.nmain.nnews .newsleft h3{margin-bottom:8px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.nmain.nnews .newsright .kuai{ margin-bottom:28px;}
.nmain.nnews .newsright .kuai:hover{background:#0f5bb1;}
.nmain.nnews .newsright .kuai:last-child{ margin-bottom:0}
.nmain.nnews .newsright .kuai .pic{ float:left; width:29%}
.nmain.nnews .newsright .kuai .wenzi{ float:right; width:67%}
.nmain.nnews .newsright .kuai .other, .inews .newsright .kuai .other a{ color:#999}
.nmain.nnews .newsright .kuai .other{ margin-bottom:10px;font-size:14px; }
.nmain.nnews .newsright .kuai h3{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.nmain.nnews .newsright .kuai p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.nmain.nnews .newsright .kuai:hover h3,.nmain.nnews .newsright .kuai:hover p,.nmain.nnews .newsright .kuai:hover a, .nmain.nnews .newsright .kuai:hover .other{ color:#fff;}



.nsol .kuai{ padding:50px;}
.nsol .kuai:nth-child(2n+1){ background:#f7f7f7;}
.nsol .kuai .pic{ float:left; width:55%}
.nsol .kuai .wenzi{ float:right; width:40%;padding-top:10%;}
.nsol .kuai .wenzi h3{ font-size:38px; font-weight:bold; margin-bottom:35px; color:#333}
.nsol .kuai .wenzi p{ line-height:20px; color:#0877c4;transition: 0.5s; display:inline-block; font-size:20px;}
.nsol .kuai:nth-child(2n+1) .pic{ float:right}
.nsol .kuai:nth-child(2n+1) .wenzi{ float:left}


.npro01 .kuai01{ position: relative; margin-bottom:40px;}
.npro01 .kuai01 img{ display:block; width:100%; height:auto}
.npro01 .kuai01 .text{background-image: linear-gradient(to right,  rgba(15,90,177,1) , rgba(15,90,177,0)); position:absolute; left:0; top:0; color:#fff; width:100%; height:100%}
.npro01 .kuai01:nth-child(2) .text{background-image: linear-gradient(to left,  rgba(15,90,177,1) , rgba(15,90,177,0)); position:absolute; }
.npro01 .kuai01 .text .inn{position: absolute;padding:60px;left: 50%;line-height: 50px;-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);top: 50%;color: #fff;width: 100%;}
.npro01 .kuai01 .text .inn .incon{ width:100%; max-width:360px;}
.npro01 .kuai01:nth-child(2) .text .inn .incon{ float:right}
.npro01 .kuai01 .text .inn h3{font-size: 38px; margin-bottom: 20px;}
.npro01 .kuai01 .text .inn p{font-size: 20px; margin-bottom: 50px; line-height:30px;}
.npro01 .kuai01 .text .inn .more{font-size: 20px;}

.npro02 img, .zeren img{ display:block; width:100%; height:auto} 
.npro02 .wenzi{ background:#f7f7f7; padding:28px;}
.npro02 .wenzi h3{ line-height:28px; font-size:24px; font-weight:bold; margin-bottom:20px;color:#333}
.npro02 .wenzi p{ line-height:24px; min-height:96px; color:#333}
.npro02 .more{ font-size:14px; line-height:20px; color:#0877c4;transition: 0.5s; display:inline-block}
.npro02 .kuai02{ float:left; width:49%; margin-right:2%; margin-bottom:1%; margin-top:1%;}
.npro02 .kuai02:nth-child(2n){ margin-right:0}


.protabmenu{ text-align:center; position:relative;float:left; width:22%;}
.protabmenu li{background-color: #dde6ed;border-bottom: 2px solid #aeb3b8;height: 60px;line-height: 60px;text-align: center;font-size: 18px;cursor: pointer; }
.protabmenu li:hover, .protabmenu li.cli{color:#fff; background:#0877c4}
#protabcontent{ float:right; width:74%; line-height:35px}
.protabmenu li a{ display:block}
.protabmenu li:hover a, .protabmenu li.cli a{ color:#fff}
#protabcontent .hidden {display:none;}
#protabcontent table { width:100% !important}
#protabcontent table tr td {border: 1px solid #dcdddd;padding: 5px 10px;}


.hrlist{ background:#dde6ed}
.hrlist li{ margin-bottom:2.5%; background:#fff; border-radius:5px; float:left; width:48.5%;box-shadow: 0 0 15px rgba(0,0,0,0.15);}
.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:40px; cursor:pointer; display:flex; display:-webkit-flex;color:#666; position:relative}
.hrlist .toptit span{ width:31%; margin-right:1%}
.hrlist .job{ color:#333; font-size:18px; font-weight:bold; width:35%;}
.hrlist .toptit .icon{ width:26px; height:100%; background:url(../images/jia.png) no-repeat center 15px; position:absolute; right:20px;top:0; margin-right:0}
.hrlist li.cur .toptit .icon{background:url(../images/jian.png) no-repeat center 15px; }
.hrlist .cont{ margin:0 20px; padding:0 0 25px 0; background:#fff; border-radius:5px; display:none}
.hrlist .cont .mail{ text-align:center; margin-top:20px}
.hrlist .cont .mail a{ display:inline-block; padding:0 40px; line-height:36px; background:#0f5bb1; color:#fff}
.hr-content .right{ width:406px; border-radius:5px; background:#e8eef6;}
.hr-content .right img{ display:block; width:100%; height:auto}
.hr-content .right .txt{ padding:30px 20px 40px;color:#000}