@charset "utf-8";
/* CSS Document */

body, div, p, h1, h2, h3, h4, h5, h6, a, img, ul, li, span { margin: 0; padding: 0; border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; height: none; }
ol, ul { list-style: none; margin: 0; padding: 0 }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
a:link, a:visited, a:active { text-decoration: none; font-weight: normal; }
a:hover { font-weight: normal; }
img { width: 100%; max-width: 100%; border: 0 none; vertical-align: middle; -ms-interpolation-mode: bicubic; }
label,input,textarea,select{ *font-size:100%; background-color:none; font-family:inherit;font-size:inherit;font-weight:inherit;}
label,input,input[type="text"],input[type="radio"],input[type="button"],input[type="reset"]{-webkit-appearance:none; appearance:none; border-color:none; box-shadow:none; outline:0 none; border-radius:none; -webkit-border-radius:none;}
textarea,input{ background-color:#FFFFFF; font-family:"Lantinghei SC","Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","微软雅黑","STHeiti", "WenQuanYi Micro Hei",SimSun,sans-serif; border:1px solid #E8E8E8; transition:border 0.2s linear 0s, box-shadow 0.2s linear 0s; color:#B8B8B8;}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus{ border-color:rgba(21,104,240,0.9); box-shadow:0 2px 2px rgba(0,0,0,0.065) inset, 0 0 6px rgba(21,104,240,0.9); outline:0 none;}
.clear{ clear:both; height:0; overflow:hidden;}
body { margin:0 auto; font-family:Microsoft YaHei; font-size:12px; color:#fff; background:#6d7081;}

.mainWrap{ width:100%; height:100%; background:url(../images/bodybg.jpg) no-repeat; background-size:100% 100%;}
.main{ width:1200px; margin:0 auto; height:auto;}
.logo{ width:100%; height:auto; padding:15px 0 0px;}
.logo a{ display:block;}
.logo a.philipslogo{ float:right; width:120px; height:120px;}
.logo a.philipslogo img{ width:120px; height:120px;}
.logo a.jkjlogo{ float:left; width:100px; height:44px; margin-top:30px;}
.logo a.jkjlogo img{ width:100px; height:44px;}
.banner{ text-align:center;}
.banner p{ font-size:16px; color:#fff; line-height:28px; text-shadow:0 0 0.5em #1e2a4c,-0 -0 0.5em #1e2a4c;}
.banner p img{ width:60%; height:auto; margin-bottom:15px;}
.navlist{ width:100%; margin:25px auto 20px;}
.navlist a{ display:block; width:200px; float:left; color:#fff; font-size:16px; text-align:center; background:rgba(27,62,149,0.77); border:1px solid #00ffff; border-radius:30px; height:48px; line-height:48px; margin-left:15px;}
.navlist a:nth-child(1){ margin-left:0;}
.navlist a.nowlist{ width:326px; background:rgba(167,125,80,0.77); border:1px solid #f6810d; -webkit-box-shadow:inset 0 0 15px #ff7e00; -moz-box-shadow:inset 0 0 15px #ff7e00; box-shadow:inset 0 0 15px #ff7e00; }
.navlist a.not{ background:rgba(103,111,134,0.77); border:1px solid #003998; pointer-events:auto; }
.contentbox{ width:1200px; height:484px; background:url(../images/contentbg.png) no-repeat; background-size:1200px 484px; position:relative; z-index:100;}
.sideleft{ width:274px; float:left; margin-top:45px;}
.sidenav{ width:274px; height:auto;}
.sidenav span{ display:block; width:274px; height:4px; background:url(../images/navline.png) no-repeat; background-size:274px 4px;}
.sidenav a{ width:180px; margin:0 auto; display:block; padding:15px 15px 15px 5px; font-size:16px; color:#fff; line-height:150%; text-align:center; font-weight:300;}
.sidenav a:hover{ color:#ec7a0b;}
.sidenav a.cur{ color:#ec7a0b; text-shadow:0 0 5px rgba(250,153,0,0.6),-0 -0 5px rgba(250,153,0,0.6); background:url(../images/subicon.png) center right no-repeat; background-size:6px 10px; }
.slidebox{ float:left; width:320px; margin-top:40px; height:400px;  border:1px solid #0a9ed5; background:#1867d5; border-radius:8px; position:relative;}
.yx-rotaion{ margin:10px 10px 0 10px;}
.rotaion_list{ width:300px; height:360px; overflow:hidden; margin:0 auto;}
.rotaion_list li{ width:300px; height:360px; position:relative; border-radius:6px;}
.rotaion_list li img{ width:300px; height:360px; border-radius:6px;}
.hdp-miaoshu{ bottom:0px; left:0; position:absolute; width:300px; z-index:100; height:40px; background:rgba(12,32,119,0.6); border-bottom-left-radius:6px; border-bottom-right-radius:6px;}
.hdp-miaoshu p{ color:#fff; font-size:16px; line-height:40px; margin-left:10px; width:270px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.yx-rotation-focus span, .yx-rotaion-btn span { display: block; }
.yx-rotation-focus { bottom: 0; height:18px; right:0px; left:0; margin:0 auto; z-index: 200; position:absolute; text-align:center;}
.yx-rotation-focus span { width:9px; height:9px; background:#0c45c3; display:inline-block; text-align:center; cursor:pointer; margin-left:10px; position:relative; border-radius:50%; opacity:1; text-indent: -9999px;}
.yx-rotation-focus span.hover { background:#e08023;}
.yx-rotaion-btn { top:0%; width: 52px; display:none;}
.sideright{ float:left; width:540px; margin-top:40px;}
.articlelist{ margin-left:45px;}
.titletop{ padding-left:3em; height:96px; position:relative;}
.titletop h1{ font-size:28px; font-weight:200; color:#fff; line-height:145%; position:absolute; bottom:0;}
.titletop1{ padding-left:3em;  position:relative;}
.titletop1 h1{ font-size:16px; font-weight:600; color:#fff; line-height:120%; position:absolute;margin-top:5px;text-align: center;width: 90%}
.articleContent{ height:320px;}
.articleContent .line{ width:4px; height:320px; display:block; float:left; background:url(../images/erectline.png) no-repeat; background-size:4px 320px;}
.articlebox{ float:left; width:440px; padding-right:20px; margin:30px 0 0 30px; max-height:260px; overflow:auto; overflow-x: hidden; 
/*IE下滚动条样式*/
scrollbar-arrow-color: #bebebe; /**//*三角箭头的颜色*/
scrollbar-face-color: #bebebe; /**//*立体滚动条的颜色*/
scrollbar-3dlight-color: #dcdcdc; /**//*立体滚动条亮边的颜色*/
scrollbar-highlight-color: #dcdcdc; /**//*滚动条空白部分的颜色*/
scrollbar-shadow-color: #dcdcdc; /**//*立体滚动条阴影的颜色*/
scrollbar-darkshadow-color: #dcdcdc; /**//*立体滚动条强阴影的颜色*/
scrollbar-track-color: #dcdcdc; /**//*立体滚动条背景颜色*/
scrollbar-base-color:#dcdcdc; /**//*滚动条的基本颜色*/ }
.articlebox p{ font-size:14px; color:#fff; line-height:172%; text-align:justify;}
.articlebox p img{ margin:20px 0;}
::-webkit-scrollbar { width:3px;}/* 滚动槽 */
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(22,130,202,1); border-radius:0px;}/* 滚动条滑块 */
::-webkit-scrollbar-thumb{ border-radius:0px; background: rgba(219,128,41,0.8); -webkit-box-shadow: inset 0 0 6px rgba(219,128,41,0.8);}
::-webkit-scrollbar-thumb:window-inactive { background: rgba(219,128,41,0.8);}	
@media only screen and (max-width:1600px){
.mainWrap{ padding-bottom:40px;}
.logo{ width:100%; height:auto; padding:15px 0 10px;}
.logo a.philipslogo{ float:right; width:120px; height:120px;}
.logo a.philipslogo img{ width:120px; height:120px;}
.banner p{ font-size:15px; color:#fff; line-height:24px; text-shadow:0 0 0.5em #1e2a4c,-0 -0 0.5em #1e2a4c;}
.banner p img{ width:720px; height:auto; margin-bottom:10px;}
.navlist{ width:100%; margin:28px auto 18px;}
.contentbox{ width:1200px; height:484px; background:url(../images/contentbg.png) no-repeat; background-size:1200px 484px; position:relative; z-index:100;}
}
@media only screen and (max-width:1400px){
.mainWrap{ padding-bottom:60px;}
.logo{ width:100%; height:auto; padding:10px 0 5px;}
.logo a.philipslogo{ float:right; width:110px; height:110px;}
.logo a.philipslogo img{ width:110px; height:110px;}
.banner p{ font-size:15px; color:#fff; line-height:24px; text-shadow:0 0 0.5em #1e2a4c,-0 -0 0.5em #1e2a4c;}
.banner p img{ width:700px; height:auto; margin-bottom:10px;}
.navlist{ width:100%; margin:25px auto 15px;}
.contentbox{ width:1200px; height:480px; background:url(../images/contentbg.png) no-repeat; background-size:1200px 480px; position:relative; z-index:100;}
}

@media screen and (min-width:1520px){
.mainWrap{ padding-bottom:0px;}
}