/*

    header

*/
.i-about-hd .about-message button{
    width: 100%;
    line-height: 40px;
}





.i-diy-img{

    height: 790px;

    background: url(../image/diy.jpg) no-repeat center;

}

.header{

    background: #fff;

}

.header-hd{

    height: 28px;

    border-bottom: 1px solid #e2e1dd;

    line-height: 27px;

    color: #000;

    font-size: 12px;

}

.header-hd li{

    float: left;

}

.header-hd li.line{

    display: block;

    height: 10px;

    width: 1px;

    background: #999;

    margin: 9px 8px;

}

.header-bd{

    height: 138px;

}

.header-bd .logo,

.header-bd .logo a{

	display: block;

    height: 138px;

    font-size: 0;

}

.header-bd .logo a{

	display: flex;

	justify-content: flex-start;

	align-items: center;

}

.header-bd .logo img{

    max-height: 100%;

}

.header-bd .call{

    padding-left: 54px;

    font-size: 14px;

    margin-top: 20px;

}

.header-bd .call p{

    font-size: 28px;

    font-family: Arial;

    font-weight: bold;

    color: #e70e05;

    line-height: 1.5;

    background: url(../image/call-2.png) no-repeat left center;

    padding-left: 40px;

}

.header-bd .call p:last-child{

    background: url(../image/call-1.png) no-repeat left center;

}

.header-bd .call span{

    padding-left: 40px;

}





/*

    顶部导航

*/

.navbar{

    height: 50px;

    background: #383838;

}

#nav_box{

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.navbar li{

	text-align: center;

	position: relative;

	flex: 1;

}

.navbar li a{

    font-size: 16px;

    color: #fff;

    line-height: 50px;

    display: block;

}

.navbar li.on a,

.navbar li a:hover{

    background: #e70e05;

}

.navbar li{position: relative;}

.nav li ul{position:absolute; left:0; top:45px; width:100%; background: #383838; display:none; overflow:hidden;}

.nav li ul li{ width:100%; height:40px;}

.nav li ul li a{ font-size:13px;color:#fff; line-height:40px; display:block; white-space: nowrap;padding: 0 ;text-align: center;border: none;}

.nav li ul li a:hover{ color:#fff;line-height: 40px; border: none;background: #e70e05;}

.nav .on ul li a{background: #e70e05;color:#fff;border: none; line-height: 40px;}

.nav .on ul li a:hover{background-color: rgba(255,255,255,.1);}



/*

    diy

*/

.i-diy-img{

    width: 100%;

    overflow: hidden;

}



/*

    搜索

*/

.i-search{

    height: 55px;

    line-height: 55px;

    font-size: 12px;

    color: #000;

    background: #f3f4f6;

    overflow: hidden;

    margin-top: -4px;

}

.i-search-hd{

    width: 850px;

    overflow: hidden;

}

.i-search-hd span{

    display: inline-block;

    font-size: 16px;

    color: #e70e05;

    background-size: 32px;

}

.i-search-bd form{

    width: 320px;

    height: 28px;

    margin-top: 14px;

}

.i-search-bd .search-key{

    width: 270px;

    height: 28px;

    border: 1px solid #ccc;

    padding: 0 5px;

    font-size: 12px;

    color: #999;

    outline: none;

    float: left;

}

.i-search-bd .search-button{

    width: 50px;

    height: 28px;

    line-height: 28px;

    text-align: center;

    border: none;

    background: #e70e05;

    color: #fff;

    cursor: pointer;

    float: right;

}

.i-search-bd .search-button:hover{

    background: #e70e05;

}



/*

  产品  

*/

.i-product{

    padding-bottom: 53px;

}

.tit{

    margin-top: 60px;

    text-align: center;

}

.tit h3{

    font-size: 40px;

    color: #333;

}

.tit p{

    font-size: 24px;

    color: #ccc;

    text-transform: uppercase;

}

.i-product-hd{

    width: 233px;

    margin-top: 50px;

    border: 1px solid #ccc;

}

.i-product-hd .item-hd{

    height: 97px;

    color: #fff;

    background: #e70e05;

}

.i-product-hd .item-hd p{

    font-size: 32px;

    padding: 22px 0 6px 34px;

    background: url(../image/pro-classify.png) no-repeat 34px 74px;

}

.i-product-hd .item-bd li ul{

    padding: 0 2px;

}

.i-product-hd .item-bd li ul li a{

    padding: 0 2px;

    line-height: 56px;

    color: #666;

    border-bottom: 1px dotted #383838;

    display: block;

    font-size: 15px;

    text-align: center;  

}

.i-product-hd .item-bd li ul li:last-child a {

    border-bottom: 0px;

}

.i-product-hd .item-bd li ul li:hover a{

    background: #e70e05;

    color: #fff;

    border-bottom: 0;

}

.i-product-hd .item-bd li .classify-main{

    display: block;

    text-align: center;  

    width: 100%;

    height: 50px;

    line-height: 50px;

    color: #fff;

    border-bottom: none;

    font-size: 15px;

    background: url(../image/classify-main.jpg) no-repeat;

}

.i-product-bd{

    width: 926px;

    padding-top: 50px;

    background: url(../image/proline.png) no-repeat top center;

}

.i-product-bd li{

    width: 293px;

    margin-right: 23px;

    margin-bottom: 24px;

}

.i-product-bd li .img{

    width: 100%;

    height: 288px;

    overflow: hidden;

    border: 1px solid #e2e2e2;

}

.i-product-bd li .img img{

    width: 100%;

}

.i-product-bd li p{

    color: #666;

    font-size: 18px;

    line-height: 57px;

    text-align: center;

    border: 1px solid #ccc;

    margin-top: -1px;

}

.i-product-bd li p:hover{

    background: #e70e05;

    color: #fff;

    border: none;

}



/*ban*/

.i-ban1{

    height: 300px;

    background: url(../image/ban1.png) no-repeat center;

    text-align: center;

    color: #fff;

}

.i-ban1 h3{

    font-size: 36px;

    padding-top: 66px;

}

.i-ban1 p{

    font-size: 18px;

    padding: 8px 0;

}

.i-ban1 .tell{

    display: inline-block;

    width: 398px;

    line-height: 50px;

    background: #fff;

    border-radius: 25px;

    margin-top: 22px;

}

.i-ban1 .tell a{

    color: #333;

    font-size: 18px;

    background: url(../image/tell.png) no-repeat left;

    padding-left: 44px;

    height: auto;

    display: inline-block;

}



/*avant*/

.i-avantage{

    background: url(../image/avantbg.png) center;

    padding: 60px 0 0;

}

.i-avantage .tit{

    margin-top: 0;

}

.i-avantage-bd{

    margin-top: 50px;

}

.i-avantage-bd .avant-item i{

    width: 94px;

    height: 100px;

    float: left;

    background: url(../image/avn-desc1.jpg) no-repeat;

    font-size: 54px;

    color: #fff;

    font-style: italic;

    /* text-indent: 3px; */

    text-align: center;

    line-height: 100px;

}

.i-avantage-bd .avant-item .avant-item-con{

    float: left;

    padding-left: 24px;

}

.i-avantage-bd .avant-item .avant-item-con p{

    font-size: 32px;

    color: #333;

}

.i-avantage-bd .avant-item .avant-item-con h3{

    font-size: 44px;

    color: #e70e05;

    font-weight: bold;

}

.i-avantage-bd .avant-desc p{

    font-size: 20px;

    line-height: 2em;

    color: #666;

}

.i-avantage-bd .avant-desc p span{

    color: #e70e05;

    padding-right: 6px;

} 

.i-avantage-bd .avn-first{

    padding-top: 50px;

    padding-bottom: 80px;

    background: url(../image/avn-back.png) no-repeat center bottom ;

}

.avn-third{

    padding-top: 50px;

    padding-bottom: 80px;

    background: url(../image/avn-back3.png) no-repeat center bottom ;

}

.i-avantage-bd .avn-second{

    padding-top: 30px;

    padding-bottom: 30px;

    /* background: url(../image/avn-back2.png) no-repeat center bottom ; */

}

.i-avantage .item-hd {

    width: 505px;

    text-align: left;

}

.i-avantage-bd .text-right .item-bd{

    padding-top: 45px;

}

/*case*/

.i-case{

    background: url(../image/case-back.jpg) no-repeat;

    margin-top: 30px;

}

.i-case .tit{

    margin: 0;

    padding-top: 60px;

}

.i-case .tit h3{

    color: #333;

}

.i-case .tit p{

    color: #999;

}

.i-case-hd{

    margin-top: 50px;

}

.i-case-hd ul{

    display: flex;

    justify-content: space-between;

}

.i-case-hd li{

    width: 588px;  

}

.i-case-hd li .i-case-img{

    width: 100%;

    /* height: 626px; */

    border: 1px solid #ccc;

    box-sizing: border-box;

    background: #fff;

}

.i-case-hd li .i-case-img .img{

    margin: 18px;

    height: 450px;

    overflow: hidden;

}

.i-case-hd li .i-case-img .img img{

    width: 100%;

}

.i-case-hd .i-case-desc{

    width: 100%;

    height: 78px;

    border: 1px solid #ccc;

    line-height: 78px;

    margin-top: -1px;

    background: #fff;

}

.i-case-hd .i-case-desc span{

    font-size: 18px;

    padding-left: 20px;

    float: left;

}

.i-case-hd .i-case-desc a{

    display: inline-block;

    padding: 0 20px;

    line-height: 34px;

    background: #e70e05;

    border-radius: 17px;

    color: #fff;

    font-size: 16px;

    float: right;

    margin: 20px 20px 0 0;

}

.picList .pic{

    height: 200px;

    overflow: hidden;

}

.picList .pic img{

    width: 100%;

}

.i-case-bd{

    margin-top: 30px;

    background: #fff;

    width: 100%;

    height: 240px;

}

.i-case .w{

    padding-bottom: 52px;

}

.i-case-bd .bd{

    padding: 20px;

    margin-right: 20px;

    overflow: hidden;

}

.i-case-bd .bd ul{

    zoom: 1;

}

.i-case-bd .bd ul li{

    margin: 0 9px;

    overflow: hidden;

    text-align: center;

    width: 250px;

}

/*ban2*/

.i-ban2{

    height: 200px;

    background: url(../image/ban2.jpg) no-repeat center;

}

/*box-hd*/

.box-hd{

    background: url(../image/boxline.png) no-repeat center;

    font-size: 30px;

    color: #333;

    font-weight: normal;

    text-align: center;

}

/**/

.i-about{

    padding-top: 60px;

    

}

.i-about .w{

    position: relative;

}

.i-about .i-about-tit{

    text-align: center;

}

.i-about .i-about-tit h3{

    font-size: 40px;

    color: #333;

}

.i-about .i-about-tit h3 span{

    font-weight: normal;

}

.i-about .i-about-tit p{

    font-size: 20px;

    text-transform: uppercase;

    color: #666;

    padding-top: 10px;

}

.i-about-desc {

    /* width: 880px; */

    /* height: 592px; */

    background: #f2f2f2;

    float: left;

}

.i-about-desc ul {

    padding: 32px 26px;

}

.i-about-desc .i-about-img{

    width: 498px;

    float: left;

    overflow: hidden;

}

.i-about-desc .i-about-con{

    width: 280px;

    height: 465px;

    overflow: hidden;

    /*border: 1px solid #ccc;*/

    background: #fff;

    text-align: center;

}

.i-about-desc .i-about-con h6{

    font-size: 20px ;

    color: #333;

    padding-top: 50px;

}

.i-about-desc .i-about-con img{

    padding: 24px 0;



}

.i-about-desc .i-about-con sp{

    width: 252px;

    height: 2px;

    background: #ccc;

    margin: 0 auto;

    display: block;

    margin-bottom: 24px;

}

.i-about-desc .i-about-con .pos-about{

    width: 250px;

    margin: 0 auto;

    line-height: 2em;

    font-size: 14px;

    height: 162px;

    overflow: hidden;

}

.i-about-desc .i-about-con .pos-about p a{

    display: inline-block;

    padding: 0;

    line-height: 0px;

    font-size: 14px;

    border: none;

    /*border-radius: 20px;*/

    margin-top: 0px;

}

.i-about-desc .i-about-con a{

    display: inline-block;

    padding: 0 40px;

    line-height: 40px;

    font-size: 16px;

    border: 1px solid #ccc;

    border-radius: 20px;

    margin-top: 36px;

}

.i-about-hd .about-message {

    width: 368px;

    height: 533px;

    background: #f2f2f2;

    float: right;

    overflow: hidden;

}

.i-about-hd .about-message h5{

    font-size: 30px;

    text-align: center;

    color: #333;

    font-weight: normal;

    padding: 25px 0;

}

.i-about-hd .about-message form{

    width: 312px;

    margin: 0 auto;

}

.i-about-hd .about-message label{

    display: block;

    font-size: 18px;

}

.i-about-hd .about-message input{

    width: 312px;

    height: 40px;

    background: #fff;

    border: 1px solid #ccc;

    padding-left: 14px;

    margin-top: 14px;

    margin-bottom: 20px;

}

.i-about-hd .about-message textarea {

    width: 312px;

    height: 80px;

    background: #fff;

    margin-top: 14px;

    margin-bottom: 20px;

}

.i-about-hd .about-message .submit{

    background: #e70e05;

    border: none;

    color: #fff;

    font-size: 18px;

    border-radius: 20px;

}

.i-about-bd {

    width: 100%;

    height: 220px;

    background: #f2f2f2;

    overflow: hidden;

    margin-top: 1px;

    position: absolute;

    bottom: -222px;

    left: 0;

    

}

.i-about-bd .bd{

    padding: 30px 20px;

    /* margin-right: 20px; */

    overflow: hidden;

}

.i-about-bd .bd ul{

    zoom: 1;

}

.i-about-bd .bd ul li{

    margin: 0 9px;

    overflow: hidden;

    text-align: center;

    width: 214px;

    float: left;

}

/**/

.i-news {

    width: 100%;

    /* height: 1094px; */

    background: url(../image/news-back.jpg) no-repeat;

    /* margin-top: -60px; */

    overflow: hidden;

    margin-top: 160px;

}

.i-news .w{

    padding-bottom: 50px;

}

.i-news-tit {

    text-align: center;

    padding-top: 122px;

}

.i-news-con{

    width: 1200px;

    /*height: 616px;*/

    background: #fff;

    margin-top: 60px;

    position: relative;

    overflow: hidden;

    zoom: 1;

}

.i-news-con .hd {

    width: 100%;

    overflow: hidden;

}

.i-news-con .hd ul{

    display: flex;

    justify-content: space-between;

    overflow: hidden;

    zoom: 1;

}

.i-news-con .hd ul a{

    display: block;

    width: 252px;

    line-height: 60px;

    text-align: center;

    font-size: 18px;

    color: #333;

    border: 1px solid #ccc;

    box-sizing: border-box;

}

.i-news-con .bd .i-new-bd-img {

    float: left;

    width: 485px;

}

.i-news-con .bd .i-new-bd-img img{

    width: 100%;

}

.i-news-con .bd .i-news-desc {

    float: left;

    margin-left: 50px;

}

.i-news-con .bd .i-news-desc ul{

    padding: 12px 0;

}

.i-news-con .bd .i-news-desc li {

    width: 560px;

    padding-bottom: 25px;

}

.i-news-con .bd .i-news-desc li:last-child{

    padding-bottom: 0;

}

.i-news-con .bd .i-news-desc li a{

    font-size: 16px;

    color: #333;

}

.i-news-con .bd .i-news-desc li a span{

    padding-right: 20px;

}

.i-news-con .bd .i-news-desc li i{

    font-size: 16px;

    color: #666;

    float: right;

}

.i-news-con .bd {

    padding: 50px 50px;

}

/*

    地区分站&友情链接

*/

.i-link{ 

    width: 1200px;

    margin: 0 auto;

    overflow: hidden;

    margin-top: 60px;

    margin-bottom: 30px;

}

.i-link span{

    display: inline-block;

    font-size: 14px;

    color: #333;

    font-weight: bold;

    display: block;

    padding-bottom: 14px;

}

.i-link a{

    color: #666666;

    font-size: 14px;

    font-weight: normal;

    padding: 0 8px;

}

/*

    footer

*/

.footer{

    background: #fff;

    overflow: hidden;

}

.footer-hd{

    line-height: 80px;

    background: #e70e05;

    /* padding-bottom: 10px; */

}

.footer-hd li{

    display: inline-block;

}

.footer-hd li a{

    display: block;

    height: 51px;

    line-height: 51px;

    color: #fff;

    font-size: 18px;

    padding: 0 24px;

}

.footer-bd{

    margin: 50px 0;

}

.footer-bd .w{

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.footer-bd ul{

    padding: 8px 0;

    border-left: 1px solid #ccc;

    border-right: 1px solid #ccc;

}

.footer-bd li{

    font-size: 14px;

    padding: 8px 162px;  

}

.footer-bd .footer-code{

    text-align: center;

}

.footer-link{

    line-height: 60px;

    background: #e1e1e1;

    font-size: 14px;

    color: #666;

}

.footer-link .it-ft{

    text-align: center;

}

.footer-link p,

.footer-link .code-script,

.footer-link .code-tongji{

    display: inline-block;

}



/*-------------------------------------------------*/

/* 内页上方 */

/*.um-banner{*/

/*    height: 300px;*/

/*    background: url(../image/um-banner.jpg) no-repeat center;*/

/*}*/

.pos{

    width: 1200px;

    margin: 0 auto;

    height: 44px;

    line-height: 44px;

    text-align: right;

    padding: 0 15px;

    margin-top: 20px;

}

.pos,.pos a{ color:#999; font-size: 13px;}

.pos a:last-child{

    color: #e70e05;

}



.main{

    padding: 20px 0 50px;

}

.um-article{

    margin-top: -60px;

}

.um-hd{

    /*background: #f0f0f0;*/

}

.um-hd{

    width: 233px;

    float: left;

}

.um-hd_hd{

    background: #fff;

    padding: 15px;

}

.um-hd_bd{

    background: #fff;

    padding: 15px;

}

.um-hd .item-bd .um-hd-pro li{

    width: 100%;

}

.um-hd_nav h2{

    font-size: 16px;

    font-weight: normal;

    line-height: 50px;

    border-bottom: 1px solid #c7c7c7;

    padding-left: 10px;

}

.um-bd{

    width: 920px;

}

.um-bd_hd{

    background: #fff;

    font-size: 18px;

    padding-left: 15px;

}

.um-article .item-hd{

    height: 60px;

    padding: 15px;

    color: #fff;

    line-height: 30px;

}

.um-hd .item-hd{

    background: #e70e05;

    font-size: 16px;

}

.um-bd .item-hd{

    color: #666;

    background: #eee;

}

.um-hd .i-product-hd{

    margin-top: 0;

}

.um-bd{

    width: 927px;

    float: right;

    min-height: 500px;

}

.um-left{

    width: 927px;

    float: right;

}

.um-right{

    width: 233px;

    float: left;

}

.um-page{

    width: 927px;

}

/* 左侧导航 */

.um-lside{

    /*border: 1px solid #d5d5d5;*/

}

.um-lside>h3{

    height: 40px;

    line-height: 40px;

    font-size: 18px;

    padding-left: 8px;

    color: #018e05;

    font-weight: normal;

    background: url(../image/menu_tit.gif) no-repeat left bottom;

}

.um-lside .item-bd{

    margin-top: 10px;

    padding: 0 8px;

}

.um-hd_hd .item-bd dt{

    height: 40px;

}

.um-hd_hd .item-bd dt a{

    display: block;

    font-size: 15px;

    line-height: 40px;

    height: 40px;

    overflow: hidden;

    color: #222;

}

.um-hd_hd .item-bd dt a:before{

    content: '';

    display: inline-block;

    border-top: 6px solid transparent;

    border-bottom: 6px solid transparent;

    border-left: 8px solid #018e04;

    margin-right: 13px;

}

.um-hd_hd .item-bd dd{

    height: 36px;

}

.um-hd_hd .item-bd dd a{

    display: block;

    line-height: 36px;

    color: #666;

    height: 36px;

    font-size: 12px;

    font-family: '宋体';

    padding-left: 22px;

}

.um-hd_bd .con{

    padding: 10px;

    font-size: 14px;

    line-height: 28px;

}



/* 内容页上 标题 */

.um-bd_hd{

    height: 50px;

    line-height: 50px;

    border-left: 1px solid #018e05;

}



/* 详情页标题 */

.um-bd_bd .tit h3{

    line-height: 1.5;

    font-size: 19px;

    color: #222;

    text-align: center;

}

.meta{

    margin-top: 10px;

    border-bottom: 1px dashed #ccc;

    padding-bottom: 10px;

    margin-bottom: 20px;

    font-family: '宋体';

    text-align: center;

}

.content{

    font-size: 16px;

}



/* 产品列表页 */

.items-img li {

    width: 295px;

    border-width: 1px;

    margin-right: 20px;

    /* margin-bottom: 15px; */

    height: auto;

    background: #fff;

}

.items-img li .img{

    border: 1px solid #dddddd;

}

.items-img li img{

    width: 100%;

    display: block;

}

.items-img li:hover .img{

    border-color: #e70e05;

}

.items-img li p{

    line-height: 60px;

    font-size: 15px;

    color: #1a1a1a;

    font-weight: bold;

    padding: 0 20px;

}

.pro-tit{

    font-size: 32px;

    color: #e70e05;

    padding-bottom: 20px;

}

/* 产品详情页 */

.um-hd .hot-news {

    margin-top: 20px;

}

.um-hd .hot-news .r-module-desc {

    padding: 10px 0;

}

.um-hd .hot-news .r-module-desc li{

    padding: 0 10px;

}

#example3{

    float: left;

    margin-right: 25px;

}

#zoom_box{

    background: #eee;

    text-align: center;

    border: 1px solid #eee;

}

#zoom_box img{

    max-width: 100%;

    cursor: pointer;

}

#zoom_list{

    width:350px;

    height: 60px;

    background: #eee;

}

#zoom_list>a{

    width: 14px;

    height: 54px;

    margin-top: 2px;

    text-align: center;

    overflow: hidden;

    background: #b3b3b3;

    color: #fff;

    text-align: center;

}



#zoom_list .next {

    float: right;

    background: url(../images/next.gif) no-repeat -3px 18px;

}

#zoom_list .pre{

    float: left;

    background: url(../images/pre.gif) no-repeat -3px 18px;

}

#zoom_list #zoom_list_box{

    float: left;

    width:90%;

    overflow: hidden;

    height: 56px;

    position: relative;

}



.um-imgInfo{

    width: 508px;

}

.um-imgInfo .tit{    

    font-size: 26px;

    color: #222;

    font-weight: normal;

    line-height: 1.8;

}

.um-imgInfo .p_tabs{

    background: #f2f2f2;

    padding: 20px 15px;

    min-width: 325px;

}

.um-imgInfo .p_tabs li{

    line-height: 35px;

    font-size: 14px;

}

.um-imgInfo .p_tabs li em{

    font-style: italic;

}

.um-imgInfo-but a{

    display: inline-block;

    width: 200px;

    height: 45px;

    background: #e70e05;

    color: #283949;

    font-size: 14px;

    line-height: 45px;

    text-align: center;

    border: 1px solid #e70e05;

}

.um-imgInfo-but a:last-child{

    background: #fff;

    border: 1px solid #e70e05;

    background: rgba(255,189,0,.1);

    color: #283949;

}



.um-imgInfo-ft{

    background: url(../image/phone.png) no-repeat left center;

    background-size: 38px;

    padding-left: 50px;

    font-size: 25px;

    color: #e70e05;

    margin-top: 16px;

}





.um-imgDetail .tag{

    border-bottom: 1px solid #1651b8;

    margin-bottom: 20px;

}

.um-imgDetail .tag b{

    display: inline-block;

    height: 25px;

    line-height: 25px;

    color: #fff;

    text-align: center;

}

.um-imgDetail .items-desc-text li{

    width: 46%;

}

.um-imgDetail .items-desc-text li{

    margin-top: 0;

    padding-top: 0;

    padding-bottom: 5px;

}

.um-imgDetail .items-desc-text li:nth-child(2n){

    float: right;

    margin-right: 0;

}

.um-imgDetail .items-desc-text .con{

    width: 270px;

}

.um-imgDetail .items-desc-text .con h5{

    font-size: 14px;

}



/* 下方推荐 */

.um-bd_recommend{

    margin-top: 20px;

}

.um-bd_imgShow_bd .tag,

.um-bd_recommend .tag{

    height: 32px;

    margin: 20px 0;

    border-bottom: 1px solid #e70e05;

}

.um-bd_imgShow_bd .tag b,

.um-bd_recommend .tag b{

    display: inline-block;

    height: 32px;

    line-height: 32px;

    color: #fff;

    text-align: center;

    font-size: 15px;

    padding: 0 23px;

    border-bottom: 1px solid #e70e05;

    background: #e70e05;

}

.um-bd_recommend .items-img li{

    width: 216px;

    margin-right: 20px;

    margin-bottom: 0;

}

.um-bd_recommend .items-img li img{

    width: 100%;

    display: block;

}

.um-bd_recommend .article li{

    padding-bottom: 10px;

    border-bottom: 1px dotted #ddd;

    margin-bottom: 15px;

}

.um-bd_recommend .article li{

    width: 100%;

}

.um-bd_recommend .article li:last-child{

    margin-bottom: 0;

    padding-bottom: 0;

    border: none;

}

.um-bd_recommend .article li img{

    width: 150px;

    margin-right: 20px;

}

.um-bd_recommend .article li h2{

    font-size: 16px;

    font-weight: bold;

    color: #222;

    margin-top: 5px;

    /* height: 58px; */

    line-height: 40px;

    margin-bottom: 9px;

    overflow: hidden;

    float: left;

    padding-left: 20px;

}

.um-bd_recommend .article li p{

    font-size: 13px;

    color: #666;

    line-height: 20px;

    height: 40px;

    overflow: hidden;

}

.um-bd_recommend .article li span{

    display: block;

    font-size: 12px;

    /* margin-top: 5px; */

    color: #999;

    float: right;

    line-height: 40px;

    padding-right: 20px;

}

.um-bd_recommend .article li:hover h2{

    color: #e70e05;

}

/* 城市分销 */

.um-bd_recommend .citybox a{

    display: inline-block;

    padding-right: 10px;

    line-height: 30px;

}



.um-bd_recommend .citybox a:hover{

    color: #e70e05;

}



/* 内容页正文 */

.um-page-content{   

    font-size: 15px;

    line-height: 30px;

}













/* 内页右侧 */

.um-right .tit{

    color: #e70e05;

    text-transform: uppercase;

    letter-spacing: 1px;

    word-spacing: 2px;

    margin-bottom: 20px;

    font-weight: bold;

    border-left: 1px solid #e70e05;

    line-height: 30px;

    padding-left: 13px;

    font-size: 15px;

}

.um-right .tit span{

    color: #999;

    font-weight: normal;

}

.um-right .tit a{

    color: #0b67c5;

    font-weight: normal;

}

.case-show li{

    width: 293px;

    margin-right: 25px;

    /* margin-bottom: 15px; */

}

.case-show li img{

    width: 100%;

}

.case-show li p{

    line-height: 25px;

    font-size: 14px;

}

.case-show li:hover p{

    color: #e70e05;

}

.r-module-img .case-show{

    margin: 0;

}

.r-module-img li{

    margin-bottom: 30px;

    width: 100%;

    padding: 0;

}

.r-module-img li img{

    width: 100%;

    display: block;

}

.r-module-img li:last-child{

    margin-bottom: 0;

}

.r-module-img li .img{

    position: relative;

}

.r-module-img li .img img{

    display: block;

}

.r-module-img li .img:after{

    content: '';

    display: block;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    height: 20px;

    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0, #fff 100%);

    background-image: -o-linear-gradient(top, rgba(255,255,255,0.7) 0, #fff 100%);

    background-image: linear-gradient(to bottom, rgba(255,255,255,0.7) 0, #fff 100%);

    background-repeat: repeat-x;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3ffffff', endColorstr='#ffffffff', GradientType=0);

}

.r-module-img li p{

    color: #333;

    line-height: 30px;

}

.r-module-img li:hover p{

    background: #e70e05;

    color: #fff;

}

.r-module-img li .con p{

    line-height: 22px;

    font-size: 17px;

    margin-bottom: 5px;

    margin-top: 0;

    height: 22px;

    overflow: hidden;

    color: #525252;

    padding-left: 11px;

}

.r-module-img li .con span{

    display: block;

    margin: 0 15px 15px;

    font-size: 13px;

    line-height: 1.5em;

    height: 3em;

    overflow: hidden;

    color: #8a8a8a;

}

.r-module-img li:hover .con p{

    color: #0b67c5;

}

.r-module-desc li{

    margin-top: 14px;

}

.r-module-desc li .con h3{

    font-size: 13px;

    font-weight: normal;

    color: #444;

    line-height: 23px;

    height: 46px;

    overflow: hidden;

}

.r-module-desc li .con h3 span{

    display: inline-block;

    font-size: 12px;

    font-style: normal;

    background: #999;

    line-height: 12px;

    padding: 3px 6px;

    border-radius: 3px;

    color: #fff;

    vertical-align: middle;

    margin-top: -2px;

    margin-right: 8px;

    font-weight: normal;

}

.r-module-desc li:nth-child(1) .con h3 span{

    background: red;

}

.r-module-desc li:nth-child(2) .con h3 span{

    background: #FF5722;

}

.r-module-desc li:nth-child(3) .con h3 span{

    background: orange;

}

.r-module-desc li .con p{

    display: block;

    text-align: left;

    float: none;

    color: #c5c5c5;

    font-size: 12px;

}

.r-module-desc li:hover .con h3{

    color: #000;

}



.r-module .li2 a{

    display: block;

    margin-top: 14px;

    color: #c5c5c5;

    font-size: 12px;

    color: #8a8a8a;

}

.r-module-related a{

    color: #717171;

    line-height: 1.8em;

    margin-bottom: 20px;

    display: block;

}

.r-module-related a span{

    float: left;

    width: 1.5em;

    font-size: 28px;

    color: #e0e0e0;

    line-height: 1.1em;

    font-family: Impact,Arial,sans-serif;

    font-weight: normal;

    letter-spacing: 1px;

}



.r-module-related a:hover{

    color: #000;

}

.r-module-related a:hover span{

    color: #c3c3c3;

}

.r-module-keywords a{

    display: inline-block;

    padding:0 15px;

    background: #999;

    color: #fff;

    height: 25px;

    line-height: 25px;

    text-align: center;

    margin-right: 10px;

    margin-bottom: 10px;

}

.r-module-keywords a:hover{

    background: #e70e05;

}

.um-right .con a{

    font-size: 12px;

    font-family: '宋体';

    margin-right: 10px;

    display: inline-block;

    line-height: 20px;

}









/* 案例列表 */

.um-pic .case-show{

    margin-top: 0;

}

.um-pic .case-show li{

    width: 295px;

    margin-right: 20px;

    /* margin-bottom: 15px; */

}

.um-pic .case-show li img{

    width: 100%;

}

.um-pic .case-show li p{

    padding: 0px 10px;

    font-size: 16px;

    line-height: 50px;

}

.um-pic .case-show li:hover p{

    color: #e70e05;

}

/*新闻列表*/

 .items-desc-text .time{

    background: #cacaca;

    color: #000;

    width: 70px;

    height: 70px;

    text-align: center;

    line-height: 35px;

    padding-top: 8px;

}

 .items-desc-text .time h2{

    font-size: 30px;

    font-weight: normal;

    line-height: 1;

}

 .items-desc-text .time p{

    font-size: 14px;

}

 .items-desc-text li:hover .time{

    background: #e70e05;

    color: #fff;

}

 .items-desc-text li{

    padding: 15px 0;

    border-bottom: 1px dotted #dbd4cd;

    margin: 10px 0;

}

 .items-desc-text li:first-child{

    margin-top: 0;

    padding-top: 0;

}

 .items-desc-text li img{

    width: 200px;

    display: block;

    float: right;

 }

 .items-desc-text li .con{   

    margin-right: 220px;

}

 .items-desc-text li .con h5{

    color: #111;

    font-size: 17px;

    margin-bottom: 8px;

    width: 100%;

    line-height: 1.5;

}

 .items-desc-text li:hover .con h5{

    color: #e70e05;

}

 .items-desc-text li .con p{

    font-size: 14px;

    color: #555;

    line-height: 25px;

    overflow: hidden;

    height: 50px;

}

 .items-desc-text li .con span{

    font-size: 12px;

    line-height: 25px;

    font-weight: normal;

    font-family: '宋体';

    color: #999;

    margin-top: 8px;

    display: block;

}



/*新闻详情页*/

.content{

    font-size: 16px;

    line-height: 2;

    color: #333;

}

/* 案例详情页 */

.um-bd_ft li{

    width: 253px;

    margin-right: 20px;

    margin-bottom: 0;

}

.um-bd_ft li p{

    font-size: 14px;

    color: #333;

    line-height: 50px;

    padding: 0 10px;

}

.um-bd_bd .tit{

    margin-top: 30px;

}

/*----------------------------------------------------------------------------------------------------------------*/



/*

** 产品列表

**/

.catelist{}

.catelist li{ margin-top:20px; overflow:hidden;}

.catelist .img{ width:120px; height:120px; margin:0 30px; border:#ddd solid 2px; overflow:hidden;}

.catelist .com{ margin-left:30px;}

.catelist .t{ padding-bottom:6px;}





/*产品详细*/

.product_detail{ padding-left:20px;}

.um-imgZoom{float:left;margin-right:20px;}

.um-imgZoom p{text-align:center;padding-bottom:10px;}

#zoom_box{display:block;zoom:1;width:350px;height:350px;text-align:center;border:1px solid #ddd;vertical-align:middle;font-size:170px;padding:0;}

#zoom_box img{margin:0;padding:0;}

#zoom_box img.big_small{max-width:298px;max-height:298px;width: 298px; height: 298px;width:expression(this.width>300&&this.width>this.height?300:true);height:expression(this.height>300?300:true);}

#zoom_list{width:352px;height:60px;background:#EFEFEF;padding-top: 4px;position: relative;z-index: 99;}

#zoom_list .pre{float:left;width:14px;height:54px;margin-top:2px;text-align:center;overflow:hidden;background:#EFEFEF url(../images/pre.gif) no-repeat -3px 18px;}

#zoom_list .next{float:right;width:14px;height:54px;margin-top:2px;text-align:center;overflow:hidden;background:#EFEFEF url(../images/next.gif) no-repeat -3px 18px;}

#zoom_list #zoom_list_box{float:left;width: 323px;overflow:hidden;height:56px;position:relative;}

#thumblist{position:absolute;}

#thumblist li{float:left;width:53px;overflow:hidden;text-align:center;margin:2px 0;}

#thumblist li span{width:52px;height:52px;}

#thumblist li span a{width:50px;height:50px;font-size:42px;border:1px solid #FFF;}

#thumblist li span img{max-height:50px;max-width:50px;width:50px;height:50px;}

#big_box{float:left;}

#big_box span{width:302px;height:242px;}

#big_box span a{width:300px;height:240px;font-size:200px;}

#big_box span img{max-width:300px;max-height:240px;}

.p_info li{margin-bottom:10px;}



.um-imgDetail{}

.um-imgDetail .cent { padding:20px 0; font-size:14px;}

.um-imgDetail .cent img{

    max-width: 100%;

}



.um-imgDetail-news a{

    display: block;

    width: 50%;

    float: left;

    padding-right: 20px;

    line-height: 30px;

    font-size: 14px;

    margin-bottom: 5px;

}

.um-imgDetail-news a span{

    font-size: 12px;

    color: #999;   

}





.pagenav{ font-size: 14px; margin-top: 20px;}

.pagenav a{ 

    color: #e70e05;

    margin-top: 5px;

    line-height: 20px;

}

.pagenav p{

    width: 420px;

    background: #f9f9f9;

    padding: 10px;

}

.pagenav p:first-child{

    float: left;

}

.pagenav p:last-child{

    float: right;

}





.citybox{}

.citybox a{ display:inline-block; margin-right:20px; line-height:28px;color: #333;}

/*

** 图片

**/

.photo_box{ overflow:hidden;}

.photo_box .photo{ position:relative; float:left; width:625px; margin-left:40px; overflow:hidden;}

.photo_box .btn_left, .photo_box .btn_right{ display:block; width:8px; height:30px; margin-top:195px; background:url(../image/roll.jpg) no-repeat;}

.photo_box .btn_left{ float:left;}

.photo_box .btn_right{ float:right; background-position:-8px 0;}



.photo_view li{ float:left; width:625px;}

.photo_desc h3{ margin:20px 0; padding-bottom:10px; border-bottom:#eee solid 1px;}





/*

** 下载

**/

.down_list dl.img {margin:5px 10px;}

.down_list dl.img dt  {font-size:14px;background:#EFEFEF;line-height:28px;padding-left:5px;}

.down_list dl.img dt a {color:#855352}

.down_list dl.img dd.ext {line-height:22px;text-align:right;color:#333;}  

.down_list dl.img dd.desc {line-height:22px;color:#9E9E9E}

.down_info { margin-bottom:20px;border:1px solid #EFEFEF;border-bottom:none;}

.down_info ul li label {float:left;width:65px;border-right:1px solid #EFEFEF;text-align:center;margin-right:5px;}

.down_info ul li { height:28px;line-height:28px;border-bottom:1px solid #EFEFEF; font-size:12px;}

.down_info ul li a{ font-weight:bold; color:#F30;}



#content {line-height:30px;}

#content h1.tit {font-size:20px;font-family:'Microsoft YaHei';color:#333;text-align:center;margin:20px 0;}

#content h1.tit span {font-size:14px;font-weight:normal;}

#content .content p{font-size:12px;}

#content .content img {max-width:590px;_width:expression(this.width > 590 && this.width > this.height ? 590 : true); }

#content .content strong{color:#000;}

#content .content ol{ list-style-position: inside; margin:20px; }

#content .content ul {list-style-position: inside; margin:20px; }

#content .content ul li  {list-style-type : disc;}

#content .content ol li  {list-style-type : decimal ;} 

#content .content h1,#content .content h2,#content  .content h3,#content .content h4,#content .content h5,#content .content h6 {color:#000;font-size:100%;font-weight:bold;}



#pages { padding:10px 0 10px;text-align:center;}

#pages a { display:inline-block; padding:0px 14px; height:40px;font-size:13px;line-height:40px; background:#f9f9f9;text-align:center; color:#333}

#pages a.a1 {padding:0px 12px; height:40px; line-height:40px;margin-top:0px;}

#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none; }

#pages span { display:inline-block;  padding:0px 14px; height:40px; line-height:40px; background:#e70e05; border:1px solid #e70e05; color:#fff; text-align:center; }

.page .noPage { display:inline-block;  padding:0px 14px; height:40px; line-height:40px;border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }





.kefu {width:99px;height:60px;position:absolute;top:0px;}

.kefu .kftop{background:url(../images/kefu_top.gif) no-repeat;height:20px;}

.kefu .kfbottom{background:url(../images/kefu_bottom.gif) no-repeat;height:14px;}

.kefu .kfbox {border-left:1px solid #DDE6EC;border-right:1px solid  #DDE6EC;overflow:hidden;zoom:1;padding:1px;background:#FFF;color:#f00;line-height:26px;}

.kefu .kfbox ul {padding-left:6px;}

.kefu .kfbox ul li.tit {color:#800000;}

.kefu .kfbox ul li img {vertical-align:middle;}



 





/*留言反馈*/

.table-list td,.table-list th{padding-left:12px;}

.table-list td img { vertical-align:middle;}

.table-list thead th{ height:30px; background:#eef3f7; border-bottom:1px solid #d5dfe8; font-weight:normal;line-height:30px;}

.table-list tbody td,.table-list .btn{border-bottom: #eee 1px solid;line-height:30px;}

div.btn{background:#f6f6f6; padding:6px 12px; height:30px;line-height:30px}

.table-list tr:hover,.table-list table tbody tr:hover{ background:#fbffe4}

.nHover tr:hover,.nHover tr:hover td{ background:none}

.table-list .input-text-c{ padding:0; height:18px}

.input-text-c{border:1px solid #A7A6AA;height:18px;padding:2px 0 0; text-align:center}

.td-line{border:1px solid #eee}

.td-line td,.td-line th{border:1px solid #eee}

.button{background:#19541c; border:none;padding:5px 12px; margin-right:6px;

    cursor: pointer;

    color: #fff;

}

[type=reset]{

    background: #999;

}

.button:hover{

    background: #e70e05;

}

[type=reset]:hover{

    background: #777;

}

.table-list tr.on,.table-list tr.on td,.table-list tr.on th,.table-list td.on,.table-list th.on{background:#fdf9e5;}

a.close-own{background: url(../Images/cross.png) no-repeat left 3px; display:block; width:16px; height:16px;position: absolute;outline:none;right:7px; top:8px; text-indent:200px; overflow: hidden}

a.close-own:hover{background-position: left -46px}

 



.input-text,.measure-input,textarea,input.date,input.endDate,.input-focus{border:1px solid #A7A6AA;line-height:18px;height:18px;margin:0 5px 0 0;padding:1px 0 1px 5px;border: 1px solid #d0d0d0;background: #FFF url(../Images/admin_img/input.png) repeat-x; font-family: Verdana, Geneva, sans-serif,"宋体";font-size:12px;}

.input-focus{background: #FFF; border-color:#afcee6;font-size:12px;}

input.date,input.endDate{background: #fff url(../Images/admin_img/input_date.png) no-repeat right 3px; padding-right:18px;font-size:12px;}

textarea,textarea.input-text,textarea.input-focus{font-size:12px;height:auto; padding:5px; margin:0;}

select{ vertical-align:middle;background:none repeat scroll 0 0 #F9F9F9;border-color:#666666 #CCCCCC #CCCCCC #666666;border-style:solid;border-width:1px;color:#333;padding:2px;}

.search-form{ margin-bottom:10px}

/*宋体宋体*/

.table_form {margin:10px;width:95%;}

.table_form input{}

.table_form td{padding-left:12px}

.table_form th{font-weight:normal; text-align:right;padding-right:10px; color:#777}

.table_form td label{ vertical-align:middle}

.table_form td,.table_form th{padding:8px 0 5px 8px;line-height:22px;}

.table_form tbody td,.table_form tbody th{border-bottom:1px solid #eee;}

.colorpanel tbody td,.colorpanel tbody th{ padding:0;border-bottom: none;}



em.error {overflow:hidden;zoom:1;background:url("../Images/unchecked.gif") no-repeat 0px 0px;  padding-left: 19px;color:red;}

em.success {overflow:hidden;zoom:1;background:url("../Images/checked.gif") no-repeat 0px 0px;  padding-left: 19px;color:red;}



.guestbook_list {margin:12px 0;line-height:26px;font-size: 13px;}

.guestbook_list dl {border:1px solid #E9E9EB;margin:8px auto;padding:15px;}

.guestbook_list dl dt {border-bottom:1px dashed #E9E9EB;height:26px;line-height:26px;color:#e70e05;}

.guestbook_list dl dt span {float:right;line-height:26px;}

.guestbook_list dl dd.g_content {padding:5px;line-height:26px;}

.post_box {border:1px solid #eee;}

.post_box h5 {line-height:35px;text-align:center;font-size:14px;border-bottom:1px solid #eee;height:35px;background:#f5f5f5;}

/*user login*/



/*sitemap*/

.mapbox{ border:1px solid #ccc; background:#fff;}

.mapbox h4 { margin:10px 0; padding:6px;border:none;border-top:1px solid #ccc;margin-top:-1px;border-bottom:1px solid #eee;}

.smallcat ul{ overflow:hidden;}

.smallcat ul li {float:left;line-height:24px;}

.smallcat ul li a {margin:0 8px;}



.fix-contact {
	position: fixed;
	right: 0;
	bottom: 10%;
}
.fix-contact li {
	width: 68px;
	height: 68px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	background: red;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	font-size: 12px;
	position: relative;
}
.fix-contact li p {
	margin-top: 2px;
}
.fix-contact li .hov {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	transition: all 0.3s;
	transform: translateX(100%);
}
.fix-contact li .hov img {
	margin-right: 68px;
}
.fix-contact li a {
	color: inherit;
}
.fix-contact li .hov .fix-tel {
	height: 68px;
	padding: 0 25px;
	background: #f8b62c;
	font-size: 33px;
	color: #001553;
	white-space: nowrap;
	line-height: 68px;
}
.fix-contact li:first-of-type {
	border-radius: 10px 10px 0 0;
}
.fix-contact li:last-of-type {
	border-radius: 0 0 10px 10px;
}
.fix-contact li:hover .hov {
	transform: translateX(0);
}






/* 动画 */

@keyframes chilun{

    from {transform: rotate(0deg);}

    to {transform: rotate(360deg);}

}