@CHARSET "UTF-8";
/*头部样式*/
.container{width: 1200px; margin: 0 auto;}
.box-center,
.sun_service{width: 1920px; position: relative; left: 50%; margin-left: -960px;}
/*sun_top*/
.sun_top{height: 30px; font-size: 12px; color: #fff; line-height: 30px; background: #0458d6;}
.sun_top .wel a{display: inline-block; padding-right: 10px;color: #fff}
.sun_top a{color: #fff;}
.sun_top a:hover{color: #fff;}
/*sun_head*/
.sun_head{height: 80px;}
.sun_head .logo{display: block; width: 220px; line-height: 80px; margin-right: 20px;}
.sun_head .logo img{max-width: 100%;}
.sun_head .sun_nav{width: 750px;}
.sun_head .sun_nav>li{float: left; width: 120px;position: relative;}
.sun_head .sun_nav>li>a{display: block; font-size: 14px; color: #666; line-height: 76px; text-align: center; border-bottom: 4px solid transparent;}

.sun_head .sun_nav .sec{height:0;background:#0458d6;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:76px;left:14px;}
.sun_head .sun_nav .sec > a{background:#0458d6;color:#fff;height:38px;line-height:38px;width:93px;display: block;text-align: center;border-bottom: 1px solid #fff;}
.sun_head .sun_nav .sec a:hover{background:#042d3f;text-decoration:none;}


.sun_head .search{width: 175px; height: 25px; border-bottom: 1px solid #dbdbdb; margin-top: 30px;}
.sun_head .search #keyword{width: 150px; height: 24px; background: none; outline: none; border: none; font-size: 12px; float: left; color: #999;}
.sun_head .search #s_btn{float: right; width: 25px; height: 25px; background: url(../images/ss.png) center no-repeat; cursor: pointer; outline: none; border: none; font-size: 0;}

/*主体样式*/
#container{width: 1200px; margin: 10px auto 0 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 5px 5px 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 5px 12px 5px;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_tl*/
.sun_tl{background: #272828; padding-top: 40px; padding-bottom: 25px;}
.sun_tl .tl_tt{font-size: 18px; color: #EDEBE9; border-bottom: 1px solid #76746f; line-height: 45px; font-weight: normal; margin-bottom: 15px;}
.sun_tl .tl_nav{width: 210px; margin-right: 70px;}
.sun_tl .tl_nav a{display: block; line-height: 25px; margin-bottom: 5px; font-size: 14px; color: #999;}
.sun_tl .tl_links{width: 210px; margin-right: 75px;}
.sun_tl .tl_links a{display: block; float: left; width: 50%; line-height: 25px; margin-bottom: 5px; font-size: 14px; color: #999;}
.sun_tl .tl_contact{width: 210px; margin-right: 75px; font-size: 14px; color: #999; line-height: 25px;}
.sun_tl .tl_ewm h3{border-bottom: none;}
.sun_tl .tl_ewm img{width: 136px; text-align: center;}
.sun_tl .tl_ewm p{text-align: center; color: #fff; font-size: 14px;}
/*sun_foot*/
.sun_foot{background: #161716; padding: 10px 0; text-align: center; font-size: 12px; color: #999; line-height: 1.8;}
.sun_foot a{color: #999;}
/*backtotop*/
#backtotop{position: fixed; z-index: 99999; right: 10px; bottom: 10px; background: url(../images/back_top.png) center no-repeat; width: 60px; height: 60px; border-radius: 50%; cursor: pointer; display: none;}

/*------------内页-------------------*/
.left .box{margin-bottom: 10px;}
.left .box h3{line-height: 35px; text-align: center; padding: 0; font-weight: bold; font-family: "微软雅黑"; background:#0458d6; font-size: 14px; color: #fff;}
.left .sort_menu h3,
.left .sort_product h3{
    font-weight: normal;
    line-height:25px;
    padding: 10px 0;
}
.left .sort_menu h3 .en,
.left .sort_product h3 .en{
    text-transform: uppercase;
    color: #fff;
    font-size: 30px;
    font-family: Times New Roman;
    display: block;
}
.left .sort_menu h3 .zh,
.left .sort_product h3 .zh {
    font-size: 14px;
    color: rgb(255, 255, 255);
    display: block;
}
.left .sort_menu h3 .zh:after,
.left .sort_product h3 .zh:after {
    content: '';
    width: 30px;
    height:1px;
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    margin-left:10px;
}
.left .sort_menu h3 .zh:before,
.left .sort_product h3 .zh:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height:1px;
    background: #fff;
    margin-right:10px;
}


.left .box .content{
    padding: 5px 6px;
    border:1px solid #0458d6;
    border-top:none;

}
.prodescription{border: 1px solid #e5e5e5; background: #f9f9f9; line-height: 24px; padding: 10px; margin-bottom: 15px; text-indent: 20px;}
.n_banner{width: 100%;position: relative;/* left: 50%; *//* margin-left: -960px; */text-align: center;}
.n_banner img{max-width: 100%;/* height: 350px; */}
.left{width: 248px; 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: 940px; float: right; padding-bottom: 10px;}
.sitemp{line-height: 35px; height: 35px; overflow: hidden; padding-right: 10px; border:1px solid #0458d6; font-size:14px; color:#0458d6;}
.sitemp h1{width: 340px; float: left; text-indent: 15px;}
.sitemp h2{width: 340px; float: left; text-indent: 15px;}
.sitemp .site{width: 380px; float: right; text-align: right; line-height: 35px; padding-right:15px;}
.sitemp .site a{color:#0458d6;}
.right .content{padding: 10px; padding-top: 15px; overflow: hidden; line-height: 24px;}
.page-nav {
font-size: 12px;
margin-top: 15px;
padding-bottom: 4px;
margin-bottom: 25px;
clear: both;
text-align: center
}
.page-nav span, .page-nav a {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
display: inline-block;
margin: 2px 6px 2px 0;
padding: 6px 9px 5px 9px;
background: #4f5355;
border-top: solid 1px #d2d2d2;
border-left: solid 1px #c3c3c3;
border-right: solid 1px #c3c3c3;
border-bottom: solid 1px #9f9f9f;
background: #fff;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dfdfdf), color-stop(1, #fff));
background: -ms-linear-gradient(bottom, #dfdfdf, #fff);
background: -moz-linear-gradient(center bottom, #dfdfdf 0, #fff 100%);
background: -o-linear-gradient(#fff, #dfdfdf);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dfdfdf', GradientType=0);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-weight: bold;
color: #646464;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255,255,255,0.5);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255,255,255,0.5);
box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255,255,255,0.5);
width: auto;
text-decoration: none
}
.page-nav select{
  height: 28px;
  padding: 0 8px;
  margin: -1px 5px 0 5px;
}
.page-nav span:last-child, .page-nav a:last-child, {
margin-right:0
}
.page-nav a:hover {
background: #f0f0f0;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d0d0d0), color-stop(1, #f0f0f0));
background: -ms-linear-gradient(bottom, #d0d0d0, #f0f0f0);
background: -moz-linear-gradient(center bottom, #d0d0d0 0, #f0f0f0 100%);
background: -o-linear-gradient(#f0f0f0, #d0d0d0);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#d0d0d0', GradientType=0);
color: #606060
}
.page-nav .current {
border-top: solid 1px #222;
border-left: solid 1px #222;
border-right: solid 1px #222;
border-bottom: solid 1px #222;
background: #333;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #505050), color-stop(1, #333));
background: -ms-linear-gradient(bottom, #505050, #333);
background: -moz-linear-gradient(center bottom, #505050 0, #333 100%);
background: -o-linear-gradient(#333, #505050);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#505050', GradientType=0);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 0 5px rgba(0,0,0,0.5);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 0 5px rgba(0,0,0,0.5);
box-shadow: 0 1px 1px rgba(0,0,0,0.125), inset 0 0 5px rgba(0,0,0,0.5);
color: #efefef
}