@charset "utf-8";
/* =======================  global ================== */
/*色标方案的控制：*/

/*字体*/
.font-warp{
    color: rgba(255,255,255,1);
}
.font-nav{
    color:  rgba(85,85,85,1);
}
.font-navD{
    color: #434343;
}
.font-banner{
    color:  rgb(0, 127, 198);
}
.font-red{
    color:  rgb(185, 28, 35);
}
.font-blueD{
    color:#257ED9;
}
/*背景*/
.bg-w{
    background-color: rgba(255,255,255,1);
}
.bg-nav{
    background-color: #257ED9;
}
.bg-nava{
    background-color: #202020;
}
.bg-navD{
    background-color: #111111;
}
.bg-blue{
    background-color:  #0e2744;
}
.bg-blueD{
    background-color:  rgb(5, 177, 227);
}
.bg-blueDD{
    background: rgb(0, 69, 139);
}
.bg-blueT{
    background-color:  rgb(125, 173, 251);
}
.bg-banner{
    background-color: #F1F3F5;
}
.bg-bannerT{
    background-color:  rgb(11, 173, 177);
}
.bg-green{
    background-color:  rgb(125, 213, 171);
}
.bg-greenD{
    background-color:  rgb(207, 197, 27);
}
.bg-greeny{
    background-color:  rgb(249, 187, 53);
}


/*色标方案的控制完*/

/* =======================  reset ================== */

*,*:before,*:after{
    box-sizing: border-box;
}

body{
    background: rgba(255,255,255,1);
    color: rgba(0,0,0,1);
    font-family: "Helvetica,Microsoft Yahei,sans-serif";
/*    font-size: 16px; */
    line-height: 2;
    
}

ul,li,h1,h2,h3,h4,h5,h6,p,dd,dl,ol{
    list-style: none;
    margin: 0;
    padding: 0;
}
a{
    color: #555;
    text-decoration: none;
    cursor: pointer;
}
a:hover,a:focus{
	text-decoration: none;
}
.left{
    float: left;
}
.right{
    float: right;
}
.block{
    display: block;
}
.none{
    display: none;
}
.normal{
    font-weight: normal;
    font-style: normal;
}
.indent{
    text-indent: 2em;
}
.text-left{
    text-align: left;
}
.text-right{
    text-align: right;
}
.text-center{
    text-align: center;
}
.text-nowrap{
    white-space: nowrap;
}
.container:after,.clearfix:after{
    content: '';
    display: table;
    clear: both;
}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{
    float: left;
}
.col-1{
    width: 8.33333%;
}
.col-2{
    width: 16.33333%;
}
.col-3{
    width: 25%;
}
.col-4{
    width: 33.33333%;
}
.col-5{
    width: 41.66666%;
}
.col-6{
    width: 50%;
}
.col-7{
    width: 58.33333%;
}
.col-8{
    width: 66.66666%;
}
.col-9{
    width: 75%;
}
.col-10{
    width: 83.33333%;
}
.col-11{
    width: 91.66666%;
}
.col-12{
    width: 100%;
}
.container{
    width: 1200px;
    margin: 0 auto;
}
input:focus{
    outline: none;
}
button{
    border: none;
}

.imgbox>img{
	display: block;
	width: 100%;
}
/* =======================  reset end ================== */
/* =======================  public module ================== */

/*sitenav*/
.header{
    
}

.sitenav{
    position: relative;
    z-index: 2;
}

.sitenav #sitelogo img{
    float: left;
}
.sitenav .navtop span{
    font-size:12px;
    color: #fff;
    line-height: 38px;
    position: relative;
}
.sitenav .navtop span .watch{
    position: absolute;
    right: 0px;
    top: 50px;
    display: none;
}
.sitenav .navtop span .weibox:hover + .watch{
    display: block;
}
.sitenav .navtop span b{font-size: 12px;}
.sitenav .navtop span a{font-size: 12px;color: #fff;padding: 0 10px;border-left: 1px solid #fff;display: inline-block;}
.sitenav .navtop span a i{margin-right: 10px;}
/*nav*/
.sitemenu{position:relative; z-index:1;}
.nav {display: flex;justify-content: space-between}
.nav .nLi{position:relative; display:inline;  }
.nav .nLi h3 a{color:#333;font-size:18px;font-weight: normal;line-height:80px;display: block;text-align: center;}
.nav .sub{ display:none; width:157px; left: -41px;top: 80px; position:absolute; background:#257ED9;  line-height:30px; color: #fff;text-align: center;border: 1px solid #ccc}
.nav .sub:before{
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #257ED9;
    position: absolute;
    top: -8px;
    left: 68px;
}
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block;color: #fff;font-size: 14px;}
.nav .sub a:hover{ color:#DD214D; background:#fff;  }
.nav .on h3 a{ color: #EC711F;}
/*nav end*/
.sitenav .inputbox{
    border: 1px solid #ccc;
    color: #333;
    font-size: 12px;
    line-height: 28px;
    margin-top: 10px;
    padding: 0 10px;
}
.sitenav .inputbox input{
    border: none;
    width: 110px;
    color: #999;
}
.sitenav .inputbox .icon-jiantou1{
    font-size: 12px;
    margin: 0 5px;
}
.sitenav dl{
    display: flex;
    justify-content: space-between;
}
.sitenav dl a{
    font-size: 14px;
}
.sitenav dl a img{
    vertical-align: middle;
    margin-right: 10px;
}
/*sitenav*/
/*banner*/
.banner{
    width: 100%;
    position: relative;
    overflow:hidden;
}

.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:50%;transform: translate(50%, 0%);bottom:20px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .bd a{width:100%;height:540px;display:block;background-position:top center;background-repeat:no-repeat;background-size:cover;}
.slideBox .hd ul li{ float:left; margin-right:10px;  width:15px; height:15px;border-radius: 50%; line-height:14px; text-align:center;  cursor:pointer; background: #fff}
.slideBox .hd ul li.on{ background:#2E7AC9; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.content_list {
    width: 100%;
    height: 142px;
    background:#fff;
    -moz-box-shadow:0px 2px 5px #ccc; -webkit-box-shadow:0px 2px 5px #ccc; box-shadow:0px 2px 5px #ccc;
}
.content_list ul{
    display: flex;
    justify-content: space-between;
}
.content_list ul li{
    text-align: center;
}
.content_list ul li span{
    font-size: 40px;
    color: #434343;
}
.content_list ul li p.title{
    font-size: 20px;
    color: #434343;
}
/*banner end*/
/*公共头部标题*/
.Tittlebox {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}
.Tittlebox .h3{
    overflow: hidden;
/*    width: 248px;*/
    height: 0;
    padding-top: 47px;
/*    background: url(../img/product.png);*/
}
.Tittlebox a{
    color: #2E7AC9;
}
/*公共头部标题end*/
/*about*/
.product{
    width: 100%;
    padding: 50px 0;
}
.product .Tittlebox .h3{
    width: 248px;
    background: url(../img/product.png);
}
.product .container ul{
    display: flex;
    justify-content: space-between
}
.product .container ul li{
    overflow: hidden;
}
.product .container ul li a:hover img{
    transform: scale(1.1);
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
/*关于我们*/
.about{
    height: 400px;
    width: 100%;
    background: url(../img/bg-1.png) no-repeat 100%;
    position: relative;
    margin-bottom: 180px;
}
.about .container{
    height: 353px;
    background: #fff;
    position: relative;
    top: 180px;
    -moz-box-shadow:2px 2px 5px #ccc; -webkit-box-shadow:2px 2px 5px #ccc; box-shadow:2px 2px 5px #ccc;
}
.about .textbox{
    width: 919px;
    padding: 30px 70px 0 30px;
}
.about .textbox p{
    width: 457px;
    text-indent: 2em;
    color: #666666;
    overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
    text-align:justify;
    margin-bottom: 20px;
}
.about .textbox a{
    color: #666666;
    font-size: 14px;
    border: 1px solid #1f9de0;
    padding: 5px 17px;
}
.about .brief{
    height: 100%;
    width: 279px;
    padding: 30px;
}
.about .brief h4,.about .textbox h4{
    height: 0;
    padding-top: 47px;
    overflow: hidden;
    margin-bottom: 40px;
}
.about .textbox h4{
    width: 184px;
    background: url(../img/about.png);
}
.about .brief h4{
    width: 221px;
    background: url(../img/qi.png);
}
.about .brief p{
    font-size: 20px;
}
.about .brief ul{
    display: flex;
    justify-content: space-between;
    border-top: 1px solid rgba(255,255,255,.5);
    padding-top: 30px;
    margin-top: 30px;
}
.about .brief ul li a{
    display: block;
    width: 64px;
}
.about .brief ul li a i{
    border: 1px solid #fff;
    width: 50px;
    line-height: 50px;
    display: block;
    border-radius: 100%;
    margin: 0 auto;
    font-size: 25px;
}
.about .brief ul li a:hover i{
    background: #E4E4E4;
    color: #333;
    border: none;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
/*关于我们end*/
/*生产基地*/
.service{
    width: 100%;
    padding: 50px 0;
}
.service .Tittlebox .h3{
    width: 188px;
    background: url(../img/service.png);
}
.service .container ul{
    display: flex;
    justify-content: space-between
}
.service .container ul li{
    overflow: hidden;
}
.service .container ul li a:hover img{
    transform: scale(1.1);
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
/*生产基地end*/

/*工程业绩*/
.exhibition{
    width: 100%;
    padding: 50px 0;
}
.exhibition .Tittlebox .h3{
    width: 291px;
    background: url(../img/exhibition.png);
}
.exhibition .container ul{
    display: flex;
    justify-content: space-between
}
.exhibition .container ul li{
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    width: 278px;
    padding-bottom: 35px;
}
.exhibition .container ul li a h4{
    color: #333;
    padding: 0px 0 20px;
}
.exhibition .container ul li a p{
    font-size: 14px;
    overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
/*工程业绩 end*/
/*new*/
.new{
    width: 100%;
    padding: 50px 0;
}
.new .Tittlebox .h3{
    width: 96px;
    background: url(../img/news.png);
}
.new .imgcenter a{
    display: block;
    width: 100%;
    overflow: hidden;
    padding-right: 40px;
    
}
.new .textbox a:hover .date{
    background: #007BD9;
    transition: .5s;
    color: #fff;
}
.new h2{
    color: #333;
    font-size: 18px;
    margin-bottom: 10px;
}
.new .imgcenter:hover p{
    color: #007BD9;
    transition: .5s;
}
.new .imgcenter p{
    color: #818181;
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 64px;
    overflow: hidden;
    padding-bottom: 20px;
    border-bottom: 1px #ccc solid;
}
.new .textbox{
    padding-left: 40px;
}
.new .textbox li{
    margin-bottom: 19px;
}
.new .textbox .date{
    width: 83px;
    height: 82px;
    background: #DBDBDB;
    padding: 10px 0;
    color: #555555;
}
.new .textbox .text h5{
    line-height: 82px;
    color: #050505;
    font-size: 16px;
    display: -webkit-box; 
-webkit-box-orient; 
text-overflow: ellipsis;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.new section a{
    color: #555;
    font-size: 14px;
    margin-right: 15px;
}
/*new end*/
/*footer*/
footer{
    width: 100%;
    height: 318px;
}
footer .footer1{
    width: inherit;
    height: 278px;
    color: #fff;
    overflow: hidden;
    font-size: 14px;
}
footer .footer1 section.one{
    height:208px;
    margin-top: 35px;
    border-right: 1px solid rgba(255, 255, 255,.1);
    padding-top: 15px;
}
footer .footer1 section.one .btn{
    display: block;
    width: 87px;
    line-height: 23px;
    background: #257ED9;
    color: #fff;
    border-radius: 20px;
    margin: 40px auto 0;
}
footer .footer1 ul{
    margin: 30px 0;
}
footer .footer1 li{
    float: left
}
footer .footer1 li a{
    color: #fff;
    font-size: 16px;
    margin:0 20px;
}

footer .footer1 li a:hover{
    color: #534c4c;
    transition: .5s;
}
footer .footer1 li dd a{
    font-size: 12px;
    color: rgba(255, 255, 255,.5);
}
footer .footer1 section.tow{
    height:208px;
    margin-top: 35px;
    border-left: 1px solid rgba(255, 255, 255,.1);
    padding-top: 15px;
    padding-left: 17px;
    color: rgba(255, 255, 255,.7);
    font-size: 12px;
}
footer .footer1 section.tow b{
    font-size: 18px;
}

footer .footer2{
    width: inherit;
    height: 40px;
    color: rgba(255, 255, 255,.7);
    font-size: 14px;
    position: relative;
}
footer .footer2 p{
    text-align: center;
    line-height: 40px;
    font-size: 12px;
}

/*footer end*/
/* =======================  layout  end================== */