﻿@charset "utf-8";
body {font: 12px/24px arial,"Helvetica Neue",Helvetica,Arial,sans-serif; color: #000; 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: #ee7817;}
.lear_more:hover { text-decoration: underline;}

.icon,
#flexslider .hd li {background-image: url('../images/icon.png'); vertical-align: middle;}

/*--------------------------- {header}-------------------------*/
#header {height: 90px;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-weight: bold;}
#header .logo {width: 187px; float: left;margin: 28px 30px 0 0;}
#header .logo a {display: block; font-weight: 800;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 18px; color:black;}

#header .nav {float: left;font-size: 14px; width: 580px;}
#header .nav li {float: left; margin-right: 5px;}
#header .nav > li > a {display: inline-block; height: 80px; line-height: 60px; text-align: center; color: #000;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
#header .nav > li.active > a, #header .nav > li > a:hover{background-color:#fff; color:#ee7817;/*text-decoration: line-through;*/}

.language {float: left;font-family: arial; position: relative; height: 21px; width: 113px;margin: 30px 0;z-index: 9999; cursor: pointer;}
.icon_language {display: inline-block; width: 40px; height: 21px; vertical-align: middle; background-position: 0 0;}
.language_txt {font-size: 12px; color: #656565;}
.language_txt .bolr {display: inline-block; width: 9px; height: 5px; background-position: -44px 0; margin-left: 5px;}
.language ul {visibility: hidden; border: 1px solid #F1F1F1; background: #FFFFFF;padding: 0 5px; width: 70px; position: absolute; top: 21px; right: 0;}
.language ul.hover {visibility: visible;} 
.language ul li {border-bottom: 1px solid #ccc; text-align: center; font-size: 11px;}
.language ul li.last {border: none 0;}

.header_seach {height: 21px;margin: 34px 0; width: 138px; float: right;}
.header_seach label {float: left;}
.header_seach label.head_input {width: 113px; background: #E9E9E9; height: 21px;}
.header_seach label.head_btn {width: 25px; height: 21px; background-color: #ee7817;}
.header_seach input {border: none 0;font-family: arial;}
.header_seach label.head_input input {background: none; color: #000;width: 113px;}
input.icon_btn {background-position: -97px 4px; height: 100%; width: 100%; background-color: transparent;display:block;} 

.header_bar  {background: #ccc; height: 25px; width: 100%;min-width:1000px;overflow: hidden;}
.header_bar p {float: right; margin-left: 10px; color: #fff; font-size: 16px; font-family: "微软雅黑";}
.header_bar span {display: inline-block; width: 26px; height: 25px; float: right;}
.header_bar span.yellow{margin-right:70px;}
.header_bar span.yellow, .yellow {background-color:#F3DF00;}
.header_bar span.red, .red {background-color: #E90000;}
.header_bar span.black {background: #000;}
span.chinese{display: inline-block; width: 38px; height: 25px;background-image:url(../images/chinese.jpg)}
/*subnav*/
/*#header .subnav{display:none; width:100%; position:absolute;z-index:99;background-color:rgba(1, 1, 1, 0.90);}
#header .subnav li{float:none;margin-left:-15px;}
#header .subnav li a {display: inline-block; height: 14px; line-height: 14px;color:#fff;}*/

/*--------------------------- {footer}-------------------------*/
#footer {color: #656565; width: 100%;}
.foot_link {width: 1000px; margin: 0 auto; *zoom: 1; position: relative;overflow: hidden; padding: 30px 0;}
.foot_link_main {margin: 0 -2px 0 -73px;position: relative; overflow: hidden;}
.foot_col {width: 138px; float: left;padding: 0 0 999px 75px; border-right: 1px solid #000; border-left: 1px solid #444; margin-bottom: -999px;position: relative;}
.foot_link h2 {font-weight: bold; font-family: "宋体";vertical-align: middle; height: 24px; margin: 0 0 15px;}
#footer .foot_link a {color: #656565;}
#footer .foot_link a:hover {color: #ee7817;}
.foot_link .wx_box {width: 92px;}
.foot_link .wx_box img {width: 100%; height: auto; border: 2px solid #fff;}

.foot_bottom {padding: 15px 0;}
.foot_bottom ul{width:36%;margin:auto;}
.foot_bottom ul li{float:left;margin:0 5px;}
.foot_bottom p {clear: both;text-align: center; font-family: arial; margin-top:50px;}

/*--------------------------- {banner}-------------------------*/
#banner {width: 100%;min-width:1000px;overflow: hidden;}
#flexslider {width: 100%; margin: 0 0 37px; position: relative;}
#flexslider .bd li {width: 100%;}
#flexslider .bd li img {width: 100%;}
.tempWrap {width: 100%;}
#flexslider .hd {position: absolute; right: 10%; bottom: 18.5%;}
#flexslider .hd li {float: left;display: inline-block;width: 11px; height: 11px; background-position: -86px -11px; cursor: pointer; overflow: hidden;margin-left: 5px; text-indent: -99px;}
#flexslider .hd li.on {background-position: -86px 0;}

.banner_inner {background-position: top center; background-repeat: no-repeat;height: 175px;}
/*.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');}*/
#myCarousel, .carousel {
    width: 950px;
}
/*--------------------------- {page}-------------------------*/
#page {margin: 0; padding: 0; width: 100%;}
.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;}

.block_left {float: left; width: 515px; position: relative; margin: 0 0 20px;}
.block_left img {width: 100%; height: auto; margin: 0 0 10px;}
.block_left .carouselNew {position: relative; padding: 10px 0;}
.block_left .carouselNew .carouselNewLite {position: relative; overflow: hidden;}
.block_left .carouselNew .carouselNewLite li {width:100%; height: 245px;}
.block_left .carouselNew .carouselNewLite li .mod {width: 251px;margin-right: 13px; float: left;}
.block_left .carouselNew .carouselNewLite li .mod.last {margin: 0;}
.block_left .carouselNew .carouselNewLite li .mod p {width: 100%;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
.block_left .carouselNew .next,.block_left .carouselNew .prev {position: absolute;display: inline-block;width: 18px; height: 16px; line-height: 16px; text-align: center; background-color: #C0C0C0; color: #fff; cursor: pointer; margin-left: 5px;}
.block_left .carouselNew a.next:hover,.block_left .carouselNew a.prev:hover {background-color: #EE7817;}
.block_left .carouselNew a.next {top: -20px; right: 0;}
.block_left .carouselNew a.prev { top: -20px; right: 20px;}

.block_right {float: right; width: 435px;position: relative;margin: 0 0 20px;}
.block_right .more {position: absolute; top:0; right: 0;}
.block_right ul.tab_menu li {display: inline;margin-right: 10px; font-weight: bold;}
.block_right ul.tab_menu li a {color: #999;}
.block_right ul.tab_menu li.current a {color: #656565;}
.block_right .madius {margin: 0 0 18px;}
.block_right .madius img {width: 171px; height: 104px; margin-right: 10px;}
.block_right .madius .madius_body {margin-left: 181px; width: 254px;}
.block_right .madius h4,
.block_list li {position:relative; margin: 0 0 8px; width: 100%;}
.block_list li.last {margin-bottom: 0;}
.madius h4 a,
.block_list li a {display: block;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;margin: 0 65px 0 10px;}
.block_right .madius h4 a {font-weight: bold; color: #656565;}
.block_right .madius h4 a:hover {color: #ee7817;}
.block_right .icon_li,.block_list li span {position: absolute; top: 0; right: 0; color: #999;}
.block_right .icon_li,.block_list li span.icon_li {top: 7px; left: 0;}

.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: 212px; float: left; position: relative; margin-left: -100%; left: -50px; top: -175px; background: #e9e9e9; padding-top: 115px;}
.siderbar_title {text-align: right;}
.siderbar_title h2 {font-size: 26px; padding: 0 15px; font-weight: bold; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;height: 30px; line-height: 30px; margin: 0 0 5px; text-overflow:ellipsis}
.icon_tl {width: 17px; height: 17px; display: inline-block; background-position: 0 -25px; margin: 0 17px;}
.sidebar_main {background: url('../images/sidebar.jpg') repeat-y top right #f9f9f9; padding: 30px 0 50px;}
.sidebar_list a {display: block; text-align: right; padding: 10px 25px 10px 0px; font-size: 14px; border-bottom: 1px solid #c6c6c6;border-top: 1px solid #fff;font-family: "微软雅黑";}
.sidebar_list a span {display: inline-block; width: 5px; height: 5px; background-position: -19px -35px; margin-left: 10px;}
.sidebar_list a:hover,.sidebar_list li.active a {background: none; color: #ee7817;}
.sidebar_list a:hover span,.sidebar_list li.active a span {background-position: -19px -27px;}
.sidebar_list li.first a {border-top: 0 none;}
.sidebar_list li.last a {border-bottom: none 0;}
/*--------------------------- {inner page}-------------------------*/
#main {width: 1000px; float: left; padding: 20px 25px 0 0; border-right: 5px solid #f8f8f8;}
.content {margin: 0 0 30px 240px;}
.page-content {margin: 0 0 30px 0px;}
#main .current {text-align: right; border-bottom: 1px solid #ccc; margin: 0 0 20px;}
#main .current em {font-style: normal; margin: 0 5px;}
#main .current .cur {color: #ee7817;}

/*--------------------------- {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_con p img {max-width: 100%;}

.abt_wh {padding: 20px 0 0;}
.abt_wh .row {background-color: #f6f6f6; margin: 0 0 20px;}
.abt_wh .con_txt {padding: 10px 0 0 20px;}
.abt_wh li {background: url(../images/li2.png) no-repeat left center transparent; padding-left: 10px;}
.abt_wh .item1 {background: url(../images/a_item1.png) no-repeat right top; height: 344px; padding-right: 370px;}
.abt_wh .item2 {background: url(../images/a_item2.png) no-repeat left top; height: 329px; padding-left: 400px;}
.abt_wh .item2 .con_txt {padding-top: 77px;}
.abt_wh .item2 li {border-bottom: 1px solid #ccc; color: #ee7817; font-weight: bold; padding-top: 5px; padding-bottom: 5px; width: 200px;}
.abt_wh .item2 li.last {border-bottom: none 0;}
.abt_wh .item3 {background: url(../images/a_item3.png) no-repeat right top; height: 418px; padding-right: 358px;}

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;}

/*--------------------------- {news}-------------------------*/
.news .madius {margin: 0 0 20px;}
.news .madius img {width: 294px; height: 179px; margin-right: 20px;}
.news .madius_body { margin-left: 314px; width: 400px;}
.news .madius_body h4 {font-size: 14px; font-weight: bold; margin: 0 0 15px;}
.news .block_list li {border-bottom: 1px dotted #c6c6c6;font-size: 13px; padding-bottom: 8px; background: url(../images/li.jpg) no-repeat 0 40% transparent;}
.news_title {border-bottom: 1px solid #ccc; margin: 0 0 20px; padding-bottom: 10px; text-align: center;}
.news_title h2 {font-size: 16px; font-weight: bold;}
.news_article  p {margin: 0 0 15px;}
.news_article img {max-width: 100%;}

/*--------------------------- {message}-------------------------*/
.message ol {padding-left: 22px;list-style-position: outside;}
.message h3 {font-size: 15px; font-weight: bold; color: #333; margin: 0 0 15px;}
.message h6 {font-size: 12px; font-weight: bold; color: #ee7817;}
.message .message_row {border-bottom: 1px solid #ccc; margin: 0 0 20px; padding-bottom: 20px;}
.message .message_row.last {border-bottom: none 0;margin-bottom: 0; padding-bottom: 0;}
.message .madius img {width: 341px; height: 149px; margin-right: 20px;}
.message .madius_body {line-height: 22px;}
.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;}

/*--------------------------- {case}-------------------------*/
.case {overflow: hidden;}
.case_title {position: relative; margin: 0 0 15px; overflow: hidden;}
.case_title dl {border-bottom: 1px solid #cacaca; }
.case_title dl dt {float: left; width: 83px; text-align: center; height: 30px; line-height: 30px; color: #fff; background-color: #b5b5b5; font-family: "微软雅黑"; font-size: 14px;font-weight: bold;}
.case_title dl dd {/*margin-left: 90px;*/height: 30px; line-height: 30px; width: 625px;}
.case_title dl dd a {margin-right: 2px; display:inline-block; padding:0 7px;}
.case_title dl dd a.active, .case_title dl dd a:hover { border:1px solid $ff0000; background-color:#ccc; color: #ee7817;}
.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; padding: 0 10px; position: absolute; bottom: 1px; right: 0; height: 30px; line-height: 30px; font-weight: bold;}
.case_title .btn-slide span {display: inline-block; width: 12px; height: 10px; 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 {margin-right: -21px; padding: 15px 0 0;}
.case_list li {width: 224px; float: left; margin: 0 21px 20px 0; background-color: #eeeeee; border-bottom: 3px solid #d6d6d6; position: relative;height: 180px;}
.case_list li a span.box {display: block; padding: 5px 6px;}
.case_list li a span.box span.imgbox {display: block; width:212px;height:141px;overflow:hidden;}
.case_list li a span.box img {margin: 0 0 4px; width: 100%; height: auto}
.case_list li a span.box span.clearfix {display: block;}
.case_list li a span.box .fl,
.case_list li a span.box .fl {width:40%; height:24px; overflow:hidden;white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
.fr { float: right;display: inline;}
.case_list li a span.box_con {display: none;}
.case_list li a span.box_con img {width: 224px; height: 179px;}
/*.case_list li a:hover span.box {display: none;}
.case_list li a:hover span.box_con {display: block;}*/
.case_list li a span.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 span.box_txt {display: inline-block;position: absolute; top: 0; left: 65%; margin-left: -50%;}
.case_list li a span.box_txt span {display: block; color: #fff; padding: 0 10px;}
.case_list li a span.box_txt span.boxtitle {padding-top: 35px;}

.case_pro {width: 520px; border: 1px solid #ccc; margin: 0 auto; zoom: 1;}
.case_focus {width: 100%; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin: 0 0 10px;}
.focus_box {position: relative; margin: 0 0 10px;}
.focus_box ul {position: relative;}
.focus_box ul li {width: 520px; float: left;}
#focus {position: relative; width: 100%;overflow: hidden;}
.focus_box ul li img {width: 100%; height: auto;}
.focus_box .hd{position: absolute; bottom: 40px; right: 20px; z-index: 10;}
.focus_box .hd li {float: none; display: block; width: 18px; height: 13px; line-height: 13px; background: #fff;margin: 0 0 5px;cursor: pointer; text-align: center; color: #EE7818;}
.focus_box .hd li.on {background: #EE7818; color: #fff;}
.focus_bag {display: block; 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;}

.case_focus_txt ul li {float: left; width: 240px; font-weight: bold; padding: 0 10px;}

.use_cases h2 {color:  #ee7817; font-size: 13px; font-weight: bold; margin: 0 5px 5px;}
.marquee {position: relative; overflow: hidden; width: 520px; height: 115px;}
.marquee ul {position: absolute; top: 0; left: 0;}
.marquee ul li {width: 130px;float: left; text-align: center;}
.marquee ul li a {display: block; margin: 5px;}
.marquee ul li a img {width: 100%; height: auto;}
.marquee ul li a span {display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;}

/*.marquee ul li a {display: inline-block; width: 135px;margin: 0 5px;}
.marquee ul li a span {display: block;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
.marquee ul li a img {width: 100%; height: auto; margin: 0 0 5px;}*/

/*--------------------------- {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: 370px;border: 1px solid #d6d6d6; padding: 0 10px; font-size: 14px; margin: 0 0 10px;display: inline-block; *zoom: 1; float: left;}
.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; font-weight: bold;}
.contact_form dl input.txt_input {border: none 0; width: 280px; padding: 8px 2px;}
.contact_form .textarea textarea {width: 99.1%; height: 100px;border: 1px solid #d6d6d6; margin: 0 0 10px;}
.contact_form .btn_group  div {float: right; width: 142px; height: 50px; margin-left: 10px;}
.contact_form .btn_group  div.submit {background-color: #ee7817;}
.contact_form .btn_group  div.reset {background-color: #9e9e9e;}
.contact_form .btn_group  input {display: block; height: 50px; width: 100%; border: none 0; background: none; color: #fff; font-size: 16px;}
.contact_form .clr {display: inline-block; line-height: 40px; margin-left: 10px; color: #ee7817;}
/*--------------------------- {pagetion}-------------------------*/
.pagetion {padding: 10px 0 0}
.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: 437px; 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;}


/*reset style*/
::selection {background: #2693FF;color: #fff;text-shadow: none;}
pre {white-space: pre;white-space: pre-wrap;white-space: pre-line;word-wrap: break-word;}
sub, sup {font-size: 75%;line-height: 0; position: relative; vertical-align: baseline; }
sup {top: -0.5em;}
sub {bottom: -0.25em;}
abbr[title], acronym[title], dfn[title] {cursor: help; border-bottom: 1px solid;} 
a abbr,a acronym {text-transform: uppercase;font-size: 0.769em;/*font-size:10px;*/letter-spacing: 0.1em;}
b, strong,.bolder { font-weight: bold; }
dfn,em,.italic {font-style: italic;}
ins {background: #ff9; color: #000; text-decoration: none;}
hr {background: #ddd;color: #ddd;clear:both;float: none;width: 100%;height: 1px;line-height: 1px;font-size: 0;border: none 0;margin:1em 0;}
mark {background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
q { quotes: none; }
q:before, q:after {content: ""; content: none;}
small {font-size: 85%; }
address {margin-top: 1.538em;/*20px*/font-style: italic;}
del {color: #000;}
img {-ms-interpolation-mode: bicubic; vertical-align: middle;}
a img {border: 0 none;}
svg:not(:root) {overflow: hidden; }
th,td {vertical-align: middle;}
th {text-align: center;font-weight:bold;}
tbody th {text-align: left;font-weight: bold;}
td {text-align: left;}
tfoot { font-style: italic; }
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
:-moz-placeholder {color: #bfbfbf;}
::-webkit-input-placeholder {color: #bfbfbf;}
textarea {overflow:auto; vertical-align:top; resize:vertical;}
input, select {cursor: pointer;}
input[type='text'],input[type='password'] {cursor: text;}
html{-webkit-tap-highlight-color: transparent;   -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;font-size: 100.1%;height: 100%;overflow-x: hidden;overflow-y: scroll;}
.fl{float:left;display: inline;}
.fr{float:right;display: inline;}
.clearfix:before,.clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; overflow:hidden;}
.clearfix {zoom: 1; }
.ir {display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent;background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0 none !important;clip: rect(1px 1px 1px 1px);/*IE<8*/clip: rect(1px,1px,1px,1px);height: 1px !important;margin: -1px;overflow: hidden;padding: 0 !important;position: absolute !important;width: 1px;}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {clip: auto;height: auto; margin: 0; overflow: visible; position: static; width: auto;}
.invisible {visibility: hidden;}
