﻿/* CSS Document */
@charset "utf-8";
/************************** 宽屏全局样式(start) **************************/

.w_1200 #footer .top .list{ width:220px; margin-left:90px;}
.w_1200 #footer .top .list:first-child{ margin-left:30px;}

/************************** 宽屏全局样式(end) ****************************/
/*************************** 宽屏样式(start) ****************************/

.w_1200 .wrap{ width:1200px;}

.w_1200 .page .page_l{ width:270px;}
.w_1200 .page .page_r{ width:870px;}

.w_1200 .item{ width:270px; margin-top:30px; margin-left:30px;}
.w_1200 .item .pic{ width:245px; height:245px;}
.w_1200 .i_nor{ margin-left:0;}
.w_1200 .i_top{ margin-top:0;}
.w_1200 .i_mar{ margin-left:0; margin-right:40px;}
.w_1200 .case .pic{ height:170px;}

.w_1200 #d_products .dt .dtr{ width:560px;}

.w_1200 #d_products .dt .dtr .small .t_l{ margin-left:15%;}
.w_1200 #d_products .dt .dtr .small .t_r{ margin-right:15%;}

/***************************  宽屏样式(end  )***************************/
/*************************** 全局样式(start) ***************************/

.h_nav{display:block; margin-top:40px;}
.h_nav li{float:right; height:28px; line-height:25px; padding:0 12px;}
.h_nav li.line{padding:0; color:#fff;}
.h_nav li.member{background:url(../images/ico.png) 0 0 no-repeat; padding-left:26px; color:#fff;}
.h_nav li.inquiry{background:url(../images/ico.png) 0 -26px no-repeat; padding-left:24px;}
.h_nav li.lang{background:url(../images/ico.png) right -52px no-repeat;}
.h_nav li.lang:hover{position:relative; z-index:1000;}
.h_nav li.lang:hover dl{}
.h_nav li a{ color:#fff;}
.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{ height:93px; width:100%; position:absolute; left:0; top:0; z-index:888;}
#header .logo{ width:260px; height:93px;}
#header .logo img{ vertical-align:middle;}
#header .logo span{ height:100%; display:inline-block; vertical-align:middle;}
#header .search{ width:341px; height:30px; background:url(../images/sea.png) no-repeat; margin-top:40px;}
#header .search .sea_t{ width:305px; height:30px; line-height:30px; border:none; background:none; vertical-align:top; text-indent:15px; color:#fff;}
#header .search .sea_b{ width:30px; height:30px; background:none; border:none; vertical-align:top; cursor:pointer;}
#header .h_line{ color:#fff; margin:0 15px; margin-top:45px;}

#nav{ width:100%; height:45px; position:absolute; left:0; top:93px; z-index:887;}
#nav .wrap{ background:#F26530;}
#nav .i{padding:0 35px; height:45px; line-height:45px; border-left:1px solid #fa5213; position:relative;}
#nav .i:first-child{ border-left:none;}
#nav .i .ia{ line-height:45px; font-size:16px; color:#fff;}
#nav .i .sub{display:none; position:absolute; top:44px; left:0; width:200px; overflow:hidden; background:#F26530;}
#nav .i .sub .list{padding:10px 10px 10px 15px;}
#nav .i .sub .list>div{padding:5px 0; line-height:20px; overflow:hidden;}
#nav .i .sub .list a{color:#fff;}

#footer{ height:272px; background:url(../images/foot_bg.jpg) top center no-repeat;}
#footer .top{ padding-top:35px; height:165px; border-bottom:1px solid #4e5058;}
#footer .top .list{ width:200px; margin-left:50px;}
#footer .top .list:first-child{ margin-left:0px;}
#footer .top .list .sign{ font-size:16px; color:#fff; height:20px; line-height:20px; overflow:hidden;}
#footer .top .list .row{ height:20px; line-height:20px; overflow:hidden; text-indent:20px; background:url(../images/foot_sign.png) 5px center no-repeat; margin-top:10px;}
#footer .top .list .nor{ margin-top:25px;}
#footer .top .list .row a{ font-size:14px; color:#fff;}

#footer .mid{ height:70px; border-top:1px solid #1e1f22;}
#footer .mid .fl{ line-height:70px;}
#footer .mid *{ color:#fff; font-size:14px;}
#footer .mid .fr{ margin-top:15px;}
#footer .mid .fr img{ margin:0 2px;}

/*************************** 全局样式(end) ***************************/
/*************************** Page(start) ***************************/

.wrap{ width:1144px; margin:0 auto;}
.min{ min-width:980px;}
.max{ max-width:1200px; margin:0 auto;}

#page_ban{ height:406px;}
#page_ban a{ width:100%; height:100%; display:block;}

#position{ height:43px; line-height:43px; padding-right:15px; text-align:right; border:1px solid #d7d7d7;}
#position a{}
#position span{ font-size:18px; color:#fff; padding-left:20px; padding-right:37px; display:inline-block; background:url(../images/in_sign.jpg) #1551a1 right no-repeat;}
#position .po_cur{ color:#1551a1;}

#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:#555;}
#lib_inquire_list>ul>li .info{ width:500px;}
#open_title .item{ margin:0; padding:0; border:none;}

.item{ width:366px; margin-top:20px; margin-left:20px; height:426px; position:relative;}
.item.case{ height:318px;}
.item .pic{ width:366px; height:278px; text-align:center; border:1px solid #f4f6f8; background:#fff; margin:0 auto; }
.item .pic img{ vertical-align:middle;}
.item .pic span{ height:100%; display:inline-block; vertical-align:middle;}
.item .i_box{ width:366px; height:50px; border:1px solid #f4f6f8; border-top:0;border-bottom:3px solid #f39801;}
.item .view_more{ position:absolute; left:0px; bottom:0px; width:100%; text-align:center;}
.item .name{text-align:center; line-height:50px; color:#333333;}
.item .name a{ font-size:16px; color:#000;}
.item .brief{ margin:0 5px; font-size:12px; line-height:20px; height:40px; overflow:hidden; margin-top:5px; text-align:center;}
.item .price{ margin:0 5px; text-align:center; font-size:24px; font-weight:bold; color:#3a3d47; margin-bottom:3px;}
.item .more{ font-size:14px; color:#fff; height:35px; line-height:35px; padding:0 40px; display:inline-block; background:#3a3d47;}
.item:hover .pic img{ filter:alpha(opacity=70); -moz-opacity:0.7; -webkit-opacity: 0.7; opacity: 0.7;}
.item:hover .i_box{ }
.item:hover .price{ color:#fff;}
.item:hover .name a{ color:#F26530;}
.item:hover .brief{ color:#fff;}
.item:hover .more{ color:#fff; background:#F26530; text-decoration:none;}
.item:hover .view_more{ bottom:1px;}
.i_nor{ margin-left:0;}
.i_top{ margin-top:0;}
.i_mar{ margin-left:0; margin-right:32px;}
.case .pic{ height:140px;}

.leftmenu{ box-shadow: 5px 5px 5px #d0d0d0;}
.leftmenu .t{ font-size:16px; color:#fff; background:#2f2f2f; height:45px; line-height:45px; text-align:center;}
.leftmenu .row{}
.leftmenu .row .n1{ text-indent:10px; height:45px; line-height:45px; overflow:hidden; margin-right:1px; border-top:1px solid #dadada; padding-right:35px; background:url(../images/fir.jpg) 95% center no-repeat;}
.leftmenu .row .n1 a{ font-size:14px; display:block;}
.leftmenu .row .n1:hover{ background:url(../images/fir_cur.jpg) #1551a1 95% center no-repeat;}
.leftmenu .row .n1:hover a{ text-decoration:none; color:#fff;}
.leftmenu .row .sub{ display:none;}
.leftmenu .row .sub .i{ text-indent:20px; height:45px; line-height:45px; overflow:hidden; border-top:1px solid #dadada;}
.leftmenu .row .sub .i a{ font-size:14px; display:block;}
.leftmenu .row .sub .i a:hover{ text-decoration:none; color:#1551a1;}
.leftmenu .row .sub .v3{ text-indent:30px;}
.leftmenu .row .sub .v3 a{}
.leftmenu .row .nor{ border-top:none;}
.leftmenu .row .fir_cur{ background:url(../images/fir_cur.jpg) #1551a1 95% center no-repeat;}
.leftmenu .row .fir_cur a{ color:#fff;}
.leftmenu .row .sub .sec_cur a{ color:#1551a1;}
.leftmenu .row .sub .thd_cur a{ color:#1551a1;}

.page{}
.page .wrap{}
.page .page_l{ width:220px; margin-left:20px;}
.page .page_r{ width:704px;}
.page .page_r .c_contents{ min-height:400px}

#products{}
#d_products{ padding:30px 0;}
#d_products .dt .dtl .bigimg{ width:266px; background:#b6b6b6; padding:6px; position:relative;}
#d_products .dt .dtl .small li{ width:82px; height:55px; text-align:center; float:left; border:1px solid #f0eee7; margin-left:12px;}
#d_products .dt .dtl .small li:first-child{ margin:0;}
#d_products .dt .dtl .small .cur{ border:1px solid #555;}
#d_products .dt .dtl .small li img{ vertical-align:middle;}
#d_products .dt .dtl .small li span{ vertical-align:middle; height:100%; display:inline-block;}
#d_products .dt .dtr{ width:400px;}
#d_products .dt .dtr .info{ width:100%;}
#d_products .dt .dtr .name{ font-size:24px; line-height:35px;}
#d_products .dt .dtr .brief{ line-height:30px; margin:10px 0;}
#d_products .dt .dtr .price{ font-size:20px; margin-top:10px;}
#d_products .dt .dtr .btn{ height:30px; padding:0 30px; line-height:30px; display:inline-block; text-align:center; font-size:14px; color:#fff; margin-top:10px; background:#555; margin-right:5px;}
#d_products .dm{ height:42px; line-height:42px; border:1px solid #ddd; overflow:hidden;}
#d_products .dm .nav{ font-size:14px; text-align:center; color:#4a4439; padding:0 10px; text-transform:uppercase; float:left; cursor:pointer;}
#d_products .db .con{ padding:10px; min-height:300px;}

#d_products .dt .dtl .d_small .t_l{ width:17px; height:30px; background:url(../images/d_t_l.jpg) no-repeat; margin-top:20px;}
#d_products .dt .dtl .d_small .t_r{ width:17px; height:30px; background:url(../images/d_t_r.jpg) no-repeat; margin-top:20px;}
#d_products .dt .dtl .d_small .small_re{ width:236px; height:70px; overflow:hidden; position:relative; margin:0 auto;}
#d_products .dt .dtl .d_small .small_ab{ width:1000px; height:70px; position:absolute; left:0; top:0;}
#d_products .dt .dtl .d_small li{ width:64px; height:64px; border:3px solid #bababa; text-align:center; float:left; margin-right:13px;}
#d_products .dt .dtl .d_small li img{ vertical-align:middle;}
#d_products .dt .dtl .d_small li span{ height:100%; display:inline-block; vertical-align:middle;}
#d_products .dt .dtl .d_small .cur{ border:3px solid #555;}

#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;}
#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/loading_1.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:101%;}
#d_products #zoom-big img{max-width:none; max-height:none;}

#article{ padding:20px;}
#article .con{}

#info{ padding:20px 0;}
#lib_info_list li:last-child{ border:none;}
#d_info{ padding:20px;}

#download{ padding:20px 0;}
#lib_down_list li:last-child{ border:none;}

/*********** 阿拉伯语样式 ******************/
.lang_ar *{direction:rtl;}
.lang_ar #nav .i{float:right;}
.lang_ar #nav .i:first-child{ border-left:1px solid #fa5213;}
.lang_ar #header .logo{float:right;}
.lang_ar .h_lang, .lang_ar .h_line, .lang_ar .search{float:left;}
.lang_ar #header .search{background-image:url(../images/sea_ar.png);}
.lang_ar #footer .top .list .row{background-position:right center;}
.lang_ar #lib_feedback_form .rows label{float:right; text-align:left;}
.lang_ar #position{text-align:left; padding-right:0; padding-left:15px;}
.lang_ar #position span{float:right; padding:0 20px 0 37px; background:#1551a1 url(../images/in_sign_ar.jpg) no-repeat 0 0;}
.lang_ar .page_l{float:right; margin-left:0; margin-right:20px;}
.lang_ar .page_r{float:left;}
.lang_ar #turn_page .icon_page_next{background:url(../images/normal.png) no-repeat -391px -24px;}
.lang_ar #turn_page .icon_page_prev{background:url(../images/normal.png) no-repeat -408px -24px;}
.lang_ar #d_products .dtl{float:right;}
.lang_ar #d_products .dtl *{direction:ltr;}
.lang_ar #d_products .dtr{float:left;}
.lang_ar #d_products .dm .nav{float:right;}
.lang_ar #lib_down_list li .fl{float:right;}
.lang_ar #lib_down_list li .fr{float:left;}

