@CHARSET "utf-8";

/*头部样式*/
.box-center{width: 1920px; position: relative; left: 50%; margin-left: -960px;}
.clearfix,
.container{*zoom: 1;}
.clearfix:after,
.container:after{content: ''; clear: both; display: table;}
.container{width: 1200px; margin: 0 auto;}
/*sun_top */
.sun_top{height: 30px; font-size: 14px; color: #fff; line-height: 30px; 
/*background: #efefef;*/
    
}
.sun_top a{color: #fff;}
/*sun_head*/
.sun_head{height: 110px;}
.sun_head .logo{display: block; width: 254px; line-height: 60px;margin-top: 1%}
.sun_head .logo img{width: 200px; }
.sun_head .sun_menu{width: 750px;
    padding-top: 20px;}
.sun_head .sun_menu>li{float: left; width: 10%;}
.sun_head .sun_menu>li>a{display: block; text-align: center; font-size: 14px; color: #fff; line-height: 60px;}
.sun_head .sun_menu>li>a.cur,
.sun_head .sun_menu>li>a:hover{background: #144a96; color: #fff;}
/*热门搜索*/
.search{text-align:left;height:24px;background-color:#f8f8f8;padding:5px 10px 5px 10px;}
#formsearch{width:300px;float:left;}
.hotSearch{width:400px;float:left;height:24px;line-height:24px;font-weight:normal;}



.xg_aa1{
    width: 1920px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
    z-index: 99999;
    margin-top: 30px;
}

.xg_aa2 .sun_top{
    background: #efefef;
    color: #000;
}
.xg_aa2 .sun_top a{
    color: #000;
}
.xg_aa2 .sun_head .sun_menu>li>a{
    color: #000;
}
.xg_aa2 .sun_head .sun_menu>li>a.cur,
.xg_aa2 .sun_head .sun_menu>li>a:hover{background: #144a96; color: #fff;}


a.more_news_aa1{
    display: block;
    width: 87px;
    height: 30px;
    color: #333 !important;
    border:1px solid #1e8eed;
    font:500 14px/30px "微软雅黑";
    text-align: center;
}
a.more_news_aa1:hover{
    color: #fff!important;
    background:#1e8eed;
}














/*主体样式*/
#container{width:1200px;margin:0 auto;margin-top:62px;}
.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_links*/
.sun_links{line-height: 30px; font-size: 14px; color: #666; margin-bottom: 10px;}
.sun_links span{font-weight: bold;}
.sun_links a{color: #666; display: inline-block; padding-right: 10px;}
/*sun_tl*/
.sun_tl{background: #143670;}
.sun_tl .tl_date{width: 195px; height: 225px; background: #103168; box-sizing: border-box; padding: 50px 0 0 30px; color: #47689f;}
.sun_tl .tl_date h3{font-size: 30px; margin-bottom: 5px;}
.sun_tl .tl_date p{font-size: 12px;}
.sun_tl .tl_date .dl{margin-top: 10px;}
.sun_tl .tl_date .dl p{font-size: 18px; font-weight: bold;}
.sun_tl .sun_tlr{width: 940px;}
.sun_tl .sun_tlr .tl_nav{line-height: 67px; border-bottom: 1px solid #2b508e; margin-bottom: 30px;}
.sun_tl .sun_tlr .tl_nav a{display: inline-block; padding: 0 30px; color: #6583b4; font-size: 14px;}
.sun_tl .sun_tlr .ewm_img{display: block; width: 390px; height: 90px;}
.sun_tl .sun_tlr .ewm_img img{width: 100%; height: 100%;}
.sun_tl .sun_tlr .tl_cont{width: 350px; margin-left: 30px; padding-top: 3px;}
.sun_tl .sun_tlr .tl_cont p{font-size: 14px; color: #3b79ae; line-height: 26px;}
.sun_tl .sun_tlr .tl_ccc{margin-top: 30px; width: 250px; height: 40px; text-align: center; line-height: 40px; color: #3b79ae; font-size: 14px; background: #103168;}
/*sun_foot*/
.sun_foot{background: #103168; padding: 10px 0;text-align:center;
}
.sun_foot .ft_cpy{font-size: 12px; color: #6583b4; line-height: 25px;}
.sun_foot .ft_cpy a{color: #6583b4;}
@keyframes fadeIn{0%{opacity: 0; transform: translateY(-160px);} 100%{opacity: 1; transform: translateY(0);}}
.fadeIn{-webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: fadeIn;}
.animated{animation-duration: 2s; animation-fill-mode: both;}
@keyframes fadeOut{0%{opacity: 0; transform: translateY(160px);} 100%{opacity: 1; transform: translateY(0);}}
.fadeOut{-webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: fadeOut;}
.animated{animation-duration: 2s; animation-fill-mode: both;}

/*------------内页-------------------*/
.left .box{    margin-bottom: 10px;
    border: #eaeaea 1px solid;}
.left .box h3{
    height: 47px;
    padding-left: 72px;
    color: rgb(26, 26, 26);
    font-size: 18px;
    font-family: 微软雅黑;
    line-height: 47px;
    font-weight: 400;
    background: url(../images/nei1.jpg)left 30px center no-repeat;
    border-bottom:1px solid #eaeaea;
}

.left .box1 {
    margin-bottom: 10px;
    border: #eaeaea 1px solid;
}
.left .box1 h3{
    height: 88px;
    padding-left: 72px;
    color: rgb(26, 26, 26);
    font-size: 18px;
    font-family: 微软雅黑;
    line-height: 88px;
    font-weight: 400;
    border-bottom:1px solid #eaeaea;
    background: url(../images/nei1.jpg) left 30px center no-repeat;
}
.left .box .content {
    padding: 5px 10px;
}
.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;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:60px;height:60px;overflow:hidden;padding-right:10px;border-bottom:1px solid #ddd;}
.sitemp h2{font-size:15px; color:#515357;background:url(../images/d6.gif) left no-repeat;border-bottom:1px solid #4f5e86;padding-left: 30px;float: left;}
.sitemp .site{float:right;text-align:right;line-height:60px;}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}


.case_detail .img{
    display: none;
}

.html5zoo-nav-0 {
    top:auto !important;
    bottom: 20px !important;
}
.html5zoo-bullet-wrapper-0 div[class^=html5zoo-bullet] {
    width: 16px !important;
    height:16px !important;
     transform: scale(0.8,0.8);
}
.html5zoo-arrow-left-0,
.html5zoo-arrow-right-0 {
    display: none !important;
}