@charset "utf-8";
/***************************宽屏样式(start)***************************/
.w_1200 #header .logo{ max-width:340px;}
/* .w_1200 #nav{ width:700px;} */
.w_1200 .wrap{ width:1160px;}
.w_1200 .page .page_l{ width:255px;}
.w_1200 .page .page_r{ width:865px;}
.w_1200 .item .pic{ width:275px; height:275px;}
.w_1200 .item.case .pic{ width:275px; height:148px;}
.w_1200 .i_nor{ margin-left:0;}
.w_1200 .i_top{ margin-top:0;}
.w_1200 #d_products .dt .dtr{ width:510px;}
.w_1200 #lib_inquire_list > ul > li .info{ width:620px;}
.w_1200 #header .htr{ width:calc(100% - 340px);}
.w_1200 .item{ height:350px;}
.w_1200 .item .demo{ width:275px; left:5px;}
.w_1200 .item .more{ margin:49px 12px 0 0;}
.w_1200 .item .name{ width:175px;}
.w_1200 #newsletter_box{ margin-right:85px;}
.w_1200 #footer .it{ width:200px;}
.w_1200 #contact_us{ width:302px;}
.w_1200 #contact_us span{ margin:9px 10px 0 0; font-size:14px; color:#828282;}
.w_1200 #contact_us font{ margin:8px 0 0 0;}
.w_1200 .leftmenu .t{ text-indent:70px;}
.w_1200 .item.case{ height:222px;}
/***************************宽屏样式(end)***************************/
.delay{ -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.delay:hover{ transform: scale(1.08,1.08); -moz-transform: scale(1.08,1.08); -ms-transform: scale(1.08,1.08); -webkit-transform: scale(1.08,1.08); -o-transform: scale(1.08,1.08);}
.i_delay{ -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.r_delay{ -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.r_delay:hover{ transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg);}
.filter{ background:#000;}
.filter:hover{ filter:alpha(opacity=70); -moz-opacity:0.7; -webkit-opacity: 0.7; opacity: 0.7;}

.h_nav{display:block; height:33px; line-height:33px;}
.h_nav li{float:right; padding:0 12px;}
.h_nav li.line{padding:0; color:#ffffff;}
.h_nav li.member{background:url(../images/ico.png) 0 4px no-repeat; padding-left:26px; color:#ffffff;}
.h_nav li.inquiry{background:url(../images/ico.png) 0 -22px no-repeat; padding-left:24px;}
.h_nav li.lang{background:url(../images/ico.png) right -48px no-repeat;}
.h_nav li.lang:hover{position:relative; z-index:1000;}
.h_nav li a{ color:#ffffff;}
.h_nav li i{background:url(../images/common.png); padding:0 10px;}
.h_nav li i.sitemap{background-position:-164px -23px;}
.h_nav li i.download{background-position:-188px -23px;}
li.lang>a{margin-right:15px;}
li.lang .language_silder{width:50px; position:absolute; left:3px; top:22px; display:none; background:#333; z-index:10; padding:0px 12px; border-radius:0px 0px 5px 5px;}
li.lang:hover .language_silder{ display:block;}
.language_silder .l_rows{ height:25px; overflow:hidden;}
.language_silder a{ display:block; color:#fff !important;}

#header{ position: absolute; width: 100%; z-index: 9999; height:100px; background: url(../images/hbg.png) top center no-repeat;}
#header .logo{ height:100px; max-width:290px;}
#header .logo img{ vertical-align:middle;}

#header .htr{ width:calc(100% - 290px);}
#header .logo span{ height:100%; display:inline-block; vertical-align:middle;}
#header .htr .top .search{ width:229px; height:27px; background:url(../images/sea.png) no-repeat;}
#header .htr .top .search .sea_t{ width:200px; height:27px; line-height:27px; vertical-align:top; background:none; border:none; text-indent:10px;}
#header .htr .top .search .sea_b{ width:25px; height:27px; vertical-align:top; background:none; border:none; cursor:pointer;}
/*#header .htr .top .lan{ padding-left:70px; background:#222222 url(../images/langbg.png) no-repeat left top;}*/
#header .htr .top .lan{ padding-left:37px; background:#222222; position: relative; }
#header .htr .top .lan:before{ content: ''; position: absolute; width: 0; height: 0; left: -33px; top: 0; border: 16.5px solid #222;  border-bottom-color: transparent; border-left-color: transparent; }

#footer{ background:#233067 url(../images/fobg.png) no-repeat center top; padding-top:120px; overflow:hidden;}
#footer .t{ font-size:20px; color:#fff; margin-bottom:18px;}
#newsletter_box{ width:345px; float:left; margin-right:35px;}
.letter_tips{ color:#7f7f7f; font-size:16px; line-height:130%; margin-bottom:8px;}
#newsletter{ overflow:hidden; margin-bottom:20px;}
#newsletter .text{ float:left; width:277px; height:37px; line-height:37px; text-indent:13px; font-size:14px; color:#d0d0d0; border:0px none; background:#3c3c3c;}
#newsletter .sub{ float:left; height:37px; line-height:37px; width:68px; background:#ccc; font-size:14px; color:#000000; border:0px none;}
#footer .share{ display: flex; overflow:hidden; margin-bottom:34px;}
#footer .share a{display: block; overflow:hidden; width:32px; height:32px; margin-right: 10px; border-radius:50%;}
#footer .it{ width:150px;}
#footer .it a{ display:block; font-size:14px; color:#7f7f7f; text-decoration:none; margin:0 0 15px 0;}
#contact_us{ float:right; width:225px; overflow:hidden;}
#contact_us .con_r{ overflow:hidden; margin-bottom:23px; padding-left:50px; min-height:40px;}
#contact_us .i0{ background:url(../images/icbg.png) no-repeat 0px 0px;}
#contact_us .i1{ background:url(../images/icbg.png) no-repeat 0px -58px;}
#contact_us .i1 a{ color:#7a7a7a;}
#contact_us .i2{ background:url(../images/icbg.png) no-repeat 0px -115px;}
#contact_us span,#contact_us font{ float:left;}
#contact_us span{ margin:0 10px 0 0; font-size:14px; color:#828282;}
#contact_us font{ margin:0; color:#7a7a7a; font-size:16px; width:198px;}
.copyright{ height:66px; line-height:6px; line-height:66px; font-size:14px; color:#7f7f7f;}
.copyright a{ font-size:14px; color:#7f7f7f;}

#header .htr .mid{width: max-content; position: absolute; bottom: 0; left: calc(50% + 60px); transform: translateX(-50%); display: flex; flex-direction: row-reverse; align-items: center;}
#nav{ width:max-content;}
#nav .i{ margin:0 10px; position:relative;}
#nav .i .ia{ line-height:55px; padding:0 20px; display:block; color:#fff; font-family:"Verdana"; font-size:16px; border-top:2px solid transparent; text-transform: uppercase;}
#nav .i:hover .ia{ background:#ccc; border-top:2px solid #233067; color:#fff; text-decoration:none;}
#nav .i .sub{ width:150%; position:absolute; left:0; top:56px; background:#2f2f2f; z-index:1999; padding:5px 5px 10px 5px; display:none;}
#nav .i .sub a{ display:block; color:#fff; line-height:30px; border-top:1px solid #4b4b4b; height:30px; overflow:hidden; text-indent:6px;}
#nav .i .sub .list div:first-child a{ border-top:none;}
#nav .i .sub a:hover{ background:#ccc; text-decoration:none;}
.seabut{ width:17px; height:20px; background:url(../images/seabut.png) no-repeat center center; float:unset; margin-left: 30px; position:relative; cursor:pointer;}
#absear{ position:absolute; width:195px; height:35px; background:#233067; right:0px; top:99px; z-index:101; display:none;}
#absear form{ overflow:hidden; margin:5px 0 0 10px;}
.sea_t{ background:#222222; border:0px none !important; float:left; height:25px; color:#fff; text-indent:15px; width:120px;}
.sea_b{ background:#222222; color:#fff; height:25px; float:left; border:0px none !important; padding-right:11px; width:24px;}

#position{ color:#222222; height:48px; line-height:48px;}
#position .fl{color:#222222; font-size:18px;}
#position a{ font-size:14px; font-family:"Verdana"; color:#333333;}
#case_big{ text-align:center;}
#case_big img{ vertical-align:middle;}
#case_big span{ height:100%; display:inline-block; vertical-align:middle;}
.prod_info_group li a{ background:#555; color:#fff;}
#lib_down_list li a{ background:#222222;}
#lib_inquire_list>ul>li .info{ width:500px;}
#open_title .item{ margin:0; padding:0; border:none;}
.wrap{ width:960px; margin:0 auto;}
.min{ min-width:960px;}
.max{ max-width:1440px;}
.bg{ background:#ffffff;}
.in_sign{ font-size:14px; font-family:"Verdana"; height:35px; line-height:35px; text-indent:30px; color:#cbcbcb; background:url(../images/global_sign.png) 6px 10px no-repeat;}
.in_sign span a{ font-family:"Verdana"; color:#cbcbcb; margin-right:20px; font-size:12px;}
#page_ban{ height:415px; background:#000;}
#page_ban a{ width:100%; height:415px; display:block;}

.item{ width:33%; height:305px; position:relative; margin-bottom:25px;}
.item.case{ height:252px;}
.item .demo{ position:absolute; bottom:0px; left:6px; background:url(../images/demo.png) no-repeat left top; width:225px; height:103px;}
.item .pic{ margin:0 auto; text-align:center; width:225px; height:225px;}
.item .pic img{ vertical-align:middle;}
.item .pic span{ height:100%; display:inline-block; vertical-align:middle;}
.item .name{ height:66px; line-height:22px; overflow:hidden; margin:36px 0 0 14px; float:left; width:160px;}
.item .name a{ color:#fff; font-size:16px;}
.item .name span{ display:block; font-size:14px; color:#fff;}
.item .more{ margin:45px 12px 0 0; float:right;}
.i_nor{ margin-left:0;}
.i_top{ margin-top:0;}

.leftmenu .t{ text-indent:39px; font-size:18px; font-family:Arial, Helvetica, sans-serif; height:45px; line-height:45px; color:#fff; background:url(../images/ct.png) no-repeat left top;}
.leftmenu .row{ background:#f8f8f8; margin-bottom:9px;}
.leftmenu .row .n1{ text-indent:50px; height:45px; line-height:45px; overflow:hidden; background:url(../images/rbg.png) no-repeat 17px 15px;}
.leftmenu .row .n1:hover,.leftmenu .row.on .n1{ border-radius:5px; background:#ccc url(../images/rbg.png) no-repeat 17px -42px;}
.leftmenu .row .n1 a{ font-size:14px; color:#555555; font-family:"Verdana"; text-decoration:none;}
.leftmenu .row .n1:hover a,.leftmenu .row.on .n1 a{ color:#ffffff;}
.leftmenu .row .sub{ display:none;}
.leftmenu .row.on .sub{ display:block;}
.leftmenu .row .sub .i{ text-indent:64px; height: 45px; line-height: 45px; overflow:hidden; background:url(../images/r2bg.png) no-repeat 55px center;}
.leftmenu .row .sub .i:hover{ text-decoration: none; background-color: #ccc; }
.leftmenu .row .sub .i:hover a{ color: #fff; }
.leftmenu .row .sub .i.on{ background:url(../images/r2bg.png) no-repeat 55px center; background-color: #ccc;}
.leftmenu .row .sub .i a{ font-family:"Verdana";}
.leftmenu .row .sub .v3{ display: none;text-indent:75px; background:none;}
.leftmenu .row .sub .v3 a{}
.leftmenu .row .sub .i a.on{color: #fff;}
.leftmenu .row .nor{ border:none;}

.page{ margin-top:25px;}
.page .page_l{ width:188px;}
.page .page_r{ width:720px;}
.page .page_r .c_contents{ min-height:500px;}

#products .p_r_sign{ font-family:"Verdana"; font-size:18px; color:#fff;}
#products .sort{ border:1px solid #444; height:42px; line-height:42px; padding:0 15px; font-family:"Verdana"; color:#fff;}

#d_products{ overflow:hidden; width:100%;}
#d_products .dt .gallery{ position:relative;}
#d_products .dt .gallery .bigimg{ width:310px; position:relative; margin-bottom:15px;}
#d_products .dt .gallery .small_img_list .pic_box{ width:57px; height:57px; text-align:center; float:left;  margin-left:4px; border:1px solid transparent;}
#d_products .dt .gallery .small_img_list .pic_box:first-child{ margin:0;}
#d_products .dt .gallery .small_img_list .on{ border:1px solid #555;}
#d_products .dt .gallery .small_img_list .pic_box img{ vertical-align:middle;}
#d_products .dt .gallery .small_img_list .pic_box span{ vertical-align:middle; height:100%; display:inline-block;}
#d_products .dt .dtr{ width:380px; margin-top:10px;}
#d_products .dt .dtr .info{ width:100%;}
#d_products .dt .dtr .name{ font-size:18px; color:#333; line-height:20px; font-family:"Verdana"; font-weight:bold;}
#d_products .dt .dtr .para{ padding:10px 0; border-top:1px solid #666; border-bottom:1px solid #666;}
#d_products .dt .dtr .brief{ color:#666; line-height:20px; font-family:"Verdana"; margin:10px 0; margin-bottom:20px;}
#d_products .dt .dtr .price{ font-size:22px; color:#ffb70f; font-family:"Verdana"; margin-top:10px;}
#d_products .dt .dtr .btn{ height:33px; line-height:33px; padding:0 30px; display:inline-block; text-align:center; font-size:16px; margin-top:20px; background:#ffb70f; margin-right:5px;}
#d_products .dt .dtr .attr_row *{ color:#bdbdbd;}
#d_products .dm{ border-bottom:1px solid #9e9e9e; overflow:hidden;}
#d_products .dm .nav{ background:#fff; color:#333; padding:0 74px 0 24px; height:38px; line-height:38px; font-size:14px; float:left; cursor:pointer;}
#d_products .dm .nav.cur{ background:#233067 url(../images/dbg.png) no-repeat right top; color:#fff;}
#d_products .db .con{ padding:10px; min-height:300px;}

.like .sign{ color:#fff; font-size:14px; font-family:"Verdana";}
.like .list{ padding:10px; border:1px solid #404040; width:137px; margin-left:12px;}
.like .list .pic{ width:137px; height:137px; text-align:center;}
.like .list .pic img{ vertical-align:middle;}
.like .list .pic span{ height:100%; display:inline-block; vertical-align:middle;}
.like .list .name{ height:40px; line-height:20px; overflow:hidden; margin-top:5px;}
.like .list .name a{ font-family:"Verdana"; color:#bdbdbd;}
.like .list .price{ font-family:"Verdana"; color:#ffb70f; font-size:18px; margin-top:5px;}
.like .nor{ margin-left:0;}

#d_products .MagicZoom{display:block; margin:0 auto;}
#d_products .MagicZoom img{border:0 !important; padding:0 !important; margin:0 !important;}
#d_products .MagicZoomBigImageCont{border:1px solid #999; left:335px; top:0px;}
#d_products .MagicZoomHeader{font-size:8pt !important; line-height:normal !important; color:#fff; background:#666; text-align:center !important;}
#d_products .MagicZoomPup{border:1px solid #ccc; background:#fff; cursor:move;}
#d_products .MagicZoomLoading{border:1px solid #ddd; background:#fff url(../../../images/global/loading.gif) no-repeat 2px 50%; padding:4px 4px 4px 24px !important; margin:0; text-decoration:none; text-align:left; font-size:8pt; font-family:sans-serif; color:#444;}
#d_products #zoom-big{position:absolute; top:0; left:-24px;}
#d_products #zoom-big img{max-width:none; max-height:none;}

#article .con{ padding:10px; min-height:500px;}

#info{ padding:10px;}
#lib_info_list li:last-child{ border:none;}
#lib_down_list li{ border-bottom:1px dashed #555; display: flex;}
#lib_down_list li span{ color:#222222; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#d_info{ padding:10px;}
#d_info *{ color:#222222;}

#download{ padding:10px;}
#lib_info_list li>a{ color:#222222;}
#lib_info_list li>span{ color:#777;}
#lib_down_list li:last-child{ border:none;}
#lib_info_detail > h1{ color:#222222;}
#attribute td{ background:#222222; color:#fff;}

@media screen and (max-width: 1250px) {
    #nav .i .ia{font-size: 14px; padding: 0 10px;}
    .seabut{margin-left: 20px;}
}