@charset "utf-8";


*{
    -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;}

body{
    font-family: 思源黑体,PingFang SC, Lantinghei SC, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans;
}

/*
-----------------------------------------------------------------*/
.top0_bg{width: 100%;background: #181818;color: #fff;font-size: 14px; }
.top0_bg a{color:#fff;}
.top0{max-width: 1600px;margin: 0 auto;padding:0 33px;}
.top0 .w-rt{margin-right:0;line-height:42px;}
.top0 .w-rt span{margin: 0 6px; font-size: 14px; color: rgba(255,255,255,0.8)}
.top0 .w-rt b{ font-weight: normal; display: none  }
.top0 .w-rt i{ font-size: 15px;margin-right: 6px; }
.top0 .w-rt a:hover{text-decoration: underline}

.top0_title{float:left;line-height:42px;}
.top0_title img{height: 18px;position: relative;top:12px; margin:0 4px 0 4px}

.top0_txt{width:280px;float:left;}
.top0_txt .top0_txt_scroll{width:280px;height: 42px; overflow: hidden;}
.top0_txt .top0_txt_scroll .title{width: 100%;height: 42px;line-height: 42px;  font-size: 14px;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;

}
.top0_txt .top0_txt_scroll .title a{ color: #fff;}
.top0_txt .top0_txt_scroll .title a:hover{ text-decoration: underline; /*color: #c90909*/ }


.top0 .w-lt{padding-top: 11px ;line-height: normal}
.top0 .w-lt span{margin-right: 15px}
.top0 .w-lt img{height: 19px;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.top0 .w-lt img:hover{
    -webkit-transform: scale(1.14);
    transform: scale(1.14);
}


.header_height {
    height: 90px;
}

.w-headerbg-x{
    width: 100%;
    background: #fff;
    height: 90px;
    /* border-bottom: 1px solid rgba(0,0,0,0.1); */
    position: fixed;
    z-index: 300;
    box-shadow: 0 1px 6px rgba(0,0,0,0.1)
}

.logo-h1{float:left;   }
.logo-a{
    height: 90px;
    display: flex;
    align-items: center;
    /* padding: 0 30px; */
    /* background: #008FC7; */
    transition: all 0.2s;
    min-width: 280px;
    /* justify-content: center; */
}
.logo-a .img{
    /*width: 212px;*/
    position: relative;
    top:-3px
}

.w-headerbg-x-fixed .logo-a{

}


.w-header-x{ margin: 0 auto; max-width: 1720px; min-width: 1200px;  position: relative;z-index: 100; padding:0 20px}
.w-navbg-x{ float: right; }

.w-header-x .telwap{float: right;padding:25px 0 0 50px;   display: none }
.w-header-x .telwap dl{padding-left:45px; background: url(../images/hzx9.png) left top no-repeat;  }
.w-header-x .telwap dt{font-size: 14px;color: #888;}
.w-header-x .telwap dd{font-size: 16px;margin-top: 5px; font-weight: bold;}

.w-navbg-x{float:right; }
.w-nav-x{}
.w-nav-x .nav-li{float:left;position: relative;z-index: 100; margin:0 5px; }
.w-nav-x .nav-span{display: block;/* padding: 0 20px; */}
.w-nav-x .nav-a{
    position: relative;
    z-index: 100;
    font-size: 16.5px;
    height: 90px;
    line-height: 90px;
    display: block;
    text-align: center;
    color: #000;
    padding: 0 20px;
    /*background: url(../images/nav_i2.png) right center no-repeat;*/
}
.w-nav-x .nav-li:last-child{margin-right: 0}

.w-nav-x .nav-a:hover{
    color:#008FC7;
}
.w-nav-x .nav-a:before{
    content: '';
    position:absolute;
    bottom: 0;
    left:0;
    width:100%;
    height:2px;
    background:#008FC7;
    display: none;
}

.w-nav-x .nav-li:hover .nav-a,
.w-nav-x .nav-li.hover .nav-a,
.w-nav-x .nav-li.cur .nav-a{
    /* color:#008FC7;
    font-weight: bold; */

    color:#fff;
    background: #008FC7;
}

.w-nav-x .nav-li:hover .nav-a:before,
.w-nav-x .nav-li.cur .nav-a:before{ display: none}

/**/
.nav-item{
    position:absolute;
    z-index:100;
    left:0;
    top:90px;
    display: none;
}

.nav-item .pd{
    position:relative;
    z-index:100;
    min-width: 220px;
    color:#333;
    background: rgba(255,255,255,1);
    box-shadow: 0 8px 10px rgba(0,0,0,0.1);
    /*border-bottom-left-radius: 8px;*/
    /*border-bottom-right-radius:8px;*/
    overflow: hidden;
    padding:15px;
}

.nav-item .aa{ font-size:15.5px; width: 100%; display: block;
    color: #111; text-align: left; padding:10px 20px;
    line-height: 1.4;
}
.nav-item .aa:hover{
    text-decoration: none;
    /*background: #EA5404; */
    color: #008FC7;
    text-decoration: underline;
}



/*2*/
#nav-item-1{left:-300px;  }
#nav-item-1 .pd0{
    width: 820px;
    position:relative;
    z-index:100;
    background: rgba(255,255,255,1);
    box-shadow: 0 8px 10px rgba(0,0,0,0.1);
    padding:45px 50px;
}
.nav-item-pro .pd0_lt{float:left;}
.nav-item-pro .pd0_rt{float:right;}

.nav-item-pro .pd0_lt dl{float:left;margin-right:65px;}
.nav-item-pro .pd0_lt dl:last-child{margin: 0;}
.nav-item-pro .pd0_lt dd{margin-bottom:25px;font-size:15.3px;}
.nav-item-pro .pd0_lt dd:last-child{margin:0;}
.nav-item-pro .pd0_lt dd a{color:#333}
/*.nav-item-pro .pd0_lt a:hover,*/
.nav-item-pro .pd0_lt a.ccur{color:#008FC7;text-decoration: underline;}
.nav-item-pro .pd0_rt img{ width: 230px;}

/*2*/
.nav-item-pro .pd0_lt{width: 295px}
.nav-item-pro .en_pd0_lt{width: 600px}
.nav-item-pro .pd0_lt .h_d0{}
.nav-item-pro .pd0_lt .h_d0 .d0{float:left; width: 50%;margin-bottom:25px;font-size:15.3px;}


/*2*/
#nav-item-2{left:-280px;  }
#nav-item-2 .pd0{
    width: 680px;
    position:relative;
    z-index:100;
    background: rgba(255,255,255,1);
    box-shadow: 0 8px 10px rgba(0,0,0,0.1);
    padding:45px 50px;
}
.nav-item-hy dl{}
.nav-item-hy dd{
    float:left; width: 50%;
    margin-bottom:25px;font-size:15.3px;
}
.nav-item-hy dd:last-child{margin:0;}
.nav-item-hy dd .icon{margin-right: 15px}
.nav-item-hy dd a{color:#333; display: flex;
    align-items: center;}
.nav-item-hy dd a:hover{color:#008FC7;text-decoration: underline;}



/**/
.w-nav-x .nav-lang{float:left;position: relative; z-index: 100;   margin-left: 15px;}
.w-nav-x .langbox{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90px;

}
.w-nav-x .langbox .aa{margin: 0 13px;display: block;font-size: 16px}
.w-nav-x .langbox .aa:hover{
    color: #008FC7;
}
.w-nav-x .langbox .img2{padding-top: 10px;}


.langbox-show{
    position:absolute;
    z-index:100;
    left:0;
    top:90px;
    display: none;
}

.langbox-show .pd{
    position:relative;
    z-index:100;
    min-width: 90px;
    color:#333;
    background: rgba(255,255,255,1);
    box-shadow: 0 8px 10px rgba(0,0,0,0.1);
    overflow: hidden;
    /*padding:6px 0;*/
}
.langbox-show .pd a{ display: block; width: 100%;line-height: 50px;border-bottom: 1px solid #eee; text-align: center; font-size: 15.5px}
.langbox-show .pd a:last-child{border: none}
.langbox-show .pd a:hover{  color: #008FC7; text-decoration: underline}





.nav-search{float:right;cursor: pointer;position: relative;z-index:100;  height: 84px;
    margin-left:50px; border-left:1px solid #eee;border-right:1px solid #eee;
    display: none;
}
.nav-search-inner{ padding:26px 10px 0 10px;}
.nav-search-inner .text{float:left;border:none; background:none;padding:0 10px; width:120px;height:30px; color: #333; }
.nav-search-inner .btn{ float:left;border:none; cursor:pointer;width: 30px;height:30px;   text-align: center;
    /*background: url(../images/nr16.png) no-repeat center center;*/ background: none;
}
.nav-search-inner .btn img{ width: 18px }






/*--------------------------------------------------*/
.swiper0 .swiper-slide img { width: 100%;}
.swiper0{min-width: 1200px;margin:0 auto;}
.swiper0 .swiper-pagination-bullet{
    width: 12px;height:12px;border-radius: 12px;
    display: inline-block; background: transparent;border:1px solid #008FC7; opacity: 0.5;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
}
.swiper0 .swiper-pagination-bullet-active{border-color:#008FC7;  background: #008FC7; opacity: 1;}

.swiper0 .swiper0-prev,
.swiper0 .swiper0-next{top:50%;transform: translateY(-50%);
    width: 40px;
    height: 80px;
    background: rgba(0,0,0,0.5);  font-size: 30px; color: #fff; cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;z-index: 1}

.swiper0 .swiper0-prev{left:30px}
.swiper0 .swiper0-next{right:30px}


/**/
.inx_ht{ text-align: center}
.inx_ht .t1{ font-weight: bold;font-size: 36px;}
.inx_ht .t2{font-size: 16px;margin-top: 15px; color: #444}


.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:70px 0}
.ll_inx_product{ width: 1400px;margin: 0 auto}

.ll_inx_product_con{ text-align: center;padding-top: 50px;}
.ll_inx_product_con li{ display: inline-block; width:15%; vertical-align: top }
.ll_inx_product_con .title{font-size: 16px;font-weight: bold;}
.ll_inx_product_con .icon{display: flex;height: 120px;align-items: center;justify-content: center;}
.ll_inx_product_con .icon img{max-height: 65px; display: block;}

.ll_inx_product_con li:hover .title{
    color: #008FC7;
}


/**/
.ll_inx_pro_bg{ width: 100%;padding:70px 0;background: #e2e5ea;}
.ll_inx_pro{ width: 1400px;margin: 0 auto}
.ll_inx_pro .hd{ width: 230px;float:left;}
.ll_inx_pro .hd li{margin-bottom: 12px}
.ll_inx_pro .hd li:last-child{margin-bottom: 0}
.ll_inx_pro .hd li span,
.ll_inx_pro .hd li a{ display: block}
.ll_inx_pro .hd li a{background: #fff; width: 100%;height: 52px;line-height: 52px; font-size: 15px;padding-left:35px; overflow: hidden}
.ll_inx_pro .hd li.on a{background: #008FC7; color: #fff }

.ll_inx_pro .bd{ width: 1155px;float:right;  }
.ll_inx_pro .bd .img{ width: 460px;float:left; overflow: hidden;}
.ll_inx_pro .bd .img img{width: 100%;height: 373px; object-fit:  cover;}
.ll_inx_pro .bd .txt{width: 660px;float:right;}
.ll_inx_pro .bd .title{ font-size: 24px; font-weight: bold}
.ll_inx_pro .bd .des.typo{margin-top: 30px; 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:70px 0 120px 0;
    background: url(../images/bg1.jpg) no-repeat center top;
    background-size: cover;
}
.ll_inx_hangy{ width: 1400px;margin: 0 auto}

.ll_inx_hangy_con{position:relative;margin-top:80px;}
.swiper-hangy-prev,
.swiper-hangy-next{  position: absolute; z-index: 1 ;top:50% ;transform: translateY(-50%)}

.swiper-hangy-prev{left:-65px;}
.swiper-hangy-next{right:-65px;}

.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 .img img{ width: 100%;max-width: 340px}
.swiper-hangy .icon img{height: 55px}
.swiper-hangy .swiper-slide{width: 25%;}



/**/
.ll_inx_fuwu_bg{width: 100%;padding:70px 0;display: none;}
.ll_inx_fuwu{ width: 1400px;margin: 0 auto; display: none}
.ll_inx_fuwu_con{margin-top: 70px;}
.ll_inx_fuwu_con ul{margin: 0 -20px;}
.ll_inx_fuwu_con li{float:left;padding:0 20px; width: 50%;}
.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: 20px; margin-top: 15px;color: #008FC7;  font-weight: bold; }
.ll_inx_fuwu_con .des{ font-size: 16px;margin-top: 12px;}


/**/
.ll_inx_about_bg{width: 100%;padding: 80px 0;/* background: #f6f7f9 */}
.ll_inx_about{ width: 1400px;margin: 0 auto}
.ll_inx_about01_lt{
    width: 755px;
    float:left;
}
.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: 36px;}
.ll_inx_about01_lt .t2{font-size: 18px;}
.ll_inx_about01_lt .t2 em{padding:0 8px}
.ll_inx_about01_lt .con{ text-align: justify;margin-top: 35px}
.ll_inx_about01_lt .bmore{margin-top: 30px}
.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: 580px;
    float:right;
}

.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%;height: 320px}

.ll_inx_about02{
    width: 100%;
    margin: 60px auto 0 auto;
}

.ll_inx_about02 ul{ display: flex;justify-content: space-between}
.ll_inx_about02 .num{ font-size: 40px; 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: 16px;margin-top: 5px;color: #555}


/**/
.ll_inx_news_bg{width: 100%;padding: 70px 0 90px 0;}
.ll_inx_news{ width: 1400px;margin: 0 auto}

.ll_inx_newsCon .hd{ text-align: center; font-size: 16px;margin-top: 42px}
.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: 45px;
}
.bdCon_news .lt{width: 520px;float:left;}
.bdCon_news .lt .img{height: 350px;overflow:hidden;}
.bdCon_news .lt .img img{width: 100%;height: 350px; }
.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: 815px;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: 35px;margin-left: 25px;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: 52px;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: 32px;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: 13px;font-size: 27px;font-weight: bold;color: #fff;letter-spacing: 1px;}
.footer1_1 .w-right .w-lt222 .ewm{padding-top: 5px}
.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: 1400px;margin:0 auto; }
.footer2 a{color: rgb(255 255 255 / 0.6);}
.footer2  span{padding:0 5px;}


/**/
.footer22_bg{width:100%;height:50px;line-height: 50px;background: #333;border-top: 1px solid rgb(255 255 255 / 0.08); display: none}
.footer22{font-size:14px;color: rgb(255 255 255 / 0.6);width: 1400px;margin:0 auto; text-align: center }
.footer22 a{color: rgb(255 255 255 / 0.6);}
.footer22  span{padding:0 5px;}

.footer22 img{ vertical-align: middle;position: relative;height: 20px!important; width: auto}

/**/
.footer3_bg{width:100%;padding:10px 0; line-height:1.8; }
.footer3{font-size:14px; width: 1400px;margin:0 auto;color: #444;padding-right: 100px; position: relative;}
.footer3 b{ font-weight: bold}
.footer3 a{margin-right: 20px; color: #555}
.footer3 a:hover{text-decoration: underline}
.footer3 .sa{margin: 0; position: absolute; right: 0;top:0; display: none}



/**/
.po_common_bg{border-bottom: 1px solid #e7e7e7;width: 100%;}
.po_common{width:1400px;margin:0 auto; line-height: 56px; font-size: 16px; color: #444}
.po_common a{color: #444}
.po_common a:last-child{color: #008FC7}
.po_common span{padding:0 5px; font-family: fangsong}
.po_common img{vertical-align: middle ;position: relative;top:-4px;margin-right:14px;}


/**/
.ny_ht{min-height: 55px; position: relative}
.ny_ht .t1{ font-size: 40px}
.ny_ht .line{width: 55px;height: 4px;margin-top: 15px;background: #008FC7;
    border-radius: 2px;
}
.ny_ht .t2{font-size: 14px;color:#777;margin-top: 22px;}

.ny_ht_rt{ position: absolute; top:15px; right:0;}
.ny_ht_rt a{ display: block;padding:10px 25px; font-size: 17px;border:1px solid #ddd;float:left;margin-left: 15px;}
.ny_ht_rt a:hover,
.ny_ht_rt a.cur{border-color:#008FC7;color:#008FC7;}

.ny_ht_center{ text-align: center}
.ny_ht_center .line{margin: 15px auto 0 auto;}



/**/
.ny_service_bg{padding:50px 0 0 0;}
.ny_service{ width: 1400px;margin:0 auto}

.ny_service01{border-top: 1px solid #eaeaea;padding-top: 55px;margin-top: 30px;}
.ny_service01 .t{ font-size: 22px;color: #008FC7}
.ny_service01 ul{margin: 35px -25px 0 -25px;}
.ny_service01 ul li{float:left;width: 25%;padding:0 25px;}
.ny_service01 ul .item{display: block;border: 1px solid #eaeaea;text-align: center;padding:50px 0;
    transition: all .3s;
}
.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: 70px 0 120px 0;margin-top: 70px;}
.ny_service02 ul{ margin:0 -25px 0 -25px;}
.ny_service02 ul li{float:left;width: 25%;padding:0 25px;}
.ny_service02 ul .item{display: block;border: 1px solid #eaeaea;padding:20px;}
.ny_service02 ul .img{overflow: hidden;}
.ny_service02 ul .img img{width: 100%;transition: all .3s;}
.ny_service02 ul .title{font-size:18px;margin: 24px 0 18px 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:70px 0 120px 0;}
.ny_qi{ width: 1400px;margin:0 auto}

.ny_qi_con{padding-top:100px;}
.ny_qi_ul li{
    margin-bottom: 75px;
}
.ny_qi_ul li:last-child{margin: 0}
.ny_qi_ul li .img,
.ny_qi_ul li .txt{ width: 50%; }

.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: 20px 60px 0 60px;}
.ny_qi_ul li .img img{width: 100%}
.ny_qi_ul li .num{font-size:40px;color: #008FC7;font-weight: bold;}

.ny_qi_ul li .title{ font-size: 24px;font-weight: bold;margin-top: 22px;}
.ny_qi_ul li .con{margin-top: 40px;background: url(../images/qi0.png) no-repeat left 6px;padding-left: 35px;}
.ny_qi_ul li .des.typo{ }
.ny_qi_ul li .des.typo p{margin-bottom: 8px;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;
    display: none;
}
.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: 1400px;border-top: 1px solid #e7e7e7;margin: 15px auto 0 auto; padding-bottom:120px;  }
.productList_lt{width: 290px;float: left;}
.productList_rt{width: 1110px;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;padding: 10px;}
.proList_ul li{
    float:left;
    width: 33.333%;
    padding: 10px;
}
.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: 20px 20px 30px 20px;
}
.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:50px 0 0 0 }
.ny_rongyu{width: 1400px; margin:  0 auto; }
.ny_rongyu01{padding:65px;background:#f0f0f0;margin-top:50px;}
.ny_rongyu01 .con{ float:left;color:#474747}
.ny_rongyu01 .con:first-child{padding-right: 80px;}
.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_anList_bg{padding:50px 0 120px 0;}
.ny_anList{ width: 1400px;margin: 0 auto}

.ny_anList_cate{width: 1400px;margin: 0 auto}
.ny_anList_cate ul{margin: -10px -5px 0 -5px}
.ny_anList_cate li{ width: 16.66666%;float:left;padding:10px 5px 0 5px}
.ny_anList_cate .item{
    display: flex; height: 62px; align-items: center; background: #f4f4f4;
    width: 100%;
    overflow: hidden;
}
.ny_anList_cate .img{padding:0 20px;  }
.ny_anList_cate .img img{height: 33px;}
.ny_anList_cate .title{ font-size: 16px;}

/*.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;  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;   background: #008FC7;}



.ny_anList_con{margin-top: 50px}
.ny_anList_ul{margin:-40px -20px 0 -20px;}
.ny_anList_ul li{padding: 40px 20px 0 20px;float:left; width: 50%}
.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_anList_con2{}
.ny_anList_ul2{margin:-30px -12px 0 -12px;}
.ny_anList_ul2 li{padding: 30px 12px 0 12px;float:left; width:25%}
.ny_anList_ul2 .item{ display: block;position: relative;border:1px solid #eee; box-shadow: 0 0 10px rgba(0,0,0,0.08)}
.ny_anList_ul2 .img{overflow: hidden}
.ny_anList_ul2 .img img{ width: 100%}
.ny_anList_ul2 .txt{}
.ny_anList_ul2 .title{ width: 100%;height: 55px;line-height: 55px;overflow:hidden;color:#333;font-size:16px; text-align: center;}




/*+*/
.ny_conInfo_bg{padding: 50px 0 120px 0;}
.ny_conInfo{ width: 1400px;margin: 0 auto}

.content_details_head{ }
.content_details_head_lt{width: 760px;float:left;padding-top: 20px;}
.content_details_head_rt{width: 500px;float:right;}

.content_details_head_lt .t{font-size: 47px;line-height: 1.4;font-weight: bold;}
.content_details_head_lt .des{margin-top: 60px;}
.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: 60px;}
.content_details_head_lt .btn{float:left;}
.content_details_head_lt .btn_lx{
    transition: all .3s;
    display: block; width: 190px;line-height: 50px;border:1px solid #008FC7; text-align: center;font-size: 16px;color:#008FC7;
}
.content_details_head_lt .btn_lx:hover{background: #008FC7;color:#fff}
.content_details_head_lt .btn_tel{
    transition: all .3s;
    display: flex;width: 190px; height: 52px;border:1px solid #008FC7; align-items: center;justify-content: center;margin-left:32px;
    background: url(../images/ctel.png) 20px center no-repeat;
    padding-left: 40px;
}

.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: 1400px;margin: 0 auto; margin-top: 100px;}
.content_relevant_t{border-top:1px solid #e7e7e7;padding-top:40px;}
.content_relevant_t .t{ font-size: 30px ; font-weight: bold;}
.content_relevant_t .line{width: 55px;height: 3px;margin-top: 15px;background: #008FC7;}

.content_relevant_con{position: relative;margin-top:50px ;padding:0 50px}
.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_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 65px}
.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:0; width: 40px; height: 103px;
    border:1px solid #e8e8e8;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer;
}
.swiper_thumbs_prev img,
.swiper_thumbs_next img{ width:22px; display: block;}
.swiper_thumbs_prev{left: 0;}
.swiper_thumbs_next{right: 0;}
.swiper_thumbs_prev:hover,
.swiper_thumbs_next:hover{border-color:#ccc}

.sharebox{ margin-top: 20px;}
.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 -15px; }
.pro_yingyu_list li{padding: 15px; width: 25%;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:20px; bottom: 20px; font-size: 16px;color: #fff;}





.aboutus_height01{ width: 100%;height: 50px}

/**/
.ny_aboutus01_bg{padding: 0 0 50px 0;}
.ny_aboutus01{ width: 1400px;margin: 0 auto}

.aboutus_cate_bg{width: 100%; z-index: 99 ; display: none}
.aboutus_cate{width: 1400px;margin: 0 auto}
.aboutus_cate li{ width: 168px;float:left;}
.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: 40px;}
.aboutus_t .line{ margin-top: 30px;width: 56px;height: 4px;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: 55px; }
.aboutus01_lt{ width: 670px;float:left;}
.aboutus01_rt{ width: 666px;float:right;}

.aboutus01_lt .imgbox{margin-top:40px;}

.aboutus01_rt .typo{line-height: 1.8;text-align: justify; font-size: 17.2px}
.aboutus01_rt .typo p{margin-bottom: 30px; }
.aboutus01_rt .typo p:last-child{margin-bottom: 0}


/**/
.ny_aboutus02_bg{padding: 60px 0;background: #fbfbfb; display: none}
.ny_aboutus02{ width: 1400px;margin: 0 auto}

.ny_aboutus02_con{margin-top: 60px;}
.ny_aboutus02_con ul{margin: 0 -8px}
.ny_aboutus02_con li{float:left; width: 25%;padding:0 8px;}
.ny_aboutus02_con .item{
    width: 100%;height: 210px;
    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:16px;line-height: 1.5;color: #555;}


/**/
.ny_aboutus03_bg{padding:50px 0}
.ny_aboutus03{ width: 1400px;margin: 0 auto}

.ny_aboutus03_con{margin-top: 60px;}
.ny_aboutus03_tab .hd{width: 300px;float:left;}
.ny_aboutus03_tab .bd{width: 800px;float:left;margin-left: 20px;}

.ny_aboutus03_tab .hd ul{width: 206px;float:right}
.ny_aboutus03_tab .hd li{width: 100%;text-align: right;margin-bottom: 22px;font-size: 16px; cursor: pointer}
.ny_aboutus03_tab .hd li.on{border-bottom:4px solid #008FC7;color:#008FC7;font-size: 20px;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: 65px;}
.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:0;width: 32px;height: 32px; background: url(../images/fz1.png) left top no-repeat;}

.ny_aboutus03_tab .bd dl dt{
    font-size: 24px;color:#008FC7;padding-top:3px;
    width: 85px;
}
.ny_aboutus03_tab .bd dd{
    width: calc(100% - 85px);
    padding-left: 30px;
}
.ny_aboutus03_tab .bd dd .typo{color:#222}
.ny_aboutus03_tab .bd dd .typo a{color:#222}
.ny_aboutus03_tab .bd dd .typo p{margin-bottom: 5px}



/**/
.ny_aboutus04_bg{padding: 60px 0 100px 0;background: #fbfbfb; display: none}
.ny_aboutus04{ width: 1400px;margin: 0 auto}
.ny_aboutus04_con{margin-top: 60px;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:-48px; display: flex; align-items: center;justify-content: center;
    height: 96px;width: 32px;  background: rgba(255,255,255,0.7); 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: 60px 0 0 0;}
.ny_contact_xs{ width: 1400px;margin: 0 auto}



/**/
.ny_contact_hz_bg{padding:80px 0 0 0;position: relative;z-index: 30}
.ny_contact_hz{ width: 1400px;margin: 0 auto}

.ny_contact_hz_list{margin-top: 50px;position: relative;z-index: 20; display: none}
.ny_contact_hz_list ul{margin:0 -12px;}
.ny_contact_hz_list li{float:left;padding:0 12px; width: 25%;}


.ny_contact_hz_list .item{
    display: flex;
    width: 100%;
    height: 315px;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 12px;
    text-align: center;

    padding:0 40px;
    transition: all .3s;
    border:1px solid #f8f8f8
}
.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: 50px 0 30px 0;color: #666;}
.ny_contact_hz_list .des{font-size: 16px;line-height: 1.5;/* color: #222 */}


.ny_contact_hz_map{position: relative;z-index: 20 ;
    max-width:1400px;height: 580px;background-position: center center; background-repeat: no-repeat;
    margin: 0 auto;
    margin-top: 30px;
}
.ny_contact_hz_map .con{
    position: absolute;
    top: 240px;
    left:50%;
    margin-left:-160px;
    width: 320px;
    padding: 20px;
    background: rgb(0 143 199 / 75%);
    color:#fff;
    border-radius: 9px;
    display: block;
}
.ny_contact_hz_map .con:hover{ text-decoration: underline}

.ny_contact_hz_map .con .p1{ font-size: 17px; 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;
    top: 350px;
    left: 50%;
    margin-left: -4px;
    border-radius: 50%;
    animation: wobble 2s ease-out;
    animation-iteration-count: infinite;
    background: #E53F33;
}
.ny_contact_hz_map .icon2:before {
    content: " ";
    width: 8px;
    height: 8px;
    position: absolute;
    top: 350px;
    left: 50%;
    margin-left: -4px;
    border-radius: 50%;
    animation: pulsate 2s ease-out;
    animation-iteration-count: infinite;
    background: #E53F33;
}
@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: 60px 0;}
.ny_contact_sc{ width: 1400px;margin: 0 auto}
.ny_contact_sc_con{margin-top: 50px;}
.ny_contact_sc_con ul{margin:0 -12px}
.ny_contact_sc_con li{width: 33.333%;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:35px;}
.ny_contact_sc_con .title{ font-size: 20px;}
.ny_contact_sc_con .des{ font-size: 14px; color: #565656;margin-top: 20px;}
.ny_contact_sc_con .ic{position: relative;top:-3px; margin-right: 8px}


/**/
.ny_contact_bs_bg{padding: 50px 0 100px 0;}
.ny_contact_bs{ max-width: 1400px;margin: 0 auto}
.ny_contact_bs .t{ font-size: 28px;}
.ny_contact_bs_con{margin-top: 30px;}
.ny_contact_bs_con ul{margin:-24px -12px 0 -12px}
.ny_contact_bs_con li{padding:24px 12px 0 12px;  width:33.333%;float:left;}
.ny_contact_bs_con .item{padding:25px; background:#f8f8f8}
.ny_contact_bs_con .title{ font-size: 20px; height: 22px;line-height: 22px;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;

}
.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 .ite2{height: 48px}
.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:60px 0 100px;
    background: #fff
}
.zhaop_wrap{
    width: 1400px;
    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: 50px;
}
.zhaop_list li{
    padding:25px 0;
    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: 18px;
    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: 14px;
    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;}
.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;}
.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: 25px;
    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:60px 0 100px 0}
.newsWrap{width: 1400px;margin: 0 auto}
.newsWrap_list{margin-top: 50px;}
.newsWrap_list ul{ }
.newsWrap_list li{ width: 100%;}
.newsWrap_list .item{
    padding:25px 15px ;
    border-bottom: 1px solid #ddd;
    -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 a{color:#008FC7;}
.newsWrap_list .img{float:left;width:28%;height: 220px; overflow: hidden}
.newsWrap_list .img img{
    width: 100%;
    border-radius: 2px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;

}


.newsWrap_list .txt{float:left;width:72%;padding: 12px 0 0 35px;box-sizing: border-box;}
.newsWrap_list h3{width:100%;height: 22px;line-height:22px;font-size: 20px;   }
.newsWrap_list h3 a{
    transition: all 0.3s;
}
.newsWrap_list p{width:100%;font-size: 14px;height: 50px;line-height: 25px;color: #888;overflow: hidden;margin-top: 22px;}
.newsWrap_list .date{color:#999;margin-top:15px;font-size:13px;}
.newsWrap_list .btn{margin-top:15px; padding:0;}
.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 .txt{width:100%;padding:3px 0 0 0px;}

.newsWrap_list .pd{
    transition: all .36s cubic-bezier(.215,.61,.355,1) 0s;
    transform: translatey(15px);
}

.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;

}
.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: 28px;}
.slideTxtBox_side h3{margin-bottom: 0}
.slideTxtBox_side h3 a{
    display: block;
    padding-left:32px;
    height: 52px;
    line-height: 52px;
    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 255px 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 .a1{
    display: block;
    padding:0 15px 0 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: 15px;
}
.slideTxtBox_side_ul .a1:hover{
    color: #008FC7;
}

.slideTxtBox_side_ul li.cur a{
    color: #e40f3e;
    font-weight: bold;
}

.slideTxtBox_side_ul .a2{
    display: block;
    padding:0 15px 0 50px;
    height: 35px;
    line-height: 35px;
    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: 15px;

}


/*  */
.content_slideTxtBox{}
.content_slideTxtBox .hd{ width: 100%; background: #f9f9f9;margin-top: 90px;}
.content_slideTxtBox_hd_ul{ width: 1400px; margin: 0 auto; height: 48px;line-height: 48px;}
.content_slideTxtBox_hd_ul li{float:left;}
.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: 1400px;margin: 0 auto;padding:20px;}


/***/
.ny_case_bg{padding:50px 0 120px 0;}
.ny_case{}
.ny_case .content_details_head{
    margin-top: 50px;
}
.ny_case .content_details_head_lt{
    width: 680px;
    padding-top: 20px;
}
.ny_case .content_details_head_rt{
    width: 600px;
}
.ny_case .content_thumbnail{
    margin-top: 20px;
}
.ny_case .swiper_thumbs_prev,
.ny_case .swiper_thumbs_next{
    width: 42px;
    height: 69px;
}



/**/
.w-content-pn{ line-height: 2;font-size: 16px;padding-top: 50px;}
.w-content-pn a:hover{ text-decoration:underline;color: #008FC7}


/**/
.w-content-xg-news{
    margin: 12px 0 0 0;
}
.w-content-xg-news li{
    width: 50%;
    padding:0 10px;
    float:left;
}

.w-content-xg-news li a{
    width: 100%;
    height: 32px;
    line-height: 32px;
    display: block;
    font-size: 15px;
}
.w-content-xg-news li a:hover{
    text-decoration: underline;
}

/**/
.w-content-tag{
    padding-top:20px;
    font-size: 15px
}
.w-content-tag a{ display: inline-block;padding:6px 12px;background: #eee;margin-right: 6px}
.w-content-tag a:hover{color:#008FC7}


.news_wrapper{ width: 1240px}

.nyheight{
    height: 75px;
}


/**/
.ny_about_bg{ width: 100%;padding:60px 0;}
.ny_about{ width: 1400px;margin: 0 auto}




.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{min-height: 400px;}
.about_boshi_lt{ width: 830px;float:left; padding-top: 15px;}
.about_boshi_lt .typo{margin-top: 30px;}
.about_boshi_rt{ width: 480px;float: right;}
.about_boshi_rt .img{ width: 480px;padding:10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.about_boshi_rt img{ width: 100%;  }


.about_yf{margin: 0 -15px 0 -15px;}
.about_yf .item{width: 50%; float:left;padding:0 15px;}
.about_yf .item .pd{ padding:25px; background: #f9f9f9;}
.about_yf .item .t{ font-size: 24px; color:#000}
.about_yf .item .line {
    margin-top: 20px;
    width: 40px;
    height:2px;
    border-radius: 2px;
    background: #008FC7;
}
.about_yf .item .des{ font-size: 16px;line-height: 1.8;margin-top: 18px; color: #444;}


.about_yf02{margin-top: 30px;padding-bottom: 50px;}
.about_yf02 .img img{ width: 100%;}


.yingyong_cate_des{
    width: 1400px;margin:25px auto 45px auto; font-size: 16px;line-height: 1.6; color: #6b6b6b
}

.ny_banner{ display: block}
.ny_video{ display: none}

.ny_msg{ max-width: 1400px; margin: 0 auto;padding:50px 20px 95px 20px}
.ny_msg .red{
    color: #dc5958;
    margin-right: 5px;
}
.contact_biaod{margin-top:50px;}
.contact_biaod_item{margin-bottom: 25px;}
.contact_biaod_item .w-lt{ width: 48%;}
.contact_biaod_item .w-rt{ width: 48%;}
.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}
.contact_biaod_item .txt5{height:100px;line-height: 1}

.contact_biaod_item .w-lt2{ width: 32%;float:left;}
.contact_biaod_item .w-lt3{width: 14%;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}
.contact_biaod_item .btn{height: 46px;font-size:14px;background:#008FC7; color: #fff;border:none; width: 48%}



@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: 1400px;margin: 0 auto;padding: 110px 0; }
.cpx_icon ul{ text-align: center}
.cpx_icon li{  background: url(../images/cpx_line.png) right center no-repeat ; display: inline-block;padding:0 80px;}
.cpx_icon li:last-child{background: none}
.cpx_icon .item{ text-align: center}
.cpx_icon .item .img,
.cpx_icon .item .txt{float:left;}
.cpx_icon .item .img{padding:8px 20px 0 0;}
.cpx_icon .item .num span{ font-size: 38px;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: 16px; margin-top: 10px}



.cpx_content_1_bg{padding-bottom: 100px}
.cpx_content_1_bg:last-child{padding:0;}
.cpx_content_1{ width: 1400px;margin: 0 auto}

.cpx_content_t{margin-bottom:30px}
.cpx_content_t b{ display: block; font-size: 24px;position: relative;padding-left:19px; font-weight: bold}
.cpx_content_t b:before{
    content: '';
    position: absolute;
    top:50%;left:0;margin-top:-12px;
    width: 5px;height: 24px;
    background: #008FC7;
}

.cpx_relevant_con{
    position: relative;
    padding: 0 50px;
}


.pro_yingyu_list2{padding-top:0;}
.pro_yingyu_list2 ul{margin:-13px -13px 0 -13px}
.pro_yingyu_list2 li{width: 20%;padding: 13px;}




/**/
.cpx_details_head_lt{
    width: 570px;
    float: left;
}
.cpx_details_head_rt{
    width: 750px;
    float: right;
}

.smallScroll{width: 130px;float:right; }
.smallScroll .sPrev,
.smallScroll .sNext{ width: 100%; height:32px; cursor:pointer; display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    border: 1px solid #e8e8e8;
}
.smallScroll .sPrev:hover,
.smallScroll .sNext:hover{
    border-color:#ccc;
}

.smallScroll .smallImg{margin-top: 10px}
.smallScroll .smallImg li{margin:0 0 8px 0;width: 130px; height:114px}
.smallScroll .smallImg .imgg{ width: 128px; height:112px;border:1px solid #e7e7e7; object-fit: cover }
.smallScroll .smallImg li.on .imgg{  border:1px solid #008FC7}

.bigImg{width: 552px; height:552px;float:left;}
.bigImg li{width: 550px; height: 550px; }
.bigImg .imgg{width: 550px;     display: block}
.bigImg .imgZoom{
    width: 550px; height: 550px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.game163{position: relative}





/**/
.ny_videoWrap_bg{
    padding: 65px 0;
    /* background:#000; */
}
.ny_videoWrap{ width: 1400px;margin:0 auto;}
.ny_videoWrap_list{
    margin:-30px -15px 0 -15px;
}
.ny_videoWrap_list li{float:left; width: 25%;padding:30px 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: 70px 0;
    background: #F5F6F8;
}
.ll_inx_huob{
    width: 1400px;
    margin: 0 auto;
}
.ll_inx_huob_con {
    text-align: center;
    padding-top: 50px;
}
.ll_inx_huob_con ul{margin:-10px -10px 0 -10px;}
.ll_inx_huob_con li{width: 16.666666%;float:left;padding: 10px 10px 0 10px;}
.ll_inx_huob_con li .img img{width: 100%}





/* 产品详细 */
.prodes_wrap_bg_bg{ background: #fff}
.prodes_wrap_bg{padding:80px 0 0 0;}
.prodes_wrap{
    max-width: 1200px;
    margin: 0 auto;
}

.pos{ width:100%; margin: 0 auto;font-size: 15px;color:#444; line-height:50px; }
.pos .w-rt a{color:#555}
.pos .w-rt .sep{ font-family: simsun; padding: 0 4px;color:#adadad;}


/* 产品详情 */
.w-product-hd{padding:30px 0 80px 0;}
.proimg-group{width: 470px;float:left;margin-left: 0px}
.proimg-group .proimg{border:1px solid #eee; position: relative}
.proimg-group .proimg .iconbox{position: absolute; z-index: 10; top:0;right: 0;
    width: 45px;height: 45px; background: rgba(0,0,0,0.5);color:#fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.proimg-group .proimg .iconbox i{font-size: 20px;color:#fff;}
.proimg-group .proimg img{width: 100%;}
.proimg-group .swiper_pro_wrap{position: relative;padding:0 60px;margin-top: 22px; overflow: hidden}
.proimg-group .swiper_pro{}
.proimg-group .swiper_pro .swiper-slide{float:left; width: 20%}
.proimg-group .swiper_pro .swiper-slide img{width: 100%;border: 1px solid #999;opacity: 0.3}
.proimg-group .swiper_pro .swiper-slide.hover img{border:1px solid  #000;opacity: 1}
.proimg-group .pro-prev,
.proimg-group .pro-next{width: 50px;height: 50px; cursor: pointer;position: absolute; z-index: 20}
.proimg-group .pro-prev{  left:0;top:0;background: url(../images/jt1.png) no-repeat center center}
.proimg-group .pro-next{ right:0;top:0;background: url(../images/jt2.png) no-repeat center center}
.proimg-group .pro-prev.swiper-button-disabled,
.proimg-group .pro-next.swiper-button-disabled{opacity: .4}

.protitle-info{width: 570px;float:left;margin-left: 50px}
.protitle-info h1{font-size: 30px;line-height: 1.6; margin-bottom: 10px;   font-weight: bold; color: #444;}
.protitle-info h4{font-size: 19px;line-height: 1.6;border-bottom: 1px solid #eee;margin-bottom: 35px;padding-bottom: 18px;  color: #555 }
.protitle-info .con{}

.protitle-info .btn a{ display: block; width: 170px;line-height: 48px; font-size: 15px;
    background: #3457E8; color:#fff; text-align: center;margin-top: 20px;}
.protitle-info .btn a:hover{opacity: 0.9}
.protitle-info .btn .rii{position: relative;margin-right: 10px;top:4px; font-size: 20px}

.w-pro-ht{ border-bottom:1px solid #ccc; height:36px;font-size: 17px;   position: relative;margin:60px 15px 0 15px}
.w-pro-ht span{ display: block;position: absolute;z-index: 1;left:0;bottom:-1px;height:36px;border-bottom:2px solid #000;color:#333; }


/*图片放大镜样式*/
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px; background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;z-index:10;background:#ffffff;opacity:0.5;-moz-opacity:0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);border:1px solid #ddd; width:150px !important;height:150px !important; cursor: move }

.prodes_con_bg{margin-top: 0px; }
.prodes_con{min-height: 200px }
.prodes_con .hd{
    width: 100%;
    background: #f5f5f5;

}
.prodes_con .hd ul{
    max-width: 1200px;
    margin: 0 auto;
}
.prodes_con .hd li{float:left;padding:0 50px; font-size: 16px;line-height: 65px; }
.prodes_con .hd li.on{ background:#333; color: #fff; }

.prodes_con .bd{}


.pro_pro_con{
    padding:40px 0 100px 0;
    max-width: 1200px;
    margin: 0 auto;
}
.pro_pro_con_lt{ width:1050px;float:left; }

.pro_pro_con_rt{ width: 210px;float:right; background: #fff}
.pro_pro_con_rt ul{border:1px solid #eee;padding: 0 20px;}
.pro_pro_con_rt .img{ text-align: center}
.pro_pro_con_rt .img img{ width: 80%;}
.pro_pro_con_rt li{padding:15px 0;border-bottom: 1px dashed #eee}
.pro_pro_con_rt .title{ text-align: center; font-size: 16px;width: 100%;height: 36px;line-height:36px;overflow: hidden}
.pro_pro_con_rt .t{padding:15px;font-size: 17px;background:#f5f5f5;border-bottom:1px solid  #3457E8}



/**/
.prodes_tel{color:#333; padding:50px 0 0 0; float:none; }
.prodes_tel .pd{
    background: url(../images/sy666.png) no-repeat left center;
    padding-left: 52px;
    min-height: 40px;
}
.prodes_tel .tit{ font-size: 16px;}
.prodes_tel .num{ font-size: 28px; margin-top: 6px}




/*-*/

/**/
.contactWrap_t_con{max-width: 1400px;margin:0 auto;margin-top: 50px;}
.contactWrap_t_ul{margin: 0 -10px;}
.contactWrap_t_ul li{float:left;width:25%;padding:0 10px;}
.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: 21px;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;}




/* 简介 */
.ty_about01_bg{padding: 65px 0 75px 0;}
.ty_about01{max-width: 1440px;margin: 0 auto;padding: 0 20px;}

.h3_abt{ text-align: center}
.h3_abt .t1{font-size: 34px;letter-spacing: 2px;font-weight: bold;}
.h3_abt .line{width: 60px;height: 3px;background: #008FC7;margin: 0 auto;margin-top: 20px;}
.h3_abt_white .t1{ color: #fff}
.h3_abt_white .line{ background: #fff}

.ty_about01_con{margin-top: 50px;}
.ty_about01_con .typo{
    font-size:17px;
    transition: all 0.3s;
}

/*.ty_about01_con .typo p{ display: none}
.ty_about01_con .typo p:nth-of-type(1),
.ty_about01_con .typo p:nth-of-type(2){
    display: block;
}*/

/*

.Zmorebtn{
    display: inline-block;
    margin-left: 10px;
    text-indent: unset!important;
    position: relative;
    z-index: 50;
}
.Zmorebtn #Zmore{
    position: relative;
    z-index: 50;
    display: inline;
    border:1px solid #008FC7;
    font-size: 14px;
    padding: 6px 10px;
    color:#008FC7;
    -webkit-transition: all 0.3s;
    transition: all  0.3s;
    cursor: pointer;
    text-indent: unset!important;
}
.Zmorebtn #Zmore:hover{

    color: #fff;
    border-color:#008FC7;
}
.Zmorebtn #Zmore.hvr-sweep-to-right:before{
    background:#008FC7;
}
*/


.Zmorebtn{
    display:  block;
    margin-top: 10px;
    text-align: right;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 10px;
    text-indent: unset!important;
    position: relative;
    z-index: 50;

    display: none;
}
.Zmorebtn #Zmore{
    position: relative;
    z-index: 50;
    display: inline-block;
    font-size: 15px;
    padding: 6px 8px;
    color:#008FC7;
    -webkit-transition: all 0.3s;
    transition: all  0.3s;
    cursor: pointer;
    text-indent: unset!important;
}
.Zmorebtn #Zmore:hover{

    color: #fff;
    border-color:#008FC7;
}
.Zmorebtn #Zmore.hvr-sweep-to-right:before{
    background:#008FC7;
}




.ty_about01_con2{margin-top: 50px;}
.ty_about01_con2 .imgbox{width: calc(100% - 715px);float:left;position: relative;}
.ty_about01_con2 .imgbox video{
    height: 372px;

}
.ty_about01_con2 .img img{
    width: 100%;
    box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 0.15);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    height: 372px;
    object-fit: cover;
}
.ty_about01_con2 .img img:hover {
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
}

.ty_about01_con2 .txt{ width: 680px;float:right;padding-top:0px;}
.ty_about01_con2 .txt ul{margin:-30px -15px 0 -15px;}
.ty_about01_con2 .txt li{float:left;width:33.333%;padding:76px 15px 0 15px; text-align: center}
.ty_about01_con2 .txt .item{
    border-right:1px solid #eaeaea;
}
.ty_about01_con2 .txt li:nth-of-type(3) .item,
.ty_about01_con2 .txt li:nth-of-type(6) .item{
    border:none;
}
.ty_about01_con2 .numm{}
.ty_about01_con2 .numm span{ font-size: 40px; color:#008FC7; font-weight: bolder;   }
.ty_about01_con2 .numm em{font-size: 23px;margin-left: 10px;/* color: #a3a3a3; */font-weight: 100;}
.ty_about01_con2 .title{font-size: 17.5px;margin-top: 15px;color: #595959;}


/* 发展历程02 */
.ty_about_history_bg{background: #f5f5f5;padding: 80px 0;}
.ty_about_history{ width: 1300px;margin: 0 auto}
.ty_about_history_con{margin-top: 50px;}

.history_bdcon{display: none;/* text-align: center; */}
.history_bdcon .img{width: 360px;float:left;margin-left:40px;display: none;}
.history_bdcon .img img{width: 100%;border-radius: 12px;box-shadow: 0 0 12px 0px rgba(0,0,0,0.1);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.history_bdcon .img img:hover {
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
}
.history_bdcon .pddd{
    display: flex;
    justify-content: center;
}
.history_bdcon .txt{/* float: right; *//* min-height: 260px; */position: relative;/* margin: 0 auto; *//* display: inline-block; */padding: 30px 0 60px 0;}
.history_bdcon .txt .pd{
    /* width: 100%; */
    /* position: absolute; */
    /* z-index: 10; */
    /* left:0; */
    /* top: 50%; */
    /* transform: translateY(-50%); */
    display: flex;
}
.history_bdcon .txt .title span{
    font-size: 42px;
    color:#008FC7;
    font-weight: bolder;
}
.history_bdcon .txt .title em{
    font-size:28px;
    padding-left: 10px;
}
.history_bdcon .txt .des{
    /* margin-top: 25px; */
    padding-left: 30px;
}


.swiper_history_hdcon{
    position: relative;
    z-index: 11;
    padding:0 45px;
    margin-top: 64px;
}
.swiper_history_hd_prev{
    position: absolute;
    left: 1px;
    top: -13px;
    z-index: 11;
    cursor: pointer;
}
.swiper_history_hd_next{
    position: absolute;
    right:1px;
    top: -13px;
    z-index: 11;
    cursor: pointer;
}
.swiper_history_hd{
    min-height: 55px;
    background: url(../images/hs0.png) left 8px repeat-x;
    margin-top: 40px;
    padding:0 20px
}
.swiper_history_hd .swiper-slide{
    width: 14.285%;
}
.swiper_history_hd .item{
    cursor: pointer;
}

.swiper_history_hd .item i{ display:block; width: 16px; height: 16px;margin: 0 auto; background: url(../images/hs2.png) center center no-repeat}
.swiper_history_hd .cur .item i{background: url(../images/hs1.png) center center no-repeat}
.swiper_history_hd .title{ font-size: 16px; margin-top: 15px; text-align: center}
.swiper_history_hd .cur .title{font-size: 18px; color:#008FC7; font-weight: bolder }




/**/
.history3box_bg{ background: #f5f5f5}
.history3box{width: 900px;margin:0 auto;}
.history3{}
.history3 ul {
    display: block;
    padding: 0px 0 32px;
    background: url(../images/cHist-line.png) repeat-y 127px top;
    position: relative;
}
.history3 ul li {
    display: block;
    background: url(../images/cHist-bg.png) no-repeat 119px 11px;
    margin: 15px 0 0;
}
.history3 ul li .date {
    height: 30px;
    line-height: 30px;
    color: #666666;
    float: left;
    margin: 5px 0 0;
}
.history3 ul li .date .year {
    font-size: 24px;
    font-weight: 600;
    color: #333;
    margin: 0 5px 0 0;
}
.cHist-box {
    width: 720px;
    padding: 0 0 0 9px;
    position: relative;
    float: right;
}
.cHist-box .orn {
    display: block;
    width: 10px;
    height: 14px;
    background: url(../images/cHist-bg2.png) no-repeat left center;
    position: absolute;
    left: 0px;
    top: 13px;
}

.cHist-box .cHist-block {
    display: table;
    width: 100%;
    min-height: 92px;
    padding: 15px;
    background: #fff;
    border: 1px solid #e5e5e5;
}
.cHist-block .cHist-con {
    display: table-cell;
    vertical-align: middle;
    line-height: 28px;
    overflow-y: auto;
}
.history3 ul li.last {
    width: 18px;
    height: 18px;
    border: 2px solid #d5d5d5;
    border-radius: 100%;
    background: #f9f9f9;
    position: absolute;
    bottom: 0px;
    left: 119px;
}

.history3 li .txt{line-height:1.8;color: #666;font-size: 15px;}
.history3 li .txt p{margin-bottom: 13px}
.history3 li .txt p:last-child{margin-bottom:0}


.main_video_con{padding:30px 20px 0 20px}