/*
Powered by ly200.com		http://www.ly200.com
广州联雅网络科技有限公司		020-83226791
*/
/***************************************** banner start ******************************************************/
p{ margin: 0;}
#banner{ background-color: #eee; position: relative;}
#banner .banner_btn{ display: block; width: 46px; height: 46px; position: absolute; top: 50%; margin-top: -23px; z-index: 1; opacity: 0;}
#banner .banner_btn img{ max-width: 100%; max-height: 100%;}
#banner .banner_btn_left{ left: 80px; background: url("banner_btn_left.png");}
#banner .banner_btn_right{ right: 80px; background: url("banner_btn_right.png");}

.banner{width:100%;   overflow:hidden;}
.banner dt{display:block; width:100%;   background-color:#fff; overflow:hidden;}
.banner dt .hd{ display: none;  }
.banner dt .bd li, .banner dt .bd li a, .banner dt .bd img{width:100%;  }
.banner dd{border:1px solid #dedede; background-color:#fff; height:96px; margin-top:14px;}
.banner dd li{width:134px; height:56px; float:left; display:block; padding:0 20px 0 76px; margin:20px 0; border-left:1px solid #e1e1e1; position:relative;}
.banner dd li:first-child{border:none;}
.banner dd li.middle{width:160px;}
.banner dd li a{text-decoration:none;}
.banner dd li .img{width:56px; height:56px; overflow:hidden; position:absolute; left:20px; top:0;}
.banner dd li h2{font-size:14px; font-weight:bold; height:28px; line-height:28px; overflow:hidden;}
.banner dd li span{display:block; height:32px; line-height:16px; overflow:hidden;}
/***************************************** banner end ******************************************************/

.index_item .index_title{ width: 298px; height: 78px; line-height: 78px; margin: 0 auto; border: 1px solid #666; font-size: 36px; text-align: center;}
.index_item .index_brief{ width: 756px; line-height: 30px; margin: 0 auto; margin-top: 80px; font-size: 14px; color: #999; text-align: center;}

/***************************************** manage start ******************************************************/
.manage{ min-width: 1160px; width: 1160px; margin: 0 auto; margin-top: 120px; margin-bottom: 140px;}
.manage .manage_list{ width: 100%; margin-top: 80px;}
.manage .manage_list .manage_item{ display: inline-block; width: 368px; height: 348px; margin-left: 20px; border: 1px solid #e6e6e6; text-decoration: none; position: relative;}
.manage .manage_list .manage_item .manage_img{ width: 100%; height: 199px;}
.manage .manage_list .manage_item .manage_img img{ max-width: 100%; max-height: 100%;}
.manage .manage_list .manage_item .manage_info{ width: 338px; margin: 0 auto; overflow: hidden;}
.manage .manage_list .manage_item .manage_name{ font-size: 18px; margin-top: 23px;}
.manage .manage_list .manage_item .manage_type{ width: 100%; font-size: 12px; color: #999; margin-top: 10px;}
.manage .manage_list .manage_item .manage_list_brief{ width: 100%; height: 60px; line-height: 20px; margin-top: 12px; overflow: hidden;}
.manage .manage_list .manage_item .manage_arrow{ width: 52px; heihgt: 54px; position: absolute; top: 50%; right: 16px;}
.manage .manage_list .manage_item .manage_arrow img{ max-width: 100%; max-height: 100%;}
.manage .manage_list .manage_item:first-child{ margin-left: 0;}
.manage .manage_list .manage_item:hover{ box-shadow: 0 0 20px #ccc; -webkit-box-shadow: 0 0 30px #ccc; -moz-box-shadow: 0 0 20px #ccc; -o-box-shadow: 0 0 20px #ccc; -ms-box-shadow: 0 5px 12px #ccc;}
/***************************************** manage end ******************************************************/

/***************************************** products_category start ******************************************************/
.pro_cate_outer{ width: 100%; background: #f7f7f7; padding-top: 80px;}
.pro_cate_outer .pro_cate_list{ width: 1224px;margin:0 auto; position: relative;}
.pro_cate_outer .pro_cate_list .pro_cate_item{ display: block; float: left; position: relative; text-decoration: none; overflow: hidden;width:300px;margin:3px;}
.pro_cate_outer .pro_cate_list .pro_cate_item img{ max-width: 100%; max-height: 100%;width:100%;height:300px;}
.pro_cate_outer .pro_cate_list .pro_cate_item .item_bg{ display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 146px;}/* background: rgba(0, 0, 0, 0.6);*/
.pro_cate_outer .pro_cate_list .item_name{ width: 238px; height: 78px; line-height: 78px; text-align: center; font-size: 36px; color: #fff; border: 1px solid #fff; position: absolute; left: 50%; margin-left: -119px; top: 50%; margin-top: -39px; display:none; z-index:101;}/**/
.pro_cate_outer .pro_cate_list .pro_cate_item:hover .item_bg{ display: block;}
.pro_cate_outer .pro_cate_list .pro_cate_item0{ width: 33.33%;}
.pro_cate_outer .pro_cate_list .pro_cate_item1{ width: 16.66%;}
.pro_cate_outer .pro_cate_list .pro_cate_item2{ width: 33.33%;}
.pro_cate_outer .pro_cate_list .pro_cate_item3{ width: 16.66%;}
.pro_cate_outer .pro_cate_list .pro_cate_item4{ width: 16.66%; position: absolute;}
.pro_cate_outer .pro_cate_list .pro_cate_item5{ width: 16.66%; position: absolute;}
.pro_cate_outer .pro_cate_list .pro_cate_item6{ width: 16.66%; position: absolute;}
.pro_cate_outer .pro_cate_list .pro_cate_item7{ width: 16.66%; position: absolute;}
.pro_cate_outer .pro_cate_list .pro_cate_item8{ width: 16.66%; position: absolute;}
.pro_cate_outer .pro_cate_list .pro_cate_item9{ width: 33.33%; position: absolute;}

.pro_cate_outer .pro_cate_list .pro_cate_item .mask_bg{ position: absolute; display: none; width: 100%; height: 100%; background: rgba(60, 82, 42, 0.6); left: 0; top: 0;}

/***************************************** products_category end ******************************************************/

.index_work_scene{ width: 1292px; margin: 0 auto; margin-top: 100px; position: relative;}
.index_work_scene .work_scene_list{ width: 1160px; height: 327px; margin: 0 auto; overflow: hidden;}
.index_work_scene .work_scene_list .picList{ overflow: hidden;}
.index_work_scene .work_scene_list .work_scene_item{ float: left; width: 283px; height: 100%; margin-right: 9px;}
.index_work_scene .work_scene_list .work_scene_item:first-child{ margin-left: 0;}
.index_work_scene .work_scene_list .work_scene_item .work_scene_a{ width: 283px; text-decoration: none;}
.index_work_scene .work_scene_list .work_scene_item .work_scene_img{ width: 283px; height: 283px; overflow: hidden;}
.index_work_scene .work_scene_list .work_scene_item .work_scene_img img{ max-width: 283px; max-height: 283px;}
.index_work_scene .work_scene_list .work_scene_item .work_scene_name{ width: 100%; height: 44px; line-height: 44px; font-size: 14px; color: #999; text-align: center;}

.index_work_scene .work_scene_list .work_scene_item .work_scene_img img{
    overflow-x: hidden;
    overflow-y: hidden;
    transition-delay: 0s;
    transition-duration: 1s;
    /* Firefox 4 */
    -moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    /* Safari 和 Chrome */
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    /* Opera */
    -o-transition-delay: 0s;
    -o-transition-duration: 1s;
}
.index_work_scene .work_scene_list .work_scene_item:hover img{
    transform: scale(1.1, 1.1);

    -ms-transform:scale(1.1, 1.1); 	/* IE 9 */
    -moz-transform:scale(1.1, 1.1); 	/* Firefox */
    -webkit-transform:scale(1.1, 1.1); /* Safari 和 Chrome */
    -o-transform:scale(1.1, 1.1); 	/* Opera */
}

.banner_small_item .banner_img .banner_small_img{
    overflow-x: hidden;
    overflow-y: hidden;
    transition-delay: 0s;
    transition-duration: 1s;
    /* Firefox 4 */
    -moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    /* Safari 和 Chrome */
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    /* Opera */
    -o-transition-delay: 0s;
    -o-transition-duration: 1s;
}

.index_work_scene .work_btn{ width: 1292px;}
.index_work_scene .work_btn a{ display: block; width: 44px; height: 44px; position: absolute; top: 50%; margin-top: 100px;}
.index_work_scene .work_btn .prev{ left: 0;}
.index_work_scene .work_btn .next{ right: 0;}

/***************************************** banner_mid start ******************************************************/
.banner_mid{ width: 100%; margin-top: 83px; position: relative;}
.banner_mid .banner_info{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden;}
.banner_mid .banner_info table{ margin: 0 auto;}
.banner_mid .banner_info .read_more_btn{ display: block; width: 200px; height: 60px; line-height: 60px; text-align: center; font-size: 16px; color: #fff; text-decoration: none; border: 1px solid #fff; margin: 0 auto; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px;}
.banner_mid .banner_info .read_more_btn:hover{ background: rgba(0, 0, 0, 0.2);}
/***************************************** banner_mid end ******************************************************/

/***************************************** index_advantage start ******************************************************/
.index_advantage{ margin-top: 115px;}
.index_advantage .advantage_list{ width: 1160px; margin: 0 auto; margin-top: 84px;}
.index_advantage .advantage_list .advantage_item{ float: left; width: 247px; padding: 0 18px; text-decoration: none;}
.index_advantage .advantage_list .advantage_item .advantage_img{ width: 100%; height: 100px;}
.index_advantage .advantage_list .advantage_item .advantage_img img{ max-width: 100%; max-height: 100%;}
.index_advantage .advantage_list .advantage_item .advantage_title{ width: 100%; height: 80px; line-height: 80px; font-size: 24px; text-align: center;}
.index_advantage .advantage_list .advantage_item .advantage_brief{ font-size: 13px; color: #999; text-align: center;}
.index_advantage .advantage_list .advantage_item:hover .advantage_title{ color: #8ac759;}
/***************************************** index_advantage end ******************************************************/

@media screen and (max-width: 980px){
	.index_work_scene{ width:1160px;}
	.index_work_scene .work_btn .prev{ z-index:10;}
	.index_work_scene .work_btn .next{ z-index:10;}
}