@charset "utf-8";

/* CSS Document */



*{ margin:0px; padding:0px;}

body {color:#333333;font-family:"微软雅黑";font-size:12px;padding:0;margin:0px; line-height:22px;}

ul, li{list-style: none outside none;}

p, div, h1, h2, h3, h4, ul, li, img, span, input, dl, dt, form, table, td, tr{ margin:0px; padding:0px;}

img{ border:0 none;}

a{ color:#333333; text-decoration:none; cursor:pointer}

a:hover{ color:#FF3300; text-decoration:underline;}

.clear {clear: both;font-size:0;height:0;line-height:0;}

.top{ background:#1c1c1c; height:99px;}

.topdiv{ width:1100px; margin: 0 auto; height:99px;}

.logo{ width:180px; float:left; padding-top:20px;}

.nav{ width:880px; display:block; float:left; margin:0 15px 0 20px; height:99px; line-height:99px;position:relative;}

.nav-item{ position:relative; float:left; width:97px; height:99px; line-height:99px; text-align:center; font-size:13px; font-weight:bold; z-index:1}

.nav-item a{ display:block; height:99px; color:#fff; }

.nav-item a:hover{ color:#fff}

.move-bg{ display:block;position:absolute;left:0;top:0; width:97px; height:99px; background:url(../images/index_03.jpg) no-repeat center 0 ;z-index:0}

.fullSlide {width:100%;position:relative;height:500px; overflow:hidden; display:block}

.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}

.fullSlide .bd ul {width:100% !important;}

.fullSlide .bd li {width:100% !important;height:500px;overflow:hidden;text-align:center;}

.fullSlide .bd li a {display:block;height:500px;}

.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:20px;left:0;height:30px;line-height:30px;}

.fullSlide .hd ul {text-align:center;}

.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:6px;margin:4px;overflow:hidden;background:#fff;line-height:999px;}

.fullSlide .hd ul .on {background:#f00;}

.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}

.fullSlide .next {left:auto;right:15%;background-position:-6px -137px;}

.company{ width:1100px; margin:0 auto; padding:10px 0 0 0;}

.company .comleft{ width:352px; float:left}

.company .mar{ margin-right:22px; } 

.company .comhd{ width:300px; float:left; font-size:14px; font-weight:bold; line-height:30px;}

.company .more{ float:right;padding-top:13px;}

.company .comxq{  margin:6px 0 0 0;}

.company .comimg{ width:150px; float:left;}

.company .comtt{ float:left;width:202px;}

.company .comxq h3{ font-size:12px; width:202px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.company .comxq h3 a{ color:#444}

.company .comxq h3 a:hover{ color:#FF3300}

.company .comtt p{ line-height:22px; height:66px; overflow:hidden; margin:3px 0 2px 0; color:#666}

.company .comtt span a{ color:#006ebd}

.company .comtt span a:hover{ color:#FF3300}

.company .comul{ width:352px; display:block}

.company .comul li{ display:block; width:340px; background:url(../images/index_07.png) no-repeat 0 center; line-height:34px; border-bottom:1px #ddd dotted; height:34px; padding:0 0 0 12px;}

.company .comul li .newstit{ width:300px; float:left;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;line-height:34px; height:34px;}



.company .comul li .intime{ text-align:right; color:#888}

.abtt{ padding:12px 0 0 0; line-height:24px; height:115px; overflow:hidden}

.imgbom{ line-height:24px;}

.imgbom img{ margin-bottom:0px;}



.product{ background:#f5f5f5; padding:15px 0 0px 0; margin:14px 0 0 0;}

.prodiv{ width:1100px; margin:0 auto}

.prodiv h3{ font-size:14px;}

.prolist{ width:1100px; overflow:hidden; display:block; padding:10px 0 0 0;}

.prolist ul{ width:1160px; display:block;}

.prolist li{ display:block; float:left;}

.prolist li a{ width:190px; background:#fff; padding:10px; border-top:2px #000 solid; text-align:center; margin-right:12px; margin-bottom:18px; display:block}

.prolist li a:hover{ width:190px;  background:#0a8ce9;  border-top:2px #053a60 solid; text-align:center; color:#fff;margin-right:12px;margin-bottom:18px;display:block}

.prolist li img{ width:190px; height:120px}

.prolist li p{ padding:10px 0 0 0; font-weight:bold;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}



.casediv{ background:#2b2b2b}

.fold_wrap{width:1100px;height:260px;margin:0px auto 0 auto;overflow:hidden;}

.fold_wrap li{float:left;width:130px;height:260px;position:relative;overflow:hidden;cursor:pointer;}

.fold_wrap li .mask_b{position:absolute;overflow:hidden;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.5);_background:#B2B2B2;}

.fold_wrap li.active .mask_b{background:none;}

.fold_wrap li .mask_b h4{color:#fff;width:20px;margin:0 auto;display:block; font-size:17px;position:relative;padding:30px 0 0 0;}

.fold_wrap li.big{width:322px;}

.fold_wrap li .adv_intro{ width:92%; height:40px; padding:5px 4%; position:absolute;left:0; bottom:-50px;background:#37D; color:#FFF; overflow:hidden;}

.adv_intro_show{bottom:0 !important; transition:bottom 0.3s linear 0.3s; -webkit-transition:bottom 0.3s linear 0.3s;}



.pic_auto{width:100%;height:100%;}

.pic_auto img{ height:260px; width:400px;}



.contact{ width:1096px; margin:20px auto 20px auto; border-bottom:1px #ddd solid; border-left:1px #ddd solid; border-top:1px #ddd solid; padding:0 0px 0 3px; }

.contact ul{ display:block; height:140px;}

.contact li{ width:273px; height:120px; padding:15px 0 0 0; border-right:1px #ddd solid; float:left; text-align:center;}

.contact li p{ width:251px; margin:0 auto; padding:10px 0 0 0;}

.footer{ background:#000; text-align:center; color:#fff; line-height:26px; padding:10px 0 0px 0;}

.footer a{ color:white;}


.izl-rmenu{position:fixed; right:0; margin-right:20px; bottom:140px; padding-bottom:20px; background:url(../images/r_b.png) 0px bottom no-repeat; z-index:999; }

.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}

.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}

.izl-rmenu .btn-qq:hover{background-color:#488bc7;}

.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}

.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}

.izl-rmenu .btn-wx:hover{background-color:#58a81c;}

.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}

.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}

.izl-rmenu .btn-phone:hover{background-color:#ff811b;}

.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}

.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}

.izl-rmenu .btn-top:hover{background-color:#444;}



/*产品中心*/

.banner{ background:url(../images/index_12.jpg) no-repeat center center; height:200px;}

.content{ width:1100px; margin:0 auto; padding:20px 0 0 0;}

.conhd{ border-bottom:1px #ddd solid; padding-bottom:15px; display:block; overflow:hidden; margin-bottom:20px;}

.conhd h3{ width:200px; float:left; font-size:16px;}

.conhd h3 span{ font-weight:normal; font-size:14px; color:#006ebd}

.address{ float:right;background:url(../images/index_13.png) no-repeat 0 center; padding:0 0 0 15px;}

.left{ width:200px; float:left;}

.left img{ margin-bottom:15px}

.right{ width:870px; float:right; }

.subNavBox{width:200px; margin-bottom:20px;}

.subNav{border-bottom:solid 2px #fff;cursor:pointer;font-weight:bold;font-size:12px;color:#111;line-height:34px;padding-left:10px;background:url(../images/jiantou1.png) no-repeat #eee;background-position:95% 50%}

.subNav:hover{color:#006ebd; background-color:#0081dd; color:#fff}
.subNav a{display:block;}
.subNav a:hover{color:#FFF; display:block; }
.currentDd{color:#fff;background-color:#0081dd;}
.navContent{display: none;border-bottom:solid 1px #e5e3da;}

.navContent li a{display:block;width:190px; padding:0 0 0 10px;heighr:34px;font-size:12px;line-height:34px;color:#111; background:#f6f6f6;border-bottom:solid 2px #fff;}

.navContent li a:hover{color:#fff;background-color:#49a4e4}
.top_tubiao{ padding: 10px 0 0;width: 1100px; margin:0 auto; height:auto; overflow: hidden; margin-bottom:25px}
.top_tubiao .comhd{ width:100px; float:left; font-size:14px; font-weight:bold; line-height:30px; margin-bottom:10px}
.top_tubiao ul{}
.top_tubiao ul li{ width:125px; height:155px; background:#f5f5f5; border-top:2px solid #000000; float:left; margin-right:12.5px}
.top_tubiao ul li a{width:125px; height:155px;display:block }
.top_tubiao ul li a:hover{width:125px; height:155px; background:#0a8ce9; color:#fff; display:block}
.top_tubiao ul li a div{width:100px; height:155px; margin:0 auto; overflow:hidden; display:block; text-align:center}
.top_tubiao ul li a p{ overflow:hidden; height:47px; line-height:47px; display:block; text-align:center; font-weight:bold;}
.top_tubiao ul li a div:hover{width:105px; height:155px; padding:0px 10px; overflow:hidden; display:block; text-align:center; font-weight:bold; background:#0a8ce9; color:#FFF}
.top_tubiao ul li a div img{ width:100px; height:100px; margin:0 auto; display:block; margin-top:10px }
.ziprodiv{ width:870px; overflow:hidden}

.ziprodiv ul{ width:920px; display:block;}

.ziprodiv li{ width:204px; float:left; display:block; margin-right:18px; margin-bottom:18px;}

.ziprodiv li a{ background:#eee; width:200px; display:block; padding:2px; color:#000}

.ziprodiv li a:hover{ background:#0a8ce9; width:200px; display:block; padding:2px; color:#fff}

.ziprodiv li p{ padding:10px 0 10px 0; text-align:center; width:190px; margin:0 auto;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.ziprodiv li img{ width:200px; height:126px;}

.page {margin: 10px 0 0px; padding: 6px 0 10px 0;text-align: center;}

.page a {border: 1px solid #dddddd; color: #747474;margin: 0 1px;padding: 5px;}

.page a:hover { border: 1px solid #FF6600;color: #026ab1;}

.page .disabled {border: 1px solid #dddddd;color: #747474;margin: 0 1px; padding: 5px;}

.page .current { background-color:#FF6600;border: 1px solid #FF0000;color: #ffffff;margin: 0 1px; padding: 5px;}





/*产品中心结束*/



/*关于华纳*/

.zinav{ display:block; padding-bottom:15px;}

.zinav li a{border-bottom:solid 2px #fff;cursor:pointer;font-weight:bold;font-size:12px;color:#111;line-height:34px;padding-left:10px;background:url(../images/jiantou1.png) no-repeat #eee; display:block;background-position:95% 50%}

.zinav li a:hover{color:#006ebd; background-color:#0081dd; color:#fff}

.zinav li .select{ background-color:#0081dd; color:#fff;}

.ziabcon{ line-height:28px; font-size:13px; color:#444}

.ziabcon h2{ font-size:22px; color:#0081dd}

.color1{ color:#0081dd}

.ali{ text-align:center}

/*关于华纳结束*/



/*新闻资讯*/

.newscon2{ width:870px; margin:0 auto; padding:0px 0 0 0; overflow:hidden}

.newscon2 ul{ width:870px;}

.newscon2 li{ width:870px; float:left; border-bottom:1px #eeecec solid; padding-bottom:10px; margin:0 0px 16px 0 }

.newscon2 li:hover{ border-bottom:1px #eeecec solid;}

.newscon2 li:hover .year{ background:#004fab; color:#fff;}

.newscon2 li:hover .day{ color:#004fab;}

.newscon2 li:hover .newsname{ color:#004fab;}

.newstext2{ width:780px; float:left; padding:0 0 0 15px;}

.newsdiv{ width:870px; overflow:hidden; padding:20px 0 0 0;}

.time{ width:58px; float:left; border:1px #eeecec solid}

.newstext{ width:490px; float:left; padding:0 0 0 15px;}

.day{ height:40px; line-height:40px; text-align:center; font-size:22px; font-weight:bold; color:#666;}

.year{ background:#f4f4f4; border-top:1px #eeecec solid; height:24px; line-height:24px; text-align:center; color:#999}

.newsname{ color:#333; font-size:14px;}

.ntext{ color:#666; padding:4px 0 0 0;}

/*新闻资讯结束*/



/*软件下载*/

.downul{ width:870px; display:block;}

.downul li{ height:80px; overflow:hidden; border-bottom:1px #ddd dotted; padding:5px 0 0 10px; font-size:13px;}

.downtit{ width:700px; float:left;line-height:25px; height:25px; font-weight:bold;background:url(../images/index_18.png) no-repeat 0 center; padding-left:20px}
.downtit p{ font-weight:normal; font-size:12px; color:#666}

.dowmtime{ float:right; color:#999;line-height:42px; height:42px;}

/*软件下载结束*/



/*人力资源*/

.hrtop {font-size: 14px;margin-bottom: 20px;}

.hrtop a { color: #9d0332;font-weight: 600;}

.careers li {background: none repeat scroll 0 0 #f9f9f9;margin-bottom: 40px;padding: 16px 35px;}

.careers li h3 { color: #9d0332; font-size: 15px;font-weight: 600; margin-bottom: 12px;}

.careers li p {line-height: 26px;}

.carts {border-top: 1px dotted #e4e4e4; margin-top: 15px;padding-top: 15px;}

.carts span {margin-right: 40px;}

.dizhi { background: url(../images/hr_2.png) no-repeat scroll left center rgba(0, 0, 0, 0);display: inline-block;  padding-left: 20px;}

/*人力资源结束*/



.feedback {padding: 10px 0;}

.feedback p {font-size: 14px;padding-bottom: 5px;}

.feedback font {color: #5c5c5c;}

.feedback font i { color: #cb0000; display: inline-block;padding-right: 6px;width: 8px;}

.fbtxt, .fbbut {background: none repeat scroll 0 0 #f1f1f1; border: medium none; color: #555;font-family: "Microsoft Yahei";height: 35px; line-height: 35px; padding: 0 10px; width: 320px;}

.feedback textarea { height: 180px;line-height: 24px; padding: 10px;width:700px;}

.fbbut {background: none repeat scroll 0 0 #9e9e9e;color: #fff;cursor: pointer; font-size: 14px;font-weight: 600; height: 40px;line-height: 40px; padding: 0;width: 120px;}

.guo_1 { background: none repeat scroll 0 0 #9c0608; margin-right: 20px;}

.feedback span {display: inline-block;margin-right: 20px;}

.feedback label { cursor: pointer; padding-left: 5px;}
.link{ width:1100px; margin:0 auto;}
.link ul li{ float:left; margin-left:10px}
.link ul li a{ color:#FFF;}
.link ul li a:hover{ text-decoration:underline}
.link_back{ height:80px; background:#000; line-height:25px; padding-bottom:10px}
.zixq h1{ font-size:25px; border-bottom:1px #ddd dotted; padding-bottom:20px; text-align:center; padding-top:10px;}

.zixqimg{ text-align:center; padding:20px 0 0 0;}

.zixqimg img{width:600px;margin:10px auto;}

.zixqtt{ padding:20px 0 20px 0; line-height:28px; font-size:13px;}