/*头部样式*/
.tophead{width: 100%;border-bottom: 1px solid #d2d2d2;color: #333333;font-size: 12px;height: 22px;line-height: 22px;}
.tophead a{color: #333333;}
#header{width:1205px;margin:0 auto;}
.container{width:1205px;margin:0 auto;}
.logo{float:left;line-height: 96px}

.topLink{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(../images/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 .k1{line-height:32px;padding-top:5px;}
.topLink .k2{font-family:"微软雅黑";text-align: left;margin-top: 32px;line-height: 18px;}
.topLink .k2 img{margin-right:8px}
.by{float: left;margin-left: 12px;margin-top: 24px;line-height: 27px;}

#menu{
    width:  100%;
    height:  57px;
    background: #0099e7;
}

/*热门搜索*/
.search{text-align:left;height: 64px;background:  url(../images/search.jpg) no-repeat center;width:  100%;line-height: 64px;color: #fff;font-size: 14px}
#formsearch{width: 368px;float:left;margin-left: 42px;background:  url(../images/ss.jpg) no-repeat center;margin-top: 21px;height: 26px;}
.hotSearch{width:400px;float:left;height: 64px;line-height: 64px;font-weight:normal;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}


/*主体样式*/
#container{width:1203px;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(../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;}

/*首页标题样式*/
.titles{text-align: center;}
.titles h1{
    color:  #333333;
    font-size:  24px;
    font-weight: normal;
    background:  url(../images/ttline.png) no-repeat center;
}
.titles p{
    color:  #000000;
    font-size: 14px;
    width: 400px;
    margin:  0 auto;
    line-height: 24px;
    margin-top: 4px;
}


/*产品中心*/
.procenter{
    width:  1205px;
    margin: 0 auto;
    margin-top: 56px;
}
.proleft{
    width:  254px;
    background: #0099e7;
    margin-top: 30px;
}
.proleft .prolist{
    background: #dcdcdc;
    margin-left: 18px;
    margin-top: 2px;
    padding-bottom: 68px;
}
.prolist li{
    font-size: 18px;
    height:  45px;
    line-height: 45px;
    padding-left: 18px;
    background: url(../images/arrow1.png) no-repeat 200px;
}
.prolist li:hover{
    background: url(../images/arrow1.png) no-repeat 200px #fff;
}
.prolist li:hover a{color:#666}
.prolist a.promore{font-size: 18px;color: #666666;width: 87px;height: 24px;line-height: 24px;text-align: center;display: block;border: 1px solid #8c8b8b;margin-left: 18px;margin-top: 18px;}
.prolist a.promore:hover{color: #ffffff;background: #faab00;border-color: #faab00 }
.prott{text-align: center;color: #fff;background: url(../images/arrow2.png) no-repeat center bottom;padding-top: 6px;padding-bottom: 21px;}
.prott h1{font-size: 30px;}
.prott h2{font-weight: normal;text-transform: uppercase;}
.proright{width: 940px;margin-top: 30px;}
.proright li{float:left;margin-right: 16px;padding-bottom: 42px;_display:inline;}
.proright li:nth-child(3n){margin-right:0}
.proright li a.img{border: 1px solid #bfbfbf;display:block;box-shadow: 1px 1px 8px 2px rgba(0,0,0,0.2);}
.proright li a.img img{width: 300px;height: 223px;}
.proright li h3{text-align:center;margin-top: 28px;}
.proright li h3 a{font-weight:normal;height: 32px;line-height: 32px;color: #333333;display:block;font-size: 18px;}
.proright li:hover h3 a{background: #39c1f5;color: #fefefe;}


/*选择*/
.reasons{
    position: relative;
    left: 50%;
    margin-left: -960px;
    background: url(../images/bg1.jpg) no-repeat center;
    height: 749px;
    width:  1920px;
    margin-top:15px
}
.reatt{
    text-align:  center;
    color: #ffffff;
    padding-top: 62px;
}
.reatt p{
    font-size: 14px;
}
.reatt h1{
    font-size:  42px;
    font-weight: normal;
    background:  url(../images/xzline.png) no-repeat center;
    margin-top: 12px;
    margin-bottom: 12px;
}
.reatt h2{
    background:  url(../images/xzbg.png) no-repeat center;
    text-transform:  uppercase;
    font-size:  16px;
    font-weight:  normal;
}
.reacont{
    width:  1205px;
    margin:  0 auto;
    margin-top: 32px;
}
.reacont li{
    float:  left;
    background:  url(../images/reabg.png) no-repeat center bottom;
    width: 282px;
    color: #fff;
    height: 368px;
    margin-right: 25px;
}
.reacont li:nth-child(4){margin-right:0}
.reacont li a.img{
    display:  block;
    text-align:  center;
}
.reacont li h3{font-size: 18px;font-weight:  normal;text-align:  center;background:  url(../images/xzline.jpg) no-repeat bottom;padding-bottom: 14px;margin-top: 36px;}
.reacont li div{
    width: 200px;
    margin:  0 auto;
    font-size: 14px;
    line-height: 24px;
    margin-top: 20px;
}
.reacont li a.more{display:block;background: url(../images/moreicon2.png) no-repeat center;width:  26px;height:  27px;margin:  0 auto;margin-top: 12px;}
.reacont li a.more:hover{background: url(../images/moreicon1.png) no-repeat center;}
.reasons a.reamore{display: block;font-size: 18px;color: #fff;width: 147px;height: 36px;line-height: 36px;text-align: center;margin: 0 auto;border: 1px solid #fff;border-radius: 24px;margin-top: 52px}
.reasons a.reamore:hover{background: #39c1f5;border-radius: 24px;margin-top: 52px;border-color:#39c1f5 }

/*工程案例*/
.caseinfo{
    margin-top: 60px;
    margin-bottom: 50px;
}
a.casemore{display:block;color:#faab00;font-size:14px;text-align:right;margin-top: -32px;margin-bottom: 14px;}
.caselist{width: 1180px;margin: 0 auto;margin-top: 16px;position: relative;}
.caselist li{float:left;margin-left: 18px;border: 1px solid #aaaaaa;_display:inline;transition:all .3s;overflow: hidden;}
.caselist li a.img img{width: 280px;height: 228px;-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;transition:all 0.6s ease-out;}
.caselist li h3{text-align:center;}
.caselist li h3 a{font-weight:normal;height: 72px;line-height: 48px;background: #f1f1f1;color: #333333;display:block;font-size:14px;}
.caselist li a.img{display:block;width: 280px;height: 228px;overflow: hidden;}
.caselist li:hover{box-shadow: 1px 1px 12px 0px rgba(0,0,0,0.4);transition:all .3s}
.caselist li:hover h3 a{background: url(../images/arrow.jpg) no-repeat bottom #f1f1f1}
.caseinfo .l_btn,.caseinfo .r_btn{position: absolute;background: url(../images/cleft.png) no-repeat center;width: 21px;height: 44px;top: 132px;left: -32px;cursor:  pointer;}
.caseinfo .r_btn{background: url(../images/cright.png) no-repeat center;left: auto;right: -32px;}
.caseinfo .r_btn:hover{background: url(../images/crighth.png) no-repeat center;}
.caseinfo .l_btn:hover{background: url(../images/clefth.png) no-repeat center;}
.caselist li a.img:hover img{-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);transform:scale(1.05,1.05);-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;transition:all 0.6s ease-out;}


/*首页关于我们*/
.abj{width: 100%;height: 476px;background: url(../images/abj.png) center top no-repeat;margin-top: 18px;padding-top: 41px;}
.abj2{width: 1203px;height: 443px;margin: 0 auto;background: url(../images/abj2.png)center no-repeat;}
.abj2 .ablf{float: left;width: 540px;margin-left: 42px;color:  #333333;font-size: 14px;line-height: 28px;padding-top: 67px;}
.abj2 .ablf a{display: block;width: 88px;height:  21px;text-align:  center;line-height:  21px;color:  #faab00;font-size:  14px;border: 1px solid #faab00;border-radius: 18px;margin-left: 410px;margin-top: 14px;}
.abj2 .ablf span:nth-child(1){display: block;margin-top: 35px;font-size: 14px;color: #666666;line-height: 28px;width: 100%;height: 170px;overflow: hidden;}
.abj2 .ablf span{display: block;margin-top:5px;font-size:14px;color: #666666;line-height: 28px;width: 100%;height: 56px;overflow: hidden;}
.abj2 .ablf h3{display: block;font-size: 14px;color: #545454;background: url(../images/abj3.png)left center no-repeat;padding-left: 20px;line-height: 20px;margin-top: 10px;}
.abj2 .abrt{float: right;width: 612px;}
.abj2 .abrt .atit{color: #ffffff;padding-left: 20px;height: 79px;}
.abj2 .abrt .atit span{font-size: 40px;display: block;float: left;line-height: 79px;}
.abj2 .abrt .atit h3{font-size: 26px;font-weight: normal;display: block;float: left;padding-top: 21px;margin-left: 34px;}
.img_tx{width: 588px;height: 364px;position: relative;}
.img_tx .prev,.img_tx .next{z-index: 999;position: absolute;width: 80px;height: 80px;display: block;background: #1573d2;font-size: 30px;color: #fff;line-height: 80px;text-align: center;font-family:"SimSun-ExtB";}
.img_tx .prev{top: -80px;right: 55px;}
.img_tx .next{top: -80px;right: -24px;background: #333333;}
.img_tx .prev:hover{background: #1573d2;}
.img_tx .next:hover{background: #333333;}
.img_tx .bd ul{width: 570px;}
.img_tx .bd ul li{float: left;text-align: center;display: block;overflow: hidden;}
.img_tx .bd ul li img{width: 588px;height: 364px;-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;transition:all 0.6s ease-out;}
.img_tx .bd ul li:hover img{-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);transform:scale(1.05,1.05);-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;transition:all 0.6s ease-out;}



/*新闻中心*/
.newsinfo{
    width: 1205px;
    margin: 0 auto;
    margin-top: 60px;
}
.newsinfo .titles{margin-bottom: 40px;}
.newsdetail{
    width: 365px;
    margin-right: 59px;
}
.newstt{
    color: #111111;
    font-size: 25px;
    position: relative;
    line-height: 33px;
    border-left: 3px solid #333333;
    padding-left: 8px;
}
.newstt span{
    font-size: 15px;
    color: #666666;
    text-transform:  uppercase;
    padding-left: 20px;
}
.newstt a{
    color: #000000;
    font-size: 19px;
    right: 0;
    position: absolute;
}
.newstt:hover{ color: #39c1f5;border-color:#39c1f5}
.newstt:hover a{ color: #39c1f5;}
.newstt:hover span{ color: #39c1f5;}
.newsimg{width:  365px;margin-top: 14px;margin-bottom: 24px;overflow: hidden;}
.newsimg img{
    width: 100%;
    -webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;transition:all 0.6s ease-out;
}
.newsimg:hover img{-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);transform:scale(1.05,1.05);-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;transition:all 0.6s ease-out;}
.newsdetail li{}
.newsdetail li a{background:url(../images/cir.png) no-repeat left center;color:#333333;font-size:15px;padding-left: 18px;line-height: 27px;}
.newsdetail li:hover a{background:url(../images/cirh.png) no-repeat left center;color:#39c1f5}
.newsdetail1{
    width: 356px;
}
.newsdetail1 li{
    font-size:  14px;
    color: #333333;
    margin-top: 17px;
    margin-bottom: 16px;
}
.newsdetail1 li a{
    display:  block;
    background: url(../images/ask.png) no-repeat left;
    padding-left: 24px;
    font-size:  16px;
    color: #333;
}
.newsdetail1 li div{
    background: url(../images/answer.png) no-repeat left top;
    padding-left: 24px;
    margin-top: 6px;
}
.newsdetail1 li:hover a{color: #39c1f5;}



/*----- 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;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(../images/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(../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;}

/*品牌列表*/
.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(../images/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:1205px;margin:0 auto;margin-top:15px;line-height:30px;background-color:#ececec;text-indent:20px;}

/*页面底部*/
#footer{position:relative;width:100%;padding-top: 26px;margin-top:30px;background: #1573d2;padding-bottom: 72px;color: #ffffff;}
#footer a{color:#fff}
.nav_foot{text-align:center;line-height:24px;color:#666;}
.copyright{line-height:24px;font-size:14px;margin-top:16px}
.bott{font-size:16px;margin-bottom: 9px;}
.botdao{width:900px;}
.botdao ul{}
.botdao li{line-height:27px}
.botdao li a{color:#ffffff;font-size:14px}
.botab{width:64px;margin-right:64px}
.botpro{width:70px;margin-right:100px}
.botnews{width:64px;margin-right:64px}
.botcase{width:64px;margin-right:64px}
.botcont{width:64px;}
.botcode{margin-top: 36px;font-size:  16px;text-align:  center;}
.botcode td{padding-right:40px}

/*------------内页-------------------*/

.left {
    width: 224px;
    float: left;
}

.left .box {
    margin-bottom: 10px;
}

.left .box h3 {
    line-height: 60px;
    padding-left: 34px;
    background: #3480ce;
    font-size: 17px;
    color: #fff;
    font-weight: 400;
    position: relative
}

.left .box h3::after{
    content:"";
    position: absolute;
    width:5px;
    height:20px;
    top:20px;
    left:15px;
    background: #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;position: relative;height: 288px;}
.n_banner img{width:100%;}
.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:960px;float:right;padding-bottom:10px;}
.sitemp {
    border-bottom:1px solid #eee;

}

.sitemp h2 {
    width: 340px;
    float: left;
    line-height: 40px;
    text-align: left;
    font-size: 16px;
    color:#333;
}

.sitemp .site {
    width: 380px;
    float: right;
    text-align: right;
    line-height: 40px;
}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}
.sort_album{margin-top: 15px;}