@charset "utf-8";

@font-face {	
font-family: 'opposansb';	
src: url("../fonts/opposansb.eot");
src: url("../fonts/opposansb.eot") format("embedded-opentype"), 
url("../fonts/opposansb.woff") format("woff"), 
url("../fonts/opposansb.ttf") format("truetype"), 
url("../fonts/opposansb.svg") format("svg");	
font-weight: normal;
font-style: normal;}


html{ overflow-x:hidden}
*{margin:0;padding:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body{ font-family:"Microsoft YaHei", "ror", "Arial", "Helvetica Neue", Helvetica, sans-serif; font-size:15px; line-height:30px;-webkit-font-smoothing: antialiased; overflow-x:hidden;background:#fff; color:#444; }
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:#154897}
ol,ul,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:normal; text-transform:capitalize}
.clear{ clear:both}
.clearfix{clear:both;zoom:1;}
.clearfix:after{ content:"."; display:block; height:0;clear:both;visibility:hidden;}
.ovh{ overflow:hidden}
table{ border-collapse:collapse;}
img{ border:none;}
input,textarea,select,button,input{ outline:none;font-size:16px;font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;}
input{-webkit-appearance: none ;}
.green{ color:#154897}



.section{ padding:100px 0;}

#a01, #a02, #a03, #a04,#a05, #a06, #a07, #a08{ position: absolute;  margin-top:-95px;}
.wrap{ width:84%; max-width:1500px; margin:0 auto}
.jvzhong{ text-align:center}
.title { margin-bottom:35px;}
.title h3{ font-size:40px; color:#222; font-weight:bold; line-height:50px; margin-bottom:10px;}
.title h4{ font-size:24px; color:#183E7D; font-weight:bold; text-transform:uppercase;}
.title p{ font-size:18px; margin-top:20px;}

body{ position: relative;}
.topbg{ height:100%; width:100%; background-image: linear-gradient(-45deg, rgba(38,88,160,1), rgba(38,88,160,0.4), rgba(38,88,160,0)); position:absolute; left:0; top:0; z-index:98; }
.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%}


.header{width: 100%;top:0;left:0;position:fixed; z-index:99; border-bottom:solid 1px rgba(255,255,255,0.2)}
.header.scroll, .header:hover{ background:#fff;box-shadow: 0 0 15px rgba(0,0,0,0.1);} 
.header .wrap{ position:relative; width:100%; max-width:100%;}
.banner .wrap{ position:relative; width:84%; max-width:84%;}
/*.header .wrap{ height:95px; }*/
.header .logo{ position:absolute; left:8%; top:50%; margin-top:-35px;}
.header .logo img{ display:block; height:70px; width:auto; }


.header .menu { float:right; margin-right:calc(85px + 8%);}
.header .menu li{ display:inline-block;}
.header .menu li .menu_a{ line-height:95px; display:block; color:#fff; position:relative; font-size:18px;  margin:0 23px; text-transform:capitalize}
.header .menu li .menu_a.cur{ font-weight:bold; color:#183E7D}
.header.scroll .menu .menu_a, .header:hover .menu .menu_a, .ovh .header .menu .menu_a{ color:#333}
.header .menu li .menu_a:after {content: '';width: 0;height: 3px;background:#183E7D;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);bottom: 0;-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 li .sub{position:absolute; display:none;clear:both; background:#fff;  z-index:99; left:0}
.header .menu li.on .sub{ display:block}
.header .menu li .subchang{ width:100%; left:0%; border-top:solid 1px #e7e7e7; padding:50px 0 70px 0; }
.header .menu li .subchang .wrap{ position:relative; text-align:left; width:84%; max-width:84%; height:auto !important;  }
.header .menu li .subchang .jianjie{ width:30%; float:left; margin-right:4%}
.header .menu li .subchang .jianjie h3{ font-size:26px; font-weight:bold; color:#222; margin:20px 0 15px 0; }
.header .menu li .subchang .jianjie p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; height:90px; color:rgba(0,0,0,0.7)}
.header .menu li .subchang .pic{ width:32%; float:right; border-radius:15px;}
.header .menu li .subchang .list{ width:30%; border-left:solid 1px #e7e7e7; padding:0 40px; float:left;}
.header .menu li .subchang .list p{ line-height:48px; text-transform:capitalize; border-bottom:solid 1px #e7e7e7; font-size:17px; position:relative}
.header .menu li .subchang .list p:after{ content:""; position:absolute; left:0; bottom:-1px; width:0; height:1px; background:#183E7D;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.header .menu li .subchang .list p:hover:after{ width:100%;}
.header .menu li .subchang .list p a{ display:block}
.header .menu li .subchang .list p a:hover{ color:#183E7D}



.header .language{ position:absolute; top:50%; right:8%; margin-top:-20px; }
.header .language a{ display:block; height:40px; line-height:40px; padding-left:32px; background:url(../images/languagew.png) no-repeat left center; font-size:16px; color:#fff;}
.header.scroll .language a, .header:hover .language a, .header .language a:hover{background:url(../images/language.png) no-repeat left center; color:#444}
.header .sou{ background:url(../images/souw.png) no-repeat center center; position:absolute; top:50%; right:8%; margin-top:-20px; height:40px; width:23px; cursor:pointer;}
.header.scroll .sou, .header:hover .sou, .header .sou:hover{ background:url(../images/sou.png) no-repeat left center;}

.search {position: fixed;left:0;top: 0;right:0;bottom: 0;/* background: #000; */background: rgba(0, 0, 0, 0.85);z-index: 9999;display: none;}
.search-box {width: 50%;position: absolute;top: 50%;transform: translateY(-50%);left: 25%;}
.search .search-con{width:30px; height:30px; display:block; cursor:pointer; background:url(../images/close.png) no-repeat center; background-size:cover; position:fixed; right:8%; top:5%; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;z-index: 99;}
.search .search-con:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
.search .pr{ position:relative}
.search .inp {width: 100%; line-height:80px; height:80px;background: none;border: none;border-bottom: 1px solid rgba(255, 255, 255, 0.7);font-size:20px;color: rgba(255, 255, 255, 0.7);}
.search .inp::-webkit-input-placeholder {color: rgba(255, 255, 255, 0.7);}
.search .search_btn {position: absolute; cursor:pointer; border:none; top: 50%; right:0; margin-top:-40px; background:url(../images/pnext.png) no-repeat center; background-size:19px auto;line-height:80px; height:80px; width:19px; }

.banner{ position:relative; z-index:90; }
.banner img{ display:block; width:100%; height:auto;}
.banner .swiper-slide .text{ color:#fff; line-height:50px;position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; width:100%;}
.banner .swiper-slide .text h4{ font-size:40px; color:#183E7D; line-height:40px; margin-bottom:25px; font-weight:bold;opacity: 0;visibility: hidden;transform: translateY(20px);transition: 0.45s;}
.banner .swiper-slide .text h3{font-size:50px; color:#222; line-height:60px; margin-bottom:10px; font-weight:bold;opacity: 0;visibility: hidden;transform: translateY(20px);transition: 0.45s;}
.banner .swiper-slide .text p{font-size:26px; color:#222; opacity: 0;visibility: hidden;transform: translateY(20px);transition: 0.45s; }
.banner .swiper-slide .text .more{margin-top:65px;opacity: 0;visibility: hidden;transform: translateY(20px);transition: 0.45s;}
.banner .swiper-slide .text .more a{ display:block; transition: 0.5s; background:url(../images/bnext.png) #183E7D no-repeat 83% center; background-size:6px auto; width:145px; height:48px; line-height:48px; text-align:center; color:#fff; padding-right:25px; border-radius:10px;}
.banner .swiper-slide .text .more a:hover{ border-radius:15px;}

.banner .swiper-slide.swiper-slide-active .text h4, .banner .swiper-slide.swiper-slide-active .text h3, .banner .swiper-slide.swiper-slide-active .text p, .banner .swiper-slide.swiper-slide-active .text .more {opacity: 1;visibility: visible;transform: translateX(0);transition-delay: 0.5s;}
.banner .swiper-slide.swiper-slide-active .text h4 {transition-delay: 0.2s;}
.banner .swiper-slide.swiper-slide-active .text h3 {transition-delay: 0.4s;}
.banner .swiper-slide.swiper-slide-active .text p {transition-delay: 0.6s;}
.banner .swiper-slide.swiper-slide-active .text .more {transition-delay: 0.8s;}

.banner .swiper-button-prev, .banner .swiper-button-next{ z-index:98; width:40px; height:50px; margin-top:0px; outline:none; opacity:1; left:auto; top:auto; bottom:3%; overflow:hidden}
.banner .swiper-button-prev{ background:url(../images/bpre.png) no-repeat center center; background-size:12px auto; right:calc(130px + 7%);}
.banner .swiper-button-next{ background:url(../images/bnext.png) no-repeat center center;background-size:12px auto; right:7%;}

.banner .swiper-pagination{bottom:calc(3% + 20px); height:20px; text-align:right; padding-right:calc(7% + 35px);}
.banner .swiper-pagination-bullet{width: 8px;height: 8px;background-color: #fff;opacity: 1;margin:0 12px!important;position: relative;}
.banner .swiper-pagination-bullet:after{content: '';border: 1px solid #fff;border-radius: 50%;width: calc(100% + 12px);height: calc(100% + 12px);position: absolute;left: -6px;top: -6px;box-sizing: border-box;opacity: 0;}
.banner .swiper-slide-active{z-index: 2;}
.banner .swiper-pagination-bullet-active{ background:#fff; }
.banner .swiper-pagination-bullet-active:after{opacity: 1;}
.banner .swiper-slide .bnr-bg{ position:absolute; width:100%; height:100%; top:0; left:0; transform:matrix(1.1, 0, 0, 1.1, 0, 0);-webkit-transition:all 0.4s ease 1.2s; -moz-transition:all 0.4s ease 1.2s; -ms-transition:all 0.4s ease 1.2s; -o-transition:all 0.4s ease 1.2s; transition:all 0.4s ease 1.2s;}
.banner .swiper-slide.swiper-slide-active .bnr-bg{transition-delay:0.4s !important; transform:matrix(1, 0, 0, 1, 0, 0); -webkit-transition:all 7.0s ease; -moz-transition:all 7.0s ease; -ms-transition:all 7.0s ease; -o-transition:all 7.0s ease; transition:all 7.0s ease;}

.banner .scrool {position: absolute;bottom:4%;left: 50%;transform: translateX(-50%);z-index: 9;animation: xiangxia 2s infinite;cursor: pointer;}
@keyframes xiangxia {
  0% {
    transform: translate(-50%, 0);
  }

  50% {
    transform: translate(-50%, 0.625rem);
  }

  100% {
    transform: translate(-50%, 0);
  }
}
.banner .scrool img {width: auto;height: 2.625rem;}


.iproducts{ position:relative; background:url(../images/prowenzi.png) no-repeat 3% center; background-size:auto 100%; min-height:760px;}
.iproducts:after{ content:""; position:absolute; width:22px; height:100%; background:#2658A0; top:0; left:0}

.iproducts .image{ position:absolute;left:50%;-moz-transform:translate(0%,-50%);-webkit-transform:translate(0%,-50%);transform:translate(0%,-50%); top:50%; width:50%; border-radius:40px 0 0 40px; overflow:hidden;}
.iproducts .image img{ display:block; width:100%; height:auto;}
.iproducts .text{ width:46%;}
.iproducts .text .conn{ margin-top:-10px}
.iproducts .text .conn img{ display:block; width:auto; max-width:90%; margin-top:30px;}
.iproducts .text .more{margin-top:50px;}
.iproducts .text .more a{ display:block; transition: 0.5s; background:url(../images/bnextb.png) #fff no-repeat 83% center; border:solid 1px #183E7D; color:#183E7D; background-size:6px auto; width:135px; line-height:42px; text-align:center; padding-right:25px; border-radius:10px;}
.iproducts .text .more a:hover{ border-radius:15px;background:url(../images/bnext.png) #183E7D no-repeat 83% center;background-size:6px auto;  color:#fff;}

.iproducts .wen-en {
  left: -20%;
  top: 37%;
  line-height: 1;
  transform: rotate(90deg);
  -webkit-text-stroke: 1px rgba(38, 88, 160, 0.2);
}
.iproducts .wen-en::after {
  content: '';
  position: absolute;
  left: -3%;
  top: 89%;
  width: 110%;
  height: 2.1875rem;
  background: #2658A0;
}

.inews{ background:url(../images/5.png) no-repeat #F9F9F9 center 10%;  position: relative}
.inews.section{ padding-bottom:175px;}
.inews:after{ content: '';position: absolute;width: 100%;left: 0;bottom: 0;height:30%;background: url(../images/newswenzi.png) no-repeat #2658A0 5% center; background-size:35% auto}
.inews .wrap{ position:relative; z-index:22}
.inews .title { position:relative}
.inews .title .more{ position:absolute; bottom:10px; right:0;}
.inews .title .more a{ display:block; transition: 0.5s; background:url(../images/bnextb.png) no-repeat 83% center; border:solid 1px #183E7D; color:#183E7D; background-size:6px auto; width:135px; line-height:42px; text-align:center; padding-right:25px; border-radius:10px;}
.inews .title .more a:hover{ border-radius:15px;background:url(../images/bnext.png) #183E7D no-repeat 83% center;background-size:6px auto;  color:#fff;}
.inews .list{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.inews .list .item{ width:32%; margin-right:2%; padding:20px 20px 40px 20px;box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1); border-radius: 0.625rem; background:#fff;}
.inews .list .item:nth-child(3n){ margin-right:0}
.inews .list .text .type{color: #2658A0; font-size:15px; display: inline-block;padding:5px 16px;background: #E9F2FF;border-radius: 4px; margin-top:15px;}
.inews .list .text h3{font-weight: 700;margin:15px 0 10px 0;font-size:18px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.inews .list .text p{ line-height:26px;display: -webkit-box;overflow: hidden;color: rgba(0, 0, 0, 0.6);text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.inews .list .text .date{ font-size:14px;color: rgba(0, 0, 0, 0.5); margin-top:25px; position:relative}
.inews .list .text .date:after{ content:""; position:absolute; top:50%; right:0; margin-top:-0.5px; background:#2658A0; width:calc(100% - 100px); height:1px}



.footer{ background:#2D3333;width:100%; position:relative; z-index:25; border-top: solid 5px #2D3333;}
.footer img{ display:block}
.footer ul {width: 100%;display:flex;display:-webkit-flex;justify-content: space-between; color:#fff}
.footer .fcontent{ color:rgba(255,255,255,0.3); padding:60px 0 70px 0;}
.footer .fcontent li:last-child{ max-width:420px;}
.footer .fcontent li h3{ margin:0 0 20px 0;}
.footer .fcontent li h3, .footer .fcontent li h3 a{ font-size:20px; color:#fff}
.footer .fcontent li p{line-height:35px; }
.footer .fcontent li p, .footer .fcontent li p a{color:rgba(255,255,255,0.8)}
.footer .fcontent li p a:hover{color:rgba(255,255,255,1)}
.footer .fcontent li:last-child p{ padding-left:32px;}
.footer .fcontent li:last-child p.add{background: url(../images/fadd.png) no-repeat left 8px; background-size:auto 18px;}
.footer .fcontent li:last-child p.tel{background: url(../images/ftel.png) no-repeat left 8px; background-size:auto 18px;}
.footer .fcontent li:last-child p.mail{background: url(../images/fmail.png) no-repeat left 11px; background-size:auto 14px;}
.fcontent li:last-child .gj { margin-top:30px;}
.fcontent li:last-child .gj .item{ display:inline-block; position:relative; margin-right:3px;}
.fcontent li:last-child .gj .item .sub{ display:none}
.fcontent li:last-child .gj .item .icon{ background-color: rgba(255,255,255,0.1); cursor:pointer; border-radius:50%}
.fcontent li:last-child .gj .item .icon img{ display:block; width:40px; height:auto}
.fcontent li:last-child .gj .item .icon:hover{background-color:#2658a0;}
.fcontent li:last-child .gj .item:hover .sub{ display:block; position:absolute;}
.fcontent li:last-child .gj .item .sub{position:absolute; padding:10px; clear:both; z-index:9;width:124px; margin-left:-47px;margin-top:-180px; background:#2658a0}
.fcontent li:last-child .gj .item .sub img{ display:block; width:100%; height:auto}
.fcontent li:last-child .gj .item .sub:before{position: absolute;content: '';width: 0;height: 0;left: 50%; bottom: 0;margin-left: -10px;border-style: solid; border-width: 10px 10px 0px 10px;border-color: #fff transparent transparent transparent; z-index:9}


.footer .copyright{ padding:25px 0 35px 0 ; border-top:solid 1px rgba(255,255,255,0.2); text-align:center}
.footer .copyright img{ display:block}
.footer .copyright p, .footer .copyright a{color:rgba(255,255,255,0.8)}
.footer .copyright a:hover{color:rgba(255,255,255, 1)}



.nbanner{ position:relative}
.nbanner img{ display:block; width:100%; height:auto}
.nbanner .text { position:absolute; text-align:center; z-index:98; 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:50px; line-height:50px; font-weight:bold; padding-bottom:15px; position:relative}
.nbanner .text h4{font-size:26px; font-weight:bold; text-transform:uppercase; }
.nbanner .location{ position: absolute; left:0; bottom:5%; width:100%; color:#fff;}
.nbanner .location a{ color:#fff;}
.nbanner .location span{ padding:0 5px;}


.nnav {border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.nnav.auto ul {justify-content: flex-start;}
.nnav.auto li {flex: none;}
.nnav.auto li a {padding: 0 5rem;}
.nnav ul {display: flex;justify-content: space-between;}
.nnav ul li {flex: 1 0 0;text-align: center;border-right: 1px solid rgba(0, 0, 0, 0.1);position: relative;overflow: hidden; text-transform:capitalize; }
.nnav ul li:first-child {border-left: 1px solid rgba(0, 0, 0, 0.1);}
.nnav ul li::before {content: "";position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(145deg, #183e7d 5%, #183e7d 25%), #183e7d;transition: all 0.4s;-webkit-transform: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;z-index: -1;}

.nnav ul li:hover a {color: #183e7d;}
.nnav ul li.active {transition: all 0.4s;-webkit-transform: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;}
.nnav ul li.active::before, .nnav ul li:hover:before {left: 0;background:#183e7d; transition: all 0.4s;-webkit-transform: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;}
.nnav ul li.active a, .nnav ul li:hover a{color: #fff;}
.nnav ul li a {width: 100%; display: block;color: #000;font-size:19px;padding:0;height: 68px;display: flex;align-items: center;justify-content: center;}




.ncontact .conn{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; margin:50px 0; }
.ncontact .conn .item{border-radius:10px; padding:4% 2%; text-align:center;border: 1px solid rgba(0, 0, 0, 0.1);background: #FFF;box-shadow: 0px 0.25rem 1rem 0px rgba(0, 0, 0, 0.06); width:32%; margin-right:2%}
.ncontact .conn .item:last-child{ margin-right:0; }
.ncontact .conn .item .icon img{ display:block; margin:0 auto 20px auto;transition: all 0.4s;-webkit-transform: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;}
.ncontact .conn .item:hover .icon img{transform: rotateY(180deg);}
.ncontact .conn .item .con p{ text-align:center;}
.ncontact .conn .item .con h3{ font-size:20px; font-weight:bold; color:#222;}

.map #allmap { width:100%; height:850px;}
.BMap_bubble_title{ white-space:normal !important;color: #222;padding:10px 0;}
.BMap_bubble_content{color: #888;}
.iwTitle {
    color: #888;
    font-weight: bold;
	line-height:22px;
	display:block;
	padding-bottom:8px;
}
#allmap .map-address-name {
	text-align: center;
	font-size: 18px;
	line-height: 1.1;
	color: #222;
	padding: 10px 0;
}

#allmap .map-address-detail {
	text-align: center;
	line-height: 1.5;
	color: #888;
}

.nfeedback {background: #f5f5f5;}

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

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


.hrtop{ font-size:18px;padding:0px 30px;display:flex; display:-webkit-flex; line-height:70px; font-weight:bold;background:#183E7D; color:#fff; border-radius:10px; overflow:hidden; margin-bottom:20px;}
.hrtop span{width:18%; display:block; text-align:center}
.hrtop span.job{ width:28%; text-align:left}
.hrlist li{  margin-bottom:20px; border-radius:10px; border:solid 1px rgba(0,0,0,0.1); position:relative}
.hrlist li:after{ content:""; width:100%; height:55px; border-radius:10px;background: #e7ebf2; position:absolute; left:0; top:0; opacity:0; z-index:-1}
.hrlist li.cur{ padding-bottom:20px}
.hrlist li.cur:after{ opacity:1}
.hrlist .toptit{ padding:0px 30px;line-height:50px; cursor:pointer; display:flex; display:-webkit-flex; position:relative; background:url(../images/nanext04.png) no-repeat calc(100% - 30px) center;}
.hrlist li.cur .toptit{ background:url(../images/nanext05.png) no-repeat calc(100% - 30px) center ;}
.hrlist .toptit span{ width:18%; text-align:center}
.hrlist .toptit span.job{width:28%;text-align:left}
.hrlist .cont{ margin:20px 30px; background:#fff; border-radius:5px; display:none; color:#666;}
.hrlist .cont .tomail{ text-align:center; margin:30px auto 60px auto; background:url(../images/bmore.png) #183e7d no-repeat 92% center; transition: 0.5s;padding-right:30px; border-radius:25px; overflow:hidden; line-height:50px; width:100%; max-width:320px; height:50px;}
.hrlist .cont .tomail:hover{ background:url(../images/bmore.png) #183e7d no-repeat 93% center;}
.hrlist .cont .tomail a{ display:block; color:#fff}



.topnewslists{ background:url(../images/5.png) no-repeat #F9F9F9 center 10%;  position: relative}
.topnewslists .wrap{ position:relative;}
.topnewslists:after{ content: '';position: absolute;width: 100%;left: 0;bottom: 0;height:30%;background: #2658A0;}
.topnewslists .wrap{ position:relative; z-index:22; padding-bottom:50px;}
.topnewslists .conn{ border-radius:15px; background:#fff; padding:35px;}
.topnewslists .swiper-slide .pic{ width:50%;}
.topnewslists .swiper-slide .text{ position:absolute;/*text-shadow: 0.5px 0.5px 2px rgba(0%,0%,0%,0.25); */ z-index:98; left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:48%; width:100%; padding-left:54%}
.topnewslists .swiper-slide .text .type{color: #2658A0; font-size:15px; display: inline-block;padding:5px 16px;background: #E9F2FF;border-radius: 4px; margin-top:15px;}
.topnewslists .swiper-slide .text h3{font-weight: 700;margin:20px 0;font-size:24px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.topnewslists .swiper-slide .text p{ display: -webkit-box;overflow: hidden;color: rgba(0, 0, 0, 0.6);text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.topnewslists .swiper-slide .text .date{ color: rgba(0, 0, 0, 0.5); margin-top:40px; position:relative}
.topnewslists .swiper-slide .text .date:after{ content:""; position:absolute; top:50%; right:0; margin-top:-0.5px; background:#2658A0; width:calc(100% - 100px); height:1px}

.topnewslists .swiper-pagination{bottom:0px; height:20px; width:100%;}
.topnewslists .swiper-pagination-bullet{width: 8px;height: 8px;background-color: #fff;opacity: 1;margin:0 12px!important;position: relative;}
.topnewslists .swiper-pagination-bullet:after{content: '';border: 1px solid #fff;border-radius: 50%;width: calc(100% + 12px);height: calc(100% + 12px);position: absolute;left: -6px;top: -6px;box-sizing: border-box;opacity: 0;}
.topnewslists .swiper-slide-active{z-index: 2;}
.topnewslists .swiper-pagination-bullet-active{ background:#fff; }
.topnewslists .swiper-pagination-bullet-active:after{opacity: 1;}
.topnewslists .swiper-slide .bnr-bg{ position:absolute; width:100%; height:100%; top:0; left:0; transform:matrix(1.1, 0, 0, 1.1, 0, 0);-webkit-transition:all 0.4s ease 1.2s; -moz-transition:all 0.4s ease 1.2s; -ms-transition:all 0.4s ease 1.2s; -o-transition:all 0.4s ease 1.2s; transition:all 0.4s ease 1.2s;}
.topnewslists .swiper-slide.swiper-slide-active .bnr-bg{transition-delay:0.4s !important; transform:matrix(1, 0, 0, 1, 0, 0); -webkit-transition:all 7.0s ease; -moz-transition:all 7.0s ease; -ms-transition:all 7.0s ease; -o-transition:all 7.0s ease; transition:all 7.0s ease;}




.nnews .pic{ width:28%; padding:1%; border:solid 1px #ddd;}
.nnews .wenzi{position:absolute;/*text-shadow: 0.5px 0.5px 2px rgba(0%,0%,0%,0.25); */ z-index:98; left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:48%; width:100%; padding-left:33%; padding-right:3%;}
.nnews .wenzi h3 { line-height:32px; margin-bottom:15px; font-size:22px; font-weight:bold; color:#333;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.nnews li{ position:relative; padding:30px; margin-bottom:35px; background:#F9F9F9; border-radius:15px;}
.nnews li:hover{box-shadow: 0 0 15px rgba(0,0,0,0.15);}
.nnews li:hover .wenzi h3{ color:#1f2375}
.nnews .wenzi p{ color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}

.nnews .wenzi .date{ color: rgba(0, 0, 0, 0.5); margin-top:40px; position:relative}
.nnews .wenzi .date:after{ content:""; position:absolute; top:50%; right:0; margin-top:-0.5px; background:#2658A0; width:calc(100% - 100px); height:1px}



.newsdetail .ntitle { margin-bottom:25px; padding-bottom:25px; border-bottom:solid 1px #ddd}
.newsdetail .ntitle h3{ font-size:30px; font-weight:bold; margin-bottom:15px}
.newsdetail .ntitle p{ color:#999}

.newsdetail .conn img{ width:auto; max-width:100%; }
.newsdetail .more{margin-top:50px;}
.newsdetail .more a{ display:block; margin:0 auto; transition: 0.5s; background:url(../images/bnext.png) #183E7D no-repeat 83% center; border:solid 1px #183E7D; color:#fff; background-size:6px auto; width:135px; line-height:42px; text-align:center; padding-right:25px; border-radius:10px;}
.newsdetail .more a:hover{ border-radius:15px;background:url(../images/bnext.png) #183E7D no-repeat 83% center;background-size:6px auto;  color:#fff;}


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



.nmain .ivideolist li{ background:#fff}
.ivideolist li{ float:left; width:32%; margin-right:2%; margin-bottom:2%; background:#fff;}
.ivideolist li:nth-child(3n){ margin-right:0}
.ivideolist li:nth-child(3n+1){ clear:both; }
.ivideolist li .tit{
	padding-top: 8px;
	padding-right:5px;
	padding-bottom: 8px;
	padding-left: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #dddada;
	border-bottom-color: #dddada;
	border-left-color: #dddada;
	border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius:10px;
}
.ivideolist li .tit h3{ font-size:18px; line-height:40px; text-align:center; padding-bottom:15px;}
.ivideolist li .tit p{ font-size:14px; color:#666}


.ivideolist .picbox{ position:relative; overflow:hidden}
.ivideolist .img1{ display:block; width:100%; height:auto}
.ivideolist .img2{ position:absolute; left:0;top:0;right:0;bottom:0; width:100%; height:100%; object-fit:cover; margin:auto; z-index:2}
.ivideolist .video-btn{position:absolute; left:50%;top:50%; width:80px; height:80px; margin-left:-40px; margin-top:-40px; z-index:3}
.ivideolist video{ width:100%; height:100%;position:absolute; left:0;top:0;right:0;bottom:0;margin:auto;background:#000;z-index:-1; opacity:0.0001}
.ivideolist iframe{ width:auto; height:auto; min-width:100%; min-height:100%;margin:auto;}

.ivideolist li:hover iframe{ z-index:9999}
.ivideolist li:hover{ cursor:pointer}

.ivideolist li .hd{ position:fixed; width:100%; height:100%; top:0;left:0;color:#fff; display:none; z-index:99}
.ivideolist 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}
.ivideolist li .hd .closed{ width: 48px;height: 48px;  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;}
.ivideolist li .hd .closed:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
.ivideolist li .hd .hr_con{left: 50%;-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);top: 50%;width:80%;height:80%;position: fixed;z-index: 9999;}
.ivideolist li .hd .hr_con iframe{left: 50%;-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);top: 50%;position: fixed;z-index: 9999; width:100%; height:auto}
.ivideolist li .hd .hr_con .tit_hd{ font-size:20px; color:#fff;line-height:55px; text-align:center}




.video-mask {position: fixed;z-index: 999;bottom: 0;top: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.9); display: none;}
.video-panel {position: fixed;display: none;clear: both;top: 0;left: 0;bottom: 0;right: 0;z-index: 9999; width:100%; height:100%;}
.video-panel .video-div,.video-panel .video-bar {width: 100%;}
.video-panel .video-div {width: 100%;height: 100%;top: 0;left: 0; margin:0 !important; z-index: 11;position: absolute;}
.video-panel .video-close {background: url(../images/close.png);background-size:100%;width: 30px;height: 30px; opacity:0.9; cursor:pointer; position: absolute; top:-60px; right:-60px;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.video-panel .video-close:hover {-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
.video-panel .video-img { width:70%; max-width:1920px; height:auto; max-height:80%; left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; position:fixed;z-index:9999; }
.video-panel .video-img iframe{ width:1920px; height:1080px; margin:0 auto}

.video-panel .video-left,.video-panel .video-right {width: 100px; position:absolute; left:-100px; top:50%; margin-top:-70px;}
.video-panel .video-right{right:-100px; left:auto; }
.video-panel .arrow-prv {background: url(../images/l_ch.png) no-repeat; background-size:100%; width: 100px;height: 100px; opacity:0.9}
.video-panel .arrow-prv:hover {background: url(../images/l_ch.png);background-size:100%;width: 100px;height: 100px;cursor: pointer;opacity:1}
.video-panel .arrow-next {background: url(../images/r_ch.png);width: 100px;background-size:100%;height:100px;opacity:0.9}
.video-panel .arrow-next:hover {background: url(../images/r_ch.png);background-size:100%;width: 100px;height: 100px;cursor: pointer;opacity:1}
.video-panel .video-bar{ font-size:20px; height:55px; text-align:center; width:100%; color:#fff; margin-top:20px}


.nab01 .conn{ font-size:16px; line-height:35px;}
.nab01 .youshi{ margin:40px 0 50px 0; display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; position:relative;}
.nab01 .youshi .item{ width:20%; position:relative; background-color:rgba(255,255,255,0.95); padding:35px 20px; text-align:center;}
.nab01 .youshi .item:after{ content:""; position:absolute; top:55px; right:0; background:#ddd; height:calc(100% - 110px); width:1px;}
.nab01 .youshi .item:last-child:after{ display:none}
.nab01 .youshi .item h3{font-family: 'opposansb'; font-size:55px; color:#183e7d; line-height:60px; margin-bottom:10px;}
.nab01 .youshi .item p{ font-size:16px; color:#444;}
.nab01 .youshi .item:hover{ background:#183e7d}
.nab01 .youshi .item:hover:after{ display:none}
.nab01 .youshi .item:hover h3, .nab01 .youshi .item:hover p{ color:#fff}

.nab01 .img{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; position:relative;}
.nab01 .img .item{ width:49%; margin-right:2%; position:relative; text-align:center;}
.nab01 .img .item:nth-child(2n){ margin-right:0}
.nab01 .img .item .text{ line-height:65px; background-color:rgba(0,0,0,0.6); color:#fff; position: absolute; left:0; bottom:0; width:100%; font-size:18px;}


.nab02 { background:url(../images/culture.jpg) no-repeat center center / 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; position:relative;}
.nab02 .conn .item .icon img{ display:block; margin:0 auto; width:40%; max-width:109px; height:auto; transition: all .5s ease;}
.nab02 .conn .item:hover .icon img{transform: rotateY(180deg)}
.nab02 .conn .item{ width:25%; position:relative; background-color:rgba(255,255,255,0.85); padding:35px 20px; text-align:center; border:solid 1px #ddd;}
.nab02 .conn .item .text h3{ font-size:20px; font-weight:bold;  margin-bottom:15px}
.nab02 .conn .item .text p{ color:#666; margin-bottom:10px;}


.nab03{ background:url(../images/nab03.png) no-repeat center center / cover;}
.nab03 .honorlist .outpic{ border:solid 2px #ddd; background:#fff; padding:20px;}
.nab03 .honorlist .img-dv .img2{ min-height:auto !important; min-width:auto !important; max-width:100% !important; max-height:100%;}
.nab03 .swiper-slide{ margin-bottom:50px;}
.nab03 .swiper-slide .tit{ text-align:center; margin-top:10px;}
.nab03 .swiper-pagination{bottom:10px; height:20px; }
.nab03 .swiper-pagination-bullet{width: 8px;height: 8px;background-color: #183e7d;opacity: 1;margin:0 12px!important;position: relative;}
.nab03 .swiper-pagination-bullet:after{content: '';border: 1px solid #183e7d;border-radius: 50%;width: calc(100% + 12px);height: calc(100% + 12px);position: absolute;left: -6px;top: -6px;box-sizing: border-box;opacity: 0;}
.nab03 .swiper-slide-active{z-index: 2;}
.nab03 .swiper-pagination-bullet-active{ background:#183e7d; }
.nab03 .swiper-pagination-bullet-active:after{opacity: 1;}
.nab03 .swiper-slide .bnr-bg{ position:absolute; width:100%; height:100%; top:0; left:0; transform:matrix(1.1, 0, 0, 1.1, 0, 0);-webkit-transition:all 0.4s ease 1.2s; -moz-transition:all 0.4s ease 1.2s; -ms-transition:all 0.4s ease 1.2s; -o-transition:all 0.4s ease 1.2s; transition:all 0.4s ease 1.2s;}
.nab03 .swiper-slide.swiper-slide-active .bnr-bg{transition-delay:0.4s !important; transform:matrix(1, 0, 0, 1, 0, 0); -webkit-transition:all 7.0s ease; -moz-transition:all 7.0s ease; -ms-transition:all 7.0s ease; -o-transition:all 7.0s ease; transition:all 7.0s ease;}
.nab03 .swiper-slide .tit{ font-size:16px;}

.nab04{ background:url(../images/nab04.png) no-repeat center center / cover;}
.nab04 .title p{ margin-left:auto; margin-right:auto;}
.nab04 .honorlist .outpic{ border:solid 2px #ddd; background:#fff; padding:20px;}
.nab04 .honorlist .img-dv .img2{ min-height:auto !important; min-width:auto !important; max-width:100% !important; max-height:100%;}
.nab04 .swiper-slide{ margin-bottom:50px;}
.nab04 .swiper-slide .tit{ text-align:center; margin-top:10px;}
.nab04 .swiper-pagination{bottom:10px; height:20px; }
.nab04 .swiper-pagination-bullet{width: 8px;height: 8px;background-color: #183e7d;opacity: 1;margin:0 12px!important;position: relative;}
.nab04 .swiper-pagination-bullet:after{content: '';border: 1px solid #183e7d;border-radius: 50%;width: calc(100% + 12px);height: calc(100% + 12px);position: absolute;left: -6px;top: -6px;box-sizing: border-box;opacity: 0;}
.nab04 .swiper-slide-active{z-index: 2;}
.nab04 .swiper-pagination-bullet-active{ background:#183e7d; }
.nab04 .swiper-pagination-bullet-active:after{opacity: 1;}
.nab04 .swiper-slide .bnr-bg{ position:absolute; width:100%; height:100%; top:0; left:0; transform:matrix(1.1, 0, 0, 1.1, 0, 0);-webkit-transition:all 0.4s ease 1.2s; -moz-transition:all 0.4s ease 1.2s; -ms-transition:all 0.4s ease 1.2s; -o-transition:all 0.4s ease 1.2s; transition:all 0.4s ease 1.2s;}
.nab04 .swiper-slide.swiper-slide-active .bnr-bg{transition-delay:0.4s !important; transform:matrix(1, 0, 0, 1, 0, 0); -webkit-transition:all 7.0s ease; -moz-transition:all 7.0s ease; -ms-transition:all 7.0s ease; -o-transition:all 7.0s ease; transition:all 7.0s ease;}


.nab05 { background:#d7dfe9}

.nab05 .swiper-slide{ height: 100px; text-align: center; background:#fff;border-radius:10px;}
.nab05 .swiper-slide img{display: inline-block;vertical-align: middle;max-width: 65%;max-height: 65%;-webkit-transition: .8s;-moz-transition: .8s;transition: .8s;}
.nab05 .swiper-slide:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
.nab05 .swiper-slide i{ display:inline-block; width:0; height:100%; vertical-align: middle;}
.nab05 .coperlist{ padding-bottom:50px;}
.nab05 .swiper-pagination{bottom:10px; height:20px; width:100% }
.nab05 .swiper-pagination-bullet{width: 8px;height: 8px;background-color: #183e7d;opacity: 1;margin:0 12px!important;position: relative;}
.nab05 .swiper-pagination-bullet:after{content: '';border: 1px solid #183e7d;border-radius: 50%;width: calc(100% + 12px);height: calc(100% + 12px);position: absolute;left: -6px;top: -6px;box-sizing: border-box;opacity: 0;}
.nab05 .swiper-slide-active{z-index: 2;}
.nab05 .swiper-pagination-bullet-active{ background:#183e7d; }
.nab05 .swiper-pagination-bullet-active:after{opacity: 1;}
.nab05 .swiper-slide .bnr-bg{ position:absolute; width:100%; height:100%; top:0; left:0; transform:matrix(1.1, 0, 0, 1.1, 0, 0);-webkit-transition:all 0.4s ease 1.2s; -moz-transition:all 0.4s ease 1.2s; -ms-transition:all 0.4s ease 1.2s; -o-transition:all 0.4s ease 1.2s; transition:all 0.4s ease 1.2s;}
.nab05 .swiper-slide.swiper-slide-active .bnr-bg{transition-delay:0.4s !important; transform:matrix(1, 0, 0, 1, 0, 0); -webkit-transition:all 7.0s ease; -moz-transition:all 7.0s ease; -ms-transition:all 7.0s ease; -o-transition:all 7.0s ease; transition:all 7.0s ease;}


.nprolist .kuai:first-child{ margin-top:-50px;}
.nprolist .kuai { position: relative;padding:50px 0}
.nprolist .kuai:nth-child(2n){ background:#f5f5f5;}
.nprolist .kuai .wrap{ position:relative}
.nprolist .kuai .pic{ float:left; width:50%;}
.nprolist .kuai .text{position:absolute; z-index:98; left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; width:100%; padding-left:54%;}

.nprolist .kuai h3{ font-size:28px; font-weight:bold; margin-bottom:30px; padding-bottom:20px; position:relative; color:#222}
.nprolist .kuai h3:after{ content:""; position: absolute; left:0; bottom:0; width:60px; height:3px; background:#183e7d}
.nprolist .kuai p{ color:#444;}
.nprolist .kuai:nth-child(2n) .pic{ float:right;}
.nprolist .kuai:nth-child(2n) .text{ padding-left:0; padding-right:54%}
.nprolist .kuai .text .conn{ color:#666}
.nprolist .text .more{margin-top:50px;}
.nprolist .text .more span{ display:block; transition: 0.5s; background:url(../images/bnextb.png) no-repeat 83% center; border:solid 1px #183E7D; color:#183E7D; background-size:6px auto; width:135px; line-height:42px; text-align:center; padding-right:25px; border-radius:10px;}
.nprolist .text .more:hover span{ border-radius:15px;background:url(../images/bnext.png) #183E7D no-repeat 83% center;background-size:6px auto;  color:#fff;}


.protop{/*background:url(../images/protopbg.jpg) no-repeat center center; background-size:cover;*/}
.protop .location{ width:100%; line-height:24px; padding:18px 0; border-bottom:solid 1px rgba(255,255,255,0.3); border-top:solid 1px rgba(255,255,255,0.3); color:#666}
.protop .location a{ color:#666}
.protop .procon{ position: relative;}
.protop .procon .pics{ width:40%; float:left; border:solid 1px #ddd;}


.protop .picsshow{ float:left; width:50%; border:solid 1px #dedede; background:#fff; padding:15px 25px;}
.protop .swiper-container-wrapper { position:relative;}
.protop .swiper-container-wrapper .gallery-top img{ display:block; width:100%; height:auto;}

.protop .gallery-thumbs {width: 15.5%;position:absolute; left:0px; top:0px; padding:20px 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 #183E7D;}
.protop .gallery-top {width: 80%; margin-left:20%}
.protop .gallery-top .img2{ display:block; width:auto; height:auto; min-height:auto !important; max-width:100% !important;; max-height:100% !important;;}
.protop .swiper-button-next, .protop .swiper-button-prev{ top:15px; 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{ width:45%; margin-top:1%; float:right;}
.protop .wenzi .conn .kuai{line-height:30px;}
.protop .wenzi .conn .item{ color: #666; margin:8px 0; clear:both; display:block;}
.protop .wenzi .conn .item .left{ width:90px; float:left; display:block}
.protop .wenzi .conn .item .right{ float:right; width:calc(100% - 90px)}
.protop .wenzi .conn .item .right a{ display:inline-block; padding:0px 10px 0px 30px; color:#fff; margin-right:3px; margin-bottom:3px; background:url(../images/tag.png) #999 no-repeat 10px center;}
.protop .wenzi .conn .item .right a:hover{background:url(../images/tag.png) #183e7d no-repeat 10px center;}
.protop .wenzi .protitle h3{ font-size:30px; font-weight:bold; margin-bottom:30px; padding-bottom:20px; position:relative;}
.protop .wenzi .protitle h3:after{ content:""; position: absolute; left:0; bottom:0; width:60px; height:3px; background:#183e7d}
.protop .wenzi .use{ margin-top:60px;}
.protop .wenzi .use .ptel{float:left;}
.protop .wenzi .use .ptel a{ display:block; border-radius:5px; overflow:hidden; width:160px; line-height:42px; height:42px; background:url(../images/icon_7.png) #183e7d no-repeat 25px center; color:#fff; padding-left:30px; text-align:center;} 

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


.npdpnav{ background-color:#f5f5f5;line-height:60px; height:60px; font-size:18px; }
.npdpnav ul{overflow-x:auto;overflow-y: hidden; width:100%;display: flex; display: -webkit-flex;}
.npdpnav li{white-space:nowrap; width:auto; display:inline-block; }
.npdpnav li a{ color:#222; padding:0 35px; display:inline-block; white-space:nowrap;}
.npdpnav li.cur a{ background:#183e7d; color:#fff;}



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

.prodetail .title{ margin-bottom:0}
.prodetail .ktitle { position:relative; padding-left:18px; font-size:24px; font-weight:bold; margin-top:35px; border-bottom:solid 1px #ddd; padding-bottom:15px;}
.prodetail .ktitle:after{ content:""; position:absolute; left:0; top:50%; margin-top:-20px; width:5px; height:26px; background:#183e7d}

.prodetail .intro{ padding:25px 0; color:#555;}
.prodetail .intro h3{ margin-bottom:15px; font-weight:bold; font-size:18px; color:#222}
.prodetail .intro p{ margin-bottom:10px;}
.prodetail .intro .imgfr{ float:right; width:auto; max-width:100%; margin-left:50px;}
.prodetail .intro .imgfl{ float:left; width:auto; max-width:100%; margin-right:50px;}
.prodetail .intro ul.list{display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.prodetail .intro ul.list li{ float:left; width:100%; position: relative; padding-left:15px;}
.prodetail .intro ul.list li:after{ content:""; position:absolute; left:0; top:50%; margin-top:-3px;  width:0; height:0; border-top:solid 6px transparent; border-bottom:solid 6px transparent;  border-left:solid 6px #183e7d;}
.prodetail .intro img{ width:auto; max-width:100%; display:block}

.prodetail .intro h3.blue{ color:#183e7d}

.prodetail .intro .list{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; }
.prodetail .intro .list .item{ width:18.4%; margin-right:2%; border:solid 1px #ddd; border-radius:10px; margin-top:45px;}
.prodetail .intro .list .item:nth-child(5){ margin-right:0}
.prodetail .intro .list .item .num{ background:url(../images/join01.png) no-repeat center center; line-height:86px; margin-top:-43px; color:#fff; background-size:auto 100%; font-size:40px; text-align:center; font-family:'Impact'; z-index:999; display:block}
.prodetail .intro .list .item .text{padding:20% 25px 40px 25px; margin-top:-40px; position:relative;line-height:30px; text-align: center; display:block}
.prodetail .intro .list .item .text p{ line-height:28px; margin-bottom:5px; font-size:15px; color:#666; text-align:left}

.prodetail .intro .list02{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; }
.prodetail .intro .list02 .item{ width:32%; margin-right:2%; margin-bottom:2%; border:solid 1px #ddd; border-radius:10px; }
.prodetail .intro .list02 .item:nth-child(3n){ margin-right:0}
.prodetail .intro .list02 .item img{ display:block; width:100%; height:auto;}
.prodetail .intro .list02 .item .text{padding:20px 5px 40px 20px; position:relative;line-height:30px; text-align: center; display:block}
.prodetail .intro .list02 .item .text p{ line-height:28px; margin-bottom:5px; font-size:15px; color:#666; text-align:left}
.prodetail .intro table{ border-bottom:solid 2px #f5f5f5;}
.prodetail .intro table td{ padding:8px 10px;}
.prodetail .intro table tr:nth-child(2n+1) td{ background:#f5f5f5;}
.prodetail .intro table tr td:nth-child(1){ font-weight:bold}


.prodetail .intro .list03{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; }
.prodetail .intro .list03 .item{ width:32%; margin-right:2%; margin-bottom:2%; border:solid 1px #ddd; border-radius:10px; }
.prodetail .intro .list03 .item:nth-child(3n){ margin-right:0}
.prodetail .intro .list03 .item .biao{ background:#183e7d; line-height:60px; color:#fff; font-size:20px; font-weight:bold; text-align:center; z-index:999; display:block}
.prodetail .intro .list03 .item .text{padding:10px 20px 30px 20px; position:relative;line-height:30px; display:block}
.prodetail .intro .list03 .item .text h3{ font-size:18px; color:#183e7d; margin:10px 0 5px 0;}
.prodetail .intro .list03 .item .text p{ line-height:28px; margin-bottom:5px; font-size:15px; color:#666; text-align:left; line-height:26px; padding:5px 10px; border:solid 1px #ddd;}


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

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


.prodetail .more{margin-top:50px;}
.prodetail .more a{ display:block; margin:0 auto; transition: 0.5s; background:url(../images/bnext.png) #183E7D no-repeat 83% center; border:solid 1px #183E7D; color:#fff; background-size:6px auto; width:135px; line-height:42px; text-align:center; padding-right:25px; border-radius:10px;}
.prodetail .more a:hover{ border-radius:15px;background:url(../images/bnext.png) #183E7D no-repeat 83% center;background-size:6px auto;  color:#fff;}



.card{overflow:hidden;}
.card-reveal .card-body { padding:10px 20px}
.card-reveal .card-body h3{ font-size:18px; line-height:25px; padding:5px 0}
.card-reveal .card-body p{ color:#666;line-height:24px;}


.nprolists .wrap{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.nprolists .wrap .item{ background:#f5f5f5; border-radius:15px; width:49%; margin-right:2%; margin-bottom:2%; position:relative; min-height:430px;}
.nprolists .wrap .item:hover{ background:url(../images/npbg.png) no-repeat center center / cover;}
.nprolists .wrap .item:nth-child(2n){ margin-right:0;}
.nprolists .wrap .item .pic{ width:53%; position:absolute; bottom:10%; right:0;}
.nprolists .wrap .item .text{position:absolute; z-index:98; left:0%;-moz-transform:translate(0%,-50%);-webkit-transform:translate(0%,-50%);transform:translate(0%,-50%); top:50%; width:56%; padding:30px 50px; }
.nprolists .wrap .item .text h3{ font-size:24px; font-weight:bold; margin-bottom:25px;}
.nprolists .wrap .item .text p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; line-height:28px; color:#666;}
.nprolists .text .more{margin-top:50px;}
.nprolists .text .more span{ display:block; transition: 0.5s; background:url(../images/bnextb.png) no-repeat 83% center; border:solid 1px #183E7D; color:#183E7D; background-size:6px auto; width:135px; line-height:42px; text-align:center; padding-right:25px; border-radius:10px;}
.nprolists .text .more:hover span{ border-radius:15px;background:url(../images/bnext.png) #183E7D no-repeat 83% center;background-size:6px auto;  color:#fff;}