@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:40px; font-size: 14px; color: #fff; line-height:40px; background: #232323;}
.sun_top .wel a{display: inline-block; padding-right: 10px;}
.sun_top a{color: #fff;}
.sun_top a:hover{color: #3e9dfe;text-decoration: underline;}
/*sun_head*/
.sun_head{height:130px;}
.sun_head .logo{display: block; width:638px; line-height:130px; margin-right: 20px;}
.sun_head .logo img{max-width: 100%;}

.headBox{width: 337px;margin-top: 23px;}
.headCode{width: 125px;height: 95px;border-right: 1px dashed #777;}
.headTel{width: 180px;font:bold 24px/80px "微软雅黑";color: #f08319;margin-top: 23px;background: url(../images/tel.png) center top no-repeat;text-align: center;}

.sy-nav{height: 60px;background-color: #0751ba;}

.sun_nav{width:1200px;margin:0 auto;}
.sun_nav>li{float: left; width: 14.2857%;position: relative;}
.sun_nav>li>a{display: block; font-size: 18px; color: #fff; line-height:60px; text-align: center;}
.sun_nav>li>a:hover{background-color: #0c70fd;}
.sun_nav>li>a.cur{border-bottom-color: #0751ba;}

.sun_nav>li .sec{display: none;position: absolute;left: 0;top:60px;width: 100%;background-color: #fff;z-index: 500;}
.sun_nav>li .sec a{display: block;font:18px/40px "微软雅黑";color: #1e1e1e;text-align: center;}
.sun_nav>li .sec a:hover{background-color: #0c70fd;color: #fff;}

.search{background-color: #ebeced;}
#formsearch{float: right;font-size: 0;width: 322px;height: 32px;margin-top: 3px;}

.search #keyword{width:267px; height:30px; background: none; outline: none; font-size: 14px;color: #706e6d;border:1px solid #014099;text-indent: 5px;}
.search #s_btn{width:53px; height:32px; background:#014099; cursor: pointer; outline: none;font-style: 14px;color: #fff;border:none;}

.hot{font:14px/40px "微软雅黑";color: #333;}
.hot a{color: #333;}
.hot a:hover{color: #014099;}
.hot a:after{content:"|";margin:0 3px;color: #333;}
.hot a:last-child:after{content:"";}

/*主体样式*/
#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;}

/*foot*/
.foot{padding-top: 55px;background: url(../images/ft.jpg) center top no-repeat;height: 280px;color: #fff;}
.foot a{color: #fff;}
.foot a:hover{color: #0c70fd;}
.f-nav{width: 528px;display: flex;justify-content:space-between;}
.f-nav dt{font:16px/1 "微软雅黑";padding-bottom: 10px;padding-right: 5px;border-bottom: 1px solid #fff;}
.f-nav dd{font:14px/30px "微软雅黑";}
.f-tel{width: 245px;text-align: center;font:14px/35px "微软雅黑";letter-spacing: 2px;}
.f-code{height: 210px;width: 225px;border-right:1px dashed #fff;margin-left: 175px;}

/*sun_foot*/
.sun_foot{background: #080806; padding: 15px 0; text-align: center; font-size: 14px; color: #fff; line-height:22px;}
.sun_foot a{color: #fff;}
.sun_foot a:hover{color: #136ae4;text-decoration: underline;}
/*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;}


.f_link{font:14px/2 "微软雅黑";background:#f8f8f7;}

/*------------内页-------------------*/
.left .box{margin-bottom: 10px;}
.left .box h3{line-height: 35px; text-align: center; padding: 0; font-weight: bold; font-family: "微软雅黑"; background:#0751ba; 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 #0751ba;
    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; }
.n_banner img{width: 1920px; height:300px;}
.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 #0751ba; font-size:14px; color:#0751ba;}
.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:#0751ba;}
.right .content{padding: 10px; padding-top: 15px; overflow: hidden; line-height: 24px;}



.html5zoo-text-wrapper-0{
    height: 100% !important;
}
.html5zoo-text-0{
    padding: 0 !important;
    width: 100%  !important;
    height: 100%  !important;
    position: absolute !important;
}
.html5zoo-title-0{
  width: auto !important;
    height: auto !important;
    position: absolute !important;
    left: 50% !important;
     top: 55% !important;
    transform: translateX(-50%) translateY(-50%) !important;
    background: #fff;
    border: 1px solid rgba(0,0,0,.8);
    color: rgba(0,0,0,.8)!important;
    padding:  0 10px !important;
    opacity:  0 !important;
    transition: all ease .4s !important;
}
.html5zoo-text-0:hover  .html5zoo-title-0{
      opacity:  1 !important;
}
.html5zoo-text-bg-0 {
    width: auto !important;
    height: auto !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translateX(-50%) translateY(-50%) !important;
}
.html5zoo-bullet-wrapper-0 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: auto !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.html5zoo-bullet-wrapper-0 div {
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
    background: #878e8f !important;
}

.html5zoo-bullet-wrapper-0 .active {
    background: #183684 !important;
}
@media(max-width:500px) {
    .html5zoo-nav {
        margin-top: -16px !important;
    }
}


.banner-html5zoo{ /*overflow:hidden;*/}
.banner-html5zoo .html5zoo-arrow-left-0,.banner-html5zoo .html5zoo-arrow-right-0{width:40px !important; height:60px !important; top:50% !important; margin-top:-30px !important; background:url(../images/slide_bPc.png) no-repeat !important;display:block !important; visibility:hidden;}
.banner-html5zoo:hover .html5zoo-arrow-left-0,.banner-html5zoo:hover .html5zoo-arrow-right-0{ visibility:visible;}
.banner-html5zoo .html5zoo-arrow-left-0{left:16% !important; background-position:0 0 !important;}
.banner-html5zoo .html5zoo-arrow-right-0{right:16% !important; background-position:-40px 0 !important;}
.banner-html5zoo .html5zoo-arrow-left-1,.banner-html5zoo .html5zoo-arrow-right-1{width:40px !important; height:60px !important; top:50% !important; margin-top:-30px !important; background:url(../images/slide_bPc.png) no-repeat !important;display:block !important; visibility:hidden;}
.banner-html5zoo:hover .html5zoo-arrow-left-1,.banner-html5zoo:hover .html5zoo-arrow-right-1{ visibility:visible;}
.banner-html5zoo .html5zoo-arrow-left-1{left:50px !important; background-position:0 0 !important;}
.banner-html5zoo .html5zoo-arrow-right-1{right:50px !important; background-position:-40px 0 !important;}