@charset "utf-8";
/*
Design:tengsheji.com
QQ:59066649
Time:2014.11.30
*/

/* CSS 通用 */
html,body{ height:100%}
body{ font-size:12px; font-family: Arial,"Microsoft YaHei";  padding:0px; color:#666; line-height: 22px; margin: 0px; background:#eee}
ul,li,dd,dl,dt,form,input{margin:0px; padding:0px; list-style-type:none;}
img{ border:none; margin:0px; vertical-align: middle; }
p,h1,h2,h3,h4{ margin:0px; padding:0px;}
a{ text-decoration:none; color:#666; vertical-align: middle; }
.green{ color:#090}
a:hover{color:#999;}
input{ border:0px; vertical-align:middle; }
table{ border-collapse:collapse;}

#header{ height:76px; overflow:hidden; border-bottom:1px solid #eee; _position: absolute; position: fixed; width:100%; z-index:99; top:0; background:#FFF}
#header .logo{ float:left; overflow:hidden; padding-top:20px; margin-left:50px;}
#header .logo a{ display:block;text-indent:-9999px; font-size:0px; background:url(../images/logo.png) no-repeat; width:307px; height:36px;}
#header .menu{ float:right; margin-right:50px;}
#header .menu ul li{ float:left; padding:0 30px; border-right:1px #eee solid; height:18px; line-height:18px; margin-top:30px;}
#header .menu ul li.x{ padding-right:0px !important; border-right:none !important;}
#header .menu ul li a{ font-size:18px;}
#header .menu ul li a:hover,#header .menu ul li.n a{ color:#0098b4}

#hdp_box{ background:#ccc url(../images/index_hdp_fm.jpg) no-repeat top center; width:100%; height:100%; background-size:cover; position:relative;}
#hdp_box .header-n1{ height:80px; background:#000; background:rgba(0, 0, 0, 0.8)!important; filter:Alpha(opacity=80); line-height:80px; position:absolute; top:76px; width:100%;}
#hdp_box .header-n1 h1{ color:#0098b4; line-height:80px; margin-left:50px;}
#hdp_box .start-button{ width:877px; height:95px; overflow:hidden; _position:absolute; position:fixed; top:50%; left:50%; margin-top:-47; margin-left:-438px}
#hdp_box .start-button ul{ width:910px;}
#hdp_box .start-button ul li{ float:left; margin-right:23px; background:#000; background:rgba(0, 0, 0, 0.6)!important; filter:Alpha(opacity=60);}
#hdp_box .start-button ul li a{ width:232px; height:95px; display:block; line-height:95px; padding-left:45px; font-size:24px; color:#0098b4;background:url(../images/index_box_right.png) no-repeat 15px 33px;}
#hdp_box .start-button ul li a:hover{ color:#fff; }

#article{width:100%; height:100%; color:#fff; overflow:hidden; background-size:cover; background-attachment: fixed;}
#article div.left_box_bg{ background:#000; background:rgba(0, 0, 0, 0.5)!important; filter:Alpha(opacity=50); margin-left:50px; width:315px; padding:210px 20px 0 20px; height:100%; font-size:14px;}
#article div.left_box_bg h1{ color:#0098b4; font-size:20px; margin-top:75px; margin-bottom:10px;}
.n1{ background:#000 url(../images/kefang.jpg) no-repeat center center;}
.n2{ background:#303030 url(../images/czkg.jpg) no-repeat center center;}
.n3{ background:#5f5f5f url(../images/sjkz.jpg) no-repeat center center;}
.n4{ background:#bebebe url(../images/dzm.jpg) no-repeat center center;}

.n5{ background:#000 url(../images/jdhb.jpg) no-repeat center center;}
.n6{ background:#303030 url(../images/lkjn.jpg) no-repeat center center;}
.n7{ background:#5f5f5f url(../images/nhjc.jpg) no-repeat center center;}
.n8{ background:#bebebe url(../images/jdkz.jpg) no-repeat center center;}

.n9{ background:#000 url(../images/jdjs.jpg) no-repeat center center;}
.n10{ background:#303030 url(../images/cl.jpg) no-repeat center center;}
.n11{ background:#5f5f5f url(../images/ggqy.jpg) no-repeat center center;}
.n12{ background:#bebebe url(../images/tqyb.jpg) no-repeat center center;}

.contact_banner{ height:100%;}

.banner_kv{width:100% ;height:100%;}
.kv{width:100% ;height:100%; position:relative}
.kv ul{width:100% ;height:100%; position:absolute; z-index:0;}
.kv ul li a{height: 373px; width:100%;display:block;}
.kv ul li { position:relative; width:100%; height:100%;}
.kv ul li .banner_txt{ position:absolute; margin-top:150px;background:rgba(0, 0, 0, 0.6)!important;filter:Alpha(opacity=60); background:#000; padding:20px 20px 20px 50px; overflow:hidden}


.kv ul li .banner_txt h1{ font-size:24px; font-weight:normal; font-size:36px;color:#ccc;}
.kv ul li .banner_txt p{ margin-top:10px; font-size:14px; line-height:24px;color:#999;}

.kv .kv_page{ position:absolute; bottom:10%;  text-align:left; left:50px; z-index:3; line-height:40px; }
.kv .kv_page a{display:block;float:left;width:11px;height:11px; margin-right:10px; background: url(../images/slide_btn.png) no-repeat -24px 0;}
.kv .kv_page a.selected{background-position:0 0;}

.kv .kv_prev{position:absolute;left:50px;top:50%;background:url(../images/slide_bg_ico.png) no-repeat left -56px;height:56px;width:29px;z-index:3; margin-top:-28px;}
.kv .kv_next{position:absolute;right:550px;top:50%;background:url(../images/slide_bg_ico.png) no-repeat -49px -56px; height:56px; width:29px; z-index:3; margin-top:-28px;}
.kv .kv_prev:hover{background:url(../images/slide_bg_ico.png) no-repeat 0 0;}
.kv .kv_next:hover{background:url(../images/slide_bg_ico.png) no-repeat -49px 0;}

.kv .kv_prevs{position:absolute;left:50px;top:50%;background:url(../images/slide_bg_ico.png) no-repeat left -56px;height:56px;width:29px;z-index:3; margin-top:-28px;}
.kv .kv_nexts{position:absolute;right:50px;top:50%;background:url(../images/slide_bg_ico.png) no-repeat -49px -56px; height:56px; width:29px; z-index:3; margin-top:-28px;}
.kv .kv_prevs:hover{background:url(../images/slide_bg_ico.png) no-repeat 0 0;}
.kv .kv_nexts:hover{background:url(../images/slide_bg_ico.png) no-repeat -49px 0;}

.products_box{ width:500px; background:rgba(0, 0, 0, 0.7)!important; filter:Alpha(opacity=70);background:#000; position:absolute; right:0; height:100%; overflow-x:hidden; overflow-y:auto;}
.products_box h1{ padding:150px 30px 30px 30px; color:#fff; border-bottom:#eee 1px dashed;}
.products_box h1 div{ font-size:12px !important; font-weight:normal; display:block; line-height:24px;}
.products_box h1 div span{ float:left}
.products_box h1 div i{ width:20px; height:20px; display:block; float:left; font-size:0px; text-indent:-999px; margin-left:5px; color:#000; overflow:hidden}
.products_box h1 div i.n1{background:#f1f1f1}
.products_box h1 div i.n2{background:#d9cd93}
.products_box h1 div i.n3{background:#858688}
.products_box h1 div i.n4{background:#e5e5e5}
.products_box h1 div i.n5{background:#d2e1e4}
.products_box h1 div i.n6{background:#ef7913}
.products_box h1 div i.n7{background:#0f3494}
.products_box h1 div i.n8{background:#888888}
.products_box h1 div i.n9{background:#202119}
.products_box h1 div i.n10{background:#bcbdcd}
.products_box h1 div i.n11{background:#7e3d3f}


.products_box ul{ padding:30px 0 0 30px; width:460px; overflow:hidden; height:640px;}
.products_box ul li{ width:120px; height:120px; float:left; margin-right:20px; border:1px solid #999; margin-bottom:20px; position:relative; text-align:center; overflow:hidden}
.products_box ul li img{ height:120px;}
.products_box ul li span{ padding:5px; position:absolute; bottom:0; left:0; width:110px; display:none;background:rgba(0, 0, 0, 0.5)!important; filter:Alpha(opacity=50); background:#000;text-transform : uppercase}
.products_box ul li a:hover span{ display:block;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#FFF}


.products_box ul li.lianti{ width:400px !important; height:100px !important; float:left; margin-right:20px; border:1px solid #999; margin-bottom:20px; position:relative; text-align:center;}
.products_box ul li.lianti img{ height:100px !important;}
.products_box ul li.lianti span{ width:390px !important;}

.products_box ul li.zhmb{ width:400px !important; height:87px !important; float:left; margin-right:20px; border:1px solid #999; margin-bottom:20px; position:relative; text-align:center;}
.products_box ul li.zhmb img{ height:87px !important;}
.products_box ul li.zhmb span{ width:390px !important;}

.products_box ul li.yxt{ width:400px !important; height:93px !important; float:left; margin-right:20px; border:1px solid #999; margin-bottom:20px; position:relative; text-align:center;}
.products_box ul li.yxt img{ height:93px !important;}
.products_box ul li.yxt span{ width:390px !important;}



.system{ background:url(../images/xt_bg.jpg) no-repeat bottom center;}
.system div.w{ width:800px; height:400px; background:rgba(0, 0, 0, 0.8)!important; filter:Alpha(opacity=80); background:#000; left:50%; margin-left:-400px; overflow:hidden; top:50%; position: absolute; margin-top:-150px; z-index:0}
.system div.w img{ width:800px; height:400px;}


#container{ height:100%;}
#container .title{ color:#0e4583; height:42px; line-height:42px; position: fixed; _position:absolute; top:76px; z-index:2; background:#ccc; width:100%}
#container .title h1{ padding:0 50px 0 50px;font-size:24px; font-weight:normal }
#container .title span{ margin-left:20px; font-size:14px;}
#container .title span a{ color:#0098b4; margin:0 10px;}
#container .title span a:hover,#container .title span a.n{ color:#999}

#container .contact{ height:100%; background:#eee; padding:0 50px; overflow:hidden}
#container .contact ul{ width:101%; margin-top:150px;}
#container .contact li{ float:left; width:24%; margin-right:1%;table-layout:fixed; word-break: break-all; overflow:hidden;}
#container .contact li img{ width:100%;}
#container .contact li span{ font-size:18px; font-weight:bold; padding:15px 0 5px 0; display:block}

#container .contact_partner{ background:#eee; padding:150px 50px 0 50px;}
#container .contact_partner ul{ width:102%;}
#container .contact_partner li{ width:18%; background:#FFF; float:left; margin-right:2%; margin-bottom:20px;}
#container .contact_partner li img{ width:100%;}

#footer{ height:40px; line-height:40px; padding-left:50px; color:#8a8a8a; _position:absolute; position:fixed; width:100%;bottom:0; border-top:#eee 1px solid;  z-index:99;background:#FFF}