﻿/*头部样式*/
.top1{background-color: #f5f5f5;height: 36px;}
.huan{float: left;font:normal 14px/36px "微软雅黑";}
.k1{float: right;font:normal 14px/36px "微软雅黑";}


#header{width:1200px;margin:0 auto;padding-top: 30px;height: 110px;overflow: hidden;}
.logo{float:left;}

.topLink{float:right;text-align:right;position: relative;z-index: 9999;width: 333px;}
.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 .k2{color:#002369;display: flex;
    flex-wrap: nowrap;
    align-items: center;}

.topLink .k2 .en{
    font-size: 26px;
    font-weight: bold;
    padding-left: 10px;
}

#menu{background-color: #002269;height: 50px;}



/*热门关键词和搜索*/
.search{height: 70px;border-top:3px solid #ce3a30;background-color: #002269;}
.hotSearch{float:left;font:15px/70px "微软雅黑";color: #fff;}
.hotSearch a{font:15px/70px "微软雅黑";color: #fff;margin-right:6px;}

#formsearch{width:393px;float:right;margin-top: 15px;height: 33px;border:1px solid #fff;background-color: rgba(256,256,256,0.1);}
#formsearch input{height:33px;outline: none;float: left;background:none;border:none;}
#formsearch input#keyword{line-height:33px;padding-left:10px;color:#eaebf0;width: 340px;}
#formsearch input#s_btn{width:43px;height:33px;background:url(../images/images/bg1.png) center no-repeat;cursor:pointer;}



/*主体样式*/
body{font-family: "微软雅黑";}
a{transition:all .8s ease;}
.article{width: 1200px;margin:0 auto;position: relative;}
.black{text-align: center;font:bold 30px/38px "微软雅黑";background:url(../images/images/arr1.png) center 46px no-repeat;color: #002269;}
.black span{display: block;font-size: 26px;text-transform: uppercase;}
.white{text-align: center;font:bold 30px/38px "微软雅黑";background:url(../images/images/arr2.png) center 46px no-repeat;color: #fff;}
.white span{display: block;font-size: 26px;text-transform: uppercase;}


/*关于我们*/
.index-about{margin-top: 40px;}
.about-left{float: left;width: 600px;margin-top: 45px;font:15px/25px "微软雅黑";color: #333;}
.about-right{float: right;width: 555px;margin-top: 42px;}
.about-right li{float: left;width: 185px;height: 320px;background:url(../images/images/bg2.png) center 230px no-repeat #e6e6e6;text-align: center;cursor: pointer;}
.about-right li a{display: block;height:320px;}
.about-right li:hover{background-image:url(../images/images/bg2-1.png);}
.about-right li:nth-child(2){background-color: #eee;}
.about-right li img{margin-top:50px;}
.about-right li p{font:18px/25px "微软雅黑";margin-top: 20px;}
.about-right li p span{display: block;font-size: 14px;}

/*产品中心*/
.index-product{background:url(../images/images/bg3.jpg) center top no-repeat #fff;margin-top: 60px;padding-top: 40px;}
.product-left{width: 245px;float: left;height: 1014px;background-color: #002269;color: #fff;margin-top: 40px;}
.product-left h2{text-align: center;font:24px/24px "微软雅黑";margin-top: 23px;margin-bottom: 21px;}
.product-left ul{width: 220px;margin-left: 13px;background-color: rgba(256,256,256,0.1);height: 622px;overflow: hidden;}
.product-left ul li {margin:31px 11px 0 15px;border-bottom: 1px dotted #678cce;padding-bottom: 16px;text-indent: 13px;}
.product-left ul li a{color: #fff;font:14px/16px "微软雅黑";}
.product-left ul li a:hover{color:#ce3a30;}
.product-left h3{text-align: center;font:bold 22px/65px "微软雅黑";background:url(../images/images/arr3.png) center no-repeat;margin-top: 40px;margin-bottom: 10px;}

.product-right{width: 955px;float: right;margin-top: 40px;}
.product-right h2{font:24px/70px "微软雅黑";text-indent: 70px;background:url(../images/images/arr4.png) 40px center no-repeat #eee;color: #000;}
.product-right ul{background-color: #fff;overflow: hidden;padding-top: 23px;padding-left: 5.5px;}
.product-right ul li{float: left;width: 290px;height: 290px;background-color: #e6e6e6;margin-left: 18.5px;margin-top: 16.5px;}
.product-right ul li img{width: 280px;height: 230px;padding:5px;}
.product-right ul li p{text-align: center;font:15px/45px "微软雅黑";color: #000;}
.product-right ul li:hover p{color:#ce3a30;}

/*优势*/
.advantage{background:url(../images/images/bg4.png) center top no-repeat #eee;margin-top: 66px;padding-top: 110px;height: 627px;}
.advantage h2{text-align: center;font:bold 48px/48px "微软雅黑";color: #ce3a30;position: relative;left:-60px;}
.advantage h2 span{font-size: 30px;color: #333;margin-left: 43px;}
.advantage .ad{width: 315px;position: absolute;padding-left: 79px;}
.advantage .ad h3{font:22px/22px "微软雅黑";color: #ce3a30;margin-bottom: 10px;}
.advantage .ad p{font:14px/18px "微软雅黑";color: #555;}
.advantage .ad1{top:168px;background: url(../images/images/ad1.png) left 3px no-repeat;}
.advantage .ad2{top:168px;right: 0;background: url(../images/images/ad2.png) left 3px no-repeat;}
.advantage .ad3{top:335px;background: url(../images/images/ad3.png) left 3px no-repeat;}
.advantage .ad4{top:335px;right: 0;background: url(../images/images/ad4.png) left 3px no-repeat;}
.advantage .ad5{position: absolute;left:378px;top:84px;}

/*运行业绩*/
.index-case{margin-top: 50px;}

/*热线*/
.hotline{background:url(../images/images/bg5.jpg) center top no-repeat;height: 203px;margin-top: 60px;}
.hotline-left{width: 736px;float: left;text-align: center;color: #fff;}
.hotline-left h2{font:bold 36px/63px "微软雅黑";border:1px solid #fff;margin-top: 50px;width: 370px;margin-left: 166px;}
.hotline-left p{font:18px/18px "微软雅黑";margin-top: 18px;}
.hotline-right{width: 412px;float: right;background:url(../images/images/bg6.png) no-repeat;height: 203px;text-align: center;padding-left: 52px;}
.hotline-right h3{font:18px/55px "微软雅黑";color: #fff;margin-top: 35px;}
.hotline-right .phone{font:bold 28px/40px Arial;color: #fff;background:url(../images/images/bg7.png) center no-repeat;}
.hotline-right>p{font:16px/55px "微软雅黑";color: #ce3a30;}

/*新闻资讯*/
.index-news{margin-top: 60px;}
.news-left{width: 700px;float: left;margin-top: 63px;}
.section1{width: 255px;height: 203px;overflow: hidden;float: left;}
.section2{width: 420px;float: right;}
.section2 li>a{font:18px/25px "微软雅黑";color: #002269;}
.section2 li>a:hover{color:#ce3a30;}
.section2 li>p{font:14px/25px "微软雅黑";color: #555;margin-top: 10px;}
.section2>a{display: block;width: 118px;height: 28px;background-color: #eee;text-align: center;font:14px/28px "";color: #555;border:1px solid #d2d2d2;border-radius: 5px;margin-top: 10px;}
.section2>a:hover{background-color: #555;color:#eee;}
.section3{margin-top: 35px;}
.section3 li{padding-left: 27px;width: 305px;float: left;background:url(../images/images/arr5_03.jpg) left 12px no-repeat;}
.section3 li:nth-child(2n){padding-left: 63px;background-position: 37px 12px;}
.section3 li a{font:15px/34px "微软雅黑";color: #333;}
.section3 li a:hover{color:#ce3a30;}
.section3 li span{float: right;font:15px/34px "微软雅黑";color: #333;}
.news-right{width: 420px;float: right;margin-top: 63px;}
.news-right li{padding-left: 27px;background:url(../images/images/arr5_03.jpg) left 12px no-repeat;}
.news-right li a{font:15px/34px "微软雅黑";color: #333;}
.news-right li a:hover{color:#ce3a30;}
.news-right li span{float: right;font:15px/34px "微软雅黑";color: #333;}

/*设备展示*/
.equipment{padding-top: 40px;background-color: #eee;margin-top: 45px;height: 422px;}
.product-list h3{text-align: center;font:15px/45px "微软雅黑";color: #333;}


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




/*底部和友情链接*/
#footer{background-color: #002269;overflow:hidden;height: 240px;border-top: 3px solid #ce3a30;color: #fff;padding-top: 40px;}
.f_link{width: 306px;float: left;font:18px/27px "微软雅黑";}
.f_link span{display: block;font-weight: bold;text-transform: uppercase;}
.f_link a{font:14px/24px "微软雅黑";color: #fff;}
.nav-foot{float: left;font:18px/27px "微软雅黑";width: 327px;float: left;margin-left: 219px;}
.nav-foot span{display: block;font-weight: bold;text-transform: uppercase;}
.aa{margin-top:0px;font:14px/30px "微软雅黑";}
.foot-code{float: left;font:18px/27px "微软雅黑";width: 181px;float: left;margin-left: 167px;}
.foot-code span{display: block;font-weight: bold;text-transform: uppercase;}
.bb{margin-top: 10px;font:14px/40px "微软雅黑";}
.copyright{text-align: center;background-color: #313131;padding-top: 20px;color: #b4b4b4;font:14px/24px "微软雅黑";padding-bottom: 20px;}
.copyright a{color: #b4b4b4;}
/*------------内页-------------------*/

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

.left .box {
    background-color: #002269;
}

.left .box h3 {
    text-align: center;
    line-height: 65px;
    font-size: 24px;
    color: #fff;
   font-weight: normal;
    position: relative
}

.left .box h3::after{
    content:"";
    position: absolute;
    width:5px;
    height:20px;
    top:20px;
    left:15px;

}

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

.n_banner{position: relative;width: 1920px;left:50%;margin-left: -960px;}
.n_banner img{width:1920px;height: 480px;}
.left{width:245px;float:left;}
.sort_menu h3{line-height:28px;font-weight:bold;}

.sort_product h3{line-height:28px;font-weight:bold;}


.n_contact h3{line-height:28px;font-weight:bold;}
.n_contact .content{
    width: 210px;
    margin-left: 13px;
    background-color: rgba(256,256,256,0.1);
    font:16px/30px "微软雅黑";color: #fff;
    }

.right{width:940px;float:right;padding-bottom:10px;position: relative;}


.sitemp h2 {
    font: 24px/70px "微软雅黑";
    text-indent: 70px;
    background: url(../images/images/arr4.png) 40px center no-repeat #eee;
    color: #000;
}

.sitemp .site {
    position: absolute;
    top:26px;
    font-size: 14px;
    right:15px;
    width: 380px;
    float: right;
    text-align: right;
}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;font-size:15px;}
.sort_album{margin-top: 15px;}
