@charset "utf-8";
body { background: #212121;  overflow-x:hidden; }
input { border: none; outline: none; }
h1, h2, h3, h4, h5, h6,
hr, p, blockquote,
dl, dt, dd, ul, ol, li,
button, input, textarea,
th, td { margin: 0; padding: 0; }
ul, ol { list-style: none; }
a { text-decoration: none; background-color: transparent; }
a:hover, a:active, a:link { outline-width: 0; text-decoration: none; }
.p0 { padding: 0px; }
#warp { max-width: 1140px; width: 100%; height: 100%; margin: 0 auto; overflow: hidden.; }
.wrap { max-width: 1102px; width: 100%; height: 100%; margin: 0 auto; }

/* start 导航*/
.navbar {
    min-height: 58px;
    background: #333333;
}

.navbar .container {
    width: 100%;
}

.navbar-fixed-top {
    border-width: 0 0 0px;
}

.navbar .navbar-nav li .nav-icon {
    width: 36px;
    height: 30px;
    margin: 8px 20px;
    float: left;
    display: none;
    background-image: url(../images/ICONs01.png);
    background-repeat: no-repeat;
}

.navbar .navbar-nav li .icon-H {
    background-position: left top;
}

.navbar .navbar-nav li .icon-laptops {
    background-position: -46px top;
}

.navbar .navbar-nav li .icon-tablets {
    background-position: -92px top;
}

.navbar .navbar-nav li .icon-desktopsy_aios {
    background-position: -230px top;
}

.navbar .navbar-nav li .icon-smartoffice {
    background-position: -368px top;
}

.navbar .navbar-nav li .icon-servers {
    background-position: -184px top;
}

.navbar .navbar-nav li .icon-workstations {
    background-position: -138px top;
}

.navbar .navbar-nav li .icon-monitors {
    background-position: -276px top;
}

.navbar .navbar-nav li .icon-F {
    background-position: -322px top;
}

.navbar .navbar-nav li .icon-R {
    background-position: -368px top;
}

.navbar .navbar-nav li .icon-PDF {
    background-position: -368px top;
}

.navbar .navbar-nav li .icon-WD {
    background-position: -368px top;
}

.navbar .navbar-nav li:hover {
    background: #fff;
    color: #333;
}

.navbar .navbar-nav li a:hover {
    background: #fff !important;
    color: #333;
}

.navbar-inverse .navbar-nav > li > a {
    padding: 0px;
    padding: 0 15px;
    line-height: 58px;
    font-size: 16px;
    color: #fff;
    position: relative;
    display: block;
}


.logo {
    width: 67px;
    height: 200px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
}

.logo a {
    background-color: #e2231a;
    background-image: url(../images/logo.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    height: 100%;
    overflow: hidden;
}


/* 搜素 */
.search {
    width: 320px;
    position: absolute; /*background: #333333; right: 10px; top: 0;*/
    margin: 0px auto;
    padding: 15px 0;
    left: 0;
    right: 0;
}
.search label { max-height: 58px; position: relative; display: block; margin-bottom: 0px; }
.search input[type="text"] { width: 100%; height: 30px; line-height: 30px; background: #050505; border-radius: 30px; padding: 0 12px; color: #fff;  border:1px solid #525252;}
.search .search_btn { width: 15px; height: 18px; position: absolute; bottom: 6px; right: 12px; margin: auto 0; background: #050505 url(../images/icon-search.png) center right no-repeat; }


/* start 内容banner */
.PSREFbanner { padding-top: 100px; min-height: 550px; background: url(../images/Bg.png) center top no-repeat; transition: 0.3s ease; -webkit-transition: 0.3s ease; background-size: cover; }
.PSREF { float: left; padding-top: 60px;}
.PSREF .PSREF_title { width: 291px; height: 0; overflow: hidden; padding-top: 65px; background: url(../images/PSREF.png) no-repeat; background-size: contain; margin: 30px 0; font-size: 90px; }
.PSREF .Product { width: 230px.; height: 122px; background-image: url(../images/Product.png); background-repeat: no-repeat; }
.PSREF .PSREF_btn { width: 130px; height: 93px; display: block; line-height: 1.2; margin-top: 38px; font-size: 14px; color: #fff; text-align: center; background-image: url(../images/btnBg.png); background-repeat: no-repeat; border-radius: 5px; }
.PSREF .PSREF_btn:hover { background-image: url(../images/btnhover.png); }
.PSREF .PSREF_btn span { height: 56px; display: block; background-image: url(../images/btn_search.png); background-repeat: no-repeat; background-position: center 6px; }
.PSREF .Advanced_text { line-height: 2.2; font-size: 16px; color: #f0f0f0; /*background-image: url(../images/ProductY.png);
	background-repeat: no-repeat;*/ }

.PSREF_News { width: 345px; height: 415px; float: right; padding: 20px 15px; background: rgba(255,255,255,0.7); }
.PSREF_Newsletter { height: 50px; display: block; text-align: -webkit-center; 

}
.PSREF_Newsletter .News_Btn { width: 290px; height: 50px; display: block; background-image: url(../images/NewBtn.png); background-repeat: no-repeat; }
.PSREF_Newsletter .News_Btn:hover { background-image: url(../images/Newhover.png); }
.PSREF_News_list .PSREF_News_title { padding: 20px 0 12px; font-size: 20px; }
.PSREF_News_list ul { height: 240px; overflow: hidden; padding-left: 5px; }
.PSREF_News_list li { height: 30px; line-height: 30px; font-size: 14px; list-style: disc; }

.PSREF_News_list li  {  white-space: nowrap; text-overflow: ellipsis;overflow:hidden; }
.PSREF_News_list li a { color: #333; }
.PSREF_News_list li a:hover { color: #e63e35; }
.PSREF_News_Page{ text-align: center; margin-top:10px; }
.PSREF_News_Page, .PSREF_News_Page a { font-size: 14px; color: #333; }
.PSREF_News_Page span { padding: 0 10px; }

/* start 产品线 */
.productLineBanner { max-width: 1220px; padding: 0 24px; overflow: hidden; }
h1.title { font-size: 28px; color: #9f9f9f; margin: 33px auto 48px; }
.product-line { width: 506px; height: 20px; background: url(../images/product-line.png) no-repeat; }
.download-app { width: 235px; height: 20px; background: url(../images/Download-app.png) no-repeat; }

/*左侧菜单*/
.productLineMenu { max-width: 222px; width: 100%; float: left; }
.backtop{display:none;}
.MenuList > li { margin-bottom: 1px; }
.MenuList li .MenuList_title { display: block; height: 45px; line-height: 45px; background: #d8d8d8; background: -webkit-linear-gradient(top,#eaeaea, #d8d8d8); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(top,#eaeaea, #d8d8d8); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(top,#eaeaea, #d8d8d8); /* Firefox 3.6 - 15 */ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#eaeaea, endColorstr=#d8d8d8); /*IE<9>*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#eaeaea, endColorstr=#d8d8d8)"; /*IE8+*/ background: linear-gradient(top,#eaeaea, #d8d8d8); /* 标准的语法 */ padding-left: 12px; padding-right: 10px; font-size: 16px; color: #585858; }
.MenuList li .MenuList_title.active, .MenuList li .MenuList_title:hover { background: #e3291f; background: -webkit-linear-gradient(top,#e8534a, #e3291f); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(top,#e8534a, #e3291f); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(top,#e8534a, #e3291f); /* Firefox 3.6 - 15 */ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#e8534a, endColorstr=#e3291f); /*IE<9>*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#e8534a, endColorstr=#e3291f)"; /*IE8+*/ background: linear-gradient(top,#e8534a, #e3291f); /* 标准的语法 */ color: #fff; }
.MenuList li .MenuList_title i { width: 13px; height: 100%; float: right; background: url(../images/arrow_d.png) no-repeat center right; }
.MenuList li .MenuList_title.exp i/*, .MenuList li .MenuList_title:hover i*/ { background: url(../images/arrow_u.png) no-repeat center right; }
.CurMenuList { background: url(../images/menuListBg.png) repeat-y left top; width: 270px; margin-left: -24px; padding-left: 24px; }
.CurMenuList li { background: url(../images/borB.png) left bottom no-repeat; }
.CurMenuList li a { display: block; height: 45px; line-height: 45px; font-size: 14px; color: #ccc; padding-left: 20px; }
.CurMenuList li a:hover, .CurMenuList li a.active { color: #e63e35; }
/*右侧内容*/
.productLineCent { float: right; max-width: 1220px; min-height: 500px; width: 100%; margin: 0 auto; }
/*prodcut列表*/
.prodcutList { width: 100%; height: auto; overflow: hidden; transition: 0.3s ease; -webkit-transition: 0.3s ease; }
.prodcutList li { width: 275px; height: 220px; float: left; margin-right: 16px; margin-bottom: 14px; position: relative; }
.prodcutList li a { display: block; }
.prodcutList li img { width: auto; height: auto; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; }
.prodcutList li .box-offre { width: 100%; height: 100%; cursor: pointer; }
.prodcutList li .box-offre .box-dark { width: 100%; height: 100%; overflow: hidden; transition: 0.3s ease; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -o-transition: 0.3s ease; }
.prodcutList li .box-offre .box-dark .prodcut_text { opacity: 0; position: absolute; z-index: 2; width: 100%; top: 80px; color: #fff; text-align: center; transition: 0.3s ease; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -o-transition: 0.3s ease; }
.prodcutList li .box-offre .box-dark:hover .prodcut_text { opacity: 1; top: 30px; }
.prodcutList li .box-offre .box-dark .prodcut_text h3 { font-weight: bold; font-size: 16px; color: #fff; margin-bottom: 20px; }
.prodcutList li .box-offre .box-dark .prodcut_text p { margin-bottom: 5px; }
.prodcutList li .box-offre .box-dark .prodcut_text p a { font-size: 14px; color: #dfdfdf; }
.prodcutList li .box-offre .box-dark .prodcut_text p a:hover { color: #e63e35; }
.prodcutList li .box-offre .box-dark .offre-image { width: 100%; height: 100%; opacity: 1; transition: 0.3s ease; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -o-transition: 0.3s ease; }
.prodcutList li .box-offre .box-dark:hover .offre-image { opacity: 0.45; }
.prodcutList li:nth-child(1) .offre-image { background: #f29866; }
.prodcutList li:nth-child(2) .offre-image { background: #9ed394; }
.prodcutList li:nth-child(3) .offre-image { background: #ae9cbd; }
.prodcutList li:nth-child(4) .offre-image { background: #6bc3d8; }
.prodcutList li:nth-child(5) .offre-image { background: #ffda80; }
.prodcutList li:nth-child(6) .offre-image { background: #ef7f7d; }
.prodcutList li:nth-child(7) .offre-image { background: #7da6ef; }
.prodcutList li:nth-child(8) .offre-image { background: #d44f4f; }
.productLineCent .BgF { background: rgba(255,255,255,0.9); }

/* ProductLine_Panel 切换 */
.ProductLine_Panel { width: 100%; height: 100%; min-height: 500px; padding: 24px 18px; position:relative; }
.ProductLine_Panel .ThinkPad_title { font-size: 16px; font-weight: bold; }
.ProductLine_Panel .ThinkPad_content { padding: 10px 0; margin-bottom: 12px; border-bottom: 1px solid #dedede; }
.ProductLine_Panel .ThinkPad_table tr td { }
.ProductLine_Panel .ThinkPad_table tr td a { font-size: 12px; color: #57b4ea; }
.ProductLine_Panel .ThinkPad_table tr td a.active, .ProductLine_Panel .ThinkPad_table tr td a:hover { color: #e63e35; }

/*PSREF Book Download 切换*/
.PSREFBook { width: 100%; height: 100%; min-height: 500px; padding: 24px 18px; }
.PSREFBook .book_list { width: 48%; float: left; }
.PSREFBook .book_list:nth-child(1) { margin-right: 4%; }
.PSREFBook .book_list .book_list_title { font-size: 16px; line-height: 40px; color: #333; font-weight: bold; border-bottom: 1px solid #ddd; margin-bottom: 10px; }
.PBDownload ul { clear: both; padding: 4px 0; }
.PSREFBook ul li { margin-bottom: 10px; }
.PSREFBook ul li a { font-size: 14px; color: #009dd9; background: url(../images/bdf_ico.png) no-repeat left top 1px; text-indent: 18px; display: inline-block; font-size: 12px; height: 26px; line-height: 26px; text-align: left; }
.PSREFBook ul li p { padding-left: 18px; font-size: 12px; }

.withdrawnpanel{width: 100%; height: 100%; min-height: 500px; padding: 24px 18px;}
.withdrawnpanel h3{  font-size:20px; color:#706f6f;}
.withdrawnpanel select{ font-size:15px; width:90%; border-radius:5px; height:30px; margin:10px 0;}


/*START 下载APP*/
.downBanner { width: 100%; min-height: 426px; margin-top: 60px; border-top: 1px solid #171717; }
.downloadAPP { max-width: 430px; width: 100%; margin: 0 auto; overflow: hidden; }
.downloadAPP h2.title { padding: 40px 0 50px; }
.codeDown { width: 200px; float: left; text-align: center; }
.IOScode { margin-right: 30px; }
.codeDown .code_img { width: 138px; height: 138px; padding: 6px; background: #cfcfcf; }
.codeDown p { font-size: 14px; color: #6d6d6d; margin: 10px 0 15px; }
.codeDown a { width: 150px; height: 45px; display: block; margin: 0 auto; }
.codeDown a img { width: 100%; height: 100%; }
/*END 下载APP*/

/* start footer */
.footer { padding: 40px 0 35px; text-align: center; background: #f1f1f1; }
.footer div { margin-bottom: 20px; line-height: 22px; }
.footer div a { margin: 0px 5px; font-size: 12px; color: #333; }
.footer div a:hover { text-decoration: underline; }
.footer p { line-height: 22px; font-size: 12px; color: #999; }
/* end footer */

/* start 右悬浮 */
.floatNav { width: 45px; position: fixed; top:40%; right: 10px; z-index: 10; }
.floatNav div { width: 45px; height: 45px; margin-bottom: 5px; position: relative; overflow: hidden; }
.floatNav .no1 { background-image: url(../images/float_01.png); }
.floatNav .no2 { background-image: url(../images/float_02.png); }
.floatNav .no3 { background-image: url(../images/float_03.png); }
.floatNav .no4 { background-image: url(../images/float_04.png); }
.floatNav span { display: block; width: 45px; height: 45px; border: 1px solid #e3dbd6; border-radius: 5px; background-color: rgba(255,255,255,0.9); background-position: center; background-repeat: no-repeat; cursor: pointer; -webkit-transition: .2s ease; transition: .2s ease; position: absolute; top: 0; left: 0; }
.floatNav a { display: block; width: 45px; height: 45px; border-radius: 5px; line-height: 45px; text-align: center; transform: translateY(-45px); background: #e0493d; color: #e1e1e1; -webkit-transition: .2s ease; transition: .2s ease; position: absolute; top: 95px; left: 0; }
.floatNav .nopic1 { background-image: url(../images/feelback.png); }
.floatNav .nopic2 { background-image: url(../images/Twitter.png); }
.floatNav .nopic3 { background-image: url(../images/Facebook.png); }
.floatNav .nopic4 { background-image: url(../images/Favorite.png); }
/* 响应式 */
.bookdownload_ishidden,.withdrawn_ishidden{display:none;}

@media (min-width: 768px)
{
    .navbar-nav {
        float:none;
        margin: 0;
    }
    
    .navbar-nav>li {
        float:none;
    }
}

@media screen and (min-width: 1281px) {
    .navbar-nav {
        float: none;
        margin: 0;
    }

        .navbar-nav > li {
            float: none;
            display:inline-block;
        }
}


/*导航*/
@media screen and (max-width: 8000px) {
    /*.navbar .container { margin-left: 120px; }*/
    .navbar-inverse .navbar-nav > li > a { padding: 0px 13px; }
    .search { right: 40px; }
}

@media screen and (max-width: 1665px) {
    /*.navbar .container { margin-left: 100px; }*/
    .navbar-inverse .navbar-nav > li > a { padding: 0px 13px; }
}

@media screen and (max-width: 1480px) {
    /*.navbar .container { margin-left: 90px; }*/
    .navbar-inverse .navbar-nav > li > a { padding: 0px 13px; }
    .search { right: 25px; }
}

@media screen and (max-width: 1366px) {
    /*.navbar .container { margin-left: 65px; }*/
    .navbar-inverse .navbar-nav > li > a { padding: 0px 13px; }
}

@media screen and (max-width: 1280px) {
    /*.logo{
		height:69px !important;
	}
	.logo a{
	    background-image: url(../images/logo-sm.png) !important;
	}
    .navbar .container { margin-left:65px;}*/

    /* 导航收起 */
    .logo { height: 50px !important; }
    .logo a { background-image: url(../images/logo-sm.png) !important; }
    .navbar .container { margin-left: auto; }
    .navbar-header { float: none; margin-right: -15px !important; margin-left: -15px !important; }
    .navbar { min-height: 50px; }
    .navbar-toggle { display: block; }
    .navbar-inverse .collapse { display: none !important; }
    .navbar-inverse .in { display: block !important; }
    .navbar-fixed-top .navbar-collapse { max-height: 667px; border-top: none; box-shadow: none; }
    .navbar-nav, .navbar-nav > li { float: none; }
    .navbar-nav > li { border-top: 1px solid #2c2c2c; }
    .navbar .nav-icon { display: block !important;}
    .navbar-inverse .navbar-nav > li > a { line-height: 20px; padding: 15px 10px; text-align: left;}
    .navbar .navbar-nav li a:hover { background: none; color: #e63e35; }
    .PSREFbanner { padding-top: 100px; }
    .search { width: 320px; padding: 10px 0; left: 0; right: 0; margin: 0 auto; }

    /*.navbar .navbar-nav li:nth-child(10) {display: block !important;}
	.navbar .navbar-nav li:nth-child(11) {display: block !important;}*/
}

@media screen and (max-width: 1150px) {
    /*.productLineMenu { display: none; }*/
    /*.backtop{display:block;}*/
    /*.productLineCent { float: inherit; }*/
    .wrap { max-width: 1000px; }
    .prodcutList { padding-left: 2%; max-width: 720px; }
	.productLineCent {max-width: 720px}
	.prodcutList li { width: 48%; margin-right: 2% !important; margin-bottom: 2% !important; }

}

@media screen and (max-width: 1023px) {

    .PSREFcontainer { width: 100%; padding: 0 5%; }
    .productLineMenu { display: none; }
    /*.bookdownload_ishidden,.withdrawn_ishidden{display:block;}*/
    .backtop{display:block;}
    .productLineCent { float: none; }
    .productLineBanner { padding: 0px; }
    .prodcutList { padding-left: 2%; }
    .prodcutList li { width: 48%; margin-right: 2% !important; margin-bottom: 2% !important; }
}

@media screen and (max-width: 750px) {
    .search { width: 45%; padding: 10px 0; left: 0; right: 0; margin: 0 auto; }
    .navbar-nav > li > a { padding: 6px 10px; }
    .PSREFcontainer { padding: 0; }
    .PSREFbanner { padding-top: 70px; }
    .PSREF .PSREF_title { width: 100%; margin: 15px 0; }
    /*.PSREF .Product{
		height:22px;
		width:391px;
	    background-image: url(../images/ProductY.png);
	    margin-top:20px;
	}*/
    .PSREF, .PSREF_News { float: none; width: 345px; margin: 0 auto 35px; }
    .PSREFBook { overflow: hidden; }
    .PSREFBook .book_list { width: 100%; margin-right: 0px; }
    .prodcutList { padding: 0 10%; }
    .prodcutList li { width: 100%; margin-bottom: 10px !important; }
}

@media screen and (max-width: 350px) {
    .codeDown { margin: 0 auto; }
}

/*弹窗公共样式*/
.alert_default { display: none; margin: 0 auto; color: #838383; position: relative; }
.alert_default table { margin-top: 10px; }
.alert_default th { text-align: right; padding: 0 10px; font-weight: bold; color: #838383; }
.alert_default td { height: 45px; }
.alert_default label { color: #838383; }
.alert_default span { color: red; padding-left: 4px; }
.alert_default select { width: 170px; height: 28px; border: 1px solid #999; border-radius: 3px; outline: none; }
.alert_default input[type=text] { width: 300px; height: 28px; line-height: 28px; padding-left: 5px; border: 1px solid #999; border-radius: 3px; outline: none; }
.alert_default input[type=button] { border: 0; border-radius: 5px; padding: 6px 50px; cursor: pointer; position: absolute; }
.alert_default input.alt_sub { background: #D82818; color: #fff; bottom: 45px; left: 141px; }
.alert_default input.alt_sub:hover { background-color: #c70303; }
.alert_default input.alt_canel { background: #dfdfdf; color: #666; bottom: 45px; left: 300px; }
.alert_default input.alt_canel:hover { background-color: #ccc; }
.alert_default input.alt_ok { padding: 6px 40px; background: #D82818; color: #fff; top: 16px; right: 14px; }
.alert_default input.alt_ok:hover { background-color: #c70303; }
.alert_default div { padding-left: 10px; }

.alert_default textarea { width: 480px; margin-top: 15px; padding: 8px; line-height: 22px; border-radius: 3px; outline: none; }
/*NewsLetter弹框信息*/
#master_newsletterdiv.alt_newsletter { background-color: #FFF; }

/*Feedback弹窗*/
#master_feedbackdiv.feedback { background-color: #fff; }
.feedback label { float: left; width: 100%; height: 40px; line-height: 40px; }

/*favorite弹窗*/
#master_favoritediv.favorite { background-color: #fff; }
#master_favoritediv.favorite div { padding-left: 0; padding-top: 10px; }
.favorite input[type=text] { width: 380px; }
.favoritelist { height: 260px; margin-top: 10px; border: 1px solid #ccc; overflow-y: scroll; }
.favoritelist li { height: 30px; line-height: 30px; border-bottom: 1px solid #ededed; position: relative; }
.favoritelist li a { display: block; padding-left: 25px; background: url(/images/bookmark.png) no-repeat 6px center; }
.favoritelist li a:hover { background-color: #eaeaea; }
.favoritelist li span { display: block; width: 20px; height: 30px; color: #c5c5c5; font-size: 26px; cursor: pointer; position: absolute; top: 0; right: 0; }

.withdrawnpanel h2 { font-size: 16px; font-weight: bold; }