@CHARSET "UTF-8";

/*头部样式*/
.container{width: 1200px; margin: 0 auto;}
.box-center,
.sun_pro,
.sun_foot{width: 1920px; position: relative; left: 50%; margin-left: -960px;}
/*top*/
.sun_top{background: url(../images/top_bg.jpg) center no-repeat; height: 43px; font-size: 12px; color: #fff; line-height: 43px;}
.sun_top .top_links a{color: inherit;}
/*head*/
.sun_head{height: 100px; background: #fff;}
.sun_head .logo{display: block; width:310px; height: 100px; line-height: 100px;}
.sun_head .logo img{width: 305px; height:70px;}
.sun_nav{margin-top:40px; width: 775px;}
.sun_nav>li{float: left; width: 87px; height: 39px; margin: 0 21px;}
.sun_nav>li>a{display: block; text-align: center; line-height: 39px; font-size: 16px; color: #202020; line-height: 39px;}
.sun_nav>li>a.cur,
.sun_nav>li>a:hover{background: url(../images/nav_li_hbg.png) center no-repeat; color: #fff;}


.dian{float:left;font-size:16px;line-height:120px;}
/*主体样式*/
#container{width:1200px;margin:0 auto;margin-top:10px;}
.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;}



/*sun_foot*/
.sun_foot{background: url(../images/ft_bg.png) top center no-repeat; height: 407px; box-sizing: border-box;}
.links{background: url(../images/lins_bg.png) top center no-repeat; height: 68px; font-size: 14px; color: #fff; line-height: 49px;}
.links a{color: #fff; padding-right: 10px;}
.tonglan{height: 272px;}
.tonglan .tl_nav{width: 695px; margin-top: 20px;}
.tonglan .tl_nav li{float: left; width: 25%;}
.tonglan .tl_nav li>a{display: block; font-size: 14px; color: #ffffff; line-height: 25px; margin-bottom: 10px;}
.tonglan .tl_nav li .tl_sub a{display: block; font-size: 12px; color: #d3d3d3; margin-bottom: 12px;}
.tonglan .tl_cont{width: 500px;
    padding-top:10px;}
.tonglan .tl_cont .tl_logo{margin-bottom: 30px;}
.tonglan .tl_cont .tl_fff{font-size: 14px; color: #ffffff; line-height: 32px;}
.sun_foot .cpy{background: url(../images/footer_bg.png) bottom center no-repeat; height: 66px; font-size: 12px; color: #dbdbdb; line-height: 30px; box-sizing: border-box; padding-top: 30px;}
.sun_foot .cpy a{color: inherit;}
.about_foot {
    height:338px;
}

/*------------内页-------------------*/
.left .box{margin-bottom:20px;}
.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:16px;color:#000; margin-bottom:10px;}
.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:1920px;
    left:50%;
    margin-left:-960px;
    height:250px;
    position: relative;
}
.n_banner img{
    width:1920px;
    margin:0 auto;
    height:250px;
}
.left{width:225px;float:left;}
.sort_menu{}
.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;font-size:16px;}
.sort_product{margin-top:10px; font-size:16px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold; font-size:16px;}

.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:940px;float:right;padding-bottom:10px;}
.sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px;background:url(../images/nav.png) no-repeat 0% 100%;}
.sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;color:#000;font-size:16px;}
.sitemp .site{width:380px;float:right;text-align:right;line-height:30px;}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px; font-size:16px;}
.right .content p{ margin-bottom:16px;}

.text_center { text-align: center; margin:0px auto;}
.page a,.page span {
        display: inline-block; 
        font-size: 15px;
        color:#fff;
        width:38px;
        height: 38px;
        line-height: 38px;
        text-align: center;
        margin:30px 4px 30px auto;
        background: #ccc;
        border-radius: 6px;
        -moz-border-radius: 6px
        -webkit-border-radius:  6px;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .page a:hover,.page span.current {
        background: #ff9d00;
        color:#fff;
    }
