/*
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: 2%; background: url("../Images/banner_btn_left.png");}
#banner .banner_btn_right{ right: 2%; background: url("../Images/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;}


.zt,.mb {  margin-bottom: 80px;}
.zt>div { width: 20%;height: 300px; float: left; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;  box-sizing: border-box; padding-left: 32px;  position: relative; cursor: pointer;background-size: cover;padding-top: 135px;}
.zt_list a {  position: unset;}
.zt1 {  background: url(../images/zb1.png) no-repeat center;}
.zt2 {  background: url(../images/zb2.png) no-repeat center;}
.zt3 {  background: url(../images/zb3.png) no-repeat center;}
.zt4 {  background: url(../images/zb4.png) no-repeat center}
.zt5 {  background: url(../images/zb5.png) no-repeat center;}
.zt h2 { font-size: 22px; color: #fff; margin-bottom: 10px;margin-top: 30px;}
.zt p {width: 206px; color: #fff;}
.zt i { width: 0;display: block;background: #fff;height: 2px; margin-top: 10px;transition: all 0.5s;-webkit-transition: all 0.5s;}
.zt img {position: absolute;left: 50%;top: 0; -webkit-transition: .5s; -moz-transition: .5s;transition: .5s; transform: translate(-50%, -50px);}
.zt_list:hover img {-webkit-transform: translate(-20%, -5px); -moz-transform: translate(-20%, -5px); -ms-transform: translate(-20%, -5px); transform: translate(-20%, -5px);}
.zt_list:hover i {width: 100%;}
.zt4 img { right: -16px;}


/***************************************** manage start ******************************************************/
.manage{ max-width: 1160px; /*width: 1160px;*/ margin: 0 auto; margin-top: 120px; margin-bottom: 140px;}
.manage h2{ text-align: center; font-size: 36px;}
.manage p{ padding-top:15px;text-align: center; line-height: 2em;}
.manage .manage_list{ width: 100%; margin-top: 50px;}
.manage .manage_list .manage_item{ display: inline-block; width: 31%; 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 h2{ text-align: center; font-size: 36px;}
.pro_cate_outer p{ padding-top:15px;text-align: center; line-height: 2em;}
.pro_cate_outer .pro_cate{ padding-bottom:50px;}
.pro_cate_outer .pro_cate_list{ width: 100%; position: relative;}
.pro_cate_outer .pro_cate_list .pro_cate_item{ display: block; float: left; position: relative; text-decoration: none; overflow: hidden;}
.pro_cate_outer .pro_cate_list .pro_cate_item img{ max-width: 100%; max-height: 100%;}
.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: 26.33%;}
.pro_cate_outer .pro_cate_list .pro_cate_item1{ width: 23.66%;}
.pro_cate_outer .pro_cate_list .pro_cate_item2{ width: 19.66%;}
.pro_cate_outer .pro_cate_list .pro_cate_item3{ width: 30.33%;}
.pro_cate_outer .pro_cate_list .pro_cate_item4{ width: 18.66%; position: absolute;}
.pro_cate_outer .pro_cate_list .pro_cate_item5{ width: 18.66%; position: absolute;}
.pro_cate_outer .pro_cate_list .pro_cate_item6{ width: 27.33%; position: absolute;}
.pro_cate_outer .pro_cate_list .pro_cate_item7{ width: 18.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: 100%;max-width: 1260px; margin: 0 auto; margin-top: 100px; position: relative;}
.index_work_scene h2{ text-align: center; font-size: 36px;}
.index_work_scene p{ padding-top:15px;text-align: center; line-height: 2em;}
.index_work_scene .work_scene_list{ width: 90%; height: 267px; 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: 24.5%; 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: 24.5%; text-decoration: none;}
.index_work_scene .work_scene_list .work_scene_item .work_scene_img{ width: 100%; height: 223px; overflow: hidden;}
.index_work_scene .work_scene_list .work_scene_item .work_scene_img img{ max-width: 100%; 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: 100%;}
.index_work_scene .work_btn a{ display: block; width: 44px; height: 44px; position: absolute; top: 40%; 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: 53px; position: relative;}
.banner_mid .banner_info{ width: 100%; height: 100%;color: #fff; position: absolute; left: 0; top: 0; overflow: hidden;}
.banner_mid .banner_info h1{text-align: center; font-size: 38px; color: #000; padding:4% 0;}
.banner_mid .banner_info img{ /*width: 100%;*/ padding:2% 0}
.banner_mid .banner_info h2{ font-size:20px;line-height:40px;}
.banner_mid .banner_info p{ font-size:17px;line-height:30px;}
.banner_mid .banner_info table{ margin: 0 auto;width: 40%; }
.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: 30px 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: 85px;}
.index_advantage h2{ text-align: center; font-size: 36px;}
.index_advantage p{ padding-top:15px;text-align: center; line-height: 2em;}
.index_advantage .advantage_list{ max-width: 1160px; margin: 0 auto; margin-top: 84px;}
.index_advantage .advantage_list .advantage_item{ float: left; width: 21.5%; 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:100%;}
	.index_work_scene .work_btn .prev{ z-index:10;}
	.index_work_scene .work_btn .next{ z-index:10;}
}
@media screen and (max-width: 480px){
.zt, .mb { display:none;margin-bottom: 0px;}
#top_bar .header_left {display:none;}
#header_outer{display:none;}
.banner{ height: 150px;}
.banner dt .bd li, .banner dt .bd li a, .banner dt .bd img {width: 100%; height: 150px;}
.manage { margin-top: 50px;margin-bottom: 0px;}
.manage .manage_list .manage_item {  width: 100%; margin-left: 0px;}
.index_work_scene .work_scene_list .work_scene_item{ float: left; width: 99.5%; height: 100%; margin-right: 9px;}
.index_advantage .advantage_list .advantage_item{ float: left; width:48%; padding: 0 1%;margin-bottom:25px; text-decoration: none;}
.index_advantage .advantage_list .advantage_item .advantage_title {height: 40px;line-height: 40px; font-size: 20px; }
.products .cate_left {display:none}
.products_right {width: 100%;}
.products_right .pro_list .pro_item {width: 45%;}
.products_right .pro_list .pro_item:nth-child(2n) { margin-right: 0px;}
.products_right .pro_list .pro_item:nth-child(2n+1) { margin-right: 19px;}
#main .contact_lf{width: 100%;}
#main .contact_rt {width: 100%;}
.info_list .info_item {width: 96%;padding: 20px 10px;}


#float_chat {display:none;}
#footer_outer {height: 440px;}
#footer .footer_right {display:none;}
#footer .footer_left {
    float: left;
    width: 400px;
    margin-left: 18px;
    margin-top: 50px;
}
.header-menu-con {
    display: none;
}
}