@charset "utf-8";
body, html {
max-width: 600px;
margin: 0 auto!important;
}
*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.w-color{color: #008FC7}
.w-ani{transition: all .3s;}
.header_height{ width: 100%;height: 60px}
body{
font-family: 思源黑体,PingFang SC, Lantinghei SC, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans;
}
/*--------------------------------------------------*/
.swiper0 .swiper-slide img { width: 100%;}
.swiper0{min-width: 100%;margin:0 auto;}
.swiper0 .swiper-pagination-bullet{
width: 12px;height:12px;border-radius: 12px;
display: inline-block; background: transparent;border:1px solid #fff; opacity: 1;
}
.swiper0 .swiper-pagination-bullet-active{border-color:#fff; background: #fff;}
.swiper0 .swiper0-prev,
.swiper0 .swiper0-next{top:50%;margin-top:-40px;position: absolute;z-index: 1}
.swiper0 .swiper0-prev{left:-50px}
.swiper0 .swiper0-next{right:-50px}
/**/
.inx_ht{ text-align: center}
.inx_ht .t1{font-weight: bold;font-size: 26px;}
.inx_ht .t2{font-size: 15px;margin-top: 12px;color: #444;padding:0 15px; line-height: 1.4}
.bmore{margin-top: 20px}
.bmore a{ color: #008FC7; font-size: 15.5px}
.bmore a img{margin: 0 0 0 10px}
/**/
.ll_inx_product_bg{width: 100%;padding: 40px 0;}
.ll_inx_product{width: 100%;margin: 0 auto}
.ll_inx_product_con{text-align: center;padding: 0px 15px 0 15px;}
.ll_inx_product_con li{display: block;width: 50%;float: left;margin-top: 18px;}
.ll_inx_product_con .title{font-size: 15px;font-weight: bold;}
.ll_inx_product_con .icon{display: flex;height: 85px;align-items: center;justify-content: center;}
.ll_inx_product_con .icon img{max-height: 42px;display: block;}
.ll_inx_product_con li:hover .title{
color: #008FC7;
}
/**/
.ll_inx_pro_bg{width: 100%;padding: 0;background: #f0f2f5;}
.ll_inx_pro{width: 100%;margin: 0 auto}
.ll_inx_pro .hd{width: 100%;float:left;padding: 4px 9px 18px 9px;}
.ll_inx_pro .hd li{/* margin-bottom: 12px; */padding: 15px 9px 0 9px;width: 50%;float: left;}
.ll_inx_pro .hd li:last-child{margin-bottom: 0}
.ll_inx_pro .hd li a{background: #fff;width: 100%;height: 60px;line-height: 60px;
font-size: 15px;/* padding-left:35px; */overflow: hidden;text-align: center;display: block;}
.ll_inx_pro .hd li.on a{background: #008FC7; color: #fff }
.ll_inx_pro .bd{width: 100%;float:right;}
.ll_inx_pro .bd .img{width: 100%;float:left;overflow: hidden;}
.ll_inx_pro .bd .img img{width: 100%;height: auto;/* object-fit: cover; */}
.ll_inx_pro .bd .txt{width: 100%;float:right;padding: 22px 18px;}
.ll_inx_pro .bd .title{font-size: 22px;font-weight: bold;}
.ll_inx_pro .bd .des.typo{margin-top: 20px;/* height: 270px; *//* overflow: hidden; */}
.ll_inx_pro .bd .des.typo p{margin-bottom: 7px; line-height: 1.7}
.ll_inx_pro .bd .bmore{}
/**/
.ll_inx_hangy_bg{
width: 100%;
padding: 40px 0 40px 0;
background: url(../images/bg1.jpg) no-repeat center top;
background-size: cover;
}
.ll_inx_hangy{width: 100%;margin: 0 auto}
.ll_inx_hangy_con{position:relative;margin-top:80px; display: none}
.swiper-hangy-prev,
.swiper-hangy-next{ display: none;}
.swiper-hangy .item,
.swiper-hangy .item0{position: relative; display: block;}
.swiper-hangy .item0{margin-bottom:6px;}
.swiper-hangy .item0:last-child{margin: 0;}
.swiper-hangy .txt{position: absolute; left:33px;bottom:30px;color:#fff; z-index: 10;}
.swiper-hangy .title{ font-size: 18px;margin-top:15px;}
.swiper-hangy .img{overflow: hidden;}
.swiper-hangy .icon img{height: 55px}
.ll_inx_hangy_con2{
margin-top:10px;
padding:0 18px;
}
.ll_inx_hangy_con2 li{padding-top: 10px}
.ll_inx_hangy_con2 .item{position: relative; display: block; height: 180px;}
.ll_inx_hangy_con2 .img img{ width: 100% ;height:180px; object-fit: cover}
.ll_inx_hangy_con2 .txt{position: absolute; left: 20px;bottom:20px;color:#fff; z-index: 10;}
.ll_inx_hangy_con2 .title{ font-size: 16px;margin-top:15px;}
.ll_inx_hangy_con2 .img{overflow: hidden;}
.ll_inx_hangy_con2 .icon img{height: 30px}
/**/
.ll_inx_fuwu_bg{width: 100%;padding: 40px 0; display: none}
.ll_inx_fuwu{width: 100%;margin: 0 auto}
.ll_inx_fuwu_con{/* margin-top: 30px; */}
.ll_inx_fuwu_con ul{/* margin: 0 -20px; */}
.ll_inx_fuwu_con li{float:left;padding: 25px 18px 0 18px;width: 100%;}
.ll_inx_fuwu_con .item{ display: block}
.ll_inx_fuwu_con .img{overflow: hidden}
.ll_inx_fuwu_con .img img{ width: 100%;}
.ll_inx_fuwu_con .txt{}
.ll_inx_fuwu_con .title{font-size: 17px;margin-top: 12px;color: #008FC7;font-weight: bold;}
.ll_inx_fuwu_con .des{font-size: 15px;margin-top: 8px;}
/**/
.ll_inx_about_bg{width: 100%;padding: 40px 0 20px 0; }
.ll_inx_about{width: 100%;margin: 0 auto;/* padding: 0 18px; */}
.ll_inx_about01_lt{
width: 100%;
float:left;
padding: 0 18px;
}
.ll_inx_about01_lt .t{}
.ll_inx_about01_lt .t1,
.ll_inx_about01_lt .t2{ display: inline; font-weight: bold}
.ll_inx_about01_lt .t1{font-size: 24px;}
.ll_inx_about01_lt .t2{font-size: 18px;}
.ll_inx_about01_lt .t2 em{padding: 0 3px;}
.ll_inx_about01_lt .con{text-align: justify;margin-top: 20px;}
.ll_inx_about01_lt .bmore{margin-top: 20px;}
.ll_inx_about01_lt .bmore span{border-bottom:1px solid #008FC7}
.ll_inx_about01_lt .bmore a img {
margin: 0 0 0 13px;
}
.ll_inx_about01_rt{
width: 100%;
float:right;
margin-top: 25px;
padding: 0 18px;
}
.bplay{position:relative;}
.bplay .sbg{display: flex;align-items: center; width: 100%;height: 100%;top:0;left:0;
justify-content: center;position: absolute;z-index: 1;background:rgba(0,0,0,0.5)}
.bplay .sbg .icon{cursor: pointer}
.bplay .img img{width: 100%;}
.ll_inx_about02{margin-top: 30px;}
.ll_inx_about02 ul{ text-align: center}
.ll_inx_about02 .num{font-size: 24px;font-weight: bold;letter-spacing: -2px;}
.ll_inx_about02 .num em{ font-size: 16px;margin-left: 10px; }
.ll_inx_about02 .num span{}
.ll_inx_about02 .title{font-size: 15px;margin-top: 5px;color: #555;height: 40px;}
/*
.ll_inx_about02 li:nth-child(1),
.ll_inx_about02 li:nth-child(2),
.ll_inx_about02 li:nth-child(3){display: block;width: 33.3333%;float: left;padding: 0 10px;}
.ll_inx_about02 li:nth-child(4),
.ll_inx_about02 li:nth-child(5){
display: block;
width:50%;
float: left;
margin-top: 18px;
}
*/
.ll_inx_about02 li{
display: block;
width:50%;
float: left;
margin-top: 18px;
}
/**/
.ll_inx_news_bg{width: 100%;padding: 40px 0 40px 0;}
.ll_inx_news{width: 100%;margin: 0 auto}
.ll_inx_newsCon .hd{text-align: center;font-size: 16px;margin-top: 30px;}
.ll_inx_newsCon .hd li{ display: inline-block;margin-right:25px;padding-right:25px; background: url(../images/news_li.png) right 3px no-repeat;}
.ll_inx_newsCon .hd li:last-child{background:none;margin: 0;padding: 0}
.ll_inx_newsCon .hd a{ display: block;position: relative}
.ll_inx_newsCon .hd li.on a{ font-weight: bold;color: #008FC7;height: 32px; }
.ll_inx_newsCon .hd li.on a:after{position: absolute; content: ""; width: 100%; height: 3px;bottom:0;left:0; background: #008FC7;}
.bdCon_news{
margin-top: 20px;
padding: 0 18px;
}
.bdCon_news .lt{width: 100%;float:left;display: none;}
.bdCon_news .lt .img{height: 350px;overflow:hidden;}
.bdCon_news .lt .img img{width: 100%;height: 350px;object-fit: cover;}
.bdCon_news .lt .txt{padding:22px 30px;background: #f8f8f8;display: none;}
.bdCon_news .lt .title{
font-size:23px;
display: -webkit-box !important;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
color: #444;
}
.bdCon_news .lt .des{
font-size:14px;
margin: 18px 0;
display: -webkit-box !important;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
color: #777;
}
.bdCon_news .lt .date{ font-size:12.5px; color: #666;line-height: 15px}
.bdCon_news .lt .date img{margin-right: 8px}
.bdCon_news .rt{width: 100%;float:right;padding-top: 10px;}
.bdCon_news .rt .item{display: flex;justify-content: space-between;padding: 22px 0;border-bottom:1px solid #eee;}
.bdCon_news .rt .item:hover .title{color:#008FC7}
.bdCon_news .rt li:first-child .item{padding-top:0;}
.bdCon_news .rt .title{
font-size:16px;
/* margin-top: 11px; */
font-weight: bold;
display: -webkit-box !important;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
color: #444;
}
.bdCon_news .rt .des{
font-size:14px;
margin-top: 12px;
display: -webkit-box !important;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
color: #777;
line-height: 1.5;
}
.bdCon_news .rt .txt{flex:1 1 auto;padding-left: 18px;margin-left: 18px;border-left: 1px solid #eee;}
.bdCon_news .rt .date{flex: 0 0 65px;text-align: center;color: #333;}
.bdCon_news .rt .date .d1{font-size: 40px;font-weight: bold;}
.bdCon_news .rt .date .d2{font-size:15px;margin-top: -1px;}
/*底部栏目*/
.footer1_bg{
width: 100%;
/*background:#fff ;border-top:1px solid #e9e9e9 ;*/
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
/*background-image: url(../images/fbg.jpg);*/
color:#fff;
background: #333;
/*height: 442px;*/
overflow: hidden;
}
.footer1_bg a{color:#fff;}
.footer0{
max-width: 1400px;
margin: 0 auto;
display: none;
}
.footer0 .w01{width: 100%;padding: 25px 0;font-size: 14px;border-bottom: 1px solid rgba(255,255,255,0.25);line-height: 1.6;}
.footer0 .w01 b{ font-weight: bold}
.footer0 .w01 a{ color: rgba(255,255,255,0.8)}
.footer1_1{
width: 1400px;
margin: 0 auto;
padding: 50px 0 30px 0;
}
.footer1_1 .w-left{width: 200px;}
.footer1_1 .flogo img{}
.footer1_1 .w-left .t1{margin-top: 35px;
/* font-size: 20px;
color: #fff;*/
font-size: 16px;
color: rgba(255,255,255,0.55);
}
.footer1_1 .w-left .t2{font-size: 34px;margin-top: 15px; font-weight: bold;color:#fff; font-family: "微软雅黑", "Microsoft Yahei" }
.footer1_1 .w-right{ width: 100%; display: flex;justify-content: space-between}
.footer1_1 .w-right dl.w-lt{
width:auto;
/*margin-left: 70px;*/
float: none;
}
.footer1_1 .w-right dl:first-child{margin: 0;padding-left:0}
.footer1_1 .w-right dt{margin-bottom: 35px;position: relative;font-size: 16px;}
.footer1_1 .w-right dt a{color: rgba(255,255,255,1);}
/*.footer1 .w-right dt:after{content: '';position: absolute;left:0;top:38px;width:38px;height:1px;background:#fff;overflow: hidden}*/
.footer1_1 .w-right dd{margin-bottom: 11px;font-size: 14px;color: rgba(255,255,255,0.85);}
.footer1_1 .w-right dd a{color: rgba(255,255,255,0.85);}
.footer1_1 .w-right dd a:hover{ text-decoration: underline}
/*.footer1 .w-right dl:last-of-type{ width: 120px}*/
/*#footer_dl_3{ width: 180px;}*/
/*#footer_dl_7{ width: 90px;padding:0}*/
.footer1_1 .w-right .w-lt222{float:none;}
.footer1_1 .w-right .w-lt222 dd{}
.footer1_1 .w-right .w-lt222 .d1{min-height: 22px;line-height: 22px;padding-left:32px;background: url(../images/ftel.png) no-repeat left center}
.footer1_1 .w-right .w-lt222 .d2{margin-bottom: 15px;font-size: 26px;}
.footer1_1 .w-right .w-lt222 .ewm img{ width: 100px}
.footer1_1 .fdl{margin-top: 60px;color: rgba(255,255,255,0.9); display: none}
.footer1_1 .fdl .item{ display: flex; align-items: center;}
.footer1_1 .fdl .item2{display: flex;align-items: center;margin-top: 15px;}
.footer1_1 .fdl .icon{padding-right:10px;}
.footer1_1 .fdl .title{ font-size: 14.5px;line-height: 23px; }
.footer1_1 .fdl .des{font-size: 26px;font-weight: bold;}
.footer1_1 .fdl .des2{ font-size: 15px}
.fer{padding: 32px 0 0 0;}
.fer_item { position: relative;z-index:10;float:left;margin-right:24px;width: auto;}
.fer .fer_item:nth-child(4){margin: 0}
.fer_item .title{ text-align: center;margin-top: 6px; display: none}
.fer_item .ico{text-align: center}
.fer_item .ico img{
-webkit-transition: all .3s;
transition: all .3s;
width: 40px;
/*border:1px solid #444;*/
border:1px solid #fff;
padding:6px;
border-radius: 50%;
}
.fer_item .ico img:hover{
-webkit-transform: scale(1.14);
transform: scale(1.14);
}
.fer_item .er_img{
display: none;
position: absolute;
z-index: 200;
bottom:45px;
left: -45px;
width: 130px;
text-align: center;
box-shadow: 0 1px 6px rgba(0,0,0,0.3);
}
.fer_item .er_img .pd{
background: #fff;
border-radius: 10px;
overflow: hidden;
}
.fer_item .er_img .title{ display: block; font-size: 14px;padding-bottom: 7px;margin: 0; color: #333}
.fer_item .er_img .img{padding: 9px;}
.fer_item .er_img .img img{width: 100%}
.footer1_1 .w-ewm{
width: 120px;
text-align: center;
float:right;
margin-left: 80px;
padding-top: 30px;
}
.footer1_1 .w-ewm .img{
padding: 8px;
background: #fff;
width: 105px;
margin: 0 auto;
}
.footer1_1 .w-ewm .img img{ width: 100%}
.footer1_1 .w-ewm .title{color:rgba(255,255,255,0.9);font-size:14px; margin-top: 10px}
/**/
.footer2_bg{width:100%;height:50px;line-height: 50px;background: #333;border-top: 1px solid rgb(255 255 255 / 0.08);}
.footer2{font-size:14px;color: rgb(255 255 255 / 0.6);width: 100%;margin:0 auto;}
.footer2 a{color: rgb(255 255 255 / 0.6);}
.footer2 span{padding:0 5px;}
/**/
.footer3_bg{width:100%;padding:12px 0; line-height:1.8; ;}
.footer3{font-size:14px; width: 1400px;margin:0 auto;color: #444}
.footer3 b{ font-weight: bold}
.footer3 a{margin-right: 20px; color: #555}
.footer3 a:hover{text-decoration: underline}
/**/
.po_common_bg{border-bottom: 1px solid #e7e7e7;width: 100%;}
.po_common{width: 100%;margin:0 auto;line-height: 1.8;font-size: 15px;color: #444;padding: 12px 18px;}
.po_common a{color: #666;}
.po_common a:last-child{color: #008FC7}
.po_common span{padding: 0 2px;font-family: fangsong;color: #999;}
.po_common img{vertical-align: middle;position: relative;top: -2px;margin-right: 8px;height: 20px;}
/**/
.ny_ht{min-height: 26px; position: relative}
.ny_ht .t1{font-size: 22px;}
.ny_ht .line{
margin-top: 12px;
width: 44px;
height: 3px;
border-radius: 2px;
background: #008FC7;
}
.ny_ht .t2{font-size: 14px;color:#777;margin-top: 22px;}
.ny_ht_rt{}
.ny_ht_rt a{display: block;padding: 12px 0;font-size: 16px;border:1px solid #ddd;float:left;margin: 15px 15px 0 0;width: 140px;text-align: center;}
.ny_ht_rt a:hover,
.ny_ht_rt a.cur{border-color:#008FC7;color:#008FC7;}
/**/
.ny_service_bg{padding: 30px 18px;}
.ny_service{width: 100%;margin:0 auto;}
.ny_service01{border-top: 1px solid #eaeaea;padding-top: 25px;margin-top: 25px;}
.ny_service01 .t{font-size: 18px;color: #008FC7;}
.ny_service01 ul{margin: 5px -8px 0 -8px;}
.ny_service01 ul li{float:left;width: 50%;padding: 0 8px;margin-top: 15px;}
.ny_service01 ul .item{display: block;border: 1px solid #eaeaea;text-align: center;padding:40px 0;
transition: all .3s;
}
.ny_service01 ul .item img{
height: 75px;
}
.ny_service01 ul .title{font-size:16px;margin-top: 40px;}
.ny_service01 ul .item:hover{
box-shadow: 0 0 10px rgba(0,0,0,0.1);
transform:translateY(-5px);
}
.ny_service02{border-top: 1px solid #eaeaea;padding: 30px 0 0 0;margin-top: 30px;}
.ny_service02 ul{margin: -15px 0 0 0;}
.ny_service02 ul li{float:left;width: 100%;/* padding:0 25px; */margin-top: 15px;}
.ny_service02 ul .item{display: block;border: 1px solid #eaeaea;padding: 15px;}
.ny_service02 ul .img{overflow: hidden;}
.ny_service02 ul .img img{width: 100%;transition: all .3s;}
.ny_service02 ul .title{font-size: 16px;margin: 18px 0 10px 0;font-weight: bold;color: #000;}
.ny_service02 ul .des{font-size: 14px;line-height: 1.7;color: #555;/* min-height: 170px; */text-align: justify;}
.ny_service02 ul .item:hover .img img{
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.ny_service02 ul .item:hover{
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
/**/
.ny_qi_bg{padding: 30px 18px;}
.ny_qi{width: 100%;margin:0 auto;}
.ny_qi_con{padding-top: 30px;}
.ny_qi_ul li{
margin-bottom: 25px;
}
.ny_qi_ul li:last-child{margin: 0}
.ny_qi_ul li .img,
.ny_qi_ul li .txt{width: 100%;}
.ny_qi_ul li.lt .img{/* float:right; */}
.ny_qi_ul li.lt .txt{/* float:left; */}
.ny_qi_ul li.rt .img{float:left;}
.ny_qi_ul li.rt .txt{float:right;}
.ny_qi_ul li .txt{padding: 15px 15px 0 15px;/* background: #f5f5f5; */}
.ny_qi_ul li .img img{width: 100%}
.ny_qi_ul li .num{font-size: 24px;color: #008FC7;font-weight: bold;}
.ny_qi_ul li .title{font-size: 18px;font-weight: bold;margin-top: 10px;}
.ny_qi_ul li .con{margin-top: 12px;/* background: url(../images/qi0.png) no-repeat left 6px; *//* padding-left: 30px; */}
.ny_qi_ul li .des.typo{font-size: 15px;color: #555;}
.ny_qi_ul li .des.typo p{margin-bottom: 5px;text-align: justify;}
/*-*/
.ny_keytitle_search_bg{margin-top: 15px}
.ny_keytitle_search{width: 1400px;margin: 0 auto}
.keytitle_search_lt{width: 960px;float: left;overflow: hidden;height: 38px;line-height:38px; font-size: 14px;}
.keytitle_search_lt b{ font-weight: bold;margin-right: 10px}
.keytitle_search_lt a{color:#666;margin-right: 20px;}
.keytitle_search_rt{ float: right}
.keytitle_search_rt button{width: 55px;height: 38px;border:none;background:url(../images/s.png) center center no-repeat #008FC7;float:left;}
.keytitle_search_rt #keytitle{ width: 250px;height: 38px;line-height: 38px;padding:0 10px;border:1px solid #ddd;border-right:none;float:left; font-size: 14px}
/**/
.ny_productList_bg{}
.ny_productList{width: 100%;border-top: 1px solid #e7e7e7;/* margin: 15px auto 0 auto; */padding: 25px 18px 30px 18px;}
.productList_lt{ width: 320px;float: left}
.productList_rt{width: 1080px;float: left;border-left: 1px solid #e7e7e7;}
.productList_lt_side{}
.productList_lt_side .i-1{}
.productList_lt_side .s-1{
padding:0 60px 0 35px;
background: url(../images/pri0.png) 280px center no-repeat;
height: 46px;
line-height: 46px;
}
.productList_lt_side .a-1{}
.productList_lt_side .i-2{}
.productList_lt_side .s-2{}
.productList_lt_side .a-3{}
.proList_t{font-size: 24px;line-height: 80px;padding-left: 50px;}
.proList_ul{border-top: 1px solid #e7e7e7;}
.proList_ul li{
float:left;
width: 33.333%;
}
.proList_ul .item{display: block;border: 1px solid #e7e7e7;border-left: none;border-top: none;
transition: all 0.3s;
position: relative;
z-index: 1;
background: #fff;
}
.proList_ul .img img{ width: 100%;}
.proList_ul .txt{
padding: 17px 17px 35px 17px;
}
.proList_ul .title{
width: 100%;
height: 20px;
line-height: 20px;
font-size: 16px;
color: #000;
}
.proList_ul .des{
/* font-size: 14px;
height: 60px;
line-height: 20px;
color: #757575;
margin-top: 15px;
display: -webkit-box !important;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;*/
display: none;
}
.proList_ul .item:hover{
z-index: 2;
box-shadow: 0 0 24px rgba(0,0,0,0.12);
transform: scale(1.01);
}
.proList_ul .item:hover .title{
color:#008FC7
}
/**/
.ny_rongyu_bg{padding: 30px 18px;}
.ny_rongyu{width: 100%;margin: 0 auto;}
.ny_rongyu01{padding: 20px;background:#f0f0f0;margin-top: 20px;}
.ny_rongyu01 .con{/* padding-left:80px; *//* float:left; */color:#474747;padding-top: 20px;}
.ny_rongyu01 .con:first-child{padding: 0;}
.ny_rongyu01 .con.typo a{color:#474747}
.ny_rongyu01 .con.typo p{margin-bottom: 8px}
.ny_rongyu01 .con.typo p:last-child{margin: 0}
/**/
.ny_rongyu02{
height:720px;
position: relative;
}
#carousel{
height:720px;
}
#carousel img {
visibility:hidden; /* hide images until carousel can handle them */
cursor:pointer; /* otherwise it's not as obvious items can be clicked */
border:1px solid #e7e7e7
}
#carousel img.carousel-center{
box-shadow: 0 0 15px rgba(0,0,0,0.25);
}
.ny_rongyu02 #prev,
.ny_rongyu02 #next{position: absolute; z-index: 10 ;top:50%;margin-top: -20px}
.ny_rongyu02 #prev{left:30px;}
.ny_rongyu02 #next{right:30px;}
#carousel_title{
position: absolute;
z-index: 10 ;
bottom:100px;
left:0;
font-size: 16px;
width: 100%;
text-align: center
}
/**/
.ny_rongyu03{padding:0 5px}
.ny_zhengshu_ul{margin: 20px -12px 0 -12px;}
.ny_zhengshu_ul li{width: 50%;padding: 11px;float:left;}
.ny_zhengshu_ul li .img{border:1px solid #e7e7e7;padding:12%; overflow: hidden;
box-shadow: 5px 5px 8px rgb(0 0 0 / 3%);
}
.ny_zhengshu_ul li .img img{ width: 100%}
.ny_zhengshu_ul li .title{ font-size: 15px; text-align: center; height: 30px;line-height: 30px;overflow: hidden;margin-top: 5px}
/*+*/
.ny_anList_bg{ padding: 0 0 30px 0; }
.ny_anList{width: 100%;margin: 0 auto;}
.ny_anList_cate{width: 100%;margin: 0 auto;padding: 18px 18px 0 18px;}
.ny_anList_cate ul{/* margin: 0; *//* padding: 0 8px; */margin: -15px -9px 0 -9px;}
.ny_anList_cate li{width: 50%;float:left;padding: 15px 9px 0 9px;}
.ny_anList_cate .item{display: flex;height: 62px;align-items: center;background: #f4f4f4;padding-right: 15px;}
.ny_anList_cate .img{padding: 0 15px;}
.ny_anList_cate .img img{height: 33px;}
.ny_anList_cate .title{font-size: 15px;line-height: 1.3;}
/*.ny_anList_cate .item:hover{color:#008FC7; font-weight: bold; background: #e1f0f0;}*/
.ny_anList_cate .img2{ display: none}
.ny_anList_cate li.cur .img1{ display: none}
.ny_anList_cate li.cur .img2{ display: block}
.ny_anList_cate li.cur .item{color:#fff; font-weight: bold; background: #008FC7;}
.ny_anList_cate li.hover .img1{ display: none}
.ny_anList_cate li.hover .img2{ display: block}
.ny_anList_cate li.hover .item{color:#fff; font-weight: bold; background: #008FC7;}
.ny_anList_con{margin-top: 10px;}
.ny_anList_ul{/* margin:-40px -20px 0 -20px; */padding: 0 18px 0 18px;}
.ny_anList_ul li{padding: 18px 0 0 0;float:left;}
.ny_anList_ul .item{ display: block;position: relative}
.ny_anList_ul .img{overflow: hidden}
.ny_anList_ul .img img{ width: 100%}
.ny_anList_ul .txt{position: absolute; width: 100%; background:rgba(0,0,0,0.6);left:0;bottom:0;}
.ny_anList_ul .title{ width: 100%;height: 46px;line-height: 46px;overflow:hidden;color:#fff;font-size:16px; text-align: center;}
/*+*/
.ny_conInfo_bg{padding: 0;}
.ny_conInfo{width: 100%;margin: 0 auto;}
.content_details_head{ }
.content_details_head_lt{width: 100%;/* float:left; */padding: 40px 18px 0 18px;}
.content_details_head_rt{width: 100%;/* float:right; */}
.content_details_head_lt .t{font-size: 22px;line-height: 1.4;font-weight: bold;}
.content_details_head_lt .des{margin-top: 20px;}
.content_details_head_lt .des.typo{color:#555; font-size: 16px;line-height: 1.7}
.content_details_head_lt .des.typo a{color:#555}
.content_details_head_lt .des.typo p{ }
.content_details_head_lt .des.typo b,
.content_details_head_lt .des.typo strong{ font-weight: bold}
.content_details_head_lt .btb{margin-top: 30px;}
.content_details_head_lt .btn{float:left;}
.content_details_head_lt .btn_lx{
transition: all .3s;
display: block;
width: 170px;
line-height: 50px;
border:1px solid #008FC7;
text-align: center;
font-size: 15px;
color:#008FC7;
margin-top: 10px;
}
.content_details_head_lt .btn_lx:hover{background: #008FC7;color:#fff}
.content_details_head_lt .btn_tel{
transition: all .3s;
display: flex;
width: 170px;
height: 52px;
border:1px solid #008FC7;
align-items: center;
justify-content: center;
margin-left: 15px;
background: url(../images/ctel.png) 16px center no-repeat;
padding-left: 35px;
margin-top: 10px;
}
.content_details_head_lt .btn_tel .txt{ font-size: 14px; }
.content_details_head_lt .btn_tel .t1{color:#9d9d9d}
.content_details_head_lt .btn_tel .t2{margin-top:2px}
.content_details_head_lt .btn_tel:hover{
background: url(../images/ctel2.png) 20px center no-repeat #008FC7;
color:#fff
}
.content_details_head_lt .btn_tel:hover .t1{
color:#fff
}
.content_relevant{width: 100%;margin: 0 auto;padding:30px 0;}
.content_relevant_t{border-top:1px solid #e7e7e7;padding-top: 20px;margin: 0 15px;}
.content_relevant_t .t{font-size: 20px;font-weight: bold;}
.content_relevant_t .line{width: 55px;height: 3px;margin-top: 15px;background: #008FC7;}
.content_relevant_con{position: relative;margin-top: 20px;padding: 0 40px;min-height: 96px}
.swiper-pro .item{ display: block; border: 1px solid #e7e7e7;}
.swiper-pro .img img{ width: 100%}
.swiper-pro .img{overflow: hidden}
.swiper-pro-prev,
.swiper-pro-next{position: absolute; z-index:99; top:50%;margin-top:-48px; display: flex; align-items: center;justify-content: center;
height: 96px;width: 32px; background: #f6f6f6; cursor: pointer;}
.swiper-pro-prev{left:0;}
.swiper-pro-next{right:0;}
.swiper-pro-next:hover,
.swiper-pro-prev:hover{
background: #008FC7;
}
.swiper-pro-prev img,
.swiper-pro-next img{ display: block}
.swiper-pro .txt{
padding: 20px 20px 40px 20px;
}
.swiper-pro .title{
width: 100%;
height: 20px;
line-height: 20px;
font-size: 16px;
color: #000;
}
.swiper-pro .des{
font-size: 14px;
height: 60px;
line-height: 20px;
color: #757575;
margin-top: 15px;
display: -webkit-box !important;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.swiper-pro .item:hover .title{
color:#008FC7
}
/**/
.swiper_large_image .swiper-slide{padding: 18px;}
.swiper_large_image .img{width: 100%;position: relative;z-index: 10;border: 1px solid #e7e7e7;}
.c_video_btn{
position: absolute;
z-index: 20;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.c_video_btn img{ }
.c_video_box{
position: absolute;
z-index: 30;
width: 100%;
height: 100%;
display: none;
align-items: center;
justify-content: center;
background: #000;
}
.c_video_box video{width: 100%;
height: 100%;}
.content_thumbnail{/* margin-top:16px; */position: relative;padding: 0 55px;margin: 0 18px;}
.swiper_thumbs .swiper-slide{width: 33.333%; cursor: pointer;}
.swiper_thumbs .swiper-slide .img{width: 100%;border:1px solid #ddd; opacity: .4; }
.swiper_thumbs .swiper-slide.cur .img{
border-color:#008FC7;
opacity: 1;
}
.swiper_thumbs .c_video_btn{
position: absolute;
z-index: 20;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.swiper_thumbs .c_video_btn img{ width: 24px;border-radius:24px;border:1px solid rgba(255,255,255,.6);}
.swiper_thumbs_prev,
.swiper_thumbs_next{
position:absolute;
top: 50%;
width: 34px;
height: 76px;
border:1px solid #e8e8e8;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
margin-top: -38px;
}
.swiper_thumbs_prev img,
.swiper_thumbs_next img{ width:22px; display: block;}
.swiper_thumbs_prev{left: 0px;}
.swiper_thumbs_next{right: 0px;}
.swiper_thumbs_prev:hover,
.swiper_thumbs_next:hover{border-color:#ccc}
.sharebox{margin-top: 20px;padding-right: 15px;}
.sharebox span{padding-top: 8px; font-size: 14px; display: inline-block; color: #888;}
/**/
.pro_yingyu_list{/* padding-top: 10px; */}
.pro_yingyu_list ul{margin: 0 -8px;}
.pro_yingyu_list li{padding: 0 8px 15px 8px;width: 50%;float:left;}
.pro_yingyu_list .item{ display: block;position: relative;}
.pro_yingyu_list .img{overflow: hidden;}
.pro_yingyu_list .img img{ width: 100%;}
.pro_yingyu_list .title{position: absolute;left: 13px;bottom: 13px;font-size: 16px;color: #fff;}
.aboutus_height01{width: 100%;/* height: 30px; */}
/**/
.ny_aboutus01_bg{padding: 40px 18px;}
.ny_aboutus01{width: 100%;margin: 0 auto}
.aboutus_cate_bg{width: 100%; z-index: 99; display: none }
.aboutus_cate{width: 100%;margin: 0 auto;padding: 25px 18px 0 18px;}
.aboutus_cate ul{
margin: -18px -9px 0 -9px;
}
.aboutus_cate li{width: 50%;float:left;padding: 18px 9px 0 9px;}
.aboutus_cate a{
width: 100%;height: 50px;line-height: 50px;
text-align: center;font-size:16px; display: block;
background: #f5f5f5;
}
.aboutus_cate li a.cur{ background: #008FC7;color:#fff;}
.aboutus_t{}
.aboutus_t .t1{font-size: 22px;}
.aboutus_t .line{/* margin-top: 12px; */margin-top: 12px;width: 44px;height: 3px;border-radius: 2px;background: #008FC7;}
.aboutus_t .t2{ margin-top: 30px;font-size: 18px; display: none }
.aboutus_t .t2 .pd5{padding:0 5px}
.aboutus01_con{/* margin-top: 20px; */}
.aboutus01_lt{width: 100%;float:left;}
.aboutus01_rt{width: 100%;float:right;margin-top: 20px;}
.aboutus01_lt .imgbox{margin-top: 20px;}
.aboutus01_rt .typo{line-height: 1.7;text-align: justify}
.aboutus01_rt .typo p{margin-bottom: 15px;}
.aboutus01_rt .typo p:last-child{margin-bottom: 0}
/**/
.ny_aboutus02_bg{padding: 30px 18px;background: #fbfbfb; display: none}
.ny_aboutus02{width: 100%;margin: 0 auto;}
.ny_aboutus02_con{margin-top: 5px;}
.ny_aboutus02_con ul{/* margin: 0 -8px; */padding-top: 10px;}
.ny_aboutus02_con li{float:left;width: 100%;padding: 10px 0 0 0;}
.ny_aboutus02_con .item{
width: 100%;
height: 180px;
display: flex;
align-items: center;
justify-content: center;
background:#fff;
border:1px solid #F3F3F3;
transition: all .3s;
}
.ny_aboutus02_con ul .item:hover{
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.ny_aboutus02_con .pd{text-align: center}
.ny_aboutus02_con .title{font-size:18px;color: #111;}
.ny_aboutus02_con .line{ width: 28px; height: 2px; background: #008FC7;margin:24px auto 20px auto}
.ny_aboutus02_con .des{font-size: 15px;line-height: 1.5;color: #555;}
/**/
.ny_aboutus03_bg{padding: 30px 18px;}
.ny_aboutus03{width: 100%;margin: 0 auto;/* padding: 0 15px; */}
.ny_aboutus03_con{margin-top: 16px;}
.ny_aboutus03_tab .hd{width: 100%; display: none}
.ny_aboutus03_tab .bd{width: 100%;float:left;/* margin-left: 20px; */margin-top: 20px;}
.ny_aboutus03_tab .hd ul{width: 206px;/* float:right; */}
.ny_aboutus03_tab .hd li{width: 100%;text-align: left;margin-bottom: 22px;font-size: 16px;cursor: pointer;}
.ny_aboutus03_tab .hd li.on{border-bottom: 2px solid #008FC7;color:#008FC7;font-size: 18px;padding-bottom: 10px;}
.ny_aboutus03_tab .bd dl{display: flex;padding-bottom:35px;position: relative;background: url(../images/fz3.png) 13px top repeat-y;padding-left: 50px;}
.ny_aboutus03_tab .bd dl:last-child{
padding-bottom: 0;
/* padding-left: 65px; */
background: none;
}
.ny_aboutus03_tab .bd dl:after{content:"";position: absolute; z-index: 1;top:0;left:4px;width: 22px;height: 22px; background: url(../images/fz2.png) left top no-repeat;}
.ny_aboutus03_tab .bd dl.d01:after{left: 1px;width: 28px;height: 28px;background: url(../images/fz1.png) left top no-repeat;background-size: 28px;}
.ny_aboutus03_tab .bd dl dt{font-size: 17px;color:#008FC7; padding-top:3px; flex: 0 0 85px;}
.ny_aboutus03_tab .bd dd{ flex: 0 1 1;}
.ny_aboutus03_tab .bd dd .typo{color:#222;line-height: 1.5;}
.ny_aboutus03_tab .bd dd .typo a{color:#222}
.ny_aboutus03_tab .bd dd .typo p{margin-bottom: 10px;}
/**/
.ny_aboutus04_bg{padding: 30px 18px;background: #fbfbfb; display: none}
.ny_aboutus04{width: 100%;margin: 0 auto;}
.ny_aboutus04_con{margin-top: 20px;position: relative;}
.swiper22 .item{ display: block;}
.swiper22 .img img{ width: 100%}
.swiper22 .img{overflow: hidden}
.swiper22 .title{ text-align: center;background: #fff; height: 48px;line-height: 48px; width: 100%; font-size: 16px;}
.swiper22-prev,
.swiper22-next{
position: absolute;
z-index:99;
top:50%;
margin-top: -35px;
display: flex;
align-items: center;
justify-content: center;
height: 70px;
width: 28px;
background: rgb(255 255 255 / 80%);
cursor: pointer;
}
.swiper22-prev{left:0;}
.swiper22-next{right:0;}
.swiper22-next:hover,
.swiper22-prev:hover{
background: #008FC7;
}
.swiper22-prev img,
.swiper22-next img{ display: block}
/**/
.ny_contact_xs_bg{padding: 30px 18px 0 18px; display: none}
.ny_contact_xs{width: 100%;margin: 0 auto}
/**/
.ny_contact_hz_bg{padding: 30px 18px 0 18px;position: relative;z-index: 30;}
.ny_contact_hz{width: 100%;margin: 0 auto}
.ny_contact_hz_list{margin-top: 6px;position: relative;z-index: 20;display: none;}
.ny_contact_hz_list ul{margin: 0 -8px;}
.ny_contact_hz_list li{float:left;padding: 0 8px;width: 100%;margin-top: 15px;}
.ny_contact_hz_list .item{
/* display: flex; */
width: 100%;
/* height: 220px; */
align-items: center;
justify-content: center;
background: #fff;
border-radius: 0px;
text-align: center;
padding: 22px 20px;
transition: all .3s;
border: 1px solid #e7e7e7;
display: block;
}
.ny_contact_hz_list li:hover .item{
box-shadow: 0 0 10px rgba(0,0,0,0.1);
transform:translateY(-6px);
}
.ny_contact_hz_list .img{}
.ny_contact_hz_list .title{font-size: 14.5px;margin: 28px 0 18px 0;color: #666;}
.ny_contact_hz_list .des{font-size: 16px;line-height: 1.4;/* color: #222 */}
.ny_contact_hz_map_bg{
padding: 0px 18px 0 18px;
}
.ny_contact_hz_map{position: relative;z-index: 20;width: 100%;height: 300px;background-position: center center;background-repeat: no-repeat;/* margin: 15px 15px 0 15px; */}
.ny_contact_hz_map .con{
position: absolute;
top: 50%;
left:50%;
margin-left: -150px;
width: 300px;
padding: 16px;
background: rgb(0 143 199 / 75%);
color:#fff;
border-radius: 9px;
display: block;
margin-top: -50px;
}
.ny_contact_hz_map .con:hover{ text-decoration: underline}
.ny_contact_hz_map .con .p1{font-size: 16px;font-weight: bold; }
.ny_contact_hz_map .con .p2{ font-size: 14px;margin-top:8px}
.ny_contact_hz_map .con:after{
position: absolute;
left: 50%;
bottom: -10px;
margin-left: -9px;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 10px 9px 0 9px;
border-color: rgb(0 143 199 / 75%) transparent transparent transparent;
}
.ny_contact_hz_map .icon{position: absolute;top: 320px;left:50%;width:30px;margin-left: -15px;}
.ny_contact_hz_map .icon2{}
.ny_contact_hz_map .icon2:after {
content: " ";
width: 8px;
height: 8px;
position: absolute;
bottom: 100px;
left: 50%;
margin-left: -4px;
border-radius: 50%;
animation: wobble 2s ease-out;
animation-iteration-count: infinite;
background: #E53F33;
margin-top: -4px;
}
.ny_contact_hz_map .icon2:before {
content: " ";
width: 8px;
height: 8px;
position: absolute;
bottom: 100px;
left: 50%;
margin-left: -4px;
border-radius: 50%;
animation: pulsate 2s ease-out;
animation-iteration-count: infinite;
background: #E53F33;
margin-top: -4px;
}
@keyframes pulsate {
0% {
transform: scale(1);
opacity: .5
}
20% {
opacity: .4
}
to {
transform: scale(3);
opacity: 0
}
}
@keyframes wobble {
0% {
transform: scale(1)
}
20% {
transform: scale(1.4)
}
to {
transform: scale(1)
}
}
/**/
.ny_contact_sc_bg{padding: 30px 18px 0 18px;}
.ny_contact_sc{width: 100%;margin: 0 auto}
.ny_contact_sc_con{margin-top: 15px;}
.ny_contact_sc_con ul{/* margin:0 -12px; */}
.ny_contact_sc_con li{width: 100%;float:left;/* padding:0 12px; */}
.ny_contact_sc_con .img{overflow: hidden}
.ny_contact_sc_con .img img{ width: 100%}
.ny_contact_sc_con .txt{background: #fafafa;padding: 20px;}
.ny_contact_sc_con .title{font-size: 18px;}
.ny_contact_sc_con .des{ font-size: 14px; color: #565656;margin-top: 15px;}
.ny_contact_sc_con .ic{position: relative;top:-3px; margin-right: 8px}
/**/
.ny_contact_bs_bg{padding: 30px 18px 30px 18px;}
.ny_contact_bs{width: 100%;margin: 0 auto}
.ny_contact_bs .t{font-size: 22px;}
.ny_contact_bs_con{/* margin-top: 15px; */}
.ny_contact_bs_con ul{/* margin:0 -12px; */}
.ny_contact_bs_con li{/* padding:0 12px; */width: 100%;float:left;padding-top: 15px;}
.ny_contact_bs_con .item{padding:20px; background:#fafafa}
.ny_contact_bs_con .title{font-size: 18px;}
.ny_contact_bs_con .des{ font-size: 14px;margin-top: 20px;margin-left:-4px}
.ny_contact_bs_con .ite{ display:flex ;line-height: 24px;margin-bottom: 8px;color: #565656}
.ny_contact_bs_con .ite a{color: #565656}
.ny_contact_bs_con .ite:last-child{margin: 0}
.ny_contact_bs_con .ic{ flex: 0 0 32px; height: 24px;}
.ny_contact_bs_con .tit{ flex: 0 1 auto;}
/* 招聘 */
.zhaop_wrap_bg{
padding: 30px 18px;
background: #fff;
}
.zhaop_wrap{
width: 100%;
margin: 0 auto;
}
.zhaop_wrap .t{
font-size: 24px;padding-bottom: 25px;
border-bottom:1px solid #e1e1e1;color:#008FC7;
font-weight: bold
}
.zhaop_list{
margin-top: 25px;
}
.zhaop_list li{
padding: 18px;
box-shadow: 0 0 10px rgba(0,0,0,0.03);
border: 1px solid #eaeaea;
margin-bottom: 20px;
}
.zhaop_list li:last-child{
margin: 0;
}
.zhaop_list dl{
position: relative;
/* padding: 0 25px; */
cursor: pointer;
}
.zhaop_list dt{
font-size: 16px;
height: 22px;
position: relative;
left:0px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
/* font-weight: bold; */
}
.zhaop_list .time{
color:#999;
font-size: 15px;
line-height: 1.5;
margin-top: 8px;
position: relative;
left:0px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.zhaop_list .time span{padding:0 10px; color: #ccc}
/*.zhaop_list dl:hover dt{left:10px;color:#008FC7; font-weight: bold}*/
/*.zhaop_list dl:hover .time{ left:10px;}*/
.zhaop_list .btn{/* position: absolute; *//* top:20px; *//* right: 25px; */margin-top: 10px;}
.zhaop_list .btn .r1{ display: block}
.zhaop_list .btn .r2{ display: none}
.zhaop_list .btn .ttt{/* font-size:14px; *//* color:#008FC7; *//* border:1px solid #008FC7; *//* padding:8px 15px; */font-size: 14px;color: #008FC7;border: 1px solid #008FC7;padding: 8px 20px;display: inline-block;}
.zhaop_list .btn .ttt:hover{ background: #008FC7;color:#fff;}
.zhaop_list .selected .btn .r1{display: none}
.zhaop_list .selected .btn .r2{display: block}
.zhaop_list .info{
display: none;
margin-top: 20px;
padding: 18px;
background: #F7F9FA;
}
.zhaop_list .info.typo{ font-size: 15px}
/*招聘*/
.layer_zhaop{padding:5px 20px 20px 20px; width: 680px; display: none}
#form_zhaop label{font-size: 14px;margin:14px 0 6px 0; display: block;color:#555; font-weight: bold}
#form_zhaop .form-control{background: #fff;width: 100%;border:1px solid #d8d6d6;padding:10px 5px; border-radius: 4px; height: 40px; font-size: 13.5px;}
#form_zhaop .btn{border:none;width: 150px;height: 44px;color:#fff;border-radius: 3px;background: #e38a1a;font-size: 13px;margin-top:14px; cursor: pointer}
.yingp{margin-top: 25px;}
.yingp a{ display: inline-block; width: 145px;height: 44px;line-height: 44px; text-align: center; background: #008FC7; color: #fff; font-size: 14.5px;border-radius:3px}
.yingp a:hover{opacity: .9}
/* 新闻 */
.newsWrap_bg{padding: 30px 18px;}
.newsWrap{width: 100%;margin: 0 auto;}
.newsWrap_list{margin-top: 10px;}
.newsWrap_list ul{ }
.newsWrap_list li{ width: 100%;}
.newsWrap_list .item{
padding: 25px 0;
border-bottom: 1px solid #e7e7e7;
-webkit-transition: all 0.3s;
transition: all 0.3s;
display: block;
}
.newsWrap_list .item:hover{
-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}
.newsWrap_list .item:hover h3{color:#008FC7;}
.newsWrap_list .img{float:left;width: 32%;/* height: 220px; */overflow: hidden;}
.newsWrap_list .img img{
width: 100%;
/* border-radius: 2px; */
/* object-fit: cover; */
-webkit-transition: all 0.3s;
transition: all 0.3s;
/* height: 220px; */
}
.newsWrap_list .txt{float:left;width: 68%;padding: 0 0 0 15px;/* box-sizing: border-box; */}
.newsWrap_list h3{width:100%;height: 22px;line-height:22px;font-size: 16px;}
.newsWrap_list h3 a{
transition: all 0.3s;
}
.newsWrap_list p{width:100%;font-size: 14px;height: 44px;line-height: 22px;color: #888;overflow: hidden;margin-top: 10px;}
.newsWrap_list .date{color:#999;margin-top: 12px;font-size:13px;}
.newsWrap_list .btn{margin-top:15px;display: none;}
.newsWrap_list .btn a{ display: inline-block;width: 90px;height: 32px;line-height: 30px;text-align: center;font-size:13px;
border:1px solid #008FC7; color:#008FC7;
transition: all 0.3s;
}
.newsWrap_list .btn a:hover{
color: rgb(255, 255, 255);
background-color: #008FC7;
border-color: #008FC7;
}
.newsWrap_list .noimg .item{padding:20px 10px}
.newsWrap_list .noimg .txt{width:100%;padding:0 }
.newsWrap_list .pd{
/* transition: all .36s cubic-bezier(.215,.61,.355,1) 0s; */
/* transform: translatey(20px); */
}
.newsWrap_list .details_btn{
transition: all .36s ease;
background: #008FC7;
display: inline-block;
font-size: 14px;
color: #fff;
width: 110px;
line-height: 35px;
text-align: center;
opacity: 0;
/* display: none; */
}
.newsWrap_list .details_btn span{
transition: all .36s cubic-bezier(.215,.61,.355,1) 0s;
text-indent: 18px;
opacity: 0;
display: inline-block;
}
.newsWrap_list .details_btn .fa-angle-right{
transition: all .36s cubic-bezier(.215,.61,.355,1) 0s;
transform: translatex(-20px);
opacity: 0;
color: #fff;
}
/*
.newsWrap_list li:hover .img img{
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.newsWrap_list li:hover .details_btn {
opacity: 1;
}
.newsWrap_list li:hover .details_btn span{
text-indent: 0;
opacity: 1;
}
.newsWrap_list li:hover .details_btn .fa-angle-right{
transform: translatex(7px);
opacity: 1;
}
.newsWrap_list li:hover .pd{
transform: translatey(0px);
}
.newsWrap_list li:hover h3{color:#008FC7;}
.newsWrap_list li:hover .item{ background: #f5f5f5; }*/
/* 产品左边 */
.slideTxtBox_side{padding-top:20px}
.slideTxtBox_side h3{margin-bottom: 0}
.slideTxtBox_side h3 a{
display: block;
padding-left:32px;
height: 48px;
line-height: 48px;
overflow: hidden;
word-wrap: normal;
white-space: nowrap;
text-overflow: ellipsis;
background: url(../images/pri.png) no-repeat 280px center ;
color: #333;
font-size: 16px;
border-bottom: 1px solid #f1f1f1;
}
.slideTxtBox_side h3.on a{
background: url(../images/pri0.png) no-repeat 275px center #008FC7;
color: #fff;
border-bottom: 1px solid transparent;
}
.slideTxtBox_side_ul{
padding:8px 0;
display: none;
border-bottom: 1px solid #f1f1f1;
}
.slideTxtBox_side_ul li a{
display: block;
padding-left:32px;
height: 40px;
line-height: 40px;
overflow: hidden;
word-wrap: normal;
white-space: nowrap;
text-overflow: ellipsis;
/* background: url(../images/ci2.png) no-repeat 18px center;
border-bottom: 1px solid #eee; */
font-size: 14px;
}
.slideTxtBox_side_ul li a:hover{
color: #008FC7;
}
.slideTxtBox_side_ul li.cur a{
color: #e40f3e;
font-weight: bold;
}
/* */
.content_slideTxtBox{}
.content_slideTxtBox .hd{width: 100%;background: #f9f9f9;margin-top: 50px;}
.content_slideTxtBox_hd_ul{width: 100%;margin: 0 auto;/* height: 48px; *//* line-height: 48px; */}
.content_slideTxtBox_hd_ul li{float:left;width: 50%;height: 48px;line-height: 48px; overflow:hidden;}
.content_slideTxtBox_hd_ul li span{ display: block;position: relative;
cursor: pointer;
font-size: 16px; color: #8a8a8a;padding:0 30px 0 40px}
.content_slideTxtBox_hd_ul li.on span{color: #008FC7; background: #fff; font-weight: bold;}
.content_slideTxtBox_hd_ul li.on span::after{content:"";position: absolute;width: 100%;height: 3px;top:0;left:0; background:#008FC7;}
.content_slideTxtBox_hd_ul li.on span::before{
content: "";
position: absolute;
width: 8px;
height: 8px;
background: #008FC7;
border-radius: 10px;
top: 20px;
left: 20px;
}
.content_slideTxtBox .bdcon{ display: none;}
.content_slideTxtBox .bd{width: 100%;margin: 0 auto;padding: 15px;}
/***/
.ny_case_bg{padding: 0;}
.ny_case{}
.ny_case .content_details_head{
margin-top: 30px;
}
.ny_case .content_details_head_lt{
width: 100%;
padding-top: 30px;
}
.ny_case .content_details_head_rt{
width: 100%;
}
.ny_case .content_thumbnail{
/* margin-top: 20px; */
}
.ny_case .swiper_thumbs_prev,
.ny_case .swiper_thumbs_next{
width: 34px;
height: 54px;
margin-top: -27px;
}
/**/
.w-content-pn{line-height: 2;font-size: 16px;padding: 50px 15px 0 15px;}
.w-content-pn a:hover{ text-decoration:underline;color: #008FC7}
/**/
.w-content-xg-news{
margin: 12px 0 0 0;
padding: 0 15px 20px 15px;
}
.w-content-xg-news li{
width: 100%;
/* padding:0 10px; */
float:left;
}
.w-content-xg-news li a{
width: 100%;
height: 32px;
line-height: 32px;
display: block;
font-size: 16px;
}
.w-content-xg-news li a:hover{
color:#008FC7
}
/**/
.w-content-tag{
padding: 10px 15px 0 15px;
font-size: 15px;
}
.w-content-tag a{ display: inline-block;padding:6px 12px;background: #eee;margin-right: 6px;margin-top: 8px;}
.w-content-tag a:hover{color:#008FC7}
.news_wrapper{ width: 100%}
.nyheight{
height: 100px;
}
/**/
.ny_about_bg{width: 100%;padding: 30px 18px;}
.ny_about{ width: 100%;margin: 0 auto}
.ny_about .typo{margin-top: 25px}
/**/
.w-h3t{line-height: 55px;height: 55px;border-bottom: 1px solid #dbdbdb;position: relative;margin: 0 18px; margin-top: 10px}
.w-h3t h2{font-weight:normal;font-size: 18px;border-bottom: 3px solid #008FC7;line-height: 55px;position: absolute;left:0;bottom: -3px;}
.w-h3t .w-rt{padding-right: 0px;font-size: 16px;color:#777;}
.w-h3t .w-rt a{color:#777}
.w-h3t .w-rt .sep{ font-family: simsun; padding: 0 10px;}
/**/
.ny_prolist_bg{padding: 0 25px 30px 25px;}
.ny_prolist{width: 100%;margin: 0 auto;}
.ny_prolist_ul{}
.ny_prolist_ul li{
float:left;
width: 100%;
margin-top: 20px;
}
.ny_prolist_ul .item{
display: block;
background: #fff;
box-shadow: 0 10px 15px rgb(0 0 0 / 3%);
position: relative;
/* border-radius: 2px; */
overflow: hidden;
border: 1px solid #e7e7e7;
padding: 20px 20px 30px 20px;
}
.ny_prolist_ul .img{
overflow: hidden;
}
.ny_prolist_ul .img img{
width: 100%;
}
.ny_prolist_ul .txt{
/* padding: 15px; */
background:#fff;
padding-top: 15px;
}
.ny_prolist_ul .title{
overflow: hidden;
word-wrap: normal;
white-space: nowrap;
text-overflow: ellipsis;
width: 100%;
height: 20px;
line-height: 20px;
font-size: 16px;
color: #000;
}
.ny_prolist_ul .des2{
/*font-size: 14px;
height: 60px;
line-height: 20px;
color: #757575;
margin-top: 15px;
display: -webkit-box !important;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;*/
display: none;
}
/**/
.wap_footer1_bg{
color: #fff;
background: #373737;
}
.wap_footer1_bg a{color:#fff}
.wap_footer1{padding: 40px 0;}
.Huifold-fnav{margin-top: 30px}
.Huifold-fnav .item{
width: 100%;
border-bottom: 1px solid rgba(255,255,255,0.05);
}
.Huifold-fnav .item h4{
position: relative;
padding: 0 35px;
font-size: 16px;
line-height: 50px;
}
.Huifold-fnav .item h4 span{
display: block;
position: absolute;
top: 20px;
right: 35px;
width: 15px;
height: 15px;
background: url(../images/x_jt.png) no-repeat center center;
background-size: auto 14px;
}
.Huifold-fnav h4.selected span{
background-image: url(../images/x_jt2.png);
}
.Huifold-fnav .info{display: none;padding: 0 35px 8px 35px;}
.Huifold-fnav .info span{ display: block;width: 100%;line-height: 36px}
.Huifold-fnav .info span a {
color: rgba(255,255,255,0.55);
font-size: 15px;
}
.wap_footer2_bg{padding:15px 0; line-height: 1.6; font-size: 14px; text-align: center; background: #333;color:#fff}
.wap_footer2 .p1 a{color:rgba(255,255,255,0.9);}
.wap_footer2 .p1 span{padding:0 10px; font-size: 12px;color: rgba(255,255,255,0.4);}
.wap_footer2 .p2,
.wap_footer2 .p2 a,
.wap_footer2 .p3,
.wap_footer2 .p3 a,
.wap_footer2 .p4,
.wap_footer2 .p4 a{color: rgba(255,255,255,0.55);}
.wap_footer2 .p3 img{
vertical-align: middle;position: relative;height: 14px!important; width: auto;margin-left: 5px;
}
.wap_footer1 .w-left{width:100%; float:none; text-align: center}
.wap_footer1 .flogo img{max-width: 300px; width: 100%}
.wap_footer1 .w-left .t1{font-size: 19px;margin-top: 30px;color: #fff}
.wap_footer1 .w-left .t2{font-size: 34px;margin-top: 10px;font-weight: bold;color:#008FC7;font-family: "微软雅黑", "Microsoft Yahei"}
.wap_footer1 .w-left .t2 a{color:#008FC7;}
.wap_footer1 .w-ewm{
width: 100%;
text-align: center;
float: none;
/* margin-left: 80px; */
padding-top: 30px;
}
.wap_footer1 .w-ewm .img img{width: 120px;}
.wap_footer1 .w-ewm .title{color:rgba(255,255,255,0.9);font-size:14px; margin-top: 10px}
.wap_footer3{padding:10px 15px;line-height: 1.8; font-size: 14px}
.wap_footer3 a{margin-right: 14px; text-decoration: underline}
.wap_footer3 a:hover{
color:#008FC7;
}
/**/
/**/
.mobile_search{
position: fixed;
background:#fff;
top:0;
left:0;
width: 100%;
z-index: 500;
min-height: 250px;
padding: 0 0 20px 0;
transition: all 300ms;
transform:translateY(-100%);
}
.mobile_search.mobile_search_100{
transform:translateY(0);
box-shadow: 0 0 10px rgba(0,0,0,0.15);
}
.mobile_search .tit{padding:20px 20px 30px 20px; }
.mobile_search_close{ font-size: 22px; float: right;}
.keytitle_search{ width: 300px;margin: 0 auto;}
.keytitle_search button{width: 55px;height: 42px;border:none;background:url(../images/s.png) center center no-repeat #008FC7;float:left;}
.keytitle_search #keytitle{ width: 245px;height: 42px;line-height: 42px;padding:0 10px;border:1px solid #ddd;border-right:none;float:left; font-size: 15px}
.mobile_search .des{
width: 300px;
margin: 0 auto;
margin-top: 18px;
font-size: 15px;
line-height: 1.8;
color: #555;
}
.mobile_search .des b{ font-weight: bold;}
.mobile_search .des a{margin-right: 12px;color: #555;}
.mobile_search .des a:hover{
color: #008FC7;
}
/* 产品放大图 */
.pop{position:fixed;left:0;top:0;right:0;width:100%;height:100%;visibility: hidden;z-index:99991;}
/* 遮罩层 */
.chest1{background:rgba(0, 0, 0, 1);position:fixed;left:0;top:0;right:0;width:100%;height:100%;}
/* 关闭按钮 */
.closeoff{ position: absolute;right: 10px;top: 10px;z-index:99993; color:#ddd;font-size: 24px; }
.pop_title{
position: absolute; top: 15px;z-index:99993; color:#fff;font-size: 16px;
width: 100%; text-align: center;
}
.share {}
.share .bdsharebuttonbox {
height: 30px;
display: flex;
align-items: center;
}
.share .bdsharebuttonbox .share-title {
font-size: 14px;
color: #888;
margin-bottom: 0;
}
.share .bdsharebuttonbox .platformIcon {
margin: 0 10px;
}
.baidushare .share-icon {
float: left;
height: 30px;
line-height: 30px;
color: #999;
font-size: 14px;
overflow: hidden;
}
.baidushare .bdsharebuttonbox .bds_weixin,
.baidushare .bdsharebuttonbox .bds_sqq,
.baidushare .bdsharebuttonbox .bds_qzone,
.baidushare .bdsharebuttonbox .bds_tieba,
.baidushare .bdsharebuttonbox .bds_more {
display: block;
float: left;
width: 30px;
height: 30px;
text-align: center;
padding: 0;
margin: 0;
margin-left:8px;
}
.baidushare .bdsharebuttonbox img {
display: inline-block;
width: 100%;
}
.baidushare .bdsharebuttonbox .bds_sqq {
background: url("../images/sh4.png") no-repeat center center !important;
background-size: 100% auto !important;
}
.baidushare .bdsharebuttonbox .bds_qzone {
background: url("../images/sh2.png") no-repeat center center !important;
background-size: 100% auto !important;
}
.baidushare .bdsharebuttonbox .bds_tieba {
background: url("../images/sh6.png") no-repeat center center !important;
background-size: 100% auto !important;
}
.baidushare .bdsharebuttonbox .bds_weixin {
background: url("../images/sh1.png") no-repeat center center !important;
background-size: 100% auto !important;
}
.baidushare .bdsharebuttonbox .bds_more {
background: url("../images/sh5.jpg") no-repeat center center !important;
background-size: 100% auto !important;
}
.about_boshi{ }
.about_boshi_lt{ }
.about_boshi_lt .typo{margin-top:20px;}
.about_boshi_rt{margin-top:20px;}
.about_boshi_rt .img{ padding:10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.about_boshi_rt img{ width: 100%; }
.about_yf{ }
.about_yf .item{width: 100%;margin-bottom: 18px; }
.about_yf .item .pd{ padding:20px; background: #f9f9f9;}
.about_yf .item .t{ font-size: 22px; color:#000}
.about_yf .item .line {
margin-top: 15px;
width: 44px;
height: 3px;
border-radius: 2px;
background: #008FC7;
}
.about_yf .item .des{ font-size: 16px;line-height: 1.7;margin-top: 18px; color: #444;}
.about_yf02{}
.about_yf02 .img img{ width: 100%;}
.ny_banner{ display: block}
.ny_video{ display: none}
.ny_msg{ padding:30px 18px}
.ny_msg .red{
color: #dc5958;
margin-right: 5px;
}
.contact_biaod{margin-top: 10px;}
.contact_biaod_item{margin-bottom: 0;}
.contact_biaod_item .w-lt{ width: 100%;}
.contact_biaod_item .w-rt{ width: 100%;}
.contact_biaod_item .txt5,
.contact_biaod_item .txt2,
.contact_biaod_item .txt1{ padding:10px;width:100%;height: 46px;font-size:14px;background:#fff;border:1px solid #e0e0e0; border-radius: 2px;}
.contact_biaod_item .ti{ font-size: 16px;margin-bottom: 8px; color: #000 ;height: 20px;margin-top: 18px}
.contact_biaod_item .txt5{height:100px;line-height: 1}
.contact_biaod_item .w-lt2{ width: 50%;float:left;}
.contact_biaod_item .w-lt3{width: 40%;float:left;margin-left: 2%}
.contact_biaod_item .w-lt3 img{cursor: pointer; height:46px;border:1px solid #ddd; width: 100%}
.contact_biaod_item .w-lt4{ text-align: left;padding-top:12px;}
.contact_biaod_item .btn{height: 46px;font-size:14px;background:#008FC7; color: #fff;border:none; width: 50%}
@keyframes bounce2 {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
90% {
-webkit-transform: translate3d(0, -2px, 0);
transform: translate3d(0, -2px, 0);
}
}
.bounce2 {
-webkit-animation-name: bounce2;
animation-name: bounce2;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
.cpx_icon{width: 100%;margin: 0 auto;padding: 55px 0;}
.cpx_icon ul{text-align: center;margin-top: -30px;}
.cpx_icon li{background: url(../images/cpx_line.png) right center no-repeat;display: flex;/* padding:0 90px; */float: left;width: 50%;align-items: center;justify-content: center;margin-top: 30px;}
.cpx_icon li:nth-of-type(2),
.cpx_icon li:nth-of-type(4){background: none}
.cpx_icon .item{text-align: center;}
.cpx_icon .item .img,
.cpx_icon .item .txt{float:left;}
.cpx_icon .item .img{padding: 8px 12px 0 0;}
.cpx_icon .item .img img{
width: 40px;
}
.cpx_icon .item .num span{font-size: 28px;color:#008FC7;font-weight: bold;}
.cpx_icon .item .num em{ font-size: 16px; color:#008FC7;margin-left:4px;font-weight: bold;}
.cpx_icon .item .des{font-size: 15px;margin-top: 6px;}
.cpx_content_1_bg{padding-bottom: 30px;}
.cpx_content_1_bg:last-child{padding-bottom:30px ;}
.cpx_content_1{width: 100%;margin: 0 auto;padding: 0 18px;}
.cpx_content_t{margin-bottom: 18px;}
.cpx_content_t b{display: block;font-size: 20px;position: relative;padding-left:16px;font-weight: bold;}
.cpx_content_t b:before{
content: '';
position: absolute;
top:50%;
left:0;
margin-top: -10px;
width: 5px;
height: 20px;
background: #008FC7;
}
.cpx_relevant_con{
position: relative;
padding: 0 40px;
margin: 0 -18px;
}
.pro_yingyu_list2{padding-top:0;}
.pro_yingyu_list2 ul{margin:-9px -9px 0 -9px}
.pro_yingyu_list2 li{width: 50%;padding: 9px;}
/**/
.ny_videoWrap_bg{
padding: 80px 0;
/* background:#000; */
padding: 30px 18px;
}
.ny_videoWrap{width: 100%;margin:0 auto;}
.ny_videoWrap_list{
margin:-30px -15px 0 -15px;
}
.ny_videoWrap_list li{float:left;width: 50%;padding: 15px 15px 0 15px;}
.ny_videoWrap_list .item{
display: block;
transition: all 0.3s;
border: 1px solid #ddd;
}
.ny_videoWrap_list .imgbox{
overflow: hidden;
position: relative;
}
.ny_videoWrap_list .mask{
position: absolute;
z-index: 100;
top:0;
left:0;
background: rgba(0,0,0,.2);
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.3s;
}
.ny_videoWrap_list .imgg{width: 100%;transition: all 0.3s;}
.ny_videoWrap_list .txt{
}
.ny_videoWrap_list .title{
width: 100%;
height: 55px;
line-height: 55px;
text-align: center;
font-size:15px;
color: #333;
/* margin-top: 10px; */
overflow: hidden;
word-wrap: normal;
white-space: nowrap;
text-overflow: ellipsis;
}
.ny_videoWrap_list li:hover .item .imgg{
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.ny_videoWrap_list li:hover .item .mask{
background: rgba(0,0,0,.15);
}
.ll_inx_huob_bg{
width: 100%;
padding: 40px 0;
background: #F5F6F8;
}
.ll_inx_huob{
width: 100%;
margin: 0 auto;
}
.ll_inx_huob_con {
text-align: center;
padding-top: 30px;
}
.ll_inx_huob_con ul{padding:0 8px;}
.ll_inx_huob_con li{width: 50%;float:left;padding: 10px;}
.ll_inx_huob_con li .img img{width: 100%}
/**/
.contactWrap_t_con{max-width: 1400px;margin:0 auto;margin-top: 30px;}
.contactWrap_t_ul{margin: 0;/* padding: 0 10px; */}
.contactWrap_t_ul li{float:left;width: 100%;/* padding:0 10px; */margin-bottom: 20px;}
.contactWrap_t_ul .item{
display: flex;
width: 100%;
height: 270px;
align-items: center;
justify-content: center;
background: #fff;
text-align: center;
transition: all .3s;
border: 1px solid #eaeaea;
}
.contactWrap_t_ul li:hover .item{
box-shadow: 0 10px 24px 0 rgba(0,0,0,.1);
transform:translateY(-6px);
}
.contactWrap_t_ul .img{}
.contactWrap_t_ul .title{font-size: 20px;color: #333;margin: 30px 0 0 0;font-weight: bold;}
.contactWrap_t_ul .subtitle{font-size: 14px;margin: 17px 0 32px 0;color: #545454; display: none}
.contactWrap_t_ul .des{font-size: 14px;line-height: 1.3;color: #000;margin-top: 24px}
.contactWrap_t_ul .des .img0{margin-left:4px;}