/**
 * topkee web app
 * @author Wu Miao Hui <363539981@qq.com>
 * @link http://wmhfly.com/
 * @date:2013.11.06
 */
html { -webkit-text-size-adjust:none;-ms-text-size-adjust:none; overflow-x:hidden;}
body,div,p,h1,h2,h3,h4,h5,h6{margin:0;}
ul,dl,dd{margin:0; padding:0;}
ul li { list-style-type: none;}
input,button{ padding:0; vertical-align:middle; font-size:14px;}
input:focus,textarea:focus { outline: 0;}
a{ text-decoration:none; color:#7e7e7e; }
em,strong{ font-style:normal;}
img{ border:0; vertical-align:bottom;}
table{ border-spacing:0; border-collapse:collapse;}
label {cursor:pointer;}
fieldset {border-radius: 5px;}
legend { color:#0046d5;}
.clear:after {visibility: hidden; display: block;font-size: 0; content: '.'; clear: both; height: 0; }
* html .clear {zoom: 1;}
*:first-child+html .clear {zoom: 1;}
.r { text-align:right;}
.c { text-align:center;}
.fl { float:left;}
.fr { float: right;}
.hide {display: none;}
.brClear {clear:both;}
body { font: 14px/1.5 "\5FAE\8F6F\96C5\9ED1"; color:#7b7b7b; background-color:#f5f5f5;}

/*layout*/
.w1000 {width:1000px; margin:0 auto;}
.pRel,.w-hide {position:relative;height:848px;}
.w-hide {overflow:hidden;}


/*hd*/
.hd {position:fixed;_position:absolute; z-index:9999; background-color:#fff; width:96%; height:80px; padding:20px 2% 0;}
#logo {float:left; width:251px;}
.nav li {position: relative; float: right;  height:60px; padding-top:20px; margin-left:5%;}
.nav li a {font-size:20px; white-space:nowrap; color:#010000}
.nav li a:hover,.nav li a.ct {color:#d1221f}
.menu{clear:both; width:100%;}
.menu .bar {position:absolute; display:none; width:108%;left:0; top:100px; background-color:#d1221f;height:68px;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.s_works .bar {height:140px;}
.menu .alist {position:absolute;display:none; top:120px; right:2%;}
.menu a {position:relative; float:left;  padding-left:20px; white-space:nowrap; color:#fff; font-size:20px; }
.menu a:hover {color:#000;}

.minMenu {position:absolute; top:40px; right:2%; font-size:18px; background:url(../images/iNav.png) no-repeat left -19px; padding-left:25px; color:#666;}
.minMenu:hover {color:#d1221f;background-position:left 3px;}
.minNav {position:absolute; top:60px; right:85px; padding:5px 15px; -webkit-box-shadow: 0px 0px 10px #C0C0C0; -moz-box-shadow: 0px 0px 10px #C0C0C0;box-shadow: 0px 0px 10px #C0C0C0;border: 1px solid #D3D3D3;background-color: #FFFFFF;}
.minNav li {padding:3px 0;}
.minNav li a {font-size:16px;}
.minNav li a:hover {color:#d1221f}

/*bd*/
.services,.works,.about,.news,.formBg {height:848px; overflow:hidden;}
.banner {padding-top:100px; height:746px; background:#aba8a8 url(../images/banner_bg.png) no-repeat center 100px;}
.services { background:#363030 url(../images/services_bg.png) no-repeat center top; }
.works {background:#cd0404 url(../images/works_bg.png) no-repeat center top; }
.about { background:#363030 url(../images/about_bg.png) no-repeat center top; }
.news {background:#aba8a8 url(../images/news_bg.png) no-repeat center top; }
.formWrap {position:relative;z-index:2; width:100%; height:848px; top:-1696px; }
.formBg {position: absolute; z-index:1;left:0;top:0; width:100%; height:848px; background-color:#000;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.formMain {position: absolute; z-index:2; top:62px; left:50%; margin-left:-460px;  width:920px;  height:668px; padding:28px 0; background-color:#fff;}
.floading,.sendloading { background-position:center 100px; background-repeat:no-repeat; background-image:url(../images/back-loading.gif)}
.sendloading {background-position:center 325px;}
.close {position: absolute; z-index:3;top:75px; left:50%;width:29px; height:29px; margin-left:420px; background:url(../images/f_close.png) no-repeat; cursor: pointer;}

/*banner focus*/
.allinone_carousel{position:relative;}
.allinone_carousel img{max-width:none;max-height:none;}
.allinone_carousel_list{margin:0;padding:0;list-style:none;display:none;}
.allinone_carousel .contentHolder{position:relative;overflow:hidden;}
.mycanvas{position:absolute;top:8px;right:10px;z-index:1000;}
.myloader{background:url(../images/loader.gif);width:18px;height:15px;position:absolute;left:49%;top:49%;z-index:999;}
.boxBg{height:746px;background:url(../images/boxBG.png) no-repeat center 135px;}
.allinone_carousel.powerful .contentHolderUnit{position:absolute;width:618px;height:390px;text-align:center;overflow:hidden;cursor:pointer;}
.allinone_carousel.powerful .elementTitle{position:absolute;left:190px;top:600px;color:#191919;border-left:1px solid #525252;padding:1px 0 1px 10px;}
.allinone_carousel.powerful .elementTitle h3{font-size:20px;margin-bottom:20px;}
.allinone_carousel.powerful .elementTitle p{font-size:16px;}
.text{position:absolute;left:0;width:100%;text-align:center;font-weight:normal;color:#FFFFFF;text-transform:none;}
.hideElement{display:none;}

/*services*/
.bTitle {padding:80px 0 35px; font-size:58px; color:#fff; text-align:right; font-weight: normal;}
.absBox {position:relative; height:518px;}
.abs {position:absolute; padding:15px; background-color:#fff; background-repeat:no-repeat;}
.abs h3 {font-size:20px;line-height:normal; font-weight: normal;}
.abs h3 a {color:#191919;}
.abs h3 a:hover {color:#d1221f;}
.abs p {font-size:#919090; white-space:nowrap;}
.abs-t {top:0;}
.abs-b {bottom:0;}
.s_0,.s_4{left:0;}
.s_3,.s_7{right:0;}
.s_0 {width:182px; padding-top:234px;  background-image:url(../images/s_0.png); background-position:center 38px;}
.s_1 {left:228px; width:232px; padding-top:148px; background-image:url(../images/s_1.png); background-position:center 20px;}
.s_2 {left:508px; width:185px; padding-top:234px;background-image:url(../images/s_2.png); background-position:center 50px;}
.s_3 {width:231px; padding-top:145px;background-image:url(../images/s_3.png); background-position:center top;}
.s_4 {width:231px; padding-top:145px;background-image:url(../images/s_4.png); background-position:center top;}
.s_5 {left:282px; width:178px;padding-top:230px;background-image:url(../images/s_5.png); background-position:center 50px;}
.s_6 {left:510px;width:230px;padding-top:145px;background-image:url(../images/s_6.png); background-position:center 20px;}
.s_7 {width:182px;padding-top:234px;background-image:url(../images/s_7.png); background-position:center 38px;}

.v-content {position:relative;left:1000px; width:700px;}
.txt16 {font-size:16px; color:#fff; text-indent:2em;margin-bottom:20px;}
.txt16 strong {color:#cd0404; font-size:20px; font-weight:normal;}
.loading {position:absolute; left:50%; top:40%; width:32px;height:32px;background:url(../images/white-loading.gif) no-repeat center;}
.s-back {text-align:right;margin:20px 5px 0 0;}
.s-back a {color:#fff;font-size: 18px;}
.s-back a:hover {color:#d1221f}


/*works*/
.works .bTitle,.news .bTitle {text-align:left;}
.jcarousel-container{position:relative;}
.jcarousel-clip{z-index:2;padding:0;margin:0;overflow:hidden;position:relative;}
.jcarousel-list{z-index:1;overflow:hidden;position:relative;top:0;left:0;margin:0;padding:0;}
.jcarousel-list li,.jcarousel-item{float:left;list-style:none;width:324px;height:410px;}
.jcarousel-next{z-index:3;display:none;}
.jcarousel-prev{z-index:3;display:none;}
.jcarousel-container{width:1000px;}
.jcarousel-clip-horizontal {height:410px;}
.jcarousel-item-horizontal {margin-right: 10px;}
.jcarousel-next-horizontal,.jcarousel-prev-horizontal {position: absolute; top: 160px;width: 38px;height: 71px;cursor: pointer;}
.jcarousel-next-horizontal {right: -60px; background: url(../images/w-next.png) no-repeat 0 0;}
.jcarousel-prev-horizontal {left: -60px; background: url(../images/w-prev.png) no-repeat 0 0;}
.jcarousel-prev-disabled,.jcarousel-next-disabled {background:none;}
.wBox {position: relative; height:200px; margin-bottom:10px; overflow:hidden;}
.wBox .wDesc {position:absolute; left:0;top:200px;  z-index:1; background-color:#363030;}
.wBox .wDesc a { display:block; width:274px; padding:25px; height:150px; color:#fff;}
.wBox .wDesc h3 {font-size:20px; border-bottom:1px solid #cd0404;padding-bottom:15px;margin-bottom:15px;}

/*about*/
.a_0 {top:230px; ;right:0; padding-top:238px; background-image:url(../images/a_0.png); background-position:center top;}
.a_1 {width:241px; padding-top:151px; top:0; right:0; background-image:url(../images/a_1.png); background-position:center top;}
.a_2 {width:176px; padding-top:242px; top:0;right:288px; background-image:url(../images/a_2.png); background-position:center 50px;}
.about .txt16{ text-indent:0;}
.about .txt16 strong.f16 {font-size:16px; cursor:pointer;}
.about .txt16 p.s {color:#919090}
.about .txt16 span.s {float:left;padding-top:3px;}
.about .txt16 ul.s li{ overflow:hidden;;zoom:1; line-height:20px; margin-bottom: 5px;}
.about .txt16 ul.s li a {color:#fff;}
.about .txt16 ul.s li strong.fl {width:88px; text-align: right;}
.payContent {float:right; width:500px;}
#payForm input.s {border:0;height:23px; line-height:23px;padding:0 2px;}
#payForm p {margin-bottom:10px;}

/*news*/
.n-content {position: relative; top:-500px; height:500px; width:1000px;left:1000px; background-color:#fff; z-index:2;}
.topBar {background-color:#2d2928;height:36px; line-height:36px; text-align:right;color:#fff;font-size:18px; padding-right:20px;}
.nTitle {font-size:20px; color:#d1221f; font-weight:normal; padding:25px 0 25px 36px;}
.scrollBar {position: relative; width: 1000px; height:500px; z-index: 1; overflow: auto;}
.scroll{position: absolute; left: 0; top: 0; z-index:2;}
.track{position: relative; float:right;top: 0; width: 8px;height: 100%;font-size: 0;z-index: 3; background-color:#fd442d;-moz-border-radius: 3px;border-radius: 3px;}
.drag_bar{position: absolute; width: 100%; height: 58px; cursor: pointer;z-index: 4; background-color:#841001;-moz-border-radius: 3px;border-radius: 3px;}  
#viewScrollBar {width:990px;height:350px;}
.detail {padding-left:36px;}
.n-back {position:absolute; background:url(../images/news.png) no-repeat;width:49px; height:40px; right:0; cursor:pointer; bottom: -50px;}
.back-loading {background:url(../images/back-loading.gif) no-repeat 40px top; width:100%; height:45px; text-align:center;}
#conView {color:#000; line-height:1.6;}
#newlist li {width:800px;background-color:#fff; margin-bottom:20px; height:106px;}
#newlist li span {float:right; background-color:#2d2928; color:#fff; font-size:18px;padding:10px 30px 3px;}
#newlist li h3 {font-weight:normal;  padding:40px 0 0 30px;}
#newlist li h3 a {color:#191919; font-size:18px;}
#newlist li h3 a:hover {color:#d1221f}
#nTip {position:absolute; z-index:1; top:110px; right:20px; padding-bottom:180px; background:url(../images/tip.png) no-repeat right bottom;}
.tipMsg { font-family:Arial; background-color:#fff; width:120px; padding:10px 15px; color:#333;}
.tipMsg a {color:#000;font-size:12px; color:#427FED}
.tipMsg a:hover { text-decoration:underline;}

/*ft*/
.ft {background-color:#000; width:96%; padding:40px 2% 50px;}
.ft a {float:right; color:#7b7b7b}
.ft a:hover {color:#fff;}