@charset "utf-8";
/* CSS Document */

/*--- whole ---*/
html{ font-size:100%; }
body{ transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out; color: #666;}
html,
body{height:100%;}  
body { overflow: hidden; overflow-y: scroll; }

.w1200 { max-width:1200px; margin:0 auto; position:relative;}

/*clearfix*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}

.color1 { color: #30b4e9; } 
.white { color: #fff !important; }
.color-blue { color: #30b4e9; }

a:hover { color: #30b4e9; }

/*��ʼ����ť*/
.btn{display:inline-block;text-align:center;padding:0px;border:0px;margin:0px;position:relative;cursor:pointer;}
.btn span{display:inline-block;}

/*ͨ��img*/
img.rollover{position:absolute;top:0px;left:0px;opacity:0;filter:Alpha(opacity=0);z-index:2;}
img { max-width: 100%; }
input.text{display:block;width:100%;height:100%;border:0px;background:none;}


.nav-icon{ width:9%; min-width: 60px; padding:30px 10px 0; height:50px; float:right;cursor:pointer; display: none;}
.nav-icon a{display:block;width:100%;height:3px;background-color:#666;position:relative;}
.nav-icon a:before,
.nav-icon a:after{content:"";display:block;width:100%;height:3px;background-color:#666;position:absolute;left:0px;}
.nav-icon a:before{top:-10px;}
.nav-icon a:after{bottom:-10px;}
.nav-icon.cur a{-moz-animation: buttonAnimation 0.3s ease forwards;-webkit-animation: buttonAnimation 0.3s ease forwards;animation: buttonAnimation 0.3s ease forwards;}
.nav-icon.cur a:before{-moz-animation: buttonAnimationBefore 0.3s ease forwards;-webkit-animation: buttonAnimationBefore 0.3s ease forwards;animation: buttonAnimationBefore 0.3s ease forwards; }
.nav-icon.cur a:after{-moz-animation: buttonAnimationAfter 0.3s ease forwards;-webkit-animation: buttonAnimationAfter 0.3s ease forwards;animation: buttonAnimationAfter 0.3s ease forwards; }
@-moz-keyframes buttonAnimationBefore {
	0% {-moz-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
	50% {-moz-transform: translateY(10px) rotate(0);transform: translateY(10px) rotate(0); }
	100% {-moz-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg); } 
}
@-webkit-keyframes buttonAnimationBefore {
	0% {-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
	50% {-webkit-transform: translateY(10px) rotate(0);transform: translateY(10px) rotate(0); }
	100% {-webkit-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg); } 
}
@keyframes buttonAnimationBefore {
	0% {-moz-transform: translateY(0px) rotate(0);-ms-transform: translateY(0px) rotate(0);-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
	50% {-moz-transform: translateY(10px) rotate(0);-ms-transform: translateY(10px) rotate(0);-webkit-transform: translateY(10px) rotate(0);transform: translateY(10px) rotate(0); }
	100% {-moz-transform: translateY(10px) rotate(45deg);-ms-transform: translateY(10px) rotate(45deg);-webkit-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg); } }
@-moz-keyframes buttonAnimationAfter {
	0% {-moz-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
	50% {-moz-transform: translateY(-10px) rotate(0);transform: translateY(-10px) rotate(0); }
	100% {-moz-transform: translateY(-10px) rotate(-45deg);transform: translateY(-10px) rotate(-45deg); } 
}
@-webkit-keyframes buttonAnimationAfter {
	0% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
	50% {-webkit-transform: translateY(-10px) rotate(0);transform: translateY(-10px) rotate(0); }
	100% {-webkit-transform: translateY(-10px) rotate(-45deg);transform: translateY(-10px) rotate(-45deg); } 
}
@keyframes buttonAnimationAfter {
	0% {-moz-transform: translateY(0) rotate(0);-ms-transform: translateY(0) rotate(0);-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
	50% {-moz-transform: translateY(-10px) rotate(0);-ms-transform: translateY(-10px) rotate(0);-webkit-transform: translateY(-10px) rotate(0);transform: translateY(-10px) rotate(0); }
	100% {-moz-transform: translateY(-10px) rotate(-45deg);-ms-transform: translateY(-10px) rotate(-45deg);-webkit-transform: translateY(-10px) rotate(-45deg);transform: translateY(-10px) rotate(-45deg); } 
}
@-moz-keyframes buttonAnimation {
	0% {background: #aaaaaa; }
	50% {background: rgba(255, 255, 255, 0); }
	100% {background: rgba(255, 255, 255, 0); }
}
@-webkit-keyframes buttonAnimation {
	0% {background: #aaaaaa; }
	50% {background: rgba(255, 255, 255, 0); }
	100% {background: rgba(255, 255, 255, 0); } 
}
@keyframes buttonAnimation {
	0% {background: #aaaaaa; }
	50% {background: rgba(255, 255, 255, 0); }
	100% {background: rgba(255, 255, 255, 0); }
}

/*wap nav*/
#wap-nav { width: 65%; right: 10px; top: 60px; position: absolute; height: calc(100% - 60px); background: #fff; z-index: 99999; display: none; }
#wap-nav ul li { line-height: 42px; font-size: 13px; background: #fff; }
#wap-nav ul li a { border-bottom: solid 1px #dedede; display: block; padding-left:14px; }
#wap-nav ul li .second { display: none; }
#wap-nav ul li .second a { background: url(../images/t1.png) 16px center no-repeat; padding-left: 30px; }

.index-banner { height: 100%; background: #ccc; position: relative; }
.index-banner .swiper-pagination-bullet { width: 5px; height: 5px; margin: 24px auto!important; background-color: #e9e3e1!important; display: inline-block; }
.index-banner .swiper-pagination-bullet-active { width: 14px; height: 14px; margin: 0 auto; background-color: #e9e3e1 !important; } 
.index-banner .swiper-pagination { width: 14px; text-align: center; }

.index-banner .swiper-slide img{object-fit: cover;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;}
.index-banner .swiper-slide.swiper-slide-active img{transition-delay:0.4s !important; transform:matrix(1.0, 0, 0, 1.0, 0, 0); -webkit-transition:all 5.0s ease; -moz-transition:all 5.0s ease; -ms-transition:all 5.0s ease; -o-transition:all 5.0s ease; transition:all 5.0s ease;}

.header-nav { position: absolute; top: 20px; left: 50%; margin-left: -600px; width: 1200px; height: 100px; background-color: rgba(255,255,255, .9); z-index: 999; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; box-shadow: 0 3px 3px rgba(100,100,100,.3); }
.header-nav .logo { float: left; border-right: solid 1px #e5e5e5; margin: 15px 18px; padding-right: 35px;}
.header-nav .nav-ri1 { font-size: 14px; margin-top: 6px; height: 44px; text-align: right; }
.header-nav .nav-link { display: inline-block; }
.header-nav .nav-ri1 ul { display: inline-block; padding: 10px; }
.header-nav .nav-ri1 ul li{ float: left; padding: 0 20px; position: relative; }
.header-nav .nav-ri1 ul li:before { position: absolute; right: 0; height: 14px; top: 0; background-color: #9d9d9d; content: ''; width: 1px; }
.header-nav .nav-ri1 ul li:last-child:before { display: none; }
.header-nav .nav-ri1 ul li:first-child { padding-left: 0; }
.header-nav .search-icon { width: 14px; height: 14px; background: url(../images/search.png) no-repeat; display: inline-block; margin: 10px 0; cursor:pointer;}
.header-nav .search-box{display:inline-block;padding:0px 10px;width: 200px;height:36px;line-height:34px;border:1px solid #ccc;background:#fff;margin: 0 5px 0 0;padding: 0 20px 0 10px;position: relative;top: -12px;display:none;}
.header-nav .search-box .text{width:100%;height:34px;background:none;border:0px;margin:0px;}
.header-nav .search-box .btn{display:block;width:20px;height:100%;position:absolute;right:0px;top:0px;background: url(../images/search.png) no-repeat center center;}
.header-nav .nav ul li { float: left; padding: 0 30px; height: 48px; position: relative; }
.header-nav .nav ul li a { display: block; line-height: 35px; padding-bottom: 12px; border-bottom: solid 3px transparent; text-transform:uppercase; color:#000;}
.header-nav .nav ul li:hover a.n1 { color: #30b4e9; border-color: #30b4e9;}
.header-nav .nav ul li.cur a.n1 { color: #30b4e9; border-color: #30b4e9;}
.header-nav .nav ul li .down { position: absolute; left: 30px; top: 50px; background-color: #fff; width: 220px; display: none; z-index: 99; }
.header-nav .nav ul li .down a { height: 40px; line-height: 40px; border-bottom: solid 1px #e1e1e1; background-image: url(../images/nav-1.png); background-position: 12px center; background-repeat: no-repeat; padding-left: 25px; padding-right: 10px;  overflow: hidden; white-space:nowrap; text-overflow:ellipsis;  text-transform: none; }
.header-nav .nav ul li .down a:hover { background-color: #30b4e9; color: #fff; background-image: url(../images/nav-1-hover.png); }
.header-nav .nav ul li:hover .down { display: block; }
.header-nav .nav ul li .nav-pro-down { left: -636px; width: 1200px; padding: 32px 36px; box-sizing: border-box; }
.header-nav .nav ul li .nav-pro-down .pic {float: right;position: relative;}
.header-nav .nav ul li .nav-pro-down .pic:after{content:"";display:block;width:1px;height: 100%;background:#ccc;position:absolute;left: -62px;top:0px;}
.header-nav .nav ul li .nav-pro-down .nav-pro-le {float: left;/* border-right: solid 1px #e1e1e1; */background-color: rgba(255,255,255, .9);width: 725px;padding-right:85px;}
.header-nav .nav ul li .nav-pro-down .nav-pro-le table tr td {vertical-align: top;padding: 10px 0;}
.header-nav .nav ul li .nav-pro-down .nav-pro-le a { height: auto; border-bottom: none; padding-left:40px; }
.header-nav .nav ul li .nav-pro-down .nav-pro-le .type1 { color: #333; font-weight: normal; height: 35px; line-height: 35px; }
.header-nav .nav ul li .nav-pro-down .nav-pro-le .type1 a { background-position: 26px center; padding-bottom: 0; padding-left: 40px;margin-top:-17px; }
.header-nav .nav ul li .nav-pro-down .nav-pro-le .type1 a:hover { background-image: url(../images/nav-1.png); background-color: #fff; color: #30b4E9; }
.header-nav .nav ul li .nav-pro-down .nav-pro-le a { height: 30px; padding-bottom: 0; line-height: 30px;}
.header-nav .nav ul li .nav-pro-down .nav-pro-le .type2 a, 
.header-nav .nav ul li .nav-pro-down .nav-pro-le .type3 a { background: none; color: #666; }
.header-nav .nav ul li .nav-pro-down .nav-pro-le .type2 a:hover,
.header-nav .nav ul li .nav-pro-down .nav-pro-le .type3 a:hover { background: none; background-color: #fff; color: #30b4E9; }
.header-nav .nav ul li .nav-pro-down .nav-pro-le .type3 dl { float: left; width: 50%; }
.header-nav .nav ul li .nav-pro-down .nav-pro-le .type3 a { float: left; box-sizing: border-box;}
.header-nav .nav ul li .nav-pro-down .nav-pro-le .type3 dl dd a { color: #666; }
.header-nav .lang{float:right;height: 24px;line-height: 24px;padding:7px 30px;}
.header-nav .lang a{display: block;background: url(../images/lang.png) no-repeat left center;padding-left: 22px;}

.index-about { padding: 50px 0 100px 0; }
h3.index-title { font-size: 36px; font-weight: bold; line-height: 60px; text-align: center; }
p.index-content { color: #808080; line-height: 24px; text-align: center; }
.index-about .lists { padding-top: 60px; }
.index-about .lists dl { width: 33.33%; padding: 0 18px; float: left; }
.index-about .lists dl dt { position: relative; border-top-left-radius: 20px; border-top-right-radius: 20px; }
.index-about .lists dl dt .icon { border-top-left-radius: 20px; border-top-right-radius: 20px;  width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, .3); z-index: 1; opacity: 1; transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; }
.index-about .lists dl dt .icon img { width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; z-index: 2; opacity: 0; transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; }
.index-about .lists dl dt img { width: 100%; border-top-left-radius: 20px; border-top-right-radius: 20px; }
.index-about .lists dl dd { padding: 18px 12px; width: 100%; height: 130px; background-color: #f3f3f3; border-bottom: solid 3px #4284ce;  transition: border-bottom 0.5s ease; -moz-transition: border-bottom 0.5s ease; -webkit-transition: border-bottom 0.5s ease; -ms-transition: border-bottom 0.5s ease; -o-transition: border-bottom 0.5s ease; }
.index-about .lists dl dd .con { line-height: 24px; height: 48px; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.index-about .lists dl dd a.more { width: 88px; height: 30px; line-height: 30px; text-align: center; background-color: #4284ce; color: #fff; display: inline-block; float: right; margin: 10px 8px 0 0; border-top-right-radius: 3px; border-bottom-left-radius: 3px; transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; }
.index-about .lists dl:hover dd { border-bottom-color: #ff9900; }
.index-about .lists dl:hover dd a.more{ background-color: #ff9900; }
.index-about .lists dl:hover dt .icon { background-color: rgba(255, 153, 0, .65) }
.index-about .lists dl:hover dt .icon img { opacity: 1; }

.index-history { padding: 50px 0 0 0; /*height: 708px; */background: url(../images/bg1.jpg) top center no-repeat; background-size: cover; }
.index-history .index-content { color:rgba(255,255,255, .75);}

.index-history-content{position:relative;}
.iHistSwiper-prev,
.iHistSwiper-next{display:block;width:25px;height:43px;position:absolute;top:50%;margin-top:-21px;}
.iHistSwiper-prev{left:5.75%;background:url(../images/swiper1-l.png) no-repeat center center;}
.iHistSwiper-next{right:5.75%;background:url(../images/swiper1-r.png) no-repeat center center;}

.iHist-speed{width:1165px;height:452px;background:url(../images/iHist-bg.png) no-repeat left bottom;position:relative;left:0px !important;margin:19px 0 0;}

.iHspeed-year{display:block;width:36px;height:36px;text-align:center;position:absolute;}
.iHspeed-year span{display:block;width:96px;height:38px;color:#fff;font:20px/38px 'Arial';border-top-left-radius:5px;border-bottom-right-radius:5px;position:absolute;left:-30px;z-index:2;}
.iHspeed-year:after{content:"";display:block;width:36px;height:36px;background:url(../images/iHist-cur.png) no-repeat center center;position:relative;}
.iHspeed-year:before{content:"";display:none;width:2px;height:32px;background:#ff9900;position:absolute;left:17px;bottom:27px;z-index:2;}

.iHspeed-year.t span{top:-38px;}
.iHspeed-year.b span{bottom:-38px;}

.iHspeed-year.cur span{top:-61px !important;bottom:initial !important;background:#ff9900;}
.iHspeed-year.cur:after{background-image:url(../images/iHist-cur2.png);}
.iHspeed-year.cur:before{display:block;}

.iHspeed-year.iHsy1{left:34px;bottom:24px;}
.iHspeed-year.iHsy2{left:168px;top:338px;}
.iHspeed-year.iHsy3{left:309px;top:348px;}
.iHspeed-year.iHsy4{left:382px;top:275px;}
.iHspeed-year.iHsy5{left:531px;top:262px;}
.iHspeed-year.iHsy6{left:701px;top:297px;}
.iHspeed-year.iHsy7{left:788px;top:214px;}
.iHspeed-year.iHsy8{left:836px;top:131px;}
.iHspeed-year.iHsy9{left:922px;top:122px;}
.iHspeed-year.iHsy10{left:1035px;top:100px;}
.iHspeed-year.iHsy11{right:0px;top:24px;}


.index-ach { padding: 50px 0 60px 0; }
.index-ach .lists { padding-top: 60px; }
.index-ach dl { width: 25%; float: left; padding: 0 35px; text-align: center; position: relative; }
.index-ach dl:after { position: absolute; width: 1px; height: 400px; background-color: #e3e3e3; right: 0; top: 10px; content: ''; }
.index-ach dl dt { height: 168px; }
.index-ach dl:last-child:after { display: none; }
.index-ach dl dd { line-height: 24px; }
.index-ach dl dd h3.title { height: 56px; line-height: 20px; font-size: 16px; font-weight: normal; color: #666; position: relative; }
.index-ach dl dd h3.title:after { position: absolute; left: 50%; margin-left: -39px; bottom: 0; height: 2px; width: 78px; background-color: #59c6f1; content: ''; }
.index-ach dl dd .con { padding-top: 28px; color: #7e7e7e; }

.index-ach dl dt i { display: inline-block; width: 138px; height: 138px; font-size: 18px; color: #59c6f1; line-height: 18px; padding: 40px 0; }
.index-ach dl:nth-child(1) dt i { padding: 0; line-height: 138px; font-size: 36px; background: url(../images/a1.png) no-repeat; }
.index-ach dl:nth-child(2) dt i { background: url(../images/a2.png) no-repeat; }
.index-ach dl:nth-child(3) dt i { background: url(../images/a3.png) no-repeat; font-size: 16px; letter-spacing: -1.2px; }
.index-ach dl:nth-child(4) dt i {   background: url(../images/a4.png) no-repeat; }
.fs36 { font-size: 36px; line-height: 42px; }

.index-ed { background-color: #f0efef; }
.index-ed-box { padding: 50px 0 85px 0; }
.index-ed-box .box { padding-top: 60px; }
.index-ed-box .index-new { width: 48.3%; float: left; position: relative; }
.index-ed-box .index-new img { width: 100%;}
.index-ed-box .index-new .con { position: absolute; left: 0; bottom: 0; height: 100px; width: 100%; z-index: 9; background-color: rgba(0, 0, 0, .65); color: #fff; padding: 10px 18px; }
.index-ed-box .index-new .con h3 { height: 34px; line-height: 34px; font-size: 14px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; }
.index-ed-box .index-new .con a { color: #fff; }
.index-ed-box .index-new .con .content { height: 36px; line-height: 18px; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;font-size:12px; }
.index-ed-box .index-new-list { width: 45%; float: right; } 
.index-ed-box .index-new-list dl { width: 100%; display: block; height: 92px; background-color: #fff; margin-bottom: 32px; }
.index-ed-box .index-new-list dl dt { height: 92px; width: 92px; float: left; text-align: center; background-color: #4284ce; color: #fff; }
.index-ed-box .index-new-list dl dt h3 { line-height: 54px; font-size: 32px; font-weight: normal;}
.index-ed-box .index-new-list dl dd { float: right; width: calc(100% - 92px); padding: 8px 24px; line-height: 18px; color: #7e7e7e; height: 92px;} 
.index-ed-box .index-new-list dl dd .title { height: 28px; line-height: 28px; } 
.index-ed-box .index-new-list dl dd .a-title { display: block; float: left; width: 80%; font-size: 16px; color: #333; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; }
.index-ed-box .index-new-list dl dd .a-title:hover { color: #30b4e9; }
.index-ed-box .index-new-list dl dd .title a.more { float: right; }
.index-ed-box .index-new-list dl dd .con { padding-top: 6px; height: 42px; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;font-size:12px; }

.index-contact { height: 672px; background: url(../images/bg2.jpg) top center no-repeat; padding: 50px 0; }
.index-contact .index-title { background: url(../images/line.png) bottom center no-repeat; margin-bottom: 12px; line-height: 66px; }
.index-contact .form { max-width: 590px; margin: 0 auto; padding: 0px 0px; }
.index-contact .form ul li { width: 100%; height: auto; overflow: hidden; padding: 12px 0; }
.index-contact .form ul li input[type=text],
.index-contact .form ul li textarea { height: 40px; line-height: 38px;border:solid 1px #559bf3; background: transparent; color: #fff !important; }
.index-contact .form ul li input[type=text]::-webkit-input-placeholder{color:#fff;}
.index-contact .form ul li.yzm input[type=text]{width:26.31578947368421%;float:left;}
.index-contact .form ul li.yzm .yzm-img{display:block;width:17.54385964912281%;height:40px;overflow:hidden;float:left;margin:0 0 0 4.385964912280702%;}
.index-contact .form ul li.yzm .yzm-img img{width:100%;height:100%;}

.index-contact .form ul li input[type=text] { height: 40px; line-height: 38px; width: calc(50% - 10px); border: solid 1px #a9a9a9; box-sizing: border-box; padding: 0 10px; }
.index-contact .form ul li textarea { width: 100%; padding: 8px 10px; height: 88px; line-height: 24px; resize: none; float: left; border: solid 1px #a9a9a9; }
.index-contact .form ul li .btn { width: 100%; height: 40px; background-color: #ff9900; border: none; color: #fff; border-radius: 3px; float: left;}
.index-contact .contact {}
.index-contact .contact ul li { width: 33.33%; text-align: center; float: left; color: #fff; font-size: 16px; }

.index-site { background-color: #2c2c2c; padding: 50px 0 40px 0; }
.index-site dl { width: 20%; float: left; min-height: 100%; }
.index-site dl dt { font-size: 16px; line-height: 48px; background: url(../images/line2.png) 10px bottom no-repeat; }
.index-site dl dt a { color: #dfdfe0; }
.index-site dl dt a:hover { color: #30b4e9; }
.index-site dl dd ul { display: block; padding: 10px 0; }
.index-site dl dd ul li { line-height: 26px; } 
.index-site .share a { float: left; margin-right: 10px; }
.share .bshare-facebook{background: url(../images/f1.png) no-repeat center !important;}
.share .bshare-linkedin{background: url(../images/f4.png) no-repeat center !important;}
.share .bshare-twitter{background: url(../images/f2.png) no-repeat center !important;}
.share .bshare-gplus{background: url(../images/f3.png) no-repeat center !important;}
.share a{display:inline-block !important;margin:0 0 0 3px !important;width:32px !important;height:32px !important;}

.footer { text-align: center; background-color: #000; line-height: 24px; padding: 20px 0; color: #a1a1b4; }

.ny-banner .header-nav { top: 0; }
.ny-banner { position: relative; min-height: 200px; }
.ny-banner .banner-img { height: 100%; object-fit:cover; width: 100%; }
.ny-menu { position: absolute; left: 0; bottom: 0; width: 100%; height: 60px; background-color: rgba(0,0,0, .4); z-index: 99; }
.ny-menu ul li { float: left; height: 60px; line-height: 60px; position: relative; }
.ny-menu ul li a { display: block; font-size: 12px; color: #fff; padding: 0 20px;font-size:16px; }
.ny-menu ul li.cur a { background-color: #30b4e9; }
.ny-menu ul li:hover a { background-color: #30b4e9; }
.ny-menu ul li ul { display: none; position: absolute; width: 100%; }
.ny-menu ul li:hover ul { display: block; }
.ny-menu ul li ul li { background-color: #e9f5f9; height: 45px; line-height: 44px; font-size: 12px; width: 100%; border-bottom: solid 1px #c6d4d8; text-align: left;}
.ny-menu ul li ul li a{ padding: 0 10px 0 48px; background: url(../images/t1.png) 20px center no-repeat; color: #333;} 
.ny-menu ul li:hover ul li a { background-color: #e9f5f9; }
.ny-menu ul li ul li a:hover { background-image: url(../images/t1-hover.png); color: #30b4e9; }
.ny-menu ul li.cur ul li a{ background-color: #e9f5f9; }


.ny-container { padding: 24px 10px 56px 10px;}
.ny-container .current { text-align: left; line-height: 40px; font-size: 14px; }
.ny-img-type { padding: 15px 0; }
.ny-article { padding-top: 24px; line-height: 22px;}
.ny-about .fr{width:50%;}
.ny-about p{margin-top:20px;line-height:28px;}
.ny-about span{float:left;margin-top:8px;}

.honor1 { background-color: #f0f1f1; padding: 15px 30px; line-height: 24px; margin-top: 15px; }
.honor3 { padding-top: 16px; }
.honor3 h3 { font-size: 14px; font-weight: bold; line-height: 42px; padding-left: 6px;}
.honor3 ul { display: block; }
.honor3 ul li { font-size: 12px; line-height: 20px; margin: 10px 0; position: relative; padding-left: 20px; color: #333; }
.honor3 ul li:after { display: block; position: absolute; left: 0; top: 7px; background: url(../images/tb1.png) no-repeat; content: ''; width: 6px; height: 7px; }
.honor3 ul li:first-child { margin-top: 0;}

.pro-type {height: auto; overflow: hidden; text-align: center; padding-top: 45px; }
.pro-type ul li { position: relative; display: inline-block; height: 48px; line-height: 48px; border-radius: 24px; border:solid 1px #ccc; margin: 0 20px; }
.pro-type ul li a { display: block; padding: 0 42px; }
.pro-type ul li:after { position: absolute; right: -41px; top: 24px; width: 40px; height: 1px; background-color: #ccc; content: ''; }
.pro-type ul li:last-child:after { display: none; }
.pro-type ul li.cur { background-color: #30b4e9; border-color: #30b4e9; color: #fff; }
.pro-type ul li.cur a { color: #fff; }

.pro-lists {padding:17px 0;}
.pro-lists dl { height: auto; overflow: hidden; border-bottom: solid 1px #e1e1e1; padding: 40px 0; }
.pro-lists dl dt { width: 40%; float: left; }
.pro-lists dl dt img { width: 100%; }
.pro-lists dl dd { float: right; width: 57%; }
.pro-lists dl dd h3 { line-height: 50px;  font-size: 14px;}
.pro-lists dl dd .con { height: auto; line-height: 30px; overflow: hidden; }
.pro-lists dl dd a.more { width: 126px; height: 42px; line-height: 40px; text-align: center; display: inline-block; border:solid 1px #30b4e9; margin-top: 45px; color: #30b4e9; transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; }
.pro-lists dl:nth-child(2n) dt { float: right; }
.pro-lists dl:nth-child(2n) dd { float: left; }

.pro-lists dl:last-child { border-bottom: none; }
.pro-lists dl:hover dd h3 a { color: #30b4e9; }
.pro-lists dl:hover { border-bottom-color: #30b4e9; }
.pro-lists dl:hover dd a.more { background-color: #30b4e9; color: #fff; }

.pro-view { max-width: 1100px; margin: 0 auto; padding-top: 30px; position: relative; }
.pro-view .pro-view-type { width: 80px; position: absolute; left:  -120px; top: 80px; }
.pro-view .pro-view-type ul li { width: 80px; height: 80px; border-radius: 40px; border: solid 1px #30b4e9; text-align: center; position: relative; margin-bottom: 36px;}
.pro-view .pro-view-type ul li:before { position: absolute; left: 50%; margin-left: -1px; bottom: -37px; width: 1px; height: 36px; content: ''; background-color: #30b4e9; }
.pro-view .pro-view-type ul li:last-child:before { display: none; }
.pro-view .pro-view-type ul li a { display: block; padding: 20px 0; line-height: 40px; height: 80px; border-radius: 50%; }
.pro-view .pro-view-type ul li.cur a { background-color: #30b4e9; color: #fff; }
.pro-view .pro-view-type ul li:first-child a { line-height: 20px; }

.pro-view .swiper-container { width: 100% !important; height: 400px !important; margin-left: auto; margin-right: auto; }
.pro-view .swiper-slide { background-size: cover; background-position: center; } 
.pro-view .gallery-thumbs { height: 140px !important; padding: 10px 0; }
.pro-view .gallery-thumbs .swiper-slide { width: 20%;  /*opacity: 0.4;*/ }
.pro-view .gallery-thumbs .swiper-slide-active { /*opacity: 1;*/ } 
.pro-view .swiper-button-next.swiper-button-white, .pro-view .swiper-container-rtl .swiper-button-prev.swiper-button-white,
.pro-view .swiper-button-prev.swiper-button-white, .pro-view .swiper-container-rtl .swiper-button-next.swiper-button-white { background-color: #30b4e9; width: 50px; height: 92px; margin-top: -46px; } 

.pVswiper-Man img,
.pVswiper-Min img{width:100%;height:100%;object-fit:cover;}
.pVswiper-Min{display:block;height:100%;opacity:.4;}
.pro-view .gallery-thumbs .pVswiper-Min.cur{opacity:1;}

.pro-content { padding: 20px 0; line-height: 22px; }
 
.pro-view2 { padding-top: 30px; }
.pro-view2 h3.title { font-size: 14px; font-weight: bold; line-height: 48px; color: #333; }

.list-box { width: 50%; }
.list-box ul li { position: relative; margin: 25px 0; height: auto;}
.list-box ul li .box { width: 92.8%; border:solid 1px #ccc; padding: 12px 26px; float: left; color: #666; height: auto; overflow: hidden; line-height: 24px; }
.list-box ul li i { width: 7.2%; height: 1px; background-color: #ccc; position: absolute; right: 0; top: 50%; }
.list-box ul li i:after { width: 6px; height: 6px; border-radius: 3px; background-color: #fff; border: solid 1px #ccc; position: absolute; right: -3px; top: -3px; content: ''; }
.list-box:last-child ul li i:after { left: -3px; }
.list-box:last-child ul li i { width: 7.2%; height: 1px; background-color: #ccc; position: absolute; left: 0 !important; top: 50%; }
.list-box:last-child { margin-top: 55px; }
.list-box:last-child ul li .box{ float: right; }
.list-box ul li:before { width: 15px; height: 16px; position: absolute; right: -7px; top: calc(30%); background: url(../images/tb3.jpg); content: ''; } 
.list-box:last-child ul li:before { left: -8px; }
.pro-view2 .lists { position: relative; height: auto; overflow: hidden;}
.pro-view2 .lists .line { position: absolute; top: 0; left: 50%; margin-left: -1px; width: 1px; height: 100%; background-color: #ccc; }
.pro-view2 .lists .line:before { position: absolute; content: ''; width: 24px; height: 24px; background: url(../images/tb2.jpg) no-repeat; left: 50%; margin-left: -12px; }
.pro-view2 .lists .line:after { width: 8px; height: 8px; position: absolute; bottom: 0; left: 50%; margin-left: -4px; border-radius: 4px; background-color: #ccc; content: ''; }

.list-box ul li .box h3.title { font-size: 14px; color: #333; line-height: 22px; padding: 8px 0; position: relative; margin-bottom: 10px; }
.list-box ul li .box h3.title:before { position: absolute; width: 20px; height: 1px; background-color: #30b4e9; content: ''; left: -10px; bottom: 0; }

.service { /*background: url(../images/ser-bg.jpg) bottom center no-repeat #f2f6f6; */}
.server1 { border-bottom: solid 1px #e1e1e1; padding-bottom: 22px; }

.server2 { padding-top: 28px; }
.server2 ul li { width: calc(25% - 24px); margin: 12px; float: left; position: relative; }
.server2 ul li img { width: 100%; }
.server2 ul li .con { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 153, 0, .65); opacity: 0;transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; }
.server2 ul li .con a { width: 90%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); height: 64px; line-height: 62px; position: absolute; top: 50%; margin-top: -32px; text-align: center; border-top: solid 1px #fff; border-bottom: solid 1px #fff; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; font-size: 14px; color: #fff;  }
.server2 ul li:hover .con { opacity: 1; }

.new-title { font-size: 18px; text-align: center; line-height: 22px; padding-bottom: 12px; }
.news-timebox{width: 100%;text-align: center;}
.news-timebox .share.bshare-custom{display: inline-block;}
.new-time { text-align: center; color: #999; line-height: 35px; vertical-align: top; display: inline-block;}
.article-content { line-height: 22px; padding: 20px 0 40px 0; border-bottom: solid 1px #dedede; }

.view-page { padding-top: 12px; }

.egineering-map { width: 1120px; height: 700px; margin: 0 auto; position: relative; zoom:1; }
.egineering-map .item { position: absolute; z-index: 1; background: url(../images/block.png) repeat; }
.egineering-map .item i { /* background: rgba(0,0,0, .2); */ width: 18px; height: 29px; display: block; }
.egineering-map .item .content { display: none; padding: 20px; width: 525px; border:solid 1px #fa9d0b; background: #fff; position: absolute; left: 48px; top: -100px; line-height: 28px; z-index: 999; border-radius: 5px; }
.egineering-map .item .content ul li { position: relative; padding-left: 16px; }
.egineering-map .item .content ul li:before { width: 5px; height: 5px; background: #fa9d0b; position: absolute; left: 0; top:12px;content: ''; }
.egineering-map .item .content:before { width: 39px; height: 1px; position: absolute; left: -39px; top: 40px; background-color: #fa9d0b; content: ''; }
.egineering-map .item .content:after { width: 1px; height: 60px; position: absolute; left: -39px; top: 40px; background-color: #fa9d0b; content: '';  } 
.egineering-map .item:hover .content { display: block; }
.egineering-map .item:hover i { background: url(../images/icon.png) no-repeat; }
.egineering-map .item.canada { left: 183px; top: 202px; }
.egineering-map .item.brazil { left: 360px; top: 461px; }
.egineering-map .item.belarus { left: 596px; top: 201px; }
.egineering-map .item.bahrain { left: 674px; top: 323px; }
.egineering-map .item.spain { left: 505px; top: 264px; }
.egineering-map .item.congo { left: 597px; top: 454px; }
.egineering-map .item.zambia { left: 596px; top: 500px; }
.egineering-map .item.India { left: 759px; top: 366px; } 
.egineering-map .item.China { left: 848px; top: 257px; } 
.egineering-map .item.Korea { left: 912px; top: 287px; } 
.egineering-map .item.Thailand { left: 844px; top: 375px; }
.egineering-map .item.The-Philippines { left: 889px; top: 373px; }
.egineering-map .item.Indonesia { left: 927px; top: 436px; }
.egineering-map .item.India .content,
.egineering-map .item.Korea .content,
.egineering-map .item.Thailand .content,
.egineering-map .item.China .content,
.egineering-map .item.The-Philippines .content,
.egineering-map .item.Indonesia .content { left: -553px; top: -100px; line-height: 28px; }
.egineering-map .item.India .content:before,
.egineering-map .item.Korea .content:before,
.egineering-map .item.Thailand .content:before,
.egineering-map .item.China .content:before,
.egineering-map .item.The-Philippines .content:before,
.egineering-map .item.Indonesia .content:before { right: -39px !important; left: auto; top: 40px;  }
.egineering-map .item.India .content:after,
.egineering-map .item.Korea .content:after,
.egineering-map .item.Thailand .content:after,
.egineering-map .item.China .content:after,
.egineering-map .item.The-Philippines .content:after,
.egineering-map .item.Indonesia .content:after { width: 1px; height: 60px; position: absolute; right: -39px !important; left: auto; top: 40px; background-color: #fa9d0b; content: '';  } 


.typicals{}
.typicals dl { width: calc(33.33% - 56px); float: left; position: relative; padding-bottom: 20px; margin: 28px; } 
.typicals dl dt { position: relative; border-top-left-radius: 14px; }
.typicals dl dt img { width: 100%; border-top-left-radius: 14px; }
.typicals dl dt .con { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 9; background-color: rgba(255, 153, 0, .65); border-top-left-radius: 14px; opacity: 0; transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; }
.typicals dl:hover dt .con { opacity: 1; }
.typicals dl dt .con a.more { height: 32px; line-height: 30px; color: #fff; border: solid 1px #fff; width: 92px; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -web-kit-transform: translate(-50%, -50%); border-bottom-left-radius: 3px; border-top-right-radius: 3px; }
.typicals dl dd { padding-top: 10px; }
.typicals dl dd h3.title {text-align: center; font-weight: bold; line-height: 22px; padding: 6px 0; font-size: 14px; }
.typicals dl dd .con { height: 66px; line-height: 22px; overflow: hidden; color: #666; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.typicals dl:after { position: absolute; width: 50%; height: 1px; background-color: #30b4e9; left: 50%; transform:translateX(-50%); bottom: 0; content: '' }
.typicals dl:hover:after { background-color: #ff9900; }

.oversea { padding-top: 10px; }
.oversea .list { width: 60%; float: left; padding-top: 10px; }
.oversea .list ul li { margin: 10px 0; padding: 20px 40px; padding-top: 12px; padding-right: 18%; border: solid 1px #ccc; border-top-left-radius: 20px; width: 100%; float: left; }
.oversea .list ul li h3 { line-height: 48px; font-size: 14px; position: relative; }
.oversea .list ul li h3:after { position: absolute; width: 50px; height: 1px; background-color: #30b4e9; left: -20px; bottom: 0; content: '' }
.oversea .list ul li .con { line-height: 22px; height: 44px; overflow: hidden; margin-top: 16px; }
.oversea .list ul li .more { width: 18px; height: 14px; position: absolute; right: 5%; top: 50%; margin-top: -7px; background: url(../images/j-hover.png) no-repeat; }
.oversea .list ul li:hover { background-color: #30b4e9; color: #fff; }
.oversea .list ul li:hover a { color: #fff; }
.oversea .list ul li:hover .more { background-image: url(../images/j.png);} 
.oversea .list ul li:hover h3:after { background-color: #fff; }
.oversea .pic { width: 34.5%; float: right; }
.oversea .pic img { width: 100%; }

.contact-1 { border-top: solid 1px #bae6f8; border-bottom: solid 1px #bae6f8; background-color: #f6fcff; margin-bottom: 50px; height: auto; overflow: hidden; } 
.contact-1 ul li { width: 25%; text-align: center; border-right: solid 1px #ccc; padding: 15px; padding-bottom: 20px; float: left; }
.contact-1 ul li p { word-break: break; }
.contact-1 ul li p:first-child{ padding: 10px 0; }
/*.contact-1 ul li:last-child { border-right: none; }*/

.dr-1 { padding: 0 20px; display: none; }
.dr-1:first-child { display: block; }
.dr-1-detail { width: 46.2%; }
.dr-1 .pic { width: 48%; }
.dr-1 .pic img { width: 100%; }

.dr-2 { height: auto; padding: 100px; position: relative; }
.dr-2 .swiper-slide { width: calc(25% - 30px); margin: 0 15px; position: relative; }
.dr-2 .swiper-slide img { width: 100%; height: 100%; }
.dr-2 .swiper-slide .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, .6); opacity: 1;  transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; }
.dr-2 .swiper-slide:hover .bg { opacity: 0; }
.dr-2 .swiper-slide.cur .bg { opacity: 0; }
.dr-2 .swiper-container { max-width: 600px; box-sizing: border-box; }
.dr-2 .swiper-button-next.swiper-button-black, .dr-2 .swiper-container-rtl .swiper-button-prev.swiper-button-black { background: url(../images/j-ri.png) left center no-repeat; }
.dr-2 .swiper-button-prev.swiper-button-black, .dr-2 .swiper-container-rtl .swiper-button-next.swiper-button-black { background: url(../images/j-left.png) left center no-repeat; }
.dr-2 .swiper-container-free-mode>.swiper-wrapper { max-width: 600px; }

.vod-bg { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background-color: rgba(0, 0, 0, .65); z-index: 999; display: none; }
.vod-bg .box { position: fixed; width: 80%; max-width: 800px; height: 586px; background-color:#000; transform: translate(-50%, -50%); -web-kit-transform: translate(-50%, -50%); left: 50%; top: 50%; }
.vod-bg .box .video { width: 90%; height: 90%; margin: 5%; margin-top: 5%; }
.colse { float: right; padding: 10px 10px 0 0; }
.colse img { cursor: pointer; }

.index-history-content .box { font-size: 18px; padding: 36px 150px; padding-right: 320px; width: 905px; height: 156px; background: url(../images/bg3.png) no-repeat; margin: 50px auto; position: relative; line-height: 32px; color: #333; }

.index-history-content .box .year { width: 98px; height: 98px; line-height: 98px; background-color: #4284ce; color: #fff; text-align: center; position: absolute; left: -16px; top: -16px; font-size: 36px; font-style: normal; }

.index-history-content2 { display: none; padding: 0 20px; }
.index-history-content2 .box { font-size: 18px; padding: 36px 150px; padding-right: 120px; width: 905px; height: 256px; background: url(../images/bg3.png) right bottom no-repeat; background-size: cover; margin: 50px auto; position: relative; line-height: 32px; color: #333; }
.index-history-content2 .box .year { width: 98px; height: 98px; line-height: 98px; background-color: #4284ce; color: #fff; text-align: center; position: absolute; left: 0px; top: 0px; font-size: 36px; font-style: normal; } 

.index-history .speed { width: 1200px; height: 130px; margin: 0 auto; position: relative; }
.speed-left, .speed-right { width: 60px; height: 60px; position: absolute; bottom: 7px; cursor: pointer; }
.speed-left { background: url(../images/spead-left.png) no-repeat; left: 0; }
.speed-right { background: url(../images/speed-ri.png) no-repeat; right: 0; }
.index-history .speed:after { width: 1080px; position: absolute; left: 60px; bottom: 37px; height: 1px; background: #65615f; content: '' }
.speed-list { width: 1080px; position: absolute; left: 60px; bottom: 0; height: 130px; z-index: 2; overflow: hidden; }
.speed-list ul li { float: left; width: 180px; height: 130px; text-align: center; font-size: 18px; color: rgba(255,255,255, 0.75); font-weight: bold; background: url(../images/d1.png) center 68px no-repeat; padding-top: 40px; line-height: 30px; cursor: pointer; }
.speed-list ul { display: block; position: absolute; left: 0;}

.speed-list ul li.cur { background: url(../images/d2.png) center bottom no-repeat; padding-top: 20px; font-size: 26px; color: #fff; }

.index-history .speed  .valid { cursor: default; }

.wap-map { max-width: 640px; margin: 0 auto; display: none; }
.wap-map .pic { width: 100%; }
.wap-map .lists { padding: 20px 10px; }
.wap-map .lists dl { margin: 10px 0; }
.wap-map .lists dl dt { height: 60px; line-height: 60px;  background-color: #f5f5f5; padding: 0 20px; font-size: 16px; color: #000; position: relative; cursor: pointer; }
.wap-map .lists dl dt:before { display: block; width: 15px; height: 8px; background: url(../images/tb-1.jpg) center center no-repeat; position: absolute; right: 20px; top: 50%; margin-top: -3px; content: ''; }
.wap-map .lists dl.cur dt:before { background: url(../images/tb-1-hover.jpg) center center no-repeat; }
.wap-map .lists dl dd { padding: 10px 20px; display: none; }
.wap-map .lists dl.cur dd { display: block; }
.wap-map .lists dl dd ul li { line-height: 28px; position: relative; padding-left: 16px; } 
.wap-map .lists dl dd ul li:before {  width: 5px; height: 5px; background: #fa9d0b; position: absolute; left: 0; top: 50%; margin-top: -3px; content: ''; }


.honor2 { border-bottom: dotted 1px #7f7f7f;  position: relative}  

.imageflow{overflow:hidden; position:relative; text-align:left; visibility:hidden; width:100%; }
.imageflow img{ position:absolute; top:0px; visibility:hidden; -ms-interpolation-mode:bicubic; border:solid 2px #dfa720 !important; width: 340px; height: 265px; }
.imageflow p{margin:0 auto; text-align:center}
.imageflow .loading{border:1px solid #ccc; height:15px; left:50%; margin-left:-106px; padding:5px; position:relative; visibility:visible; width:200px}
.imageflow .loading_bar{background:#ccc; height:15px; visibility:visible; width:1%}
.imageflow .caption{font-weight:bold; position:relative; text-align:center; z-index:10000}
.imageflow .scrollbar{border-bottom:1px solid #b3b3b3; position:relative; visibility:hidden; z-index:10001; height:1px}
.imageflow .slider{background-image:url(../../Images/Index/slider.png); background-repeat:no-repeat; height:14px; margin:-6px 0 0 -7px; position:absolute; width:14px; z-index:10002}
.imageflow .images{overflow:hidden; white-space:nowrap}
.imageflow .button{cursor:pointer; height:17px; position:relative; width:17px}
.imageflow .previous{background:url(../../Images/Index/button_left.png) top left no-repeat; float:left; margin:-7px 0 0 -30px}
.imageflow .next{background:url(../../Images/Index/button_right.png) top left no-repeat; float:right; margin:-7px -30px 0 30px}

.imageflow-prev,
.imageflow-next{display:block;height:100%;width:2.875em;position:absolute;top:0px;}
.imageflow-prev{left:0px;background:url(../images/left.jpg) no-repeat left center;}
.imageflow-next{right:0px;background:url(../images/right.jpg) no-repeat right center;} 



/**
 * news 
 * 7/10
**/
.news-lists { height: auto; overflow: hidden; }
.news-lists dl { display: block; padding: 40px 0; height: auto; overflow: hidden; border-bottom: dotted 1px #cfcfcf; }
.news-lists dl dt { width: 20.5%; float: left; }
.news-lists dl dt img { width: 100%; }
.news-lists dl dd { width: 75%; float: right; position: relative; }
.news-lists dl dd .content { width: calc(100% - 102px); float: left; }
.news-lists dl dd .content h3.title { font-size: 18px; font-weight: normal; line-height: 38px; height: 38px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; }
.news-lists dl dd .content .con { height: 54px; line-height: 18px; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; color: #666; }
.news-lists dl dd .content a.more { width: 126px; height: 42px; border: solid 1px #30b4e9; color: #30b4e9; line-height: 42px; text-align: center; display: block; margin-top: 24px; transition:background-color .25s ease-in-out;-moz-transition:background-color .25s ease-in-out;-webkit-transition:background-color .25s ease-in-out; }
.news-lists dl:hover { border-bottom: solid 2px #30b4e9; }
.news-lists dl:hover dd .content h3.title a { color: #30b4e9; }
.news-lists dl:hover dd .content a.more { background-color: #30b4e9; color: #fff;} 

.news-lists dl dd .time { line-height: 42px; width: 68px; float: right; text-align: center; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.news-lists dl dd .time p:nth-child(1) { font-size: 42px; border-bottom: solid 1px #999;line-height: 50px; }


/*download*/
.down-lists { height: auto; overflow: hidden; }
.down-lists dl { display: block; padding: 40px 0; height: auto; overflow: hidden; border-bottom: dotted 1px #cfcfcf; }
.down-lists dl dt img { width: 100%; }
.down-lists dl dd { width: 100%; float: right; position: relative; }
.down-lists dl dd .content { width: calc(100% - 102px); float: left; }
.down-lists dl dd .content h3.title { font-size: 18px; font-weight: normal; line-height: 38px; height: 38px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; }
.down-lists dl dd .content .con { height: 54px; line-height: 18px; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; color: #666; }
.down-lists dl dd .content a.more { width: 126px; height: 42px; border: solid 1px #30b4e9; color: #30b4e9; line-height: 42px; text-align: center; display: block; margin-top: 24px; transition:background-color .25s ease-in-out;-moz-transition:background-color .25s ease-in-out;-webkit-transition:background-color .25s ease-in-out; }
.down-lists dl:hover { border-bottom: solid 2px #30b4e9; }
.down-lists dl:hover dd .content h3.title a { color: #30b4e9; }
.down-lists dl:hover dd .content a.more { background-color: #30b4e9; color: #fff;} 

.down-lists dl dd .time { line-height: 42px; width: 68px; float: right; text-align: center; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.down-lists dl dd .time p:nth-child(1) { font-size: 42px; border-bottom: solid 1px #999;line-height: 50px; }


.ctUs-map{width:87.5%;border:1px solid #bed2c8;position:relative;overflow:hidden;margin:.84rem auto 0;}
.ctUs-map img{max-width: none;}

.pro-view3 { }
.pro-view3 h3.bar { font-size: 14px; color: #333; border-bottom: solid 1px #e1e1e1; padding:40px 0 20px 0; }
.pro-view3 h3.bar a { float: right; color: #30b4e9; }
.pro-view3 .lists { padding-top: 40px; position: relative; }
.pro-view3 .lists .swiper-slide { width: calc(25% - 30px); margin: 0 15px; }
.pro-view3 .lists dl dt { display: block; }
.pro-view3 .lists dl dt img { width: 100%; }
.pro-view3 .lists dl dd { box-shadow: 0 1px 3px #eee; border: solid 1px #edecec; position: relative;}
.pro-view3 .lists dl dd .con { margin: 20px 10px; height: 40px; line-height: 20px;  overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.pro-view3 .lists dl dd i { width: 30px; height: 30px; text-align: center; line-height: 30px; position: absolute; right: 0; bottom: 0; background-color: #ecf8fd; font-size: 16px; color: #30b4e9; font-style: normal; display: block; }
.pro-view3 .lists dl dd i a { display: block; }
.pro-view3 .swiper-container { width: calc(100% - 70px) !important; margin: 0 auto !important; height: auto !important; }
.pro-view3 .swiper-button-prev.swiper-button-black { background: url(../images/le.jpg) center center no-repeat; }
.pro-view3 .swiper-button-next.swiper-button-black { background: url(../images/ri.jpg) center center no-repeat; }

.feedback { color: #333; }
.feedback table tr td { padding: 10px 0; text-align: center; }
.feedback h3 { text-align: center; font-size: 26px; font-weight: normal; background: url(../images/fd-line.jpg) bottom center no-repeat; height: 70px; line-height: 70px; }
.feedback .con {/* padding: 0 210px; */padding-top: 20px; line-height: 22px; font-size: 12px; text-align: center; }
.feedback input[type="text"] { width:96%; height: 45px; border:solid 1px #DCDCDC; /*background-color: #F3F3F3; */padding: 0 12px; color: #666; }
.feedback textarea { padding: 10px 12px; width: 100%; border:solid 1px #DCDCDC; /*background-color: #F3F3F3;*/ height: 200px; }
.feedback .btn { display: inline-block; width: 185px; height: 60px; border: none; font-size: 12px; color: #fff; background-color: rgba(255, 153, 0, 1); cursor: pointer; }
.feedback .btn:hover { background-color: rgba(255, 153, 0, 0.6) }
.feedback .yzm-text{width: 150px !important;float:left;}
.feedback .yzm-btn{display:block;width: 100px;height:45px;float: left;margin: 0 0 0 10px;}
.feedback .yzm-btn img{width:100%;height:100%;}


.oversea .pic { width: 34.5%; float: right; height: 580px; position: relative;  }
.oversea .pic span { position: absolute; }
.oversea .pic span img { padding: 5px; border:solid 1px #ccc; background-color: #fff; box-shadow: 0 0 10px rgba(0,0, 0,.2) }
.oversea .pic span:nth-child(1) { left: 300%; top: 0; transform: rotate(-160deg); transition:all .75s ease-in-out;-moz-transition:all .75s ease-in-out;-webkit-transition:all .75s ease-in-out; }
.oversea .pic.on span:nth-child(1) { left: 0px; transform: rotate(-10deg); }
.oversea .pic span:nth-child(2) { left: 300%; transform: rotate(160deg); transition:all 1.2s ease-in-out;-moz-transition:all 1.2s ease-in-out;-webkit-transition:all 1.2s ease-in-out; }
.oversea .pic.on span:nth-child(2) { left: 50px; top: 280px; transform: rotate(10deg); } 


/*sitemap*/
.web-map{padding:57px 0 26px;}
.wMap-top{line-height:47px;text-align:center;font-weight:600;font-size:32px;color:#333;padding:0 0 15px;border-bottom:1px solid #e5e5e5;}
.wMap-list{width:104.25%;margin:0 0 0 -4.25%;}
.wMap-list li{width:33.333%;padding:0 0 0 4.25%;float:left;margin:24px 0 0;}
.wMap-list .wMap-box{padding:23px 23px 22px;color:#333333;border:1px solid #e5e5e5;border-radius:15px;}
.wMap-box .top{line-height:25px;font-size:18px;padding:0 0 2px;text-align:center;border-bottom:1px solid #e5e5e5;margin:0 0 13px;}
.wMap-box a{display:block;width:50%;padding:5px 5px;line-height:34px;color:#666666;float:left;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

#transmark,
.transmark-con{width:93.22033898305085%;}

/* 底部悬浮联系 */
.footfix{position: fixed;left:auto;bottom:0px;right:auto;background:#f6fcff;width:100%;height:3rem;padding:0.5rem 0;max-width:640px;z-index:999;display:none;box-shadow:0 0 8px #888;}
.footfix ul li{width:50%;float:left;text-align:center;font-size:0.7rem;border-left:1px solid #e5e5e5;}
.footfix ul li:first-child{border-left:0px;}
.footfix ul li img{max-height:1rem;}
.footfix ul li h4{margin-top:0.2rem;}

@media all and (max-width:641px){
	.footfix{display:block;}
}

@media all and (max-width:1130px){
	
	#transmark,
.transmark-con{width:90%;}

}
@media all and (max-width:780px){
	
	#transmark,
.transmark-con{width:88%;}

}



/* =====vinetr====www.yisiy.com===== */
.ny-article img{margin-left: 24px;}
@media all and (max-width:900px){
	.ny-article img{margin-left: 0px;}
}