/*頭部樣式*/

.header{

    height: 40px;
    font:400 12px/40px "Microsoft YaHei";
    color: #999999;
    background: #333333;
}
.header  a{
        color: #999999;
}
.hht{
    height: 150px;
}
.logo{
    float:left;
    width: 436px;
    height: 53px;
    margin-right: 15px;
    margin-top: 49px;
}

.logowz{
    text-align: left;
    font:600 18px/150px "Microsoft YaHei";
    color: #333333;
}

.tel{
    width: 280px;
    font:400 14px/20px "Microsoft YaHei";
    color: #333333;
    margin-top: 49px;
}



/*語言包*/
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(../image/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}


/*導航欄樣式*/
#menu{background-color:#0260a7;}
.nav{background-color:#0260a7;height:60px;}
.nav li{line-height:60px;height:60px;text-align:center;width:150px;float:left;position:relative;z-index:999;}
.nav li+li{background:url(../image/nla.png) no-repeat left center;}
.nav li a{display:block;line-height:60px;color:#fff;height:60px;font-size: 16px;}
.nav li:hover{background: #ff7c00 url(../image/nla.png) no-repeat right center;height:60px;}

.nav .sec{height:0;background:#01557a;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:60px;left:0px;}
.nav .sec a{background:#01557a;color:#fff;height:38px;line-height:38px;width:150px;}
.nav .sec a:hover{background:#042d3f;text-decoration:none;}


/*搜索和熱門搜索*/
.ss{background:#f7f7f7;line-height:66px;height: 66px;}
.search{width:1200px;margin:0 auto;}
#formsearch{float:right;width:310px;line-height:38px;background: url(../image/ss.jpg) no-repeat center center;margin-top:9px;}
.hotSearch{float:left;font-weight:normal;color:#999999;font-size: 12px;}
.hotSearch a{margin-right:6px;color:#999999;}
.hotSearch a:hover{color:#999999;}
#formsearch input{height:38px;background:none;border:none;line-height:38px;float: left;}
#formsearch input#keyword{height:38px;line-height:38px;color:#666;width:290px;outline: none;color: #999999;font-size: 12px;}
#formsearch input#s_btn{width:18px;height:38px;line-height:38px;text-align:center;color:#fff;border:none;cursor:pointer;float:right;background: transparent;}

#search-type{float: left;width:100px;height: 38px;border: 1px solid #c8c8c8;margin-right: 5px;}


.c1{margin-top: 73px;text-align: center;}
.c1bt{
    height: 34px;
    text-align: center;
    background: url(../image/cpbt.png) no-repeat center center;
    font:100 34px/34px "Microsoft Yahei";
    color: #434343;
}
.c1bt span{
    font:600 34px/34px "Microsoft Yahei";
    color: #0260a7;
}
.cpfbt{
    font:400 16px/16px "Microsoft Yahei";
    color: #666;
    padding-top: 17px;
    margin-bottom: 26px;
}
.c1a{width: 280px;}
.cpfl{
    width: 280px;
    height: 90px;
    background: url(../image/cpfl.png) no-repeat center center;
}
.c1aa{
    border:6px solid #0260a7;
    border-top: none;
    padding-top: 13px;
    padding-bottom: 17px;
}
.c1aa ul{padding: 0 15px;}
.c1aa ul li{
    height: 44px;
    width: 100%;
    border-bottom: 1px  dashed #d1d1d1;
    background: url(../image/nnl.png) no-repeat 11px center;
    text-align: left;
}
.c1aa ul li:last-child{border: none;}
.c1aa ul li a{
    display: block;
    padding-left: 32px;
    font:400 16px/44px "Microsoft Yahei";
    color: #333333;
}

.c1b{width: 897px;}
.product_list8{}
.product_list8 li{float: left;margin-right: 13px;margin-bottom: 25px;}
.product_list8 li:nth-child(3n){margin-right: 0;}
.product_list8 li a.img{display: block;width: 280px;height: 210px;padding: 4px;border: 1px solid #d1d1d1;}
.product_list8 li img{width: 280px;height: 210px;}
.product_list8 li h3{padding-top: 13px;text-align: center;font:400 16px/16px "Microsoft Yahei";color: #333333;}
.product_list8 li:hover a.img{border-color: #ff7c00}
.product_list8 li:hover h3{color: #ff7c00;}
.c1aa ul li:hover{background: url(../image/nnll.png) no-repeat 11px center;}
.c1aa ul li:hover a{color: #ff7c00;}



.c2{
    height: 768px;
    background: url(../image/c2.png) no-repeat top center;
    margin-top: 70px;
    text-align: center;
    padding-top: 82px;
}

.c2bt{
    height: 34px;
    text-align: center;
    font:100 34px/34px "Microsoft Yahei";
    color: #fff;
}
.c2bt span{
    font:600 34px/34px "Microsoft Yahei";
    color: #fff;
    text-align: center;
}
.c2fbt{
    font:400 16px/16px "Microsoft Yahei";
    color: #FFF;
    padding-top: 17px;
    margin-bottom: 39px;
}



.c2a{width: 600px;}

.c2aa{text-align: left;color: #fff;}
.c2aa dd{font:600 34px/40px "Microsoft Yahei";}
.c2aa dd span{color: #ff7c00;font-size: 40px;}
.c2aa dt{font:600 18px/18px "Microsoft Yahei";margin-top: 14px;margin-left: 34px;}
.c2aa dl{font:400 12px/18px "Microsoft Yahei";color: rgba(255,255,255,.3);margin-top: 18px;text-transform: uppercase;}

.ys{margin-top: 30px;}
.ys ul{}
.ys ul li{float: left;width: 270px;height: 100px;border-radius: 5px;background: #ff7c00;margin-right: 18px;margin-bottom: 18px;text-align: center;}
.ys ul li .img{text-align: center;height: 67px;line-height: 67px;}
.ys ul li span{display: block;font:400 14px/14px "Microsoft Yahei";color: #FFF;}

.ysdl{margin-top: 18px;position: relative;}
.ysdl dd{text-align: left;font:400 14px/24px "Microsoft Yahei";color: #ffffff;}
.ysdl a{
    display: block;
    position: absolute;
    top:6px;
    left: 406px
}



.c2b{width: 600px;text-align: left;}
.c2bb{margin-left: 42px;}
.c2bb dd{
    font:600 16px/16px "Microsoft Yahei";
    color: #3397e2;
    text-transform: uppercase;
}
.c2bb dt{
    font:100 22px/22px "Microsoft Yahei";
    color: #fff;
    margin-top: 19px;
}

.liuyan{padding: 30px 25px;background: #fff;width: 220px;margin-top: 102px;margin-left: 330px;}
.message1 input::-webkit-input-placeholder,.message1 textarea{
          font:400 14px/38px "Microsoft Yahei";
          color: #999999;
        }
.message1 input::-moz-placeholder,.message1 textarea{   /* Mozilla Firefox 19+ */
          font:400 14px/38px "Microsoft Yahei";
          color: #999999;
        }
.message1 input:-moz-placeholder,.message1 textarea{    /* Mozilla Firefox 4 to 18 */
          font:400 14px/38px "Microsoft Yahei";
          color: #999999;
        }
.message1 input:-ms-input-placeholder,.message1 textarea{  /* Internet Explorer 10-11 */
          font:400 14px/38px "Microsoft Yahei";
          color: #999999;
        }

.message1{}
.message1 input,textarea{background: transparent;outline: none;border: none;line-height: 38px;width: 220px;}
.message1 ul{}
.message1 ul li{height: 38px;border-bottom: 1px solid #d1d1d1;width: 220px;margin-bottom: 15px;}
.message1 ul li:nth-child(3){height: 94px;}
.message1 ul li:nth-child(4){border: none;}
.message1 ul li:nth-child(5){border: none;}
.message1 #checkcode{width: 80px;}
.message1 .msgbtn1{
    width: 150px;
    height: 34px;
    background: #0260a7;
    text-align: center;
    font:400 14px/34px "Microsoft Yahei";
    color: #FFF;
    border-radius: 5px;
   margin-left: 35px;
   margin-top: 15px;
}


.c3{
    text-align: center;
    margin-top: 80px;
}
.c3bt{
    height: 34px;
    text-align: center;
    background: url(../image/cpbt.png) no-repeat center center;
    font:100 34px/34px "Microsoft Yahei";
    color: #434343;
}
.c3bt span{
    font:600 34px/34px "Microsoft Yahei";
    color: #0260a7;
}
.c3fbt{
    font:400 16px/16px "Microsoft Yahei";
    color: #666;
    padding-top: 17px;
    margin-bottom: 24px;
}

#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}
.gun{position: relative;}
.l_btn,.r_btn{position:absolute;top:35%;cursor:pointer;width: 26px;height: 51px;}
.l_btn{left:-48px;}
.r_btn{right:-48px;}
.product_list6{}
.product_list6 li{float: left;margin-right: 13px;}
.product_list6 li a.img{display: block;width: 280px;height: 210px;padding: 4px;border: 1px solid #d1d1d1;}
.product_list6 li img{width: 280px;height: 210px;}
.product_list6 li h3{padding-top: 13px;text-align: center;font:400 16px/16px "Microsoft Yahei";color: #333333;}
.product_list6 li:hover a.img{border-color: #ff7c00}
.product_list6 li:hover h3{color: #ff7c00;}


.c4{height: 552px;background: url(../image/c3.jpg) no-repeat top center;margin-top: 84px;padding-top: 78px;}
.c4a{
    width: 558px;
    height: 360px;
    overflow: hidden;
    margin-top: 9px;
}
.c4b{width: 548px;}
.c4b dd{font:100 28px/28px "Microsoft Yahei";color: #FFF;}
.c4b dd span{font:100 18px/18px "Microsoft Yahei";color: #fff;text-transform: uppercase;}
.c4b dt{font:400 14px/24px "Microsoft Yahei";color: #ffffff;margin-top: 40px;height: 260px;overflow: hidden;}
.c4b dl{font-size: 0px;}
.c4b dl a{display: inline-block;}
.c4b dl a.aa1{margin-right: 15px;}



.c5{
    background: #f2f2f2;padding: 43px 0px;
    width: 1400px;
    margin: 0 auto;
    position: relative;
    margin-top: -120px;
    z-index: 99
}
#hdemo{overflow:hidden;width:100%;margin:0 auto;}
#hindemo {float: left;width:800%!important}
#hdemo1 {float: left;}
#hdemo2 {float: left;}
.gun1{position: relative;}
.hl_btn,.hr_btn{position:absolute;top:33%;cursor:pointer;width: 26px;height: 51px;}
.hl_btn{left:-48px;}
.hr_btn{right:-48px;}
.product_list7{}
.product_list7 li{float: left;margin-right: 13px;}
.product_list7 li a.img{display: block;width: 220px;height: 120px;padding: 4px;border: 1px solid #d1d1d1;}
.product_list7 li img{width: 220px;height: 120px;}
.product_list7 li h3{padding-top: 12px;text-align: center;font:400 14px/14px "Microsoft Yahei";color: #333333;}
.product_list7 li:hover a.img{border-color: #ff7c00}
.product_list7 li:hover h3{color: #ff7c00;}




/*新聞中心*/

.news_index {
    height: 633px;

}

.news_tit {
    padding-top: 50px;
}

.news_tit img {
    width: 227px;
    height: 28px;
}

.news_nr {
    margin-top: 45px;
}

.news_left {
    width: 400px;
    float: left;
}

.news_left .n_l_top {
    height: 257px;
    background: #f2f2f2;
    padding: 0 20px;
    position: relative;
    border-top:2px solid #0260a7;
    padding-top: 11px;
}

.news_left .n_l_top>h3 {
    position: relative;
    height: 46px;
    line-height: 46px;
    border-bottom: 1px solid #dcdcdc;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
}

.news_left .n_l_top>h3 a {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 14px;
    color: #666666;
    font-weight: normal;
}

.n_l_top .cj_news {
    margin-top: 12px;
}

.cj_news_list li h3 {
    color: #333;
    font-size: 16px;
    font-weight: normal;
    font-family: "微軟雅黑";
    padding-bottom: 5px;
    background: url(../image/cj_news_list_h3.png) no-repeat left bottom;
}

.cj_news_list li span {
    display: block;
    margin-top: 18px;
    color: #666666;
    font-size: 14px;
    font-weight: normal;
    font-family: "微軟雅黑";
}

.news_left .n_l_btm {
    margin-top: 11px;
    height: 332px;
    background: #fff;
    padding: 0 20px;
     background: #f2f2f2;
     padding-top: 11px;
     padding-bottom: 7px;
}

.news_left .n_l_btm>h3 {
    position: relative;
    height: 46px;
    line-height: 46px;
    border-bottom: 1px solid #dcdcdc;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
}

.news_left .n_l_btm>h3 a {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 14px;
    color: #666666;
    font-weight: normal;
}

.n_l_btm .gs_news {
    margin-top: 12px;
}

.gs_news_list li {
    line-height: 45px;
    background: url(../image/gs_news_li_bg.png) no-repeat left center;
    padding-left: 20px;
}

.gs_news_list li h3 {
    font-size: 14px;
}

.gs_news_list li h3 a {
    color: #333333;
    font-size: 14px;
    font-weight: normal;
    font-family: "微軟雅黑";
}

.gs_news_list li:hover {
    background: url(../image/gs_news_li_h_bg.png) no-repeat left center;
}

.gs_news_list li:hover a {
    color: #ff7c00;
}

.news_right {
    width: 749px;
    float: right;
    height: 618px;
    padding: 0 20px;
    border-top: 2px solid #0260a7;
    background: #f2f2f2;
    padding-top: 11px;
}

.news_right>h3 {
    position: relative;
    height: 46px;
    line-height: 46px;
    border-bottom: 1px solid #dcdcdc;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
}

.news_right>h3 a {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 14px;
    color: #666666;
    font-weight: normal;
}

.news_right .hy_news {
    margin-top: 5px;
    position: relative;
}

.hy_news .hy_news_list {}

.hy_news .hy_news_list li {
    padding: 22px 0px;
    border-bottom: 1px solid #dcdcdc;
}

.hy_news .hy_news_list li:nth-child(3) {
    border: none;
}

.hy_news .hy_news_list li .hy_aa {
    width: 230px;
    height: 140px;
}

.hy_news .hy_news_list li .hy_aa img {
    width: 230px;
    height: 140px;
}

.hy_news .hy_news_list li .hy_bb {
    width: 485px;
    margin-left: 20px;
}

.hy_bb h3 {
    padding-top: 10px;
    color: #333333;
    font-size: 16px;
    font-family: "微軟雅黑";
    font-weight: normal;
}

.hy_bb span {
    display: block;
    padding-top: 20px;
    color: #666666;
    font-size: 14px;
    font-family: "微軟雅黑";
    font-weight: normal;
    line-height: 24px;
}
.hy_bb .pps{color: #0260a7}

/*新聞切換*/

.slideBox .prev,
.slideBox .next {
    position: absolute;
    display: block;
    width: 40px;
    height: 30px;
}

.slideBox .prev {
    background: url(../image/news_left.png) no-repeat center;
    right: 41px;
    bottom: 0px;
}

.slideBox .next {
    background: url(../image/news_right.png) no-repeat center;
    right: 00px;
    bottom: 0px;
}

/*主體樣式*/
#container{width:1200px;margin:0 auto;margin-top:10px;}
#container1{
width:1200px;margin:0 auto;
}
.container1{
width:1200px;margin:0 auto;
}
.w1920{width: 1920px;position: relative;left: 50%;margin-left: -960px;}
.w1200{width: 1200px;margin: 0 auto;}



.menu_cate{width:220px;float:left;}
.cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"Microsoft YaHei";
background:url(../image/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:"Microsoft YaHei";
background:url(../image/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:"Microsoft YaHei";
background:url(../image/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:"Microsoft YaHei";
background:url(../image/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:"Microsoft YaHei";
background:url(../image/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:"Microsoft YaHei";
background:url(../image/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:"Microsoft YaHei";background:url(../image/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;}

/*品牌列表*/
.brand-list{margin: 20px 0px;display: flex;display: -webkit-flex;flex-wrap: wrap;}
.brand-list li{margin: 5px 8px;}
.brand-list li:hover{box-shadow: 2px 1px 5px;}
.brand-list li img {width: 150px;height: 120px;}

/*前台多頁簽*/
.news{width:1000px;float:left;margin-top: 10px;}
.tab{position:relative;}
.tab li{float:left;width:100px;height:30px;display:block;line-height:30px;border:1px solid #ccc;margin-right:8px;text-align:center;color:#333;font-size:12px;cursor: pointer;}
.tab li.cur{color:#fff;text-decoration:none;font-size:12px;background:#3a78c1;border-color: #3a78c1;}

.tt{display: none;}
.list1{padding:8px 10px;}
.list1 li{line-height:27px;position:relative;vertical-align: middle;}
.list1 li a{background:url(../image/list_dot1.gif) left center no-repeat;padding-left:12px;line-height:27px;color:#555555;}
.list1 li a:hover{color:#e87518;text-decoration:none;}
.list1 li span{position:absolute;right:0px;line-height:30px;top:0;color:#999;}




/*友情鏈接*/
.f_link{width:1200px;margin:0 auto;margin-top:15px;line-height:30px;line-height:30px;text-indent:20px;padding: 10px 0;}

/*頁面底部*/
#footer{
    background: #2e2e2e;
    padding-top: 66px;
}
.fta{
    width: 370px;
    text-align: left;
    height: 294px;
}

.fta dd{
    height: 26px;
}

.fta dt{
    font:400 20px/20px "Microsoft Yahei";
    color: #ffffff;
    margin-top: 20px;
}
.fta .xian{width: 45px;height: 1px;background: #979797;margin-top: 18px;}
.fta dl{margin-top: 16px;    font:400 16px/40px "Microsoft Yahei";
    color: #ffffff;
    display: inline-block;
    margin-right: 58px;}
.fta dl a{
    font:400 16px/40px "Microsoft Yahei";
    color: #ffffff;

    margin-right: 58px;
}

.fta:nth-child(3) dl{text-align: center;}
.fta:nth-child(3) dl img:first-child{margin-right: 10px;}


.ffft{
    border-top:1px solid #3e3e3e;
    background: #2e2e2e;
    padding-top: 30px;
    padding-bottom: 30px;
}

.copyright{
    font:400 14px/30px "Microsoft Yahei";
    color: #FFF;
    text-align: center;
}
.copyright a{color: #FFF;}
.copyright p{display: inline-block;}




/*------------內頁-------------------*/
.left .box{margin-bottom:10px;}
.left .box h3{line-height:31px;padding-left:15px;font-weight:bold;font-family:"Microsoft YaHei";
background:#ff7c00;font-size:18px;color:#fff;}
.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:100%;margin:0 auto;}
.n_banner img{width:100%;margin:0 auto}
.left{width:225px;float:left;}
.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:914px;float:right;padding-bottom:10px;}
.sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px;background:#ff7c00;color: #fff;}
.sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;font-size:14px;}
.sitemp .site{width:380px;float:right;text-align:right;line-height:30px;color: #fff;}
.sitemp .site a{color: #fff;}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}
.sort_album{margin-top: 15px;}