@charset "utf-8";
/* CSS Document */

<!--
/*****************************************************************
武汉中网维优网络科技有限公司	http://www.wuhan163.com
联系电话：027-87862018			客服QQ：15035405
*****************************************************************/
-->

/*----------------------------通用---------------------------------------*/


body { font-size: 14px; font-family: "微软雅黑"; background: #fff; }
* { padding: 0; margin: 0; }
a { text-decoration: none; }
ul, li { list-style: none; }
img { border: 0; }
.cl { clear: both; height: 0px; }
input, select, textarea { outline: none; font-family: "微软雅黑"; }
.fl { float: left; }
.fr { float: right; }
.all { width: 1100px; margin: 0 auto; overflow: hidden; }
.all2 { width:1100px; margin:0 auto;}

/*----------------------------首页---------------------------------------*/
/* top */
.top{ width:100%; height:80px; background:#343536;}
.top_l{ width:285px; height:80px; padding:0 10px; float:left;}
.top_l img{ width:167px; float:left; margin-top:20px;}
.top_l p{ width:105px; font-size:12px; float:right; color:#d2d2d2; line-height:80px; margin-top:10px;}
.top_z{ width:580px; float:left;}
.top_z li{ float:left; width:75px; padding:0 10px; line-height:80px; text-align:center; position:relative;}
.top_z li.d span.bkg{ top:0; background:#F25533;}
.top_z li a{ color:#fff; display:block; position:relative; z-index:2;}
.top_z li span{ width:100%; height:100%; position:absolute; left:0; top:100%; z-index:1; transition:top 200ms; -webkit-transition:top 200ms;}
.top_z li.on .bkg, .top_z li:hover .bkg{ top:0; background:#F25533;}
.nav_ej{ width:380px; height:60px; position:absolute; top:100%; left:0; background:#4c4a4f; z-index:10; display:none;}
.nav_ej li{float:left; width:75px; padding:0 10px; line-height:60px; text-align:center; }
.nav_ej li a{ color:#fff; display:block;}
.nav_ej li a:hover{ color:#F25533;}
.top_z li.on .nav_ej, .top_z li:hover .nav_ej {  display:block;}
.top_r{ float:right; width:190px; margin-top:15px;}
.top_r img{ width:48px; float:left; margin-right:10px;}
.top_r div{ float:left; width:110px;}
.top_r div h3{ color:#fff; line-height:30px; border-bottom:1px solid #B11919; font-weight:normal;}
.top_r div p{ color:#fff;}

/* banner */
.lbt{ width:100%; height:430px; overflow:hidden; position:relative; z-index:9; background:#fff;}
.lbt li{ width:100%; height:430px;}
.lbt li img{ width:100%; height:430px;}
.lbt2 { height: 30px; position: absolute; z-index: 988; bottom: 0px; left: 50%; margin-left: -50px; }
.lbt2 li { width: 15px; height: 15px; float: left; border-radius: 50%; background: #ccc; text-align: center; line-height: 20px; margin-left: 10px; cursor:pointer; }
.lbt2 .on{ background:#F15533;}

/* 公司新闻/视频中心 */
.gsxw{ width:760px; height:310px; margin-top:30px;}
.gsxw_title{ width:760px; height:50px;}
.gsxw_title li{ float:left; line-height:45px; font-size:24px; color:#444; margin-right:20px;}
.gsxw_title li.chs{ color:#F25533; border-bottom:4px solid #F25533; cursor:pointer;}
.gsxw_title a{ line-height:50px; font-size:12px; color:#888;}
.gsxw_title a:hover{ color:#F25533;}
.gsxw_x{ padding:25px 10px; height:210px; width:740px; background:#ECECEC;}
.xwtt{ width:740px; height:145px; background:#fff; position:relative; margin-bottom:20px;}
.xwtt img{ width:210px; height:145px; margin-right:15px;}
.xwtt_sj{ width:60px; height:60px; padding:5px; position:absolute; top:0; left:140px; background:#F25533; text-align:right;}
.xwtt_sj span{ font-size:24px; line-height:30px; color:#fff;}
.xwtt .xwtt_sj p{ color:#fff; line-height:30px;}
.xwtt h3{ font-size:16px; line-height:50px; color:#444; margin-bottom:10px;}
.xwtt h3:hover{ color:#F25533;}
.xwtt p{ color:#666; line-height:25px;}
.xwtt p a{ color:#F15332;}
.gsxw_x li{ line-height:20px; color:#555; width:100%; margin-bottom:20px;}
.gsxw_x li a{ color:#555;}
.gsxw_x li a:hover{ color:#F25533;}
.gsxw_x li i{ width:10px; height:3px; display:inline-block; background:#F25533; margin-right:20px;}
.gsxw_x li span{ color:#888;}
.spzx{ width:315px; height:310px; margin-top:30px;}
.spzx_title{ width:100%; height:50px;}
.spzx_title i{ width:4px; height:22px; background:#F25533; margin-top:15px; margin-right:10px;}
.spzx_title h3{ font-weight:normal; line-height:45px; font-size:24px; color:#444; display:block;}
.spzx_title h3 a{ line-height:50px; font-size:12px; color:#888;}
.spzx_title h3 a:hover{ color:#F25533;}
.spzx_x{ width:315px; height:260px;}
.spzx_x embed{ width:100%; height:210px;}
.spzx_x div{ width:275px; height:50px; background:#F25533; padding:0 20px;}
.spzx_x div p{ line-height:50px; color:#fff;}
.spzx_x div p b{ font-size:20px;}

/* 项目展示 */
.xmzs_z{ width:100%; margin-top:30px;}
.xmzs_title{ width:100%; height:50px; border-bottom:1px solid #ccc; margin-bottom:35px;}
.xmzs_title i{ width:4px; height:22px; background:#F25533; margin-top:15px; margin-right:10px;}
.xmzs_title h3{ font-weight:normal; line-height:45px; font-size:24px; color:#444; display:block;}
.xmzs_title h3 a{ line-height:50px; font-size:12px; color:#888;}
.xmzs_title h3 a:hover{ color:#F25533;}
.mr_frbox{ position:relative;}
.mr_frbox .prev{ width:30px; height:44px; background:url(img/qhjt.png) no-repeat; position:absolute; left:0px; top:50%; margin-top:-22px; cursor:pointer;}
.mr_frbox .next{ width:30px; height:44px; background:url(img/qhjt1.png) no-repeat; position:absolute; right:0px; top:50%; margin-top:-22px; cursor:pointer;}
.mr_frUl{ width:1000px; margin:0 auto; overflow:hidden;}
.tempWrap{ margin:0 auto;}
.mr_frUl li{ width:210px; height:190px; float:left; margin:0 20px;}
.mr_frUl li:hover p{ color:#ccc;}
.mr_frUl li img{ width:210px; height:143px;}
.mr_frUl li p{ width:210px; height:45px; line-height:45px; color:#fff; background:#F25533; text-align:center;}

/* 下属品牌 */
.xspp_z{ width:100%; margin-top:30px;}
.xspp_z li{ float:left; width:155px; height:95px; margin-right:40px;}
.xspp_z li img{ width:155px; height:90px; border:1px solid #e5e5e5;}

/* footer */
.footer{ width:100%; height:70px; background:#343536; margin-top:50px;}
.footer p{ line-height:70px; color:#fff; text-align:center;}
.footer p a{ color:#fff;}
.footer p a:hover{ color:#F25533;}

/*----------------------------关于我们---------------------------------------*/
/* banner */
.banner{ width:100%; height:260px; position:relative; z-index:3;}
.about{ background:url(img/banner1d.jpg) no-repeat center;}

/* 内容 */
.ztnr_z{ width:100%; margin-top:-50px; background:#fff; position:relative; z-index:3;}
.ztnr_l{ width:220px; float:left}
.ztnr_l h1{ display:block; text-align:center; color:#fff; font-weight:500; font-size:26px; width:220px; line-height:80px; background:#f25533;}
.ztnr_l li{ width:180px; line-height:30px; padding:5px 20px; border-bottom:1px dashed #ccc;}
.ztnr_l li.d a{ color:#f25533;}
.ztnr_l li.d i{ color:#f25533;}
.ztnr_l li:hover a{ color:#f25533;}
.ztnr_l li:hover i{ color:#f25533;}
.ztnr_l li a{ color:#777; display:block;}
.ztnr_l li i{ width:15px; height:15px; display:block; margin-top:7px; line-height:15px; font-style:normal; text-align:center;}
.xmzx_z{ width:100%; padding:10px 0;}
.xmzx_z li{ padding:10px; width:200px;}
.xmzx_z li:hover h4{ color:#f25533;}
.xmzx_z li img{ width:100%;}
.xmzx_z li h4{ font-size:18px; font-weight:500; line-height:30px; text-align:center; color:#444; margin-top:5px;}
.ztnr_r{ width:800px; float:right; padding:20px 40px;}
.ztnr_r h3{ font-size:20px; line-height:58px; font-weight:500; border-bottom:2px solid #f25533;}
.ztnr_r h3 p{ font-size:14px;}
.ztnr_r h3 p a{ color:#000;}
.ztnr_r h3 p a:hover{ color:#f25533;}
.about_nr{ width:100%; padding:30px 0;}
.about_nr p,.about_nr div{ line-height:25px; margin-top:10px; color:#000; font-size:14px;}


/*----------------------------新闻中心---------------------------------------*/
/* banner */
.news{ background:url(img/banner1d.jpg) no-repeat center;}

/* 新闻列表 */
.news_title{ width:800px; float:right; padding:20px 40px;}
.news_title h3{ font-size:20px; line-height:58px; font-weight:500; border-bottom:2px solid #f25533;}
.news_title h3 p{ font-size:14px;}
.news_title h3 p a{ color:#000;}
.news_title h3 p a:hover{ color:#f25533;}
.news_title li{ width:100%; padding:10px 0; border-bottom:1px dashed #ccc;}
.news_title li img{ width:152px; float:left; margin-right:20px;}
.news_title li h4{ font-size:18px; line-height:25px; color:#000; margin-bottom:10px;}
.news_title li h4 span{ font-size:12px; color:#888; font-weight:normal; float:right;}
.news_title li p{ line-height:20px; color:#000; width:710px;}
.news_title li a:hover h4{ color:#f25533;}

/* pages */
.pages { width: 95%; padding: 10px 0; }
.pages UL { float: right; padding-right: 0px; }
.pages UL LI { width: auto; float: LEFT; border: 1px solid #ccc; padding: 6px 10px; margin-right: 10px; margin-bottom: 10px; color: #888; }
.pages UL LI a { display: block; color: #888; }
.thisclass { display: block; }
.pages UL LI select { border: 0; background: none; color: #888; }
.pages UL LI:hover { border: 1px solid #f25533; color: #f25533; }
.pages UL LI:hover a { color: #f25533; }
.thisclass { background: #f25533 !important; border: 1px solid #f25533 !important; color: #fff !important; }

/* 新闻内页 */
.news_nr{ width:100%; border-bottom:1px dashed #ccc;}
.news_nr h4{ font-size:18px; color:#000; line-height:40px; text-align:center; border-bottom:1px dashed #ccc; margin:10px 0;}
.news_nr  h4 span{ font-size:14px; font-weight:normal; line-height:30px; color:#888; display:block; text-align:right;}
.news_nr p,.news_nr div{ line-height:30px; font-size:14px; color:#000; margin-bottom:10px;}
.spkj{ width:100%; height:400px;}
.spkj embed{ width:100%; height:400px;}
.news_nr .news_fxdm{ width:100%; margin-top:20px; color:#888;}
.news_fy{ width:100%; margin:0 auto;}
.news_title .news_fy li{ border:0; padding:5px 0;}
.news_title .news_fy li a{ color:#000;}
.news_title .news_fy li a:hover{ color:#f25533;}

/*----------------------------服务项目---------------------------------------*/
/* banner */
.fwxm{ background:url(img/banner1d.jpg) no-repeat center;}

/* 项目列表 */
.fwxm_title{ width:800px; float:right; padding:20px 40px;}
.fwxm_title h3{ font-size:20px; line-height:58px; font-weight:500; border-bottom:2px solid #f25533;}
.fwxm_title h3 p{ font-size:14px;}
.fwxm_title h3 p a{ color:#000;}
.fwxm_title h3 p a:hover{ color:#f25533;}
.fwxm_title li{ width:186px; float:left; margin:10px 5px 0; border:2px solid #ccc;}
.fwxm_title li:hover{ border-color:#f25533;}
.fwxm_title li:hover a{ color:#f25533;}
.fwxm_title li a{ color:#000;}
.fwxm_title li img{ width:100%; height:120px;}
.fwxm_title li h4{ line-height:20px; font-weight:normal; padding:0 5px; width:80px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.fwxm_title li p{ font-size:12px; line-height:20px; color:#555; padding:5px;}

/*----------------------------人才招聘---------------------------------------*/
/* banner */
.join{ background:url(img/banner1d.jpg) no-repeat center;}

/* 招聘列表 */
.join_title{ width:800px; float:right; padding:20px 40px;}
.join_title h3{ font-size:20px; line-height:58px; font-weight:500; border-bottom:2px solid #f25533;}
.join_title h3 p{ font-size:14px;}
.join_title h3 p a{ color:#000;}
.join_title h3 p a:hover{ color:#f25533;}
.join_title li{ width:100%; position:relative; margin-bottom:20px; border-bottom:1px dashed #ccc;}
.join_title li h4{ font-size:16px; line-height:50px; margin-left:10px; cursor:pointer;}
.join_title li .on{ display:block !important;}
.join_title li i{ width:20px; height:12px; background:url(img/jt1.png) no-repeat; display:inline-block;}
.jsnr{ clear:both; display:none; padding:10px; line-height:25px;}
.jsnr div, .jsnr p{ font-size:14px; line-height:30px; padding:0 20px; color:#111; }
.jsnr span{ width:80px; height:35px; background:#f25533; color:#fff; line-height:35px; text-align:center; border-radius:5px; display:block; margin-top:10px; cursor:pointer;}

/* 申请弹出框 */
.sqtck{ width:100%; height:100%; position:fixed; top:0; background:url(img/dbg.png) repeat; z-index:10; display:none;}
.tcbg{ width:340px; height:300px; background:#fff; position:fixed; top:50%; margin-top:-150px; left:50%; margin-left:-170px;}
.gbxtb{ width:20px; height:20px; cursor:pointer;}
.gbxtb img{ width:100%;}
.tcbg form{ width:300px; margin:20px auto;}
.tcbg form input{ width:200px; margin:10px 40px; line-height:30px; padding:0 5px;}
.tcbg form input.coolbg{ width:100%; margin:10px 0 10px -10px; border:1px solid #f25533; border-radius:5px; background:#f25533; color:#fff;}


/*----------------------------联系我们---------------------------------------*/
/* banner */
.cell{ background:url(img/banner1d.jpg) no-repeat center;}

/*----------------------------下属品牌---------------------------------------*/
/* banner */
.xspp{ background:url(img/banner1d.jpg) no-repeat center;}