body{margin:0; padding:0; font-family:"Arial", "黑体", "宋体"; color:#333; font-size:14px; line-height:20px;} img{margin:0; padding:0; border-style:none;} ul,li{margin:0; padding:0; list-style-type:none;} p,span,h1,h2,h3,h4,h5,dl,dd,dt,form{margin:0; padding:0;} input,textarea,select{margin:0; padding:0; vertical-align:middle;} a{color:#333; text-decoration:none} a:link{color:#333; text-decoration:none} a:visited{color:#333; text-decoration:none} a:hover{color:#333; text-decoration: underline} a:hover img{filter:Alpha(opacity=70); opacity:0.8;} .span01,.sp_block,.sp_inline,.pad_block,.pad_inline,.sp_table {display:none;} .fl{float:left;} .fr{float:right;} .clear{clear:both;} .hidden{overflow:hidden;} .clearfix:after {content: "";display: block;clear: both;visibility: hidden;font-size: 0;height: 0;} .clearfix {*display: inline-block;_height:1%;} .block{display:block} .t_center{text-align:center;} .rel{position:relative;} .m_top5{margin-top:5px;} .m_top10{margin-top:10px;} .m_top15{margin-top:15px;} .m_top20{margin-top:20px;} .m_top25{margin-top:25px;} .m_top30{margin-top:30px;} .m_top35{margin-top:35px;} .m_top45{margin-top:45px;} .m_top50{margin-top:50px;} .m_top55{margin-top:55px;} .m_top60{margin-top:60px;} .pt5{padding-top:5px;} .pt10{padding-top:10px;} .pt15{padding-top:15px;} .pt20{padding-top:20px;} .pt25{padding-top:25px;} .pt30{padding-top:30px;} .pt35{padding-top:35px;} .pt40{padding-top:40px;} .pt45{padding-top:45px;} .pt50{padding-top:50px;} .null_pc {margin-top: 3px;} .history_table {width:925px;} .contact_t55 {padding-left: 150px;} .register_textarea {width:640px;} .top_bg{width:100%; height:40px; color:#FFF; font-size:15px; line-height:40px; background:#0B5394;} .top{width:1300px; margin:0 auto;} .top_bg .fr a{color:#FFF;} .top_bg .top_li1{float:left; font-size:20px;} .top_bg .top_li1 img{margin:7px 10px 0 15px; vertical-align:top;} .top_bg .top_li2{width:150px; float:left; font-size:14px; margin:10px 0 0 10px; position:relative; z-index:10; background:#FFF;} .top_bg .top_li2 a{width:140px; height:21px; color:#333; line-height:21px; text-decoration:none; display:block; padding-left:10px; background:url(/skin/images/hioki_r1_c35.jpg) no-repeat;} .top_bg .top_li2 ul{display:none; border-left:#96A8CC 1px solid; border-right:#96A8CC 1px solid; border-bottom:#96A8CC 1px solid; background:#FFF; position:absolute;} .top_bg .top_li2:hover ul{display:block;} .top_bg .top_li2 li{width:148px; color:#333;} .top_bg .top_li2 li a{width:138px; background:none;} .top_bg .top_li2 li a:hover{background:#EFEFEF;} .header{width:1300px; height:45px; margin:0 auto;} .header .header_nav{float:right; padding-top:5px;} .header .header_nav li{width:150px; height:25px; float:left; color:#195FA9; font-size:15px; line-height:25px; text-align:center; border-right:#000000 1px dotted;} .header .header_nav li.nav_li02{width:105px; text-align:right; border-right:none;} .header .header_nav li a{color:#195FA9; display:block;} .header .header_nav li a:hover,.header .header_nav li.nav_li a{text-decoration:none; background:url(/skin/images/hioki_r5_c5.jpg) no-repeat center bottom;} .header .header_nav li.nav_li02 a:hover,.header .header_nav li.nav_li02.nav_li a{background:url(/skin/images/hioki_r5_c5.jpg) no-repeat right bottom;} .hioki_nav_down{width:100%; position:absolute; top:-15px; background:rgba(71,139,222,0.95); z-index:20; display:none;} .hioki_nav_down > p{height:15px; line-height:10px; background:#FFF;} .hioki_nav_down ul{width:1300px; margin:0 auto; padding-bottom:40px;} .hioki_nav_down ul li{width:310px; float:left; padding:25px 0 0 20px;} .hioki_nav_down ul li:nth-child(4n+1){padding-left:0;} .hioki_nav_down ul li a:hover{opacity:0.8; text-decoration:none; display:block;} .hioki_nav_down ul li h3{color:#FFF; font-size:17px; font-weight:normal; line-height:24px;} .hioki_nav_down ul li h3 span{font-size:13px; line-height:22px; padding-left:10px;} .hioki_nav_down ul li.hioki_category{width:308px; float:left; padding:0; margin:15px 7px 0 8px; background:#FFF;} .hioki_nav_down ul li.hioki_category02{width:308px; height:102px; float:left; padding:0; margin:15px 7px 0 8px; background:#FFF;} .hioki_nav_down ul li.hioki_category02 a{color:#333; height:100px; font-size:19px; padding:40px 0 0 80px; display:block; box-sizing:border-box;} .hioki_nav_down ul li.hioki_category03{width:308px; height:100px; float:left; padding:0; margin:15px 7px 0 8px; border:#E1E2E6 1px solid; background:#FFF;} .hioki_nav_down ul li.hioki_category03 a{color:#000; height:100px; font-size:19px; padding:40px 0 0 80px; display:block; box-sizing:border-box;} .hioki_nav_support{height:107px; font-size:20px; font-weight:bold; margin-top:5px; text-align:center; line-height:106px; background:#FFF;} .hioki_nav_support img{vertical-align:middle; margin-right:6px;} /*banner--------------------*/ .hioki_banner{width:100%; height:550px; margin:0 auto;overflow:hidden; position:relative;} #img-show li{width:100%; height:550px;} #img-show li a{height:551px; display:block;} #img-show li.li01{background:url(/skin/images/hioki_banner01.jpg) no-repeat center top;} #img-show li.li02{background:url(/skin/images/hioki_banner02.jpg) no-repeat center top;} #img-show li.li03{background:url(/skin/images/hioki_banner03.jpg) no-repeat center top;} #img-show li.li04{background:url(/skin/images/hioki_banner04.jpg) no-repeat center top;} #img-show li.li05{background:url(/skin/images/hioki_banner05.jpg) no-repeat center top;} #img-show li.li06{background:url(/skin/images/hioki_r7_c7.jpg) no-repeat center top;} #img-show li.li07{background:url(/skin/images/hioki_r7_c8.jpg) no-repeat center top;} #img-show li.li08{background:url(/skin/images/hioki_banner08.jpg) no-repeat center top;} #img-show li.li09{background:url(/skin/images/hioki_banner09.jpg) no-repeat center top;} .hioki_banner_classify{width:350px; height:551px; border-left:#5C5C5C 1px solid; box-sizing:border-box; position:absolute; top:0; right:0;} .hioki_banner_classify li a{height:110px; color:#1A1A1A; text-decoration:none; border-right:#5C5C5C 1px solid; border-bottom:#5C5C5C 1px solid; display:flex; box-sizing:border-box;} .hioki_banner_classify li a i{color:#6280BE; font-size:24px; align-self:center; margin:0 12px 0 15px;} .hioki_banner_classify li a div{align-self:center;} .hioki_banner_classify li a div > h3{font-size:24px; line-height:1.3;} .hioki_banner_classify li a div > h3 p{font-size:16px; line-height:1.3;} .hioki_banner_classify li a div > p{font-size:11px; line-height:16px; padding-top:5px;} .hioki_banner_classify li.li01 a{background:url(/skin/images/hioki_banner_classify01.jpg) no-repeat;} .hioki_banner_classify li.li02 a{background:url(/skin/images/hioki_banner_classify02.jpg) no-repeat;} .hioki_banner_classify li.li03 a{background:url(/skin/images/hioki_banner_classify03.jpg) no-repeat;} .hioki_banner_classify li.li04 a{background:url(/skin/images/hioki_banner_classify04.jpg) no-repeat;} .hioki_banner_classify li.li05 a{background:url(/skin/images/hioki_banner_classify05.jpg) no-repeat;} .hioki_banner_classify li.li01 a:hover,.hioki_banner_classify li.li01 a.show{background:url(/skin/images/hioki_banner_classify01_on.jpg) no-repeat;} .hioki_banner_classify li.li02 a:hover,.hioki_banner_classify li.li02 a.show{background:url(/skin/images/hioki_banner_classify02_on.jpg) no-repeat;} .hioki_banner_classify li.li03 a:hover,.hioki_banner_classify li.li03 a.show{background:url(/skin/images/hioki_banner_classify03_on.jpg) no-repeat;} .hioki_banner_classify li.li04 a:hover,.hioki_banner_classify li.li04 a.show{background:url(/skin/images/hioki_banner_classify04_on.jpg) no-repeat;} .hioki_banner_classify li.li05 a:hover,.hioki_banner_classify li.li05 a.show{background:url(/skin/images/hioki_banner_classify05_on.jpg) no-repeat;} #myjQuery{width:100%;height:463px;margin:0 auto;position:relative} #myjQueryContent{width:100%;height:463px;position:absolute} #myjQueryContent li{position:absolute;height:463px;width:100%} .hioki_promotion{position:fixed; top:50%; left:0; z-index:100; margin-top:-100px;} .hioki_promotion_x{position:absolute; top:0; right:-26px; cursor:pointer;} .hioki_promotion a{display:none;} .hioki_promotion p{cursor:pointer;} .hioki_search_bg{width:100%; padding:35px 0 70px 0; background:url(/skin/images/hioki_r8_c1.jpg) repeat;} .hioki_search{width:1260px; margin:0 auto;} .hioki_search_title{color:#FFF; font-size:28px; line-height:40px;} .hioki_search_title span{font-size:15px; font-weight:normal; line-height:30px;} .hioki_categories{width:236px; float:left; color:#717171; text-align:center; padding-top:20px; background:#FFF;} .hioki_f31{color:#195FA9; font-size:31px; line-height:40px;} .m_left20{margin-left:20px;} .hioki_f15{font-size:15px; font-weight:normal; line-height:22px;} .hioki_categories .hioki_f15{color:#333;} .hioki_brand a{width:100%; min-width:1300px; height:360px; display:block; background:url(/skin/images/hioki_brand.jpg) no-repeat center top;} .hioki_news_bg{width:100%; padding:45px 0 45px 0; background:url(/skin/images/hioki_r14_c1.jpg) repeat; margin-top:30px;} .hioki_news_title{width:175px; height:275px; float:left; color:#FFF; padding:25px 0 0 20px; background:#1A5FAA;} .hioki_news_title p.hioki_f15.m_top5 a{color:#FFF;} .hioki_f22{font-size:22px; line-height:32px;} .hioki_news_title ul{padding:10px 0 0 5px; line-height:24px;} .hioki_news{width:1010px; height:290px; float:left; padding:10px 15px 0 40px; background:#FFF;} .hioki_news li{height:36px; line-height:26px; padding-top:10px; border-bottom:#000 1px dotted;} .hioki_news li:last-child{border-bottom:none;} .hioki_news li img{margin:0 15px 5px 15px; vertical-align:middle;} .hioki_columns{width:1260px; margin:0 auto; padding-top:45px;} .hioki_columns li{float:left; padding-left:12px;} .hioki_columns li:first-child{padding-left:0;} .hioki_category_bg{padding-bottom:25px;} .hioki_category_title{color:#195FA9; font-size:28px; line-height:40px;} .hioki_category{width:273px; height:100px; float:left; padding-left:20px; border:#B6B6B6 1px solid; margin-bottom:25px; margin-left: 20px;} .hioki_category dd{display:table-cell;} .hioki_category dt{width:130px; height:100px; display:table-cell; vertical-align: middle; padding-left:15px;} .m_left25{margin-left:19px;} .hioki_category02{width:290px; height:102px; float:left; margin-bottom:25px; background:#1A5FAA;} .hioki_category02 a{color:#FFF; font-size:19px; padding:40px 0 40px 40px; display:block;} .hioki_category03{width:293px; height:102px; float:left; margin-bottom:25px; border:#E1E2E6 1px solid; background:#F0F7FF;} .hioki_category03 a{color:#000; font-size:19px; padding:40px 0 40px 80px; display:block;} .hioki_activity{width:100%; padding:10px 0 50px 0; background:url(/skin/images/hioki_r24_c1.jpg) repeat-x;} .hioki_page{position:fixed; right:80px; bottom:130px; z-index:1;} .hioki_column{width:100%; padding:35px 0 55px 0; background:#F7F7F7;} .hioki_column01{width:365px; height:335px; float:left; padding-left:30px; border-right:#000000 1px dotted;} .hioki_f23{color:#195FA9; font-size:23px; line-height:32px;} .hioki_f12{font-size:12px; font-weight:normal;} .hioki_f12_pc {padding-left: 425px} .hioki_column02{width:395px; height:335px; float:left; padding-left:60px; border-right:#000000 1px dotted;} .hioki_w205{width:330px;} .hioki_column03{float:left; padding-left:60px; position:relative;} .hioki_column03_wx{position:absolute; top:182px; left:22px;} .footer{width:1300px; margin:0 auto; padding:25px 0 10px 0;} .footer_dh{float:left; padding:10px 0 0 20px;} .footer_dh img{vertical-align:middle;} .footer .fr li{float:left; margin-top:10px; padding-left:22px;} .footer_icp{color:#999; font-size:12px; text-align:center; padding-top:40px;} .sidebar_search{width:75px; height:140px; position:fixed; top:180px; right:0; overflow:hidden; z-index:9999;} .sidebar_search dl{width:365px; height:140px;} .sidebar_search dd{width:275px; height:125px; float:left; padding:15px 0 0 15px; background:url(/skin/images/sidebar_search02.png) repeat;} .sidebar_search dd h3{width:232px; height:34px; font-size:16px; padding-left:30px; background:url(/skin/images/sidebar_search04.png) no-repeat;} .sidebar_search dd label{width:260px; height:34px; display:block; margin-top:10px; border:#CECECE 1px solid;} .sidebar_search dd label input[type=text]{width:220px; height:34px; padding-left:6px; border:none; vertical-align:middle;} .sidebar_search dd label input[type=button]{width:34px; height:34px; border:none; background:url(/skin/images/sidebar_search06.jpg) no-repeat;} .sidebar_search dd p{padding:5px 0 0 10px;} .sidebar_search02{width:75px; height:135px; position:fixed; top:330px; right:0; overflow:hidden; z-index:9999;} .sidebar_search02 dl{width:365px; height:135px;} .sidebar_search02 dd{width:275px; height:125px; float:left; padding:10px 0 0 15px; background:url(/skin/images/sidebar_search02.png) repeat;} .sidebar_search02 dd label{display:block; margin-top:8px;} .sidebar_search02 dd label input[type=text],.sidebar_search02 dd label input[type=password]{width:215px; height:25px; border:#CECECE 1px solid;} .sidebar_search02 dd ul li{float:left; padding:0 10px;} .sidebar_search02 dd ul li .sidebar_ld{width:72px; height:22px; color:#FFF; font-size:14px; line-height:22px; border:none; display:block; text-align:center; background:#0770D8; font-family:"黑体", "宋体"; cursor:pointer;} .sidebar_search02 dd ul li .sidebar_ld:hover{text-decoration:none;} .sidebar_p{padding:20px 0 0 10px;} .sidebar_tc a{width:72px; height:22px; color:#FFF; font-size:14px; line-height:22px; border:none; display:block; text-align:center; margin:30px 0 0 140px; background:#0770D8;} .sidebar_search03{width:75px; height:135px; position:fixed; top:475px; right:0; overflow:hidden; z-index:9999;} .sidebar_search03 dl{width:365px; height:135px;} .sidebar_search03 dd{width:285px; height:125px; float:left; padding:10px 0 0 5px; background:url(/skin/images/sidebar_search02.png) repeat;} .sidebar_search03 dd div:first-child{width:155px; float:left; font-size:14px; font-weight:bold; text-align:center; padding-top:15px;} .news_banner{width:100%; height:328px; background:url(/skin/images/news_r1_c1.jpg) no-repeat top center;} .news_content{width:1300px; margin:0 auto;} .news_left{width:210px; height:275px; float:left; color:#FFF; padding:40px 0 0 40px; background:#0B5394;} .news_left ul{padding:15px 0 0 5px;} .news_left ul li{height:35px; font-size:15px;} .news_left ul li a{color:#FFF;} .news_right{width:930px; float:left; padding-left:30px;} .news_right .news_tp {margin-top: 10px;} .news_right .news_tp img {width: 320px; height: 555px;margin-right: 10%;} .news_right .news_tp img.tp02 {margin-right: 0;} .news_right .align_right {text-align:right;} .news_right .news_weixin {width:100%;} .news_right .news_weixin img {width:216px;height:216px;margin-right:20%;} .news_right .news_weixin img.wx02 {margin-right: 0;} .news_right p {margin-top:20px;} .current{height:25px; color:#666666; font-size:13px; font-weight:normal; padding-top:30px; border-bottom:#D8DFE5 1px solid;} .current a,.news_list li a{color:#195FA6;} .news_list{width:930px; padding-top:30px;} .news_list li{height:26px; line-height:26px; padding:12px 0;} .news_list li img{margin:0 15px 3px 15px; vertical-align:middle;} .news_flip li{display:inline;} .news_flip_li01 a{color:#195FA6;} .news_title_x{padding:20px 0 0 0; border-bottom:#A0A0A0 1px solid;} .news_title_x p{font-size:12px; color:#990000;} .news_xx{padding:10px 0; border-bottom:#B5B5B5 1px dotted;} .product_banner{width:100%; height:328px; background:url(/skin/images/product_r1_c1.jpg) no-repeat top center;} .product_title{width:100%; height:110px; padding-top:30px; background:#1A5FAA;} .product_title ul li{width:246px; height:76px; float:left; margin-left:17px; cursor:pointer; position:relative;} .product_title ul li:first-child{margin-left:0;} .product_title ul li p{position:absolute; top:91px; left:110px; display:none;} .product_title ul li.selectd p{display:block;} .product_f42{color:#195FA9; font-size:42px; font-weight:normal; line-height:55px;} .product_f20{font-size:20px; line-height:30px;} .product_dljs{width:680px; float:right; padding-top:20px;} .product_left{width:250px; float:left;} .product_left h3{width:250px; height:118px; color:#FFF; font-size:28px; line-height:40px; padding-top:50px; text-align:center; background:#0B5394} .product_left h3 span{font-size:22px; line-height:32px; font-weight:normal;} .product_left ul li{border-bottom:#000 1px dotted;} .product_left ul li a{width:190px; font-size:16px; line-height:25px; display:block; padding:20px 0 20px 60px; background:url(/skin/images/product_r5_c2.jpg) no-repeat 35px 30px;} .product_left ul li ul{padding:0 0 20px 60px;} .product_left ul li li{border-bottom:none;} .product_left ul li li a{font-size:14px; line-height:22px; padding:0; border-bottom:none; background:none;} .product_right{width:1000px; float:left; padding-left:50px;} .product_f25{font-size:25px; line-height:38px;} .product_category{width:1018px;} .product_category li{display:inline;} .product_category li a{width:300px; height:47px; float:left; font-size:16px; line-height:47px; padding-left:21px; margin:0 18px 18px 0; background:url(/skin/images/product_r3_c4.jpg) no-repeat} .product_category li.product_category_li a{width:300px; height:47px; float:left; color:#FFF; font-size:16px; line-height:47px; padding-left:21px; margin:0 18px 18px 0; background:url(/skin/images/product_r3_c5.jpg) no-repeat} .product_search{width:885px; height:43px; font-size:16px; line-height:30px; padding:12px 0 0 30px; border:#8FB1D4 3px solid; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;} .product_search li{float:left; margin-right:29px;} .product_search li select[name=category_id]{width:240px;} .product_number{width:345px; height:28px; border:#DDDDDD 1px solid;} .product_number p{width:100px; height:28px; float:left; text-align:center; background:#F5F5F5;} .product_number input[type=text]{width:194px; height:28px; float:left; border:none; border-left:#DDDDDD 1px solid;} .product_number input[type=submit]{width:50px; height:28px; float:left; border:none; background:url(/skin/images/product_r7_c10.jpg) no-repeat;} .product_search input,.product_search select{color:#333; font-size:16px;} .product_list li{width:1000px; margin-bottom:20px; position:relative;} .product_list dl{width:auto; height:172px; border:#C2C2C2 1px solid;} .product_dz{position:absolute; top:0; left:0; z-index:10;} .product_list dl.product_tj{height:160px; border:#BACFE4 7px solid;} .product_list dl.product_new{height:160px; border:#FEEDB7 7px solid;} .product_list dl dd{position:absolute; top:25px; left:20px;} .product_dt01{position:absolute; top:35px; left:200px;} .product_dt02,.product_dt03,.product_dt04,.product_dt05{height:30px; color:#FFF; font-size:16px; line-height:30px; text-align:center; padding:0 8px; background:#C2C2C2; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; position:absolute; top:15px; right:20px;} .product_dt03{top:53px;} .product_dt04{top:91px;} .product_dt05{top:129px;} .product_f21{font-size:21px; line-height:32px; font-weight:normal;} .product_f16{color:#666; font-size:16px; line-height:24px;} .product_xx{width:65px; height:35px; color:#FFF; font-size:15px; line-height:35px; padding-left:15px; display:block; background:#0B5394 url(/skin/images/product_r10_c8.jpg) no-repeat 140px center;} .recorder_banner{width:100%; height:328px; background:url(/skin/images/recorder_r1_c2.jpg) no-repeat top center;} .recorder_title li{width:165px; height:60px; float:left; color:#FFF; font-size:19px; line-height:60px; margin-right:1px; text-align:center; background:url(/skin/images/recorder_r3_c4.jpg) repeat-x; cursor:pointer;} /* .recorder_title li#S_Menu_03{height:56px; line-height:26px; padding-top:4px;} */ .recorder_title li.selectd{color:#333; background:url(/skin/images/recorder_r3_c1.jpg) repeat-x;} .recorder_content{width:925px; padding-top:30px;} .recorder_basic,.recorder04_basic{width:903px; height:35px; font-size:17px; font-weight:normal; line-height:35px; margin-top:45px; padding-left:20px; border:#E6E6E6 1px solid; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background:#F4F4F4;} .recorder_content .recorder_basic:first-child,.recorder_content .recorder_basic.recorder04_basic:first-child{margin-top:0;} .recorder_parameter{border-top:#C5C6C7 1px solid; border-left:#C5C6C7 1px solid;} .recorder_parameter th{border-right:#C5C6C7 1px solid; border-bottom:#C5C6C7 1px solid; font-size:15px; padding:17px 0 17px 25px; text-align:left;} .recorder_parameter td{border-right:#C5C6C7 1px solid; border-bottom:#C5C6C7 1px solid; padding:12px 0 12px 25px; color:#666;} .recorder_related{width:255px; height:300px; float:left; margin-right:25px; padding:10px 15px 0 15px; border:#D6E2EE 3px solid; position:relative;} .recorder_related a:hover img{filter:Alpha(opacity=100); opacity:1;} .recorder_f18{font-size:18px; line-height:26px;} .recorder_blue{color:#195FA6;} .recorder_jly{height:25px; color:#FFF; line-height:25px; text-align:center; padding:0 5px; background:#C2C2C2; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; position:absolute; top:8px; right:8px;} .recorder_f16{font-size:16px; line-height:24px;} .recorder_red{color:#E5322B;} .recorder_option{width:950px; background:url(/skin/images/recorder02_01.jpg) repeat-y;} .recorder_assembly{width:475px; height:175px; float:left; padding-top:27px; position:relative;} .recorder_assembly dt{width:250px; float:left; padding-left:28px;} .recorder_xx{position:absolute; right:40px; bottom:20px;} .recorder_xx a{color:#E5322B;} .recorder_basic01{margin-top:15px; padding-left:14px; border-left:6px #337ec1 solid; font-size:20px; font-weight:bold; line-height:1.5;} .recorder_pdf_ul{padding-top:30px; display:flex; flex-wrap:wrap;} .recorder_pdf{width:377px; min-height:32px; font-size:18px; line-height:26px; margin-bottom:20px; padding:3px 10px 0 75px; background:url(/skin/images/recorder03_01.jpg) no-repeat;} .recorder_version{padding:20px; background:#FDEDED;} .recorder_sign{padding:20px; margin-top:25px; background:#FFF9E9;} .recorder_please{width:415px; float:left;} .recorder_please label{width:90px; float:left;} .recorder_please input{width:265px; height:42px; font-size:16px; border:#E7E4DF 1px solid;} .recorder_please p{font-size:14px; padding-left:90px;} .recorder_login{width:197px; height:86px; float:left; margin-top:35px; margin-right:40px; border:none; cursor:pointer; background:url(/skin/images/recorder04_01.jpg) no-repeat;} .recorder04_content{width:1000px;} .recorder04_basic{width:978px;} .recorder_f23{font-size:23px; line-height:32px;} .recorder_upgrade{border-top:#C5C6C7 1px solid; border-left:#C5C6C7 1px solid;} .recorder_upgrade th{border-right:#C5C6C7 1px solid; border-bottom:#C5C6C7 1px solid; font-size:15px; font-weight:normal;} .recorder_upgrade td{border-right:#C5C6C7 1px solid; border-bottom:#C5C6C7 1px solid; padding:12px; color:#666;} .register_banner{width:100%; height:328px; background:url(/skin/images/register_r1_c1.jpg) no-repeat top center;} .register_content{width:1000px; margin-top:10px; padding-top:15px; border-top:#EBEBEB 2px solid;} .register_dl{color:#000; font-size:15px; padding:30px 0; border-bottom:#000 1px dotted;} .register_dl dd{width:160px; float:left; line-height:35px; padding-left:35px;} .register_dl dd.register_dd{background:url(/skin/images/register_r3_c2.jpg) no-repeat 10px center;} .register_dl dt{width:805px; float:left;} .register_text{width:450px; height:33px; font-size:15px; border:#D8D9D9 1px solid; background:#ECECEC;} .register_f14{color:#666; font-size:14px;} .register_dx{width:175px; float:left; padding:8px 0 12px 0;} .register_textarea{width:490px; height:170px; font-size:15px; border:#D8D9D9 1px solid; background:#ECECEC;} .register_submit{width:198px; height:59px; margin:35px 0 0 150px; border:none; cursor:pointer; background:url(/skin/images/register_r5_c4.jpg) no-repeat;} .register_reset{width:198px; height:59px; margin:35px 0 0 40px; border:none; cursor:pointer; background:url(/skin/images/register_r5_c6.jpg) no-repeat;} .register_dxk{width:auto;} .register_text2{width:180px; height:33px; font-size:15px; border:#D8D9D9 1px solid; background:#ECECEC;} .register_dx2{width:400px; float:left; padding:8px 0 12px 0;} .repair_banner{width:100%; height:328px; background:url(/skin/images/repair_r1_c1.jpg) no-repeat top center;} .repair_separate{width:175px; float:left; color:#231815; font-size:19px; font-weight:bold;} .repair_card{width:745px; margin-top:40px; padding:40px 90px 35px 75px; border:#EBEBED 8px solid;} .repair_f35{color:#195FA6; font-size:35px; font-weight:normal; line-height:48px;} .repair_tips{width:370px; height:250px; float:left; margin:20px 45px 30px 0; padding:20px 45px 0 15px; border:#D7D7D7 1px solid; background:#F4F4F4;} .repair_xcs{padding:15px 0 0 42px;} .repair_tips01{background:#F4F4F4 url(/skin/images/repair_r13_c4.jpg) no-repeat 243px 138px;} .repair_tips03{background:#F4F4F4 url(/skin/images/repair_r15_c5.jpg) no-repeat 283px 100px;} .repair_title{color:#195FA9; font-size:28px; line-height:40px;} .repair_state{color:#E5322B; font-size:18px; line-height:30px; padding-top:20px;} .repair_state a{color:#E5322B;} .im_banner{width:100%; height:328px; background:url(/skin/images/intellectual_r1_c1.jpg) no-repeat top center;} .im_table{width:925px;border-top:#C5C6C7 1px solid; border-left:#C5C6C7 1px solid;} .im_table th{border-right:#C5C6C7 1px solid; border-bottom:#C5C6C7 1px solid; color:#000; font-weight:normal; padding:10px;} .im_table td{border-right:#C5C6C7 1px solid; border-bottom:#C5C6C7 1px solid; padding:10px; color:#666;} .page {width:925px;} .company_banner{width:100%; height:328px; background:url(/skin/images/company_r1_c1.jpg) no-repeat top center;} .company_left{width:555px; float:left; padding-right:50px;} .company_onl{font-size:16px; font-weight:bold; padding-top:15px;} .company_table{border-top:#C5C6C7 1px solid;} .company_table th{border-bottom:#C5C6C7 1px solid; color:#FFF; font-weight:normal; padding:10px 15px; text-align:left;} .company_table td{border-bottom:#C5C6C7 1px solid; padding:10px 25px; color:#666;} .speech_left{width:842px;} .history_table{border-top:#C5C6C7 1px solid;} .history_table th{border-bottom:#C5C6C7 1px solid; color:#FFF; font-size:19px; padding:10px 15px; text-align:left;} .history_table td{border-bottom:#C5C6C7 1px solid; padding:10px 20px; color:#666;} .distribution_fb{width:950px; background:url(/skin/images/distribution_r4_c2.jpg);} .distribution_fb li,.distribution_fb2 li{width:210px; height:130px; float:left; padding:17px 0 0 27px;} .distribution_fgs{height:60px;} .distribution_fb p a,.distribution_fb2 p a{color:#195FA9;} .distribution_x{width:950px; padding-top:30px; border-bottom:#C6C7C8 1px solid;} .distribution_w250{width:250px; float:left;} .pc_mt10 {margin-top: 10px;} .pc_mt20 {margin-top: 20px;} .counterfeit_banner{width:100%; height:328px; background:#B53F4B url(/skin/images/counterfeit_r1_c1.jpg) no-repeat top center;} .counterfeit_genuine{width:950px; margin-top:10px; padding:12px 0; background:#FFFEEA;} .counterfeit_genuine td{border-bottom:#090506 1px dotted; padding:15px 0;} .counterfeit_text{width:485px; height:40px; border:#E6E5E0 1px solid;} .counterfeit_fill{padding:30px 0; text-align:center;} .counterfeit_button01{width:198px; height:65px; border:none; background:url(/skin/images/counterfeit_r6_c4.jpg) no-repeat; cursor:pointer;} .counterfeit_button02{width:198px; height:65px; border:none; background:url(/skin/images/counterfeit_r6_c6.jpg) no-repeat; cursor:pointer;} .counterfeit_button03{width:198px; height:65px; border:none; background:url(/skin/images/contact_r4_c4.jpg) no-repeat; cursor:pointer;} .counterfeit_button04 {width: 198px;height: 65px;border: none;background: url(/skin/images/counterfeit_r6_c5.jpg) no-repeat;cursor: pointer;} .contact_banner{width:100%; height:328px; background:url(/skin/images/contact_r1_c1.jpg) no-repeat top center;} .contact_lx{width:925px; border:#195FA6 2px solid; margin-top:35px; padding-bottom:25px} .contact_bt{color:#FFF; line-height:30px; background:#195FA6;} .contact_lx img{vertical-align:middle;} .contact_sy{color:#E5322B; padding-top:30px;} .contact_sy a{color:#195FA9;} .contact_lxfs{padding:30px 0 0 30px;} .contact_lxfs_h4{color:#195FA6; font-size:22px; font-weight:normal; line-height:30px;} .contact_lxfs_ul li{float:left; font-size:16px; line-height:24px; padding-top:15px;} .contact_lxfs_li01{width:580px;} .contact_lxfs_li02,.contact_lxfs_li03{width:290px;} .contact_lxfs_sj{font-size:16px; line-height:24px; padding-top:20px;} .contact_lxfs_wx{font-size:16px; line-height:24px; padding-top:5px;} .contact_lxfs_wx span{width:140px; color:#195FA6; display:inline-block;} .contact_lxfs_dh{font-size:22px; line-height:32px; padding-top:5px;} .contact_lxfs_dh span{width:140px; color:#195FA6; display:inline-block;} .contact_lxfs_xx{font-size:22px; line-height:32px; padding-top:15px; text-align:center;} .contact_lxfs_xx a{color:#195FA6;} .password_banner{width:100%; height:328px; background:url(/skin/images/password_r1_c1.jpg) no-repeat top center;} .recruit_banner{width:100%; height:328px; background:url(/skin/images/recruit_r1_c1.jpg) no-repeat top center;} .recruit_table{border-top:#C5C6C7 1px solid;} .recruit_table th{border-bottom:#C5C6C7 1px solid; color:#FFF; padding:10px 15px; text-align:left;} .recruit_table td{border-bottom:#C5C6C7 1px solid; padding:10px 20px; color:#666;} .recruit_f20{color:#195FA6; font-size:20px; line-height:30px;} .discon_banner{width:100%; height:328px; background:url(/skin/images/discon_r1_c1.jpg) no-repeat top center;} .soft_banner{width:100%; height:328px; background:url(/skin/images/soft_r1_c1.jpg) no-repeat top center;} .soft_parameter{width:1000px;border-top:#C5C6C7 1px solid; border-left:#C5C6C7 1px solid;} .soft_parameter th{border-right:#C5C6C7 1px solid; border-bottom:#C5C6C7 1px solid; font-size:15px; padding:15px 12px;} .soft_parameter td{border-right:#C5C6C7 1px solid; border-bottom:#C5C6C7 1px solid; padding:12px; color:#666;} .recorder_applications{margin-left:20px; list-style-type:disc;} .recorder_applications li{padding-top:6px; list-style-type:disc;} .sale_banner{width:100%; height:328px; background:url(/skin/images/sale_banner.jpg) no-repeat top center;} .application_banner01{width:100%; height:328px; background:url(/skin/images/application_kv01.jpg) no-repeat top center;} .application_banner06{width:100%; height:328px; background:url(/skin/images/application_kv06.jpg) no-repeat top center;} .application_w590{width:590px;} .application_w590 h3{height:80px; color:#000; font-size:22px; line-height:80px; text-align:center; background:#E2E2E2;} .application_w590 ul{padding-top:25px; padding-left:20px;} .application_w590 ul li{height:40px; color:#2C4E6D; font-size:16px; line-height:40px; list-style-type:disc;} .application_w590 ul li a{color:#2C4E6D;} .application_bh{color:#666; font-size:16px; font-weight:normal; padding-left:20px;} .sale_banner{width:100%; height:328px; background:url(/skin/images/sale_banner.jpg) no-repeat top center;} .font14{font-size:14px;} .font16{font-size:16px;} .font28{font-size:28px;} .sale_a1{color:#174b97;} .sale_a2{color:#000;} .sale_a3{color:#c30d23;} .sale_a4{color:#144b9b;} .sale_a5{margin-left:30px;} .sale_a6{margin-left:65px;} .mask{position:absolute; top:0px; filter:alpha(opacity=80); background-color:#231815; z-index:999; left:0px; opacity:0.8; -moz-opacity:0.8;} #close{width:71px; height:20px; cursor:pointer; position:absolute; top:10px; right:10px; background:url(/skin/images/close.jpg) no-repeat; z-index:1000;} .open{cursor:pointer;} .pic111{padding:10px; width:760px; background:#fff; z-index:1000; position:fixed; left: 50%; top: 50%; margin-left:-406px; margin-top:-225px;} /*弹出窗口*/ .methods_title{font-size:18px; line-height:1.6; padding-bottom:8px;} .methods_listDl{border-bottom:1px dotted #dbdbdb;} .methods_listDl dt{color:#005EAD; font-weight:bold; font-size:16px; line-height:22px; padding:10px 0 10px 8px; border-top:1px dotted #dbdbdb; cursor:pointer;} .methods_listDl dd{padding:0 0 10px 12px;} .methods_listDl dd .txtBox{display:inline-block; width:600px; vertical-align:top; padding-left:10px;} .methods_listDl dd .imgBox{display:inline-block; width:350px; vertical-align:top; text-align:center; padding:0 10px;} .methods_listDl dd .imgBox iframe {width:350px;height:200px;} .methods_table{width:90%;border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb;} .methods_table th{border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; padding:2px 10px; text-align:left; font-weight:normal; background:#EEEEEE;} .methods_table td{border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; padding:2px 10px;} .selection_h2{color:#333; font-size:30px; font-weight:bold; line-height:1.4; margin:20px 0 35px; border-left:9px solid #005eb1; padding:0 0 0 26px;} .selection_h2 span{color:#888; font-size:16px; display:block;} .note_area{background:#eaeef6; padding:20px 20px 16px; text-align:center;} .guide_table{width:100%; margin:40px 0 70px; position:relative;} .guide_table:after{content:""; width:0; height:0; border-style:solid; border-width:30px 33px 0 33px; border-color:#eaeef6 transparent transparent transparent; position:absolute; bottom:-40px; left:48%;} .guide_table tr{border-bottom:1px solid #fff;} .guide_table th{background:#c2c3c4; font-weight:bold; padding:15px 20px 11px; font-size:16px;} .guide_table td{background:#ebecea; padding:15px 20px 11px;} .guide_table td:nth-child(2){width:200px; font-weight:bold;} .guide_table td p{display:inline-block; width:180px; line-height:2;} .guide_table input{margin:0 10px 0 0;} .resultArea h2{font-size:18px; font-weight:normal; border-bottom:1px solid #475ca0; color:#475ca0; padding:0 0 15px;} .productArea{letter-spacing:-0.5em; margin:0 -50px 0 0;} .productArea .product{width:205px; display:inline-block; vertical-align:top; margin:0 50px 40px 0; letter-spacing:normal;} .productArea .photo{text-align:center;} .resultArea h2{font-size:18px; border-bottom:1px solid #475ca0; color:#475ca0; padding:0 0 15px;} .productArea .description, .productArea .productName{text-align:center;} .productArea .productName{line-height:1.4; padding:0 0 12px; margin:0 0 15px; font-size:20px; border-bottom:1px solid #ccc;} .channel_left, .sampling_left{display:inline-block; float:left;} .channel_left{margin:0 0 5px;} .channel_right, .sampling_right{display:inline-block; float:right;} .productArea .url{text-align:center; margin:14px 0 0;} .productArea .url a{background:#005eb1; padding:13px 24px 15px; text-decoration:none; color:#fff; border-radius:4px; border:1px solid #005eb1; box-sizing:border-box; transition:0.3s; display:block;} .productArea .url a:hover{background:#fff; color:#005eb1;} .w100_pc {width:171px;height:157px;} .w100_pc1 {width:644px;height:181px;} .t_center_pc {width:360px;} .Hi_12_h16_pc {width:347px;height: 360px;} .Hi_12_h16_pc1 {width:620px;height:230px;} .pc_table {width:850px;} .hi_1201 {width:50%;} .sp_table{display: none;} .t_pc {width:650px;} .news_detail {width:100%;} .news_detail dt {width:68%;float:left;} .news_detail dt p {margin-top: 20px;} .sale_present {width:900px; height:511px; background:url(/skin/images/click_bg.jpg) no-repeat; color:#000;} .sale_present .sale_goods {width:560px; margin:0 auto;} .sale_present .sale_title_ins {color:#fff; font-size:14px; width:124px; margin:0 auto; height:37px; line-height:37px; background:#164a99; text-align:center;} .sale_present .present_ins1 {padding-top:20px;} .sale_present .present_ins2 {padding-top:45px;} .tables_list {width:100%;overflow: hidden;} .tables_list li {width:33%;float:left;} .tables_list li img {display:block;width:200px;height:138px;} .tables_list li p {text-align:left;margin-top: 5px;} .recorder_banner {background: url(/skin/images/recorder_r1_c2.jpg) no-repeat center;} .search-products-area .search-word {width:300px;} .icon_list tr td {padding:0 10px;} .tables_list_b {width:100%;overflow: hidden;} .tables_list_b li {width:25%;float:left;} .tables_list_b li img {display:block;width:150px;height:100px;} .video{position:relative; width:320px; height:220px;} .video #iframeId{position:absolute; top:0; left:0;} .repair_report {width: 100%; height: 100%; background:rgba(0,0,0,0.5); position: fixed; top:0;left:0; z-index: 1000;} .repair_report img {position: fixed;top: 50%;left: 50%;margin-left: -539px;margin-top: -250px;} @media only screen and (min-width:768px) and (max-width:899px){ .sale_present {width:768px; height:511px;line-height: 2px; background:url(/skin/images/click_bg.jpg) no-repeat;background-size:100%;color:#000;} .sale_present .sale_goods {width:540px; margin:0 auto;} .sale_present .sale_title_ins {color:#fff; font-size:12px; width:124px; margin:0 auto; height:37px; line-height:37px; background:#164a99; text-align:center;} .sale_present .present_ins1 {padding-top:15px;} .sale_present .present_ins2 {padding-top:30px;} .counterfeit_genuine .counterfeit_td {width:510px;} } @media only screen and (min-width:1100px) and (max-width:1300px){ .top{width:96%;} .header{width:96%;} .header .header_nav li{width:122px; height:25px; float:left; color:#195FA9; font-size:15px; line-height:25px; text-align:center; border-right:#000000 1px dotted;} .header .header_nav li.nav_li02{width:92px; text-align:right; border-right:none;} .hioki_nav_down ul{width:96%;} .hioki_nav_down ul li{width:23.5%; padding:25px 0 0 2%;} .hioki_nav_down ul li.hioki_category{width:23.8%; margin:15px 0 0 1.5%;} .hioki_nav_down ul li.hioki_category:nth-child(4n+1){margin-left:0;} .hioki_nav_down ul li.hioki_category02{width:23.8%; height:90px; margin:15px 0 0 1.5%;} .hioki_nav_down ul li.hioki_category02 a{height:90px; font-size:18px; padding:35px 0 0 0;} .hioki_nav_down ul li.hioki_category03{width:23.8%; height:90px; margin:15px 0 0 1.5%;} .hioki_nav_down ul li.hioki_category03 a{height:90px; font-size:18px; padding:35px 0 0 0;} .hioki_banner{height:500px;} #img-show li{height:500px;} #img-show li a{height:501px;} #img-show li.li01{background-size:auto 100%;} #img-show li.li02{background-size:auto 100%;} #img-show li.li03{background-size:auto 100%;} #img-show li.li04{background-size:auto 100%;} #img-show li.li05{background-size:auto 100%;} #img-show li.li06{background-size:auto 100%;} #img-show li.li07{background-size:auto 100%;} #img-show li.li08{background-size:auto 100%;} #img-show li.li09{background-size:auto 100%;} .hioki_banner_classify{width:300px; height:501px;} .hioki_banner_classify li a{height:100px;} .hioki_banner_classify li.li01 a,.hioki_banner_classify li.li02 a,.hioki_banner_classify li.li03 a,.hioki_banner_classify li.li04 a,.hioki_banner_classify li.li05 a{background-size:auto 100%;} .hioki_banner_classify li a div > h3{font-size:20px; line-height:1.3;} .hioki_banner_classify li a div > h3 p{font-size:14px; line-height:1.3;} .hioki_search{width:96%;} .hioki_category{width:23.5%; height:90px; padding-left:10px; margin-bottom:20px; box-sizing:border-box;} .hioki_category dd{display:table-cell;} .hioki_category dd img{width:auto; height:88px;} .hioki_category dt{width:110px; height:88px; padding-left:10px; padding-right:5px;} .m_left25{margin-left:2%;} .hioki_category02{width:23.5%; height:90px; margin-bottom:20px; text-align:center; box-sizing:border-box;} .hioki_category02 a{font-size:18px; padding:35px 0 35px 0;} .hioki_category03{width:23.5%; height:90px; margin-bottom:20px; text-align:center; box-sizing:border-box;} .hioki_category03 a{font-size:18px; padding:35px 0 35px 0;} .hioki_news{width:calc(100% - 195px); height:300px; padding:10px 15px 0 25px; box-sizing:border-box;} .hioki_columns{width:96%;} .hioki_columns li{width:32%; padding-left:2%;} .hioki_columns li img{width:100%; height:auto;} .hioki_brand a{min-width:1100px;} .hioki_column01{width:30%; padding-left:0; box-sizing:border-box;} .hioki_f23{font-size:22px; line-height:32px;} .hioki_column02{width:36%; padding-left:4%; box-sizing:border-box;} .hioki_column03{width:34%; padding-left:4%; box-sizing:border-box;} .hioki_column03_wx{width:92%;} .hioki_column03_wx img{width:100%; height:auto;} .footer{width:96%; font-size:12px;} .footer h1 img{width:200px; height:auto;} .news_content{width:96%;} .news_left{width:20%; padding:40px 0 0 3%; box-sizing:border-box;} .news_right{width:78%; padding-left:2%;} .news_list{width:100%;} .support_left{width:20%;} .support_left h3{width:100%; height:110px; font-size:26px; line-height:35px; padding-top:40px;} .support_left h3 span{font-size:20px; line-height:30px;} .product_right{width:78%; padding-left:2%;} .recorder_content{width:100%; max-width:925px;} .recorder_please{width:380px;} .recorder_login{width:190px; margin-right:17px;} .product_title{width:100%; height:auto; padding:20px 0;} .product_title ul li{width:18.4%; height:auto; margin-left:2%;} .product_title ul li img{width:100%; height:auto;} .product_title ul li p{position:absolute; top:auto; left:50%; margin-left:-6px; display:none;} .product_title ul li p img{width:auto; height:10px; margin-top:10px;} .product_dljs{display:none;} .hioki_search li.m_left25.fl{width:23.2%; height:74px; margin-left:2%; background:url(/skin/images/products_application_pc.jpg) no-repeat center bottom; background-size:auto 100%;} .hioki_search li.m_left25.fl img{width:100%;} .product_left{width:20%;} .product_left h3{width:100%; height:110px; font-size:26px; line-height:35px; padding-top:40px;} .product_left h3 span{font-size:20px; line-height:30px;} .product_left ul li a{width:100%; font-size:14px; line-height:25px; padding:20px 0 20px 30px; background:url(/skin/images/product_r5_c2.jpg) no-repeat 20px 30px; box-sizing:border-box;} .product_left ul li ul{padding:0 0 20px 30px;} .product_category{width:100%; max-width:1018px;} .product_category li,.product_category li.product_category_li{width:32%; height:44px; float:left; margin:0 0 15px 2%; background:linear-gradient(#F7F7F7, #D9D9D9);} .product_category li:nth-child(3n+1){margin-left:0;} .product_category li a,.product_category li.product_category_li a{height:44px; float:none; font-size:12px; line-height:16px; padding:0 20px 0 10px; margin:0; display:table-cell; vertical-align:middle; background:url(/skin/images/product_r3_c4_sp.png) no-repeat 95% center; background-size:5px auto;} .product_category li.product_category_li{background:linear-gradient(#1F679E, #1C599E);} .product_category li.product_category_li a{background:url(/skin/images/product_r3_c5_sp.png) no-repeat 95% center; background-size:5px auto;} .product_list li{width:100%; margin-bottom:12px;} .product_list dl{width:auto;} .product_dz img{width:70px; height:auto;} .product_dt01 .product_f21{font-size:18px; line-height:26px; font-weight:normal;} .product_dt01 .product_f16{color:#666; font-size:14px; line-height:20px;} .product_dt02{height:26px; font-size:14px; line-height:26px; position:absolute; top:16px; right:16px;} .recorder_title li{width:15.8%;} .recorder_title li#S_Menu_03{width:20%;} .recorder_content{width:100%;} .recorder_basic,.recorder04_basic{width:98%; padding-left:2%;} .recorder_related{width:28%; height:auto; margin-right:2%; padding:10px 1.5% 15px 1.6%;} .recorder_related:last-child{margin-right:0;} .recorder_related_img img{width:100%;} .recorder_jly{font-size:12px;} .recorder_related .recorder_blue{height:40px;} .recorder_parameter{width:100%;} .recorder_parameter th:first-child{font-size:12px; padding:15px 0 15px 3%;} .recorder_parameter th:first-child{width:30%;} .recorder_parameter td{padding:10px 2% 10px 3%;} .recorder_option{width:100%; background:url(/skin/images/recorder02_01.jpg) repeat-y; background-size:96% 203px;} .recorder_assembly{width:50%; height:175px; float:left; padding-top:27px; position:relative;} .recorder_assembly dt{width:auto; float:none; padding-left:0; padding-right:15px; margin-left:105px; font-size:12px; line-height:20px;} .recorder_assembly dt .recorder_f18{font-size:16px; line-height:24px;} .recorder_pdf{width:50%; min-height:30px; font-size:15px; line-height:22px; padding:3px 10px 0 60px; background-size:50px auto; box-sizing:border-box;} .company_left_pad {width:46%;padding-right:5%;} .company_table{width:98%;} .pad_w100{width:100%; height:auto;} .distribution_fb {width:100%; background:none;} .distribution_x {width:100%;} .distribution_fb li, .distribution_fb2 li{width:23.4%; padding-left:2%; border-left:1px dashed #d0d0d0; border-top:1px dashed #d0d0d0;} .distribution_fb li:nth-child(4n+1), .distribution_fb2 li:nth-child(4n+1){padding-left:0; border-left:none;} .distribution_fb li:nth-child(1),.distribution_fb li:nth-child(2),.distribution_fb li:nth-child(3),.distribution_fb li:nth-child(4){border-top:none;} .speech_left{width:100%; max-width:842px;} .history_table{width:100%; max-width:925px;} .contact_lx{width:100%; box-sizing:border-box;} .contact_lxfs_li01{width:66%;} .contact_lxfs_li02,.contact_lxfs_li03{width:33%;} .register_content{width:100%;} .register_dl dt {width:70%;} .register_dl dd{width:20%; padding-left:5%;} .register_dl_else dd {width:8%;} .register_dl_else dt {width:87%;} .register_dl_else .register_text {width:100%;} .repair_card{width:100%; max-width:926px; padding:40px 5% 35px 5%; box-sizing:border-box;} .repair_tips{width:48%; height:322px; margin:20px 4% 30px 0; padding-bottom:50px; box-sizing:border-box;} .repair_tips:nth-child(2n){margin-right:0;} .repair_tips01 {background: #F4F4F4 url(/skin/images/repair_r13_c4.jpg) no-repeat 65px 175px;} .repair_tips03 {background: #F4F4F4 url(/skin/images/repair_r15_c5.jpg) no-repeat 88px 149px;} .repair_f35{font-size:30px; line-height:40px;} .repair_f35 .product_f25{font-size:22px; line-height:32px;} .recruit_table {overflow: hidden;width:100%;} .recruit_table tr td {box-sizing: border-box;} .pad_break {word-wrap: break-word;} .product_search {width:100%;padding:4px 0 0 2%;box-sizing: border-box;} .product_search li {margin-right:1%;font-size: 14px;} .product_search li:nth-child(1) {width:14%;} .product_search li:nth-child(2) {width:40%;} .product_search li:nth-child(3) {width:40%;} .product_search li select[name=category_id] {width:69%;} .product_number {width:30%;position: relative;} .product_number p {width:31%;} .product_number input[type=text] {width:51%;} .product_number input[type=submit] {position: absolute;right:0;} .product_search input, .product_search select {font-size: 15px;} .im_table td {font-size: 12px;} .register_other dd {width:12%;} .register_other dt {width:83%;} .register_other dt .register_text {width:64%;} .soft_parameter{width:100%;border-top:#C5C6C7 1px solid; border-left:#C5C6C7 1px solid;} .soft_parameter th{border-right:#C5C6C7 1px solid; border-bottom:#C5C6C7 1px solid; font-size:14px; padding:15px 6px;} .soft_parameter_else th {width:12%;} .soft_parameter td{border-right:#C5C6C7 1px solid; border-bottom:#C5C6C7 1px solid; padding:4px; color:#666;font-size: 13px;} .productArea{margin:0;} .productArea .product{width:22%; margin:0 4% 40px 0;} .productArea .product:nth-child(4n){margin:0 0 40px 0;} } .header { height: 70px; } .header .nav { width: 73%; height: 70px; line-height: 50px; float: left } .header .nav li { float: left; width: 14.28%; height: 70px; line-height: 70px; text-align: center; } .header .nav li a { color: #195faa; } .header .nav li .second-nav { /* width: 150px; */ display: none; position: relative; } .header .nav li .second-nav li { position: relative; width: 150%; height: 50px; line-height: 50px; background: #ffffff; border-top: 1px solid #195faa; text-align: left; text-indent: .5em } .header .nav li .second-nav li a { color: #195faa; } .header .nav li .second-nav li a:hover { text-decoration:underline} .header .nav li .second-nav li .third-nav { /*position: absolute;*/ width: 150px; height: 200px; display: none; margin-left: 100%; margin-top: -40px; } .header .nav li .second-nav li .third-nav li a{ color: #195faa; } .header .nav li .second-nav li .third-nav li a:hover{ text-decoration:underline} .te_title1{padding: 14px 10px 15px 10px; font-weight: bolder; border-bottom: 1px solid #f0f0f0;} #sbanner .f-center { text-align:center; } #sbanner .f-14 { font-size:14px; } #sbanner .pcimg { width:100%; height:auto; } #sbanner .moimg { display:none; } #sbanner .banner .swiper-slide .b_video { height:100%; position:relative; } #sbanner .banner .swiper-slide .b_video .b_overlay { position:absolute; top:0px; left:0px; z-index:3; width:100%; height:100%; background-color:rgba(0, 0, 0, .2); } #sbanner .banner .swiper-slide .b_video .b_video_con { position:absolute; transform:translate(0%, 0%); -webkit-transform:translate(0%, 0%); -ms-transform:translate(0%, 0%); left:0px; top:0px; width:100vw; height:100vh; -o-object-fit:cover; object-fit:cover; z-index:2; } #sbanner .banner .swiper-slide .b_video .b_image { position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:1; background-repeat:no-repeat; background-position:50%; background-size:cover; } #sbanner .banner .swiper-slide img { display:block; width:100%; left:0px; top:0px; object-fit:cover; } #sbanner .bannerPic { position:relative; width:100%; height:auto; transition:all 1s ease 2.5s; transform:perspective(0px) translate3d(0, 0, 0px); } #sbanner .swiper-slide.active .bannerPic { transition:all 5s ease 0s; transform:perspective(0px) translate3d(0, 0, 0px); } #sbanner .banner .swiper-slide .ind_ban_tex { position:absolute; text-align:left; width:80%; top:40%; left:45%; transform:translate(-50%, -50%); z-index:5; } #sbanner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title_en { font-size:2vw; font-weight:bold; line-height:1.5; letter-spacing:0px; text-transform:uppercase; color:#ffffff; max-width:90%; text-shadow:3px 0 10px rgba(22, 78, 145, 0.4); transform:translateY(80px); opacity:0; margin-bottom:10px; } #sbanner .banner .swiper-slide .ind_ban_tex .b_line { width:5%; margin:10px 0px 10px; height:2px; border-radius:30px; background:rgba(255, 255, 255, 0.8); transform:translateY(80px); opacity:0; } #sbanner .banner .swiper-slide .ind_ban_tex .ind_ban_con { width:100%; justify-content:space-between; align-items:flex-end; } #sbanner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title { flex-basis:75%; max-width:100%; max-height:400px; overflow:hidden; position:relative; } #sbanner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title .t_big { color:#ffffff; font-size:3.2vw; line-height:1.1; font-weight:bold; margin-bottom:10px; text-shadow:3px 0 10px rgba(22, 78, 145, 0.4); transform:translateY(80px); opacity:0; } #sbanner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info { flex-basis:25%; margin-bottom:20px; } #sbanner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info .t_small { color:#ffffff; line-height:2.5; font-size:1VW; text-shadow:3px 0 10px rgba(22, 78, 145, 0.4); transform:translateY(80px); opacity:0; } #sbanner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info .t_small a { color:#fff; } #sbanner .banner .swiper-slide.active .ind_ban_tex_title_en { transition:all 2s ease .5s; transform:translateY(0); opacity:1; } #sbanner .banner .swiper-slide.active .ind_ban_tex_title .t_big { transition:all 2s ease .7s; transform:translateY(0); opacity:1; } #sbanner .banner .swiper-slide.active .b_line { transition:all 2s ease .8s; transform:translateY(0); opacity:1; } #sbanner .banner .swiper-slide.active .ind_ban_tex_info .t_small { transition:all 2s ease 1s; transform:translateY(0); opacity:1; } #sbanner .banner .swiper-button-prev { background-image:none; left:calc(8.335% - 32px); top:calc(50% - 32px); width:64px; height:64px; text-align:center; line-height:64px; color:#ffffff; background-color:rgba(202, 202, 202, 0.3); transition:all .3s ease; display:none; } #sbanner .banner .swiper-button-next { background-image:none; right:calc(8.335% - 32px); top:calc(50% - 32px); width:64px; height:64px; text-align:center; line-height:64px; color:#ffffff; background-color:rgba(202, 202, 202, 0.3); transition:all .3s ease; display:none; } #sbanner .banner .swiper-button-next.swiper-button-disabled { background-color:rgba(0, 0, 0, 0.3); } #sbanner .banner .swiper-button-prev.swiper-button-disabled { background-color:rgba(0, 0, 0, 0.3); } #sbanner .banner .swiper-pagination-bullet { width:12px; height:12px; background-color:#ffffff; margin:0 14px; opacity:0.5; color:transparent; } #sbanner .banner .swiper-pagination-bullet-active { opacity:1; width:42px; height:42px; line-height:42px; text-align:center; border:2px solid rgba(255, 255, 255, 0.4); background-color:transparent; color:#ffffff; } #sbanner .banner .swiper-pagination-bullet-active .rightcircle { -webkit-animation:circleProgressLoad_right 6.5s linear infinite; animation:circleProgressLoad_right 6.5s linear infinite; } #sbanner .banner .swiper-pagination-bullet-active .leftcircle { -webkit-animation:circleProgressLoad_left 6.5s linear infinite; animation:circleProgressLoad_left 6.5s linear infinite; } #sbanner .banner .swiper-pagination-bullet-active .wrapper_con { display:block; } #sbanner .banner .swiper-pagination { font-size:0px; } #sbanner .banner .swiper-pagination > span { display:inline-block; vertical-align:middle; position:relative; } #sbanner .banner .swiper-container-rtl .swiper-button-next { left:calc(8.335% - 32px); } #sbanner .banner .swiper-container-rtl .swiper-button-prev { right:calc(8.335% - 32px); } #sbanner .banner .swiper-container-horizontal > .swiper-pagination-bullets { bottom:10% !important; } #sbanner .banner .swiper-pagination-custom { bottom:10% !important; } #sbanner .banner .swiper-pagination-fraction { bottom:10% !important; } #sbanner .right { right:-0px; } #sbanner .left { left:-0px; } #sbanner .circleProgress { width:42px; height:42px; border:2px solid transparent; border-radius:50%; position:absolute; top:0px; -webkit-transform:rotate(-135deg); } #sbanner .rightcircle { border-bottom:2px solid #ffffff; border-left:2px solid #ffffff; right:0px; } #sbanner .leftcircle { border-top:2px solid #ffffff; border-right:2px solid #ffffff; left:0px; } #sbanner .wrapper_con { width:21px; height:60px; position:absolute; top:-2px; overflow:hidden; display:none; } @media only screen and (max-width: 1366px) and (min-width: 1025px) { #sbanner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title_en { font-size:14px; } #sbanner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info .t_small { font-size:15px; } #sbanner .banner .swiper-button-prev { width:40px; height:40px; line-height:40px; top: calc(50% - 20px); } #sbanner .banner .swiper-button-next { width:40px; height:40px; line-height:40px; top: calc(50% - 20px); } } @media only screen and (max-width: 1024px) and (min-width: 769px) { #sbanner .f-center { padding-top:70px; } #sbanner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title_en { font-size:14px; } #sbanner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info .t_small { font-size:15px; } #sbanner .banner .swiper-button-prev { width:40px; height:40px; line-height:40px; } #sbanner .banner .swiper-button-next { width:40px; height:40px; line-height:40px; } } @media only screen and (max-width: 768px) { #sbanner .banner .swiper-slide .ind_ban_tex { text-align:left; top: 50%; } #sbanner .f-center { padding-top:70px; height:auto; } #sbanner .moimg { display:block; height: 100%; } #sbanner .pcimg { display:none; } #sbanner .banner .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; left: 0; top: 0; } #sbanner .banner .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0 6px; } #sbanner .rightcircle { display:none; } #sbanner .banner .swiper-pagination-bullet-active .wrapper_con { display:none; } #sbanner .f-14 { display:none; } #sbanner .f-center { padding-top:0px; } #sbanner .banner .swiper-slide .b_video .b_video_con { display:none; } #sbanner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title { flex-basis: 100%; max-width: 100%; } #sbanner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info { display:none; } #sbanner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title_en { font-size:14px; margin-bottom:0px; } #sbanner .banner .swiper-slide .ind_ban_tex .b_line { margin:15px 0px 10px; } #sbanner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title .t_big { font-size:5vw; } #sbanner .banner .swiper-button-prev { display:none; } #sbanner .banner .swiper-button-next { display:none; } } #sbanner .swiper-slide { padding:0px; } #sbanner { max-height:none; padding-top:0px; padding-left:0px; padding-bottom:0px; min-height:0px; margin-right:0px; margin-left:0px; max-width:none; width:100%; margin-top:0px; margin-bottom:0px; min-width:0px; height:auto; padding-right:0px; } /*图片列表*/ .Piclistbg{ padding:30px 0;background-image: url(//ntemimg.wezhan.cn/contents/sitefiles2002/10011860/images/-47766.png); background-position: 50% 50%; background-repeat: no-repeat;} .Piclist{ width: 1260px; margin: 50px auto; } .Piclist ul.list{float: left;width: 100%;padding-left: 0px;} .Piclist ul.list li.item{float: left;width: 287px;margin-bottom: 30px;margin-right: 31px;border: 1px solid #F6F6F6;} .Piclist ul.list li.item a{display: block;width:100%;overflow: hidden;position: relative;background: #F6F6F6;} .Piclist ul.list li.item span{width: 100%;height: 45px;color: #555;text-align: center;display: block;line-height: 45px;transition: all .5s;} .Piclist ul.list li.item img{display: block;width: 287px;height: 250px;transition: all 0.5s; } .Piclist ul.list li.item:hover img { -ms-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } .Piclist ul.list li.item .item_mask{width: 287px;height: 250px;position: absolute;left: 0;top: 0;opacity: 0;filter:Alpha(opacity=0);*zoom:1;-webkit-transform: rotateX(180deg) scale(0.5, 0.5);transform: rotateX(180deg) scale(0.2, 0.2);transition: all ease-out .5s;} .Piclist ul.list li.item .item_link_icon{display: block;width:100%;text-align: center;line-height: 38px; padding-top:35%; color:#FFFFFF; font-size:20px;} .Piclist ul.list li.item:hover .item_mask{opacity: 1;filter:Alpha(opacity=100);-webkit-transform: rotateX(0deg) scale(1, 1);transform: rotateX(0deg) scale(1, 1);transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;background: rgba(36, 176, 177, .7);} .aboutBox3 .list ul { padding: 2em 0; display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; color: #000; line-height: 1.3;} .aboutBox3 .list ul li { width: 23%; margin: 0 0.5%; border-right:1px solid #CCCCCC; text-align:center} .aboutBox3 .list .t1 span { font-size: 3em; font-weight: bold;} .aboutBox3 i{ font-style:normal} .aboutBox3 .list ul li .t2{ font-size:18px; padding-top:20px;} .aboutBox3 .list ul li:nth-child(4){ border:none} .con { width: 1260px; margin: 0 auto; } .xinlist .p_loading { width: 100%; height: 70px; line-height: 70px; text-align: center; } .xinlist .p_loading .iconfont:before { content: ""; shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } .xinlist .p_loading .font { display: inline-block; margin-left: 20px; height: inherit } .xinlist .p_moreBox { margin: 0 20px; width: auto; height: auto; padding: 0; overflow: hidden } .xinlist .p_ToDetail { display: inline-block; margin: 0; padding: 5px 10px; min-width: 86px; text-align: center; white-space: nowrap; vertical-align: middle; } a>.xinlist .p_ToDetail:hover { cursor: pointer } .xinlist .p_SummaryBox { margin: 0; width: 236px; height: 317px; padding: 0; overflow: hidden } .xinlist .p_summary { text-align: left; vertical-align: top; word-break: break-all } .xinlist .p_time { display: inline-block; margin: 0; padding: 0 5px 0 0; vertical-align: middle; text-align: left; white-space: nowrap; overflow: visible; line-height: 18px; vertical-align: top } .xinlist .p_assist { margin: 0; width: 236px; height: 317px; padding: 0; overflow: hidden } .xinlist .p_TitleBox { width: auto; height: auto; padding:5px 0; overflow: hidden; vertical-align: top; } .xinlist .p_title { display: inline-table; width: 100%; margin: 0; padding: 0; text-align: left; cursor: pointer; overflow: hidden; text-overflow: ellipsis; } .xinlist .p_header { margin: 5px 0 0; width: auto; height: auto; padding: 0; overflow: hidden; } .xinlist .p_content { margin: 0; width: 236px; height: 317px; padding: 0; overflow: hidden } .xinlist .p_images { margin: 0; width: 168px; height: 138px; padding: 0; overflow: hidden; float: left; box-sizing: border-box; -moz-box-sizing: border-box; position: relative; vertical-align: middle; text-align: center; margin-right: 15px } .xinlist .p_articles { margin: 0; width:calc((100% - 0px)/5); height: 186px; padding: 0; } .xinlist .p_news { margin: 0; width: inherit; height: auto; padding: 0; overflow: hidden; } .xinlist .p_Newslist { margin: 0; padding: 0; overflow: hidden; } .xinlist { overflow: hidden; } .xinlist .p_content { width: auto; height: auto; vertical-align: top } .xinlist .p_SummaryBox { width: auto; height: auto; } .xinlist .p_assist { width: auto; height: auto; } .xinlist .p_icon { display: inline-block; vertical-align: middle; margin-top: 2px } .xinlist .p_about { display: inline-block; vertical-align: middle } .xinlist .p_articles { display: inline-block; height: auto; min-width: 320px; width: calc((100% - 0px)/1); padding: 15px 20px; overflow: hidden; float: left; } .xinlist .p_thumbnail { width: 100%; height: auto; vertical-align: middle; text-align: center; overflow: hidden } .xinlist .p_thumbnail img { width:100%; } .xinlist .higher .p_thumbnail { position: absolute; height: 100% } .xinlist .widther .p_thumbnail { position: absolute; height: 100% } .xinlist .smaller .p_thumbnail { position: absolute; height: 100% } .xinlist .p_assist { margin-top: 2px; } .xinlist .p_SummaryBox { clear: both; margin-bottom: 10px; margin-top: 8px } .xinlist .p_ToDetail { float: right; position: relative } .xinlist .p_summary { white-space: normal } .xinlist .p_categorySummaryBox { overflow: hidden; padding: 10px; } @media only screen and (max-width: 768px) { .xinlist .p_articles { margin-top: 10px !important; width: 100% !important; } .xinlist .mp_linkUrl { display: block; height: auto; } .xinlist .p_SummaryBox { display: none; } .xinlist .p_ToDetail { display: none !important; } .xinlist .mP_SummaryBox { clear: both; } .xinlist .p_Information { display: flex; padding: 10px 0; } .xinlist .p_Information li { flex: 1; height: 20px; overflow: hidden; } .xinlist .p_KeyWord { width: 100%; margin-top: 5px; } .xinlist .p_KeyWord .p_tag { padding: 5px 15px; margin-right: 10px; border-radius: 3px; } .xinlist .blank { width: 100%; height: 15px; overflow: hidden; } .xinlist .p_articles { border: none } } @media only screen and (min-width: 769px) { .xinlist .mp_linkUrl { display: none; } .xinlist .mP_SummaryBox { display: none; } .xinlist .p_Information { display: none; } .xinlist .p_KeyWord { display: none; } .xinlist .blank { display: none; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { } .xinlist .p_CommonSummaryBoxA { text-align:center; } .xinlist .p_MatteIcon .iconfont:before { content:'\e602'; } .xinlist >div { animation-fill-mode:both; } .xinlist .listBoxs { overflow:hidden; } .xinlist .listBoxs .list { width:calc((100%)/2); float:left; transition:all .5s ease; } .xinlist .listBoxs .list:not(:first-child) .titleBox:hover .titleh5 { color: #076b34; } .xinlist .listBoxs .list:not(:first-child) .listCotentBox { position:relative; text-align:left } .xinlist .listBoxs .list:not(:first-child) .listCotentBox:before { position:absolute; left:-10px; top:15%; content:''; background:#ddd; width:1px; height:70%; z-index:1; } .xinlist .listBoxs .list:not(:first-child) .listCotentBox:after { position:absolute; left:-10px; top:15%; content:''; background:#076b34; width:1px; height:0%; z-index:2; transition:all .36s ease; } .xinlist .listBoxs .list:not(:first-child) .listCotentBox:hover:after { height:70%; } .xinlist .listBoxs .list:not(:first-child) .list_link { display:none; } .xinlist .listBoxs .listBoxs { padding:10px; } .xinlist .listBoxs .p_news { overflow:hidden; } .xinlist .listBoxs .list:first-child { display:flex; flex-wrap:wrap; float:left; position:relative; } .xinlist .listBoxs .list:first-child .list_images { width:100%; position:relative; overflow:hidden; } .xinlist .listBoxs .list:first-child .list_images img { width:100%; transition:600ms; -webkit-transition:600ms; -ms-transition:600ms; height:auto !important; left:50% !important; top:50% !important; -webkit-transform:translate(-50%, -50%) !important; -ms-transform:translate(-50%, -50%) !important; transform:translate(-50%, -50%) !important; position:absolute !important; display:none; } .xinlist .listBoxs .list:first-child .cover { background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative; height:34.5rem; } .xinlist .listBoxs .list:first-child .pic { position:relative; width:100%; height:auto; vertical-align:middle; text-align:center; overflow:hidden; } .xinlist .listBoxs .list:first-child .list_images .pic { transition:600ms; -webkit-transition:600ms; } .xinlist .listBoxs .list:hover .pic { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); } .xinlist .listBoxs .list:first-child .list_thumb { width:100%; height:100%; } .xinlist .listBoxs .list:first-child .listTimeBox { display:none; margin-top:-8px; } .xinlist .listBoxs .list:first-child .gyBox { display:none; } .xinlist .listBoxs .list:first-child .listCotentBox { padding:0px; width:100%; } .xinlist .listBoxs .list:first-child .cotentBox { background-color:rgba(0, 0, 0, .5); position:absolute; bottom:0px; padding:20px 0px 20px 0px; right:0px; left:0px; } .xinlist .listBoxs .list:first-child .cotentBox .titleh5 { color:#fff; text-align:center; } .xinlist .listBoxs .cotentBox { display:flex; width:100%; } .xinlist .listBoxs .listTimeBox { width:140px; height:100%; } .xinlist .listBoxs .list:not(:first-child) .listTimeBox { margin-top:8%; } .xinlist .listBoxs .list:not(:first-child) .titleBox { margin-top:1.4rem; } .xinlist .listBoxs .listTime { display:none; } .xinlist .listBoxs .list:nth-child(2) { margin-top:0px; } .xinlist .listBoxs .listYear { font-size:30px; color:#333333; text-align:center; font-family:'Oswald', sans-serif; } .xinlist .listBoxs .listmd { text-align:center; font-size:16px; color:#333333; margin-top:8px; font-family:'Oswald', sans-serif; } .xinlist .listBoxs .listCotentBox { width:calc((100% - 170px)/1); padding:0 1rem; flex: 1; } .xinlist .listBoxs .titleh5 { font-size:16px; overflow:hidden; font-weight:bold; color:#333; text-overflow:ellipsis; white-space:nowrap; } .xinlist .listBoxs .lsitSummary { font-size:14px; height:46px; line-height:26px; color:#999; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2px; -webkit-box-orient:vertical; text-overflow:ellipsis; margin-bottom:28px; } .xinlist .listBoxs .gyBox { margin-top:1rem; } .xinlist .listBoxs .list:hover { background:none; } .xinlist .list:not(:first-child) .cotentBox { background:#f5f5f5; width:97%; margin-left:3%; margin-bottom:8px; } @media only screen and (max-width: 1024px) { .xinlist .list:not(:first-child) .cotentBox { width:100%; margin-left:0%; margin-bottom: 10px; margin-top:10px; } .xinlist .listBoxs .list { width: calc((100%)/1); } .xinlist .listBoxs .list:first-child .list_images img { display:block; } .xinlist .listBoxs .list:first-child .cover { display:none; } .xinlist .listBoxs .list:first-child .pic { padding-bottom: 60%; } .xinlist .listBoxs .lsitSummary { margin-bottom: 1rem; } } @media only screen and (max-width: 768px) { .xinlist .listBoxs .list:not(:first-child) .listTimeBox { margin-top: 4%; } .xinlist .listBoxs .listYear { font-size: 18px; } .xinlist .listBoxs .listmd { font-size: 12px; } .xinlist .listBoxs .listTimeBox { width: 60px; } .xinlist .listBoxs .listCotentBox { width: calc((100% - 100px)/1); } .xinlist .listBoxs .titleh5 { font-size: 15px; height: 20px; } .xinlist .listBoxs .gyBox { margin-top: 0.5rem; } .xinlist .listBoxs .lsitSummary { font-size: 13px; height: 40px; line-height: 20px; margin-bottom: 16px; } .xinlist .listBoxs .list:first-child .pic { padding-bottom: 50%; } .xinlist .listBoxs .list:not(:first-child) .listCotentBox:before { left: 0px; } .xinlist .listBoxs .list:not(:first-child) .listCotentBox:after { left: 0px; } } .xinlist .p_page .pre .iconfont:before { shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } .xinlist .p_page .next .iconfont:before { shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } .xinlist .p_more .iconfont:before { shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #xinlist .p_articles { width:calc((100% - 0px)/5); } #xinlist .p_CommonSummaryBoxA { text-align:center; } #xinlist .p_MatteIcon .iconfont:before { content:'\e602'; } #xinlist >div { animation-fill-mode:both; } #xinlist .p_hot .iconfont:before { shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #xinlist .p_new .iconfont:before { shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #xinlist .p_page .pre .iconfont:before { shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #xinlist .p_page .next .iconfont:before { shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #xinlist .p_more .iconfont:before { shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #xinlist .p_loading .iconfont:before { shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #xinlist { width:100%; max-width:none; min-width:320px; height:auto; max-height:none; min-height:0px; margin-top:2%; margin-left:0px; margin-right:0px; margin-bottom:2%; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } .main-map{ position: relative; } .main-map .info { border: solid 1px silver; text-align:left } div.info-top { position: relative; background: none repeat scroll 0 0 #F9F9F9; border-bottom: 1px solid #CCC; border-radius: 5px 5px 0 0; } div.info-top div { display: inline-block; color: #333333; font-size: 14px; font-weight: bold; line-height: 31px; padding: 0 10px; } div.info-top img { position: absolute; top: 10px; right: 10px; transition-duration: 0.25s; } div.info-top img:hover { box-shadow: 0px 0px 5px #000; } div.info-middle { font-size: 12px; padding: 6px; line-height: 20px; } div.info-bottom { height: 0px; width: 100%; clear: both; text-align: center; } div.info-bottom img { position: relative; z-index: 104; } .main-map span { margin-left: 5px; font-size: 11px; } .info-middle img { margin-bottom: 6px; } .amap-info>div{ width:100%; } .button-group .button { line-height: 14px!important; } .pcblock { display: block; } .onlineservice-fixed-style { right: 0; top: 30%; } .onlineservice-fixed-style { position: fixed; z-index: 99; } .onlineservice-fixed-blocks .onlineservice-fixed-blocks-list { background-color:transparent } .sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items { width:48px; height:48px; position:relative; margin:1px } .sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items:hover .onlineservice-fixed-blocks-tips { -webkit-transform:rotateX(0); transform:rotateX(0) } .sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items+.onlineservice-fixed-blocks-items { margin-top:5px } .sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a { display:block; width:100%; height:100%; text-align:center; border-radius:10% } .sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a:hover { opacity:.8 } .sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a .icon { margin-top:10px } .sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a .word { display:none } .sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a .terminal { display:block; width:0; height:1px } .sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items1 { width:48px; height:48px; position:relative; margin:1px } .sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items1:hover .onlineservice-fixed-blocks-tips { -webkit-transform:rotateX(0); transform:rotateX(0) } .sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items1+.onlineservice-fixed-blocks-items1 { margin-top:5px } .sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items1>a { display:block; width:100%; height:100%; text-align:center; border-radius:10% } .sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items1>a:hover { opacity:.8 } .sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items1>a .icon { margin-top:10px } .sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items1>a .word { display:none } .sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items1>a .terminal { display:block; width:0; height:1px } .pcblock { display:block } .moblock { display:none } @media(max-width:768px) { .pcblock { display:none } .moblock { display:block } } .sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips { padding:5px 8px; background-color:#fff; border:1px solid #ccc; border-radius:4px; position:absolute; right:58px; top:6px; -webkit-transform:rotateX(90deg); transform:rotateX(90deg); -webkit-transition:all .4s; transition:all .4s } .sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips:after { content:""; display:inline-block; width:10px; height:10px; border:1px solid #ccc; border-color:transparent #ccc #ccc transparent; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); position:absolute; right:-6px; top:10px; background-color:#fff } .sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips>li { width:auto; height:auto } .sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips>li a { display:block; min-height:22px; text-align:center; line-height:22px; color:#666; font-size:14px } .sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips>li a img { max-width:240px } .onlineservice-fixed-blocks.onlineservice-fixed-style-left .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips { left:58px; right:auto } .onlineservice-fixed-blocks.onlineservice-fixed-style-left .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips:after { right:auto; left:-6px; border-color:#ccc transparent transparent #ccc; -webkit-transform:rotate(-45deg); transform:rotate(-45deg) } @media(max-width:768px) { .sitewidget-onlineService.onlineservice-fixed-blocks { position:fixed; width:100%; left:0!important; bottom:0; height:56px; z-index:199 } .sitewidget-onlineService.onlineservice-fixed-blocks .sitewidget-bd { height:100% } .sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list { height:100%; display:-webkit-box; display:-moz-box; display:box; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; width:100% } .sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list li.onlineservice-fixed-blocks-items { height:100%; margin:0; -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; position:relative; border-left:1px solid #d3d3d3 } .sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list li.onlineservice-fixed-blocks-items+li.onlineservice-fixed-blocks-items { margin:0 } .sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a { height:56px; box-sizing:border-box; display:block; line-height:26px; position:relative; text-align:center; white-space:nowrap; width:100%; overflow:hidden; text-overflow:ellipsis; border-radius:0 } .sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a:hover { opacity:1 } .sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a .icon { margin-top:14px } .sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list li.onlineservice-fixed-blocks-items1 { display:none } .sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips { display:none; border-radius:0; transform:rotate(0); position:absolute; left:0; bottom:59px; right:auto; top:auto; width:auto; padding:0; border:1px solid #d3d3d3; -webkit-transition:all 0; transition:all 0 } .sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips:after { display:none } .sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips>li a { line-height:2em; height:auto; color:#fff; padding:0 5px } .sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips>li a img, .sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips>li a br { display:none } .sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips .for_qq { background-position:0 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis } .sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips .for_skype { background-position:0 -180px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis } .sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips .for_email { background-position:0 -120px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis } .sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips .for_tel { background-position:0 -60px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis } .sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips .for_sms { background-position:0 -240px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis } .sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips .for_qr { background-position:0 -240px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis } .sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips .for_aliww { background-position:0 -240px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis } .sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips .for_whatsApp { background-position:0 -240px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis } .onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a:before { content:''; position:absolute; height:30px; width:30px; top:0; left:50%; margin-left:-15px } .onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .sitewidget-onlineService-togglebtn i { height:4px; width:6px; background-position:right bottom; position:absolute; bottom:4px; right:4px; transform:rotate(-45deg); -ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg) } .onlineservice-fixed-blocks .sideShowArrow { display:none!important } .onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineService_q:before { background-position:0 0 } .onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineService_q:hover:before { background-position:-30px -30px } .onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineService_t_icon:before { background-position:0 -60px } .onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineService_t_icon:hover:before { background-position:-30px -90px } .onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineService_e:before { background-position:0 -120px } .onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineService_e:hover:before { background-position:-30px -150px } .onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineService_s:before { background-position:0 -180px } .onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineService_s:hover:before { background-position:-30px -210px } .onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineService_fb:before { background-position:0 -240px } .onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineService_fb:hover:before { background-position:-30px -270px } .onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineService_sms:before { background-position:0 -240px } .onlineservice-fixed-blocks .onlineservice-fixed-blocks-list .onlineService_sms:hover:before { background-position:-30px -270px } .onlineservice-fixed-blocks .sitewidget-onlineService-colorfullist>li ul { position:absolute; min-width:100%; left:0; bottom:59px; border:1px solid #d3d3d3; background-color:rgba(220, 220, 220, .75) } .onlineservice-fixed-blocks .sitewidget-onlineService-colorfullist>li ul a { display:block; line-height:30px; padding-left:28px; padding-right:5px; white-space:nowrap } .onlineservice-fixed-blocks .sitewidget-onlineService-colorfullist>li ul a:hover { color:#3b8ac2; background-color:#efefef } .onlineservice-fixed-blocks .sitewidget-onlineService-colorfullist>li:last-child ul { left:auto; right:0 } .sitewidget-onlineService.onlineservice-fixed-blocks .onlineservice-fixed-blocks-list li.onlineservice-fixed-blocks-items+li.onlineservice-fixed-blocks-items1 { display:none } } .link2 { margin:0 auto; padding:15px 0; width:100%; height:auto; display:block } .link1 { margin:0 auto; padding:0; width:100%; height:auto; font-size:18px; color:#666; text-align:left; text-decoration:none; line-height:18px; font-weight:400 } .link1 { width:100%; height:auto; font-size:12px; color:#e3e3e3; text-align:left; text-decoration:none; list-style:none; line-height:16px; font-weight:400; float:left } .link1 a { font-size:12px; color:#e3e3e3; text-align:left; text-decoration:none; line-height:16px; font-weight:400; padding-right:5px } .link1 a:hover { color:#999 } @media screen and (max-width:800px) { .friendlinknew { display:none } } @media screen and (max-width:640px) { .tp-blog__thumb { border-radius:5px 5px 0 0; overflow:hidden; width:100%; float:left } .tp-blog__content { padding:10px; width:100%; float:left } .tp-blog__title a { font-size:16px; line-height:22px } .tp-blog__content p { font-size:12px; line-height:20px; color:#666; margin-bottom:10px } } .onlineservice-fixed-style ul .onlineService_whatsApp i { background-image: url(../images/p.png); background-repeat: no-repeat; } .onlineservice-fixed-style ul .onlineService_e i { background-image: url(../images/email.png); background-repeat: no-repeat; } .onlineservice-fixed-style ul .onlineService_w i { background-image: url(../images/w.png); background-repeat: no-repeat; } .onlineservice-fixed-style ul .onlineService_l i { background-image: url(../images/l.png); background-repeat: no-repeat; } .onlineservice-fixed-style ul li i { display: inline-block; width: 30px; height: 30px; } /* ----- PB分页数字条效果 结束 ----- */ .pagebar .pagination { display:flex; justify-content:center; margin-top:50px; } .pagination a { background:#fff; border:1px solid #ccc; color:#333; font-size: 14px; padding:8px 12px; margin:0 5px; border-radius:3px; } .pagination span { color: #333; font-size:14px; padding:8px 2px; margin:0 5px; border-radius:3px; } .pagination a:hover { color:#1A5FAA; border:1px solid #1A5FAA; } .pagination a.page-num-current { color:#fff; background:#1A5FAA; border:1px solid #1A5FAA; } /* ----- PB分页数字条效果 结束 ----- */ .language {display: flex; align-items: center; position: relative; height: 4rem;} .language span {color: #333; margin: 0 5px;} .language .listHide {position: absolute; background: #FFf;top: 100%; width: 100%; display: none;} .language .listHide a {display: block; width: 100%; padding: 0.5rem 0; font-size:12px; color: #333; text-align:left; padding-left:5px; border-bottom: 1px solid #ddd;} .language .listHide a:hover {color: #a52323;} .language img { filter: brightness(0);} .language .listHide { width: 130%!important; } .language:hover .listHide{ display:block}