@charset "utf-8";
/*banner*/
.i_banner { width: 100%; overflow: hidden; position: relative; margin-top:5.8vw;}
.i_banner .item { width: 100%; display: block; overflow: hidden; position: relative; }
.i_banner .item .cp_txt { width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; z-index: 2; }
.i_banner .item .cp_txt .heau img{ width:auto; max-height:10.4vw;}


.i_banner .item .cp_img img{ width: 100%; height:auto; transition: all 1s ease 2.5s;}
.i_banner .owl-item.active .cp_img img{ animation-name: uk-kenburns; animation-duration: 15s; }
.i_banner .owl-pagination { position: absolute; left: 0; bottom:5%; text-align: center; }
.i_banner .owl-buttons div { width: 50px; height: 100%; background: url(/26tempjyyh/jyyhh5/images/next.png) no-repeat center; display: block; position: absolute; top: 0; opacity: 0.4; }
.i_banner .owl-buttons div:hover { opacity: 1; }
.i_banner .owl-buttons div.owl-prev, .i_banner .owl-buttons div:hover.owl-prev { left: 3%; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.i_banner .owl-buttons div.owl-next, .i_banner .owl-buttons div:hover.owl-next { right: 3%; }


.more{ width:200px; height:52px; line-height:52px; display:block;}
.more span{ padding-left:28px;}
.more .frn{ width:52px; height:52px; background:#1159a1; border:1px #fff solid; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.more:hover .frn{ background:#049b98; transform: rotate(360deg); -ms-transform: rotate(360deg); /* IE 9 */ -moz-transform: rotate(360deg); /* Firefox */ -webkit-transform: rotate(360deg); /* Safari 和 Chrome */ -o-transform: rotate(360deg); animation: btnRotate 3.5s linear infinite; -webkit-animation: btnRotate 3.5s linear infinite; -moz-animation: btnRotate 3.5s linear infinite; -ms-animation: btnRotate 3.5s linear infinite;}

.more1{ background:url(/26tempjyyh/jyyhh5/images/bg1.jpg) repeat-y; background-size: 100% 100%; color:#FFF;}
.more1:hover{ background:url(/26tempjyyh/jyyhh5/images/bg2.jpg) repeat-y; background-size: 100% 100%; color:#FFF;}
/*产物展示*/
.tita1 dl{ position:relative; z-index:5; padding-left:1.5vw;}
.tita1 dl dt{ width:4vw; height:4vw; background:#b7cde3; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; position:absolute; left:0; top:0; z-index:-1;}
.tita1 dl dd{ padding-right:10px;}
.tita1 .pt5{ padding-left:1.5vw; position:relative;}
.tita1 .pt5 i{ width:13.7vw; height:1px; background:#d2d2d2; display:block; margin-top:1.5vw;}

.cpzs{ position:relative;}
.cpzs .cpzs_top{ position:absolute; left:0; top:3.5vw;}
.cpzs .slideTxtBox{ position:relative;  }
.cpzs .slideTxtBox .hd{ width:20%; background:#f4f4f4;}
.cpzs .slideTxtBox .hd li{ width:100%; border-bottom:1px #fff solid; padding:1.8vw 2.8vw 1.8vw 1.4vw; position:relative;}
.cpzs .slideTxtBox .hd li .ioc1{ width:10px; height:13px; background:url(/26tempjyyh/jyyhh5/images/ioc2.png) no-repeat center; position:absolute; right:1.9vw; top:2.1vw; display:block;}
.cpzs .slideTxtBox .hd li.on{ background:#1159a1; color:#FFF;}
.cpzs .slideTxtBox .hd li.on .ioc1{ background:url(/26tempjyyh/jyyhh5/images/ioc3.png) no-repeat center;}
.cpzs .slideTxtBox .bd{ width:72%; padding-top:10vw;}
.cpzs .slideTxtBox .bd ul{ width:100%; zoom:1;}
.cpzs .slideTxtBox .bd ul .cp_c{ position:relative;}
.cpzs .slideTxtBox .bd ul .cp_c .cp_l{ width:55%; position:relative; z-index:10}
.cpzs .slideTxtBox .bd ul .cp_c .cp_l dd{ width:97%; margin-bottom:1vw;}
.cpzs .slideTxtBox .bd ul .cp_c .cp_l dt{ width:97%; height:calc(100% - 1vw); position:absolute; right:0; bottom:0; z-index:-1;}
.cpzs .slideTxtBox .bd ul .cp_c .cp_r{ width:42%;}


.cpzs_bo .owl-pagination{ text-align:center; padding-top:20px;}
.cpzs_bo .owl-buttons div{ display:none;}
/*abouts*/
.abouts{ background-repeat: no-repeat; background-position: top center;}
.abouts .about_top{ background:url(/26tempjyyh/jyyhh5/images/ay.png) repeat-y;}
.abouts .about_top .about_l{ width:56%; margin-left:3.33%;}
.abouts .ab_ys dl{ padding:4vw 2.7vw; box-shadow: 0 5px 15px 0px rgba(0, 64, 152, 0.1); background:#FFF;}
.abouts .ab_ys dl dt .img1{ display:block;}
.abouts .ab_ys dl dt .img2{ display:none;}
.abouts .ab_ys dl:hover{ background:url(/26tempjyyh/jyyhh5/images/ay.jpg) no-repeat center; background-size: 100% 100%; color:#FFF;}
.abouts .ab_ys dl:hover dt .img1{ display:none;}
.abouts .ab_ys dl:hover dt .img2{ display:block;}
/*应用领域*/
.case{ position:relative;}
.case .case_top{ position:absolute; left:0; top:4vw; z-index:20;}
.case .slideTxtBox{ position:relative; z-index:10;}
.case .slideTxtBox .hd{ width:23%; border-left: 1px solid rgba(255, 255, 255, 0.25); border-right: 1px solid rgba(255, 255, 255, 0.25); padding:3.5vw 0; margin-right:11%;}
.case .slideTxtBox .hd li{ border-bottom: 1px solid rgba(255, 255, 255, 0.25); padding:0 2.3vw;}
.case .slideTxtBox .hd li:nth-of-type(1){ border-top: 1px solid rgba(255, 255, 255, 0.25);}
.case .slideTxtBox .hd li .hei{ height:9.7vw;}
.case .slideTxtBox .hd li .ioca{ width:auto; max-height:3vw}
.case .slideTxtBox .hd li.on{ background:url(/26tempjyyh/jyyhh5/images/hy.png) no-repeat center; background-size: 100% 100%;}

.case .slideTxtBox .bd ul{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1; zoom:1;}
.case .slideTxtBox .bd ul .case_l{ width:45%; margin-left:11%; padding-top:15vw;}
.case .slideTxtBox .bd ul .case_l dl dt{ position:relative;}
.case .slideTxtBox .bd ul .case_l dl dt img{ opacity: 1;}
.case .slideTxtBox .bd ul .case_l dl dt mark { position: absolute; left: 0; top: 0; box-sizing: border-box; width: 100%; height: 100%; filter: alpha(opacity=50); z-index: 20; opacity: 0; transform: skewX(45deg); visibility: hidden; transition: 360ms; z-index: 100; background:url(/26tempjyyh/jyyhh5/images/hy.png) no-repeat center; background-size: 100% 100%;}
.case .slideTxtBox .bd ul .case_l dl dt b { display: block; width: 32px; height: 32px; position: absolute; left: 50%; top: 50%; margin-left: -23px; margin-top: -23px; z-index: 30; }
.case .slideTxtBox .bd ul .case_l dl dt b:before { content: ""; width: 100%; height: 3px; background: #FFF; position: absolute; left: 0; top: 14.5px; transform: translateX(-200px); -webkit-transform: translateX(-200px); -moz-transform: translateX(-200px) }
.case .slideTxtBox .bd ul .case_l dl dt b:after { content: ""; width: 3px; height: 100%; background: #FFF; position: absolute; left: 14.5px; top: 0; transform: translateY(-200px); -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px) }
.case .slideTxtBox .bd ul .case_l dl:hover mark { opacity:1; transform: skewX(0); visibility: visible }
.case .slideTxtBox .bd ul .case_l dl:hover mark:before { height: 100%; transition: 330ms 200ms }
.case .slideTxtBox .bd ul .case_l dl:hover mark:after { width: 100%; transition: 330ms 200ms }
.case .slideTxtBox .bd ul .case_l dl:hover mark b:before { transition: 355ms 180ms; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0) }
.case .slideTxtBox .bd ul .case_l dl:hover mark b:after { transition: 355ms 240ms; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0) }
/*合作伙伴*/
.hzkh_l{ width:24%;}
.hzkh_r{ width:52%;}
.hzkh_r dl dt{ border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border:1px #e7e7e7 solid;}
.hzkh_r dl:hover dt{ border:1px #1159a1 solid;}
.hzkh_r dl:hover dd a{ color:#1159a1;}
.hzkh_r .owl-pagination{ text-align:center; padding-top:20px;}
.hzkh_r .owl-buttons div{ display:none;}
/*news*/
.new_lb{ width:auto;}
.new_lb li{ background:url(/26tempjyyh/jyyhh5/images/ca.png) no-repeat center bottom; margin-right:3.7vw;}
.new_lb li:hover{ background:url(/26tempjyyh/jyyhh5/images/bg3.jpg) no-repeat center bottom;}
.new_lb li:last-child{ margin-right:0;}

.new_img{ width:36%; margin-right:1%; box-shadow: 0 5px 15px 0px rgba(0, 64, 152, 0.1); background:#fff;}
.new_img dd{ position:relative; padding:1.5vw 1vw;}
.new_img dd .fl{ width:79%;}
.new_img dd .mora{ width:2.7vw; height:2.7vw; border:1px #dcdcdc solid; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background:url(/26tempjyyh/jyyhh5/images/ioc5.png) no-repeat center; position:absolute; right:1vw; bottom:1.5vw;}
.new_img:hover dt img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.new_img:hover{ background:#1159a1; color:#FFF;} 
.new_img:hover dd a{ color:#FFF;}
.new_img:hover dd .mora{ border:1px #FFF solid; background:url(/26tempjyyh/jyyhh5/images/ioc4.png) no-repeat center;} 

.news_ry{ width:63%;}
.news_ry dl{ width:48%; background:#FFF; padding:2vw 1vw; box-shadow: 0 5px 15px 0px rgba(0, 64, 152, 0.1); margin:0 1% 1vw 1%; float:left;}
.news_ry dl:nth-of-type(3),.news_ry dl:nth-of-type(4){ margin-bottom:0;}
.news_ry dl dd .mora{ display:block; height:30px;}
.news_ry dl dd .morb{ width:30px; height:30px; border:1px #dcdcdc solid; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background:url(/26tempjyyh/jyyhh5/images/ioc6.png) no-repeat center #1159a1; display:block;}
.news_ry dl:hover{ background:url(/26tempjyyh/jyyhh5/images/bg1.jpg) repeat-y; background-size: 100% 100%; color:#FFF;}
.news_ry dl:hover a{ color:#FFF;}
.news_ry dl:hover dd .morb{ background:url(/26tempjyyh/jyyhh5/images/ioc5.png) no-repeat center #FFF;} 







@media screen and (max-width: 1600px) and (min-width:0) {
.more{ width:180px; height:48px; line-height:48px;}
.more span{ padding-left:24px;}
.more .frn{ width:48px; height:48px;}



.case .slideTxtBox .hd{ margin-right:7%;}
.case .slideTxtBox .bd ul .case_l{ width:40%; margin-left:7%;}
}


@media screen and (max-width: 1300px) and (min-width:0) {
.more{ width:160px; height:46px; line-height:46px;}
.more span{ padding-left:20px;}
.more .frn{ width:46px; height:46px;}

.case .slideTxtBox .hd{ margin-right:5%;}
.case .slideTxtBox .bd ul .case_l{ margin-left:5%;}
}




@media screen and (max-width: 1100px) and (min-width:0) {
.more{ width:140px; height:42px; line-height:42px;}
.more span{ padding-left:16px;}
.more .frn{ width:42px; height:42px;}



}











@media screen and (max-width: 1024px) and (min-width:0) {
/*banner*/
.i_banner { margin-top: 0.78rem; }
.i_banner .item .cp_txt{ text-align:center;}
.i_banner .item .cp_txt .heau img{ max-width:100%; max-height:inherit; display:block; margin:0 auto;}
.i_banner .item .cp_txt .more1{ margin:0 auto;}
.i_banner .owl-item.active .cp_img img img{ animation-name: none; animation-duration: none; }
.i_banner #owl-demo .owl-item.active .ban_l{ -webkit-animation: none; animation: none;}
.i_banner #owl-demo .owl-item.active .ban_r { -webkit-animation: none; animation: none; }
.i_banner #owl-demo .owl-item.active .text-center{ -webkit-animation: none; animation: none;}

.more{ width:2.2rem; height:0.52rem; line-height:0.52rem;}
.more span{ padding-left:0.2rem;}
.more .frn{ width:0.52rem; height:0.52rem; }


/*产物展示*/
.tita1 dl{ padding-left:0.3rem;}
.tita1 dl dt{ width:0.8rem; height:0.8rem;}
.tita1 dl dd{ padding-right:10px;}
.tita1 .pt5{ padding-left:0.3rem; position:relative;}
.tita1 .pt5 i{ width:2.8rem; margin-top:0.3rem;}

.cpzs .cpzs_top{ position:inherit; left:inherit; top:inherit;}
.cpzs .slideTxtBox{ margin-top:0.4rem;}
.cpzs .slideTxtBox .hd{ width:100%;}
.cpzs .slideTxtBox .hd li{ width:50%; float:left; border-right:1px #fff solid; padding:0.25rem 0.15rem;}
.cpzs .slideTxtBox .hd li .ioc1{ right:0.15rem; top:0.3rem;}
.cpzs .slideTxtBox .bd{ width:100%; padding-top:0.3rem;}
.cpzs .slideTxtBox .bd ul .cp_c .cp_l{ width:100%;}
.cpzs .slideTxtBox .bd ul .cp_c .cp_l dd{ margin-bottom:0.2rem;}
.cpzs .slideTxtBox .bd ul .cp_c .cp_l dt{ height:calc(100% - 0.2rem);}
.cpzs .slideTxtBox .bd ul .cp_c .cp_r{ width:100%; padding-top:0.15rem;}
.cpa dd .fln{ height:0.52rem;}
.cpa dd .frn{ width:0.52rem; height:0.52rem;}

/*abouts*/
.abouts .about_top{ background-size: 100% 100%; }
.abouts .about_top .about_l{ width:96%; margin-left:2%;}
.abouts .ab_ys dl{ padding:0.4rem 0.3rem;}
.abouts .ab_ys dl.cpnc{ width:100%; margin-right:0; float:none;}
/*应用领域*/
.case.white, .case.white a{ color:#252525;}
.case .case_top{ position:inherit; left:inherit; top:inherit;}
.case .slideTxtBox{ padding-top:0.65rem;}
.case .slideTxtBox .hd{ width:100%; border-left:none; border-right:none; padding:0 0; margin-right:0; border-top: 1px solid rgba(0, 0, 0, 0.25);}
.case .slideTxtBox .hd li{ width:50%; float:left; border-left: 1px solid rgba(0, 0, 0, 0.25); border-bottom: 1px solid rgba(0, 0, 0, 0.25); padding:0 0; text-align:center;}
.case .slideTxtBox .hd li:nth-of-type(1){ border-top:none;}
.case .slideTxtBox .hd li .hei{ height:0.65rem;}
.case .slideTxtBox .hd li.on{ color:#FFF;}
.case .slideTxtBox .bd ul{ height:inherit; position:inherit; left:inherit; top:inherit; z-index:inherit; zoom:1; padding-top:0.25rem; color:#FFF;}
.case .slideTxtBox .bd ul a{ color:#FFF;}
.case .slideTxtBox .bd ul .case_l{ width:96%; margin-left:3%; margin-right:3%; padding-top:0.25rem; padding-bottom:0.25rem;}

/*合作伙伴*/
.hzkh_l{ width:96%; margin-right:3%;}
.hzkh_l .pl30{ padding-left:0;}
.hzkh_r{ width:100%; padding-top:0.25rem;}

/*news*/
.new_lb{ width:96%; padding-top:0.25rem; margin-left:3%;}
.new_lb li{ margin-right:1%;}


.new_img{ width:100%; margin-right:0;}
.new_img dd{padding:0.3rem 0.2rem;}
.new_img dd .fl{ width:79%;}
.new_img dd .mora{ width:0.54rem; height:0.54rem; right:0.2rem; bottom:0.3rem;}


.news_ry{ width:100%; padding-top:0.25rem;}
.news_ry dl{ width:100%; padding:0.2rem; margin:0 0 0.2rem 0; float:none;}
.news_ry dl:nth-of-type(3),.news_ry dl:nth-of-type(4){ margin-bottom:0.2rem;}












}


/* animation */
@keyframes uk-kenburns { 0% {
transform:scale(1)
}
100% {
transform:scale(1.2)
}
}
 @-webkit-keyframes tracking-in-contract { 0% {
letter-spacing:1em;
opacity:0
}
40% {
opacity:.6
}
100% {
letter-spacing:normal;
opacity:1
}
}
@keyframes tracking-in-contract { 0% {
letter-spacing:1em;
opacity:0
}
40% {
opacity:.6
}
100% {
letter-spacing:normal;
opacity:1
}
}
.rotate-center { -webkit-animation: rotate-center 4s linear infinite both; animation: rotate-center 4s linear infinite both }
@-webkit-keyframes rotate-center { 0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
100% {
 -webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.slide-bottom-back { -webkit-animation: slide-bottom-back 2s linear infinite both; animation: slide-bottom-back 2s linear infinite both }
@-webkit-keyframes slide-bottom-back { 0% {
-webkit-transform:translateY(0px);
transform:translateY(0px)
}
20% {
-webkit-transform:translateY(-3px);
transform:translateY(-3px)
}
50% {
-webkit-transform:translateY(8px);
transform:translateY(8px)100% {
-webkit-transform:translateY(0px);
transform:translateY(0px)
}
}
}
@keyframes slide-bottom-back { 0% {
-webkit-transform:translateY(0px);
transform:translateY(0px)
}
20% {
-webkit-transform:translateY(-3px);
transform:translateY(-3px)
}
50% {
-webkit-transform:translateY(8px);
transform:translateY(8px)100% {
-webkit-transform:translateY(0px);
transform:translateY(0px)
}
}
}
.heartbeat { -webkit-animation: heartbeat 1.5s ease-in-out infinite both; animation: heartbeat 1.5s ease-in-out infinite both }
@-webkit-keyframes heartbeat { from {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
10% {
-webkit-transform:scale(.91);
transform:scale(.91);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
17% {
-webkit-transform:scale(.98);
transform:scale(.98);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
33% {
-webkit-transform:scale(.87);
transform:scale(.87);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
45% {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}
@keyframes heartbeat { from {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
10% {
-webkit-transform:scale(.91);
transform:scale(.91);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
17% {
-webkit-transform:scale(.98);
transform:scale(.98);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
33% {
-webkit-transform:scale(.87);
transform:scale(.87);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
45% {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}
 @keyframes uk-fade { 0% {
opacity:0
}
100% {
opacity:1
}
}
 @keyframes uk-slide-bottom { 0% {
transform:translateY(100%)
}
100% {
transform:translateY(0)
}
}