/*头部样式*/
.top1{width: 1200px;margin:0 auto;height: 170px;}
.welcome{width: 460px;text-indent: 33px;}
.welcome>p{font:14px/55px "微软雅黑";color: #777;}
.p1{font:18px/28px "微软雅黑";color: #2280bb;}
.logo{width: 273px;}
.toplink{width: 435px;}
.k1,.k1 a{font:14px/23px "微软雅黑";color: #777;padding-top: 20px;text-align:right;}
.k2{padding-left: 98px;font:30px/35px Arial;color: #2280bb;background:url(../images/images/ar1.png) 42px top no-repeat;margin-top:18px;}
.k2 p{padding-top: 10px;}

/*导航栏样式*/
#menu{height: 75px;background:url(../images/images/nav.png) center top no-repeat;position: relative;z-index: 999;}
.nav{position: relative;width: 1200px;margin:0 auto;}
.nav>li{font:bold 16px/65px "微软雅黑";float: left;width: 12.5%;text-align: center;}
.nav>li a{color: #fff;}

.nav .sec{height:0;background:#01557a;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:32px;left:0px;}
.nav .sec a{background:#01557a;color:#fff;height:38px;line-height:38px;width:90px;display: block;}
.nav .sec a:hover{background:#042d3f;text-decoration:none;}

.pro{background:url(../images/images/bg1.png) center top no-repeat;position: relative;z-index:150;margin-top: -10px;padding-top: 15px;}
.pro1{position: absolute;z-index: 200;left:50%;margin-left: -600px;top:800px;}
.article{width: 1200px;margin:0 auto;position: relative;}
.fly{border:10px solid #289cca;border-radius: 10px;background-color: #f8fdff;}
.fly li{float: left;width: 20%;height: 180px;box-sizing:border-box;border-right: 1px dashed #63c4e5;margin:15px 0;text-align: center;}
.fly li img{margin-top: 30px;transition:all .8s ease;}
.fly li:hover img{transform:scale(-1,1);}
.fly li h3{font:20px/23px "微软雅黑";color: #333;margin-top: 15px;}
.fly li p{text-transform: uppercase;font:14px/33px "微软雅黑";color: #797979;}


.pro2{padding-top: 155px;background:url(../images/images/ar2.png) center 169px no-repeat #e2f8ff;padding-bottom: 113px;}
.pro2 ul{margin-top: 40px;}
.pro2 ul li{float: left;margin-right: 10px;margin-bottom: 10px;background-color: #fff;border-bottom: 1px solid transparent;}
.pro2 ul li:nth-child(4n){margin-right: 0;}
.pro2 ul li img{width: 290px;height: 290px;}
.pro2 ul li h3{margin:0 15px;font:16px/55px "微软雅黑";color: #333;text-align: center;border-bottom: 1px dotted #999;}
.pro2 ul li p{width: 155px;height: 30px;margin:25px auto;text-align: center;font:14px/30px "微软雅黑";color: #fff;background-color: #77e1d3;border-radius: 5px;}
.pro2 ul li:hover{background-color: #289cca;}
.pro2 ul li:hover h3{color: #fff;border-color: #fff;}

.advan{background: url(../images/images/ar3.jpg) center top no-repeat;padding-bottom: 106px;}
.advan h1{text-align: center;text-transform: uppercase;font:bold 51px/51px "微软雅黑";color: #2280bb;padding-top: 55px;margin-bottom: 40px;}
.advan h1>pre{display: block;font:26px/55px "微软雅黑";color: #333;}
.ad{width: 595px;height: 145px;background-color: rgba(256,256,256,0.6);box-sizing:border-box;padding:26px 35px 0 20px;margin-bottom: 10px;}
.ad>h3{font:28px/45px "微软雅黑";color: #2280bb;}
.ad>span{font:16px/24px "微软雅黑";color: #333;}
.ad1:before{content: "01";display: inline-block;width: 95px;height:83px;background-color: #77e1d3;color: #fff;font:50px/83px Arial;text-align: center;border-radius: 5px;float: left;margin-right: 25px;margin-top: 10px;}
.ad2:before{content: "02";display: inline-block;width: 95px;height:83px;background-color: #77e1d3;color: #fff;font:50px/83px Arial;text-align: center;border-radius: 5px;float: left;margin-right: 25px;margin-top: 10px;}
.ad3:before{content: "03";display: inline-block;width: 95px;height:83px;background-color: #77e1d3;color: #fff;font:50px/83px Arial;text-align: center;border-radius: 5px;float: left;margin-right: 25px;margin-top: 10px;}
.ad4:before{content: "04";display: inline-block;width: 95px;height:83px;background-color: #77e1d3;color: #fff;font:50px/83px Arial;text-align: center;border-radius: 5px;float: left;margin-right: 25px;margin-top: 10px;}

.abt{background:url(../images/images/bg3.jpg) center bottom no-repeat #e2f8ff;padding-bottom: 121px;}
.abt>h1{text-align: center;text-transform: uppercase;font:bold 51px/51px "微软雅黑";color: #2280bb;padding-top: 30px;background: url(../images/images/ar4.png) center 80px no-repeat;}
.abt>h1>span{display: block;font:26px/50px "微软雅黑";color: #333;}
.abt-txt{font:16px/30px "微软雅黑";color: #333;text-align: center;padding: 30px 0 20px;}

.qs{width: 1200px;margin:0 auto;margin-top: 40px;}
.sectiona{border:5px solid #289cca;width: 298px;height: 315px;border-radius: 5px;background:url(../images/images/bg4.jpg) center;}
.sectiona>h1{font:20px/20px "微软雅黑";color: #2280bb;padding:22px 22px 10px;}
.sectiona>h1>span{font:14px/30px "微软雅黑";color: #5ec2e4;display: block;}
.sectiona>ul{width: 270px;border-top: 1px dotted #5ec2e4;margin:0 auto;}
.sectiona>ul li{border-bottom: 1px dotted #5ec2e4;padding: 10px 0 18px; }
.sectiona>ul li h3{font:16px/40px "微软雅黑";color: #333;}
.sectiona>ul li h3:before{content: "?";display: inline-block;width: 15px;height: 15px;border:1px solid #333;border-radius: 8px;font:14px/16px "微软雅黑";text-align: center;margin:0 5px;color: #333;}
.sectiona>ul li>p{font:14px/18px "微软雅黑";color: #777;padding-left: 27px;position: relative;}
.sectiona>ul li>p:before{content: "…";display: inline-block;width: 16px;height: 16px;border:1px solid #aaa;border-radius: 9px;font:14px/8px "微软雅黑";text-align: center;margin:0 4px;color: #aaa;position: absolute;left:0;top:0;}
.sectionb{width: 865px;position: relative;}
.sectionb>h1{font:20px/20px "微软雅黑";color: #2280bb;padding-top: 30px;padding-bottom: 15px;border-bottom: 1px dotted #5ec2e4;}
.sectionb>h1>span{font:14px/30px "微软雅黑";color: #5ec2e4;display: block;}

.qs-list{margin-top: 15px;}
.qs-list li{float: left;margin-right: 8px;}
.qs-list li img{width: 210px;height: 210px;}
.n_left,.n_right{display: block;width: 39px;height: 23px;position: absolute;top:45px;}
.n_left{background: url(../images/images/n-left.jpg) center;right: 50px;}
a.n_left:hover{background-image:url(../images/images/n-left-on.jpg) ;}
.n_right{background: url(../images/images/n-right.jpg) center;right: 0;}
a.n_right:hover{background-image: url(../images/images/n-right-on.jpg);}

.ne{margin-top: 26px;padding-bottom: 75px;}
.ne>h1{text-align: center;text-transform: uppercase;font:bold 51px/51px "微软雅黑";color: #2280bb;padding-top: 30px;background: url(../images/images/ar4.png) center 80px no-repeat;}
.ne>h1>span{display: block;font:26px/50px "微软雅黑";color: #333;}

.section1{width: 700px;margin-top: 45px;}
.section2>li{margin-bottom: 20px;overflow: hidden;}
.section2>li>h1{width: 92px;height: 98px;border:1px solid #bebebe;font:26px/50px "微软雅黑";text-align: center;}
.section2>li>h1>span{display: block;font:14px/25px "微软雅黑";}
.section2>li>a{display: block;width: 580px;float: right;}
.section2>li>a>h3{font:16px/36px "微软雅黑";color: #333;}
.section2>li>a>p{font:14px/24px "微软雅黑";color: #777;}
.section3{border-top: 1px solid #b9b9b9;padding-top: 20px;}
.section3>li{float: left;width: 50%;font:16px/32px "微软雅黑";color: #333;padding-left: 16px;background: url(../images/images/ar5.png) 2px center no-repeat;box-sizing:border-box;}

.coop{background-color: #f4f4f4;padding-top: 25px;padding-bottom: 90px;}
.coop>h1{text-align: center;text-transform: uppercase;font:bold 51px/51px "微软雅黑";color: #2280bb;padding-top: 30px;background: url(../images/images/ar6.png) center 80px no-repeat;}
.coop>h1>span{display: block;font:26px/50px "微软雅黑";color: #333;}

.coop-list li{float: left;margin-right: 25px;}
.coop-list li img{width: 220px;height: 220px;}
.m_left,.m_right{display: block;width: 167px;height: 16px;position: absolute;top:253px;}
.m_left{background: url(../images/images/m_left.jpg) center;left:427px;}
.m_right{background: url(../images/images/m_right.jpg) center;right:427px;}

/*热门搜索*/
.search{width: 757px;margin:0 auto;margin-top: 8px;}
.hotSearch{width:353px;float:left;font:15px/30px "微软雅黑";color: #666;}
.hotSearch a{color: #666;}

#formsearch{width:371px;float:right;border:3px solid #289cca;}



/*主体样式*/
#container{width:1200px;margin:0 auto;margin-top:40px;}
.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;}

/*----- 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{background-color:#1c82ba;line-height: 40px;text-align: center;color: #fff;font-size: 14px;}
.f_link a{color: #fff;margin-right: 10px;}

/*页面底部*/
.foot{height: 182px;padding-top: 32px;background: url(../images/images/bg5.jpg) center top;}
.foot-code{width: 150px;}
.foot-right{width:1000px;font:14px/23px "微软雅黑";color: #fff;}
.foot-right a{color: #fff;}
.foot-contact{margin:15px 0;border:1px solid #4ecfe4;height: 40px;line-height: 40px;padding-left: 20px;}


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

.left {
    border:6px solid #289cca;
    padding:23px 20px 20px 15px;
    margin-bottom: 20px;
    width: 203px;
    float: left;
    border-radius: 8px;
}

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

.left .box h3 {
    line-height: 20px;
    font-size: 20px;
    color: #2280bb;
    font-weight: 600;
    position: relative;
    background-color: inherit;
    padding-left: 5px;
    padding-bottom: 18px;
    border-bottom: 1px dotted #289cca;
}

.left .box .content {
    padding: 5px 0px;
    font-size: 15px;
}
.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;font-size: 14px;}

.n_banner{width:1920px;position: relative;z-index: 100;left:50%;margin-left: -960px;margin-top: -10px;}
.n_banner img{width:1920px;}
.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:920px;float:right;padding-bottom:10px;}
.sitemp {
    border-bottom:2px solid #289cca;
    background-color: #f0f0f0;
}

.sitemp h2 {
    position: relative;
    width: 340px;
    float: left;
    line-height: 45px;
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    color:#289cca;
    padding-left: 40px;
}
.sitemp h2:before{
    content: "";
    display: block;
    height: 0;
    border:8px solid transparent;
    border-left: 8px solid #289cca;
    position: absolute;
    left:18px;
    top:15px;
}
.sitemp .site {
    margin-right: 18px;
    width: 380px;
    float: right;
    text-align: right;
    line-height: 45px;
    font-size: 14px;
    color: #555;
}
.right .content{padding-top:15px;line-height: 23px;font-size: 15px;color: #666;}
.sort_album{margin-top: 15px;}