@CHARSET "UTF-8";
/*头部样式*/
.container{width: 1200px; margin: 0 auto;}
.box-center,
.sun_service{ position: relative;}
/*sun_top*/
.sun_top{height: 30px; font-size: 12px; color: #999; line-height: 30px; background: #232323;}
.sun_top .wel a{display: inline-block; padding-right: 10px;}
.sun_top a{color: #999;}
.sun_top a:hover{color: #fff;}
/* 头 部 */
.topbox{ width:100%; height:130px;}

.lotbox{ width:1300px; height:135px; overflow:hidden; margin:0 auto;}
.logo{ width:357px; height:135px; overflow:hidden; float:left;}
.ttel{margin:45px 0; padding:0 0 0 10px; overflow:hidden; float:left;}

.ttelhm{ width:354px; float:left; overflow:hidden;}
.ttelhm h1{ font-size:16px; font-weight:bold; display:block;}
.ttelhm h2{ font-size:24px; font-style:italic; display:block;}

/* 导 航 */
.menubox{ width:100%; height:50px;}
.nav{ width:933px; height:50px; position:relative; z-index:10; margin:0 auto;}
.nav .nLi{ float:left; line-height:50px; position:relative; display:inline;}
.nav .nLi h3{ width:103px; font-size:18px; text-align:center; float:left; cursor:pointer;}
.nav .nLi h3 a{ display:block; text-decoration:none;}
.nav .sub{ width:103px; line-height:50px; position:absolute; left:0; top:50px; text-align:center; display:none;}
.nav .sub li{ overflow:hidden; zoom:1;}
.nav .sub a{ display:block; padding:0 10px; text-decoration:none;}
.nav .sub a:hover{ overflow:hidden;}
.nav .on h3 a{ text-decoration:none;}

/*sun_head*/
.sun_head{height: 80px;}
.sun_head .logo{display: block; width: 250px; line-height: 80px; margin-right: 10px;}
.sun_head .logo img{max-width: 100%;}
.sun_head .sun_nav{width: 876px;}
.sun_head .sun_nav>li{float: left; width: 10.386%;}
.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>li>a:hover,
.sun_head .sun_nav>li>a.cur{border-bottom-color: #0099ff;}
.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: 338px; margin-right: 70px;}
.sun_tl .tl_nav p{ width:105px; float:left; text-align:center;}
.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: 453px; 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:#0099ff; 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 10px;
    border:1px solid #0099ff;
    border-top:none;

}
.prodescription{border: 1px solid #e5e5e5; background: #f9f9f9; line-height: 24px; padding: 10px; margin-bottom: 15px; text-indent: 20px;}
.n_banner{width: 1920px; position: relative; left: 50%; margin-left: -960px; height: 250px;}
.n_banner img{width: 1920px; height: 250px;}
.left{width: 225px; 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 #0099ff; font-size:14px; color:#0099ff;}
.sitemp h2{width: 340px; float: left; text-indent: 15px;}
.sitemp .site{ float: right; text-align: right; line-height: 35px; padding-right:15px;}
.sitemp .site a{color:#0099ff;}
.right .content{padding: 10px; padding-top: 15px; overflow: hidden; line-height: 24px;}

.yl{ width:100%; background:#272828; border-bottom:1px solid #76746f; padding-bottom:30px;}
.yl .tl_links{ width:80%; margin:0 auto;}

#play{ margin-top:5px;}
.case_detail img{ max-width:500px; display:block; position:relative; margin:auto;}
.news_detail img{ display:block; position:relative; margin:auto;}
.p_detail img{ display:block; position:relative; margin:auto;}
.inner{ width:1200px; margin:0 auto;}
.service{ padding:50px 0; background:#f9f9f9; overflow:hidden;}
.tit{ text-align:center; font-size:30px; color:#333;}
.tit .b{ width:56px; height:5px; border-radius:5px; background:#e25a0f; margin:20px auto 15px;}
.tit .p{ color:#838383;}
.service ul{ margin-top:30px;}
.service ul .one{ width:375px; height:183px; float:left; padding:40px 50px; background:#e25a10;}
.service ul .one .en{ font-size:50px; font-family:"Impact"; text-transform:uppercase; color:#e76b25;}
.service ul .one .ch{ color:#FFF; font-size:25px; margin-top:-25px;}
.service ul .one .p{ height:66px; overflow:hidden; color:#FFF; line-height:22px; margin-top:5px;}
.service ul .one .more{ width:98px; height:28px; display:block; line-height:28px; border:1px solid #FFF; text-align:center; color:#FFF; margin-top:10px;}
.service ul .two{ width:140px; height:157px; float:left; text-align:center; padding:53px 20px; background:#080808;}
.service ul .two .t{ color:#FFF; font-size:18px; margin-top:16px; }
.service ul .two .p{ color:#919191; margin-top:8px; line-height:22px; }