#robot{background-color: #fff;}
#robot .cpfl{width: 100%; background-color: #edeff2; padding: 80px 0 100px 0;}
#robot .cpfl .lrt{width: 100%; display: flex; justify-content: space-between;}
#robot .cpfl .lrt .left{width:346px;}
#robot .cpfl .lrt .left .cpfl_text{width: 100%; height: 90px; border-radius: 14px 14px 0 0; padding: 0 30px 0 30px; color: #fff; display: flex; align-items: center; font-weight: bold; position: relative; background: #0759af url(../images/r_2.png) top right no-repeat;}
#robot .cpfl .lrt .left .three_text{width: 100%; background-color: #fff; padding: 0 30px 70px; border-radius:0 0 14px 14px;}
#robot .cpfl .lrt .left .three_text .three{width: 100%; border-bottom: 1px dashed #dbdbdb;}
#robot .cpfl .lrt .left .three_text .three .tup{width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 38px 0; cursor: pointer; position: relative;}
#robot .cpfl .lrt .left .three_text .three .tup.act a{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 5;}
#robot .cpfl .lrt .left .three_text .three .tup a{z-index: -1;}
#robot .cpfl .lrt .left .three_text .three .tup .yuan_img{width: 24px; height: 24px; background: url(../images/r_3.png) center no-repeat;}
#robot .cpfl .lrt .left .three_text .three.act .tup .yuan_img{background: url(../images/r_4.png) center no-repeat;}
#robot .cpfl .lrt .left .three_text .three .tup .byjq_text{flex: 1; color: #444; font-weight: bold; padding-left: 20px;}
#robot .cpfl .lrt .left .three_text .three.act .tup .byjq_text{color: #0759af;}
#robot .cpfl .lrt .left .three_text .three .tup .jiant_img{width: 13px; height: 8px; background: url(../images/r_5.png) center no-repeat;}
#robot .cpfl .lrt .left .three_text .three .tup.act .jiant_img{display: none;}
#robot .cpfl .lrt .left .three_text .three.act .tup .jiant_img{background: url(../images/r_6.png) center no-repeat;}
#robot .cpfl .lrt .left .three_text .three .tbp{width: 100%; padding: 0 0 38px 45px; display: none;}
#robot .cpfl .lrt .left .three_text .three.act1 .tbp{display: block;}
#robot .cpfl .lrt .left .three_text .three .tbp .ul1{width: 100%;}
#robot .cpfl .lrt .left .three_text .three .tbp .ul1 li{width: 100%; min-height: 20px; line-height: 20px; margin-bottom: 37px; padding: 1px 0 0 30px; background: url(../images/r_7.png) top left no-repeat; color: #68757e;}
#robot .cpfl .lrt .left .three_text .three .tbp .ul1 li.act{background: url(../images/r_8.png) top left no-repeat; color: #0759af;}
#robot .cpfl .lrt .left .three_text .three .tbp .ul1 li.act1{background: url(../images/r_8.png) top left no-repeat; color: #0759af;}
#robot .cpfl .lrt .left .three_text .three .tbp .ul1 li:last-child{margin-bottom: 0;}
#robot .cpfl .lrt .right{width: calc(100% - 384px);}
.g_nine_img{width: 100%; display: flex; flex-wrap: wrap;}
.g_nine_img .nine{width:31%; margin: 0 3.5% 1.7% 0;}
.g_nine_img .nine:nth-child(3n){margin-right: 0;}
.g_nine_img .nine .big_img{width: 100%; overflow: hidden; background-color: #fff; border-radius: 14px 14px 0 0;}
.g_nine_img .nine .big_img img{width: 100%;  border-radius:14px;}
.g_nine_img .nine:hover .big_img img{transform: scale(1.05);}
.g_nine_img .nine .text{width: 100%; padding: 20px 19px 18px; background-color: transparent; display: flex; justify-content: space-between; align-items: center;}
.g_nine_img .nine:hover .text{width: calc(); background-color: #0759af;  border-radius:0 0 14px 14px;}
.g_nine_img .nine:hover .text .left_text{width: calc(100% - 35px);}
.g_nine_img .nine .text .d_text{color: #45494c; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%;}
.g_nine_img .nine:hover .text .d_text{color: #fff;}
.g_nine_img .nine .text .c_text{width: 100%; color: #909599; font-family: Arial; margin-top: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.g_nine_img .nine:hover .text .c_text{color: #fff;}
.g_nine_img .nine .text .right_img{opacity: 0;}
.g_nine_img .nine:hover .text .right_img{opacity: 1;}
#robot .cpfl .lrt .right .fy{margin-top: 40px;}
#robot .cpfl .lrt .right .right_box{flex: 1; background-color: #fff; padding: 60px 60px 80px;}
#robot .cpfl .lrt .right .right_box .r_up{width: 100%; display: flex; justify-content: space-between; align-items: center;}
#robot .cpfl .lrt .right .right_box .r_up .left{width: 51.25%; background-color: #f2f4f7; position: relative;}
#robot .cpfl .lrt .right .right_box .r_up .left .l_big_img{width: 100%;}
#robot .cpfl .lrt .right .right_box .r_up .left .l_big_img img{width: 100%;}
#robot .cpfl .lrt .right .right_box .r_up .left .l_ul1{width: 100%; position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); display: flex; padding: 0 60px;}
#robot .cpfl .lrt .right .right_box .r_up .left .l_ul1 li{margin-right: 10px; border: 1px solid #d7d9db; cursor: pointer; max-width: 66px;}
#robot .cpfl .lrt .right .right_box .r_up .left .l_ul1 li.act{border: 1px solid #009fe8;}
#robot .cpfl .lrt .right .right_box .r_up .left .l_ul1 li:last-child{margin-right: 0px;}
#robot .cpfl .lrt .right .right_box .r_up .left .l_ul1 li img{width: 100%;}
#robot .cpfl .lrt .right .right_box .r_up .right{flex: 1; padding-left: 60px;}
#robot .cpfl .lrt .right .right_box .r_up .right .right_text .en_text{color: #303233; font-family: Arial;}
#robot .cpfl .lrt .right .right_box .r_up .right .right_text .d_text{color: #303233; font-weight: bold; margin: 19px 0 20px 0;}
#robot .cpfl .lrt .right .right_box .r_up .right .right_text .dd_text{color: #303233; font-weight: bold;}
#robot .cpfl .lrt .right .right_box .r_up .right .right_text .dian_line{width: 100%; height: 1px; margin: 40px 0;}
#robot .cpfl .lrt .right .right_box .r_up .right .right_text .dian_line img{width: 100%; height: 100%; object-fit: cover;}
#robot .cpfl .lrt .right .right_box .r_up .right .right_text .cpjs_text{color: #303233; font-weight: bold;}
#robot .cpfl .lrt .right .right_box .r_up .right .right_text .c_text{color: #444; line-height: 1.875; text-align: justify; margin-top: 18px; height: 150px; overflow: auto; padding-right: 10px;}
#robot .cpfl .lrt .right .right_box .r_up .right .right_text .c_text::-webkit-scrollbar{width: 4px; height: 1px;}
#robot .cpfl .lrt .right .right_box .r_up .right .right_text .c_text::-webkit-scrollbar-thumb{background: #0759af;}
#robot .cpfl .lrt .right .right_box .r_up .right .right_text .c_text::-webkit-scrollbar-track{background: #fff;}
#robot .cpfl .lrt .right .right_box .dian_img{width: 100%; margin: 60px 0;}
#robot .cpfl .lrt .right .right_box .dian_img img{width: 100%; object-fit: cover;}
#robot .cpfl .lrt .right .right_box .four_img{width: 100%; display: flex; align-items: center; margin-bottom: 60px;}
#robot .cpfl .lrt .right .right_box .four_img .four{display: flex; align-items: center; flex-direction: column; margin-right: 60px; position: relative;}
#robot .cpfl .lrt .right .right_box .four_img .four::before{content: ""; display: block; width: 0; height: 2px; background-color: #0759af; position: absolute; bottom: -9px; left: 0; opacity: 0; -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
#robot .cpfl .lrt .right .right_box .four_img .four.act::before{opacity: 1; width: 100%;}
#robot .cpfl .lrt .right .right_box .four_img .four:hover::before{opacity: 1; width: 100%;}
#robot .cpfl .lrt .right .right_box .four_img .four .sm_img{width: 36px; height: 32px; position: relative;}
#robot .cpfl .lrt .right .right_box .four_img .four .sm_img img{position: absolute; top: 0; left: 0;}
#robot .cpfl .lrt .right .right_box .four_img .four .sm_img img:last-child{opacity: 0;}
#robot .cpfl .lrt .right .right_box .four_img .four:hover .sm_img img:last-child{opacity: 1;}
#robot .cpfl .lrt .right .right_box .four_img .four.act .sm_img img:last-child{opacity: 1;}
#robot .cpfl .lrt .right .right_box .four_img .four.act .sm_img img:first-child{opacity: 0;}
#robot .cpfl .lrt .right .right_box .four_img .four:hover .sm_img img:first-child{opacity: 0;}
#robot .cpfl .lrt .right .right_box .four_img .four .f_text{color: #333; font-weight: bold; margin-top: 10px;}
#robot .cpfl .lrt .right .right_box .four_img .four.act .f_text{color: #0759af;}
#robot .cpfl .lrt .right .right_box .four_img .four:hover .f_text{color: #0759af;}
#robot .cpfl .lrt .right .right_box .six_text{width: 100%; display: flex; flex-wrap: wrap;}
#robot .cpfl .lrt .right .right_box .six_text .six{width: 31.2%; height: 100px; border: 1px solid #e6e8eb; display: flex; justify-content: center; align-items: center; color: #444; font-weight: bold; margin: 0 3.2% 3.2% 0; text-align: center; line-height: 1.5; position: relative; padding: 0 10px; font-size: 14px;}
#robot .cpfl .lrt .right .right_box .six_text .six:nth-child(3n){margin-right: 0;}
#robot .cpfl .lrt .right .right_box .six_text .six:nth-child(4),
#robot .cpfl .lrt .right .right_box .six_text .six:nth-child(5),
#robot .cpfl .lrt .right .right_box .six_text .six:nth-child(6){}
#robot .cpfl .lrt .right .right_box .six_text .six:hover{color: #0759af;}
#robot .cpfl .lrt .right .right_box .six_text .six::before{content: ""; display: block; width: 0; height: 8px; background-color: #0759af; position: absolute; bottom: 0; left: 0; opacity: 0; -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
#robot .cpfl .lrt .right .right_box .six_text .six:hover::before{width: 100%; opacity: 1;}
#robot .cpfl .lrt .right .right_box .c_line{width: 100%; height: 100%; object-fit: cover; margin: 0px 0 30px 0;}
#robot .cpfl .lrt .right .right_box .d2_big_img{width: 100%; margin: 0 auto;}
#robot .cpfl .lrt .right .right_box .d2_big_img img{max-width: 100%; margin: 0 auto;}
#robot .cpfl .lrt .right .right_box .d2_big_img3 ,#robot .cpfl .lrt .right .right_box .d2_big_img,.d3_big_img ,.d4_big_img{line-height: 1.5; color: #666; text-align: justify;}

.box{width:1450px; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; box-sizing: border-box;}
@media(max-width:1680px) {.box { padding: 0 40px;}}
@media(max-width:1030px) {.box {padding: 0 5%;}}

.f_32 {font-size: 32px;}
.f_20 {font-size: 20px;}


.alltime,

.alltime * {

    -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);

    -moz-transition: all .4s cubic-bezier(.4, 0, .2, 1);

    transition: all .4s cubic-bezier(.4, 0, .2, 1);

}


.pagination{padding: 1.5rem 0 0.45rem !important;}


.p103-fdh-16{ border-bottom: 0; margin-bottom:20px; background:#fff;     padding: 0 30px 70px;} 
.p103-fdh-6-nav-one{padding: 32.5px 20px 26px 27px;     border-bottom: 1px dashed #dbdbdb;}
.p103-fdh-6-nav-one h3{height:43px;position: relative;}
.p103-fdh-6-nav-one h3 i{position: absolute;width: 20px;height: 20px;right: -21px;top: 7px;z-index: 1;}
.p103-fdh-6-nav-one h3 i:before{content: '';position: absolute;width: 10px;height: 2px;background: #808080;left: 5px;top: 9px;}
.p103-fdh-6-nav-one h3 i:after{content: '';position: absolute;width: 2px;height: 10px;background: #808080;left: 9px;top: 5px;z-index: 2;}
.p103-fdh-6-nav-one h3 a{display: block;height: 34px;line-height: 34px;font-size:20px; padding-left:17px; color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;}
.p103-fdh-6-nav-one dl{padding-bottom: 10px;}
.p103-fdh-6-nav-one dt a{display: block;height:36px;line-height:36px;font-size:16px; font-weight:lighter; color: #4c4c4c;padding-left:38px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: url(../images/p103-fdh-nav-icon.png) no-repeat left 18px center;}
.p103-fdh-6-nav-one h3.sidenavcur:before, .p103-fdh-6-nav-one h3:hover:before{content: '';position: absolute;width:24px;height:24px; background: url(../images/r_4.png) center no-repeat;  left: -28px;top:6px;}
.p103-fdh-6-nav-one h3:before{content: '';position: absolute;width:24px;height:24px; background: url(../images/r_3.png) center no-repeat;  left: -28px;top:6px;}

.p103-fdh-6-nav-one h3.sidenavcur i, .p103-fdh-6-nav-one h3:hover i{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.p103-fdh-6-nav-one h3.sidenavcur i:before, .p103-fdh-6-nav-one h3:hover i:before, .p103-fdh-6-nav-one h3.sidenavcur i:after, .p103-fdh-6-nav-one h3:hover i:after{background: #0c5aab;}
.p103-fdh-6-nav-one h3.sidenavcur a, .p103-fdh-6-nav-one h3:hover a{color: #0c5aab;}
.p103-fdh-6-nav-one dt.sidenavcur a, .p103-fdh-6-nav-one dt:hover a{color: #0c5aab; font-weight:bold;}



/*产品详情*/
.show_product_con{padding:50px 0;}



.show_product_con_r { width:310px; float: left; }
.proinfo-menu { height: 172px; padding-top: 20px; background: url(../images/bg_proinfomenu.jpg) no-repeat center; }
.show_product_adv img{display: block;margin: 0 auto;}
.show_product_con_r h3 { font-size: 22px; color: #333; padding-top: 9px; padding-bottom: 25px; }

.show_product_con_r .list_product li { width: 100%; }

.pro_list_in,.pro_list_in_1{position: relative;width: 100%;}
.pro_list_in:after,.pro_list_in_1:after{content: '';display: block;height: 100%;position: absolute;width: 1px;left: 0;background:#eee;top:0;}
.pro_list_in:before,.pro_list_in_1:before{content: '';display: block;height: 100%;position: absolute;width: 1px;right: 0;background:#eee;top:0;}
.pro_list_in .vcon{display: none; background: #efefef; padding: 25px 0;}
.pro_list_in:first-child .vcon{display: block;}
.pro_list_in > a,.pro_list_in_1 > a{display: block;line-height: 70px;height: 70px;width: 100%;position: relative;overflow: hidden;}
.pro_list_in > a >span,.pro_list_in_1 > a >span{display: block;font-size: 17px;color: #343434;height: 100%;position: relative;z-index: 3;padding:0 40px;}
.pro_list_in.active > a > span{color: #fff}
.pro_list_in > a:before,.pro_list_in_1 > a:before{position: absolute;content: '';background: #eee;width: 100%;height: 1px;bottom: 0;left: 0;z-index: 1;}
.pro_list_in > a:after{content: '';display: block;height: 70px;background: url(../images/prod_list_2.png) no-repeat center;left: -100%;top: 0;position: absolute;width: 100%;z-index: 2;transition: 0.3s all ease-in-out;}
.pro_list_in.active > a:after{left:0;}
.pro_list_in > .vcon > ul > li > a{display: block; color: #666; line-height: 40px; padding: 0 40px; transition: 0.3s all ease; font-size: 14px;}
.pro_list_in > .vcon > ul > li > a:hover{color:#cb0000;}
.pro_list_in > a > em{display: block; position: absolute; right: 0; top: 0; width: 70px; height: 70px; background: url(../images/prod_list_cur.png) no-repeat 25px center; transition: 0.3s all ease; z-index: 3; transform: rotate(0deg);}
.pro_list_in.active > a > em{background-position: -65px center; transform: rotate(90deg);}
.pro_list_in:first-child .vcon{display: block;}
.pro_list_in .vcon{display: block;max-height: 0px;overflow: hidden; transition:0.3s all ease;padding: 0 0;}
.pro_list_in.active .vcon{display: block;max-height: 350px;padding: 25px 0}
.pro_list_in .vcon{background: #eee;}
.pro_tel{background: #333 url(../images/pro_tel.png) no-repeat center; color: #ddd; font-weight: normal; text-align: justify; padding:30px 30px 30px 100px; font-size: 15px; line-height: 20px; border: 1px solid #eee; border-top: 0 none;}
.pro_tel .en{color: #fff; font-size: 24px; display: block; font-weight: bold; line-height: 30px;}
.show_product_con{padding:50px 0;}
.show_product_con_l{padding: 0 30px; width:1140px; background: #fff; float: right;}

.proinfo-menu{height: 172px; padding-top: 20px; background: url(../images/bg_proinfomenu.jpg) no-repeat center;}
.show_product_adv img{display: block;margin: 0 auto;}
.show_product_con_r h3{font-size: 22px; color: #333; padding-top: 9px; padding-bottom: 25px;}
.show_product_con_r .list_product li{width: 100%;}

.product_list.product_list_top{position: fixed; top: 0;}


.product_list_tit{background: url(../images/prod_list_tit.png) no-repeat center;padding: 25px 35px 35px 35px;color: #fff;font-size: 26px;font-weight: bold;height:130px;display: block;}