﻿

/*頭部樣式*/
.tong{width: 1200px;margin: 0 auto;}
#header{background: url(../image/tou.png) repeat-x;height: 165px;}
.top{width:1200px;margin:0 auto;}
.logo{float:left;padding-top: 16px;}
.k4{line-height: 30px;font-size: 14px;color: #727273;}
.k4 a{line-height: 30px;font-size: 14px;color: #727273;}

.topLink{width:400px;float:right;text-align:right;position: relative;z-index: 9999;}
.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;}

.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}

.topLink .k2{padding-top: 52px;}

#menu{margin-top:5px;background:#f8b62c;}

/*熱門搜索*/
.ss{height: 75px;border-bottom: 1px dashed #d3d3d3;}
.search{text-align:left;height:75px;}
#formsearch{width: 364px;float:right;height: 40px;background: url(../image/ss.jpg) no-repeat 0 0;margin-top: 18px;}
.hotSearch{float:left;height:75px;line-height:75px;color: #595959;font-size: 14px;}

/*搜索和熱門搜索*/
.hotSearch a{margin-right:6px;color: #595959;font-size: 14px;font-weight:normal;}
#formsearch input{height: 40px;background: none;border: none;line-height: 40px;}
#formsearch input#keyword{height: 40px;line-height: 40px;padding-left:4px;color: #a6a6a6;font-size: 14px;width: 314px;}
#formsearch input#s_btn{width: 42px;height: 40px;line-height: 40px;text-align:center;background: none;color:#fff;border:none;cursor:pointer;}


/*tab*/
.c2bg{margin-top: 35px;background: #f2f2f2;padding-top: 56px;padding-bottom: 46px;}
.tabs{text-align: center;margin-bottom: 70px;}
.tabs li{width: 210px;height: 42px;line-height: 42px;text-align: center;display: inline-block;font-size: 16px;color: #252626;background: #cccccc;margin: 0 70px;}
.tabs li a{color: #252626;}
.tabs li:hover,.tab-nav-action{background: #aa5c3f!important;color: #fff!important;}
.tabs li:hover,.tab-nav-action a{color: #fff!important;}
.secs{}


.tabs li a:hover{color:#fff;}

.secs a{display: block;float: left;margin-right: 50px;text-align: center;width: 190px;}
.secs a:last-child{margin-right: 0px;}
.secs a dd{margin-top: 30px;font-size: 16px;line-height: 16px;color: #252626;}

/*tab1*/
.c3{margin-top: 50px;}
.c3 h2{text-align: center;margin-bottom: 57px;}


.inHd ul li{width: 40px;text-align: center;display: block;float: left;padding: 0 13px;border-left: 1px solid #ccc;height: 300px;}
.inHd ul li dd{width: 40px;height: 40px;background: #aa5c3f;margin-bottom: 20px;color: #fff;line-height: 40px;font-size: 24px;}
.inHd ul li dt{display: block;writing-mode:lr-tb;font-size: 16px;color: #404040;letter-spacing: 5px;}
.inHd ul li:nth-child(5){border-right: 1px solid #ccc;}
.on dd{background: #d70211!important;}
.inHd{width: 340px;float: left;}
.inBd{float: right;}
.inBd ul li{width: 770px;height: 440px;display: block;position: relative;}
.inBd ul li h3{background: rgba(170,92,63,.9);width: 404px;height: 70px;padding: 16px;position: absolute;bottom: -21px;left:-30px;z-index: 999;}
.inBd ul li h3 span{display: block;float: left;color: #fff;width: 70px;height: 70px;text-align: center;font-size: 40px;line-height: 70px;border-radius: 100px;border: 1px solid #fff;}
.inBd ul li h3 dt{font-size: 14px;line-height: 24px;display: block;height: 70px;width: 316px;float:right;color: #fff;font-weight: 500;}
.hd ul{position: absolute;top:392px;left:0;}
.outBox{position: relative;height: 490px;overflow: hidden;}
.hd ul li{display: block;width: 39px;height: 39px;margin-right: 4px;float: left;}


.c4{background: url(../image/bg1.png) no-repeat center bottom;height: 262px;}
.c4 li:last-child{margin-right: 0;}
.c4 li{display: block;float: left;text-align: center;margin-right: 53px;padding-bottom: 45px;}
.bk{padding: 2px;border: 1px solid #eee;}
.c4 li a{display: block;border: 1px solid #eee;}
.c4 li a span{display: block;width: 252px;height: 70px;}
.c4 li a dd{line-height: 32px;font-size: 16px;color: #000;width: 242px;margin: 0 auto;}
.c4 li a dt{line-height: 22px;font-size: 12px;color: #737373;width: 242px;margin: 0 auto;height: 90px;text-align: left;}
.c4 li:nth-child(1) a span{background: url(../image/b-1h.png) no-repeat center 50%;}
.c4 li:nth-child(2) a span{background: url(../image/b-2.png) no-repeat center 50%;}
.c4 li:nth-child(3) a span{background: url(../image/b-3.png) no-repeat center 50%;}
.c4 li:nth-child(4) a span{background: url(../image/b-4.png) no-repeat center 50%;}
.c4 li:hover{border-bottom: 4px solid #d70211;border-color: #d70211;}
.c4 li:hover .bk{border-color: #d70211;}
.c4 li:hover a{border-color: #d70211;}
.c4 li:nth-child(1):hover span{background: url(../image/b-1.png) no-repeat center 50% #d70211;}
.c4 li:nth-child(2):hover a span{background: url(../image/b-2h.png) no-repeat center 50% #d70211;}
.c4 li:nth-child(3):hover a span{background: url(../image/b-3h.png) no-repeat center 50% #d70211;}
.c4 li:nth-child(4):hover a span{background: url(../image/b-4h.png) no-repeat center 50% #d70211;}

.ys{width: 272px;}
.c5bg{background: #f2f2f2;padding-top: 88px;padding-bottom: 84px;margin-top: 40px;}


.c6{margin-top: 54px;}
.c6 h2{text-align: center;}
.zs{margin-top: 22px;margin-bottom: 30px;}
.zs li{display: block;float: left;margin-right: 38px;width: 208px;}
.zs li dd{display: block;width: 208px;color: #000;line-height: 40px;text-align: center;font-size: 14px;color: #000;}


.c7bg{height: 770px;background: url(../image/c7.png) no-repeat center 0;}
.c7{padding-top: 192px;}
.c7-1{float: left;width: 323px;}
.c7-2{float: right;width: 800px;}
.zx{border: 1px dashed #b26f56;border-radius: 10px;width: 780px;margin: 0 auto;margin-top: 10px;}
.zx li{height: 148px;background: #e8e7e9;padding: 6px 0;border-bottom: 1px dashed #b26f56;display: block;}
.zx li .tp{width: 148px;float: left;margin-left:26px;}
.zx li h3{width: 516px;padding-right: 45px;float: right;font-weight: 500;}
.zx li h3 dd{font-size: 18px;color: #000;line-height: 38px;padding-top: 14px;}
.zx li h3 dt{font-size: 14px;color: #000;line-height: 24px;display: block;height: 48px;}
.zx li:last-child{border: none;}
.zx li h3 a{display: block;float: right;width: 92px;height: 26px;border:1px solid #aa5c3f;font-size: 14px;color: #aa5c3f;text-align: center;line-height: 26px;border-radius: 16px;}
.zx li:hover{background: #f7f7f7;}






.message2 {
    padding-top: 70px;
    z-index: 100;
    position: relative;
    padding-left: 40px;
}
.message2 input{vertical-align:middle;}
.message2 #name{display:block;height: 36px;line-height: 36px;padding:0;padding-left: 34px;border: none;width: 226px;background: url(../image/l1.png) no-repeat 0 0;}
.message2 #contact{display:block;height: 36px;line-height: 36px;padding:0;padding-left: 34px;border: none;width: 226px;background: url(../image/l2.png) no-repeat 0 0;}

.message2 #content{display:block;width:246px;height:104px;padding:0;padding-left:12px;border:1px solid #dedede;margin-top: 3px;line-height: 36px;font-size: 14px;color: #595959;}
.message2 .msgbtn{background: none;margin: 0 18px;cursor:pointer;display: inline-block;width: 66px;height:30px;line-height:30px;text-align:center;border:none;color: #737373;font-size:14px;margin-top:15px;font-family:"Microsoft YaHei";border: 1px solid #737373;}
.message2 .msgbtn1{background: none;margin: 0 18px;cursor:pointer;display: inline-block;width: 66px;height:30px;line-height:30px;text-align:center;border:none;color: #737373;font-size:14px;margin-top:15px;font-family:"Microsoft YaHei";border: 1px solid #737373;}
.message2 #code{padding-top:6px;line-height:36px;}
.message2 #checkcode{height:34px;line-height:34px;width:128px;border:1px solid #dedede;}
#message_main2 tr{position:relative;}
#message_main2 tr th{font-weight:normal;text-align:right;height:42px;line-height:42px;color:#595959;}
.message2 .m_label{position:absolute;width: 216px;text-align:left;padding-left: 44px;color: #595959;z-index:1;font-size: 14px;cursor:text;line-height: 36px;}
.message2 .c_label{line-height:18px;padding-top:12px;}



.message2 .m_label1{position:absolute;width: 118px;text-align:left;padding-left: 12px;color: #595959;z-index:1;font-size: 14px;cursor:text;line-height: 36px;}



.c8{height: 570px;background: url(../image/c8.png) no-repeat center 0;}
.cglc{padding-top: 168px;}
.cglc li{display: block;margin: 0 60px;float: left;}


.c8-1 {
    font-size: 16px;
    line-height: 50px;
    color: #404040;
    width: 432px;
    margin-left: 105px;
    margin-top: 48px;
}
.c8-2 {
    width: 470px;
    text-align: center;
    margin-right: 58px;
    margin-top: 65px;
}


.c9{}
.c9 h2{font-size: 24px;color: #0e050b;line-height: 50px;font-weight: 500;padding-top: 24px;}
.hzkh{margin-top: 20px;margin-bottom: 60px;}
.hzkh li{display: block;float: left;margin-right: 20px;}


.c10{background: url(../image/c10.png) no-repeat center 0;}
.c10-1{width: 263px;}
.sec1{}
.sec1 a{display: block;float: left;width: 65px;height: 215px;border-right: 1px solid #fff;}
.sec1 a:last-child{border: none;}
.ck{display: block;margin-left: 102px;margin-top: 24px;}
.c10-2{width: 524px;}
.c10-3{width: 354px;margin-left: 24px;font-size: 14px;color: #404040;line-height: 36px;margin-top: 82px;}



.case_list1{margin-top: 77px;}
.case_list1 li{float:left;margin-right:14px;padding-bottom:15px;_display:inline;}
.case_list1 li a.img{}
.case_list1 li a.img img{width:290px;height:184px;}
.case_list1 li h3{text-align:center;padding-top:5px;}
.case_list1 li h3 a{font-weight:normal;color: #000;font-size: 14px;}
.case_list1 li a.img{display:block;}
.case_list1 li a.img:hover{border-color:#e87518;}

.c11{margin-top: 40px;}
.c11 h2{background: url(../image/h211.png) no-repeat center bottom;padding-bottom: 2px;font-size: 24px;color: #0e050b;line-height: 42px;height: 42px;font-weight: 500;margin-bottom: 30px;}



.news_list1{}
.news_list1 li{position:relative;}
.news_list1 li a{line-height:38px;color:#000000;font-size: 18px;display: block;margin-top: 20px;}
.news_list1 li a:hover{text-decoration:none;color:#e87518;}
.news_list1 li span{color:#404040;z-index:0;line-height:24px;font-size: 14px;display: block;margin-top: 6px;}
.news_list1 li h3 {font-size:14px;}
.news_list1 li div{line-height:24px;}


.c11-1{width: 588px;}
.c11-2{width: 554px;}

.news_list2{}
.news_list2 li:first-child{padding-top: 0;}
.news_list2 li:last-child{border-bottom: none;}
.news_list2 li{position:relative;padding: 24px 0;border-bottom: 1px dashed #ccc;display: block;height: 86px;}
.news_list2 li h3 a{line-height:38px;color:#000000;font-size: 18px;display: block;font-weight: 500;}
.news_list2 li h3 a:hover{text-decoration:none;color:#e87518;}
.news_list2 li h3 span{color:#404040;z-index:0;line-height:24px;font-size: 14px;display: block;}
.news_list2 li h3 {width: 438px;margin-right: 4px;float: right;font-weight: 500;}
.time{width: 100px;text-align: center;}
.time1{color: #000;font-size: 48px;line-height: 52px;}
.time2{color: #999999;font-size: 16px;line-height: 24px;}



.txtScroll-left .hd .prev{
    display: block;
    width: 51px;
    float: right;
    height: 23px;
    margin-top: 10px;
    overflow: hidden;
    cursor: pointer;
    background: url(../image/zy.png) no-repeat;
}
.txtScroll-left .hd .next{
    display: block;
    width: 51px;
    float: right;
    height: 23px;
    margin-top: 10px;
    overflow: hidden;
    cursor: pointer;
    background: url(../image/zy.png) no-repeat right 0;
}


.txtScroll-left{float: right;width: 1060px;position: relative;}
.hd1{position: absolute;left: -143px;top: 85px;}
.bd1{width:1060px;overflow:hidden;}
.news_list3{}

.news_list3 li{position:relative;padding: 15px 6px 20px 12px;border: 1px solid #cccccc;width: 490px;margin-right: 36px;}
.news_list3 li a{line-height:26px;color:#000000;font-size: 14px;display: block;padding-left:42px;background: url(../image/wen.png) no-repeat 0 50%;}
.news_list3 li a:hover{text-decoration:none;color:#e87518;}
.news_list3 li span{color:#404040;display: block;font-size: 14px;line-height: 24px;margin-top: 8px;padding-left:42px;background: url(../image/da.png) no-repeat 0 50%;}

.c12{margin-top: 40px;}
.c12 h2{font-size: 20px;line-height: 30px;color: #595959;width: 140px;float: left;}
.c12 h2 dd{font-size: 12px;color: #a6a6a6;line-height: 24px;font-weight: 500;text-transform:uppercase;}


/*主體樣式*/
#container{width:1200px;margin:0 auto;margin-top:10px;}
.menu_cate{width:220px;float:left;}
.cate_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;}
.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(../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:"微軟雅黑";
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:"微軟雅黑";
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:"微軟雅黑";
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:"微軟雅黑";
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:"微軟雅黑";
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;}




/*友情鏈接*/
.link{background: url(../image/link.png) no-repeat center 0;height: 172px;margin-top: 70px;overflow: hidden;}
.f_link{width:1200px;margin:0 auto;line-height:30px;text-align: center;font-size: 14px;color: #595959;padding-top: 122px;}
.f_link a{font-size: 14px;color: #595959;}

/*頁面底部*/
.foot{height: 300px;background: url(../image/foot.png) no-repeat center 0;}
#footer{position:relative;width:1200px;margin:0 auto;text-align:center;color: #fff;padding-top: 10px;font-size: 14px;}
#footer a{color:#fff;font-size: 14px;}
#footer a:hover{color:#e87518;text-decoration:none;}
.nav_foot{text-align:center;line-height:24px;color:#fff;}
.copyright{text-align:center;line-height:24px;}
.logo1{margin-left: 253px;width: 116px;}
.foot1{margin-top: 52px;}
.dblx{text-align: left;font-size: 14px;line-height: 26px;margin-left: 108px;margin-top: -6px;}
.er{margin-right:195px;margin-top:-6px}
.nav1{height:32px;}
.nav1 li{line-height:32px;height:32px;text-align:center;float:left;position:relative;z-index:999;background: url(../image/su.png) no-repeat right 50%;padding: 0 17px;  margin-left: -6px;}
.nav1 li a{display:block;line-height:32px;color:#fff;height:32px;font-size: 14px;}
.nav1 li a:hover{color:#170;text-decoration:none;}
.nav1 li:last-child{background: none;}



/*------------內頁-------------------*/
.left .box{margin-bottom:10px;}
.left .box h3{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;}
.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-left:-960px;position: relative;left:50%;top:0;}
.n_banner img{width:1920px;margin:0 auto;height: 700px;}
.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:31px;height:31px;overflow:hidden;padding-right:10px;background:url(../image/nav.png) no-repeat 0% 100%;}
.sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;color:#000;font-size:14px;}
.sitemp .site{width:380px;float:right;text-align:right;line-height:30px;}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}











.case_lists{padding:15px;}
.case_lists li{float:left;padding-bottom:30px;_display:inline;border-bottom: 1px solid #e7e7e7;margin-bottom: 30px;}
.case_lists li a.img{float: left;}
.case_lists li a.img img{width:272px;height:174px;}
.case_lists li h3{text-align:left;padding-top:5px;}
.case_lists li h3 a{font-weight:normal;font-size: 19px;color:#0067c1;}
.case_lists li a.img{display:block;}
.case_lists li a.img:hover{border-color:#e87518;}
.roll_product{float:left;}
.case_lists li .products{width: 510px;float: left;margin-left: 38px;}
.case_lists li span{margin-top: 15px;display: block;}






