@charset "utf-8";

*{margin:0;padding:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;font-size:15px; line-height:30px;}
HTML {OVERFLOW-X: hidden;}
body{ font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;-webkit-font-smoothing: antialiased; overflow-x:hidden;overflow:hidden;background:#fff; color:#444; }
h3{ font-size:18px}
a{color:#000; 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:#4278be}
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;}
#fullpage img{ border:none; width:auto; max-width:100%;}
input,textarea,select,button,input{ outline:none;font-size:16px;font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;}
input{-webkit-appearance: none ;}
.red{ color:#f00}
.blue{ color:#0079c4}



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

.mbg{ background-color:rgba(0,121,196,0.1)}
.nmain.section{ padding:80px 0 120px 0}
.nmain.njiang.section{ padding-bottom:80px !important}
.nmain.sectionpre{ padding-top:80px}
.pic{ height:auto; display:block; overflow:hidden;}
.pic img{ width:100%; height:auto;transition: all 1.5s; display:block}
.pic:hover img, .swiper-slide: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; width:100%; height:100%}
.wrap{ width:88%; max-width:1400px;margin:0 auto}
.header .wrap{ width:100%; max-width:100%;}
.header{position: fixed;z-index:99;left: 0;right:0;top: 0; width: 100%;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;height:90px;}
.header:after{ content:""; position:absolute; left:0; top:95px; width:100%; height:1px; background-color:rgba(255,255,255,0.15)}
.header.active, .header:hover, .header.scroll{ background:#fff;box-shadow: 0 0 7px 0 rgba(0,0,0,.2);}

.header { height:95px; text-align:center; border-bottom:rgba(255,255,255,0.6)}
.header .logo{ position:absolute; left:5%; top:50%; margin-top:-33.5px;}
.header .logo img{ display:block; height:67px; width:auto; }
.header .logo .img001{ display:block}
.header .logo .img002{ display:none}
.header.active .logo .img001, .header:hover .logo .img001, .header.scroll .logo .img001{ display:none}
.header.active .logo .img002, .header:hover .logo .img002, .header.scroll .logo .img002{ display:block}



.header .menu li{ display:inline-block; position:relative;}
.header .menu li .menu_a{ line-height:95px; display:block; font-size:18px; color:#fff;position:relative; margin:0 32px}
.header.active .menu li .menu_a, .header:hover .menu li .menu_a, .header.scroll .menu li .menu_a{ color:#222;}
.header .menu li .menu_a.cur{ font-weight:bold}
.header .menu li .menu_a:after {content: '';width: 0;height: 2px;background-image: linear-gradient(45deg, #309bd3, #0079c4);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;}
.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; background-color:#fff; line-height:50px;}
.header .menu .subduan a:hover{background-image: linear-gradient(45deg, #309bd3, #0079c4); color:#fff;}

/*animate*/
@keyframes rightOpacityShow{
0%{ transform: translateX(-80px);opacity:0;}
80%{ transform: translateX(20px);}
100%{ transform:translateX(0); opacity:1;}
}
.header .menu li .sub p:nth-child(1){animation: 0.4s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(2){animation: 0.5s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(3){animation: 0.6s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(4){animation: 0.7s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(5){animation: 0.8s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(6){animation: 0.9s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(7){animation: 1.0s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(8){animation: 1.1s ease-in-out 0s 1 normal both running rightOpacityShow;}

.header .tel{ font-size:22px; font-weight:bold; background:url(../images/tel.png) no-repeat left center;color:#fff; line-height:95px; position:absolute; right:115px; top:0px; padding-left:30px;}
.header.active .tel, .header:hover .tel, .header.scroll .tel{ color:#222}




.banner, .banner-box{position:relative; overflow:hidden; height:100vh}
.banner .swiper-container{width: 100%; height:100%;overflow: hidden; position:relative}
/*.banner:before{ content:""; width:100%; height:120px; position:absolute; left:0;top:0;background:-webkit-linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,0));
  background: -o-linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,0));
  background: -moz-linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,0));
  background: linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,0)); z-index:9}*/
.banner .swiper-slide {position: relative;overflow: hidden;}
.banner a{ display:block; position:relative; overflow:hidden; height:100%}
.banner img{ display:block; width:100% !important; height:100%; object-fit:cover}
.banner .ban-pic{ position:relative; height:100%;}
.ban-txt {position: absolute;margin-top: -60px; color:#fff; top:46%; width:100%; z-index:999; text-align:center;text-shadow: 0.5px 0.5px 2px #000;}
.ban-txt h3{ font-size:50px; line-height:60px; font-weight:bold;}
.ban-txt p{ font-size:42px;  line-height:60px;padding:25px 0;}
.banner .swiper-slide-active .ban-txt h3 {animation: bannerriVH 1.5s ease both;}
.banner .swiper-slide-active .ban-txt p {animation: bannerriVP 1.5s ease both;}
@keyframes bannerriVH {
0% {transform: translateY(-36px);opacity: 0;}
100% {transform: translateY(0px);opacity: 1;}
}
@keyframes bannerriVP {
0% {transform: translateY(36px);opacity: 0;}
100% {transform: translateY(0px);opacity: 1;}
}

.banner .swiper-button-prev, .banner .swiper-button-next{background:none; margin-top:0; bottom:6px; top:auto}
.banner .swiper-button-prev{left:50%; margin-left:-60px}	
.banner .swiper-button-next{right:50%; margin-right:-60px}	
.banner .swiper-button-prev span,.banner .swiper-button-next span{display:block;width: 12px;height: 12px;position: absolute;-webkit-transition: opacity 0.5s ease;transition: opacity 0.5s ease;}
.banner .swiper-button-next span{left:auto;right:0px;}
.banner .swiper-button-prev span:after{ content:""; display:block; width:12px; height:12px; border-top:2px solid rgba(255,255,255,.7);border-left:2px solid rgba(255,255,255,.7); -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg); position:absolute; right:0;top:0px;}
.banner .swiper-button-next span:after{ content:""; display:block; width:12px; height:12px; border-top:2px solid rgba(255,255,255,.7);border-right:2px solid rgba(255,255,255,.7); -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg); position:absolute; left:0;top:0px;}

/*分页器*/
.banner .swiper-pagination{bottom:30px; text-align:center;}
.banner .swiper-pagination-bullet{ width:12px; height:12px; border:solid 1px #fff; opacity:1; background:none; margin:0 5px; border-radius:50%;}
.banner .swiper-pagination-bullet-active{ background:#fff; width:25px; border-radius:10px;}

.jvzhong{text-align:center;}
.title{ color:#333; margin-bottom:25px; margin-top:50px; position:relative}
.title h3{font-size:36px; font-weight:bold}
.title h4{font-size:18px; color:#666; margin-top:10px}
.title h3 .en{ font-size:28px; text-transform:uppercase; font-weight:normal}
.title{-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px);opacity:0;-webkit-transition:1s .2s;-moz-transition:1S .2s;transition:1s .2s;}
.section.active .title{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0); opacity:1}
.title .more{ position:absolute; right:0; bottom:0}
.title .more a{padding-right:40px; transition: 0.5s; display:inline-block; background:url(../images/jt03.png) no-repeat 90% center;  background-size:20px auto;font-size:15px; color:#666}
.title .more a:hover{background:url(../images/jt04.png) no-repeat 100% center;  background-size:20px auto; color:#0079c4 }


.ntitle { margin-bottom:25px; position:relative;}
.ntitle h3{ font-size:36px;  line-height:36px;margin-bottom:20px; position:relative; padding-bottom:25px; color:#000}
.ntitle h3:after{ content:""; left:0%;bottom:0; position:absolute; width:60px; height:2px; background:#0079c4;}
.ntitle.jvzhong h3:after{  margin-left:-30px; left:50%}

.ntitle02 { margin-bottom:25px; position:relative;}
.ntitle02 h3{ font-size:30px;  line-height:36px;margin-bottom:20px; position:relative; padding-bottom:25px; color:#000}
.ntitle02 h3:after{ content:""; left:0%;bottom:0; position:absolute; width:60px; height:2px; background:#0079c4;}
.ntitle02.jvzhong h3:after{  margin-left:-30px; left:50%}

.i-about .title .more a{ background:url(../images/jt04.png) no-repeat 90% center; color:#0079c4;background-size:20px auto;}
.i-about .title .more a:hover{background:url(../images/jt04.png) no-repeat 100% center; background-size:20px auto;}
.i-about, .i-news{ background:#f4f5f5}
.i-about .wrap{ max-width:1500px;}
.i-about .title .company{ padding-top:30px;}
.i-about .intro{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:5; height:150px; overflow: hidden; }
.i-about .iaboutbottom { margin-top:-20px}
.i-about .iaboutbottom li{ text-align:center; width:25%; float:left; border-right:solid 1px #ddd; padding:0 15px}
.i-about .iaboutbottom li:last-child{ border:none}
.i-about .iaboutbottom li .icon{ transition: 0.5s; margin:0px auto 0px auto;}
.i-about .iaboutbottom li .icon img{ display:block; width:40%; max-width:100px; margin:0 auto}
.i-about .iaboutbottom li:hover .icon{ margin:-10px auto 10px auto;}
.i-about .iaboutbottom li h3{ font-size:20px; font-weight:bold}
.i-about .iaboutbottom li h3 span{ font-size:28px;}
.i-about .iaboutbottom li p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size:15px; color:#666}


.i-serivce .bg{ background:url(../images/iserbg.jpg) no-repeat center center; background-size:cover; position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1}
.i-serivce .title{ color:#fff}
.i-serivce .title .more a{padding-right:40px; transition: 0.5s; display:inline-block; background:url(../images/jt02.png) no-repeat 90% center;  background-size:20px auto;font-size:15px; color:#fff}
.i-serivce .title .more a:hover{background:url(../images/jt02.png) no-repeat 100% center;  background-size:20px auto; color:#0079c4 }
.i-serivce .conn li{ float:left; width:23.5%; margin-right:2%; margin-top:1%; margin-bottom:1%; background:#fff; text-align:center; min-height:250px; position: relative}
.i-serivce .conn li:nth-child(4n){ margin-right:0}
.i-serivce .conn li:nth-child(4n+1){ clear:both}
.i-serivce .conn li .icon{ transition: 0.5s; margin:45px auto 0px auto;}
.i-serivce .conn li:hover .icon{ margin:40px auto 5px auto;}
.i-serivce .conn li .text{ font-size:20px; color:#333}
.i-serivce .conn li .more{ bottom:20px; left:20px; display:inline-block;padding-right:40px; transition: 0.5s; background:url(../images/jt03.png) no-repeat 90% center; background-size:20px auto; font-size:15px; color:#666; position:absolute}
.i-serivce .conn li:hover .more{background:url(../images/jt04.png) no-repeat 100% center; background-size:20px auto; color:#0079c4 }


.i-case .conn{ position:relative; margin-top:1px;}
.i-case .swiper-slide{ position:relative; width:50%; overflow:hidden; margin-bottom:40px;}
.i-case .swiper-slide img{ display:block; width:100% !important; height:100% !important; }
.i-case .txt{ font-size:18px; line-height:55px; position:absolute; left:15px; bottom:15px; width:calc(100% - 30px); text-align:center; font-size:18px; background-color: rgba(255,255,255,0.7); opacity:0}
.i-case .swiper-slide-active .txt{ opacity:1}
.i-case .swiper-button-prev, .i-case .swiper-button-next{ width:40px; height:76px; margin-top:-38px; outline:none}
.i-case .swiper-button-prev{ background:url(../images/arrow-prev.png) rgba(0,0,0,0.4) no-repeat center center; left:0}
.i-case .swiper-button-next{ background:url(../images/arrow-next.png) rgba(0,0,0,0.4) no-repeat center center; right:0}
.i-case .swiper-button-prev:hover{ background:url(../images/arrow-prev.png) rgba(0,0,0,0.7) no-repeat center center;}
.i-case .swiper-button-next:hover{ background:url(../images/arrow-next.png) rgba(0,0,0,0.7) no-repeat center center;}
.i-case .swiper-pagination{bottom:0}
.i-case .swiper-pagination-bullet{ width:13px; height:13px; background:#ddd; opacity:1; margin:0 5px}
.i-case .swiper-pagination-bullet-active{ background:#0079c4}


.i-news li{ float:left; width:23.5%; margin-right:2%; background:#fff; padding:30px 20px 20px 20px; height:560px; position:relative}
.i-news li .pic { position:absolute; left:20px; right:20px; bottom:30px;}
.i-news li .pic img{ width:100%; height:auto}
.i-news li:nth-child(4n){ margin-right:0}
.i-news li:nth-child(4n+1){ clear:both}
.i-news li h3{ font-size:18px; line-height:30px; font-weight:bold; height:60px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; margin-bottom:10px}
.i-news li p{ color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; margin-bottom:10px}
.i-news li .date{ font-size:15px; color:#666}



.footer{ background:#222222; padding:45px 0 80px 0; font-size:15px;}
.footer .content {width: 100%; display:flex;display:-webkit-flex;justify-content : space-between;}
.footer ul {width: 100%;display:flex;display:-webkit-flex;justify-content: space-between;}
.footer li {color:rgba(255,255,255,0.8);display:inline-block; }
.footer li .flogo{ width:auto; max-width:350px; display:block; margin-bottom:25px;}
.footer li:last-child img{ width:auto; max-width:125px; display:block}
.footer li .erweima{ margin-top:25px; border:solid 1px #4c4d4e; width:402px; height:100px;}
.footer li .erweima img{ width:100px; height:100px; display: inline-block; float:left}
.footer li .erweima .sao{ width:100px; height:100px; display:inline-block; float:left;background:url(../images/saoyisao.png) no-repeat center 56%; padding-top:60px; text-align:center}
.footer li h3{ font-size:20px; margin-bottom:10px; font-size:18px; font-weight:bold; margin:15px 0; color:#fff}
.footer li h3 a{ color:#fff}
.footer li a{ color: rgba(255,255,255,0.8) ;}
.footer li a:hover{ color:#fff}
.footer li .fadd{background:url(../images/fadd.png) no-repeat left center; padding-left:30px}
.footer li .ftel{background:url(../images/ftel.png) no-repeat left center; padding-left:30px}
.footer li .fmail{background:url(../images/fmail.png) no-repeat left center; padding-left:30px}

.copyright{ border-top:solid 1px #4c4d4e; background:#222222; text-align:center; padding:25px 0; line-height:25px; color:#adb2b3;}
.copyright a{ color:#adb2b3;}
.copyright a:hover{ color:#fff}


.nbanner{ position: relative;}
.nbanner img{ display:block; width:100%; height:auto}
.nbanner .bg{ position: absolute; left:0; top:0; width:100%; height:100%;background: linear-gradient(rgba(0,39,82,0.8) 0%,rgba(0,39,82,0) 100%);}

.nnav { position:relative; margin-top:-36px;}
.nnav .wrap{box-shadow: 0 0 15px rgba(0,0,0,0.2); background:#fff; padding:15px 0; text-align:center}
.nnav li{ display:inline-block}
.nnav li a{ display:block; padding:0 35px; line-height:45px; font-size:17px; }
.nnav li a:hover, .nnav li.cur a{ background:#0079c4; border-radius:8px; color:#fff}


.njianjie{ background:url(../images/nbg.png) no-repeat center bottom; background-size:100% auto;  padding-bottom:220px !important}
.njianjie .iaboutbottom{ margin-top:70px}
.njianjie .iaboutbottom li{ text-align:center; width:25%; float:left; border-right:solid 1px #ddd; padding:0 15px}
.njianjie .iaboutbottom li:last-child{ border:none}
.njianjie .iaboutbottom li .icon{ transition: 0.5s; margin:0px auto 0px auto;}
.njianjie .iaboutbottom li .icon img{ display:block; width:40%; max-width:100px; margin:0 auto}
.njianjie .iaboutbottom li:hover .icon{ margin:-10px auto 10px auto;}
.njianjie .iaboutbottom li h3{ font-size:20px; font-weight:bold}
.njianjie .iaboutbottom li h3 span{ font-size:28px;}
.njianjie .iaboutbottom li p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size:15px; color:#666}

.nwenhua .conn02{ margin-top:60px; background:#f3f3f3}
.nwenhua p{ margin-bottom:10px}
.nwenhua .conn02{ display:table}
.nwenhua .imgfr{width:50%;display: table-cell; vertical-align: middle;}
.nwenhua .imgfr img{ display:block; width:100%; margin:0 auto}
.nwenhua .conn02 .wenzi{display: table-cell; vertical-align: middle;width:50%; padding-right:30px; background:#fff}

.nleader{ /*background:url(../images/nabbg02.png) no-repeat right center; background-size:auto 100%; */position:relative}
/*.nleader:after{ content:""; width:39%; height:100%;background:#0079c4; top:0; left:0; position:absolute}*/
.nleader .lpic{ float:left; width:33%; position:relative; z-index:2; padding-bottom:30px;}
.nleader .lpic .tu{ position:relative}
.nleader .lpic .tu:after{ content:""; width:100%; height:100%; background-color:#0079c4; left:0px; top:30px; z-index:-1; position:absolute}
.nleader .lpic img{ display:block; width:100%; height:auto; margin-left:30px}
.nleader .wenzi{ float:right; width:58%;position:relative; z-index:2; margin-top:30px}
.nleader .wenzi p{ margin-bottom:15px}


.nmain .conn{ padding-top:20px;}
.wenhuak .item{ float:left; width:50%; position:relative; background:#f3f3f3}
.wenhuak .item:hover{ background:#0079c4}
.wenhuak .item .dbpic{width:52.2%}
.wenhuak .item .dbpic img{ display:block; width:100%; height:auto}
.wenhuak .item .wenzi{ width:47.8%; position:absolute; padding:25px 30px; top:50%; right:0; margin-top:-60px;}
.wenhuak .item .wenzi h3{ font-size:20px; font-weight:bold; margin-bottom:10px}
.wenhuak .item:hover .wenzi{ color:#fff}
.wenhuak .item:nth-child(3) .dbpic, .wenhuak .item:nth-child(4) .dbpic{ margin-left:calc(50% - 15px); }
.wenhuak .item:nth-child(3) .wenzi, .wenhuak .item:nth-child(4) .wenzi{ right:auto; left:0}

.nhonor .item{ float:left; width:32%; margin-right:2%; margin-bottom:2%; padding:1.5%; border:solid 1px #ddd; text-align:center}
.nhonor .item:nth-child(3n){ margin-right:0}
.nhonor .item:nth-child(3n+1){ clear:both}
.nhonor .item .wenzi{ margin-top:15px;}

.nhonor02 .item{ float:left; width:23.5%; margin-right:2%; margin-bottom:2%; padding:1.5%; border:solid 1px #ddd; text-align:center}
.nhonor02 .item:nth-child(4n){ margin-right:0}
.nhonor02 .item:nth-child(4n+1){ clear:both}
.nhonor02 .item .wenzi{ margin-top:15px;display:flex;align-items:center; width:100%; height:50px; line-height:25px;}
.nhonor02 .item .wenzi p{ width:100%; line-height:25px;}
.nhonor02 .img-dv .img2{ min-height:auto; height:auto !important;}


.nnews .topnews{ padding-bottom:30px; border-bottom:solid 1px #ddd}
.nnews .topnews .pic{ float:left; width:48.5%}
.nnews .topnews .wenzi{ float:right; width:48.5%}
.nnews .topnews .wenzi h3{ font-size:24px; margin:30px 0 20px 0; line-height:25px;}
.nnews .topnews .wenzi p{line-height: 30px;height:120px;color: #888;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.nnews .topnews .more{ margin-top:50px; font-size:14px; padding-left:40px;transition: 0.5s; position:relative; color:#999}
.nnews .topnews .more:after{ content:""; position:absolute; width:26px; height:26px; left:0; top:2px; border-radius:50%; background:url(../images/jt.png) no-repeat #0079c4 center center; background-size:16px auto;}
.nnews .topnews .more:hover{ padding-left:45px}

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

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


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


.nnewsx .newstitle{ position:relative; margin-bottom:25px; border-bottom:solid 1px #e2e2e2; padding-bottom:30px;}
.nnewsx .newstitle h3{ font-size:20px; font-weight:bold; margin-bottom:8px;}
.nnewsx .newstitle p{ color:#888; font-size:14px;}
.nnewsx .newstitle p span{ color:#999}
.nnewsx .newstitle .back{ width:140px; position:absolute; right:0; bottom:30px}
.nnewsx .newstitle .back a{ margin-top:5px; display:block; width:140px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:14px;background:url(../images/jt.png) #0079c4 no-repeat 80% center; background-size:20px auto; padding-right:40px; transition: 0.5s;}
.nnewsx .newstitle .back a:hover{background:url(../images/jt.png) #0079c4 no-repeat 90% center; background-size:20px auto; }
.nnewsx img, .nnewsx video .nprox img{ display:block; width:100%; max-width:880px;margin: 10px auto;}
.nnewsx video{ display:block; width:100%; max-width:880px;margin: 0px auto;}

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


.ncase .item{ float:left; width:32%; margin-right:2%; margin-bottom:2%; border:solid 1px #ddd; background:#fff}
.ncase .item:nth-child(3n){ margin-right:0; }
.ncase .item:nth-child(3n+1){ clear:both;}
.ncase .item:hover{box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.ncase .item .wenzi{ padding:15px;}
.ncase .item .wenzi h3{ padding-bottom:15px; margin-bottom:15px; border-bottom:solid 1px #ddd; font-size:18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ncase.nmedia .item .wenzi h3{border-bottom:none; margin-bottom:0px; }
.ncase .item:hover .wenzi h3{ font-weight:bold}
.ncase .item .wenzi p{ font-size:15px; color:#888; line-height:25px; padding-left:35px}
.ncase .item .wenzi .gc{background:url(../images/gongcheng.png) no-repeat left center; background-size:22px auto; }
.ncase .item .wenzi .jx{background:url(../images/jiang.png) no-repeat left center; background-size:22px auto; }
.ncase .item .wenzi .intro{background:url(../images/jt03.png) no-repeat 97% 80%;transition: 0.5s; height:50px;}
.ncase .item:hover .wenzi .intro{background:url(../images/jt04.png) no-repeat 100% 80%;}


.single-product-top{ position:relative; padding: 0 8%;}
.single-product-top .swiper-button-next, .single-product-top .swiper-button-prev{ top:auto; top:50%; border:none !important;outline: none !important; color: #0079c4 !important; left:0px;}
.single-product-top .swiper-button-next:hover, .single-product-top .swiper-button-prev:hover{color:#0079c4}
.single-product-top .swiper-button-next{ right:0 !important; left:auto !important;}
.single-product-top .swiper-button-next:after, .single-product-top .swiper-button-prev:after{font-size: 22px !important; border:none !important}
.single-product-top .swiper-button-next.swiper-button-disabled, .single-product-top .swiper-button-prev.swiper-button-disabled{ opacity:1; color:#aaa}


.gallery-thumbs .swiper-slide { position:relative; padding-top:10px}
.gallery-thumbs .swiper-slide img{ display:block; width:calc(100% - 2px); margin:1px; height:100%;border: 1px solid #ddd;}
.gallery-thumbs .swiper-slide:after{ content:""; height:10px; width:15px; left:50%; margin-left:-7.5px; top:2px; position:absolute;background:url(../images/check.png) #fff no-repeat center center; opacity:0  }
.gallery-thumbs .swiper-slide-thumb-active img {border: 1px solid #e60012;}
.gallery-thumbs .swiper-slide-thumb-active:after{ opacity:1}
.gallery-top {width: 100%;height: 100%;}
.gallery-top .img2{ display:block; width:100%;height:100%; }


.proxs{ border-top:solid 1px #e2e2e2; padding-top:50px; width:84%; margin:50px auto 0 auto}
.proxs h3{ font-size:24px; font-weight:bold; margin-bottom:15px;}
.proxs p{ padding-left:30px; position:relative}
.proxs p:after{content: '';position: absolute;top: 12px;left: 0;width: 0.25rem;height: 0.25rem;border: 1px solid #2e5694;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}


.njiang .item{ float:left; width:32%; margin-right:2%; margin-bottom:2%; border:solid 1px #ddd;position:relative; padding:10px 0 20px 0}
.njiang .item:hover{box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.njiang .item:nth-child(3n){ margin-right:0}
.njiang .item:nth-child(3n+1){ clear:both}
.njiang .item  .pic{ float:left; width:45%}
.njiang .item .wenzi{ padding:30px 0;  float:left; width:52%}
.njiang .item .wenzi h3{ font-size:22px;}
.njiang .item .wenzi .intro{ padding:15px 0;}
.njiang .item .wenzi .intro p{ padding-left:30px; position:relative; font-size:15px; color:#666}
.njiang .item .wenzi .intro p:after{content: '';position: absolute;top: 12px;left: 0;width: 0.25rem;height: 0.25rem;border: 1px solid #2e5694;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}

.njiang .item .wenzi .more{padding-right:40px; transition: 0.5s; display:inline-block; background:url(../images/jt03.png) no-repeat 90% center;  background-size:20px auto;font-size:15px; color:#666; position:absolute; left:50%; bottom:30px}
.njiang .item:hover .wenzi .more{background:url(../images/jt04.png) no-repeat 100% center;  background-size:20px auto; color:#0079c4 }



.i-honorlist{ position:relative}
.i-honorlist .swiper-container{position:relative; margin:0 auto;width:calc(100% - 220px)}
.i-honorlist .swiper-slide{position:relative;text-align:center;  }
.i-honorlist .swiper-slide{ width:800px; margin-bottom:50px;}
.i-honorlist .swiper-slide .tu{ padding:4% 8%;}
.i-honorlist .swiper-slide .wenzi { opacity:0; margin-top:15px; font-size:20px;}
.i-honorlist .swiper-slide .wenzi p{ font-size:20px;}
.i-honorlist .swiper-slide-active .tu{ padding:0}
.i-honorlist .swiper-slide-active .wenzi{ opacity:1}
.i-honorlist .swiper-button-prev, .i-honorlist .swiper-button-next{ width:60px; height:60px; border-radius:50%; margin-top:-60px; outline:none;border-radius:50%}
.i-honorlist .swiper-button-prev{ background:url(../images/bpre02.png) #ddd no-repeat; background-size:60px auto; left:0; opacity:0.7}
.i-honorlist .swiper-button-next{ background:url(../images/bnext02.png) #ddd no-repeat;background-size:60px auto; right:0;opacity:0.7}
.i-honorlist .swiper-button-prev:hover{ background:url(../images/bpre.png) #0079c4 no-repeat;background-size:60px auto; opacity:1}
.i-honorlist .swiper-button-next:hover{ background:url(../images/bnext.png) #0079c4 no-repeat;background-size:60px auto; opacity:1}
.i-honorlist .swiper-pagination{bottom:0px; text-align:center;}
.i-honorlist .swiper-pagination-bullet{ width:14px; height:14px; opacity:1; background:#ddd; margin:0 5px; border-radius:50%;}
.i-honorlist .swiper-pagination-bullet-active{ background:#0079c4; }



.ncb01 .conn{ position:relative}
.ncb01 .item{ float:left; width:calc(25% - 1px); padding:0px 0;text-align:center; position:relative}
.ncb01 .item:after{ position:absolute; right:0; top:10%; height:80%; width:1px; background:#ddd; content:"";}
.ncb01 .item:nth-child(4):after{ display:none}
.ncb01 .item .icon{transition: 0.5s; margin:10px auto 10px auto;}
.ncb01 .item .icon img{ display:block; width:30%; max-width:auto !important; margin:0 auto}
.ncb01 .item:hover .icon{ margin:0px auto 20px auto;}
.ncb01 .item h3{ font-size:15px; margin-bottom:10px;}
.ncb01 .item p{ color:#444; font-weight:bold; font-size:18px;}

#map{width:calc(100% - 2px);height:450px;border:#ccc solid 1px; font-size:14px}
.iwTitle { font-size:16px; font-weight:bold; color:#0079c4}


.message{background:url(../images/conbg.jpg) no-repeat center bottom; background-size:cover; font-size:14px;}
.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:#666;padding-left:15px}
.message label span{ color:#e61d20}
.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;height:48px;padding: 0 15px;transition: border-color .5s; padding-left:85px;}
.message .inp02{ width:calc(100% - 80px); max-width:330px;}
.message select{width: 100%;border: 1px solid #ddd;line-height:48px;height:48px;padding: 0 10px;font-size:14px !important; color:#666 !important; }
.message textarea{width: 100%;height:200px; 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:330px; line-height:50px; height:50px; text-align:center; cursor:pointer;border:0; background:#4278be; color:#fff; margin:0 auto; display:block;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.message .submit:hover{background:#0079c4;}
.message input:hover, .message textarea:hover{box-shadow: 0 0 5px rgba(0,0,0,0.1);}