@charset "utf-8";
body {font: 12px/24px "宋体"; color: #666; background-color: #fff;}
.container {width: 1000px; margin-left: auto;margin-right: auto;*zoom: 1;}
ul {list-style: none outside none;}
a,a:link {color: #656565; text-decoration: none;}
a:hover,a.lear_more,.txt_color {color: #edbe00;}

.icon,
.flex-control-nav.flex-control-paging li a,
#main .current .home {background-image: url('../images/icon.png'); vertical-align: middle;}

/*--------------------------- {header}-------------------------*/
.topcontainer { padding-bottom:16px;}
#header { background:url(../images/bg.png) repeat-x 0 80px;}
#header .logo {width: 211px; float: left;height: 33px;margin: 21px 0 0 0;}
#header .logo a {display: block; height: 33px;}

#header .nav {font-size: 14px; float:left; padding:0 0 0 20px;}
#header .nav li {float: left; text-align:center; position:relative;}
#header .nav li a {display: inline-block; width:86px; height: 80px; line-height: 80px; text-align: center; color: #333;font-family: "微软雅黑";}
#header .nav li.first a { width:58px;}
#header .nav li.last {}
#header .nav li.on a,#header .nav li a:hover {color: #fff; background-color:#82829a;}
#header .nav .sublist { position:absolute; left:0; top:80px; z-index:1000; width:287px; display:none; background-color:#82829a;}
#header .nav .sublist .box { padding:26px 0 17px 15px; overflow:hidden; font-size:12px;}
#header .nav .sublist ul { float:left; width:71px; padding-left:0px;}
#header .nav .sublist ul li { float:none; padding:0; height:20px; text-align:left; line-height:20px; background:none;}
#header .nav .sublist ul li a { display:block; height:100%; color:#fff; width:100%; line-height:20px; text-align:left;}
#header .nav .sublist ul li a:hover {color: #ffd800;}
#header .nav .sublist .pic { float:left; width:173px; min-height:77px; overflow:hidden;}
.top_right { float:right; padding:28px 0 0;}
.top_right li { float:left; margin-left:10px; position:relative; z-index:999;}
.top_right li .box { display:none; position:absolute; left:-119px; top:26px; z-index:999;}
.top_right li.tel { width:166px; line-height:26px; font-size:20px; color:#000000; font-family:Arial; margin-left:0;}
.top_right li.on .box { display:block;}

.language {float: right; height: 26px;margin: 28px 0 0;}
.language a { float:left; line-height:24px; margin-right:14px;}
.language a i { float:left; height:24px; width:22px; background:url(../images/icon_top.png) no-repeat 0 4px; margin-right:6px;}
.language a.leng i { background-position:-29px 4px;}

.header_seach {height: 26px;margin: 28px 0 0; width: 161px; float: right; position:relative;}
.header_seach label {float: left;}
.header_seach label.head_input {width: 131px; height: 26px; background:url(../images/icon_top.png) no-repeat -90px 0; padding:0 15px;}
.header_seach label.head_btn {width: 18px; height: 16px; position:absolute; right:8px; top:5px;}
.header_seach input {border: none 0;font-family: arial;}
.header_seach label.head_input input {background: none; color: #000;width: 132px; line-height:17px; padding:3px 0 2px; outline:none;}
.header_seach label.head_btn input { width:100%; height:100%; background:url(../images/icon_top.png) no-repeat -59px 0;}

/*--------------------------- {footer}-------------------------*/
#footer { color: #666;}
.foot_link {width: 1000px; margin: 0 auto; *zoom: 1; position: relative; overflow: hidden;padding: 26px 0 30px; border-top:1px solid #DDDDDD; line-height:22px;}
.foot_col {width: 125px; height:145px; float: left;padding: 0 1px 0 60px; background:url(../images/foot_colbg.png) no-repeat right 0;}
.foot_link h2 {font-weight: bold; font-family: "宋体";vertical-align: middle; height: 18px; line-height:18px; margin: 0 0 15px;}
.foot_link a {color: inherit;}
.foot_link a:hover {color: #ee7817;}
.foot_link .bdsharebuttonbox a {display: inline-block; height: 16px; width: 16px; background-image: url(../images/f_icon.png);}
.foot_link .bdsharebuttonbox a.xl_icon {background-position: 0 0;}
.foot_link .bdsharebuttonbox a.tx_icon {background-position: 0 -29px;}
.foot_link .bdsharebuttonbox a.wx_icon {background-position: 0 -54px;}
.foot_link .wx_box {width: 92px;}
.foot_link .wx_box img {width: 100%; height: auto;}
.foot_col.last { padding-left:25px; width:230px; background:none;}

.foot_bottom {background-color: #eee; padding: 30px 0 10px; /*height:100px;*/}
.foot_bottom .lt { float:left;}
.foot_bottom .rt { float:right; font-family: arial; text-align:right; padding-right:172px; position:relative;}
.flink { line-height:16px; margin-bottom:11px; color:#999;}
.flink span { font-size:10px; margin:0 15px; font-family: arial;-webkit-text-size-adjust:none;}
.flink a { color:#999;}
.fshare { background:url(../images/fshare.gif) no-repeat 0 0; height:17px;}
.foot_bottom .flogo { position:absolute; width:139px; right:5px; border-left:1px solid #dadada; height:31px; padding:11px 0 0;}
.copyright { font-size:10px;}
.copydesc { height:45px; width:314px; background:url(../images/bgcopydesc.jpg) no-repeat right 0;}

/*--------------------------- {banner}-------------------------*/
#banner {width: 100%;overflow: hidden; position:relative;}
#banner .slider { z-index: 1; white-space: nowrap; width: 100%;}
#banner .page_btn { position:absolute; width:100%; bottom:59px; left:0; height:0px;}
#banner .page_btn .container { height:0; text-align:right;}
#banner .page_btn .container a { display:inline-block; width:32px; height:29px; background:url(../images/icon.png) no-repeat 0 -265px;}
#banner .page_btn .container a.next { background-position:-33px -265px;}
#banner .page_btn .container a:hover { background-position:-66px -265px;}
#banner .page_btn .container a.next:hover { background-position:-99px -265px;}

.banner_inner {background-position: top center; background-repeat: no-repeat;height: 191px;}
.about_body .banner_inner {background-image: url('../images/banner/banner_about.jpg');}
.case_body .banner_inner {background-image: url('../images/banner/case_banner.jpg');}
.news_body .banner_inner {background-image: url('../images/banner/news_banner.jpg');}
.contact_body .banner_inner {background-image: url('../images/banner/contact_banner.jpg');}

/*--------------------------- {page}-------------------------*/
#page {margin: 0; padding: 0;}
.madius {width: 100%; overflow: hidden;}
.madius img {float: left;}
.icon_li {display: inline-block;width: 5px; height: 9px; background-position: -45px -11px; margin: 1px 6px 0 0;}
.hide {display: none;}
.tab_box {padding: 10px 0;}
.block_list li {float: left;}
h2.title {color: #656565; font-weight: bold;}
.icon_zs {width: 26px; height: 20px; background-position: -57px 0; display: block; position: absolute;}

.index_body #page .container { position:relative;}
.container_box { margin:0 0 0; background-color:#fff; padding:50px 0 0;}

.home_news {float: left; width: 406px;position: relative; font-family: "微软雅黑";}
.home_news .more { position:absolute; right:0; top:0; background:url(../images/bgamore.jpg) no-repeat right center; padding-right:14px; color:#666;}
.home_news .tab_menu { color:#666;}
.home_news .tab_menu a {display:inline-block; font-size:16px;}
.home_news .tab_menu a.on {color: #e9af00;}
.home_news .tab_menu span { margin:0 2px;}
.home_news .tab_box { font-size:14px;}
.home_news .tab_box li { line-height:35px; border-bottom:1px dashed #b2b2b2; overflow:hidden;}
.home_news .tab_box li a { display:block; width:100%; font-size:12px; overflow:hidden;}
.home_news .tab_box li h4 { float:left; overflow:hidden; width:310px; text-overflow:ellipsis; white-space:nowrap; padding-left:10px; background:url(../images/li.jpg) no-repeat 0 center;}
.home_news .tab_box li a span { float:right;}
.home_news .tab_box li p { line-height:18px; color:#999999; font-size:12px; font-family:arial;}
.home_news .tab_box li.last { border-bottom:0;}
.home_news .tab_box li.first { border-bottom:0; line-height:20px; margin-bottom:20px;}
.home_news .tab_box li.first .pic { float:left; width:120px; height:83px;}
.home_news .tab_box li.first .pic img { width:100%; max-height:100%;}
.home_news .tab_box li.first .info { float:right; width:275px; font-size:12px;}
.home_news .tab_box li.first .info h4 { float:none; font-weight:bold; font-size:14px; margin-bottom:8px; width:265px;}

.home_case {float: right; width: 553px; position: relative;}
.home_case .tit { font-size:16px; color: #e9af00; margin-bottom:20px;}
.home_case .caselist { position:relative;}
.home_case .caselist .slider { height:240px; overflow:hidden;}
.home_case .caselist li { height:240px; overflow:hidden; line-height:22px;}
.home_case .caselist li a { display:block; height:100%;}
.home_case .caselist li .mod { float:left; width:268px;}
.home_case .caselist li .mod.last { float:right;}
.home_case .caselist li .mod img { width:100%; height:159px; margin-bottom:10px;}
.home_case .caselist li .mod p { height:22px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.home_case .caselist .page_btn { position:absolute; right:0; top:-40px;}
.home_case .caselist .page_btn a { display:inline-block; width:28px; height:26px; line-height:26px; background-color:#e3e3e3; text-align:center; }
.home_case .caselist .page_btn a:hover { color:#fff; background-color:#ffd800;}

.home_share { width:126px; float:left; padding:30px 0 0;} 
.home_share .s a { margin:0 6px;}

.home_bottom { border-top:1px solid #dddddd; margin-top:30px; padding-top:25px; margin-bottom:45px;}
.home_bottom .tit { font-size:16px; color: #e9af00; margin-bottom:12px;}
.home_news1 { float:left; width:475px; position:relative;}
.home_news1 .more { position:absolute; right:0; top:0; background:url(../images/bgamore.jpg) no-repeat right center; padding-right:14px; color:#666;}
.home_news1 ul { overflow:hidden;}
.home_news1 li { line-height:39px; border-bottom:1px dashed #b2b2b2; overflow:hidden;}
.home_news1 li a { display:block; width:100%; font-size:12px; overflow:hidden;}
.home_news1 li h4 { float:left; overflow:hidden; width:210px; text-overflow:ellipsis; white-space:nowrap; padding-left:10px; background:url(../images/li.jpg) no-repeat 0 center;}
.home_news1 li a span { float:right;}
.home_news1 li.last { border-bottom:0;}
.home_news1 li.pic { width:169px; height:138px; float:left; margin:0 15px 0 0; border-bottom:0;}
.home_news1 li.pic a { height:100%;}
.home_news1 li.pic img { width:100%; height:100%;}
.home_about { float:right; width:470px; }
.home_about .box { overflow:hidden;}
.home_about .box img { float:left; width:169px; height:138px; margin-right:15px;}
.home_about .box .desc .info { line-height:20px; font-size:12px; height:116px; overflow:hidden;}
.home_about .more { background:url(../images/bgamore.jpg) no-repeat right center; padding-right:14px; color:#666;}

.block_bottom {width: 100%; float: none; clear: both; background-color: #F5F5F5; position: relative; margin: 0 0 50px;}
.block_bottom .madius img {width: 343px; height: 197px;}
.block_bottom .madius_body {padding: 20px;width: 617px; margin-left: 343px;}
.block_bottom .madius_body h2.title {margin: 0 0 10px;}
.block_bottom .madius_body .icon_zs {bottom: 0; right: 0;}

/*--------------------------- {sidebar}-------------------------*/
.sidebar {width: 183px; float: left; position: relative;}
.siderbar_title {text-align: left; background-color:#E8B800; height:37px; color:#fff; padding:19px 0 14px 40px;}
.siderbar_title h2 {font-size: 18px; font-weight:normal; font-family: "微软雅黑";height: 20px; line-height: 20px; margin: 0;}
.icon_tl {width: 18px; height: 18px; display: inline-block; background-position: 0 -24px; margin-left:8px;}
.siderbar_title .eng { font-size:14px; line-height:17px; font-family: arial;}
.sidebar_main {padding: 0 0 40px; background-color:#82829A;}
.sidebar_list a {display: block; text-align: left; padding: 10px 0 10px 44px; font-size: 14px; border-bottom: 1px solid #8f8fa4;border-top: 1px solid #747489;font-family: "微软雅黑";background: #82829a; color: #fff;}
.sidebar_list a span {display: inline-block; width: 5px; height: 5px; background-position: -19px -35px; margin-right: 10px;}
.sidebar_list a:hover,.sidebar_list li.active a { background-color:#9696ad;}
.sidebar_list a:hover span,.sidebar_list li.active a span {background-position: -19px -35px;}
.sidebar_list li.first a {border-top: 0 none;}
.sidebar_list li.last a {border-bottom: none 0;}
.sidebar_tel { border:1px solid #d5d5d5; margin-top:19px;}

/*--------------------------- {inner page}-------------------------*/
#main {width: 1000px; float: left; padding: 40px 0 60px;}
.content { float:right; width:788px;}
#main .current {text-align: right; border-bottom: 1px solid #e5e5e5; margin: 0 0 20px; padding:3px 0 17px;}
#main .current em {font-style: normal; margin: 0 5px;}
#main .current .cur {color: #edbe00;}
#main .current h6 { font-size:17px; font-family: "微软雅黑"; float:left; color:#f5c200; height:22px; line-height:22px;}
#main .current h6 i { float:left; width:3px; height:17px; background-color:#f4c100; overflow:hidden; margin:2px 5px 0 0;}
#main .current .home { display:inline-block; width:13px; height:12px; overflow:hidden; text-indent:99em; background-position:0 -245px; vertical-align: baseline;}
.abt_con { font-size:14px;}

/*--------------------------- {news}-------------------------*/
.con_title {text-transform: uppercase; color: #ED7717; margin: 0 0 30px;}
.con_title h2 {font-size: 28px;}
.con_title h6 {font-size: 13px;}
.abt_con p {margin: 0 0 15px;}
.abt_con h3 {font-size: 15px; font-weight: bold; color: #333; margin: 0 0 15px;}
.abt_con p strong {display: block; color: #ee7817;}
.abt_con ul {margin: 0 0 15px;}
.abt_con .dl_ges dl {overflow: hidden;position: relative; margin: 0 0 15px;}
.abt_con .dl_ges dl dt {float: left; width: 336px;margin-right: 20px;}
.abt_con .dl_ges dl dd p {margin: 0;}
.abt_con .dl_ges dl dd {margin-left: 356px;*zoom: 1;}
.abt_con .dl_ges dl dd.item1 {padding: 40px 0 0;}
.abt_con .dl_ges dl dd.item2 {line-height: 18px;}
.abt_con .dl_ges dl dd.item3 {padding: 40px 0 0;}
.abt_con .dl_ges dl dd.item4 {padding: 40px 0 0;}
.abt_con .dl_ges dl dd.item5 {padding: 40px 0 0;}

.abt_wh {padding: 20px 0 0;}
.abt_wh .row {background-color: #f6f6f6; margin: 0 0 20px;}
.abt_wh .con_txt {padding: 0;}
.abt_wh li {background: url(../images/li2.png) no-repeat left center transparent; padding-left: 10px;}
.abt_wh .w240 { overflow:hidden;}
.abt_wh .w240 li { float:left; width:230px;}
.bxline { border-bottom:1px dashed #cccccc;}

dl.honor_list {margin: 0 0 15px;}
dl.honor_list dt {float: left;border-bottom: 1px solid #ccc; width: 258px; margin-right: 20px; padding: 3px 0;}
dl.honor_list dd {float: left;border-bottom: 1px solid #ccc; width: 428px;padding: 3px 0;}
dl.honor_list dd.last,dl.honor_list dt.last {border-bottom: none 0;}

.course_con {margin-left: 60px; border-left: 1px solid #dfdfdf; padding-top: 20px; position: relative;}
.course_con em.icon {width: 7px; height: 4px; background-position: -55px -33px;display: inline-block; position: absolute; top: 0; left: -4px;}
.course_con dl {position: relative; margin: 0 0 10px;}
.course_con dt {position: absolute; top: 0; left: -60px; font-weight: bold;cursor: pointer;}
.course_con dd {margin-left: 30px;}
.course_con dl.thiscur dd,.course_con dl.thiscur dt {color: #ee7817; font-weight: bold;}
.course_con dt span.icon {display: inline-block; width: 16px; height: 16px; background-position: -31px -27px; position: absolute; top: 3px; left: 51px;}

.honor { background:url(../images/bghonor.gif) repeat-y 64px 0; padding-bottom:16px; font-size:14px; margin-top:42px;}
.honor .tit { background:url(../images/bghonort.gif) no-repeat 60px 0; height:16px;}
.honor .box dl { line-height:25px; padding:4px 0; overflow:hidden; position:relative; padding-left:91px;}
.honor .box dl dt { position:absolute; left:0; top:4px; width:56px; padding-right:16px; background:url(../images/bghonory.gif) no-repeat right center; font-weight:bold;}

.vision_box { margin-top:45px; border-top:1px dashed #cccccc; padding-top:32px;}
.vision_box .tit { overflow:hidden;}
.vision_box .tit li { height:39px; line-height:39px; text-align:center; width:153px; float:left; margin-right:5px;}
.vision_box .tit li a { display:block; height:100%; background-color:#bbbbbb; color:#fff; border-radius:3px 3px 0 0; font-size:16px; font-family:Arial;}
.vision_box .tit li.last { margin-right:0;}
.vision_box .tit li a:hover, .vision_box .tit li.on a { background-color:#e8b800;}
.vision_box .box { padding:32px 0 0 38px;}
.vision_box .box .pic { margin-bottom:25px;}
.vision_box .box li { padding-left:65px; font-size:14px; position:relative;}
.vision_box .box li .year { position:absolute; left:0; top:0;}

/*--------------------------- {news}-------------------------*/
.news .madius {margin: 0 0 39px;}
.news .madius img {width: 333px; height: 253px; margin-right: 20px;}
.news .madius_body { margin-left: 353px; width: 435px; font-size: 14px; line-height:22px;}
.news .madius_body h4 {font-size: 14px; font-weight: bold; margin: 0 0 15px;}
.news .madius_body h4 a { margin:0; background: url(../images/li2.png) no-repeat left center; padding-left:11px;}
.news .more { height:34px; line-height:34px; padding:0 22px; border:1px solid #a3a3a3; display:inline-block;}
.news .more span { padding-right:26px; background: url(../images/li4.png) no-repeat right center;}
.news .block_list { border-top:1px solid #e5e5e5;}
.news .block_list li {border-bottom: 1px dashed #ababab;font-size: 14px; margin-bottom:0; width:100%; position:relative;}
.news .block_list li a { margin:0; display:block; height:25px; line-height:25px; padding: 17px 0; background: url(../images/li.jpg) no-repeat 0 center; padding-left:15px;}
.news .block_list li a span.time { top:17px; right:5px; position:absolute;}
.news .block_list li a i { width:45px; height:19px; background: url(../images/icon.png) no-repeat -85px -240px; position:absolute; right:20px; top:20px; display:none; position:absolute;}
.news .block_list li a:hover { background-color:#f5f5f5; color:#666;}
.news .block_list li a:hover span.time { display:none;}
.news .block_list li a:hover i { display:inline-block;}

.newsinfo { padding:0 0 0;}
.news_title { padding-bottom: 20px; text-align: center; font-family:"微软雅黑"; position:relative; border-bottom: 1px dashed #ccc;}
.news_title h2 {font-size: 18px; font-weight:normal; line-height:25px;}
.news_title p { color:#666;}
.news_title .share { position:absolute; right:0; top:25px;}
.share .sl { float:left;}
.share #ckepop { float:left; padding:3px 0 0;}
.news_article { padding:20px 0; font-family:"宋体";}
.news_article img {max-width: 100%;}
.article_foot { line-height:24px; padding:8px 0 0; position:relative; overflow:hidden; border-top: 1px dashed #ccc; font-size:14px;}
.article_foot span { float:left; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; max-width:45%;}
.article_foot span.next { float:right;}
.article_foot span.back { position:absolute; left:50%; top:8px; margin-left:-37px;}
.article_foot span.back a { display:block; }
.article_foot span.back i { float:left; width:14px; height:13px; background:url(../images/back.gif) no-repeat 0 0; margin:5px 4px 0 0;}

/*--------------------------- {message}-------------------------*/
.message ol {padding-left: 22px;list-style-position: outside;}
.message h3 {font-size: 16px; font-weight: bold; color: #666; margin: 0 0 10px; font-family:"宋体";}
.message h3 span {  color: #ee7817;}
.message .message_row {margin: 0 0 48px;}
.message .message_row.last {border-bottom: none 0;margin-bottom: 0; padding-bottom: 0;}
.message .madius img {width: 392px; height: 184px; margin-right: 24px;}
.message .madius_body {line-height: 24px; font-size:14px;}
.message .message_title {width: 242px; line-height: 35px; line-height: 35px; text-align: center; background: #ee7817; font-size: 16px; color: #fff; margin: 0 0 20px;}
.message address {background: #ee7817; width: 390px; margin: 20px 0; color: #fff; font-family: arial; font-weight: bold; font-style: normal; line-height: 20px; padding: 5px 15px;}
.message_list {}
.message_list li { line-height:24px; overflow:hidden; font-size:14px; border-bottom:1px dashed #666666;}
.message_list li.tit { padding:10px 20px; background-color:#666666; color:#fff; font-weight:bold; font-size:16px; border-bottom:none;}
.message_list li span { float:left; width:110px; text-align:center;}
.message_list li span.v2 { width:280px;}
.message_list li span.v3 { margin-right:90px;}
.message_list li.last { border-bottom:none;}
.message_list li a { display:block; overflow:hidden; padding:13px 20px;}
.message_list li a:hover, .message_list li.on a { color:#666; background-color:#f1f1f1;}
.message_page { height:40px; line-height:40px;}
.message_page a { float:left; width:49.9%; background-color:#d4d4d4; color:#fff; font-size:16px;}
.message_page a span { padding:0 10px; font-size:18px;}
.message_page a.pre { text-align:right;}
.message_page a:hover, .message_page a.on { background-color:#e8b800;}
.message_page a.next { float:right;}
#message_row { margin-top:40px;}

/*--------------------------- {case}-------------------------*/
.case {overflow: hidden;}
.case_title {position: relative; margin: 0 0 15px; overflow: hidden;}
.case_title dl {border-bottom: 1px solid #e9e9e9; padding-bottom:15px;}
.case_title dl dt {float: left; width: 76px; text-align: left; height: 45px; line-height: 45px; color: #e8b800; font-family: "微软雅黑"; font-size: 14px;font-weight: bold; background:url(../images/li3.png) no-repeat 0 0; padding-left:14px;}
.case_title dl dd {margin-left: 90px;height: 30px; line-height: 30px; width: 625px; padding-top:8px;}
.case_title dl dd a {margin-right: 2px; display:inline-block; padding:0 7px; border:1px solid #fff;}
.case_title dl dd a.active, .case_title dl dd a:hover { border:1px solid #e8b800; background-color:#f1f1f1; color: #e8b800;}
.case_title .panel {display: none; background-color: #b5b5b5; padding: 20px 13px; margin-right: -10px;}
.case_title .panel a {color: #fff; margin-right: 10px;}
.case_title .panel a:hover {color: #ee7817;}
.case_title a.cur {color: #ee7817;}
.case_title .btn-slide {background-color: #ee7817; color: #fff; border:1px solid #ee7817; font-weight:bold; padding: 0 10px; position: absolute; top: 8px; right: 0; height: 26px; line-height: 26px;}
.case_title .btn-slide span {display: inline-block; width: 11px; height: 7px; background-position: -69px -29px; margin: 0 0 0 5px; padding: 3px 0 0; vertical-align: middle;}
.case_title .btn-slide.active span {background-position: -86px -29px;}
.case_title .mar {margin: 0 0 10px;}
.case_list {padding: 15px 0 0;}
.case_list li {width: 247px; float: left; margin: 0 23px 30px 0; position: relative;}
.case_list li a { display:block; width:245px; height:197px; border: 1px solid #eee;}
.case_list li a:hover { border-color:#ccc;}
.case_list li a div.box {display: block;}
.case_list li a div.box img {margin: 0 0 4px; width: 245px; height: 155px;}
.case_list li a div.box .fl { width:160px; height:24px; overflow:hidden;}
.plr10 { padding:5px 10px 9px; overflow:hidden;}
.case_list li a div.box_con {display: none;}
.case_list li a div.box_con img {width: 245px; height: 197px;}
.case_list li a:hover div.box {display: none;}
.case_list li a:hover div.box_con {display: block;}
.case_list li a div.transparent { display: inline-block; height: 100%; width: 100%;background: #000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter:alpha(opacity=40); -moz-opacity:0.4;-khtml-opacity: 0.4; opacity: 0.4; position: absolute;top: 0; left: 0;}
.case_list li a div.box_txt {display: inline-block;position: absolute; top: 0; left: 65%; margin-left: -50%;}
.case_list li a div.box_txt div {display: block; color: #fff; padding: 0 10px;}
.case_list li a div.box_txt div.boxtitle {padding-top: 35px;}

.case_pro {border: 1px solid #c9c9c9; margin: 0 auto; zoom: 1; font-size:14px; line-height:27px; padding-bottom:20px;}
.case_focus {width: 100%; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin: 0 0 10px;}
.focus_box {position: relative; margin: 0 0 10px; height:505px; overflow:hidden;}
.focus_box ul {position: relative;}
.focus_box ul li {width: 100%; float: left;}
#focus {position: relative; width: 100%;overflow: hidden;}
.focus_box ul li img {width: 100%; height: auto;}
.focus_box .btn {position: absolute; bottom: 40px; right: 20px; z-index: 10;}
.focus_box .btn span {display: block; width: 18px; height: 13px; background: #fff;margin: 0 0 5px;cursor: pointer;}
.focus_box .btn span.on {background: #EE7818;}
.focus_bag {display: none; width: 39px; height: 32px; position: absolute; bottom: 0; right: 0;z-index: 11;}
.focus_bag a {display: block; width: 39px; height: 32px;background-position: 0 -50px;}
.focus_box a.prev, .focus_box a.next { display:none; width:41px; height:70px; position:absolute; top:198px; background:url(../images/case_icon.png) no-repeat 0 0;}
.focus_box a.prev { left:0;}
.focus_box a.next { right:0; background-position:-41px 0;}
.focus_box a.prev:hover { background-position:-82px 0;}
.focus_box a.next:hover { background-position:-123px 0;}

.case_focus_txt ul li {float: left; width: 240px; padding: 0 10px;}

.use_cases h2 {color:  #e8b800; font-size: 16px; font-weight: bold; margin: 5px 0 15px 17px;}
.marquee {position: relative; overflow: hidden; height: 171px;}
.marquee ul {position: absolute; top: 0; left: 0;}
.marquee ul li {width: 174px;float: left; text-align: center; margin-left:17px;}
.marquee ul li a {display: block;}
.marquee ul li a img {width: 100%; height: 132px; margin-bottom:12px;}
.marquee ul li a span {display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;}

/*--------------------------- {contacts}-------------------------*/
.contacts .madius {margin: 0 0 30px;}
.contacts .madius img {width: 294px; height: 179px; margin-right: 30px;}
.contacts .madius_body {margin-left: 324px; width: 390px;}
.contacts .addess h2 {font-size: 14px; color: #ee7817; font-weight: bold;}
.contacts .addess dt,.contacts .addess dd {display: inline;}
.contacts .madius_body h2 {margin-bottom: 15px;}
.contacts .con .addess {border-top: 1px dotted #c6c6c6; padding-top: 20px; margin: 0 0 20px;}
.contacts .con .addess h2 {border-bottom: #c6c6c6 1px solid;}
.contact_form dl {width: 210px;border: 1px solid #d0d0d0; padding: 0 10px 0 20px; font-size: 14px; margin: 0 30px 20px 0;display: inline-block; *zoom: 1; float: left; font-family:"微软雅黑";}
.contact_form dt,.contact_form dd {display: inline-block; padding: 0;margin: 0;float: left;}
.contact_form dt label {display: inline-block; padding: 5px 0;}
.contact_form dl input.txt_input {border: none 0; width: 140px; padding: 8px 2px;}
.contact_form dl.last { margin-right:0;}
.contact_form .textarea textarea {width: 99.1%; height: 240px;border: 1px solid #d6d6d6; margin: 0 0 10px;}
.contact_form .textarea p { text-align:center; margin-bottom:10px;}
.contact_form .btn_group  input.submit_btn {display: block; height: 45px; width: 100%; border: none 0; color: #fff; background:url(../images/send.png) no-repeat center center #82829a;}
.contact_form .clr {display: inline-block; line-height: 40px; margin-left: 10px; color: #ee7817;}
.contacts .info { overflow:hidden; font-size:14px;}
.contacts .info li { float:left; width:375px; border-bottom:1px solid #cccccc; position:relative; padding:8px 0 8px 43px; line-height:24px;}
.contacts .info li.r { width:282px; margin-left:45px; display:inline;}
.contacts .info li .icoc { position:absolute; width:30px; height:30px; display:block; left:0; top:7px; background:url(../images/icon_contact.png) no-repeat 0 0;}
.contacts .info li.a1 .icoc { background-position:-6px -1px;}
.contacts .info li.a2 .icoc { background-position:-50px -1px;}
.contacts .info li.a3 .icoc { background-position:-9px -39px;}
.contacts .info li.a4 .icoc { background-position:-51px -36px;}
.contacts .info li.a5 .icoc { background-position:-9px -71px;}
.contacts .info li.a6 .icoc { background-position:-51px -71px;}
.contacts .maps { padding:40px 0 0;}

/*--------------------------- {pagetion}-------------------------*/
.pagetion a,.pagetion span {margin-right: 5px; }
.pagetion em {font-style: normal;}
.case .pagetion {text-align: right;}
.case .pagetion a {padding: 0 5px; height: 18px; line-height: 18px;}
.case .pagetion a:hover,.case .pagetion a.cur {display: inline-block; padding: 0 5px; color: #fff; background-color: #ee7817;}

/*--------------------------- {popup}-------------------------*/
#popup {background-color: #F1F1F1; width:838px;}
.productcon {width: 677px; border: 1px solid #ccc;margin: 0 auto;}
.productcon .picbox .box { position: relative;}
.productcon .picbox .box a {display: inline-block; width: 43px; height: 46px; position: absolute; top: 50%;}
.productcon .picbox .box a.lt {background-position: -2px -86px; left: -65px;}
.productcon .picbox .box a.rt {background-position: -48px -86px; right: -65px;}
.productcon .picbox .box a:hover.lt {background-position: -1px -135px;}
.productcon .picbox .box a:hover.rt {background-position: -48px -136px;}
.productcon .pbox {width: 677px; height: 450px; text-align: center; overflow: hidden;}
.productcon .pbox img {width: 100%;}
.productcon .list {padding: 20px 6px; border-top: 1px solid #ccc;}
.productcon .list .tbox {position: relative; overflow: hidden; width:100%; height: 61px;}
.productcon .list .tbox ul {position: absolute; top: 0; left: 0;}
.productcon .list .tbox li {float: left; width: 95px;}
.productcon .list .tbox li img {width: 90px; height: 57px; padding: 2px;}
.productcon .list .tbox li.on img {border: 2px solid #ee7817; padding: 0;}


#iframe {display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9999; background: #000; opacity: 0.5; filter:alpha(opacity=50);}
#iframe_content {background-color:#F1F1F1; position: absolute; width: 848px; height: 554px;padding: 40px 0; top: 50%; left: -9999px; margin: 0 0 0 -424px; z-index: 10000; border: 5px solid #ee7817;}
#iframe_main {width: 838px; height: 554px;}
#iframe_content #close {display: block; width: 55px; height: 48px; background-position: 0 -192px; position: absolute; top: 0; right: -1px; cursor: pointer;}
.nobg { background:none;}

.online { position:fixed; right:-161px; top:214px; overflow:hidden;}
.online .oa { display:block; float:left; width:48px; height:156px; background:url(../images/bgonline.jpg) no-repeat 0 0; text-indent:-99em; overflow:hidden;}
.online .se { width:156px; float:left; padding:11px 0 3px 5px; background-color:#fff;}
.online .se li { line-height:16px; margin:8px 0;}
.online .se li a { display:block; padding-left:47px; height:36px; line-height:36px; background:url(../images/bgqq.jpg) no-repeat 0 0; font-family:"微软雅黑"; font-size:16px;}
.online .se li a:hover { background:url(../images/bgqq_hover.jpg) no-repeat 0 0; color:#666;}