/*初始化樣式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,navs,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#333;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋體,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}

a:hover,a:active,a:focus{text-decoration:none;outline:none;}


input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibil.abttity: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}


.pos{width:1920px;position:relative;left:50%;margin-left:-960px;}
.wh{width:1200px;margin:0 auto;}




/*頭部樣式*/
.top2{height:194px;border-top:4px solid #185a9d;overflow:hidden;}
.logo{float:left;line-height:190px;}
.k2{margin-right:16px;background:url(../image/t.png) no-repeat left center;padding-left:66px;color:#666666;font-size:20px;margin-top:60px;}
.k2 p:nth-child(2){color:#333333;font-size:26px;font-weight:bold;margin-top:6px;}
.codes{width:102px;line-height:190px;}
.yu{margin-left:13px;color:#333333;font-size:14px;margin-top:63px;}
.yu a{color:#333333;}







.topLink{width:460px;float:right;text-align:right;}
.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}
.topLink .k1{line-height:22px; color:#333;padding-right:8px;}
.topLink .k1 a{padding:0 2px;}
.topLink .k2{color:#111111;font-size:16px;font-family:"微軟雅黑";float:right;height:30px;margin-top:13px;}
.topLink .k2 img{margin-right:5px;}
.topLink .k1 a{color:#333;}
.topLink .k3{margin-top:12px;}



/*熱門搜索*/
.sous{height:60px;}
.hotSearch{float:left;height:60px;line-height:60px;font-weight:normal;font-size:14px;color:#666666;background:url(../image/hot.png) no-repeat left center;padding-left:55px;}
.hotSearch a{padding:0 8px 0 10px;color:#666666;}
.hotSearch a:nth-child(1){padding-left:0;}
.hotSearch a+a{background: url(../image/x2.png) no-repeat left center;}



/*搜索和熱門搜索*/
#formsearch{float:right;background: url(../image/ss.png) no-repeat;width:257px;height:38px;margin-top:11px;}
#formsearch input{}
#formsearch input#keyword{height:38px;line-height:38px;padding-left:16px;float:left;color:#999999;font-size:14px;background:none;border:none;outline:none;width:182px;}
#formsearch input#s_btn{width:59px;height:38px;line-height:38px;text-align:center;background:none;border:none;outline:none;color:#fff;border:none;cursor:pointer;font-size: 12px;float:right;}
#formsearch input::-webkit-input-placeholder{color:#ffffff;}
#formsearch textarea::-webkit-input-placeholder{color:#ffffff;}








.com-img{overflow:hidden;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}

/* 導航樣式 */
.dao{background:#185a9d;height:70px;}
.x-menu {}

.x-menu > li {
  float: left;
  position: relative;
 text-align:center;width:150px;padding:0 0px 0 2px;
}
.x-menu > li+li{background:url(../image/fx1.png) no-repeat left center;}
.x-menu > li > a {
  display: block;
  font-size: 16px;
  color: #fff;
  line-height:70px;
}

.x-menu > li:hover > a {
  background: #0f4276;
  color: #fff;
}

.x-menu > li.active > a {

}



.x-menu > li:hover .x-sub-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.x-sub-menu {
  position: absolute;
  z-index: 99999;
  width: 100%;
  left: -0%;
  top: 70px;

  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.x-sub-menu > li{margin-top:1px;}
.x-sub-menu > li > a {
  display: block;
  text-align: center;

  font-size: 16px;
  color: #fff;
  line-height:70px;  background: #185a9d;
 height:70px;overflow:hidden;
}

.x-sub-menu > li > a:hover {
  background: #0f4276;
}




/*主體樣式*/
#container{width:1200px;margin:0 auto;margin-top:20px;}
.container{width:1200px;margin:0 auto;margin-top:25px;}


.box1{background:url(../image/bj1.jpg) no-repeat;height:911px;padding-top:80px;}
.bt{text-align:center;}
.bt h2{font-size:50px;color:#185a9d;}
.bt h3{font-size:16px;color:#666666;background:url(../image/bt.png) no-repeat center bottom;font-weight:normal;padding:10px 0 15px;}
.box1 .cont{margin-top:39px;}

.pro-cfn {
    width:290px;
    
}

.pro-tit {
    text-align: center;
    color: #fff;height:110px;padding-top:19px;background: url(../image/pt.png) no-repeat center top;position:relative;z-index:999;
   
}

.pro-tit h3 {
    font-size: 30px;
    font-weight: bold;
    line-height: 38px;
    padding-left:72px;
}

.pro-tit p {
    font-size:12px;margin-top:12px;
}

.cfn-list {
    padding-right: 8px;margin-top:-8px;z-index:1;position:relative;
}

.cfn-list ul {
    background-color: #fff;
    padding-top:8px;
}

.cfn-list ul li {
    padding:9px 5px 9px 30px;
    position: relative;height:78px;
}
.cfn-list ul li+li{border-top: dashed 1px #ddd;}
.cfn-list ul a {
    display: block;
    line-height: 60px;
    color: #666666;
    font-size:18px;height:60px;
    position: relative;
    z-index: 999999;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 246px;
    display: block;
    padding-right: 26px;
}

.cfn-list ul li::after {
    position: absolute;
    content: '';
    width: 0;
    height:60px;
    background-color: #185a9d;
    top:9px;
    left: 0;
/*    transition: all .8s ease;*/
    z-index: 1;
}

.cfn-list ul li.cur::after {
    width: 103.5%;
}

.cfn-list ul li.cur a {
    color: #fff;
    background: url(../image/pm.png)no-repeat right center;
}




.pro-tel {
    text-align: center;
    color: #fff;background: url(../image/dh.png)no-repeat;height:110px;
  
}

.pro-tel .tel {
    padding:24px 0 0;
}

.pro-tel h3 {
    font-size:20px;
    font-weight: bold;
    line-height: 38px;
    background: url(../image/dh2.png)no-repeat 50px center;
    padding-left:40px;
}

.pro-tel h4 {
    font-size: 14px;font-weight:normal;margin-top:6px;
}


.prody{width:872px;}
.proimg{display:none;}
.proimg.clicked{display:block;}


.proimg li{float:left;position:relative;border:1px solid #dddddd;margin-bottom:29px;margin-right:31px;}
.proimg li:nth-child(3n){margin-right:0;}
.proimg li .img img{width:268px;height:239px;display:block;}
.proimg li h3{line-height:50px;height:50px;overflow:hidden;font-weight:normal;background:#e2e2e2;text-align:center;color:#333333;font-size:16px;}
.proimg li:hover h3{background:#185a9d;color:#fff;}
.proimg li:hover{box-shadow: 2.909px 5.248px 5.34px 0.66px rgba(3, 3, 3, 0.19);}






.box2{background:url(../image/bj2.jpg) no-repeat;height:703px;padding-top:80px;}
.box2 .bt h3{background:url(../image/bt2.png) no-repeat center bottom;}
.yywz{text-align:center;color:#fff;font-size:18px;line-height:28px;margin-top:26px;}
.adds{margin-top:35px;}
.adds li{float:left;width:270px;height:150px;text-align:center;margin-bottom:25px;margin-right:40px;background:rgba(102,102,102,.5);padding-top:27px;}
.adds li:nth-child(4n){margin-right:0;}
.adds li .img{height:54px;}
.adds li h3{color:#fff;font-size:20px;font-weight:normal;margin-top:15px;}
.adds li h3 span{font-weight:bold;margin-right:25px;}
.adds li:hover{background:#185a9d;border-radius: 20px;}




.box3{background:url(../image/bj3.jpg) no-repeat;height:1142px;padding-top:78px;background-size:cover;}
.box3 .cont{margin-top:39px;height:400px;overflow:hidden;}
.apic{width:540px;height:400px;display:block;}
.about{width:602px;}
.abtt{color:#333333;font-size:26px;background:url(../image/ax.png) no-repeat left bottom;padding:23px 0 40px;}
.ab{color:#333333;font-size:16px;line-height:27px;margin-top:28px;text-align:justify;}
.aleft{margin-top:40px;}
.aleft a{position: relative; display: block;width:160px;height:46px;background-color: #f8f8f9;border: solid 1px #185a9d;color: #333333;font-size: 16px;text-align: center;line-height: 46px;}
.aleft a span{ position: relative;transition: all 0.2s; z-index: 2;display: block;}
.aleft a:before{content: '';transition: all 0.3s;width:11px;height:45px;background-color: #185a9d;display: block;position: absolute;left: 0;top:0;z-index: 1;}
.aleft a:hover:before{width: 100%;}
.aleft a:hover{color: #fff;}

.box3 .cont2{margin-top:46px;}
.hytt{position:relative;color:#333333;font-size:30px;background:url(../image/xu.png) no-repeat 140px center;}
.hytt a{color:#666666;font-size:16px;position:absolute;right:0;top:5px;font-weight:normal;}

/*    .picMarquee-left{ overflow:hidden;margin-top:43px;}
    .picMarquee-left .tempWrap{width:1200px!important;margin:0 auto;overflow:hidden;}
    .picMarquee-left .bd ul{ overflow:hidden; zoom:1;padding-bottom:10px!important;}
    .picMarquee-left .bd ul li{margin-right:45px;float:left; _display:inline; overflow:hidden; text-align:center;  }
    .picMarquee-left .bd ul li .img img{ width:162px; height:230px; display:block;}
    .picMarquee-left .bd ul li:hover{box-shadow: 2.5px 4.33px 5px 0px rgba(0, 0, 0, 0.12);}

*/
    .picMarquee-left{ overflow:hidden;margin-top:43px;}
     .picMarquee-left .slick-list{width:1200px!important;margin:0 auto;overflow:hidden;padding-bottom:10px!important;}
     .picMarquee-left ul li{float:left; _display:inline; overflow:hidden; text-align:center;  }
    .picMarquee-left ul li .img{ width:255px; height:362px; display:block;}
    .picMarquee-left ul li .img img{ width:255px; height:362px; display:block;}
    .picMarquee-left ul li:hover{box-shadow: 2.5px 4.33px 5px 0px rgba(0, 0, 0, 0.12);}
    .picMarquee-left ul li+li{margin-left:45px;}




.box4{background:url(../image/bj4.jpg) no-repeat;height:325px;padding-top:58px;}
.box4 h2{color:#fff;font-size:35px;text-align:center;}
.box4 h3{color:#fff;font-size:20px;text-align:center;font-weight:normal;margin-top:28px;}
.box4 .cont{width:527px;margin:0 auto;margin-top:30px;}
.htdh{color:#fff;font-size:30px;line-height:58px;font-weight:bold;}
.htdh img{margin-right:12px;}
a.zx{display:block;font-size:16px;width:160px;line-height:46px;color:#fff;background:#185a9d;text-align:center;float:right;margin-top:6px;}
a.zx:hover{font-weight:bold;}




.box5{background:url(../image/bj5.jpg) no-repeat;height:664px;padding-top:80px;}
    .picMarquee-left3{position:relative;margin-top:38px;}
    .picMarquee-left3 .hd{}
    .picMarquee-left3 .hd .prev{display:block;width:58px; height:58px;cursor:pointer; background:url(../image/z2.png) no-repeat;position:absolute;top:152px;left:-70px;z-index:999;}
    .picMarquee-left3 .hd .next{display:block;width:58px; height:58px;cursor:pointer; background:url(../image/y2.png) no-repeat;position:absolute;top:152px;right:-70px;z-index:999;}
     .picMarquee-left3 .hd .prev:hover{background:url(../image/zz.png) no-repeat;}
     .picMarquee-left3 .hd .next:hover{background:url(../image/yy.png) no-repeat;}

    .picMarquee-left3 .tempWrap{width:1200px!important;margin:0 auto;overflow:hidden;}
    .picMarquee-left3 .bd ul{ overflow:hidden; zoom:1;padding-bottom:10px!important;}
    .picMarquee-left3 .bd ul li{ margin:0 30px; float:left; _display:inline; overflow:hidden; text-align:center;position:relative;width:360px;}
    .picMarquee-left3 .bd ul li .img img{ width:360px; height:370px; display:block;}
    .picMarquee-left3 .bd ul li h3{ width:360px; height:60px;background:rgba(0,0,0,.5);position:absolute;left:0;bottom:0;line-height:60px;overflow:hidden;color:#fff;font-size:18px;font-weight:normal;}
    .picMarquee-left3 .bd ul li:hover h3{background:#185a9d;}
    .picMarquee-left3 .bd ul li:hover{box-shadow: 2.909px 5.248px 5.34px 0.66px rgba(3, 3, 3, 0.19);}



.box6{margin-top:80px;padding-bottom:60px;}
.newsall{
    margin-top:30px;
}

.news-left{
    width:654px;
    float: left;
    position: relative;
}

.news-left::before{
    position: absolute;
    width: 35px;
    height: 540px;
    content: '';
    right: -84px;
    background: url(../image/yin.png) no-repeat right;
}

.tabsz{
    width: 98%;
}

.tabsz li{
    float: left;
    padding-right:65px;
}

.tabsz li a{
    color: #333333;
    font-size: 24px;
    line-height: 32px;
    font-weight: bold;
}

.tabsz li a:hover{
    color:#185a9d;
}

.tabsz li.cur a{
    color:#185a9d;
}

.tabsz span{
    float: right;
}

.tabsz span a{
    color: #999999;
    font-size: 14px;
    line-height: 32px;
}

.tabsz span a:hover{
    color:#185a9d;
}

.newscon{
    margin-top:35px;
    width:100%;
}

.newimg img{
    width: 100%;
}

.ttsz{
    display: none;
}

.newimg1{
    display: block;
}

.newimg2{
    display: none;
}
.zixun-left{margin-bottom:5px;}


.zxl-div2 h3{font-size:16px ;color: #333333;padding-left: 27px;background: url(../image/yun.png) no-repeat left  center;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;width: calc(100% - 160px);line-height:40px;font-weight:normal;}


.zixun-right li:hover .zxl-div2 h3 {color: #185a9d;font-weight:bold;}


.newsimg{
    float: left;
    margin-top: 0.5vh;
    padding-right: 0.5vw;
}

.zxl-div1 .zxl-div2 span{
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.zxl-div1 .zxl-div2 h4{
    float: right;
    line-height: 40px;
    font-weight: normal;
    color: #666666;
    font-size: 16px;
}

.zxl-div{
    margin-top: 2.5vh;
}



.zxl-div1:hover .zxl-div2{
    color: #005bac;
}

.zxl-div1:hover .newsimg .newimg1{
    display: none;
}

.zxl-div1:hover .newsimg .newimg2{
    display: block;
}

.news-right{
    float: right;
    width:483px;
    padding-left:24px;
}



.nrcon ul li{
    margin-top: 16px;
}

.zxl-div3 h3{
    font-size: 16px;
    line-height: 34px;
    color: #333333;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.zxl-div3 h4{
    font-size: 14px;
    line-height: 30px;
    color: #999999;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-bottom: 20px;
}

.nrcon ul{
    border-bottom: 1px dashed #dddddd;
}


.zxl-div3:hover h3{
    color:#185a9d;font-weight:bold;
}





















/*产品推薦*/
.recommend_product{margin-top:35px;}
.recommend_product .title{background:url(../image/chan.jpg) no-repeat;line-height:28px;padding-left:20px;font-family:"微软雅黑";color:#fff;font-size:16px;}
.recommend_product .content{padding-top:15px;border:1px solid #e0e1dc;height: 275px;overflow: hidden;}
.roll_product li{padding-bottom:12px;}






.navigation{float:right;width:100px;}

.index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微軟雅黑";
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;}



/*首頁左側聯系我們*/
.contact{margin-top:30px;}
.contact .content{padding-top:13px;padding-left:8px;border:1px solid #e0e1dc;color:#333333;font-size:14px;line-height:20px;height:200px;overflow:hidden;}



/*工程案例*/
.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(../image/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.case .content{padding:5px;padding-bottom:12px;text-indent:20px;}



/*品牌列表*/
.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;}




/*友情鏈接*/
.lk{background:#f6f4f4;padding:24px 0;}
.f_link{color:#919191;font-size:14px;}
.f_link a{color:#919191;}
.f_link img{margin-right:10px;}



/*頁面底部*/
.foot{background:url(../image/foot.jpg) no-repeat;height:368px;}
.x-menu2 {text-align:center;border-bottom:1px solid #8b9094;height:86px;overflow:hidden;margin-bottom:52px;}

.x-menu2 > li {
  display:inline-block;
  position: relative;
 text-align:center;padding:0 23px 0 20px;
}
.x-menu2 > li+li{background:url(../image/fx1.png) no-repeat left center;}
.x-menu2 > li > a {
  display: block;
  font-size: 16px;
  color: #fff;
  line-height:85px;
}



.f_nav{width:980px;float:left;}
.f_nav dl{float:left;width:163px;background:url(../image/fx.png) no-repeat left top;padding-left:18px;height:152px;}
.f_nav dt{margin-bottom:17px;font-size:16px;color:#fff;font-weight:normal;}
.f_nav dd{font-size:14px;color:#abadaf;line-height:26px;}
.f_nav dd a{font-size:14px;color:#abadaf;line-height:26px;}
.f_nav dl.aa{width:205px;}
.f_nav dl.bb{width:421px;}
.f_nav dl.aa dd a{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}


.fcodes{width:128px;text-align:center;}
.fcodes p:nth-child(2){color:#fff;font-size:16px;margin-top:11px;}


.footer{background:#0d1319;line-height:22px;font-size:12px;color:#6f7071;text-align:center;padding:15px 0;}
.footer a{color:#6f7071;}







/*------------內頁-------------------*/

.left .box{margin-bottom:10px;}
.left .box h3{line-height:40px;background:#185a9d;font-size:18px;color:#fff;text-align:center;font-weight:normal;}
.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:1920px;margin:0 auto;position:relative;left:50%;margin-left:-960px;}




.left{width:225px;float:left;}
.sort_menu h3{background-color:#ececec;line-height:28px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;font-weight:bold;}
.n_contact .content{padding:5px;line-height:24px;}

.right{width:940px;float:right;padding-bottom:10px;}
.sitemp{line-height:40px;height:40px;overflow:hidden;padding-right:10px;background:#185a9d;}
.sitemp h2{width:340px;float:left;line-height:40px;text-align:center;text-align:left;text-indent:15px;font-size:18px;color:#fff;font-weight:normal;}
.sitemp .site{width:380px;float:right;text-align:right;line-height:40px;color:#fff;font-size:14px;}
.sitemp .site a{color:#fff;}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}