@charset "utf-8";

*{margin:0;padding:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
HTML {OVERFLOW-X: hidden;}
body{ font-family:"Source Han Sans CN","Hiragino Sans GB","Heiti SC","PingFang SC","Microsoft Yahei","WenQuanYi Micro Hei",Helvetica,Arial,sans-serif;font-size:16px; line-height:30px;-webkit-font-smoothing: antialiased; overflow-x:hidden;background:#fff; color:#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:#01847f}
ol,ul,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.clear{ clear:both}
.clearfix{clear:both;zoom:1;}
.clearfix:after{ content:"."; display:block; height:0;clear:both;visibility:hidden;}
.ovh{ overflow:hidden}
table{ border-collapse:collapse;}
img{ border:none;}
input,textarea,select,button,input{ outline:none;font-size:16px;font-family:"Source Han Sans CN","Hiragino Sans GB","Heiti SC","PingFang SC","Microsoft Yahei","WenQuanYi Micro Hei",Helvetica,Arial,sans-serif;}
input{-webkit-appearance: none ;}
.green{ color:#002a6d}

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


#a01, #a02, #a03, #a04{ position: absolute;  margin-top:-80px;}
.wrap{ width:88%; max-width:1300px; margin:0 auto}

.jvzhong{ text-align:center}
.title { margin-bottom:35px;}
.title h3{font-size:38px; position: relative;padding-bottom:30px; margin-bottom:15px; color:#000 }
.title h3:after{ content:""; position:absolute; left:0%; bottom:0; width:60px; height:3px; background:#01847f}
.title h3 span{ font-size:24px; padding-left:15px;}
.title.jvzhong h3:after{ left:50%; margin-left:-30px; }
.title p{ font-size:20px; opacity:0.7}
.title h4{font-size:32px; position: relative;padding-bottom:30px; margin-bottom:15px; color:#000 }


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


body{ position:relative;}
.mbg{ background:#dff2f2}
.space{height:90px;}

.header{width: 100%; text-align:center; top:0;left:0;position:fixed; z-index:999;background:#01847f;box-shadow: 0 0 15px rgba(0,0,0,0.1); -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.header .wrap{ position:relative; height:90px;}
.header.scroll .wrap{ height:82px;}
.header .logo{ position:absolute; left:0; top:50%; margin-top:-37px;}
.header .logo img{ display:block; height:74px; width:auto;}
.header.scroll .logo img{ height:68px;}
.header.scroll .logo{margin-top:-34px;}
.header .language{ position:absolute; top:50%; margin-top:-18.5px; right:0; font-size:14px; width:96px; line-height:35px; text-align:center; border-radius:8px; overflow:hidden; text-transform:uppercase;}
.header .language a{ color:#fff; display:block; border:solid 1px #fff; border-radius:18px;}
.header .language a:hover{ background:#ff7726; border:solid 1px #ff7726;}
.header .menu { display:inline-block; text-align:center; margin-left:90px;}
.header.scroll .menu{margin-left:65px;}
.header .menu li{ position:relative; float:left; }
.header .menu li .menu_a{ line-height:90px; font-size:18px; display:block; margin:0 20px;position:relative; color:#fff}
.header.scroll .menu li .menu_a{ line-height:82px;font-size:17px; }
.header .menu li .menu_a:after {content: '';width: 0;height: 2px;background:#fff; 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:#01847f; z-index:99; border-radius:0 0 12px 12px; padding-bottom:12px;}
.header .menu li .subchang{ width:100%; left:0%;box-shadow: 0 0 10px rgba(0,0,0,0.15); }
.header .menu li .subduan{width:140%; margin-left:-20%;box-shadow: 0 0 10px rgba(0,0,0,0.15); }

.header .menu .subduan{ text-align:center; }
.header .menu .subduan a{ display:block; line-height:50px; color:#fff}
.header .menu .subduan a:hover{ background:#ff7726;}
/*animate*/
@keyframes rightOpacityShow{
0%{ transform: translateX(-80px);opacity:0;}
80%{ transform: translateX(20px);}
100%{ transform:translateX(0); opacity:1;}
}
.header .menu li .sub p:nth-child(1){animation: 0.4s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(2){animation: 0.5s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(3){animation: 0.6s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(4){animation: 0.7s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(5){animation: 0.8s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(6){animation: 0.9s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(7){animation: 1.0s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(8){animation: 1.1s ease-in-out 0s 1 normal both running rightOpacityShow;}



.banner{ position:relative; z-index:1;  height:auto !important }
.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, .banner .swiper-slide{ width:100%; height:calc(100vh - 240px);}

.banner .swiper-button-prev, .banner .swiper-button-next{ width:40px; height:50px; margin-top:-20px; outline:none; opacity:0.6; top:50%; overflow:hidden}
.banner .swiper-button-prev{ background:url(../images/bpre.png) rgba(0,0,0,0.5) no-repeat center center; background-size:20px auto; left:0%; opacity:0.5}
.banner .swiper-button-next{ background:url(../images/bnext.png) rgba(0,0,0,0.5) no-repeat center center;background-size:20px auto; right:0%; opacity:0.5}
.banner .swiper-button-prev:hover{ background:url(../images/bpre.png) rgba(0,0,0,0.5) no-repeat center center;background-size:20px auto; opacity:1}
.banner .swiper-button-next:hover{ background:url(../images/bnext.png) rgba(0,0,0,0.5) no-repeat center center;background-size:20px auto; opacity:1}
.banner .swiper-pagination{bottom:4% !important; text-align:center;}
.banner .swiper-pagination-bullet{ width:16px; height:16px; border:solid 2px #fff; opacity:1 !important; background:none; margin:0 4px !important; border-radius:50%;}
.banner .swiper-pagination-bullet-active{ border:solid 2px #01847f;background:#01847f;  }
.banner .swiper-slide{ position:relative}


.iquick{background:url(../images/iquickbg.jpg) no-repeat center center; background-size:cover;}
.iquick .itop{ text-align:center; padding:35px 0; line-height:45px; color:#222}
.iquick .itop h3{ font-size:36px; }
.iquick .list{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; margin:0px 0 10px 0;}
.iquick .list .item{ width:31.3333%; margin-right:3%}
.iquick .list .item:nth-child(3){ margin-right:0}
.iquick .list .item .pics{ position:relative; overflow:hidden}
.iquick .list .item .text{ display:flex;align-items:center; height:70px;background:#01847f; text-align:center; color:#fff;}
.iquick .list .item:hover .text{background:#ff7726; }
.iquick .list .item .text h3{display:block; width:100%; line-height:25px; }

.inews .title{ position:relative;}
.inews .title .more{ width:168px; line-height:48px; padding-right:35px; border-radius:25px; border:solid 1px #ddd; text-align:center; background:url(../images/bmore02.png) no-repeat 85% center; background-size:20px auto;position: absolute; right:0; bottom:0}
.inews .title .more:hover{ background:url(../images/bmore.png) #01847f no-repeat 80% center;border:solid 1px #01847f; }
.inews .title .more a{ display:block; color:#666}
.inews .title .more a:hover{color:#fff;}
.inews .conn {display: -webkit-box;display: flex;  flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.inews .conn .item{ width:48.5%; position:relative; background:#fff; margin-right:3%; border:solid 1px #ddd}
.inews .conn .item:nth-child(2n){ margin-right:0}
.inews .item .npic{ position:relative}
.inews .item .npic .date{ position:absolute; left:0; bottom:0; width:160px; height:50px; line-height:50px; padding-left:20px; color:#fff; background:url(../images/biaoqian.png) no-repeat center center;}
.inews .item .npic .date span{ font-size:130%}
.inews .item .text{ padding:20px;}
.inews .conn .item h3{color:#3d3d3d; font-weight:bold; margin-bottom:10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.inews .conn .item:hover h3{ color:#01847f}
.inews .conn .item .text p{line-height: 24px; height: 48px; color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.inews .conn .item .more02{ width:138px; line-height:38px; font-size:15px; padding-right:35px; border-radius:25px; border:solid 1px #ddd; margin:30px 0; text-align:center; background:url(../images/bmore.png) #01847f no-repeat 80% center;background-size:16px auto; }
.inews .conn .item:hover .more02{ background:url(../images/bmore.png) #ff7726 no-repeat 80% center;border:solid 1px #ff7726; background-size:16px auto; }
.inews .conn .item .more02{ display:block; color:#fff}
.inews .conn .item:hover .more02{color:#fff;}


.icoper{/*background:url(../images/iparbg.jpg) no-repeat center 10%; background-size:cover;*/ background:#f6f6f6;}
.icoper .conn{ margin-top:-10px}
.icoper .qimo8{ overflow:hidden; width:100%;}
.icoper .qimo8 .qimo {width:8000%;}
.icoper .qimo8 .qimo div{ float:left;}
.icoper .qimo8 .qimo ul{float:left; overflow:hidden; zoom:1; }
.icoper .qimo8 .qimo ul li{ float:left; margin:10px; overflow:hidden; border:solid 1px #ddd; background:#fff}
.icoper .qimo8 .qimo ul li img{ height:102px;}
.icoper .qimo8 .qimo ul li .img2 { margin:0 auto; width:auto; max-width:100%;}
.icoper .more{ margin-top:20px}



.footer{ background:#01736c;}
.footer .fcontent{ padding:60px 0;}
.footer ul {width: 100%;display:flex;display:-webkit-flex;justify-content: space-between; color:#fff}
.footer li {display:inline-block; line-height:32px; min-width:300px}
.footer li h3{ font-size:20px; margin-bottom:15px;}
.footer li a{ color:#fff;}
.footer li:nth-child(2) p{ line-height:40px; border-bottom:solid 1px rgba(255,255,255,0.1);}
.footer li:nth-child(2) p a{ display:block; padding-left:20px; background:url(../images/bnext.png) no-repeat left center; background-size:6px auto;}
.footer li:nth-child(1) .kuai:nth-child(1){ padding-top:10px;}
.footer li:nth-child(1) .weixin{background:url(../images/weixin.png) no-repeat left center; background-size:23px auto; padding-left:40px; margin-bottom:10px;}
.footer li:nth-child(1) .facebook{background:url(../images/facebook.png) no-repeat left center; background-size:23px auto; padding-left:40px; margin-bottom:10px;}
.footer li:nth-child(1) .whatapp{background:url(../images/whatapp.png) no-repeat left center; background-size:23px auto; padding-left:40px; margin-bottom:10px;}
.footer li:nth-child(1) .linkedln{background:url(../images/linkedln.png) no-repeat left center; background-size:23px auto; padding-left:40px; margin-bottom:10px;}
.footer li:nth-child(3) p{ padding-left:30px}
.footer li:nth-child(3) .kuai{ padding-bottom:22px; margin-bottom:20px; border-bottom:solid 1px rgba(255,255,255,0.1);}
/*.footer li:nth-child(3) .kuai:nth-child(2) {border-top:solid 1px rgba(255,255,255,0.1);}*/
.footer li:nth-child(3) .kuai p:nth-child(1){ padding:10px 0 5px 30px;background:url(../images/add.png) no-repeat left center; font-size:105%  }
.footer .copyright{ padding:15px 0; text-align:center;text-align:center; color:#fff; background:#00534b}
.footer .copyright a{ color:#fff;}

.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 {overflow: hidden;position: relative;height: 50vh;background-position: center;background-repeat: no-repeat;background-size: cover;}
.nbanner .wBanner_box {position: absolute;top: 50%;left: 0;z-index: 7;width: 100%;color: #ffffff;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.nbanner::after {content: '';position: absolute;bottom: 0;left: -45%;width: 80%;height: 100%;z-index: 6;pointer-events: none;background: linear-gradient(rgba(0, 83, 75, 0.6), rgba(0, 0, 0, 0.0));-webkit-transform: skewX(-36deg);-moz-transform: skewX(-36deg);-ms-transform: skewX(-36deg);-o-transform: skewX(-36deg);transform: skewX(-36deg);}
.nbanner::before {content: '';position: absolute;bottom: 0;z-index: 5;left: -36%;width: 80%;height: 100%;pointer-events: none;background: linear-gradient(rgba(0, 83, 75, 0.7), rgba(0, 0, 0, 0.0));-webkit-transform: skewX(-36deg);-moz-transform: skewX(-36deg);-ms-transform: skewX(-36deg);-o-transform: skewX(-36deg);transform: skewX(-36deg);}
.nbanner .text h3{ font-size:45px;}

.nnews .conn .item{ margin-bottom:2%}

.newsxiang img{ width:auto; max-width:100% !important; display:block; margin:20px 0; height:auto !important}
.newsxiang video{ display:block; width:100%; height:auto}
.newsxiang .newsxleft{ float:left; width:70%; }
.newsxiang .newsxright{ float:right; width:25%; }
.newsxiang .ntitle{ margin-bottom:35px; border-bottom:solid 1px #ddd; padding-bottom:15px;}
.newsxiang .ntitle h3{ font-size:26px; padding-bottom:15px; font-weight:bold; position:relative}
.newsxiang .ntitle p{ font-size:14px; color: #888;}



.newsxq-col-btn{background:#f9f8f7;padding:30px;width: 100%;font-family: 'Poppins'; }
.newsxq-col-next{margin-top: 10px;}
.newsxq-col-btn a{display: block;width: 100%;}
.newsxq-col-btn .hint{font-size: 22px;color: #333;font-weight: 700;}
.newsxq-col-btn .name{font-size: 15px;color: #555;line-height: 24px;margin: 8px 0 10px;transition: all .4s ease;}
.newsxq-col-btn .time{font-size: 14px;color: #888;font-weight: 700;}
.newsxq-col-btn a:hover .name{color: #009e3d;}
.newsxq-col-back{width: 100%;margin-top: 10px;}
.newsxq-col-back a{display: flex;align-items: center;justify-content: center;width: 100%;height: 44px;font-size: 16px;color: #fff;background-image:linear-gradient(to right, #01847f, #01736c, #01847f);transition: all .4s ease;}
.newsxq-col-back a:hover{background:#01847f}



.nnav{ line-height:75px; border-bottom:solid 1px #ddd;}
.nnav ul{ text-align:center}
.nnav ul li{ display:inline-block;}
.nnav ul li a{ font-size:18px; display:block; padding: 0 75px; color:#666; position:relative}
.nnav ul li a:after{ content: '';position: absolute;left: 0;top: 50%;width: 1px;background-color: #e5e5e5;height: 18px;margin-top: -9px;}
.nnav ul li:first-child a:after{ display:none}
.nnav ul li a:before {content: '';width: 0;height: 2px;background:#01847f; position: absolute;left: 50%; bottom:-1px; -webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.nnav ul li.cur a:before, .nnav ul li:hover a:before {width: 100%}
.nnav ul li.cur a, .nnav ul li:hover a{ color:#01847f}

.nschool .wrap{ position:relative}
.nschool .chinamap{ position:relative; float:left; width:65%}
.nschool .chinamap img{ display:block; width:100%; height:auto}
.map-txt {opacity: 0;pointer-events: none;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.map-poi {position: absolute}
.map-poi .dian {display: block;width: 12px;height: 12px;background-color:rgba(215, 43, 39, 1); -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-animation: wave;-o-animation: wave;animation: wave;position: relative;z-index: 3}
.map-poi .dian:after, .map-poi .dian:before {content: "";position: absolute;z-index: 5;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 50%;border: 1px solid rgba(215, 43, 39, .5);-webkit-animation: bowen 3s linear infinite;-o-animation: bowen 3s linear infinite;animation: bowen 3s linear infinite;width: 10px;height: 10px}
.map-poi .dian:before {border: 1px solid rgba(215, 43, 39, .5);-webkit-animation: bowen 4s linear infinite;-o-animation: bowen 4s linear infinite;animation: bowen 4s linear infinite}
@keyframes bowen {
	0% {border-width: 1px}
	100% {border-width: 30px;border-color: rgba(215, 43, 39, 0)}
}
.poi1 {top:61%;right:26.5%; position:absolute;}
.poi2 {top:  65%;right: 27%; position:absolute;}
.poi3 {top: 60%;right: 29%; position:absolute;}
.map-txt {background-color: #fff;position: absolute;top: -210px; width:400px; margin-left:-194px;padding: 20px;box-shadow: 0 0 24px 0 rgba(0, 0, 0, .3);border-radius: 5px;z-index: 5}
.map-txt h3{ font-size:110%; font-weight:bold}
.map-txt:After{ content:""; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #fff; position:absolute; left:50%; margin-left:-10px; bottom:-10px} 
.map-info {font-size: 16px;color: #333}
.map-poi:hover .map-txt {opacity: 1;pointer-events: auto}

.nschool .text{width:30%; background:#f5f5f5; position:absolute; top:0; right:0; height:100%; padding:30px;}
.nschool .text h3{ line-height:50px; padding-left:40px;background:url(../images/location.png) no-repeat left center; background-size:26px auto; font-size:110%;}
.nschool .text p{ padding-left:40px;}
.nschool .text .kuai{ margin-bottom:10px;}
.nschool02 .conn{ position:relative; margin-top:-20px;}
.nschool02 .conn .item{ float:left; width:48.5%; padding:30px; border:solid 1px #ddd; border-radius:10px;}
.nschool02 .conn .item .icon{ float:left; width:70px; margin-right:20px; margin-top:20px;}
.nschool02 .conn .item .icon img{ display:block; width:100%; height:auto}
.nschool02 .conn .item:nth-child(2){ float:right}
.nschool02 .conn .item h3{ margin-bottom:10px;font-size:120%;}


.feedback{ position:relative}
.feedback:after{ content:""; position:absolute; left:0; top:0; width:100%; height:430px; background:#01847f; z-index:-1}
.feedback .title, .feedback .title h3, .feedback .title h4{ color:#fff}
.feedback .title h3:after{ background:#fff}
.feedback .conn{ box-shadow: 0px 0px 15px rgb(0 0 0 / 15%); background:#fff; border-radius: 10px; padding:60px 60px 95px 60px}
.feedback form{ margin:0 auto; max-width:1050px;}
.feedback .form .column{ float:left; width:calc(50% - 15px); margin-right:15px; margin-bottom:15px; position:relative; background:#fff; line-height:48px; overflow:hidden; border:solid 1px #ddd; border-radius:5px}
.feedback .form .row_1 { margin-right:-15px}
.feedback .form .row_1 input{ border:none; line-height:48px; height:48px;width:100%; padding:0 15px;color:#999}
.feedback .form .row_1 select{ border:none; line-height:48px;height:48px; width:100%; padding:0 15px; color:#999}
.feedback .form .row_2{background:#fff; position:relative}
.feedback .form .row_2 textarea{ width:100%; height:150px; border:none; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; padding:15px; overflow:hidden;color:#999; border-radius:5px; border:solid 1px #ddd}
.feedback .form .row{ position:relative; width:186px; line-height:50px; height:50px; border-radius:15px; overflow:hidden; margin:20px auto 0 auto;}
.feedback .form .row .submit{ position:absolute; color:#fff; left:0; top:0;transition: 0.5s;width:186px; font-size:18px; line-height:50px; height:50px; border:none;display:block;background:#01847f; line-height:50px; font-style:normal; }
.feedback .form .row .submit:hover{ background:#01847f; }

.nab .wrap{ position:relative}
.nab .pic02{ position: absolute; left:0; top:0; border:solid 1px #ddd; width:48%; height:100%;display: flex;align-items: center;}
.nab .pic02 img{ width:auto; max-width:66%; height:auto; margin:auto;}
.nab .text{ float:right; width:48%; padding:20px 0 }
.nab .title{ margin-bottom:0}
.nab .title h4{ margin-bottom:0}
.nab02 .pic02{ left:auto; right:0}
.nab02 .text{ float:left; }

.nab03 .wrap{ padding-bottom:30px;}
.nab03 .pic{ float:left; width:48%; border:solid 1px #ddd; }
.nab03 .text{ float:right; width:48%; }
.nab03 .title{ margin-bottom:0}
.nab03 .title h4{ margin-bottom:0}
.nab03 .title h5{ font-size:24px; margin-bottom:30px; padding-left:15px; border-left:solid 5px #01847f;}
.nserivce .title{ background:#f4f4f4; margin-bottom:0; padding:45px 20px; }
.nserivce .title p{ color:#333; opacity:1; line-height:40px;}
.nserivce .title p span{ font-size:105%; display:block}

.nserivce .kuai{ margin-bottom:30px;}
.nserivce .conn .pic{ float:right; width:48%}
.nserivce .conn .text{ float:left; width:48%; padding:50px 0}
.nserivce .conn .text h3{ color:#000; margin:20px 0 15px; font-size:22px; padding-left:20px; border-left:solid 5px #01847f}
.nserivce .conn .kuai:nth-child(2n) .pic{ float:left}
.nserivce .conn .kuai:nth-child(2n) .text{ float:right;}

.nssip .title h4, .nssip02 .title h4{ padding-bottom:0; margin-bottom:0}
.nssip .list{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.nssip .item{ position:relative; width:49%; margin-top:60px;border-radius:10px; margin-right:2%; text-align:center; line-height:30px; background:#fff; position:relative;border:solid 1px #ddd;padding:70px 40px 40px 40px;}
.nssip .item:nth-child(2){ margin-right:0}
.nssip .item .icon{ position:absolute; font-size:24px; color:#fff; width:100px; line-height:100px; height:100px; border-radius:50%; left:50%; margin-left:-50px; background:#01847f; top:-50px;-webkit-transition: .3s ease; transition: .3s ease;}
.nssip .item:hover .icon{ margin-top:-5px}
.nssip .item h3{ color:#000; margin-bottom:15px;}
.nssip{ background:#f4f4f4;}
.nssip02 .list{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.nssip02 .item{ position:relative; width:49%; margin-right:2%; border-radius:10px; overflow:hidden; margin-bottom:2%;line-height:30px; background:#fff; position:relative;border:solid 1px #ddd;}
.nssip02 .item:nth-child(2n), .nssip02 .item:nth-child(5){ margin-right:0}
.nssip02 .item .pic{ float:left; width:260px}
.nssip02 .item .text{ float:right; width:calc(100% - 280px); padding:20px; } 
.nssip02 .item .text h3{ font-size:20px; position:relative; margin-bottom:10px; color:#000}
.nssip02 .item .text p{ line-height:26px; opacity:0.9}
.nssip02 .item:nth-child(5){ width:100%}
.nssip02 .item:nth-child(5) .text{ width:calc(49% - 280px); float:left;}
.nssip02 .item:nth-child(5) .text02{ float:right; width:49%; padding:20px 20px 20px 0; line-height:26px; font-size:15px;opacity:0.9}


.nways{ background:#f3f3f3;}
.nways .title h4, .nways02 .title h4{ padding-bottom:0; margin-bottom:0; }
.nways .list{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; border-radius:10px; margin:45px 0 0 0}
.nways .item{ position:relative; background:#fff; width:49%; text-align:center; background:#fff; position:relative; border:solid 1px #ddd;padding:20px 20px 40px 20px; border-radius:10px; overflow:hidden; margin-right:2%; margin-bottom:35px;}
.nways .item:nth-child(2n){ margin-right:0; text-align:center}
.nways .item .num{font-size: 60px;line-height: 80px; color:#01847f; margin-bottom:15px}
.nways .item h3{color:#000; margin-bottom:15px;}

.nways02 .conn .top{width: 100px;line-height: 100px;height: 100px;border-radius: 50%; margin:0 auto; background: #01847f;font-size: 24px; color: #fff; text-align:center}
.nways02 .conn .list{ position:relative;}
.nways02 .conn .list .item{ float:left; width:32%;border-radius:10px; margin-right:2%; padding:50px; border:solid 1px #ddd; font-size:24px;  text-align:center;background: url(../images/fei.png) no-repeat center center; background-size:50px auto; }
.nways02 .conn .list .item:last-child{ margin-right:0}