/* 全局 */
html,body{overflow-x: hidden; margin: 0;padding: 0;
    font-family: Arial, sans-serif;}
html{background-color: #ffffff;}
h1,h2,h3{font-size: 14px;}
i{font-style: normal;}
h1,h2,h3,h4,h5,h6,div,ul,li,dl,dt,dd,form,img,p,l,body,a,span{margin:0; padding:0;}
*{padding:0px;margin:0px; }
body{font-size:14px; font-family:Arial, Helvetica, sans-serif;}
img{border:none;}
a{color:#000;text-decoration:none; cursor:pointer;}
a:hover{color:#0055bb;}
ul,li{list-style:none;}
/*table,tr,td{border:0 none;}*/
input,select,button{outline:medium;vertical-align:middle;}

.clrfix:after{content:"."; clear:both;visibility:hidden;}
.clrfix{height:100%;}
.clr{clear:both;}
.word{word-break:break-all;word-wrap:break-word;}/*鑻辨枃寮哄埗鎹㈣*/
.fl{float:left;}
.fr{float:right;}
.obr{border:1px solid #c0c0c0;}
.yh{font-family:Microsoft YaHei;}

.bg{background-color: #3375b0;}
.con{width: 1200px; margin: 0 auto;  }
.fle{display: flex;}
.fl-c-c{display: flex; justify-content: space-between;align-items: center;}
.fl-c-t{display: flex; justify-content: space-between;align-items: flex-start;}
.ber{border: #f1c40f 1px solid;}
.clr{ clear: both; }
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}

.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}

/* 头部  默认PC*/
.header{height: 80px; color: #ffffff; font-size: 16px;  }
.logo img{ width:240px; height: auto }
/* PC上的菜单 */
.nav { right: 0;}
.nav li{float:left;margin-left: 70px;  display: block; line-height:  70px; }
.nav a {  color: #fff; text-decoration: none; }
.p-down{background-image: url(../images/jt02.png); position: absolute; margin-top: 32px;  width: 10px;height: 10px; background-size:100%; margin-left: 5px;  }
.sub-menu {  display: none;  position: absolute; z-index: 999; background-color: #f9f9f9; width: 100%; left: 0;   padding: 5px;}
.sub-menu div li {float: right; margin-left: 50px;}
.sub-menu a{ color: #333;}

/* 手机上的菜单 */
.navicon{background-image: url(../images/men.png);  z-index: 33; display: none; position: relative; right: 10px; width: 40px;height: 40px; background-size:70%;  cursor: pointer;  background-repeat: no-repeat;background-position: center center;   }
.m-down{background-image: url(../images/jt01.png); position: absolute; margin-top:-50px; right: -40px; width: 40px;height: 40px; background-size:30%;  background-repeat: no-repeat;background-position: center center;   }
.overlay { position: fixed;top: 0; left: 0;width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.9); z-index: 11; display: none;}
.nav-m{display: none; position: absolute; left: 30px; z-index: 44; top:60px;width: 80%; }
.nav-m a{display: block; }
.nav-m li { line-height: 50px; border-bottom: #d6d6d6 1px solid;  }
.m-sub-menu{ display: none; border-top: #d6d6d6 1px solid;}
.m-sub-menu li{ padding-left: 40px;}

/* PC下的菜单 */
.boot{ color: #fff; padding: 50px 0px 40px 0px;  line-height: 30px; font-size: 14px;}
.boot a{color: #fff; margin-right: 20px;}
.boot .tt{font-size: 16px;}
.boot div{ border-right: #0090cd 1px solid;}
.boot div:nth-child(1){width: 500px;}
.boot div:nth-child(2){width: 550px;  padding-left: 20px; }
.boot div:nth-child(3){width: 147px; text-align: center;border-right: #0090cd 0px solid;}

/* 手机下的菜单 */
.m-boot-v{ display: none; }
.m-boot {border-top:#cacaca solid 1px;  padding: 10px 0; position: fixed; z-index: 5; bottom:0px; width: 100%; background-color: #3375b0; }
.m-boot div{ width: 25%; text-align: center; }
.m-boot img{ width:26px;}
.m-boot a{color: #fff;}
.bot-sub-menu{ position: absolute; bottom: 64px; border:#cacaca solid 1px; z-index: 2; background-color: #3375b0; margin-left: -40px; display: none; }
.bot-sub-menu li{ line-height: 40px; border-bottom: #d3d3d3 solid 1px; padding: 0 15px;}

.foot{ background-color: #000000; color: #a5a5a5; padding: 20px 0px; line-height: 30px; text-align: center; font-size: 16px; }
.foot a{color: #a5a5a5;}

/*广告图  */
#banner{position:relative;width:100%;height:auto;margin:0px auto; }
#banner .item{ position:relative;display:block; padding-bottom:-20px;}
#banner img{display:block;width:100%;height: auto;}
#banner b{position:absolute; left:0; bottom:0; width:100%;height:48px;background-color:#0055bb; opacity:.1;filter:alpha(opacity=10); display:none;}
#banner span{position:absolute;left:0; bottom:0;width:100%;font:18px/32px;color:#000;text-align:center;}

.topimage img{ width: 100%;}
/*标题  */
.title{ font-size: 28px; font-weight: bold; text-align: center; padding: 50px 0; }
/*首页产品  */
.proBox div{width: 33.2%; overflow: hidden; float: left; text-align: center; font-size: 16px; border-right: #d8d8d8 1px solid; border-bottom: #d8d8d8 1px solid;}
.proBox div .title{ font-size: 16px; padding-bottom: 20px; margin-top: -20px; height: 28px; overflow: hidden; }
.proBox div:nth-child(3), div:nth-child(6n) { border-right: none;}
.proBox div:nth-child(4), div:nth-child(5), div:nth-child(6) { border-bottom: none;}
.proBox img{width: 100%; height: auto;}
.prod{border: #d8d8d8 1px solid; margin: 10px; overflow: hidden; }
.img img{-webkit-transition: transform 0.4s ease;
    -moz-transition: transform 0.4s ease;
    -o-transition: transform 0.4s ease;
    transition: transform 0.34 ease; }
.img img:hover{ -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
/*分页  */
.page{display: flex; margin-bottom: 30px; margin-left: 50%;  }
.pagination {margin-left: -20%;}
.pagination .active span{ display: block; padding:10px 15px; border: #3375b1 1px solid; background-color: #3375b1; color: #FFF;}
.pagination .disabled span{display: block; padding:10px 15px; border: #dbdbdb 1px solid;}
.pagination li a{ display: block; padding:10px 15px; border: #dbdbdb 1px solid;}
.pagination li{ float: left;  margin-left: 3px; }

.details { margin-top: 40px;}
.details div{ float: left;}
.details .title{ font-size: 28px; text-align: left; border-bottom: #dbdbdb 1px solid; margin-bottom: 20px; padding: 15px 0px;}
.details div:nth-child(1){ width: 500px;}
.details div:nth-child(2){ width: 680px; padding-left: 20px; font-size: 16px; line-height:30px; padding-right: 0; }
.dtitle {background-color: #dbdbdb; line-height: 35px;}
.dtitle ul{ background-color: #3375b1; width: 120px;  text-align: center; color: #fff; font-size: 16px; font-weight: bold; }
.brief{ line-height: 30px; padding-bottom: 20px; }
.cont{ padding-bottom: 50px; font-size: 16px; line-height: 30px; padding: 10px;}
.m-details {display:none; }
.m-details .title{ padding-bottom: 20px; border-bottom:#dbdbdb 1px solid; }

.bg01{background-color: #f2f3f4;}
.bg001{background:url("../images/bg1.jpg") 0px 0px ;background-size:100%;}
.bg02{background:url("../images/bg2.jpg") 0px 0px ;background-size:100%}
.bg03{background-color: #f2f3f4; height: 20px; }
.bs{color: #fff;}
.advantage{ color: #333; font-size: 16px; line-height: 30px;}
.advantage h2{font-size: 20px; margin-bottom: 20px;margin-left:5%; }
.advantage div{ width: 50%; float: left; height: 230px; overflow: hidden;}
.advantage div ul{width: 90%; margin-left:5%; }

.company{ margin-top: -50px; line-height: 35px; font-size: 16px; margin-bottom: 50px;}
.company div{ width:43%; float: left; overflow: hidden;}
.company div:nth-child(2){ width: 55%; padding-top: 30px;padding-left:2%; }
.company div img{  width: 450px; height: auto;}

.cases{ line-height: 25px;}
.cases div{float: left; width: 33.3%;}
.cases ol{background-color: #ffffff; margin:0 10px; padding: 5px; overflow: hidden;margin-bottom: 20px;}
.cases h2{ font-size: 18px; margin-bottom: 10px; margin-top: 10px;}
.cases ul{ padding: 10px;}
.cases .more{ margin-top: 10px;}
.cases img{width: 100%;}

.news{ line-height: 25px; margin-bottom: 30px;}
.news div{float: left; width: 33.3%;}
.news ol{background-color: #ffffff; margin:0 10px; padding: 5px; overflow: hidden;}
.news h2{ font-size: 18px; margin-bottom: 10px; margin-top: 10px;}
.news ul{ padding: 10px;}
.news .more{ margin-top: 10px;}
.news img{width: 100%;}

.time{ text-align: center; margin-bottom: 20px; margin-top: -30px; padding-bottom: 10px; }
.brief{ border: #dbdbdb 1px solid; line-height: 25px; padding: 10px 20px; color: #666666;}


/*----------------------平板板式样式----------------------*/
@media screen and (min-width:750px) and (max-width:1200px) {
    .header { height: 70px; }
    .con { width: 100%;  }
}
/*----------------------手机板式样式----------------------*/
@media screen and (max-width:750px) {
    .header{height: 55px;}
    .con{width:100%; }
    .logo img{ width:200px; height: auto; padding-left:10px;  }
    .navicon{display: block;}
    .nav{display: none}
    .boot{display: none;}
    .m-boot-v{display: block;}
    .foot{margin-bottom: 65px;}
    .proBox div:nth-child(5), div:nth-child(6) .title{border-bottom:#d8d8d8 1px solid;}
    .proBox div{ width: 50%; border: #d8d8d8 0px solid;  border-top:  #d8d8d8 1px solid;}
    .proBox div ul{ border-right:  #d8d8d8 1px solid; overflow: hidden;}
    .proBox img{width: 99%; height:auto;}
    .cont img{width: 99%; height:auto;}
    .title{ padding: 30px 0; }
    .details {display:none;}
    .m-details {display:block; }
    .advantage  { margin-top: -10px;}
    .advantage div{ width: 100%; height: auto; margin-bottom: 30px;}
    .company div{ width: 100%; line-height: 30px; margin-top: 20px;}
    .company div:nth-child(2){ width: 90%; padding-left: 5%; padding-right: 5%; margin-top: -20px; margin-bottom: -110px;}
    .company div img{ width:100%; height: auto}
    .cases div{ width: 100%;}
    .news div{ width: 100%;}
}

/*----------------------PC式样式----------------------*/
@media screen and (min-width:800px) {
    .navicon{display: none;}
    .overlay{display:none;}
    .nav-m{display:none; }
}