html,body,div,a,span,ul,li,p,img,header,nav,figure{ margin:0; padding:0;}
body{ background-color: #F1F1F1; font: 12px/20px "microsoft yahei";}
ul,li{ list-style:none;}
a{ text-decoration:none;}
.clear{ clear:both;}
.ost_container{ margin:0 auto; width:980px; padding:0 5px; height:40px; line-height:40px;}
.ost_logo{ display:block; float:left; background:url(../images/logo.png) no-repeat top center; width:150px; height:40px;}
.ost_middle{ display:block; float:left; width:230px; height:40px;}
.ost_right{ display:block; float:right; width:260px; height:40px; line-height:40px; font-size:14px; font-weight:400; color:#464646;}
.ost_right a{ color:#464646;}
.ost_right01{ display:block; float:left;}
.ost_right02{ display:block; float:right;}
.ost_right01 span{ display:block; float:left; background:url(../images/title_sprite.png) no-repeat -30px 4px; width:30px; height:30px; top:5px;}
.ost_right02 span{ display:block; float:right; background:url(../images/title_sprite.png) no-repeat 5px 4px; width:30px; height:30px; top:5px; transform: rotate(90deg);}
.navbg{ width:100%; background:url(../images/nav_spr.png) no-repeat 0 0; background-position:50% 0; height:90px; z-index:5;}
.nav{ margin:0 auto; width:1200px; height:90px;}
.nav .logo{ display:block; float:left; background:url(../images/nav_spr.png) no-repeat 0 -132px; width:142px; height:69px;}
.nav ul{ display:block; float:left; float:left; padding:28px 0 0 40px;}
.nav ul li{ float:left;}
.nav ul li a{ display:block; float:left; margin:0 24px; color:#ccc; font-size:14px; font-weight:bold;}
.nav ul li a.color01{ color:#e69800;}
.nav span{ display:block; float:right; width:142px; margin:25px 0; height:40px; line-height:40px; text-shadow: 1px 1px 1px #b27601; background: #e69800; text-align:center; font-size:14px; font-weight:bold;}
.nav span a{ color:#fff;}
.header{ display:block; float:left; background:url(../images/header.jpg) no-repeat 50% 0; height:78px; width:100%; z-index:1;}
.bannerbg{ display:block; float:left; background: url(images/h_bot.png) no-repeat; width: 100%; height: 100px; z-index: 2; margin-top:-150px; transform: rotate(-360deg); position:relative;}
.list01bg{ width:100%; z-index:10; position:absolute; bottom:-70px; left:0;}
.bg01{ display:block; width:100%; background:url(../images/i_back.jpg) no-repeat center; padding:30px 0;}
.bg02{ display:block; width:100%; background:#fff;}
.con{ margin:0 auto; width:1200px; height:470px;}
.conl{ display:block; float:left; width:750px; height:470px;}
.target { width:750px; height:470px; overflow:hidden; position:relative; margin:0px auto;}
.target img { position:absolute; top:0; left:0; width:100%; height:100%;}
.conr{ display:block; float:right; width:430px; height:470px; background:#fff; position:relative;}
.list02{ display:block; float:left; width:390px; margin:10px 20px; border-bottom:#d5d5d5 1px solid; height:40px; line-height:40px;}
.list02 li{ float:left; width:16%; text-align:center; font-size:14px;}
.list02 li.cur{ border-bottom:4px solid red; font-weight:bold;}
.title{ display:block; width:100%; text-align:center; font-size:16px; color:#e69800; height:50px; line-height:50px;}
.list03{ display:block; float:left; width:390px; margin:10px 20px; line-height:35px;}
.list03 span{ position:absolute; right:0; top:0;}
.list03 li{ display:block; float:left; width:390px; height:35px; line-height:35px; position:relative;}
.conr a{ display:block; text-align:center; width:100%; background:#efefef; position:absolute; height:50px; line-height:50px; bottom:0; left:0; color:#e69800;}
.conr a i{ display:block; position:absolute; left:60%; bottom:40%; background: url(images/main_spr.png) no-repeat 0 0; width: 12px; height: 10px; background-position: -66px -150px; margin: 6px 0 0 3px;}
.list04{ display:block; margin:0 auto; width:1200px; height:180px;}
.list04 li{ float:left; width:228px; margin-right:12px; height:200px; margin-bottom:15px; background:#fff;}
.list04 li img{ width:100%; height:130px;}
.title02{ display:block; margin:20px auto; width:1200px; font-size:22px; font-weight:bold;}
.list04 li a{ display:block; width:95%; color:#333; padding-left:5%; height:30px; line-height:30px;}
.bg04{ display:block; width:100%; background:url(../images/bg_configuration.jpg) no-repeat top #121212; margin-top:80px; position:relative; overflow:hidden;}
.config_pic{ display:block; position:absolute; width: 741px; height: 569px; position: absolute; right: -376px; top: -102px;}
.main{ margin:80px auto; width:1200px; overflow:hidden;}
.peizhihtxt{ display:block; float:left; width:1200px; font-size: 22px; color: #e69800; padding-top: 30px; padding-bottom:15px; line-height: 22px;}
.config_title { font-size: 14px; line-height: 30px; font-weight: normal; color: #fff; padding-top: 10px; padding-bottom: 25px;}
.pl50{ display:block; float:left; width:800px; border-bottom:1px solid #999; padding-bottom:14px;}
.pl50 a{ display:block; float:left; width:200px; text-align:center; font-size:14px; color:#fff;}
a.on{ color:#d98500;}
.main h4{ display:block; float:left; width:1200px; margin:30px 0; color:#fff;}
.main p{ display:block; float:left; width:1200px; line-height:30px; color:#fff;}
.main p span{ padding-right:30px;}
.alinkmore{ display:block; float:left; width:1200px; color: #e69800; font-size:14px; margin-top:15px;}
.btmbg{ width:100%; background:#000; height:160px;}
.btm{ margin:0 auto; width:1200px; height:160px;}
.gfooter_selflogo{ display:block; float:left; width: 66px; height: 56px; background: url(images/nav_spr.png) no-repeat -627px -172px; margin:50px 32px;}
.btmtxt{ display:block; float:right; width:850px; line-height:22px; color:#676767; margin:20px 0;}
.btmtxt span{ display:block; float:left; width:850px;}