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,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;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;color:#666;}
a:link{color:#666;}

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}




.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;overflow:hidden;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);overflow:hidden;}








.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

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


/*公用样式*/
.wt{width:1920px;position: relative;left:50%;margin-left:-960px;}
.wt_t{width:1200px;margin:0 auto;}
.container{width:1200px;margin:0 auto;padding:0px;}

.fl{float:left;}
.fr{float: right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}




/*头部*/
.dao{position: absolute;left:0px;top:0px;background:url(../images/dao.png) no-repeat center top;height:83px;z-index: 99999;width:100%}
.logo{float:left;line-height:83px;}
.tnav{
    float: left;
}

.ttopphone {
    display: none;
}
.dao2{
    position: relative
}

.dao.active{
    position: fixed;
    width: 1920px;
    top: 0;
    left: 50%;
    margin-left: -960px;
    z-index: 99999;
    background:url(../images/dao.png) no-repeat center top;
}


.dao.active .ttopphone {
    position: absolute;
    float: left;
    width: 147px;
    color: #fff;
    height: 80px;
    line-height: 80px;
    font-size: 18px;
    top: 0;
    right: 0;
    display: block
}




.dao.active .nav{
    width: 790px;
}




.nav{
        width: 648px;
        margin-top: 24px;
}
.nav li{
        float: left;
        position: relative;
        text-align: center;
        width: 108px;
}
.nav li a{
    display: block;
    text-align: center;
    font-size: 15px;
    color: #ffffff;
    line-height: 33px;
    border-radius: 17px;
    border: none;
    padding: 0;
}
.nav li:hover a{color: #17aba8;border: solid 1px #17aba8;line-height:33px;background: none;}

.nav .sec{background:#fff;overflow:hidden;z-index:9999;position:absolute;top:60px;left:0px;display: none;width: 100%;}
.nav .sec a{height:38px;line-height:38px;width:100%;overflow: hidden;border:none;}
.nav li:hover .sec a{
    border: none;
}
.nav li:hover .sec a:hover{background:#e9eaeb;text-decoration:none;color:#17aba8;border:none;border-radius:0;}


/*热门搜索*/
.soso{width: 1920px;
	height: 63px;
	background-color: #17aba8;position: absolute;left:0px;bottom:0px;z-index: 9999;}

#formsearch{float:left;width:380px;height:40px;background:url(../images/ser.png) no-repeat center top;margin-top:10px}
#formsearch input{height:40px;background:none;border:none;line-height:40px;outline:none;width:330px}
#formsearch input#keyword{height:40px;line-height:40px;padding-left:4px;color:#666;}
#formsearch input#s_btn{width:46px;height:40px;line-height:40px;text-align:center;background:none;color:#fff;border:none;cursor:pointer;font-size:0px}
#formsearch input::placeholder{color:#bdbdbd;font-size:14px;padding-left:12px;}

.kk1{color:#f0f0f0;font-size:12px;line-height:63px;margin-left:62px;}
.kk1 a{color:#f0f0f0;font-size:12px;line-height:63px}


/*产品   中心*/
.ptt{
	font-size: 30px;
font-weight: 600;
	line-height: 24px;
	color: #1dadaa;text-align: center;background:url(../images/p1.png) no-repeat center;}

.ptt span{color:#5a5a5a;font-size:30px;font-weight: 600;padding-left:6px}
.ptt dt{color:#7e7e7e;font-size:14px;font-weight: 400;margin-top:8px}
.pro_ll{margin-top:50px}
.pro_ll li{float:left;margin-right: 29px;margin-bottom:24px;position: relative;}
.pro_ll li:nth-child(4n){float:right;margin-right:0px}
.pro_ll li a.img{display: block;border:1px solid #dedede}
.pro_ll li a.img img{display: block;width:276px;height:198px;}
.pro_ll li h2{display: block;margin-top:2px;background:#eeeeee;line-height:38px;color:#5a5a5a;font-size:14px;text-align: center;font-weight: 400;}
.pro_ll li h2 a{color:#5a5a5a;font-size:14px;text-align: center;font-weight: 400;}
.pro_ll li:hover h2{background:#17aba8}
.pro_ll li:hover h2 a{color:#fff}
.pro_ll li a.tm{position: absolute;width:100%;left:0px;top:0px;height:198px;background:url(../images/tm.png);display:none}
.pro_ll li:hover a.tm{display:block}



/* <!-- 五金产品五大优势 --> */
.five{background:url(../images/bg1.png) no-repeat center top;height:555px;margin-top:40px}
.fivett{color:#ffffff;font-size:30px;text-align: center;font-weight: bold;}
.fivett span{color:#ffffff;font-size:16px;text-align: center;display: block;font-weight: 400;background:url(../images/x2.png) no-repeat center bottom;line-height:45px}

.ys_li{margin-top:40px}
.ys_li li{float:left;margin-right: 2px;margin-bottom:4px;position: relative;background:#ffffff;width:238px;height:278px;border-bottom: 8px solid #17aba8}
.ys_li li:nth-child(5n){float:right;margin-right:0px}
.ys_li li .img1{text-align: center;margin:0 auto;display: flex;justify-content: center;}
.ys_li li a.img{display: block;text-align: center;margin:0 auto;margin-top:36px}
.ys_li li a.img img{display: block;text-align: center;}
.ys_li li h2{display: block;margin-top:15px;line-height:38px;color:#17aba8;font-size:18px;text-align: center;font-weight: 400;}
.ys_li li h2 a{color:#17aba8;font-size:18px;text-align: center;font-weight: 600;}
.ys_li li span{display: block;width:188px;margin:0 auto;color:#5a5a5a;font-size:14px;line-height:25px;height:50px;overflow: hidden;margin-top:20px;text-align:center;}

.rx{width:822px;height:60px;background:url(../images/rx.png) no-repeat center top;margin:0 auto;margin-top:20px}
.rx a{color:#fff;font-size:20px;font-weight: bold;text-align: center;line-height:60px}




.sltt{text-align: center;color:#17aba8;font-size:48px;}
.sltt span{color:#363636;font-size:30px}
.sltt dt{color:#4e4e4e;font-size:16px;text-align: center;font-weight: 400;margin-top:8px}


.tabli{display: flex;justify-content: center;align-items:center;margin-top:45px;}
.tabli li{background:#f6f6f6;width:286px;height:77px;float:left;margin:0 10px}
.tabli li .img1{float:left;margin-top:11px;margin-left:19px}
.tabli li .img1 a img{width:57px;height:57px;}
.tabli li .dcc{width:160px;margin-right:18px;float:right;margin-top:15px}
.tabli li .dcc h2{display: block;line-height:28px;color:#363636;font-size:18px;text-align: center;font-weight: 600;}
.tabli li .dcc h2 a{color:#363636;font-size:18px;text-align: center;font-weight: 600;}
.tabli li .dcc span{color:#585858;font-size:12px}

.tab{display:none;margin-top:50px;height:320px;overflow: hidden;}
.sl_ll li{float:left;position: relative;width:593px;height:297px;margin-right:32px}
.sl_ll li a.img{display: block;text-align: center;}
.sl_ll li a.img img{display: block;text-align: center;width:593px;height:297px;}
.sl_ll li:nth-child(3n){float:right;margin-right:0px}
.sl_ll li span{position: absolute;bottom:12px;left:3%;z-index: 99999;background:#fff;width:94%;height:124px;font-size:14px;line-height:25px;padding:30px;overflow: hidden;color:#4e4e4e;display: none}
.sl_ll li span dt{color:#4e4e4e;font-size:14px;line-height:25px;font-weight: 400;}
.sl_ll li:nth-child(2n){width:670px;height:297px;}
.sl_ll li:nth-child(2n) a.img img{display: block;text-align: center;width:670px;height:297px;}
.sl_ll li:hover span{display: block;}


/* <!-- 服务流程--为您提供整体的解决方案 --> */

.bg2{background:url(../images/bg2.png) no-repeat center top;height:405px}
.fwtt{color:#ffffff;font-size:30px;font-weight: bold;text-align: center;}
.f_bg{background:url(../images/fw.png) no-repeat center top;height:163px;margin-top:55px}
.fw_ll{display: flex;justify-content: center;align-items: center;padding-top:26px}
.fw_ll li{float:left;margin:0 45px}
.fw_ll li .imgx{width:76px;height:76px;display: flex;justify-content: center;border-radius:50%;border:1px solid #acacac;align-items: center;}
.fw_ll li a.img{display: block;text-align: center;}
.fw_ll li a.img img{display: block;text-align: center;}
.fw_ll li:hover .imgx{border-color: #17aba8}
.fw_ll li h2{display: block;margin-top:12px;line-height:38px;color:#5a5a5a;font-size:16px;text-align: center;font-weight: 400;}
.fw_ll li h2 a{color:#5a5a5a;font-size:16px;text-align: center;font-weight: 400;}
.fw_ll li:hover h2 a{color:#17aba8}

.dh2{width:577px;height:50px;line-height:50px;margin:0 auto;background:url(../images/dh2.png) no-repeat center top;margin-top:50px}
.aa1{float:left;width:208px;line-height:50px;text-align: center;color:#17aba8;font-size:16px;}
.aa1 a{line-height:50px;text-align: center;color:#17aba8;font-size:16px;}


.aa2{width:277px;float:right;text-align: center;color:#fff;font-weight: bold;font-size:24px;}





/*切换滚动*/
.chan{text-align:center;padding-top:30px;position:relative;margin-bottom:40px;}
.l_btn,.r_btn{position:absolute;cursor:pointer;top:55%;}
.l_btn{left:-70px;}
.r_btn{right:-70px;}
.twt{margin-top:45px}
.twt li a.img{display:block;border:1px solid #e5e5e5}
.twt li a.img img{display:block;width: 396px;height:272px;}
.twt li{float: left;overflow: hidden; margin-left: 20px;}
.twt li h2{display: block;line-height:43px;color:#5a5a5a;font-size:16px;text-align: center;font-weight: 400;background:#eeeeee;font-weight: 400;border:1px solid #e5e5e5;border-top: none}
.twt li h2 a{color:#5a5a5a;font-size:16px;text-align: center;font-weight: 400;}
.twt li:hover h2{background:#17aba8}
.twt li:hover h2 a{color:#fff}




#m_demo{overflow:hidden;width:100%;margin:0 auto;padding-top:20px;}
#m_indemo {float: left;width:800%}
#m_demo1 {float: left;}
#m_demo2 {float: left;}







.xwbg{padding:40px 0;background:#f4f4f4}
.wen1{width:545px;float:left}
.wwtt{color:#404040;font-size:20px;font-weight: bold;}
.new_li{margin-top:25px}
.new_li li{background:#fff}
.new_li li .tu{float:left}
.new_li li .tu img{width:271px;height:237px}
.new_li li .ncc{float:right;width:237px;margin-right:14px;margin-top:20px}
.new_li li .ncc h2 a{color:#404040;font-size:16px;text-align: left;font-weight: 600;}
.new_li li .ncc h2{color:#404040;font-size:16px;text-align: left;font-weight: 600;}
.new_li li .ncc dt{font-weight: 400;color:#6e6e6e;font-size:12px;font-weight: 400;margin-top:15px;}
.new_li li .ncc span{color:#6e6e6e;font-size:14px;display: block;margin-top:15px;line-height:25px;}

.cha_xw{background:#17aba8;line-height:42px;font-size:16px;color:#fff;font-size:16px;text-align: right;width:545px}
.cha_xw a{font-size:16px;color:#fff;font-size:16px;padding-right: 20px}


.wen2{width:613px;float:right}
.new_li2 {margin-top:25px}
.new_li2 li{margin-bottom:20px;height:85px;border-bottom: 1px solid #bfbfbf}
.new_li2 li .time{float:left;width:51px;height:51px;background:#17aba8}
.new_li2 li .time dt{color:#ffffff;font-size:20px;font-weight: bold;text-align: center;margin-top:5px;line-height:25px}
.new_li2 li .time dd{color:#ffffff;font-size:14px;font-weight: 400;text-align: center;}
.new_li2 li:last-child{border-bottom:none}

.new_li2 li .ncc{float:right;width:520px;}
.new_li2 li .ncc h2 a{color:#585858;font-size:16px;text-align: left;font-weight: 600;}
.new_li2 li .ncc h2{color:#585858;font-size:16px;text-align: left;font-weight: 600;}
.new_li2 li .ncc span{color:#737373;font-size:14px;display: block;margin-top:5px;line-height:25px;height:50px;overflow: hidden;}








.dff{background:#404040;padding-top:40px;padding-bottom: 5px}

.dd1{float:left;width:120px;margin-right:20px;height:170px;overflow: hidden;}
.dtt{color:#ffffff;font-size:16px;line-height:27px;font-weight: 400;}
.menu_li{margin-top:5px;color:#929292;font-size:12px;line-height:27px;font-weight: 400;}
.menu_li a{color:#929292;font-size:12px;line-height:27px;display: block;}

.dd11{float:left;width:310px;margin-right:10px;height:170px;overflow: hidden;color:#c3c3c3;font-size:14px;line-height:28px;margin-top:0px}

.dd2{width:402px;float:left;margin-top:75px; height:170px;overflow: hidden;}
.dtt2{color:#ffffff;font-size:15px;line-height:27px;font-weight: 400;background:url(../images/xt.png) no-repeat left bottom;}
.menu_li1{line-height:32px;margin-top:10px;color:#929292;font-size:12px;}


.wwmm2{float:right;margin-top:0px;margin-right:50px}

.links{line-height:37px;color:#929292;}
.links a{line-height:37px;color:#929292}


.cop1{float:left;color:#929292;font-size:12px;margin-top:10px}
.cop1 a{color:#929292;font-size:12px}


.cop2{float:right;color:#929292;font-size:12px;margin-top:10px}
.cop2 a{color:#929292;font-size:12px}




.wt_t2{width:1200px;position: relative;left:50%;margin-left:-600px}









/*热门搜索*/
.search{text-align:left;height:24px;baround-color:#f8f8f8;padding:5px 10px 5px 10px;}
.hotSearch{width:400px;float:left;height:24px;line-height:24px;font-weight:normal;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}





/*搜索和热门搜索*/
.hotSearch a{margin-right:6px;}



.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;overflow:hidden;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);overflow:hidden;}










/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}
.anls{width:1200px;margin:0 auto;padding-top:40px;border-top:1px solid #e5e5e5}
.product_list3{}
.product_list3 li{float:left;margin-right:38px;margin-bottom:38px;_display:inline;position:relative;width:376px;height:248px;}
.product_list3 li a.img{}
.product_list3 li a.img img{width:376px;height:248px;}
.product_list3 li h3{text-align:center;position:absolute;bottom:0px;width:100%;background:url(../images/h3.png) no-repeat center top;height:40px;color:#fff;}
.product_list3 li h3 a{font-weight:normal;line-height:40px;font-size:16px;color:#fff;}
.product_list3 li a.img{display:block;}
.product_list3 li a.img:hover{border-color:#b99562;}

#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}






/*多页签*/
.promenu{
    width: 1200px;margin:0 auto;margin-top:30px;
    overflow: hidden;display: flex;justify-content: center;align-items: center;
}
.promenu li{

    float: left;
    overflow: hidden;background:#005da3;line-height:44px;width: 188px;margin:0 5px
}
.promenu li a{
    display: block;
    width: 188px;
    height: 44px;
    box-sizing: border-box;
    line-height: 44px;
    text-align: center;
    overflow: hidden;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    transition: all 0.4s linear;
    font-size: 16px;
    color: #fff;background:#005da3;
}
.promenu li.on a{
    background-color: #dd2942;
    border:none;
    color: #fff;
}


.b1b_index{
    width: 1200px;
    margin:0 auto;
    overflow: hidden;margin-top:45px;display: block;
}
.b1b_index li{
    width: 282px;
    float: left;
    overflow: hidden;
    margin-right: 24px;margin-bottom: 35px;
}
.b1b_index li:nth-child(4n){margin-right: 0;}
.b1b_index li .b1img1{
   width: 100%;
   height: 193px;
   overflow: hidden;
}
.b1b_index li .b1img1 img{width: 100%;height: 100%;}
.b1b_index li h4{
    font-size: 14px;
    font-weight: normal;
    line-height: 45px;
    color: #020202;
   text-align: center;background:#d1d1d1;width:100%;
}

.b1b_index li:hover h4{background:#005da3;color:#fff}













.twt2 li{margin-right:35px;float:left;margin-bottom: 20px;}
.twt2 li a.img{display:block;float:left;width:53px;margin-top:5px}
.twt2 li a.img img{display:block;max-width: 100%;}
.twt2 li .dac{float:left;margin-left:15px;}
.twt2 li .dac h2{font-weight: 600;}
.twt2 li .dac h2 a{color:#fec20b;font-size:25px;font-weight: 600;}
.twt2 li .dac h2 a span{color:#fec20b;font-size:16px;font-weight: 400;background:url(../images/jia.png) no-repeat 3px 5px;padding-left:20px;line-height:25px;}
.twt2 li .dac dt{color:#333333;font-size:16px;font-weight: 400;margin-top:0px}
















/*新闻样式*/
.newx li{float:left;width:300px;height:346px;background:#e6e6e6;margin-right:15px}
.newx li a.img{display:block;margin-bottom: 10PX}
.newx li a.img img{width:300px;height:220px;}
.time{float:left;background:url(../images/k1.png) no-repeat;width:43px;height:49px}
.time dt{font-weight: 400;color:#e37b14;font-size:13px;text-align: center;margin-top:8px}
.time dd{font-weight: 400;color:#e37b14;font-size:10px!important;text-align: center;}
.newx li:hover .time{background:url(../images/k2.png) no-repeat;}
.newx li:hover .time dt{color:#fff}
.newx li:hover .time dd{color:#fff}
.newx li h3{float:left;margin-left:15px;color:#191919;font-size:16px;line-height:49px;font-weight: 400;}
.newx li h3 a{color:#191919;font-size:16px;line-height:49px}
.newx li:hover h3 a{color:#e37b14}
.newx li:hover{box-shadow: 0 0 10px #ccc}
.newx li span{display:block;width:270px;margin:0 auto;margin-top:10px;color:#666666;font-size:14px;line-height:24px;height:48px;overflow: hidden;}




.news-main{width:1088px;margin:0 auto;margin-top:125px}
.news-main ul li{width: 100%;display: block;float:left;margin-bottom: 15px;}
.news-main ul li a.img img{float: left;display: block;}
.news-main ul li a.img img{width: 253px;height: 142px;}
.news-main ul li .daz{float: right;width: 803px;border-bottom: 1.5px dashed #ffa8ab;position: relative;height: 142px;}
.news-main ul li .daz h3{font:18px/44px "微软雅黑";color: #333333;}
.news-main ul li .daz span{font:14px/25px "微软雅黑";color: #333333;height:75px;overflow:hidden;display: block;}






/*<!--{* 新闻滚动 *}-->*/

.news_list1{}
.news_list1 li{
	border-bottom: 1px solid #bfbfbf;margin-bottom: 20px;padding-bottom:10px;height:80px!important;
}
.news_list1 li a{
	display:block;padding-left: 30px;font-size:18px;height:32px;overflow: hidden;background: url(../images/q.png) no-repeat left center;color:#4a4a4a;text-transform: uppercase;line-height:32px;
}
.news_list1 li span{display: block;color:#858585;font-size:18px;	padding-left: 30px;
	background: url(../images/a.png) no-repeat left center;height:32px;overflow: hidden;line-height:32px;margin-top:5px;}