@charset "utf-8";
/* CSS Document */
/*全局*/
*{background:transparent; padding:0; margin:0; border:0; outline:none;}
html{overflow-x:auto; overflow-y:auto; zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true);}(this));}/*IE6下重复加载BUG*/
body{background:#f9f9f9;font-family:'MicroSoft Yahei',verdana,arial,tahoma; font-size:12px; color:#666; -webkit-text-size-adjust: none;}
input{border:none; color:#999;}
div{margin:0 auto;padding:0;}
ul,ol,li {list-style:none;}
a{color:#666; text-decoration:none;word-wrap:break-word;outline:none;hide-focus:expression(this.hideFocus=true);transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;}
a:hover{color:#00a1e7;text-decoration:none;}
img{border:0;}
.fl{float:left;}
.fr{float:right;}
.none{display:none;}
.clear{clear:both;}
.mb20{margin-bottom:20px;}
.mt20{margin-top:20px;}
.mb10{margin-bottom:10px;}
.mb30{margin-bottom:30px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mr30{margin-right:30px;}
.ml25{margin-left:25px;}


#laocms_header{float:left; width:100%; min-width:990px;}
#laocms_banner{float:left; width:100%; min-width:990px; position:relative; overflow:hidden;}
#laocms_main{float:left; width:100%; min-width:990px;}
#laocms_footer{float:left; width:100%; min-width:990px; background:#181818;}

.w_0100{float:left; width:100%;}
.w_990{width:990px; margin:0 auto;}
.w_1200{width:1200px; margin:0 auto;}
.w_1200_bg{width:1200px; margin:0 auto;}
.w_310{width:310px; height:auto; overflow:hidden;}
.w_350{width:350px; height:auto; overflow:hidden;}
.w_510{width:510px; height:auto; overflow:hidden;}
.w_540{width:540px; height:auto; overflow:hidden;}
.w_590{width:590px; height:auto; overflow:hidden;}
.w_660{width:660px; height:auto; overflow:hidden;}


.bg_topbar{border-top:10px solid #1274ce; border-bottom:1px solid #ddd;}
.bg_menu{background:#1274ce;}
.bg_gray{background:#eee;}
.bg_news{background:#edf1f4;}
.bg_center{background:url(../images/center_bg.png) no-repeat center center;}

/*头部*/
.topbar{float:left; width:100%; height:38px; font:normal 13px/38px "Microsoft Yahei";}
.topbar_l{float:left;}
.topbar_r{float:right;}
.topbar_r ul{}
.topbar_r ul li{float:left; padding:0px 10px; background:url(../images/topbar_r_line.png) no-repeat right center;}
.topbar_r ul li:last-child{background:none; padding-right:0;}
/*logo*/
.logo{float:left; width:308px; height:70px; margin:20px 0; overflow:hidden;}

.top_right{float:right; width:600px; height:auto; overflow:hidden;}

/*hotline*/
.hotline{float:right; width:350px; height:25px; margin:20px 0; /*background:url(../images/icon_tel.png) left center no-repeat; */text-align:right; color:#1274ce; font:bold 16px/30px "Microsoft Yahei";}

/*导航*/
.menu{float:right; width:600px; height:48px; overflow: hidden;}
.menu ul li{float:left; width:80px; height:48px; margin:0 10px; font-size:13px;}
.menu ul li a{float:left; width:80px; height:20px; font-size:13px; background:url(../images/menu_rbg.png) right center no-repeat;}
.menu ul li:last-child a{background:none;}
.menu ul li:last-child a{background:none;}
.menu ul li.on{background:url(../images/menu_on.png) 18px bottom no-repeat;}


/*首页幻灯BANNER*/
/*幻灯片*/
.banner{width:1920px; height:500px; position:relative;}
.banner .hd{width:100%; height:18px; overflow:hidden; position:absolute; right:5px; bottom:8px; z-index:1;}
.banner .hd ul{text-align:center; overflow:hidden; zoom:1;}
.banner .hd ul li{display:inline-block; margin-right:8px; width:12px; height:12px; border-radius:12px; background:#044089; text-align:center; cursor:pointer; overflow:hidden; }
.banner .hd ul li.on{background:#ef7a00;}
.banner .bd{position:relative; height:500px; z-index:0; overflow:hidden;}
.banner .bd li{zoom:1; vertical-align:middle;}
.banner .bd img{width:100%; height:500px; display:block;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.banner .prev,
.banner .next{position:absolute; left:20%; top:45%; margin-top:-25px; display:block; width:100px; height:105px; background:#000; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.banner .next{left:auto; right:20%; background-position:8px 5px;}
.banner .prev:hover,
.banner .next:hover{filter:alpha(opacity=100);opacity:1;}
.banner .prevStop{display:none;}
.banner .nextStop{display:none;}
/*头部结束*/

/*首页 通用标题样式*/
.main_tit{float:left; width:990px; height:auto; overflow:hidden;}
.main_tit ._tit{float:left; width:100%; height:auto; color:#000; font-weight:normal; font:normal 22px/28px "Microsoft Yahei"; color:#000;}
.main_tit ._tit span{margin-right:15px; color:#f8d000;}
.main_tit ._tits{float:left; width:100%; height:20px; padding-left:60px; background:url(../images/tit_bg.png) left center no-repeat; letter-spacing:3px; font:normal 12px/20px "Microsoft Yahei"; color:#999;text-transform:uppercase;}



.main_product{float:left; width:100%; height:auto; overflow:hidden;}
.main_product .hd{float:left; height:40px; text-align:center; }
.main_product .hd ul{}
.main_product .hd ul li{float:left; width:135px; height:40px; margin-right:10px; line-height:40px; background:#1274ce; color:#fff; cursor:pointer; }
.main_product .hd ul li.on{background:#f8d000; color:#fff;}
.main_product .bd{float:left; width:990px; height:auto; overflow:hidden;}
.main_product .bd .first_product{float:left; width:480px; height:460px; margin-right:24px; padding:0; border:none;  overflow:hidden;}
.main_product .bd .first_product img{float:left; width:480px; height:395px; overflow:hidden;}
.main_product .bd .first_product span{float:left; width:480px; height:40px; color:#1274ce; font:bold 18px/40px "Microsoft Yahei"; overflow:hidden;}
.main_product .bd .first_product p{float:left; width:480px; height:25px; font:normal 12px/25px "Microsoft Yahei"; overflow:hidden;}
.main_product .bd ul{float:left; width:1004px; overflow:hidden;}
.main_product .bd li{float:left; width:218px; height:218px; margin:0 14px 14px 0; padding:8px; border:1px solid #eee; overflow:hidden;}
.main_product .bd li img{width:218px; height:218px;}
.main_product .bd li:hover{border-color:#1274ce;}
.main_product .bd li:nth-child(9n+3){margin-right:0;}
.main_product .bd li:nth-child(9n+5){margin-right:0;}


/*首页 案例展示*/
.main_case{float:left; width:100%; height:auto; position:relative; overflow:hidden;}
.main_case .hd{float:left; width:990px; height:60px; cursor:pointer; position:absolute; z-index:999;}
.main_case .hd .prev{float:left; width:32px; height:60px; margin-top:130px; margin-left:15px; background:url(../images/prev.png) no-repeat ; cursor:pointer;}
.main_case .hd .next{float:right; width:32px; height:60px; margin-top:130px; margin-right:15px; background:url(../images/next.png) no-repeat; cursor:pointer;}
.main_case .bd{float:left; width:990px; height:auto; overflow:hidden;}
.main_case .bd ul{float:left; width:1020px; overflow:hidden;}
.main_case .bd ul li{float:left; width:470px; height:auto; margin-right:30px; padding:5px;}
.main_case .bd ul li:hover{background:#1274ce; color:#fff;}
.main_case .bd ul li a:hover{background:#1274ce; color:#fff;}
.main_case .bd ul li img{float:left; width:470px; height:320px; }
.main_case .bd ul li h2{float:left; width:470px; height:22px; margin-top:5px; font:normal 13px/22px "Microsoft Yahei";}
.main_case .bd ul li p{float:left; width:470px; height:22px; margin-bottom:5px; font:normal 12px/22px "Microsoft Yahei";}



/*首页 公司简介*/
.main_about{float:left; width:100%; height:auto;overflow:hidden;}
.main_about .about_video{float:right; width:460px; height:258px;  border:1px solid #eee; position:relative;}
.main_about .about_video video{float:left; width:100%; height:100%;}
.main_about .about_video p,
.main_about .about_video p iframe{float:left; width:100%; height:100%;}

.main_about .about_box{float:left; width:460px; height:238px; padding:10px 20px; border:1px solid #eee; font:normal 14px/24px "Microsoft Yahei"; overflow:hidden;}
.main_about .about_box p{font:normal 14px/24px "Microsoft Yahei"; text-indent:2em;}

.main_advantage{float:left; width:100%; height:580px; overflow:hidden;}
.main_advantage .advantage_top{float:left; width:100%; height:72px; margin-top:40px; overflow:hidden;}
.main_advantage .advantage_top ul{float:left; width:100%; height:72px; overflow:hidden;}
.main_advantage .advantage_top ul li{float:left; width:calc(25% - 1px); height:72px; border-right:1px solid #525973; text-align:center; overflow:hidden;}
.main_advantage .advantage_top ul li span{float:left; width:100%; height:20px; margin-top:10px; font:bold 22px/20px "Microsoft Yahei"; color:#43a5ff; text-align:center; overflow:hidden;}
.main_advantage .advantage_top ul li p{float:left; width:100%; height:20px; margin-top:10px; font:normal 12px/20px "Microsoft Yahei"; color:#fff; text-align:center; overflow:hidden;}
.main_advantage .advantage_top ul li:last-child{width:25%; border-right:none;}
.main_advantage .advantage_con{float:left; width:100%; height:580px; border-top:1px solid #535a73; overflow:hidden;}
.main_advantage .advantage_con ul{float:left; width:100%; height:580px; padding-top:30px; border-top:1px solid #535a73; overflow:hidden;}
.main_advantage .advantage_con ul li{width:400px; height:auto; margin:20px 0; color:#fff; overflow:hidden;}
.main_advantage .advantage_con ul li span{float:left; width:100%; height:60px; font:normal 20px/52px "Microsoft Yahei"; overflow:hidden;}
.main_advantage .advantage_con ul li span img{vertical-align:middle; margin-right:20px;}
.main_advantage .advantage_con ul li p{float:left; width:100%; height:68px; font:normal 12px/20px "Microsoft Yahei"; overflow:hidden;}




/*首页 新闻*/
.main_news_pic{float:left; width:310px; margin-right:30px; overflow:hidden;}
.main_news_pic img{width:310px; height:260px;}

.main_news_list{float:left; width:310px; overflow:hidden;}
.main_news_list ._tit{float:left; width:310px; height:40px; font:normal 13px/40px "Microsoft Yahei"; text-indent:10px; color:#006dd1; background:#e6ebef; overflow:hidden;}
.main_news_list ._tit span{color:#666; text-transform:uppercase;}
.main_news_list ._tit .more{float:right; width:45px; height:20px; margin:10px; border-radius:10px; background:#dbc243; color:#fff; font:normal 12px/18px "Microsoft Yahei"; text-align:center; overflow:hidden;}
.main_news_list ._con{float:left; width:310px; height:auto; overflow:hidden;}
.main_news_list ._con ul{float:left; width:310px; height:auto; padding:10px 0; overflow:hidden;}
.main_news_list ._con ul li{float:left; width:310px; height:35px; text-indent:5px; font:normal 13px/35px "Microsoft Yahei"; overflow:hidden;}
.main_news_list ._con ul li span{float:right; margin-right:5px;}







/*内页*/
.position{float:left; width:50%; height:50px; font:normal 13px/50px "Microsoft Yahei"; overflow:hidden;}
.position a{color:#999;}
.position span{ vertical-align:top; width:20px; display:inline-block; text-align:center; margin-top:-1px;}
.position span img{ width:4px;}

.sub_head{float:left; width:100%; margin-top:54px; padding-bottom:20px;}
.laocms_SideLayer{float:left;}
.laocms_SideLayer .l1{float:left; width:135px; height:42px; margin-right:10px; font:normal 13px/42px "Microsoft Yahei"; background:#1274ce; text-align:center;}
.laocms_SideLayer .l1 a{color:#fff;}
.laocms_SideLayer .l1:hover{color:#fff; background:#f8d000;}
.laocms_SideLayer .on{ color:white; background:#f8d000;}


.sub_content{float:right; width:100%; padding:20px 0;}
.sub_content .content{float:left; width:100%; min-height:300px; line-height:220%; font-size:14px;}


.news_list{float:left; width:100%; }
.news_list ul{float:left; width:100%; padding:7px 0 36px 0;}
.news_list ul li{float:left; width:100%; height:46px; border-bottom:1px dashed #ddd; font:normal 13px/46px "Microsoft Yahei";}
.news_list ul li span{float:right; margin-right:10px;}

/* 新闻详情 */
.news_detail{float:left; width:990px; margin-top:32px; padding-bottom:60px;}


.detail{float:left; width:990px;}
.detail h2{display:block; float:left; width:990px; font-size:24px; line-height:40px; color:#333333!important; text-align:center;}
.detail .detail_9_1{float:left; width:990px; border-bottom:1px solid #eee; padding:10px 0; line-height:34px; font-size:14px; color:#999; text-align:center;}
.detail .detail_9_2{float:left; width:990px; padding:40px 0; font-size:14px; line-height:30px; text-align:justify; min-height:600px;}
.detail .detail_9_2 img{margin:0 auto; display:block;}
.detail .detail_9_3{float:left; width:990px; text-align:center; padding-bottom:27px; border-bottom:1px solid #d7d8d8;}
.detail .detail_9_4{float:left; width:990px; margin-top:16px;}
.detail .detail_9_4 a{display:block; float:left; height:24px; line-height:24px; font-size:14px; color:#666; max-width:500px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.detail .detail_9_4 a:hover{color:#186ebf;}


.case_detail{float:left; width:1200px; margin-top:32px; padding-bottom:60px;}
.product_list{float:left; width:990px; }
.product_list ul{float:left; width:1008px; overflow:hidden;}
.product_list ul li{float:left; width:214px; height:auto; margin:18px 18px 0 0; padding:10px; background:#f3f3f3;}
.product_list ul li img{width:214px; height:214px;}
.product_list ul li p{float:left; width:100%; height:30px; font:normal 14px/30px "Microsoft Yahei"; text-align:center;}
.product_list ul li:hover{background:#ffcc00; color:#fff;}


.show_product_a{float:left; width:990px; height:auto; overflow:hidden;}
.product_img{float:left; width:400px; height:400px; padding:9px; border:1px solid #eeeeee; overflow:hidden;}
.product_img img{width:400px; height:400px;}
.product_info{float:right; width:530px; overflow:hidden;}
.product_info .name{float:left; width:100%; height:50px; font:normal 24px/50px "Microsoft YaHei"; color:#333; font-weight:bold; letter-spacing:2px;}
.product_info .desc{float:left; width:350px; height:152px; padding-left:75px; font:normal 12px/25px "Microsoft YaHei"; position:relative; overflow:hidden;}
.product_info .desc span{position:absolute; left:0; top:0; font-weight:bold;}
.product_info .information{display:block; float:left; width:120px; height:35px; line-height:35px; text-align:center; font-size:14px; background:#006dd1; color:white; border-radius:18px;}
.product_info .information:hover{background:#222;}
.product_info .information img{vertical-align:middle; margin:-3px 4px 0 0; width:20px;}

.show_product_b{float:left; width:990px; height:auto; overflow:hidden;}
.show_product_b .tit_4{float:left; width:100%; height:35px; border-bottom:1px solid #e5e5e5; position:relative;}
.show_product_b .tit_4:after{height:35px; left:0; bottom:-1px; padding:0 20px; content:'产品详情'; font:normal 14px/35px "Microsoft YaHei"; text-align:center; letter-spacing:2px; color:white; background:#006dd1; position:absolute;}
.show_product_b .content{float:left; width:765px; padding:20px; font-size:14px; line-height:220%; overflow:hidden;}
.show_product_b .content img{max-width:765px;}

.next_prev{float:left; width:100%; padding:10px 0; border-top:1px dashed #e9e9e9; line-height:26px;}
.next_prev .next_prev_l{float:left; width:50%;}
.next_prev .next_prev_l h5{float:left; width:100%; font-size:13px; font-weight:normal;}
.next_prev .next_prev_r{float:right;}
.next_prev .next_prev_r .bdsharebuttonbox{float:left; margin-top:12px;}


/*联系我们*/
._con{float:left; width:485px; overflow:hidden;}
._form{float:right; width:485px; overflow:hidden;}
._form input{width:214px; height:42px; padding:5px 10px; border:1px solid #eee; color:#555;}
._form textarea{float:left; width:463px; height:200px; margin-top:12px; padding:5px 10px; border:1px solid #eee; font:normal 13px/22px 'MicroSoft Yahei'; color:#555; overflow: hidden;}
._form .btn{float:left; width:180px; height:46px; margin:12px 0;  text-align:center; font:normal 18px/30px 'MicroSoft Yahei'; color:#fff; background:#ff5d27; cursor:pointer; border:none;}
._form .btn:hover{background:#ff4304; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}


._bdmap{float:left; width:980px; border:5px solid #eee; overflow:hidden;}
.map{float:left; width:980px; overflow:hidden;}
#bdmap{width:100%; height:340px;}


/*底部*/
.footer_l{float:left; width:606px; height:auto; padding:30px 0; overflow:hidden;}
.footer_l .footer_nav{float:left; width:100%; overflow:hidden;}
.footer_l .footer_nav ul{}
.footer_l .footer_nav ul li{float:left; width:66px; height:auto; margin-right:10px; overflow:hidden;}
.footer_l .footer_nav ul li a{font:normal 14px/32px "Microsoft YaHei"; color:#dcdcdc;}
.footer_l .footer_nav ul li a:hover{color:#fff;}
.footer_l .footer_copyright{float:left; width:100%; margin-top:10px; overflow:hidden;}
.footer_l .footer_copyright p{float:left; width:100%; color:#dcdcdc; font:normal 13px/32px "Microsoft Yahei";}
.footer_l .footer_copyright p a{color:#dcdcdc;}
.footer_l .footer_copyright p a:hover{color:#fff;}

.footer_r{float:right; width:158px; height:auto; padding:30px 0; overflow:hidden;}
.footer_r .footer_erweima{float:right; width:134px; height:106px; margin-top:5px; border:1px solid #dcdcdc;}
.footer_r .footer_erweima img{width:96px; height:96px; border:5px solid #dcdcdc;}
.footer_r .footer_erweima p{float:right; width:22px; margin:0 auto;  font:normal 14px/26px "Microsoft Yahei"; color:#dcdcdc;}

/*列表通用翻页*/
.listpage{clear:both; text-align:center;}
.LaoCMS-page{padding:14px 0 10px; font-size:12px;}
.LaoCMS-page a{height:25px; margin-left:6px; padding:0 8px; border:1px solid #d3d3d3; border-radius:5px; text-align:center; color:#767676; display:inline-block; line-height:25px;}
.LaoCMS-page a:hover{border-color:#006dd1; background:#006dd1; color:#fff; }
.LaoCMS-page span{height:25px; margin-left:6px; padding:0 8px; border:1px solid #006dd1; border-radius:5px; color:#fff; line-height:25px; background:#006dd1; text-align:center; display:inline-block;}