/* CSS Document */

*{padding: 0; margin: 0 auto; font-size: 14px;}
body{background: #F2F2F2;}
header{ width: 100%; background: #ffffff;}
.container{width: 1200px; height: auto;}
.fl{float: left;}
.fr{float: right;}
a{ text-decoration: none; color: #333;}
ul li{ list-style: none;}
.ml20{ margin-left: 20px;}
.flex_row_center{ display: flex;flex-direction: row; align-items: center;}
.blank15{ clear: both; display: block; overflow: hidden; height: 15px;}
.blank10{ clear: both; display: block; overflow: hidden; height: 10px;}
.blank5{ clear: both; display: block; overflow: hidden; height: 5px;}
.clear{clear: both; display: block; overflow: hidden;}
.blank50{ clear: both; display: block; overflow: hidden; height: 50px;}
.blank100{ clear: both; display: block; overflow: hidden; height: 100px;}
.center{ text-align: center;}
.mt10{ margin-top: 10px;}
.mobile,.mobile_show{ display: none;}
.footer_fix{ display: none;}
/********全局**********/

/********头部**********/
.top{ height: 40px; background: #f3f3f3; line-height: 40px; color: #333; border-bottom: 1px solid #eee;}
.right_menu span{ display: block; height: 40px; float: left; padding: 0 10px;}
.right_menu span i{font-size: 12px;}
.list_more{position: relative;}
.more_box{  position: absolute; top:100%; left: -1px; z-index: 1; border:1px solid #eee; border-top: none; width:100px; background: #ffffff;}
.more_box li{ line-height: 22px; text-align: left; padding-left: 10px;}
.more_box li a{ color: #333; text-decoration: none; font-size: 12px;}
.more_box li a:hover{ text-decoration: underline; color: #023793;}
.show_this{ background: #ffffff; border-left: 1px solid #eee; border-right: 1px solid #eee;}
.show_more .more_box{display: none;}
.top_search{ height: 90px; padding-top: 10px;}
.top_search .fr{ height: 90px;}
.formbox{ margin-top: 13px;}
.formbox input{width: 220px; height: 35px; border: 1px solid #DCDFE6; padding-left: 10px;}
.search{padding: 0 10px; line-height: 35px; border: 0; border-radius: 2px; cursor: pointer;}
.search1{ background: #0F3967; color: #ffffff; }
.search1:hover{ background: #4D5D8F;}
.search2{ background: #EB6C27; color: #ffffff;}
.search2:hover{ background: #EE7420;}
.search3{ background: #E00025; color: #ffffff;}
.search3:hover{ background: #E60013;}
.hot_search{ margin-top: 10px; width: 520px; height: 20px; overflow: hidden;}
.hot_search span{ font-weight: bold;}
.hot_search a{ margin-left: 6px;}
.fr_a{ color: #123e61; margin-right: 12px;}
.hot_search a:hover,.fr_a:hover{color: #023793;}
.fr_search{ border: 1px solid #e3e4e5; color: #112446; display: flex; width: 130px; padding: 0 40px; height: 34px; flex-direction: row; align-items: center; justify-content:center}
.fr_search .cart_num{ width: 20px; height: 20px; border-radius: 50%; color: #ffffff;background:#E31939; text-align: center;}
.nav_box{height:42px;border-bottom: 3px solid #0F3967; padding-top: 10px;}
.nav_l{ width: 260px; height: 42px;border-bottom:3px solid #0F3967; background:#0F3967 ; float: left; color: #ffffff; text-align: center; line-height: 42px; font-size: 16px; position: relative;}
.main_logo{ display: flex; flex-direction: row; padding-left: 10px; height: 42px; align-items: center;}
.main_logo a{ font-size: 16px;}
.main_logo a:hover,.main_logo a.this{ color: #E60013;}
.nav_more{position: absolute; top:45px; left: 0; z-index: 1; width:260px; background: #ffffff; padding: 5px 0;}
.nav_more a{ display: block; height: 32px; line-height: 32px; text-align: left; padding-left: 30px;}
.nav_more a::after{ font-family: "caloxicon";content: '\e8ca'; float: right; margin-right: 20px; font-size: 16px;}
.nav_more a:hover,.nav_more a.this,.nav_more2 .fl1 a:hover,.nav_more2 .fl1 a.this{ background: #F2F2F2;}

.nav_more2{position: absolute; top:45px; left: 260px; z-index: 11; width:940px; min-height:490px; background: #ffffff; box-shadow: 0 0 16px 0 rgb(0 0 0 / 10%); display: flex; flex-direction: row;}
.nav_more2 .fl1{ border-right: 1px solid #F2F2F2; min-height: 480px;}
.nav_more2 .fl1 div{min-height: 480px;}
.nav_more2 .fl1 a{ padding: 0 20px; height: 36px; line-height: 36px; display: block; white-space: nowrap; }
.nav_more2 .fl2{ float: left; padding: 10px; overflow-y: auto;}

.nav_more2 .fl2 .cat_title{border-left: 2px solid #0F3967; padding-left: 10px; color: #112446;line-height: 14px; text-align: left;}
.cat_list{ margin-top: 8px;}
.catlist_con{ float: left; width: 152px; height: 194px; overflow-y: hidden; display: flex; flex-direction: column; border: 1px solid #F2F2F2; margin-left: 10px; margin-top: 10px;}
.catlist_con img{ width: 150px; height: 150px;}
.catlist_con:hover{ border-color: #0F3967; color: #0F3967;}
.hidden{ display: none;}
.top_canshu{ position: relative;}
.canshu_value{ position: absolute; top: -10px; right: -10px; display: block; width: 16px; height:16px; background: #E31939; color: #fff; z-index: 10; font-size: 12px; line-height: 16px; border-radius: 50%; font-style: normal; text-align: center;}
/********头部**********/

/********底部**********/
footer{ background: #0F3967; padding-top: 20px; color: #ffffff;}
.f_box a,.f_box2 a{ color: #ffffff;}
.f_box a:hover{ text-decoration: underline;}
footer .container{ display: flex; flex-direction: row; justify-content: space-between;}
.f_box{ width: 200px;}
.f_box2{ width: 300px;}
.fb_title{ height: 36px; line-height: 36px; padding-left: 10px; border-bottom: 1px solid #ffffff; font-size: 16px; font-weight: bold;}
.f_box ul{ margin-top: 5px; padding-left: 15px;}
.f_box li{ height: 32px; line-height: 32px;}
.f_box img{margin: 15px 0 0 15px; }
.fb_use{ margin-top: 12px;}
.f_box2 a{display: block; width: 145px; text-align: center; height: 22px; line-height: 22px; margin-top: 3px;}
.f_box2 a.this,.f_box2 a:hover{background: #FBCD00; color: #0F3967;}
.f_box2 p{ margin-top: 10px; line-height: 24px;}
.ft_copy{ text-align: center; margin-top: 20px; background: #0c3159; height: 40px; line-height: 40px; color: #ccc;}
.ft_copy a{ color: #ffffff;}
/********底部**********/

/********首页**********/
.index_topbg{ background: #ffffff;}
.index_topbg .blank5{background: #f5f5f5;}
.index_topbg .container{border-left:1px solid #F2F2F2; border-right:1px solid #F2F2F2; background: #F2F2F2;}
.video_container{ float: left;margin-left:265px;position: relative; width: 720px; height:485px;}
.video_container video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.index_welcome{ width: 180px; height: 455px; padding: 15px; margin-left: 5px; background: #ffffff; float: left;}
.iw_title{ font-weight: bold; line-height: 40px; color: #0F3967;}
.iw_wel{ line-height: 32px; color: #123e61;}
.iw_des{ font-size: 12px;}
.iw_button{ margin-top: 20px;}
.iw_button button{width: 80px; line-height: 24px; border-radius: 5px; cursor: pointer;}
.iw_button button.fl{ border: 1px solid #0F3967; background: #ffffff; color: #123e61;}
.iw_button button.fr{ border: 0; background: #0F3967; color: #ffffff;}
.iw_gg{font-weight: bold; line-height: 40px; padding-top: 5px; color: #E60013; border-top: 1px solid #ccc;}
.iw_list li{ line-height: 28px; height: 28px; overflow: hidden; font-size: 12px;}
.index_ad{margin-left: 265px; height: 110px;}
.index_ad img{display: block; float: left; margin-left: 6px;}
.index_ad img.lno_margin{ margin-left: 0px;}

.index_pk{ background: #ffffff; padding: 40px 0 60px 0;background:linear-gradient(180deg,#F2F2F2 0px,#F2F2F2,140px,#FFFFFF 140px,#FFFFFF 100%);}
.pk_title{ margin-bottom: 40px; text-align: center;}
.pk_title h2{font-size: 24px; color: #0F3967;}
.pk_title h3{ color: #999; font-size: 14px; font-weight: normal; margin-top: 5px;}
.pk_title::after{display: block;content: '';width: 38px; height: 3px;margin: 15px auto 0; background-color: #0F3967;}

.pk_menu{ height: 35px; border-bottom: 1px solid #0F3967;}
.pk_menu .fl{ border-left: 2px solid #0F3967; padding-left: 10px; margin-left: 10px;}
.pk_menu li{ float: left;  cursor: pointer; margin-left: 10px;}
.pk_menu li span{ font-size: 12px; padding: 0 25px; border: 1px solid #eee; border-bottom: 0; display: block; height: 34px; line-height: 35px;}
.pk_menu li span.this{ border-color: #0F3967; color: #0F3967; background: #ffffff; z-index: 10; height: 35px;}
.pk_content{ width: 940px; height: 475px;}
.pk_content li{ float: left;}
.pk_goods{width: 234px; height: 237px; background: #ffffff; border-right: 1px solid #eee; border-bottom: 1px solid #eee; }
.img_cover{ width: 186px; height: 144px;background:no-repeat center / cover; margin-top: 25px;transition: transform 0.3s ease;}
.img_cover img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s ease;}
.img_cover.zoomed img { transform: scale(1.25); }
.pk_con_title{ font-size: 12px; color: #777; position: relative; z-index: 2; line-height: 24px; text-align: center;}
.img_button{ padding: 0 24px;}
.img_button button{width: 80px; line-height: 24px; cursor: pointer;}
.img_button button.fl{ border: 1px solid #0F3967; background: #ffffff; color: #123e61;}
.img_button button.fr{ border: 0; background: #0F3967; color: #ffffff;}

.guochan .pk_menu .fl,.guochan .pk_menu,.guochan .pk_menu li span.this,.guochan .img_button button.fl{border-color: #E60013;}
.guochan .pk_menu li span.this,.guochan .img_button button.fl{color:#E60013;}
.guochan .img_button button.fr{background-color: #E60013;}

.pk_img{ width: 260px; height: 455px; float: left; display: flex; flex-direction: row; align-items: flex-end;padding-bottom: 20px;}
.pk_img img{ display: block; float: left; margin-left: 20px; margin-top: 20px;}
.pk_guochan{ background: url('../img/pk_1.jpg');}
.pk_jingkou{ background: url('../img/pk_2.jpg');}

.index_about{ background: url('../img/about-bg.jpg') no-repeat top; padding-top: 60px; background-color: #ffffff;}
.about_title{ text-align: center; color: #ffffff;}
.about_title h2{ font-size: 30px; font-weight: normal;}
.about_title h3{ font-size: 22px; font-weight: normal; margin-top: 20px;}
.about_title p{ margin-top: 20px;}
.about_con{ padding: 50px 0; border-bottom: 1px solid #ccc;}
.about_con_txt{width: 650px;}
.about_con_txt h4 i{float:left;color:#fff;background-color:#0F3967;width:60px;line-height:60px;text-align:center;border-radius:50%;font-size:32px; font-style: normal;font-family:Impact;}
.about_con_txt h4 span{ margin-left: 10px; font-size: 32px; line-height: 60px; color: #0F3967;}
.about_txt{ margin-left: 40px;}
.about_txt p{ margin-top: 10px; line-height: 28px; background: url('../img/icon.png') no-repeat left 10px; color: #666; padding-left: 20px;}
.about_txt p span{ color: #E60013;}
.about_btn{ margin: 30px 0 0 40px;}
.about_btn button{ cursor: pointer; width: 120px; height: 38px; border-radius: 2px; border: 0; color: #ffffff;}
.about_btn .btn1{background-color:#0F3967;}
.about_btn .btn2{background-color:#000000; margin-left: 20px;}
.about_con_img{ width: 500px;}

.about_list{ margin-top: 30px; display: flex; flex-direction: row;  justify-content: center; padding: 0 200px;}
.al_tab{ width: 230px; height: 39px; line-height: 39px; text-align: center; background: url('../img/title_tab_bg.png') no-repeat 0px -39px;}
.al_tab.this{background-position: 0px 0px;}
.al_tab.this a{ color: #ffffff;}
.al_tab a{font-size: 16px; display: block; line-height: 39px; width: 230px; position: relative; cursor: pointer;}
.al_tab.this a::before{display:block;content:''; top:50%;width: 16px; height: 1px; background: #fff; position: absolute; left: 30px;}
.al_tab.this a::after{display:block;content:''; top:50%;width: 16px; height: 1px; background: #fff; position: absolute; right: 30px;}

.index_news{background: url('../img/company_bg.jpg') no-repeat top; padding: 60px 0; background-color: #ffffff;}

.ic_toplist{ float: left; width: 20%;background: url('../img/company-line.png') no-repeat center; position: relative;}
.ict_circle{animation: circle 10s infinite linear; width: 154px; height: 146px; background: url('../img/circle.png') no-repeat center;}
.ict_content{position: absolute;top: 0; left: 0; width: 100%; text-align: center; color: #fff;}
.ict_content i{ font-size: 42px; display: block; margin-top: 40px;}

.news_box{ margin-top: 30px; display: flex; flex-direction: row; justify-content: space-between;}
.news_list{ width: 33%; border-right: 1px solid #ccc;}
.news_list:last-child{ border-right: 0;}
.news_list h4{ margin: 0 30px; font-size: 18px;}
.news_list h4 a{ float: right; font-size: 12px; font-weight: normal;}
.news_list ul{ padding: 0 30px; margin-top: 15px;}
.news_list li{ line-height: 34px;}
.news_list li a{ display: block; height: 34px; overflow: hidden; padding-left: 15px; position: relative;}
.news_list li a:before{content: '';position: absolute; left: 0; top: 50%; width: 6px; height: 6px; background-color: #ccc; border-radius: 50%; margin-top: -3px;}
.news_list li a:hover{ color: #023793;}
@keyframes circle {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/********首页**********/

/********内页全局**********/
.nav_more{display: none;}
body{ background: #ffffff;}
.position{line-height: 36px; padding-left: 15px;}
.position a:hover{ text-decoration: underline;}
/********内页全局**********/

/********查询页面**********/
/********查询框通用样式**********/
.chose_box{ display: flex; flex-direction: column; background: linear-gradient(0deg, #FFFFFF, #E5EEF8); padding: 20px 40px; border-bottom: 2px solid #0F3967;}
.chose_brand{ margin-top: 20px; display: flex;}
.cb_title{width: 70px;height: 24px;background: #0F3967;font-size: 14px;font-family: Microsoft YaHei;font-weight: 400;color: #FFFFFF;display: flex;align-items: center;justify-content: center;margin-right: 50px;}
.chose_brand ul{ display: flex; flex-direction: row; flex-wrap: wrap; width: 880px;height: 100px; overflow-y: hidden;}
.chose_brand ul.active{ overflow-y: auto; height: 160px;}
.chose_brand ul li{display: flex;margin-right: 55px;margin-bottom: 20px;cursor: pointer;}
.chose_brand ul li a { display: flex; flex-direction: column; }
.chose_brand ul li div{width: 50px;}
.chose_brand ul li:nth-child(8n) { margin-right: 30px; }
.chose_brand ul li img {width: 50px;height: 16px;}
.chose_brand ul li span {max-width: 50px;font-size: 12px;font-family: Microsoft YaHei;font-weight: 400;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 7px;color: #666666;margin-inline: auto;}
.chose_brand ul li:hover span{color: #0F3967;}
.cb_more{width: 50px;height: 18px;border: 1px solid #ddd;margin-left: 40px;cursor: pointer; color: #ddd; font-size: 12px; line-height: 18px; padding-left: 10px;}
.cb_more.this{border-color: #0F3967; color: #0F3967;}
.cb_more i{font-size: 12px;}

.chose_brand ul::-webkit-scrollbar,.rb_left ul::-webkit-scrollbar {width: 6px;background-color: #ffffff;}
.chose_brand ul:hover::-webkit-scrollbar,.rb_left ul:hover::-webkit-scrollbar{display:block;}
.chose_brand ul::-webkit-scrollbar-track,.rb_left ul::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px #0F3967;background-color: #ffffff;}
.chose_brand ul::-webkit-scrollbar-thumb,.rb_left ul::-webkit-scrollbar-thumb {border-radius: 30px;background-color: #0F3967; }

.chose_btype{ display: flex; margin-top: 10px;}
.chose_btype ul{ display: flex; flex-direction: row; flex-wrap: wrap; width: 880px;position: relative; }
.chose_btype ul li{width: 125px; height:26px;  background: #FFFFFF; border: 1px solid #E5E5E5; margin-right: 44px; cursor: pointer; font-size: 12px; margin-top: 5px;}
.chose_btype ul li span{float: left;}
.chose_btype ul li i{float: right;}
.chose_btype .cb_more_top{ width:105px;height: 24px; line-height: 24px; padding: 0 10px;}
.chose_btype .cb_title{ margin-top: 5px;}
.chose_btype .this{ border-color:#0F3967; border-bottom: 0; }
.chose_btype .this .cb_more_top{ height: 26px;background: #77a5d7; color: #0F3967; z-index: 2; position:absolute;}
.cb_more_box{ border: 1px solid #0F3967; position: absolute; left: 5px; z-index: 1; background: #ffffff; width: 789px; padding: 20px;}
.cb_more_box a{ display: block; float: left; width: 157px; height: 24px; line-height: 24px; overflow: hidden;}
.cb_more_box a:hover{color: #0F3967; text-decoration: underline;}

.chose_search{ display: flex; margin-top: 10px;}
.search_box{width: 880px;}
.search_box input{ height: 30px; line-height: 30px; padding: 0 10px; border: 1px solid #ccc; color: #ccc; border-radius: 5px; margin-left: 5px;}
.search_box .search_txt{ width: 200px;}
.search_box .search_txt2{ width: 70px;}
.search_box button{ height: 30px; width: 80px;  border: 1px solid #ccc; background: #0F3967; border-radius: 5px; color: #fff; cursor: pointer;}
.search_box a{ margin-left: 20px;}
.search_box a:hover{text-decoration: underline;}
.c_huhuan{ color: #EB6C27;}
.c_jiage{ color: #0F3967;}
.c_guochan{ color: #E00025;}
/********表格通用样式**********/
.c_table{flex:1;border-collapse:collapse; width: 100%;}
.c_table tr{height:40px;}
.c_table td{color:#000;border:1px solid #EBEEF5;text-align:left;}
.c_table thead td{background-color:#0F3967;color:#ffffff;height:38px;text-align:center;}
.c_table tbody td{padding:5px;font-size:12px;text-align:center;}
.c_table .c_red{color:#cc092f}
.c_table tr.t1{background-color:#ffffff;}
.c_table tr.t2{background-color:#fafafa;}
.c_table tr.t3{background-color:#0F3967;}
.c_table tr.t3 td{ color: #ffffff;}
.c_table tr.t1:hover,.c_table tr.t2:hover{background:#FAECD8;}
.c_table tr a{font-weight: bold;}
.c_table tr:hover a{ color: #409EFF; }
.c_table button{height: 30px; width: 70px;color: #fff; border: 1px solid #ccc; cursor: pointer;}
.c_table .c_cart{ border-color: #0F3967; color: #0F3967;}
.c_table .c_tohu{ border-color: #EB6C27; color: #EB6C27;}
.c_table .c_toti{ border-color: #E00025; color: #E00025;}
/********分页通用样式**********/
.pages{ text-align: center; margin-top: 10px;}
.pages button{ width: 32px; height: 32px; font-size: 12px; background: #F0F2F5; border: 0; cursor: pointer; position: relative;top: 2px;}
.pages button:disabled{cursor: not-allowed;}
.pages a{ display:inline-block;width: 32px; height: 32px; line-height: 32px; font-size: 12px;background: #F0F2F5;}
.pages a.this{background: #0F3967; color: #ffffff;}
/********查询页面**********/

/********互换页面*********
.huhuan_page .chose_box{background:linear-gradient(0deg, #FFFFFF, #FCF2EC);}
.huhuan_page .cb_title,.huhuan_page ul::-webkit-scrollbar-thumb,.huhuan_page .search_box button,.huhuan_page .c_table thead td,.huhuan_page .pages a.this{ background-color: #EB6C27;}
.huhuan_page .this,.huhuan_page .cb_more_box,.huhuan_page .chose_box{ border-color: #EB6C27;}
.huhuan_page .cb_more.this,.huhuan_page .cb_more_box a:hover{color: #EB6C27;}
.huhuan_page .this .cb_more_top{background: #e9a885; color: #EB6C27;}
.huhuan_page .chose_brand ul::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px #EB6C27;}
*******互换页面**********/

/********平替页面
.tidai_page .chose_box{background:linear-gradient(0deg, #FFFFFF, #FFECEC);}
.tidai_page .cb_title,.tidai_page ul::-webkit-scrollbar-thumb,.tidai_page .search_box button,.tidai_page .c_table thead td,.tidai_page .pages a.this{ background-color: #E00025;}
.tidai_page .this,.tidai_page .cb_more_box,.tidai_page .chose_box{ border-color: #E00025;}
.tidai_page .cb_more.this,.tidai_page .cb_more_box a:hover{color: #E00025;}
.tidai_page .this .cb_more_top{background: #FFDFE4; color: #E00025;}
.tidai_page .chose_brand ul::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px #E00025;}
**********/
.blank_box_1{width: 70px; margin-right: 50px;}
.blank_box_2{width: 102px;}
.txt_box_1{ margin-left: 10px; color: #666;}
.rb_left{ width: 260px; padding-left: 50px;}
.rbl_title{ width: 70px; height: 24px; float: left; background: #0F3967; color: #fff; line-height: 24px; text-align: center;}
.rb_left ul{ display: block; height: 400px; overflow-y: scroll;}
.rb_left li{ height: 30px;}
.rb_left li a{ height:24px; border-bottom:1px solid #ccc; cursor: pointer;}
.rb_left li a.this{ color: #0F3967;}
.rb_right{ width: 820px; margin-left: 20px;}
.rbr_top{ background: #f3f3f3; padding: 10px;}
.rbt_top_con{ width: 25%; float: left; height: 70px;}
.rbt_top_con span{ display: block;}
.rbtt_title{ font-size: 16px; line-height: 30px; font-weight: bold;}
.rbtt_title a{ border-bottom: 1px solid #333;}
.rbtt_txt{ font-size: 14px; line-height: 14px; margin-top: 5px;}
.f18{ font-size: 18px;}
.rbr_box{ margin-top: 20px;}
.rbr_box_l{ width: 100px; font-size: 18px; font-weight: bold; padding-left: 10px; padding-top: 7px;}
.rbr_box_c{ width: 500px;background: #f3f3f3; }
.rbr_box_c li{ display: block; width: 100%; height: 36px; line-height: 36px; border-bottom: 1px solid #fff;}
.rbr_box_c span{ display: block;float: left;width: 29%;}
.rbr_box_c span:first-child{ padding-left: 2%;}
.rbr_box_c .rbc_1{ width: 40%;}
.rbr_box_c .rbc_now{color: #E00025;}
.rbc_img_div img{width: 200px; margin-top: 20px;}
/********平替页面**********/

/********大牌PK**********/
.pd_main{ padding: 20px 10px;box-shadow:0px 0px 12px rgba(0, 0, 0, .12); margin-bottom: 20px;}
.pd_main h1,.pd_main h2{ text-align: center; font-weight: normal;}
.pd_main h1{ font-size: 26px; font-family: Microsoft YaHei;}
.pd_main h2{ font-size: 16px; margin-top: 10px;}

.pd_mainbox{ display: flex; flex-direction: row; justify-content: space-between;}
.pd_mb_con{ display: flex; flex-direction: column;}
.pd_mb_con div{width: 100%;}
.pc1{width: 22px;}
.ce{ color: #123e6e;}
.pt1 .c2:nth-child(2){ color: #c6a200; font-weight: bold;}
.pt1 .c2:nth-child(3){ color: #c6a200; font-weight: bold;}
.pt1 .c2:nth-child(4){ font-weight: bold;}
.pt1 .c2:nth-child(5){color: #E00025; font-weight: bold;}
.pc1 div{ display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; font-weight: bold;}
.pc2{ width: 191px;}
.pt1{height: 280px;}
.pc1 .pt1{ height: 279px;}
.c1{ height: 129px; display: flex;flex-direction: column; align-items: center; justify-content: center; position: relative;}
.c2,.c3{ height: 29px;}
.pt2,.pt3{height: 90px;}
.pc1 .pt2,.pc1 .pt3{ height: 89px;}
.pt4{ height: 150px;}
.pc1 .pt4{ height: 149px;}
.pt5{ height: 360px;}
.pc1 .pt5{ height: 359px;}
.pt6{ height: 60px;}
.pc1 .pt6{ height: 59px;}
.pt7{ height: 180px;}
.pc1 .pt7{ height: 179px;}
.pt8{ height: 120px;}
.pc1 .pt8{ height: 119px;}
.pt2,.pt4,.pt6,.pt8{background: #F0F3F8;}
.pd_mainbox{ border-left: 1px solid #ddd; border-top: 1px solid #ddd; margin-top: 20px;}
.pc1 div{border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.pc2 .c1,.pc2 .c2,.pc2 .c3{border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; line-height: 30px;}
.pd_mb_con a{ font-weight: bold; color: #FBCD00; border-bottom: 1px solid #FBCD00; cursor: pointer;}
.c1 img{ height: 128px;}
.c1 i{font-size: 20px; cursor: pointer; position: absolute; top: 8px; right: 10px;}
.c1 i:hover{color: #E00025;}
.pd_mb_con .select-header{width: 160px;}
.pd_mb_con .select-options{width: 230px;}
.pd_mb_con .option-item{ width: auto;}
/********下拉框通用样式**********/
.custom-select {position: relative;}
.select-header { padding: 5px; border: 1px solid #ccc; border-radius: 4px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
.select-options { position: absolute; top: 85px;left: 0;right: 0;border: 1px solid #ccc;border-radius: 4px;background: white;z-index: 100;max-height: 200px;overflow-y: auto;display: none;}
.select-options.show {display: block;}
.option-item {cursor: pointer; height: 36px; line-height: 36px; padding: 0 20px;}
.option-item:hover { background-color: #f0f0f0; }
.option-item.selected { background-color: #e0e0e0; }
.option-item .fr { color: #666;}
/********下拉框通用样式**********/
.pd_main .pk_title h2{ font-size: 24px;}
/********产品汇总**********/
.pd_main section{ padding: 40px 20px; border-bottom: 1px solid #ddd;}
.pd_main h3{ display: block; height: 40px; line-height: 40px;}
.pd_main h3 a{ line-height: 40px; font-size: 24px;font-family: Microsoft YaHei;font-weight: 400; margin-left: 10px;}
.pd_main h3 img,.pd_main dt img{ display:block; height: 40px; float: left;}
.pd_main dt a{ line-height: 40px; font-size: 18px; margin-left: 10px;}
.pd_main dl{ clear: both; padding: 20px;}
.pd_main dt{ float: left; clear: both;}
.pd_main dd{ float: left; line-height: 40px; margin-left: 20px;}
.pd_main dd a::before{ font-family: "caloxicon"; content: '\e674'; margin-left: 10px;}
.pd_main a:hover{color: #0F3967; text-decoration: underline;}
/********产品分类**********/
.ps_main{ display: flex; flex-direction: row; padding-bottom: 20px;}
.psmain_left{ width: 220px;box-shadow:0px 0px 12px rgba(0, 0, 0, .12);}

.ps_title{ font-size: 24px; font-weight: 400; font-family: Microsoft YaHei; height: 50px; line-height: 50px; text-align: center; color: #0F3967; border-bottom: 3px solid #E00025;}
/********分类树通用CSS**********/
.feiletul{ width:215px; padding:10px 0;}
.feiletul li{ width:215px; height:30px;}
.feiletul li a{ border-bottom:1px dotted #cbcbcb; font:14px "宋体"; color:#3d3d3d; height:29px; padding-left:10px; width:164px; display:block;}
.feiletul li a:hover,.feiletul li a.on{ height:30px; background:#cf243e; color:#FFF; border-bottom:none;}
.out_feile{ padding-left:0px;padding-top:10px;}
.sub_feile dl{ background:url(../img/line.gif) repeat-y left; margin-left:18px;}
.sub_feile dl dd{ height:30px; line-height:30px;padding-left:18px; overflow-y:hidden;}
.sub_feile dl dd a{ color:#333; margin-left: 2px;}
.sub_feile dl dd.tree_c{ background:url(../img/plus.gif) left no-repeat;}
.sub_feile dl dd.tree_c:last-child{background:url(../img/plus_last.gif) left no-repeat;}
.sub_feile dl dd.tree_o{background:url(../img/minus.gif) left no-repeat;}
.sub_feile dl dd.tree_o a,.sub_feile dl dd.page.on a{ color:#cf243e;}
.sub_feile dl dd.tree_o:last-child{background:url(../img/minus_last.gif) left no-repeat;}
.sub_feile dl dd.page{background:url(../img/page.gif) left no-repeat;}
.sub_feile dl dd.page:last-child{background:url(../img/page_last.gif) left no-repeat;}

.psmain_right,.psshow_right{ flex: 1;box-shadow:0px 0px 12px rgba(0, 0, 0, .12); margin-left: 10px; padding: 0 15px;}
.psmain_right h1{ height: 100px; padding-left: 10px; border-bottom: 2px solid #0F3967;}
.psmain_right h1 span{font-size: 26px; font-weight: bold; font-family: Microsoft YaHei; float: left; line-height: 100px;}
.psmain_right h1 img{ height: 80px; margin: 10px; float: right; display: block;}
/********分类树通用CSS**********/
.psmain_box{ border-bottom: 1px solid #0F3967; display: flex; flex-direction: row;}
.psmain_box img{ width: 100px;}
.psmain_txt{ flex: 1; margin-left: 20px; padding: 10px 0;}
.psmain_txt h2{margin-top: 10px; color: #0F3967;}
.psmain_txt:hover h2{ text-decoration: underline;}
.psmain_txt p{ margin-top: 10px; color: #666; line-height: 24px;}
.psm_img{ width: 100%; margin-top: 20px;}
.psm_img img{ max-width: 100%;}
/********产品列表**********/
.ps_main .c_table thead td{background-color:#4076AF;}

.pright_title{ height: 52px; padding-left: 10px; border-bottom: 1px dashed #dcdcdc; line-height: 52px;}
.pright_title h1{ float: left; font-size: 22px; font-family: Microsoft YaHei; font-weight: 400;}
.pright_title i{ font-size: 26px;}
.pright_pic{ display: flex; flex-direction: row; padding-top: 10px;}
.ppic_box{ width: 400px;}
.ppic_box img{ max-width: 400px;}
.ppic_txt{ flex: 1; margin-left: 30px;}
.ppic_txt h2{font-size: 24px; font-family: Microsoft YaHei; font-weight: normal; margin-bottom: 30px;}
.ppic_txt p{ margin-top: 5px; line-height: 26px;}
.ppic_button{ margin-top: 10px;}
.ppic_button button{ width: 200px; height: 30px;}
.col2{ margin-top: 5px;}
.pright_table{ width: 400px;}
.pright_size{ margin-top: 10px; display: flex;flex-direction: row;}
.pright_sizeimg{ flex: 1; margin-left: 30px;}
.prs_imgbox{ position: relative;}
.prs_imgbox i{ width: 30px; height: 30px; position: absolute; top: 45%;  z-index: 2; background: #ffffff; border-radius: 50%; line-height: 30px; text-align: center; cursor: pointer;}
.prs_imgbox .calox-arrow-left{left: 10px;}
.prs_imgbox .calox-arrow-right1{right: 10px;}
.prs_imgbox img{ width: 100%; height: 400px; object-fit: contain;  cursor: zoom-in;background-color: #f5f5f5;margin-bottom: 10px;}
.prs_thumb{overflow-x: auto;padding-bottom: 10px;}
.thumbnail {border: 2px solid #ccc; float: left; margin-left: 15px; position: relative;cursor: pointer;}
.thumbnail img{ display:block;width: 80px;height: 80px;object-fit: cover;}
.thumbnail.active { border-color: #3498db; }
.thumbnail div{ position: absolute; z-index: 2;bottom:5px; left: 5px;}
.zoom-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.8); display: flex; align-items: center; justify-content: center; z-index: 1000; cursor: zoom-out; }
.zoom-overlay img{background: #ffffff;}
.zoomed-image { max-width: 90%; max-height: 90%; object-fit: contain; }
.threed_box{ background: #005CA1; margin-bottom: 10px; width: 100%; height:400px;}

.pk_box{ margin-top: 10px; display: flex; flex-direction: row;}
.pk_box .news_list{ width: 49%;}
/********样本下载**********/
.psl_con{ margin: 5px;}
.pslc_title{ padding: 10px; }

.pslc_title a{display: flex; flex-direction: row; justify-content: space-between; align-items: center; font-size:16px;}
.pslc_title.more a::after{font-family: "caloxicon";content: '\e664';}
.pslc_title.this,.pslc_con{ background: #F4F7FE; }
.pslc_title.this a::after{content: '\e68b';}
.pslc_con a{ display: block; padding-left: 20px; height: 24px; line-height: 24px;}
.pslc_con a.this,.pslc_con a.this:hover{ background: #123e6e; color: #fff;}
.pslc_title:hover,.pslc_con a:hover{ background: #4076AF;color: #fff;}
.pslc_title:hover a{ color: #fff;}
.dl_title{ height: 40px; line-height: 40px; background: #f3f3f3; padding-left: 24px;}
.dl_list{ display: flex; flex-direction: row;}
.dl_right1{ width: 340px; margin-left: 10px;}
.dl_right2{ flex: 1;}
.dl_right1 a,.dl_right2 a{ display: block; height: 27px; line-height: 27px; text-decoration: underline;}
.menu_list{ padding-bottom: 30px;}
.ml_con{ width: 50%; float:left; display: flex; flex-direction: row; margin-top: 20px;}
.menu_list .ml_txt{ flex:1; padding:0 10px;}
.ml_txt span{ display: block; color: #999;}
.ml_txt h3{ font-size: 18px; margin: 16px 0;}
.ml_txt p{ line-height: 26px;}
.ml_txt button{ width: 176px; height:42px; margin-top: 40px; cursor: pointer;}
/********文章列表**********/
.list_news{ margin-top: 10px;}
.list_news li{ margin-bottom: 15px;}
.list_news li a{display:block;border:1px solid #ddd;padding:15px;overflow:hidden;}
.list_news li .img-center{float:left;width:250px;}
.list_news li .text{margin-left:270px;}
.list_news h4{margin:0;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;}
.list_news h4 span{float:right;font-size:12px;color:#999;font-weight:normal;}
.list_news .text p{color:#797979; margin-top: 10px;}
.list_news .text .more{float:right;padding:6px 12px;color:#fff;background-color:#B6B6B6; margin-top: 10px;}
.list_news a:hover{border-color:#023793;}
.list_news a:hover h4{color:#023793;}
.list_news a:hover .text .more{background-color:#023793;}
.news_title{ margin-bottom: 20px; text-align: center;}
.news_title h1{ font-size: 24px; margin-top: 30px;}
.news_title p{ margin-top: 10px; font-size: 12px; color: #999;}
.news_content{ font-family: "Microsoft Yahei",PingFangSC-Regular,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif; font-size: 14px; line-height: 22px; color: #333; padding: 0 10px;}
.news_content a{ color: #cf243e;}
.prev_next{ margin: 20px 0px;}
.prev_next li{ line-height: 32px; height: 32px; overflow: hidden; margin-bottom: 5px; padding:0 10px;}
.prev_next li span{display:inline-block;background-color:#A2A2A2;color:#fff;padding:0 15px;margin-right:10px;}
.prev_next li em{float:right;font-style:normal;}
/********视频中心**********/
.video_box{ border-top: 1px solid #ccc;}
.v_title{ font-size: 24px; font-weight: 600; margin-top: 30px;}
.vhome_hot{ padding-bottom: 30px; border-bottom: 1px solid #ccc;}
.vbig_list{ display: flex; flex-direction: row; justify-content: space-between; margin-top: 20px;}
.vbig_con{ width: 32%;}
.vbig_card{ width: 100%; height: 230px; position: relative; border-radius: 6px; overflow: hidden;}

.vbig_card img{width: 100%;}
.vbig_mask{ position: absolute; width: 100%; height: 24px; bottom: 0; background: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.8)); z-index: 20; color: #fff;padding: 10px 0 4px 0; line-height: 24px;opacity: 1;}
.vbig_mask.hide{opacity: 0;transition: opacity 0.5s ease;}
.vbig_mask span{ margin-left: 10px;}
.vbig_mask span.fr{ margin-right: 10px;}
.video_preview{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: none; z-index: 10;}
.vbig_txt{ height: 24px; line-height: 24px;}
.vbig_txt a:hover{color:#023793;}

.v_title em,.v_title i{ font-size: 16px; font-style: normal; color: #666; font-weight: normal; line-height: 30px;}
.v_title i{ margin: 0 6px;}
.v_tab{padding-top: 30px;}
.v_radio{ height: 34px; padding: 0 15px; cursor: pointer; border-radius:6px; float: left; line-height: 34px; background: #f6f7f8; margin-left: 15px;}
.v_radio:hover{ color:#023793 ;transition: color 0.5s ease;}
.v_radio.this{ background: #023793; color: #fff;}
.r2{ border: 1px solid #E3E5E7;}
.r2 i{ font-size: 12px;}
.r2:hover{ background: #E3E5E7;transition: background 0.5s ease;}

.vsmall_list{ display: flex; flex-direction: row; justify-content: space-between; margin-top: 10px; flex-wrap: wrap;}
.vsmall_con{ width: 19%; margin-top: 10px;}
.vsmall_card{ width: 100%; height: 137px; position: relative; border-radius: 6px; overflow: hidden;}
.vsmall_card img{width: 100%;}
.vsmall_mask{ position: absolute; width: 100%; height: 24px; bottom: 0; background: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.8)); z-index: 20; color: #fff;padding: 10px 0 4px 0; line-height: 24px;opacity: 1;}
.vsmall_mask.hide{opacity: 0;transition: opacity 0.5s ease;}
.vsmall_mask span{ margin-left: 6px; font-size: 12px;}
.vsmall_mask span i{ font-size: 12px;}
.vsmall_mask span.fr{ margin-right: 6px;}
.video_preview{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: none; z-index: 10;}
.vsmall_txt{ height: 50px; line-height: 24px;}
.vsmall_txt a:hover{color:#023793;}
.vsmall_txt time{ color: #9499A0; font-size: 12px;}
/********视频页面**********/
.vb_main{ width: 850px;}
.vb_main h1{ margin-top: 20px; font-size: 24px; font-family: Microsoft Yahei; font-weight: 500;}
.vb_main p{ color: #9499A0; margin-top: 5px;}
.vb_main p span,.vb_main p i,.vb_main p time{ font-size: 12px;}
.vb_main p span,.vb_main p time{ margin-right: 10px;}
.vb_main video{ margin-top: 20px; display: block;}
.video_danmu{ box-shadow:0px 0px 12px rgba(0, 0, 0, .12); height: 50px; line-height: 50px; padding: 0 10px;}
.video_danmu span{color: #61666D;}
.input_group{position: relative;display: inline-block; float: right; width: 500px;}
.input_group input{width: 472px; height: 30px; border-radius: 8px; background: #F1F2F3; padding-left: 28px; border: none;}
.input_group input:focus,.pl_input:focus{ outline: none;}
.input_group button{ border-radius: 0 8px 8px 0; height: 30px; width: 62px; background: #023793; color: #fff; border: 0; cursor: pointer;}
.input_icon{position: absolute;top: 50%;transform: translateY(-50%);color: #555;}
.l10{ left: 10px;}
.r0{ right: 0px;}
.pl_title{ height: 30px; line-height: 30px;}
.plt_t{ font-size: 20px; color: #18191C;}
.plt_n,.plt_hot,.plt_new,.plt_gap{ color: #9499A0; font-size: 12px;}
.plt_hot.this{ color: #222;}
.plt_gap{margin: 0 6px;}
.plt_hot{ margin-left: 30px;}
.pl_con{ margin-top: 20px; padding-left: 10px;}
.pl_avatar{ width: 40px; height: 40px; border-radius: 20px; overflow: hidden;}
.pl_avatar img,.pl_nextavatar img{ width: 100%;}
.pl_content{ width: 790px; border-bottom: 1px solid #E3E5E7; padding-bottom: 20px;}
.plc_name{  line-height: 40px; color: #61666D;}
.plc_zd{ color: #ff6699; border: 1px solid #ff6699; border-radius: 5px; padding: 0 5px; margin-right: 2px;}
.pl_content p.c333{ color: #333;}
.pl_content p a,.plc_nexttxt a{ color: #005CA1;}
.pl_content p a::before{ font-family: "caloxicon";content: '\e600';}

.pl_nextcon{ margin-top: 20px;}
.pl_nextavatar{ width: 24px; height: 24px; border-radius: 12px; overflow: hidden;}
.pl_nextcontent{ width: 756px;}
.plc_nextname{  line-height: 24px; color: #61666D;}
.plc_nexttxt{ margin-left: 5px;}

.pl_input{ width: 780px; height: 50px; background: #F1F2F3; border-radius: 6px; border: 0; color: #9499A0; padding-left: 10px;}
.input2{ width: 730px;}
.pl_input:hover,.pl_input:focus{ height:48px; background: #ffffff; border:1px solid #f1f2f3; width: 778px;}
.input2:hover,.input2:focus{ width: 728px;}
.pl_input:hover{transition: background 0.5s ease;}
.button_box{ padding-top: 10px;}
.button_box button{ float: right; width: 70px; height: 32px; line-height: 32px; color: #fff; border: 0; border-radius: 5px; cursor: pointer;}
.button_box button.hide_b{ background: #7FD6F5;}
.button_box button.show_b,.button_box button.hide_b:hover{ background: #00AEEC;}

.vb_tab{ width: 330px;}
.vb_tab_list{ background: #F1F2F3; padding: 10px; border-radius: 6px; margin-top: 96px;}
.vbt_title{ font-size: 16px;}
.vbt_title span,.vrightt_con i,.vrightt_con span{ font-size: 12px; color: #9499A0;}
.vbt_desc{ height: 50px; line-height: 50px; color: #9499A0; border-bottom: 1px solid #e3e4e5;}
.vbtt_list{ margin: 10px 0;max-height: 250px; overflow-y: scroll;}
.vbtt_list::-webkit-scrollbar {width: 6px;background-color: #ffffff;}
.vbtt_list:hover::-webkit-scrollbar{display:block;}
.vbtt_list::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px #0F3967;background-color: #ffffff;}
.vbtt_list::-webkit-scrollbar-thumb {border-radius: 30px;background-color: #0F3967; }
.vbtt_list li{ height: 32px;}
.vbtt_list li a{ display: block; height: 32px; line-height: 32px; padding: 0 5px; }
.vbtt_list li a:hover{ color: #023793;}
.vbtt_list li a.this{ background:#fff;}
.vb_some{ margin-top: 10px;}
.vright_card{ width: 139px; height: 80px; float:left; position: relative; border-radius: 6px; overflow: hidden;}
.vright_card img{width: 100%;}

.vright_txt{ width: 180px; height: 80px; float: right; overflow: hidden;}
.vrightt_title{ font-size: 15px; color: #18191C;}

.vs_box .news_list{ width: 100%;}
.vs_box .news_list ul{ padding: 0;}
/********参数查询**********/
.chose_xinhao{ width: 100%; border-top: 1px solid #F3F3F3; padding: 5px 0;}
.cx_tag{ width: 80px; float: left; border-right: 1px solid #123e61;}
.cx_con{ width: 1038px;float: left;}
.cx_con1{ width: 300px; float: left;}
.cxt1{ height: 34px; line-height: 34px;}
.cxt2{ height: 54px; line-height: 54px;}
.cxt3{ height: 65px; line-height: 65px;}
.chose_xinhao input{ height: 32px; border-radius: 3px; border: 1px solid #DBDEE5; padding: 0 10px;}
.chose_xinhao input.cx_input1{ width: 262px; margin-left: 10px;}
.chose_xinhao input.cx_input2{ width: 113px; margin-left: 10px;}
.chose_xinhao input:focus{ outline: none;}
.cx_contop{ text-align: center;}
.cx_con button{ width: 135px; height: 34px; margin-left: 11px; cursor: pointer;}
.typelist div{ width: 117px; height: 28px; line-height: 28px; float: left; margin-left: 10px;border: 1px solid #DBDEE5; text-align: center; margin-bottom: 5px; cursor: pointer;}
.typelist div.this{ color: #cf243e;}
/********参数对比**********/
.db_table thead td{ background-color: #4076AF;}
.cb_del{ line-height: 30px; color: #409eff; cursor: pointer; margin-right: 5px;}
.cb_del:hover{ color: #A0CFFF;transition: color 0.5s ease;}

/* 模态框的基本样式 */
.modal {display: block;position: fixed;z-index: 0;left: 0;top: -120px;width: 100%;height: 120px; overflow: hidden;transition: top 0.5s;}
.modal-content {background-color: #fefefe;margin: 50px auto; padding: 20px; border: 1px solid #e1f3d8;width: 250px; color: #67c23a;z-index: 20;position: relative;background: #f0f9eb;}
.close {position: absolute; top: 10px; right: 10px;color: #67c23a;float: right;font-size: 28px;font-weight: bold;}
.close:hover,.close:focus {color: black;text-decoration: none;cursor: pointer;}

@media (max-width: 768px) {
.slider-wrapper { height: 400px;}
    .slide-content {max-width: 80%;left: 20px;bottom: 20px;padding: 15px;}
}
@media (max-width: 414px) {
/********全局**********/
*{padding: 0; margin: 0;}
.container,.chose_brand ul,.chose_btype ul{ width: 100%;}
.top,.nav_l,.hot_search,.flex_row_center,.formbox,.index_welcome,.index_ad,.pk_img,.about_con_img,.dl_left,.pslc_title.this a::after,.pslc_title.more a::after{ display: none;}
.mobile{ display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
.mobile_hidden{ display: none;}
.mobile_show{ display: block;}
main.container{ margin-top: 43px;}
/********首页**********/
.mtop{ position: fixed; z-index: 60; background: #fff; width: 100%; top: 0;}
.mobile h1{ font-size: 1.6em; margin-left: 10px;}
.mobile i{font-style: normal; font-size: 2em; margin-right: 10px;}
.mobile img{ height: 3em;}
.nav_box{ height: 0px; padding: 0;}
.main_logo{ width: 100%; display: none; position: absolute; top: 43px; flex-direction: column; align-items: flex-start; background: #ffffff; z-index: 50; height: auto; padding-left: 0;}
.main_logo a{ height: 40px; border-bottom: 1px solid #ccc; width: 100%; line-height:40px; padding-left: 10px;}
.index_banner{ width: 100%; margin-left:0;}
.slider-container,.slider-wrapper{ width: 100%; height: 200px;}
.formbox{ margin-top: 3px; padding: 10px 0;}
.search2,search3{ margin-top: 5px;}
.top_search{ height: auto;padding-top:0;}
.index_pk{ padding-top: 20px;}
.pk_content,.about_con_txt{ width: 100%;height:auto;}
.pk_goods{ width: 50%; border-style: inherit; display: flex; flex-direction: column; align-items: center;}
.img_button{ width: 90%; display: flex; flex-direction: row; align-items: center; padding: 0; justify-content: space-between;}
.pk_menu ul.mobile_show{ position: relative;}
.index_about{ padding-top: 20px;}
.about_list{ flex-direction: column; padding: 0; align-items: center; margin-top: 0;}
.about_list li{margin-bottom: 10px;}
.ic_toplist,.ict_circle{ background: none;}
.ict_circle{ width: 20%;}
.news_box{ flex-direction: column;}
footer .container{ flex-wrap: wrap;}
.news_list{ width: 100%; border-right: none;}
.f_box{ width: 48%;}
.f_box2{ padding-left: 10px;}
.ft_copy{ height: auto; padding: 0 10px; margin-bottom: 50px;}
.footer_fix{ display:block;box-shadow:0 0 10px rgba(0,0,0,0.2);position:fixed;bottom:0;left:0;width:100%;background-color:#fff;z-index:10;}
.footer_fix li{float:left;width:20%;}
.footer_fix li a{display:block;text-align:center;padding:7px 0;font-size:14px;line-height:1;}
.footer_fix li i{display:block;height:20px; font-size:20px;background:no-repeat center;background-size:contain;margin-bottom:4px;}
.mobile_show .bn_con{border:none;border-bottom:1px solid #cc0033;}
/********参数**********/
.chose_box{ padding: 10px;}
.cx_con,.search_box,.ml_con{ width: 100%;}
.cx_tag{ border-right: 0; border-bottom: 1px solid #123e61;}
.chose_xinhao input,.cx_con button,.typelist{ margin-top: 5px;}
/********表格**********/
.td_hide{ display: none;}
#inner_table{ padding: 0 10px;}
.c_table button{ width: auto; padding: 0 5px;}
.of_scrool{ overflow-x: scroll;}
.of_scrool table{ min-width: 800px;}
/********互换**********/
.chose_brand,.chose_btype,.chose_search{flex-direction: column;}
.chose_brand ul,.search_box{ margin-top: 10px;}
.chose_brand ul li{ width: 20%; margin: 0;}
.chose_brand ul li:nth-child(8n){ margin-right: 0;}
.cb_more{ margin-left: 0; margin-top: 5px;}
.chose_btype ul{ justify-content: space-between;}
.chose_btype ul li{ width: 32%; margin: 0; margin-top: 5px; display: flex; justify-content: center;box-sizing: border-box;}
.chose_btype ul li span{ font-size: 12px;}
.chose_btype .cb_more_top{ width: 90%; padding: 0;}
.huhuan_page .this .cb_more_top{ width:32%;box-sizing: border-box; padding: 0 1%;}
.cb_more_box{ left: 0; width: 100%; padding: 0;}
.cb_more_box a{ width: 48%; padding-left: 2%;}
.search_box .search_txt{ width: 40%;}
.search_box .search_txt2{ width: 20%;}
.search_box button{ width: 15%;}
.search_box a{ margin-top: 5px;}
.psmain_left{ width: 110px;}
.dl_right1{ width: auto;}
.dl_list{ flex-direction: column;}
.dl_right2{ margin-left: 10px;}
.ml_con img{ width: 40%; height: 40%;}
.ml_txt button{ width: 100%; margin-top: 10px;}
.ml_txt h3{ font-size: 16px; margin: 6px 0;}
.ml_txt p,.pages a,.pright_title .fr{ display: none;}
.list_news li a{ width: 94%; padding: 3%; display: flex; flex-direction: column;}
.list_news li .text{ margin: 0; display: flex; flex-direction: column;}
.list_news h4{ display: flex; flex-direction: column; width: 80%; white-space:normal;line-height:24px;}
.list_news .text p{ margin-top: 5px;}
.list_news .text .more{ width: 60px; margin-top: 5px;}
.product_page .ps_main{ flex-direction: column;}
.product_page .psmain_left,.product_page .feiletul{ width: 100%;}
.product_page .ps_title::after{ font-family: "caloxicon";content: '\e668';}
.product_page .psmain_left{ position: relative;}
.product_page .psshow_right,.shownews .psshow_right{margin-left:0;}
.product_page .feiletul{ position: absolute; background: #ffffff; border-bottom: 1px solid #ccc; z-index: 10; display: none;}
.psmain_box,.pright_pic,.pright_size,.pk_box,.vbig_list{ flex-direction: column;}
.pright_pic,.ppic_box,.ppic_box img,.pright_table{ width: 100%;}
.pright_title h1{ font-size: 16px;}
.ppic_txt,.pright_sizeimg{ margin-left: 0; margin-top: 10px;}
.ppic_txt h2{margin-bottom: 10px;}
.ppic_button button{ width: 49%;}
.prs_thumb,.pl_con,.pl_nextcon{ display: flex; flex-direction: row;}
.pk_box .news_list,.news_content img,.vbig_con{ width: 100%;}
.shownews .psmain_left,.vb_some{ display: none;}
.vhome_hot,.video_box{ padding: 0 10px;}
.vbig_con{ margin-bottom: 10px;}
.vsmall_con{ width: 49%;}
.v_title{ font-size: 20px;}
.v_radio{ padding: 0 5px; margin-left: 5px; height: 24px; line-height: 24px;}

.vb_main,.input_group,.pl_nextcontent{ width: 100%;}
.input_group input{ width: 80%;}
.pl_con .fl{float: none;}
.pl_con .fr{ flex:1; float: none;}
.pl_input{ width: 98%; padding-left: 2%;}
.pl_input:hover, .pl_input:focus{ width: 98%;}
.pl_avatar img{ width: 40px; height: 40px;}
.pl_content,.vb_tab{ width: 100%;}
.vb_main .mobile_show{ text-decoration: underline;}
.vb_tab_list{ width:320px; position: absolute; top: 30px; z-index: 100; right: 10px; display: none;}
}