body,html{margin:0;padding:0;font-family: Microsoft YaHei; font-size: 1rem;  line-height: 1.5; color: #373a3c; background-color: #fff; width:100%; max-width:100%; min-width:1100px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,table,tr,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
input:hover,input:active,input:focus{ outline: 0;}
ul,ul li,input, dl, dd {  padding:0; margin:0; list-style-type:none;}
img,a img{border:0;margin:0;padding:0;}
img{vertical-align: middle;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a{text-decoration:none; color:#444;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
a:hover{text-decoration:none; cursor:pointer}
.fl{float:left;}
.fr{float:right;}
textarea{resize:none; overflow:auto;}
.clearfix:after {content:'';display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}  
.clear { clear: both;font-size: 0;height: 0;line-height: 0;}
.baseDiv{ width:1300px; margin:0 auto; margin-left:auto !important; margin-right:auto !important;}
.mt5 {margin-top: 5px!important;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt35{ margin-top:35px;}
.mt40{ margin-top:40px;}
.mt50{margin-top: 50px;}
.ml400{margin-left: 400px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.myClass{
background-position:center center; 
-webkit-background-size: cover;  
-moz-background-size: cover;  
-o-background-size: cover; 
background-size:cover;
}
@-webkit-keyframes ball {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@keyframes ball {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

.fl{float:left;}
.fr{float:right;}
.w1200{width: 1200px; margin: 0 auto;}

/*Clear*/

/*针对1920的宽屏*/

.max{ position:relative; overflow:hidden;}

.b-k{
    height: 822px;
	position: relative;
	width: 1920px;
	 *width: 1920px;
	  _width: 1920px; 
	  z-index: 11; 
	  margin: 0; 
	  top: 0; 
	  float: left; 
	  left: 50%; 
	  margin-left: -960px; 
	  *margin-left: -960px; 
	  _margin-left: -960px; 
	  /*overflow: hidden;*/
}
.b-k2{
    height: 507px;
	position: relative;
	width: 1920px;
	 *width: 1920px;
	  _width: 1920px; 
	  z-index: 11; 
	  margin: 0; 
	  top: 0; 
	  float: left; 
	  left: 50%; 
	  margin-left: -960px; 
	  *margin-left: -960px; 
	  _margin-left: -960px; 
	  /*overflow: hidden;*/
}
.banner{
 width: 100%;
 max-width: 1920px;
 height: 822px;
 margin: 0 auto;
 position: absolute;
 left: 0;
 top: 0;
 z-index: 11;
}
.pic{
    width: 100%;
    height: 100%;
}


/* 分页banner */
.banner2{
    width: 100%;
    max-width: 1920px;
    height: 507px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 11;
   /* background: url(../img/ban2.png) no-repeat;*/
   }
   .ban-tite{
    width: 1200px;
    height: 61px;
    margin: 0 auto;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-top: 226px;
}
.ban-dt{
  font-size: 46px;
  color: rgba(255, 255, 255, 0.25);
  text-transform: uppercase;
  z-index: 11;
  font-weight: bold;
}
.ban-dz{
font-size: 30px;
color: #ffffff;
position: relative;
top: -12px;
z-index: 33;
font-weight: bold;
}
.ban-dg{
width: 64px;
height: 3px;
background-color: #e4322c;
display: inline-block;
position: relative;
bottom: 0;
z-index: 33;
}
.ban-tu{
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-top: 15px;
}
.ban-tu li{
    width: 100%;
    margin-bottom: 22px;
}
.ban-tt{
    width: 25px;
    height: 13px;
}
.location{
    width: 1200px;
    position: relative;
    bottom: -60px;
    margin: 0 auto;
    text-align: left;
    font-size: 16px;
    color: #fff;
}

/* 分页banner结束 */

.d-r-kk{
    max-width: 1920px;
    width: 100%;
    height: auto;  
    margin: 0 auto;
}
.navigation{
    width: 100%;
    max-width: 1920px;
    height: 108px;
    border -top: 6px solid #627bd2;
    margin: 0 auto;
    position: absolute;
    left: 0;
    top: 0;
    z-index:33; 
    background: rgba(255, 255, 255, 1);
}
.d-r{
    width: 1280px;
    height: 108px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.d-r li{
    width: 100px;
    height: 108px;
     display: inline-block;
     text-align: center;
     color: #000;
     font-size: 16px;
    
}
.logo-d{
    width: 128px;
    height: 108px;
    display: inline-block;
   
}
.logo-img{
    width: 180px;
    height: 113px;
    position: relative;
    margin: 0 auto;
    z-index: 555;
}
.d-r li:hover{
    ba ckground-color: #d2302b;
}
 #aa{
    b ackground-color: #d2302b;
}
.d-tu{
    width: 40px;
    height: 40px;
    margin-bottom: 2px;
    margin-top: 20px;
}
.spp{margin-top: 18px !important;}
.d-zi{
    display: block;
}
.logo{
    width: 144px;
    height: 167px;
    /* margin-bottom: -86px; */
}
.swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      background: #fff;
      width: 100%;
      height: 100%;

    }
    .pic{
        width: 100%;
        height: 100%;
    }
    .suspension{
        width: 1200px;
        height: 137px;
        background-color: rgba(255, 255, 255, 1);
        position: relative;
        top: 770px;
        z-index: 55;
        margin: 0 auto;
    }
    .s-box{
        position: absolute;
        width: 568px;
        height: auto;
        float: left;
        margin-left: 23px;
        margin-top: 25px;
    }

    .search{
        width: 567px;
        height: 54px;
        border: 1px solid #dcdcdc;
        border-radius: 10px;
        overflow: hidden;
    }
    .s-k{
        width: 466px;
        height: 52px;
        border: none;
        outline: none;
        padding: 0 20px;
        float: left;
        font-size: 16px;
        color: #c3c3c3;
    }
    .s-t{
        width: 61px;
        height: 54px;
        background-color: #e4322c;
        display: flex;
        text-align: center;
        justify-content: center;
        align-items: center;
    }
    .s-t button{
        background: rgba(0, 0, 0, 0);
        border: none;
        outline: none;
    }
    .s-t img{
        width: 35px;
        height: 33px;
        display: inline-block;
        margin: 0;
    }

    .keywords{
        color: #868686;
        font-size: 14px;
        padding: 0 20px;
        line-height: 40px;
    }

.contact{
    width: 340px;
    height: 58px;
    position: absolute;
    margin-left: 660px;
    margin-top: 39px;
}
.c-d{
    width: 58px;
    height: 58px;
    display: inline-block;
    float: left;
}
.c-text{
    width: 273px;
    height: 58px;
    float: left;
    margin-left: 9px;
}

.c-t{
    font-size: 14px;
    color: #333333;
    line-height: 26px;
    
}
.c-map{
  width: 256px;
  height: 33px;
}
.code{
    /* width: 126px; */
    height: 103px;
    position: absolute;
    right: 18px;
    margin-top: 17px;
}
.er{
    width: 16px;
    height: 103px;
}
.erwei{
    width: 101px;
    height: 101px;
}


 .clear{ clear: both;}
 .center{
        width: 1920px;
        height: 1344px;
        position: relative;
        top:0;
        float: left; 
        left: 50%;
        margin-left: -967px; 
        overflow: hidden;
        background-image: url(../images/bei-ji.png);
    }


/*index*/
.index_list{padding:20px 0;}
.index_list li{width:300px;padding:20px;box-sizing:border-box;line-height:30px;float:left;background:url(../images/line.png) no-repeat right center;}
.index_list li:last-of-type{background:none;}
.index_list li a{display:block;color:#999;}
.index_list li span{color:#333;}
.index_list li img{transition:all .5s linear;}
.index_list li:hover img{transform:rotate(360deg);}
.index_list_con{width:220px;}

/*公告*/
.ggbj{width: 100%;height: 90px;background: #427bd2;}
.youshi{color:#fff;width: 380px;padding-top: 12px;}
.youshi b{font-size:26px; color:#fff; line-height: 1.6;}
.youshi ul{display: block;height: 26px;overflow: hidden;}
.youshi ul li{float: left;font-size: 15px;color: #fff;padding-left: 5px;margin-top: 2px;}
.youshi ul li a{color: #fff;}
.youshi ul li em{color: #fff;padding-left: 5px;}
.youshi ul li:hover a{text-decoration: underline;}

.ssBox{ height:70px;line-height:90px; width:730px;}
.ssBox .title{ color:#fff; font-weight:700; font-size:16px;background:url(../images/gonggao.png) left center no-repeat; padding-left:60px;  }
.ssBox .ss_nr{ width:580px;overflow:hidden;white-space:nowrap;}
.ssBox .ss_nr div{ display:inline-block; min-width:100%; padding-right:50px; font-size:14px; color:#fff;}
.ssBox .ss_nr p{ font-size:15px;}

/*产品*/
.probt{text-align: center;margin-top: 50px;}
.probt a{font-size: 33px;color: #000;font-weight: bold;display: block;line-height: 50px;display: block;background: url(../images/bttb.jpg) center no-repeat;}
.probt a{font-size: 33px;color: #000;font-weight: bold;display: block;line-height: 50px;display: block;background: url(../images/bttb.jpg) center no-repeat;}
.probt span{color: #717171;font-size: 17px;line-height: 45px;}
.probt a:hover{color: #427bd2;}
.probt1{text-align: center;margin-top: 50px;}
.probt1 a{font-size: 33px;color: #000;font-weight: bold;display: block;line-height: 50px;display: block;background: url(../images/bttb.png) center no-repeat;}
.probt1 a{font-size: 33px;color: #000;font-weight: bold;display: block;line-height: 50px;display: block;background: url(../images/bttb.png) center no-repeat;}
.probt1 span{color: #717171;font-size: 17px;line-height: 45px;}
.probt1 a:hover{color: #427bd2;}
.sort{width: 85%;margin: 0 auto;}
.sort ul li{float: left;width: 19%;height: 45px;line-height: 45px; background: #2b2e35 url(../images/yuan.png) 10px center no-repeat;border-radius: 5px;margin-right: 10px;margin-top: 13px;}
.sort ul li a{display: block;}
.sort ul li a h3{color: #fff;font-size: 16px;padding-left: 40px;float: left;}
.sort ul li a em{float: right;margin-right: 15px;}
.sort ul li:hover{background: #427bd2 url(../images/yuan.png) 10px center no-repeat;}
.sort ul li:hover em{margin-right: 40px;transition-duration: .3s;}
.sort ul li:hover h3{font-weight: bold;}

.rightBox{width:85%;height:660px;margin: 40px auto 60px;}
.contactBox_text { height:660px !important;}
#progun{height:660px; overflow:hidden;}
.casesList { width:100%; height:760px;margin:0 auto;}
.casesList li{width:19%; height:330px;float:left;margin-left: 4px; margin-right:7px;margin-bottom: 10px;position: relative;}
.casesList li .Img{ width:100%; height:260px;background:#fff; display:block;}
.casesList li .prockxq{width: 100%;margin-top: 10px;text-align: center;line-height: 35px;}
.casesList li .prockxq .ckxq{width: 46%;height: 35px;background: #427bd2;display: block;float: left;border-radius: 5px;color: #fff;font-size: 15px;}
.casesList li .prockxq .ljzx{width: 46%;height: 33px;display: block;float: right;border:1px #427bd2 solid;border-radius: 5px;color: #333;font-size: 15px;}
.casesList li .prockxq .ckxq:hover{background: #fcc707;}
.casesList li .prockxq .ljzx:hover{background: #427bd2;color: #fff;}
.protitle{height: 40px;background: #000;position: absolute;left: 0;bottom: 0;z-index: 9999}

.mpro_txt{display: none;}
.casesList li:hover .mpro_txt{cursor: pointer;position: absolute;z-index: 999;top: 20%;left: 10%; border: 0px solid #FFF;border-radius: 0 30px 0 30px;color: #01a971;width: 80%;height: 40%;display: inline-block;background-color: rgba(255,255,255,0.9);text-align: center;}
.casesList li:hover .mpro_txt h3{color: #010101;font-size: 23px;padding-top: 30px;}
.casesList li:hover .mpro_txt span{display: block;background: #e50000;color: #fff;font-size: 14px;width: 70%;height: 35px;border-radius: 100px;line-height: 35px;margin: 0 auto;margin-top: 15px;font-size: 18px;}


@media screen and (max-width:1530px){ 
.casesList{}
.casesList li{width:24% !important;}
}
/*com*/
.com{
    border-top: 5px solid #427bd2 ;


}
.com_con_a{
    background: url(../images/abbj.jpg) top left no-repeat;
    margin-top: 6px;padding: 50px 0;
}
.com_con{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding: 60px 40px;
    box-sizing: border-box;
	background: #fff;
}
.com_l{
    float: left;
    width: 500px;
    height: 400px;
    position: relative;
}
.com_l img{
    position: absolute;
    top: 0;
    left: 0;
}
.com_l span{
    display: block;
    position: absolute;
    width: 240px;
    height: 170px;
    left: -20px;
    bottom: -20px;
    background: #427bd2;
}
.com_r{
    float: right;
    width: 590px;
    margin-left: 30px;
}
.com_r h2{ font-size:30px; color:#427bd2;}
.com_r p{
    line-height: 32px;
    margin-top: 15px;
	font-size: 16px;
	color: #7b7b7b;
}
.com_r ul{
    margin-top: 20px;
}
.com_r ul li{
    float: left;
    text-align: center;
    font-size: 15px;
    margin: 15px;
    cursor: pointer;
}
.com_r ul li:hover span{
    transform: rotate(360deg);
}
.com_r ul li span{
    display: block;
    width: 97px;
    height: 97px;
    border: 5px solid rgba(255,255,255,0.6);
    border-radius: 50% ;
    transition: all 0.6s;
}
.com_r ul li span em{
    display: block;
    width: 97px;
    height: 97px;
    border-radius: 50%;
    background: #427bd2;
    position: relative;
}
.com_r ul li span em::after{
    content: '';
    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
    background: url(../images/icon.png) -18px -108px no-repeat;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
}
.com_r ul li:nth-child(2) span em::after{
    background:url(../images/icon.png) -89px -108px no-repeat ;
}
.com_r ul li:nth-child(3) span em::after{
    background:url(../images/icon.png) -159px -107px no-repeat ;
}
.com_r ul li:nth-child(4) span em::after{
    background:url(../images/icon.png) -232px -111px no-repeat ;
}
.com_r ul li>em{
    display: block;
    margin-top: 8px;
	font-style: normal;
	color: #808b9a;
}
}
/*num*/
.strenth {
    overflow: hidden;
    border-bottom: 1px solid #ededed;
}
.strenth ul {
    border-left: 1px solid #ededed;
    height: 180px;
    width: 1200px;
    margin: 0 auto;
}
.strenth li {
    float: left;
    width: 229px;
    border-right: 1px solid #ededed;
    transition: all .4s;
    padding: 35px;
    height: 110px;
    font-size: 14px;
    color: #333;
    text-align: center;
    position: relative;
}
.strenth li strong {
    font-size: 60px;
    font-family: Arial;
    line-height: 60px;
    font-weight: normal;
    margin-right: 5px;
}
.strenth li span {
    display: block;
    font-size: 18px;
    color: #666;
    margin-top: 10px;
}
.strenth li::after {
    content: "";
    position: absolute;
    left: -2px;
    top: 40px;
    width: 3px;
    height: 20px;
    background: #dedede;
}


/*关于我们*/
.cpbt{text-align: center;background: url(../images/xian.png) center no-repeat;height: 110px;margin-top: 35px;}
.cpbt a{font-size: 30px;color: #2c2c2c;font-weight: bold;}
.cpbt p{font-size: 15px;color: #666;line-height: 70px;}
.cpbt:hover a{color: #ff6209;}
.indexbj{height: 670px;background: url(../images/abbj.jpg) top center no-repeat;}
.abzc{width: 630px;height: 470px;position: absolute;left: 0;top:50px;}
.abzc ul{display: block;}
.abzc ul li{float: left;text-align: center;width:190px;margin-top: 20px;background: url(../images/xiana.png) right center no-repeat;}
.abzc ul li img{width: 75px;height: 75px;display: block;margin: 0 auto;}
.abzc ul li a{line-height: 45px;font-size: 17px;color: #fff;}
.abzc ul li:hover img{cursor:pointer; -webkit-transition: all ease-in-out .3s;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;transition: all ease-in-out .3s;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
.abzc ul li:hover a{font-weight: bold;}
.abzc ul li:nth-child(3){background: initial;}

.abyc{ width:510px;height: 350px;background: #fff;margin-top: 115px;padding: 20px 30px 50px 100px;}
.abyc span{color: #121212;font-size: 23px;line-height: 60px;font-weight: bold;}
.abyc em{width: 60px;height: 4px;background: #ffae00;display: block;}
.abyc p{color: #6e6e6e;font-size: 16px;line-height: 28px;display: block;margin-top: 15px;}
.abyc a{display: block;width: 145px;height: 35px;background: #fda30f;border-radius: 25px;text-align: center;line-height: 35px;color: #fff;font-size: 16px;margin-top: 25px;}
.abyc a:hover{background: #ff6209;}


/*case*/
.casebj{width: 100%;b ackground: url(../images/case_bg.jpg) center bottom no-repeat; padding: 10px 0 80px;}
.caseList{ overflow:hidden;position:relative; z-index:10; padding-top:25px;width: 85%;margin: 0 auto;height: 245px;}
.caseList .lin{ float:left;width: 9%;height: 245px;}
.caseList .lin a.imga{display:block; margin:auto;position: relative;}
.caseList .lin a.imga .spanImg{ display:block; width:100%; height:245px; overflow:hidden; margin:auto; background-position:center center; background-size:cover;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover;}
.caseList .lin .spanT{height:40px; line-height:40px; width:100%;text-align: center;position: absolute;left: 0;bottom: 0;background: rgba(0, 0, 0, 0.75);}
.caseList .lin .spanT a{color:#fff;font-size:15px;}
.caseList .lin:hover .spanT{ background: #427bd2;}
.caseList .box{ position:relative; z-index:10; width: 9999px;}
.caseList .box ul{ width:3660px; }
.caseList .box ul li{margin:auto 15px 0 0; width:9%;position: relative;}
.caseList .box ul li a.imga{ }
.caseList .lin a.imga:hover .spanT{}
.avatara{display: block;height: 245px;overflow: hidden;width: 100%;position: relative;margin: 0 auto;}
.caseList .lin .avatara .spanImg {height: 245px;}
.avatara:hover .spanImg, .zhuti .avatara:hover .spanImg, .bbsinner .avatara:hover .spanImg {transform: scale(1.3);transition: all 1s ease 0s;-webkit-transform: scale(1.3);-webkit-transform: all 1s ease 0s;}
/*广告*/
.adbox {width: 100%;height: 318px;background: url(../images/heng.jpg) center center no-repeat;}
/*新闻中心*/
.newbj{width: 100%; height: 630px;background:#f0f0f0 url(../images/xwbj.jpg) center no-repeat;padding-top: 20px;}
.xw-l{width: 540px;margin-top: 10px;}
.on_ly{width: 535px;height: 192px;background: url(../images/onlinebj.jpg) center no-repeat;}
.on_ly ul{width: 500px;margin:0 auto;padding-top: 80px;}
.on_ly ul li{float: left;margin-top: 15px;}
.on_ly ul .in_flt{width: 120px;height: 30px;background: #fff;border:none; color: #afafaf !important;font-size: 16px;padding-left: 10px;margin-right: 10px;}
.on_ly ul li .FaqTitlesy{width: 120px;height: 30px;background: #fff;border:none; color: #afafaf !important;font-size: 16px;padding-left: 10px;margin-right: 10px;float: left;}
.on_ly ul li #VCode{width: 110px;}
.on_ly ul .in_flta{width: 320px;height: 30px;background: #fff;border:none; color: #afafaf !important;font-size: 16px;padding-left: 10px;margin-right: 15px;}
.on_ly ul .nanniu_bj{width: 160px;height: 30px;background: #ff9c00;border:none;color: #fff;font-size: 15px;}
.on_ly ul .nanniu_bj:hover{background: #ff7200;}
.xwgg{width: 475px;height: 113px;background: #427bd2;margin-top: 25px;color: #fff;padding: 40px 30px;}
.xwgg span{font-size: 25px;display: block;margin-bottom: 10px;}
.xwgg p{font-size: 12px;text-transform: uppercase;line-height: 25px;}

.xw-r{width: 640px;height: 410px;background: #fff;margin-top: 10px;border:1px #e1e1e1 solid;}
.xwlb{}
.xwlb ul li{height: 135px;}
.shijian {width:85px;height:85px;text-align:center; float:left; display:block;overflow:hidden;margin-top: 25px;margin-left: 25px;}
.shijian span.sone {font-size:16px;line-height:40px;color:#427bd2;display:block;}
.shijian span.stwo {font-size:30px; color:#427bd2; display:block; line-height:30px;font-weight: bold;padding-top: 5px;}
.xwlb ul li:hover .shijian span.sone{color: #ff9c00;}
.xwlb ul li:hover .shijian span.stwo{color: #ff9c00;}
.anei {width:490px;float:right; display:block;margin-right: 20px;margin-top: 20px;}
.anei h3 a{color:#333; font-size:16px;line-height: 35px;font-weight: bold;}
.xwlb ul li:hover .anei h3 a {color:#ff9c00; padding-left:15px;font-weight: bold;}
.anei p{ color:#7a7a7a; font-size:14px; line-height:23px;}
.anei p b a{ color:#e80101;}

/*底部*/
.foot{width: 100%;height: 320px;background:url(../images/footbj.jpg) center no-repeat; margin-top: -23px;}
.dblogo{width: 310px;height: 280px; margin-top: 35px;background: url(../images/xian.jpg) right center no-repeat;}
.dblogo ul li{float: left;width: 115px;margin-right: 20px;text-align: center;}
.dblogo ul li span{color: #fff;font-size: 14px;line-height: 30px;}
.dbtel{width: 380px;height: 280px;margin-top: 35px;background: url(../images/xian.jpg) right center no-repeat;margin-left: 20px;}
.dbtel span{color: #fff;font-size: 33px;font-family: "Impact";display: block;margin-top: 40px;margin-bottom: 10px;}
.dbtel p{display: block;color: #fff;font-size: 16px;background: url(../images/dbtb.jpg) left 5px no-repeat;height: 140px;padding-left: 55px;line-height: 49px;}
.map{width: 410px;height: 210px;b ackground: #f00;margin-top: 36px;}
.footer{height: 55px;line-height: 55px;text-align: center;width: 100%;background: #427bd2;font-size: 15px;color: #fff;}
.footer a{color: #fff;}