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

.banner{width:100%; height:auto; overflow:hidden;}
.banner dt{display:block; width:100%; height:auto; 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%; height:auto;}
.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: 30px; margin-bottom: 0px;}
.manage .manage_list{ width: 100%; margin-top: 50px; margin-bottom: 30px; overflow: hidden;}
.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: 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: 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;}
}


.myslider{
    width:49.5%;
    display:inline-block;
    height:320px;
    overflow:hidden;
}

.myleft{
    float:left;
}
.myright{
    float:right;
}

.carousel-inner>.item
{
   
}

.carousel-inner>.item div{
    position:absolute;
    bottom:0px;
    width:100%;
    text-align:center;
    background:rgba(158,49,54,0.6);
    color:#fff;
    font-size:1.25em;
    text-transform:uppercase;
    font-weight:700;
    padding:1em 0px;
    text-align:center;
}
.carousel-inner>.item div a{ 
    color:#fff;
    font-size:1.25em;
    text-transform:uppercase;
    font-weight:700;


}

.carousel-inner>.item div a:hover{ 
    text-decoration:none;
}

.carousel-control.right{
    background:none;
    filter:none;
    font-size:1.25em;
    height:auto;
    background-color:rgb(158,49,54);
 
    display:inline-block;
    opacity:1;
    background-image:url('../images/arrow_03.png');
    background-position:center center;
    background-repeat: no-repeat;
    bottom:0px;
    top:auto;

}



/*新增产品总页面*/

.typename h1{
    color:#666666;
    font-size:2.5em;
    padding:0.6em 0px;
    text-transform: uppercase;

}
.typename p{
    margin-bottom:1em;
    color:#666;
    font-size:1.125em;
    line-height:1.5;
}

.sons_id{
   
}
.sons_id .item-box{
    padding:1.5em;
     background:#f8f8f8;
    border:1px solid #e5e5e5;
    margin-bottom:1em;
    border-radius:3px;
	float:left;
}
.sons_id .left_box{
    width:23%;
    float:left;
    display:inline-block;
}
.sons_id .left_box >a{
    display: block;
}
.left_box img{
    max-width:100%;
    
}
.sons_id .right_box{
    width:77%;
    float:right;
    display:inline-block;
	padding-left:1em;
	padding-top:1em;
}

.right_box h2{
    margin-top:0.2em;
    margin-bottom:0.7em;
}
.right_box h2 a{

    text-decoration:none;
    font-size:1em;
	color:#993333
}

/*新增产品总页面结束*/


@media only screen and (max-width:1024px)
{
	.banner dt .bd li, .banner dt .bd li a, .banner dt .bd img{height:auto;}	
	.banner dt{height:auto;}
	.banner{height:auto;}
    .manage{
        width:100%;
        min-width:100%;
    }
	.sons_id .item-box{padding:1em;}

}


@media screen and (max-width:768px)
{
	
	
	.right_box h2{margin-bottom:0.35em;}
	
	.right_box h2 a{font-size:0.8em;}
	
}

@media screen and (max-width:736px)
{
    .manage{width:100%;min-width:100%;}
    .desc
    {
        padding:0 15px !important;
    }
    .desc p{
        text-align:left !important;
    }

    .myslider{
            width:100%;
            height:auto;
    }
    .myleft{
        margin-bottom:1em;
    }

	.sons_id .right_box{padding-left:0px;}


}


@media screen and (max-width:736px)
{
    .sons_id .left_box,.sons_id .right_box
    {
        width:100%;
        float:none;

    }
    .sons_id{
        margin-left:15px;
        margin-right:15px;
    }
    .left_box img
    {
        width:100%;
    }
	
	.right_box h2{font-size:1.7em;}
	
	
}