/*头部样式*/
#header{width:1920px;position:fixed;left:50%;margin-left:-960px;z-index: 9999;top:0;height:110px;}
#header.bj{background:#fff;height:83px;box-shadow:0px 2px 7px #333;}

.logo{float:left;}
.logo1{padding-top:34px;}
.logo2{display:none;}
#header.bj .logo2{display:block;padding-top:20px;}
#header.bj .logo1{display:none;}


.top2{}
.erp{color:#ffffff;font-size:16px;text-align:right;padding-top:10px;text-transform:uppercase;}
.erp a{color:#ffffff;}
#header.bj .erp{color:#000000;padding-top:3px;}








.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{color:#074b91;font-size:14px;font-family:"微软雅黑";}



/*热门搜索*/
#search{position:relative;height:30px;width:24px;float:right;}
#formsearch{width:208px;height:30px;background: url(../images/sou.png) center no-repeat;z-index:999;opacity:0;position:absolute;top:0;left:24px;transition:all .4s;margin-top:8px;}

#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}
#search-icon{background: url(../images/ss.png) center no-repeat;width:26px;height:30px;transition:all .6s;transition-delay:.2s;margin-top:8px;}
#search:hover #search-icon{background: url(../images/x.png) center no-repeat;}
#search:hover #formsearch{opacity:1;transform:translateX(-232px);}
#header.bj #search-icon{background: url(../images/ss2.png) center no-repeat;margin-top:2px;}
#header.bj #formsearch{margin-top:0px;}
#header.bj:hover #search-icon{display:none;}
#header.bj:hover #search-icon{background: url(../images/x.png) center no-repeat;display:block;}




/*搜索和热门搜索*/
.hotSearch{float:left;font-weight:normal;}
.hotSearch a{margin-right:6px;}
#formsearch input{}
#formsearch input#keyword{height:30px;line-height:30px;padding-left:10px;color:#666;background:none;border:none;outline:none;}
#formsearch input#s_btn{width:42px;height:30px;line-height:30px;text-align:center;background:none;border:none;outline:none;color:#fff;border:none;cursor:pointer;}



.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;}
.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);}


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


.sky{line-height:38px;border:1px solid #ddd;color:#666666;font-size:12px;}
.sky a{color:#666666;}
.sky a:hover{color:#005da5;}



.box1{margin-top:35px;}

.titles{color:#222222;font-size:20px;text-transform:uppercase;background:url(../images/line2.png) no-repeat left center;text-align:left;padding-left:22px;line-height:30px;margin-left:495px;}
.titles span{font-size:24px;display:block;font-weight:bold;}



.estructure{margin-top:30px;}
.estructure li{width:292px;height:217px;float:left;margin-right:10px;margin-bottom:10px;position:relative;overflow:hidden;}
.estructure li:nth-child(4n){margin-right:0;}
.estructure li .img1{width:292px;height:217px;display:block;}
.estructure li .det{width:292px;height:217px;position:absolute;top:0;left:-292px;/*transition:all 0.5s;*/}
.estructure li .img2{text-align:center;margin-top:73px;}
.estructure li h3{font-size:16px;padding-top:5px;color:#fff;font-weight:normal;text-align:center;}
.estructure li:hover .det{background:rgba(255,15,15,0.7);left:0;}



.box2{margin-top:32px;padding-bottom:82px;box-shadow:0px 1px 4px #ddd;}
.titles2{text-align:center;background:url(../images/l22.png) no-repeat center bottom;color:#222222;font-size:34px;padding-bottom:13px;}


.about{width:550px;float:left;margin-top:37px;}
.about_title{background:url(../images/l33.png) no-repeat 0% 100%;font-weight:bold;font-size:18px;color:#202020;padding-bottom:20px;}
.about .content{color:#202020;font-size:14px;line-height:27px;padding-top:20px;}
.about a{display:block;text-align:center;color:#fff;font-size:14px;text-transform:uppercase;background:#005da5;width:125px;line-height:32px;margin-top:50px;}
.video{width:600px;height:316px;margin-top:37px;}

.estructure2{margin-top:75px;}
.estructure2 li{width:280px;float:left;}
.estructure2 li+li{margin-left:26px;}
.estructure2 li .det{background:#4c4c4c;height:68px;padding-left:13px;padding-right:24px;}
.estructure2 li .img1{width:280px;height:180px;display:block;}
.estructure2 li .img2{width:36px;height:36px;padding-top:15px;float:left;}
.estructure2 li .wz{width:165px;float:left;margin-left:8px;}
.estructure2 li h3{font-size:14px;padding-top:12px;color:#fff;font-weight:normal;}
.estructure2 li span{font-size:16px;display:block;color:#fff;}
.estructure2 li p{background:url(../images/m.png) no-repeat;width:29px;height:29px;display:block;float:right;margin-top:19px;}
.estructure2 li:hover .det{background:#005da5;}
.estructure2 li:hover p{background:url(../images/m2.png) no-repeat;}









.box3{margin-top:72px;}
.product_list1{margin-top:62px;}
.product_list1 li{float:left;_display:inline;position:relative;}
.product_list1 li+li{margin-left:33px;}
.product_list1 li .img{}
.product_list1 li .img img{width:275px;height:262px;}
.product_list1 li h3{text-align:center;font-weight:normal;width:100%;position:absolute;left:0;bottom:0;background:rgba(0,0,0,.7);line-height:42px;color:#fff;font-size:16px;display:block;}
.product_list1 li .det{width:275px;height:262px;position:absolute;left:0;bottom:0;background:rgba(0,0,0,.7);display:none;}

.product_list1 li h4{text-align:center;font-weight:normal;color:#fff;font-size:16px;background:url(../images/line3.png) no-repeat center bottom;line-height:55px;margin-top:13px;}
.product_list1 li span{width:194px;margin:0 auto;color:#fff;font-size:12px;line-height:23px;padding-top:15px;height:80px;overflow:hidden;display:block;}

.product_list1 li p{background:url(../images/pm.png) no-repeat;width:40px;height:40px;margin:0 auto;margin-top:15px;}
.product_list1 li:hover h3{display:none;}
.product_list1 li:hover .det{display:block;}




.box4{background:url(../images/bj4.png) no-repeat center top;height:228px;margin-top:86px;}

.estructure3 {padding-top:63px;}
.estructure3 li{width:260px;float:left;margin:0 20px;}
.estructure3 li .tu{width:100px;}
.estructure3 li .img1{width:100px;height:100px;display:block;}
.estructure3 li .img2{width:100px;height:100px;display:none}
.estructure3 li:hover .img1{display:none;}
.estructure3 li:hover .img2{display:block;}
.estructure3 li .det{margin-left:13px;float:left;color:#fff;}
.estructure3 li h3{font-size:20px;padding-top:20px;font-weight:normal;}
.estructure3 li span{font-size:14px;line-height:22px;padding-top:6px;display:block;}
.estructure3 li:hover .det{color:#005da5;}



.box5{margin-top:70px;}
.news_list1{margin-top:55px;}
.news_list1 li{width:360px;float:left;margin-right:60px;border-bottom:3px solid #dedede;padding-bottom:22px;}
.news_list1 li:nth-child(3){margin-right:0px;}
.news_list1 li .img img{width:360px;height:270px;padding-bottom:20px;}
.news_list1 li a{color:#222222;font-size:20px;line-height:28px;}
.news_list1 li p{color:#5b5b5b;background:url(../images/time.png) no-repeat left center;padding-left:22px;margin-top:18px;}
.news_list1 li:hover{border-color:#005da5;}












.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;}

.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;}

/*----- 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:#c40f0f;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:30px;line-height:30px;line-height:30px;font-size:16px;}
.f_link a{font-size:12px;}



.out-foot{padding-top: 48px;padding-bottom:20px;}
.foot{width: 1200px;margin: 0 auto;}
.foot a{color:#666;}
.foot a:hover{color:#005da5;text-decoration:none;}
.f1a{width: 545px;font:400 14px/27px "微软雅黑";color:#666;}
.f1b{width: 230px;}
.f1bb{font:400 18px/26px "微软雅黑";color:#666;}
.f1bc{font:400 14px/36px "微软雅黑";color:#666;padding-top: 20px;}
.f1bc a{color:#666;padding-right: 30px;}
.f1c{padding-top:26px;}




/*页面底部*/
#footer{background:#1e1e1e;line-height:48px;color:#fff;}
#footer a{color:#fff;}
#footer a:hover{color:#005da5;text-decoration:none;}




#gotops {
    position: fixed;
    display: none;
    height: 40px;
    width: 40px;
    background: url(../images/gt.png) no-repeat;
    right:15%;
    bottom:320px;
    cursor: pointer;
}



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

.left .box{margin-bottom:10px;}
.left .box h3{line-height:40px;background:#005da5;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:#005da5;}
.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;}