@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {FONT: "Microsoft YaHei", arial,sans-serif;  overflow-x: hidden;  background: #fff; min-width: 1300px;}
A {COLOR: #666; TEXT-DECORATION: none}
P{COLOR: #333;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.jz{margin:0 auto;}
.fl{FLOAT: left}
.fr{FLOAT: right}
img { image-rendering: -webkit-optimize-contrast;}
.container{width:1400px; margin:0 auto}
.container12{width:1200px; margin:0 auto}
.container145{width:1450px; margin:0 auto}
.container16{width:1600px; margin:0 auto}
.containers{width:96%; margin:0 auto}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}
.col-white{color: #fff;}
.clearfix:after{ content:""; display:block; clear:both; height:0; visibility:hidden;}
.clearfix{ zoom:1;}
/* 下滑头部 */
.navfixed {position: fixed; top: 0; width: 100%; z-index: 99999; transition: .5s;}
/* 多行省略 */
.omit {display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
/* 绝对定位居中 */
.jddwjz { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)}
/* 滚动条样式 */
::-webkit-scrollbar {/*滚动条整体样式*/width: 4px;/*高宽分别对应横竖滚动条的尺寸*/ height: 4px;scrollbar-arrow-color:red;}
::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);scrollbar-arrow-color:red;}
::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 0; background: rgba(0,0,0,0.1);}
/* 图标变黑色 */
.icon-black {  filter: brightness(0);}
/* 图标变白色 */
.icon-white {filter: brightness(100);}
/* 图标变灰色色 */
.icon-gray {filter: grayscale(100%);  }

/*字体引入*/
@font-face {
  /* font-family: "futura"; */
  font-family: "Noto Sans SC";
  /* src: url("../font/Futura\ Md\ BT\ Bold.ttf"); */
}

@font-face {
  font-family: "mavenBold";
  src: url("../font/MavenPro-Bold.ttf");
}

/* CSS Document */
/* 第一屏 */
.pageOne .container {width: 83.333333%; max-width: 1450px;}
.header .heBox {display: flex; justify-content: space-between; align-items: center; height: 150px;}
.header .heBox ul {display: flex;}
.header .heBox ul li a {font-size: 17px;font-weight: 700;color: #333333;display: block; padding:0 28px;position: relative;}
.header .heBox ul li a::before {content: ""; position: absolute; content: "";left: 0;top: 7px;width: 1px; height: 17px;background: #cccccc; }
.header .heBox ul li:first-child a::before {display: none;}
.header .heBox ul li:hover a {color: #1B7CDC;}
.header .heBox ul li.on a {color: #1B7CDC;}
.header .heBox .language {position: relative; cursor: pointer; line-height: 80px; padding-right: 20px;}
.header .heBox .language span {font-size: 20px;font-weight: 700;color: #333333;}
.header .heBox .language span i {position: relative;}
.header .heBox .language span i::after { content: '';bottom: 9px; right: -15px; width: 6px; height: 6px; border: 0px; border-width: 2px 2px 0 0;border-style: solid; border-color: #333; transform: rotate(135deg); position: absolute;}
.header .heBox .language dl {position: absolute; line-height: initial; width: 200%; left: -20%;   z-index: 2;-webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px; background-color: rgba(255,255,255,1); padding: 10px 10px; box-sizing: border-box;position: absolute;bottom: -90px; opacity: 0; transform: translateY(50px); transition: all .5s ease; -webkit-box-shadow: 0 0 15px rgb(29 56 75 / 40%);-moz-box-shadow: 0 0 15px rgba(29,56,75,.4); box-shadow: 0 0 15px rgb(29 56 75 / 40%); pointer-events: none;}
.header .heBox .language dl {visibility: hidden;}
.header .heBox .language dl::after {z-index: 2;content: ''; display: block; width: 18px;height: 18px;transform: rotate(45deg); top: -8px; right: 50px; background-color: #fff; position: absolute;}
.header .heBox .language:hover dl {visibility: visible; opacity: 1;transform: translateY(0); pointer-events: auto;}
.header .heBox .language dl dd a {display: block;font-size: 16px;line-height: 35px;border-bottom: 1px dashed #ccc;text-align: center;color: #666;}
.header .heBox .language dl dd:hover a {color: #1B7CDC;}
.pageOneBj {overflow: hidden; height: calc(100vh - 150px); position: relative;}
.pageOneBj img {display: block; width: 100%;}
.pageOneBj .text {position: absolute; position: absolute; left: 20%; top: 35%; transform: translate(-50%, -50%)}
.pageOneBj .text img {width: auto; display: block;}
.pageOne .fp-bg {background: url(../images/pageOne-bj.jpg) no-repeat center; background-size: cover;}

/* 第二屏 */
.pageNav {background: #1b7cdc; padding: 25px 20px 50px 25px; box-sizing: border-box; width: 25%; position: absolute; right: 3%; opacity: 0;}
.pageNav h3 {opacity: 0.25;font-size: 54px;font-family: Arial, Arial-Bold;font-weight: bold;color: #ffffff;letter-spacing: 7.56px;}
.pageNav .tle {text-align: right; margin: 30px 0;}
.pageNav .tle h4 {font-size: 48px;font-weight: 700;color: #ffffff;letter-spacing: 1.92px;}
.pageNav .tle span {font-size: 20px;font-family: Arial, Arial-Regular;color: #ffffff;letter-spacing: 0.8px;}
.pageNav ul {display: flex; flex-wrap: wrap; justify-content: flex-end;}
.pageNav ul li {margin-top: 20px; margin-right: 35px; width: 39%;}
.pageNav ul li a {width: 170px;height: 40px; border: 1px solid #fcf7f7; transition: .5s; border-radius: 21px; text-align: center; line-height: 40px; color: #fff; font-size: 21px;display: block;}
.pageNav ul li:hover a {background: #fff; color: #0089e1;}
.fp-bg { top: 0; bottom: 0; width: 100%; position: absolute; z-index: -1;height: 100%;}
.pageTwo .fp-bg { background: url(../images/pageTwo-bj2.jpg) no-repeat center; background-position: center 60%; background-size: cover;}
.page2Swiper {position: absolute; overflow: hidden; width: 200px; border-radius: 50%;  border: 2.51px solid #0089e1;background: #ffffff; opacity: 0; top: 15%;left: 12%;}
.page2Swiper .swiper-slide {width: 199px; height: 199px; box-sizing: border-box;  overflow: hidden;border-radius: 50%;}
.page2Swiper .swiper-slide img {display: block; width: 100%;}
.page2Swiper2 {top: 2%;left: 61%;}
.page2Swiper3 {top: 55%; left: 1%;}
.page2Swiper4 {top: 74.5%; left: 7%;}
.page2Swiper5 {top: 52%;left: 88%;}
.page2Swiper6 {top: 67%; left: 72%;}

.active .animated.pageNav {opacity: 1;}
.active .animated.page2Swiper {opacity: 1;}

/* 第三屏 */
.pageThree .fp-bg { background: url(../images/pageThree-bj.jpg) no-repeat center; background-position: center 60%; background-size: cover;}
.pageThree  .swiperBox {position: relative; width: 70%; margin: auto; top: 56%;}
.pageThree .page3Swiper { overflow: hidden; width: 85%; margin: auto;    }
.page3Swiper .swiper-slide .imgBox {overflow: hidden;}
.page3Swiper .swiper-slide img {display: block; width: 100%; transition: .5s;}
.page3Swiper .swiper-slide:hover img {transform: scale(1.05);}
.page3Swiper .swiper-button-prev::after {display: block; content: "<";color: #fff; font-size: 60px;}
.page3Swiper .swiper-button-next::after {display: block; content: ">";color: #fff; font-size: 60px;}

/* 第四屏 */
.pageFour .fp-bg { background: url(../images/pageFour-bj.jpg) no-repeat center; background-position: center 60%; background-size: cover;}
.pageFour  .swiperBox {position: relative; width: 75%; margin: auto; top: 50%;}
.pageFour .page4Swiper { overflow: hidden; width: 90%; margin: auto;    }
.pageFour .page4Swiper .swiper-slide .imgBox {overflow: hidden;}
.pageFour .page4Swiper .swiper-slide img {display: block; width: 100%; transition: .5s;}
.pageFour .page4Swiper .swiper-slide:hover img {transform: scale(1.05);}
.page4Swiper .swiper-button-prev::after {display: block; content: "<";color: #fff; font-size: 60px;}
.page4Swiper .swiper-button-next::after {display: block; content: ">";color: #fff; font-size: 60px;}
.pageFour .down {position: absolute; text-align: center;top: 35%; left: 2%;}
.pageFour .down span {opacity: 0.67;font-size: 48px;color: #095287;letter-spacing: 5.47px; writing-mode: tb;}
.pageFour .down img {display: block; margin: auto; animation: go_down_animation 1s infinite;}
.pageFour .more {background: url(../images/pageFour-more-bj.png) no-repeat center; width: 300px; height: 55px;       position: absolute; right: 5%; bottom: 5%;}
.pageFour .more a {display: flex; align-items: center;}
.pageFour .more span {font-size: 30px;letter-spacing: -0.18px;color: #ffffff; text-transform: uppercase; margin-left: 10px;}
.pageFour .more img {display: block; margin-left: 20px; transition: .5s;}
.pageFour .more:hover img {margin-left: 30px;}
@keyframes go_down_animation {
	0% {
	    transform: translateY(0px);
	}
	50% {
	    transform: translateY(10px);
	}
	100% {
	    transform: translateY(0px);
	}
}

.pageFour .more {opacity: 0;}
.active .pageFour .animated.more {opacity: 1;}

/* 第五屏 */
.pageFive .fp-bg { background: url(../images/pageFive-bj.jpg) no-repeat center; background-position: center 60%; background-size: cover;}
.pageFive .swiperBox {position: relative; width: 75%; margin: auto; top: 55%;}
.pageFive .page5Swiper { overflow: hidden; width: 90%; margin: auto; }
.pageFive .page5Swiper .swiper-slide .imgBox {overflow: hidden;}
.pageFive .page5Swiper .swiper-slide img {display: block; width: 100%; transition: .5s;}
.pageFive .page5Swiper .swiper-slide:hover img {transform: scale(1.05);}
.page5Swiper .swiper-button-prev::after {display: block; content: "<";color: #fff; font-size: 60px;}
.page5Swiper .swiper-button-next::after {display: block; content: ">";color: #fff; font-size: 60px;}

/* 第六屏 */
.pageSix .fp-bg { background: url(../images/pageThree-bj.jpg) no-repeat center; background-position: center 60%; background-size: cover;}
.pageSix .page6Box {display: flex; width: 70%;justify-content: space-between;margin: auto; position: absolute; left: 50%; top: 45%; transform: translate(-50%, -50%)}
.pageSix .page6Box .aboutCon {width: 48%; background: #0099ff; padding: 50px; box-sizing: border-box; padding-bottom: 90px;}
.page6Box .aboutCon h3 {font-size: 72px;font-family: FZY4K, FZY4K--GBK1-0;color: #ffffff;letter-spacing: 11.52px; font-weight: 700; position: relative; display: inline-block;}
.page6Box .aboutCon h3::after {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #fff;}
.page6Box .aboutCon p {font-size: 16px;font-weight: 400;color: #ffffff;line-height: 33px; margin: 50px 0 60px 0;}
.page6Box .aboutCon a {display: flex; align-items: center; font-size: 16px;color: #ffffff;}
.page6Box .aboutCon a img {margin-left: 10px; transition: .5s;}
.page6Box .aboutCon a:hover img {margin-left: 20px;}
.pageSix .page6Box .reCon {width: 48%;}
.pageSix .page6Box .reCon .imgBox img {width: 100%; display: block;}
.pageSix .page6Box .reCon .info {padding: 30px; box-sizing: border-box; background: #fff;}
.pageSix .page6Box .reCon h4 {font-size: 26px;font-weight: 700;color: #0089e1;position: relative; display: inline-block; margin-bottom: 10px; letter-spacing: 4.16px;}
.pageSix .page6Box .reCon h4::after {content: ""; position: absolute; bottom: 0; width: 100%; left: 0; height: 2px; background: #0089E1;}
.pageSix .page6Box .reCon p {font-size: 18px;font-weight: 400;color: #333333; margin-top: 10px;}
.pageSix .copy {background: #000000;height: 69px; text-align: center; position: absolute; bottom: 0; width: 100%;}
.pageSix .copy p {line-height: 69px; font-size: 14px;color: rgba(255, 255, 255,.34);}
.pageSix .copy p a {line-height: 69px; font-size: 14px;color: rgba(255, 255, 255,.34);}
.pageSix .copy p a:hover {color: #fff;}

.page6Box .aboutCon , .page6Box .reCon {opacity: 0;}
.active .page6Box .animated.aboutCon , .active .page6Box .animated.reCon {opacity: 1;}

/* ===========================内页============================= */
.ny-header {position: fixed;  top: 0; width: 100%; background: #fff; z-index: 99;  box-shadow: 1px 1px 3px rgb(0 0 0 / 10%); }
.ny-header .heBox {transition: .5s;}
.ny-header.headerFixed .heBox {height: 130px;}

.ny-banner {margin-top: 150px;}
.ny-banner img {display: block; width: 100%;}

.position{margin: 5px 0 25px}
.position span{display: block; line-height: 40px; color: #808080}
.position img{display: inline-block; vertical-align: middle; margin-right: 20px;}
.position a{color: #808080}
.position a:hover{color: #0366b2}

.my-main {margin-bottom: 80px;}

.ny-class{overflow: hidden; margin-bottom: 40px;}
.ny-class ul{width: 1405px}
.ny-class ul li{float: left; margin-right: 5px; width: 151px; }
.ny-class ul li a{transition:0.6s; display: block; font-size: 18px; line-height: 52px; color: #fff; background: #000; text-align: center;}
.ny-class ul li:hover a,.ny-class ul li.on a{background: #0366b2}
.pro-class ul li{width: 229px;}
.ny-main{margin-bottom: 80px;}


/*内页产品列表页*/
.nypro-list ul li{float: left; width: 330px; margin-right: 26px; margin-bottom: 40px;}
.nypro-list ul li:nth-child(4n){margin-right: 0}
.nypro-list ul li .pic{overflow: hidden; position: relative; box-shadow: 0 0 10px #eee; margin-bottom: 15px; }
.nypro-list ul li .pic img{display: block; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.nypro-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.nypro-list ul li em {transition:0.6s; position: absolute; width: 100%; left: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); z-index: 0; opacity: 0}
.nypro-list ul li i { position: absolute; width: 50px; height: 50px; background: #0366b2; border-radius: 100%; left: 50%; margin-left: -25px; top: 50%; margin-top: -25px; z-index: 1;}
.nypro-list ul li i:after {content: ""; width: 9px; height: 9px; border: 1px solid #fff; border-style: solid solid none none; position: absolute; top: 50%; left: 18px; margin-top: -5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); z-index: 1;}
.nypro-list ul li:hover em{opacity: 1}
.nypro-list ul li h3{display: block; font-size: 18px; line-height: 40px; color: #333; text-align: center;}

/* 三级导航 */
.ny-nav3 {margin: 40px 0; margin-top: 0;}
.nav3-box {padding: 20px 30px; box-sizing: border-box; border: 1px solid #eee; background: #f5f5f5;}
.nav3-box li {display: flex; align-items: center;}
.nav3-box li .tit { font-size: 16px;  line-height: 30px;}
.nav3-box li .item {  float: right;  width: 92%;  font-size: 0;}
.nav3-box li .item a {display: inline-block;  zoom: 1;  font-size: 14px;  line-height: 30px;  padding-left: 15px;  margin-right: 20px;  color: #333;  position: relative;  vertical-align: middle;  transition: all .2s;}
.nav3-box li .item a:before {  content: "";  position: absolute;  left: 0;  top: 50%;  width: 5px;  height: 5px;  background-color: #0366b2;  border-radius: 100%;  transform: translateY(-50%);  opacity: 0;  filter: alpha(opacity=0);  transition: all .2s;}
.nav3-box li a:hover:before { opacity: 1; filter: alpha(opacity=100);}
.nav3-box li a.on:before {opacity: 1; filter: alpha(opacity=100);}
.nav3-box li a.on{color: #0366b2;}
.nav3-box li a:hover {color: #0366b2;}



/* 分页 */
.pagelist {padding: 10px 0;margin-top:15px;overflow: hidden;border-top:0px solid #eee;text-align:center;}
.pagelist a,.pagelist span {border: 1px solid #ccc; display: inline-block;padding: 2px 8px;margin-right:5px;}
.pagelist span.current {color: #f30;border: 1px solid #ddd;}


/*公共底部*/
.footer{background: #000;}
.footer .foot-top{padding: 107px 0 99px; border-bottom: 1px solid rgba(255,255,255,0.05)}
.foot-info{margin-right: 174px; }
.foot-info strong{display: block; font-size: 36px; line-height: 36px; color: #0366b2; margin-bottom: 28px; }
.foot-info em{display: block; font-size: 16px; color: #fff; margin-bottom: 13px}
.foot-info b{display: block; font-size: 34px; line-height: 25px; color: #fff; font-weight: bold; margin-bottom: 53px;}
.foot-info a{display: block; width: 147px; height: 46px; background: #0366b2; font-size: 16px; line-height: 46px; color: #fff; text-align: center;}
.foot-info a>img{margin-right: 14px; vertical-align: middle;}
/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

a.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #0366b2;
}
a.hvr-ripple-out:before {
  content: '';
  position: absolute;
  border: #0366b2 solid 6px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
a.hvr-ripple-out:hover:before,a.hvr-ripple-out:focus:before,a.hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
}

.foot-nav dl{float: left;}
.foot-nav dl dt{display: block; font-size: 18px; line-height: 18px; color: #fff; margin-bottom: 27px;}
.foot-nav dl dd a{display: block; font-size: 16px; line-height: 32px; color: #636565}
.foot-nav dl dd a:hover{color: #fff;}
.foot-nav dl.item1{margin-right: 85px}
.foot-nav dl.item2{width: 450px;}
.foot-nav dl.item2 dd{float: left; margin-right: 25px; width: 131px;}
.foot-nav dl.item3 dt a{font-size: 18px; line-height: 18px; color: #fff;}
.foot-nav dl.item3 dt a:hover{color: #0366b2}
.foot-wechat img{display: block; margin-bottom: 20px;}
.foot-wechat em{display: block; font-size: 16px; color: #fff; text-align: center;}
.foot-copy{padding: 23px 0}
.foot-copy p,.foot-copy a{ font-size: 16px; color: #646565;}
.foot-copy a{display: inline-block; margin-left: 30px;}
.foot-copy a:hover{color: #fff}

/* 产品详情页 */
.proDeta {background: #f5f5f5; padding-top: 4rem; padding-bottom: 4rem;}
.proDeta .box {display: flex; justify-content: space-between; align-items: flex-start;}
.proDeta .proLeSwiper {background: #fff; overflow: hidden; position: relative; width: 45%;}
.proDeta .proLeSwiper .imgBox {display: flex; justify-content: center; align-items: center; padding: 2rem; box-sizing: border-box;}
.proDeta .proLeSwiper .imgBox img {width: 100%; display: block;}
.proDeta .proLeSwiper .swiper-pagination-bullet {width: 0.75rem;height: 0.75rem;background: #dfdfdf; box-sizing: border-box; opacity: 1; margin: 0 10px !important;}
.proDeta .proLeSwiper .swiper-pagination-bullet-active {background: #155ea2;}
.proDeta .proLeSwiper .swiper-button-next {width: 0.81rem;height: 1.44rem;background: url(../images/proLeSwiper-jt.png) no-repeat center; background-size: 100%;}
.proDeta .proLeSwiper .swiper-button-prev {width: 0.81rem;height: 1.44rem;background: url(../images/proLeSwiper-jt.png) no-repeat center; background-size: 100%; transform: rotate(180deg);}
.proDeta .proReCon {width: 50%;}
.proDeta .proReCon  h4 {font-size: 2.38rem;font-weight: 400;color: #333333; padding-bottom: 1rem; border-bottom: 1px solid #CCCCCC;}
.proDeta .proReCon .text {margin: 1rem 0; font-size: 1rem;color: #666666;font-weight: 400;line-height: 2.31rem;}
.proDeta .proReCon .conus {display: flex; margin-top: 4rem;}
.proDeta .proReCon .conus .zxdz {display: block;width: 13.06rem;height: 4.06rem;background: #155ea2; border-radius: 2.06rem; text-align: center; line-height: 4.06rem; font-size: 1.13rem;color: #ffffff;}
.proDeta .proReCon .conus .tel {display: flex; align-items: center; margin-left: 4rem;}
.proDeta .proReCon .conus .tel a {display: flex; justify-content: center; transition: .5s; align-items: center; margin-right: 1rem; border-radius: 50%; width: 3.38rem;height: 3.38rem;border: 0.06rem solid #cccccc;}
.proDeta .proReCon .conus .tel small {display: block;font-size: 1.13rem;font-weight: 400;color: #333333;}
.proDeta .proReCon .conus .tel strong {font-size: 1.94rem; color: #005BAC; display: block; line-height: 2rem; white-space: nowrap;}
.proDeta .proReCon .conus .tel a:hover {background: #005BAC;}
.proDeta .proReCon .conus .tel a:hover img {filter: brightness(100);}
.proInfo {background: #fff;margin: 5rem 0 10rem 0;}
.proInfo .box {display: flex; justify-content: space-between;}
.proInfo .box h3 {font-size: 2.19rem;font-weight: 500;color: #333333; padding-bottom: 1rem;}
.proInfo .box .le {width: 100%;}
.proInfo .box .le h3 {border-bottom: 1px solid #DDDDDD;}
.proInfo .box .le .text {margin: 2rem 0;}
.proInfo .box .re {width: 30%;}
.proInfo .box .re li {margin-bottom: 1rem;}
.proInfo .box .re li a {display: flex; align-items: center;}
.proInfo .box .re li .imgBox {overflow: hidden; padding: 1rem 0.5rem; box-sizing: border-box;border: 0.06rem solid #dddddd; width: 40%;}
.proInfo .box .re li .imgBox img {width: 100%; transition: .5s;}
.proInfo .box .re li .con {margin-left: 1.5rem;}
.proInfo .box .re li h6 {font-size: 1.13rem;font-weight: 700;color: #333333;}
.proInfo .box .re li em {font-size: 0.94rem;font-weight: 400;color: #9b9b9b; display: block; margin-top: 0.5rem; transition: .5s;}
.proInfo .box .re li:hover img {transform: scale(1.1);}
.proInfo .box .re li:hover em {color: #005BAC;}

/*内页新闻列表页*/
.nynews-list ul li{transition:0.6s; border: 1px solid #dddddd; padding: 18px; padding-right: 0; box-sizing:border-box; margin-bottom: 42px; }
.nynews-list ul li a{display: flex; align-items:center;}
.nynews-list ul li .pic{width: 23.8%; margin-right: 4.3%; overflow: hidden;}
.nynews-list ul li .pic img{display: block;  width: 100%; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.nynews-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.nynews-list ul li .info{width: 55%; border-right: 1px solid #edeaf1; padding-right: 5%}
.nynews-list ul li .info strong{ font-size: 20px; color: #333; margin-bottom: 12px;}
.nynews-list ul li .info p{font-size: 16px; line-height: 27px; color: #666; margin-bottom: 30px;}
.nynews-list ul li .info em{display: block; font-size: 16px; color: #575757; font-family: arial; position: relative;}
.nynews-list ul li .info em:after{position: absolute; content: ''; width: 73px; height: 1px; background: #0366b2; left: -90px; top: 12px;}
.nynews-list ul li .arrow{width: 13.4%; display: flex; }
.nynews-list ul li .arrow span{display: block; background: url(../images/news-arrow.png) no-repeat; width: 35px; height: 35px;margin: auto; background-position: right center;  }
.nynews-list ul li:hover .arrow span {background-position: left center;-ms-transition-duration: 0.2s;transition-duration: 0.2s;}
.nynews-list ul li:hover .info strong{color: #0366b2}

/* 新闻详情 */
.ny-news-xq {padding-top:30px;margin-bottom:70px;}
.ny-news-xq .container {max-width: 1200px;margin:0px auto;}
.ny-news-xq .news-title {padding-bottom:45px;border-bottom:2px solid #333;margin-bottom:40px;position: relative; display: flex; justify-content: space-between; align-items: center;}
.ny-news-xq .news-title h2 {font-size:28px;line-height: 40px;color:#333;font-weight:bold}
.ny-news-xq .news-title span {display: block;font-size:18px;color:#666}
.ny-news-xq .news-title .fr a {width:130px;height:48px;line-height: 48px;border-radius:48px;color:#fff;background: url(../images/news-de-jt.png) no-repeat center left 30px #005BAC;padding:0 20px;display: block;text-indent: 50px;font-size:18px;position: relative;}
.nr-content p img {margin:0 auto;display:inline; }
.nr-content p {line-height:27px !important ;font-size:16px;color:#333;margin-bottom:10px;}
.nr-content table {width:100%  !important}
.nr-content table td {font-size:16px}
.nr-content .bottom-back {display: none;}
.page-fy {border-top:1px solid #ddd;padding:10px 0; margin-top: 30px;}
.page-fy a:hover {color: #024084;}


/*合作伙伴*/
.partner{background: url(../images/partner-bg.jpg) no-repeat center; padding: 50px 0 59px; }
.partner .index-title{margin-bottom: 48px;}
.partner-list{overflow: hidden;}
.partner-list ul{width: 1414px;}
.partner-list ul li{float: left; width: 186px; margin-right: 16px; margin-bottom: 18px;}
.partner-list ul li .pic img{display: block; border: 1px solid #eaeaea;}


/*内容页*/
#nr-container .returnbt{padding:5px;text-align: center; margin-bottom: 60px}
#nr-container .returnbt input{padding:2px 15px;background:#333;color:#fff;border: none;cursor: pointer;}
#nr-container .nr-title {text-align: center;font-size: 18px;padding: 5px 0;}
#nr-container .nr-info {text-align: center;font-size: 14px;padding: 5px 0;background: #f8f8f8;border: 1px solid #f2f2f2;margin-top: 10px; margin-bottom: 20px;}
#nr-container .nr-content {overflow:hidden;}
#nr-container .nr-content .prev{margin-top:30px;line-height: 25px;}
#nr-container .nr-content .next{margin-top:5px;line-height: 25px;}
#nr-container .nr-content .prev:hover a ,#nr-container .nr-content .next:hover a {color: #005BAC;}
#nr-container .pic_list{margin-right:10px;float: left;}
#preview {float: none;text-align: center;}
@media (min-width: 768px) and (max-width: 979px) {
  #nr-container img {
    height: 140px;
    *height: 140px;
  }
}
@media (min-width: 415px) and (max-width: 767px) {
  #nr-container img {
    height: 120px;
    *height: 120px;
  }
}
@media (max-width: 414px) {
  #nr-container img {
    height: 100px;
    *height: 100px;
  }
}
@media (min-width: 200px) and (max-width: 1700px) { 
  .pageNav h3 {font-size: 45px;}
}

@media screen and (min-width: 200px) and (max-width: 1500px) {
  .header .heBox ul li a {    padding: 0px 18px;}
}

@media (min-width: 200px) and (max-width: 1600px) {
a , span , h1 ,h3 ,h4 ,h5 ,h6 ,h2 ,p {transform: scale(0.9);}
.pageNav h3 {font-size: 40px;}
.pageOneBj .text {    left: 25%;top: 35%;}
.pageOneBj .text img {max-width: 80%;}

.page2Swiper {width: 150px;}
.page2Swiper .swiper-slide {    height: 150px;}
}
@media (min-width: 200px) and (max-width: 1500px) {
  a , span , h1 ,h3 ,h4 ,h5 ,h6 ,h2 ,p {transform: scale(0.8);}
}
@media (min-width: 200px) and (max-width: 1400px) {
  a , span , h1 ,h3 ,h4 ,h5 ,h6 ,h2 ,p {transform: scale(0.8);}
  }