@charset "utf-8";

.container {
    width: 1100px;
    margin: 0 auto;
}

/*顶部样式*/
.my_top {
    height: 24px;
    line-height:24px;
    background: #2f0001;
    font-size:12px;
    color: #ada0a0;
    font-family:Simsun;
}
.my_top a {
    color: #ada0a0;
}
/*头部样式*/
.my_head {
    height:110px;
    background: #fff;
}
.my_head .logo {
    display: block;
    width: 250px;
    line-height:110px;
}
.my_head .logo img {
    height:60px;
}
.my_head .search {
    width: 560px;
    box-sizing: border-box;
    padding-left:60px;
    margin-top:35px;
}
.my_head .keys {
    font-size:12px;
    color: #717171;
    font-family:Simsun;
    line-height:38px;
}
.my_head .keys a{
    color: #717171;
}
.my_head .keys a:after {
    content: '，';
}
.my_head .keys a:last-of-type:after {
    display: none;
}
.my_head .search_ff {
    background: url(../images/search_bg.png) center no-repeat;
    width: 189px;
    height: 38px;
}
.my_head .search_ff #keyword {
    background: none;
    outline:none;
    border:none;
    font-size:12px;
    color: #717171;
    box-sizing: border-box;
    padding-left:10px;
    font-family:Simsun;
    width: 143px;
    height:38px;
    float: left;
}
.my_head .search_ff #s_btn {
    background: none;
    outline:none;
    border:none;
    font-size:0;
    cursor: pointer;
    width: 45px;
    height:38px;
    float: right;
}
.my_head .top_phone {
    background: url(../images/top_phone_bg.png) no-repeat left 3px;
    margin: 32px 0 0 10px;
    height:38px;
    padding-left:45px;
    font-size:20px;
    color: #680001;
    font-family:"Simsun";
    line-height:20px;
}

.sharess {
    height:37px;
    width: 100px;
    margin-top:35px;
}
.sharess li {
    float: left;
    width: 37px;
    height:37px;
    text-align: center;
    line-height:37px;
    background: #000000;
    margin-left:13px;
    border-radius: 5px;
}
.sharess li img {
    max-width: 100%;
    max-height: 100%;
}
.sharess li:hover {
    background: #680001;
}



/*主体样式*/
#container{width:1100px;margin:40px auto;}
.menu_cate{width:220px;float:left;}
.cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.about{width:460px;float:left;margin-left:12px;padding-bottom:5px;}
.about_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.about .content{padding:5px;padding-bottom:12px;text-indent:20px;}
.navigation{float:right;width:100px;}

.index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;}
.index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

/*首页新闻*/
.news_company{width:280px;float:right;}
.news1_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.news_company .content{padding:5px;}

/*首页左侧联系我们*/
.contact{width:218px;float:left;padding-bottom:5px;margin-top:10px;}
.contact_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.contact .content{padding:5px;padding-left:8px;}

/*工程案例*/
.case{width:460px;float:left;margin-left:12px;padding-bottom:5px;margin-top:10px;}
.case_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.case .content{padding:5px;padding-bottom:12px;text-indent:20px;}

.news2_company{margin-top:10px;}

/*产品推荐*/
.recommend_product{margin-top:10px;width:692px;float:left;}
.recommend_product .title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.recommend_product .content{padding-top:15px;padding-bottom:14px;}
.roll_product li{padding-bottom:0px;}


/*页脚*/
.my_footer {
    background: #2f0001;
    min-height: 84px;
    padding: 30px 0;
    font-family:Simsun;
}
.my_footer .my_ftl {
    width: 940px;
}
.my_footer .ft_links {
    line-height:24px;
    margin-bottom:10px;
    color: #fff;
    font-size:12px;
    display: flex;
}
.my_footer .ft_links a {
    font-size:12px;
    color: #fff;
    margin-left: 31px;
    position: relative;
}
.my_footer .ft_links a:before {
    width: 1px;
    height: 12px;
    content: "";
    background: #fff;
    position: absolute;
    top: 50%;
    left: -16px;
    margin-top: -5px;
}
.my_footer .ft_links a:first-child {
    margin: 0;
}
.my_footer .ft_links a:first-child:before {
    display: none;
}
.my_footer .ft_links a:hover {
    color: #fff100;
}

.my_footer .cpy {
    font-size:12px;
    line-height:22px;
    color: #ffffff;
}
.my_footer .cpy a{
    color: #fff;
}
.my_footer .cpy p1{
    display: inline-block;
}
.my_footer .ft_ewm {
    height:84px;
}
.my_footer .ft_ewm img {
    height:100%;
}

/*友情链接*/
.f_link{width:1000px;margin:0 auto;margin-top:15px;line-height:30px;line-height:30px;background-color:#ececec;text-indent:20px;}

/*页面底部*/
#footer{position:relative;width:1000px;margin:0 auto;text-align:center;margin-bottom:10px;padding-top:8px;border-top:2px solid #eee;margin-top:15px;}
#footer a{color:#666;}
#footer a:hover{color:#e87518;text-decoration:none;}
.nav_foot{text-align:center;line-height:24px;color:#666;}
.copyright{text-align:center;line-height:24px;}


/*------------内页-------------------*/
.left .box{margin-top:20px;}
.left .box:first-of-type{margin:0;}
.left .box h3{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.left .box .content{padding:5px 0px;}

.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

.n_banner{width:1600px;left:50%;margin-left:-800px;height:300px;position: relative;}
.n_banner img{width:1600px;height:300px;}
.left{width:220px;float:left;}
.sort_menu{}
.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact .content{padding:5px;line-height:24px;}

.right{width:830px;float:right;padding-bottom:10px;}
.sitemp{
    background: url(../images/map_bg.jpg) center no-repeat;
    height:50px;
    line-height:50px;
    padding-left:30px;
    box-sizing: border-box;
}
.sitemp h2{
    font-size:16px;
    font-family:"Microsoft YaHei";
    color: #680001;
    width: 350px;
    float: left;
    font-weight:normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sitemp .site{
    float: right;
    padding-left:20px;
    font-size:12px;
    color: #9da0a8;
    font-family:Simsun;
    padding-right:10px;
    position:relative;
}
.sitemp .site:before {
    width: 18px;
    height: 14px;
    content:"";
    background: url(../images/icon_home.png) no-repeat;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -7px;
}
.sitemp .site a{
    color: #9da0a8;
}
.right .content{padding-top:20px;overflow:hidden;line-height: 24px;}
.right .content img{max-width:100%;}
.right .detail { font-size: 14px;}
.right .detail iframe {max-width:calc(100% - 2px); border:1px solid #ccc;}


/*内页样式*/
.left .page_xg.sort_menu h3{
    background: url(../images/menu_bg.png) center no-repeat;
    height:90px;
    box-sizing: border-box;
    text-align: center;
    padding-top:20px;
    font-size:20px;
    color: #fff;
    padding-left: 0;
    line-height:25px;
}
.left .page_xg.sort_menu h3 span {
    display: block;
    font-size:12px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: normal;
}
.left .page_xg .sort {
    border:1px solid #680001;
    border-top:none;
}
.left .page_xg .sort li a{
    background:url(../images/page_menu_bg.png) center no-repeat;
    width: 191px;
    margin: 0 auto;
    height:45px;
    box-sizing: border-box;
    padding-left:32px;
    font-size:14px;
    color: #595757;
    font-family:Simsun;
    line-height:45px;
    border-bottom:1px solid #dcdddd;

}
.left .page_xg .sort li:last-child a{
    border-bottom:none;
}
.left .page_xg .sort li:last-child a:hover{
    border-bottom:none;
}

.left .page_xg .sort li:hover>a,
.left .page_xg .sort li>a.active {
    background:url(../images/page_menu_bgh.png) center no-repeat;
    color: #680001;
    font-weight: bold;
    border-bottom:1px solid #680001;
}

.left .page_xg h3 {
    background: url(../images/h3_bg.png) center no-repeat;
    height: 60px;
    line-height:60px;
    text-align: center;
    font-size:20px;
    color: #fff;
    padding:0;
}
.left .page_xg .content{
    border:1px solid #680001;
    border-top:none;
    padding: 10px;
    box-sizing: border-box;
}

.left .page_xg .new1 li{
    border-bottom:none;
    background: url(../images/newsss_llll_bg.jpg) left 4px center no-repeat;
    padding-left:11px;
}
.left .page_xg .new1 li a{
    font-size:12px;
    color: #595757;
    line-height:26px;
}
.left .page_xg .new1 li:hover {
    background: url(../images/newsss_llll_bgh.jpg) left 4px center no-repeat;
}
.left .page_xg .new1 li:hover a{
    color: #680001;
}


.list-pages { height:30px; padding:12px 95px 12px 10px; margin-top:25px; background:rgba(104,0,1,0.03); border-radius:4px; font:12px/20px Helvetica,"microsoft yahei","SimSun"; display:flex; justify-content:right; position:relative; z-index:100;}
.list-pages i { font-style:normal;}
.list-pages>a { height:28px; padding:0 12px; margin-left:8px; background:#fff; border:1px solid #c9caca; border-radius:3px; line-height:30px; display:flex; align-items:center; position:relative; z-index:10;}
.list-pages>a[href]:hover { border-color:#680001; color:#680001;}
.list-pages>.now { padding:0 6px; background:rgb(245,245,245); border-color:#680001; color:#680001;}
.list-pages>.now span { margin:0 3px;}
.list-pages>.tongji { padding:0; margin-left:0; background:none; border-color:transparent; color:#3e3a39; position:absolute; top:12px; left:10px;}
.list-pages>.tongji span { margin-left:10px;}
.list-pages>.tongji span:first-child { margin:0;}
.list-pages>.none { border-color:#ccc; color:#ccc; cursor:no-drop;}
.list-pages>.none[href]:hover { background:#fff; border-color:#ccc; color:#ccc;}

.list-pages .gotoPage { width:75px; height:28px; text-align:left; color:#3e3a39; position:absolute; top:12px; right:10px;}
.list-pages .gotoPage em { font-style:normal; position:absolute; cursor:pointer; background:#fff;}
.list-pages .gotoPage em.value { width:100%; height:100%; border:1px solid #c8cfd2; border-radius:3px; text-indent:10px; line-height:28px; top:0; left:0;}
.list-pages .gotoPage em.value:after { width:0; height:0; content:""; border:6px solid transparent; border-top-color:#ccc; border-bottom:0; position:absolute; top:50%; right:9px; z-index:10; margin-top:-3px; transition-duration:400ms;}
.list-pages .gotoPage em.open { border-color:#680001; color:#680001;}
.list-pages .gotoPage em.open:after { border-top-color:#680001; transform:rotate(180deg);}
.list-pages .gotoPage dl { width:100%; max-height:calc(30px * 6 - 1px); margin:0; background:#fff; border:1px solid #680001; border-radius:4px 4px 0 0; position:absolute; bottom:calc(100% + 2px); right:-2px; cursor:auto; z-index:100; transition:all 0.3s; transform:translateY(0); opacity:0; visibility:hidden; overflow-x:hidden; overflow-y:auto;}
.list-pages .gotoPage dl dd { height:30px; border-top:1px solid #ddd; text-indent:10px; line-height:30px; display:block; overflow:hidden;}
.list-pages .gotoPage dl dd:first-child { border:0;}
.list-pages .gotoPage dl dd a { height:100%; display:block;}
.list-pages .gotoPage dl dd a:hover { background:#fff; color:#680001;}
.list-pages .gotoPage dl dd a.active,
.list-pages .gotoPage dl dd a.active:hover { background:rgba(0,0,0,0.08); color:#680001;}
.list-pages .gotoPage dl.open { transform:translateY(0); opacity:1; visibility:visible;}

.list-message { padding:10px 30px 96px; background:#f3f5f6; border-radius:4px; display:flex; flex-wrap:wrap; justify-content:space-between; position:relative;}
.list-message li { width:calc(100% / 2 - 10px); height:50px; margin-top:20px; background:#fff; border-radius:4px; position:relative;}
.list-message li:before { width:20px; height:16px; content:""; background:url(../images/app.png) no-repeat 20px 0; position:absolute; top:50%; left:13px; z-index:10; margin-top:-8px;}
.list-message li.user:before { background-position:0 0px;}
.list-message li.tel:before { background-position:-20px 0px;}
.list-message li input,
.list-message li textarea { width:100%; height:100%; border:1px solid #b5b5b5; border-radius:4px;}
.list-message li input { text-indent:40px;}
.list-message li textarea { padding:10px 12px;}
.list-message li input:focus,
.list-message li textarea:focus { border-color:#680001;}
.list-message li.detail { width:100%; height:200px; background:#fff;}
.list-message li.submit { width:130px; height:46px; background:#680001; border:0; border-radius:5px; text-align:center; line-height:46px; font-size:16px; color:#fff; position:absolute; bottom:30px; right:30px; cursor:pointer;}
.list-message li.submit:hover { background:#e87518;}
.list-message li.submit i { padding-left:28px; font-style:normal; display:inline-block; position:relative;}
.list-message li.submit i:before { width:16px; height:16px; content:""; background:url(../images/app.png) no-repeat 0 -20px; position:absolute; top:50%; left:0; margin-top:-8px;}
.list-message li.loading { width:100%; height:100%; margin:0; background-color:rgba(0,0,0,0.1); border:0; position:absolute; top:0; left:0; z-index:30; display:none;}