@charset "utf-8";

html{overflow-y:scroll}

body{/*font-family:"Microsoft YaHei", "ms song", "SimSun", "宋体", Arial !important;*/
font-family: Helvetica, Arial, "Microsoft Yahei", "ms song", "SimSun", "宋体", "微软雅黑", STXihei, "华文细黑", sans-serif !important;
font-size:14px;line-height:normal !important}

a:hover, a:focus{text-decoration:underline}

input, select, textarea{font-family:Helvetica, Arial, "Microsoft Yahei", "ms song", "SimSun", "宋体", "微软雅黑", STXihei, "华文细黑", sans-serif !important}

.clear{clear:both}

/* Hidden Element */
.hide{position:absolute;left:0;top:0;font-size:0;width:1px;height:1px;line-height:0;text-indent:-99999px;overflow:hidden}

/* Margin */
.mgt0{margin-top:0 !important}
.mgt5{margin-top:5px !important}
.mgt10{margin-top:10px !important}
.mgt17{margin-top:17px !important}
.mgt20{margin-top:20px !important}
.mgt25{margin-top:25px !important}
.mgt30{margin-top:30px !important}
.mgt35{margin-top:35px !important}
.mgt40{margin-top:40px !important}
.mgt45{margin-top:45px !important}
.mgt50{margin-top:50px !important}
.mgt60{margin-top:60px !important}
.mgt65{margin-top:65px !important}
.mgr20{margin-right:20px !important}

/* Align */
.tal{text-align:left !important}
.tar{text-align:right !important}
.tac{text-align:center !important}

/* Heading */
h2,h3,h4,h5,h6{clear:both}

/* Layout */
#wrapper{position:relative;min-width:980px}
#header{position:relative;width:980px;height:123px;margin:0 auto;z-index:10}
#container{}
#content, .content{position:relative;width:980px;margin:0 auto;*zoom:1}
#footer{display:block;clear:both;overflow:hidden;width:980px;margin:0 auto;border-top:1px solid #9b9b9b;padding-bottom:30px}

/* Header */
.bghd{background:url(/cn/img/common/bg_hd_left.gif) no-repeat -50% bottom}
.bghd > div{background:url(/cn/img/common/bg_hd_right.gif) no-repeat 100% bottom}
.bghd > div > div{background:url(/cn/img/common/bg_hd.gif) no-repeat center bottom}
.logo{position:absolute;left:50%;top:10px;margin:0 0 0 -103px}
.hd_info{position:absolute;left:0;top:15px;background:url(/cn/img/main/img_r_mid.png) repeat-y left top}
.hd_info > div{background:url(/cn/img/main/img_r_top.png) no-repeat left top}
.hd_info > div > div{background:url(/cn/img/main/img_r_btm.png) no-repeat left bottom;width:225px;padding:6px 0 8px 10px;font-size:14px;line-height:20px;letter-spacing:-1px;color:#dc446f}
.lan{position:absolute;right:0;top:22px;overflow:hidden}
.lan li{float:left;margin-left:7px}
.gnbbox{position:relative;margin-top:80px;width:100%;display:inline-block;*display:inline;*zoom:1}
.gnb{overflow:hidden}
.gnb li{float:left;font-size:15px;/*margin-left:19px;*/margin-left:27px;color:#000;letter-spacing:-0.025em;font-weight:bold}
.gnb li:first-child{margin-left:-5px}
.gnb li a{display:block;padding:5px 5px 20px;color:#000}
.submenu{display:none;position:absolute;left:0;top:43px;width:100%;height:28px;/*background-color:#d8d8d8*/ background-color:#b9bdc5}
.sub{overflow:hidden}
.sub li{font-size:14px;letter-spacing:-0.025em;color:#fff;margin-left:42px;font-weight:normal}
.sub li:first-child{margin-left:29px}
.sub li a{display:block;color:#fff;height:28px;line-height:28px;padding:0 5px}
.submenu.show{z-index:500}
.submenu.fixed{z-index:400}
.submenu.show, .submenu.fixed{display:block !important}
.gnb li:first-child + li .sub li{margin-left:35px}
.gnb li:first-child + li + li + li .sub li{margin-left:12px}
/* Footer */
#footer p, #footer div{float:left}
#footer p{/*width:340px;*/width:550px;padding-top:21px}
#footer p span{display:inline-block;/*margin-left:20px*/margin-left:15px}
#footer p span:first-child{margin-left:0}
#footer div{width:430px;font-size:12px;letter-spacing:-0.025em;color:#5d5c5c;line-height:20px;padding-top:16px}
#footer div a{color:#259aec;text-decoration:underline}

/* Quick Menu */
.quick{position:absolute;left:50%;top:211px;margin-left:506px}
.quick > div{width:84px}
.quick .qtop{background:url(/cn/img/common/bg_quick_top.png) no-repeat left top;height:64px}
.quick .qmid{background:url(/cn/img/common/bg_quick_mid.png) repeat-y left top}
.quick .qbtm{background:url(/cn/img/common/bg_quick_btm.png) no-repeat left top;height:10px}
.quick ul{text-align:center;margin:0 14px 0 12px}
.quick ul li{border-bottom:1px solid #e8e8e8;font-size:14px;letter-spacing:-0.025em;line-height:35px;vertical-align:top}
.quick ul li a{color:#414141}
.quick p{text-align:center;padding:10px 0 2px}
.quick p img{width:63px;margin:0 auto}

/* BxSlider v4.0 */
/* RESET AND LAYOUT */
.bx-wrapper{position:relative;margin:0 auto;padding:0;*zoom:1}
.bx-wrapper img{max-width:100%;display:block}
/* THEME */
.bx-wrapper .bx-viewport{background:#fff}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{position:absolute;bottom:7px;width:100%}
/* LOADER */
.bx-wrapper .bx-loading{min-height:50px;background:url(/cn/img/common/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}
/* PAGER */
.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:bold;color:#666}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline}
.bx-wrapper .bx-pager.bx-default-pager a{display:block;width:7px;height:6px;background:url(/cn/img/common/controls.png) no-repeat -12px -67px;margin:0 2px 0 1px;text-indent:-9999px;overflow:hidden}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{background-position:left -67px}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev{left:10px;background:url(/cn/img/common/controls.png) no-repeat 0 -32px}
.bx-wrapper .bx-next{right:10px;background:url(/cn/img/common/controls.png) no-repeat -43px -32px}
.bx-wrapper .bx-prev:hover{background-position:0 0}
.bx-wrapper .bx-next:hover{background-position:-43px 0}
.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999}
.bx-wrapper .bx-controls-direction a.disabled{display:none}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto{text-align:center}
.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(/cn/img/common/controls.png) -86px -11px no-repeat;margin:0 3px}
.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active{background-position:-86px 0}
.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(/cn/img/common/controls.png) -86px -44px no-repeat;margin:0 3px}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active{background-position:-86px -33px}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666\9;background:rgba(80, 80, 80, 0.75);width:100%}
.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}
.mlink{overflow:hidden;position:absolute;left:50%;bottom:8px;width:984px;margin:0 0 0 -490px}
.mlink a{display:inline-block;float:left;margin-left:2px;width:139px;height:47px;background-image:url(/cn/img/main/main_slider_btn.png);background-repeat:no-repeat;text-indent:-9999px;overflow:hidden}
.mlink a:first-child{background-position:0 0;margin-left:-1px}
.mlink a:first-child + a{background-position:-139px 0}
.mlink a:first-child + a + a{background-position:-278px 0}
.mlink a:first-child + a + a + a{background-position:-417px 0}
.mlink a:first-child + a + a + a + a{background-position:-556px 0}
.mlink a:first-child + a + a + a + a + a{background-position:-695px 0}
.mlink a:first-child + a + a + a + a + a + a{background-position:-834px 0}
.mlink a:hover, .mlink a:focus{}
.mlink a:first-child:hover, .mlink a:first-child:focus{background-position:0 -48px}
.mlink a:first-child + a:hover, .mlink a:first-child + a:focus{background-position:-139px -48px}
.mlink a:first-child + a + a:hover, .mlink a:first-child + a + a:focus{background-position:-278px -48px}
.mlink a:first-child + a + a + a:hover, .mlink a:first-child + a + a + a:focus{background-position:-417px -48px}
.mlink a:first-child + a + a + a + a:hover, .mlink a:first-child + a + a + a + a:focus{background-position:-556px -48px}
.mlink a:first-child + a + a + a + a + a:hover, .mlink a:first-child + a + a + a + a + a:focus{background-position:-695px -48px}
.mlink a:first-child + a + a + a + a + a + a:hover, .mlink a:first-child + a + a + a + a + a + a:focus{background-position:-834px -48px}
