html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0; padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details,summary,picture{display:block;}
html,body{
	font-family: "微软雅黑";
	overflow-x: hidden;
	box-sizing:border-box;
	min-width: 320px;
	color:#1e1e1e;

        
}
.bottom11{ background-color:#232f38; color:#FFFFFF; line-height:50px; text-align:center; padding-top:30px; padding-bottom:20px;}
.bottom11 img{ display:block; width:76px; margin-left:auto; margin-right:auto;}
.pc{ display: block}
.sj{ display: none}
@font-face {
  font-family: 'FuturaLTLight';
 
  src: url('../font/FuturaLTLight.otf'),
      url('../font/FuturaLTLight.ttf');
 
}
@font-face {
  font-family: 'Microsoft JhengHei';
 
  src: url('../font/Microsoft JhengHei.ttc'),
      url('../font/Microsoft JhengHei.ttc');
 
}
ul,li{list-style:none;
}

a{text-decoration:none;
       outline: none;
}
span{ outline: none;}
img{border:none;
   max-width: 100%;
}
em{font-style: normal;}
textarea,input,button,select{outline:none;}

h1,h2,h3,h4,h5,h6{font-weight: normal;}


img{vertical-align: middle;
    border:none; 
    
}
a{color:#1e1e1e;}
table{border-collapse: collapse;}

.clearfix:after{content:"";
                clear:both;
                height:0;
                display:block;
}

.slick-slide{outline:none;}
.content{
       max-width:1300px;
       margin:auto;
}
.news-content{width:92%;
       max-width:1000px;
       margin:auto;

}
.wp{background: #fff;
    padding: 60px 0;

}
.wp1{background: #f8f8f8;
    padding: 60px 0;

}
/*视频弹窗*/
.popup{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: 99999;
    display: none;
}
.popup .bg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    z-index: 101;
   
}
.videopop {
    width: 56%;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    box-sizing: border-box;
    z-index: 102;
}
.videopop .video video{width: 100%;

}
.videopop .close{position: absolute;
                  left: 50%;
                  bottom: -60px;
                  cursor: pointer;
                  -webkit-transform: translateX(-50%);
                  transform: translateX(-50%);


}

/*移动端导航*/
.motop{width:100%;
     height:70px;
     position: fixed;
     padding:0 4%;
     z-index:20;
     display: none;
     background: #fff;
     box-sizing: border-box;
     box-shadow: 0 0 10px rgba(0,0,0,0.1);
     -webkit-transition: all .53s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}
/*.motop.on{background: rgba(255,255,255,0.9);}*/
.mologo{margin:0 auto;
      float:left;
}
.mologo a{line-height: 70px;
}
.mologo a span{font-size: 12px;
               margin-left: 6px;
}
.mologo img{width:200px;
          vertical-align: middle;
}
.monav{
      margin-top:23px;
      cursor:pointer;
      position: absolute;
      right:4%;
      width:30px;
      height:22px;
}
.monav span{width:24px;
          height:2px;
          display: block;
          background: #333;
          position: absolute;
          transition:all .5s;
}
.monav .s1{top:5px;}
.monav .s2{top:11px;}
.monav .s3{top:17px;}
.monav .s1.on{transform:rotate(45deg);
         top:10px;
         background: #0344a8;
}
.monav .s2.on{opacity: 0;}
.monav .s3.on{transform:rotate(-45deg);
         top:10px;
         background: #0344a8;
}

/*下拉*/
.navdown{width:100%;
       background: #fff;
       position: fixed;
       top:70px;
       z-index: 99;
       display: none;
       border-top:1px solid #eee;
       padding-bottom: 20px;
}

.navdown>ul>li{line-height: 46px;
             font-size:16px;
             color:#333;
             position: relative;
             /*cursor:pointer;*/
             width:92%;
             margin:0 auto;
             border-bottom:1px solid #e6e6e6;
             
}
.navdown>ul>li a{font-size:14px;
                 display: inline-block;
                 width: 100%;
                 height: 100%
}

.navdown .ul2{display: none;}
.navdown .ul2 li{line-height: 46px;
                   border-top:1px dashed #e6e6e6;
                   position: relative;
                  
}

.navdown .ul2 li a{margin-left: 5%;
                      font-size:12px;
                      color:#666;
                      width:100%;
                      height:100%;
                      display: block;

}
.navdown .ul2 li a i{position: absolute;
                        right:4%;


}
.navdown>ul>li>a>i{
    position: absolute;
    right: 0;
    top:12px;
    -webkit-transition: all .3s;
     -moz-transition: all .3s;
     -ms-transition: all .3s;
     transition: all .3s;
     width: 24px;
     height: 24px;
     background: url(../images/nav_arr01.png) no-repeat;

}
.navdown>ul>li>a>i.on{-webkit-transform: rotate(-90deg);
                           -moz-transform: rotate(-90deg);
                           -ms-transform: rotate(-90deg);
                            transform: rotate(-90deg);
                            background: url(../images/nav_arr02.png) no-repeat;
}

.navdown .language{margin-left: 4%;line-height: 60px;}
/*移动端导航结束*/
/*移动端底部*/
.photo-footer{width:100%;
             color:#ccc;
             display: none;
             margin-top: 20px;

}
.photo-footer>ul>li{line-height: 50px;

                    border-bottom:1px solid #e5e5e5;
                   
}

.photo-footer>ul>li>a{font-size:14px;
                     text-indent: 4%;
                     width:100%;
                     height:100%;
                     display: block;
                     position: relative;
                    
}

.photo-footer>ul>li>a>i{position: absolute;
                        right:4%;
                        -webkit-transition: all .3s;
                        -moz-transition: all .3s;
                        -ms-transition: all .3s;
                        transition: all .3s;
                        width: 24px;
                        top: 12px;
    height: 24px;
    background: url(../images/nav_arr01.png) no-repeat;
}
.photo-footer>ul>li>a>i.on{-webkit-transform: rotate(-90deg);
                           -moz-transform: rotate(-90deg);
                           -ms-transform: rotate(-90deg);
                            transform: rotate(-90deg);
                                background: url(../images/nav_arr02.png) no-repeat;
}
.photo-footer .ul2{display: none;}
.photo-footer .ul2 li{line-height: 44px;
                   position: relative;
                   background: rgba(255,255,255,0.5);
}

.photo-footer .ul2 li a{
                      font-size:12px;
                      color:#666;
                      padding-left: 6%;
                      height: 100%;
                      display: block;
                      margin: auto;
                          border-top: 1px dashed #e6e6e6;

}
.photo-footer .ul2 li:last-child a{border-bottom:none;}
.photo-footer .ul2 li a i{position: absolute;
                         right:4%;

}
.mo-qr{padding:26px 0;
       background: #444;
       padding-left:4%;
       
}
.mo-qr img{float:left;
}
.mo-qr p{font-size: 14px;
         margin-left:10px;
         float:left;
         color:#7c7c7c;
}
/*移动端底部end*/
/*pc底部*/
.footer{overflow: hidden;
background-color:#262f38
}
.footer .content{
	background-repeat: no-repeat;
	background-position: left 80px;
	padding-top: 60px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
}
.footer-t .left{
	width:16%;
	float: left;
	padding-right:5%;
	margin-right:3%;
	color:#FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
.footer-t .left span{
width:70%;
float:right;
line-height:25px;
}

.footer-t .left1{width:22%;float: left; margin-right:3%; color:#FFFFFF;padding-right:3%;border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;}
.footer-t .left1 span{
width:75%;
float:right;
line-height:25px;
}

.footer-nav{width: 35%;
            float: left;
}

.footer-nav a{
color:#FFFFFF;
}

.footer-nav li{float: left; color:#FFFFFF; width:25%;
text-align:center;
line-height:30px;}

 .wei{ width:86px; float:right}
 .wei img{ float:right}
 .wei span{ line-height:30px; font-size:14px; color:#FFFFFF; display:block}

.footer-b{
	width:1300px;
	margin-left:auto;
	margin-right:auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	line-height:60px;
	color:#FFFFFF;
}
.footer-b p{font-size: 14px; float:left; width:600px;}
.footer-b span{ float:right; width:150px;}
.footer-b p a{color: #fff;}
/*pc底部end*/
/*pc头部*/

.hd{width: 100%;
    height: 100px;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    box-sizing: border-box;
    transition: all .7s;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;

}


.logo{float: left; }
.logo a{line-height: 100px;
        transition: all .7s;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
}
.logo a img{transition: all .7s;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;

}
.nav{float: right;
     position: relative;
     
}
.nav ul{display: inline-block;
       position: relative;
	   padding-right:30px;

}
.nav ul li{float: left;          
           margin-right:30px;
           position: relative;           
          transition: all .5s;
}



.nav>ul>li>a{font-size: 16px;
             line-height: 100px;
             display: inline-block;
             box-sizing: border-box;
             border-bottom: 0 solid #0eab4a;
              transition: all .7s;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;


}
.nav ul li:after {
    content: "";
    display: block;
    width: 0px;
    height: 3px;
    background: #0000ff;
    position: absolute;
    left: 45%;
    bottom: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.nav ul li:hover:after{
  width: 100%;
  left:0%;

}
.nav ul li.on:after {
    width: 100%;
    left: 0;
}
.nav ul li .con{position: absolute;
                top: 103%;
                width: 110px;
                height: 180px;
                background: #fff;
                display: none;
                z-index: 999;

}
.nav ul li .con .pic{float: left;
                     width: 150px;
                     height: 100%;
}
.nav ul li .con .pic img{width: 100%;}
.nav ul li .con .text{	float: left;
	width: 100px;
	height: 100%;
	box-sizing: border-box;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0px;
}
.nav ul li .con .text a{display: block;
                        font-size: 14px;
                        line-height: 30px;
                        padding-left: 20px;
                        box-sizing: border-box;
                        position: relative;
}
.nav ul li .con .text a:before{content:"";
                               position: absolute;
                               width: 2px;
                               height: 15px;
                               background: #0000ff;
                               left: 0;
                               top: 6px;
                               opacity: 0;

}
.nav ul li .con .text a:hover{color:#0000ff;}
.nav ul li .con .text a:hover:before{opacity: 1;}


.language{display: inline-block; 
          vertical-align: top;
          line-height: 100px;
          overflow: hidden;
          transition: all .7s;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
}
.language a{font-size: 14px;
           
            position: relative;

}
.language a.on{color: #0344a8;}
.language a:hover{color: #0344a8;}

.language a.ch{
	border: 1px solid #0344a8;
	line-height:40px;
	border-radius: 25px;
	padding-left:30px;
	padding-right:20px;
	background-image: url(../images/f1.png);
	background-repeat: no-repeat;
	background-position: 8px;
}
.language a.en{
	border: 1px solid #0344a8;
	line-height:40px;
	border-radius: 25px;
	padding-left:30px;
	padding-right:20px;
	background-color:#0344a8;
	color:#FFFFFF;
	background-image: url(../images/f2.png);
	background-repeat: no-repeat;
	background-position: 8px;
}



.hd.on{height: 76px;}
.hd.on .logo a{line-height: 76px;}
.hd.on .nav>ul>li>a{line-height: 76px;}
.hd.on .language {line-height: 76px;}
.hd.on .logo a img{transform: scale(.8);}
/*pc头部end*/

/*banner*/
.banner{width: 100%;
        margin-top: 100px;
}
.banner .swiper-slide img{width: 100%;}
.banner .img{height: 100%;}
.banner .mo-img{height: 100%;display: none;}
#banner-pagination {
    width: auto;
   left: 50%;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   -moz-transform: translateX(-50%);
   transform: translateX(-50%);
    text-align: center;
    bottom: 20px;
	border-radius:0px;
   
}
#banner-pagination .swiper-pagination-bullet {
    width: 30px;
    height: 8px;
    margin-top: 10px;
    background: #fff;
    opacity: 1;
    transition: all .5s;
	border-radius:0px;
}
#banner-pagination .swiper-pagination-bullet-active {
   opacity: 1;
   width: 35px;
   border-radius:0px;
   background-color:#ff0000;
    
}



.form-h1{
         width: 70%;
         margin:auto;
         margin-top: 40px;
         
}
.form-h1.on{height: auto;}
.form-h1 .btn{float:left;
            width:60px;
            height:60px;
            border:none;
}

.form-h1 .g-select{float:left;
                    width: 20%;
}
.form-h1 .g-select1{width: 22%;
                    padding-top: 8px;
}
.form-h1 .g-select1 img{vertical-align: top;}
.form-h1 .g-select1 span{font-size: 18px;
                         color: #0344a8;
                         font-weight: bold;
                          padding-top: 8px;
                        display: inline-block;
                        position: relative;

}
.form-h1 .g-select1 span:after{content:"";
                               position: absolute;
                               width: 1px;
                               height: 25px;
                               background: #0344a8;
                              right: -20px;

}
.form-h1 .g-select2{width: 61%;
}
.form-h1 .g-select2 input{width: 52%;
                          
}
.form-h1 .g-select2 .inptext1{width: 36%;}
.form-h1 .g-select2 .inpdiv{display: inline-block;
                            position: relative;
                            margin-right: 2%;
                            width: 22%;
}
.form-h1 .g-select2 .inpdiv input{width: 100%;}
.form-h1 .g-select2 .inp{width: 24%;}
.g-select{position:relative;
          
}
.form-h1 .g-select2 em{display: inline-block;
                       width: 8px;
                       height: 1px;
                       background: #0344a8;
                       margin: 0 3%;
}
.form-h1 .g-select3{width: 17%;
                   padding-left: 2%;
                   box-sizing: border-box;
}
.form-h1 .g-select3 button{width: 100%;
                           height: 40px;
                           border:none;
                           background: #0344a8;
                           color: #fff;
                           cursor: pointer;
                           border-radius: 3px;
}
.form-h1 .g-select3 img{margin-right: 10px;}
.form-h1 .g-select3 button:hover{opacity: .9;}
.g-select .inp{width:100%;
  
  border:none;
  background:url(../images/inp_icon.png) 95% 50% no-repeat ;
  padding:0 20px;
  cursor:pointer;
  box-sizing:border-box;
  border-bottom: 1px solid #eee;
}



.g-select .list{display:none;
  position:absolute;
  top:100%;left:0;width:100%;
  background-color:#f9f9f9;
  max-height: 206px;
  overflow-y: auto;
  z-index: 2;
}
.g-select .list li{padding:0 20px;
                    line-height:34px;
                    cursor:pointer;
                    font-size:12px
}
.g-select .list li:hover{background-color:#f9f9f9}
.g-select .list::-webkit-scrollbar {/*滚动条整体样式*/
        width: 3px;     /*高宽分别对应横竖滚动条的尺寸*/
        
    }
.g-select .list::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 10px;
         
        background: #0344a8;
    }
.g-select .list::-webkit-scrollbar-track {/*滚动条里面轨道*/
        background: none;
    }

.g-select input{background: none;
                border:none;
                border-bottom: 1px solid #ddd;
                width: 100%;
                height: 48px;
                padding:0 20px;
                box-sizing: border-box;
                font-family: 'Microsoft JhengHei';
                font-size: 14px;


}

/*安全管理*/
.index-management{margin-top: 40px;
               

}
.index-title{text-align: center;
            padding: 60px 0 40px 0;
}
.index-title h1{font-size: 37px;
                padding: 2px 5px;
                display: inline-block;
            

}
.index-title h2{font-size: 14px;
                color: #fff;
                margin-top: 10px;
                font-weight: lighter;
                position: relative;
}

.index-title h2:after{content:"";
                       display: block;
                       width: 15px;
                       height: 3px;
                       background:#fff;
                       margin: auto;
                       margin-top: 10px;

}
.index-title h2.on{color: #1e1e1e;}
.index-title h2.on:after{background:#1e1e1e;;}




.index-titlee{text-align: center;
            padding:0px 0 0px 0;
}
.index-titlee h1{font-size: 37px;
                padding: 2px 5px;
                display: inline-block;
            

}
.index-titlee h2{font-size: 14px;
                color: #fff;
                margin-top: 10px;
                font-weight: lighter;
                position: relative;
}

.index-titlee h2:after{content:"";
                       display: block;
                       width: 15px;
                       height: 3px;
                       background:#fff;
                       margin: auto;
                       margin-top: 10px;

}
.index-titlee h2.on{color: #1e1e1e;}
.index-titlee h2.on:after{background:#1e1e1e;;}


.index-management .pic{margin-top: 40px;}
/*.index-management .pic ul{margin-left: -2%;}*/
.index-management .pic .box{width: 48%;
                             padding-top: 26.6%;
                             float: left;
                             position: relative;
                             margin-left: 2%;
                             overflow: hidden;

}
.index-management .slick-dots{display: none;}
.index-management .pic .box img{width: 100%;
                                 height: 100%;
                                 position: absolute;
                                 top: 0;
                                -webkit-transition: all 1.7s;
                                -moz-transition: all 1.7s;
                                -ms-transition: all 1.7s;
                                transition: all 1.7s;

}
.index-management .pic .box:hover img{transform: scale(1.1);}
.index-management .text {width: 80%;
                          margin: 40px auto;
                          text-align: center;
}
.index-management .text p{font-size: 14px;
                         color: #333;
                         margin-bottom: 30px;
                         line-height: 24px;
}
.index-management .text a{font-size: 12px;
                           color: #0344a8;
}
.index-management .text a img{margin-left: 14px;
                              -webkit-transition: all .5s;
                                -moz-transition: all .5s;
                                -ms-transition: all .5s;
                                transition: all .5s;
}
.index-management .text a:hover img{margin-left: 20px;}
.index-management .iconmain{overflow: hidden;
                            padding-bottom: 80px;

}
.index-management .iconmain ul li{width: 20%;
                                 float: left;
                                 text-align: center;
                                 position: relative;
                                 
}
.index-management .iconmain ul li img{display: block;

                                      margin:auto;
                                      margin-top: 33px;


}
.index-management .iconmain .img2{display: none;}
.index-management .iconmain p{font-size: 16px;
                              margin-top: 10px;
}
.index-management .iconmain .bg{width: 190px;
                              height: 190px;
                              background: rgba(163,212,255,.5);
                              border-radius: 50%;
                              position: absolute;
                              z-index: -1;
                              top:0;
                              left: 10%;
                              opacity: 0;
                              transition: all .7s;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;

}
.index-management .iconmain .bg:before{content:"";
                                       position: absolute;
                                       width: 80%;
                                       height: 80%;
                                       background:#a3d4ff;
                                       top: 50%;
                                       left: 50%;
                                       transform: translate(-50%,-50%);
                                       border-radius: 50%;


}
.index-management .iconmain ul li:hover .bg{opacity: 1;}
.index-management .iconmain ul li:hover .img1{display: none;}
.index-management .iconmain ul li:hover .img2{display: block;}
.index-management .iconmain ul li:hover p{color: #fff;}


/*视频*/
.index-video{padding: 60px 0;
             height: 600px;
             background:url(../images/video_bg.jpg) center;
             box-sizing: border-box;
             background-size:cover;
             text-align: center;

}
.index-video .text{margin-top: 16%;
                    color: #fff;
}
.index-video .text h1{font-size: 36px;
                      font-weight: bold;
                      color: #fff;
}
.index-video .text p{font-size: 16px;
                      margin: 20px 0;
}
.index-video .text p em{font-size: 12px;
                        transform: scale(0.4);
                        display: inline-block;
}
.index-video .text img{cursor: pointer;
                       
}
.videoop{position: relative;

}
.videoop .i1{    transition: all .7s;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;

}
.videoop .i2{position: absolute;
                           top: 40%;
                           left: 49%;
}
.videoop:hover .i1{-webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg); 
  }
/*新闻*/
.index-nwes{background:#f9f9f9;
           padding-bottom: 0px;
		   margin-bottom:50px;
}
.index-nwes .newsmain{margin-left: -2%;}
.index-nwes .slick-dots{display: none;}
.index-nwes .box {
    margin-left: 2%;
    width: 31%;
    float: left;
}
.index-nwes .box .pic {
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    box-sizing: border-box;
 
}
.index-nwes .box .pic a {
    position: relative;
    padding-top: 56.4%;
    display: block;
}
.index-nwes .box .pic img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.index-nwes .text{box-sizing: border-box;
                  padding: 0 30px;

}
.index-nwes .text span{
	margin-top: 30px;
	font-size: 14px;
	color: #999999;
	display: block;

	font-family: 'FuturaLTLight';


}
.index-nwes .text h1 {
    font-size: 18px;
    margin: 16px 0;
    line-height: 26px;
    font-weight: bold;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
}
.index-nwes .text p {
    font-size: 14px;
    line-height: 22px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    max-height: 42px;
    overflow: hidden;
}
.index-nwes .box:hover h1{color: #0344a8;}

.more{display: block;
      margin: 40px auto;
      width: 160px;
      height: 45px;
      cursor: pointer;
      background:none;
      text-align: center;
      line-height: 45px;
      color: #0344a8;
      border-radius: 50px;
      font-size: 14px;
      border:1px solid #0344a8;
      box-sizing: border-box;
          transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
}
.more:hover{color: #fff;background: #0344a8;}

/*客户*/
.index-ourwp{padding-bottom: 190px;
            background: url(../images/our_bg.jpg) no-repeat center bottom;
            background-size: cover;
}
.index-our p{height: 140px;
            padding-top: 10px;
            box-sizing: border-box;
}
.slick-dots {
    text-align: center;
}


.index-our p img{    
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;

}
.index-our .box p:hover img{transform: scale(1.1);}


/*加入*/
.index-join{
	height: 450px;
	background-image: url(../images/1_08.jpg);
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom:80px;

}

.index-join{
	height: 450px;
	background-image: url(../images/1_08.jpg);
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom:80px;

}

.index-join .content{position: relative;
}
.index-join p{
              color: #fff;
              padding-top: 8%;
}
.index-join img{
float:right;
padding-top:65px;

}
.index-join span{
float:left; font-size:30px;
line-height:60px;
}
.index-join span strong{
display:block;
font-size:43px; line-height:50px; font-weight:400;
padding-bottom:10px;
}
.index-join span img{
padding-left:15px;
padding-top:22px;

}

.index-join span u{
	display:block;
	text-decoration: none;
	font-size:18px;
	padding-top:20px;
}

.index-join .more{position: absolute;
                 right: 0;
                 top: 40%;

}
/*首页结束*/

/*关于我们*/
.inner-ban{height: 670px;

           color: #fff;
           margin-top: 100px;
           
}

.inner-ban h1{padding-top: 254px;
               font-size: 48px;
               font-weight: lighter;
			   color:#4a5261;
			   font-weight:bold;
			   width:960px;
			   margin-left:auto;
			   margin-right:auto;
		
	
    
}

.inner-ban .zt{padding-top: 254px;
               font-size: 24px;
               font-weight: lighter;
			   color:#ffffff;
			   text-align:center;
		
	
    
}
.inner-ban .zt strong{
               font-size: 48px;
			   font-weight:bold;
			   display:block;
			   padding-bottom:30px;
		
	
    
}

.inner-ban .zt1{padding-top: 254px;
               font-size: 24px;
               font-weight: lighter;
			   color:#ffffff;
			    width:960px;
			   margin-left:auto;
			   margin-right:auto;
		
	
    
}
.inner-ban .zt1 strong{
               font-size: 48px;
			   font-weight:bold;
			   display:block;
			   padding-bottom:60px;
			   color:#0345a6;
		
	
    
}
.inner-ban .zt1 a{
	width:150px;
	height:50px;
	line-height:50px;
	border: 1px solid #0345a6;	
	border-radius:25px;
	display:block;
	float:left; margin-right:30px;
	text-align:center;
}
.inner-ban .zt1 a:hover{
background-color:#0345a6;
color:#FFFFFF
}


.columnnav{padding: 24px 0;
           background: #fff;

}
.columnnav .left{ margin-left:auto; margin-right:auto;
                 
}
.columnnav .left ul li{
	float: left;
	margin-right: 15px;
	margin-left:15px;
	width:150px;
	height:48px;
	border: 1px solid #c2c2c2;
	border-radius:25px;
	text-align:center;
	line-height:48px;
}
.columnnav .left ul li a{font-size: 18px;
display:block;

}
.columnnav .left ul li a:hover{color: #fff; background-color:#0344a8; display:block;border-radius:25px;}
.columnnav .left ul li a.on{color: #fff; background-color:#0344a8; display:block;border-radius:25px;}
.columnnav .right{float: right;
}
.columnnav .right a{font-size: 12px;
                    display: inline-block;
                    margin-left: 16px;
                    position: relative;

}
.columnnav .right a:after{content:"";
                          position: absolute;
                          width: 1px;
                          height: 13px;
                          background: #a2a6a9;
                          top: 4px;
                          right: -9px;
}
.columnnav .right a:hover{color: #0000ff;}
.columnnav .right a.on{color: #0000ff;}
.columnnav .right a:last-child:after{display: none;}



.about-introduce1{background: #f9f9f9;
                   padding: 60px 0;
}
.about-introduce1 .pic{width: 63%;
                       float: left;
                       position: relative;
}
.about-introduce1 .pic .videoop{position: absolute;
                                top: 50%;
                                left: 50%;
                                -webkit-transform: translate(-50%,-50%);
                                -ms-transform: translate(-50%,-50%);
                                transform: translate(-50%,-50%);
                                cursor: pointer;

}
.about-introduce1 .pic .videoop .i2 {
   
    left: 43%;
}
.about-introduce1 .text{width: 33%;
                       float: right;
                       padding-top: 40px;
}
.about-introduce1 .text h1{font-size: 24px;
                           font-weight: bold;
                           margin-bottom: 20px;
}
.about-introduce1 .text p{font-size: 14px;
                           color: #333;
                           line-height: 26px;
}
.about-introduce2 .box{background: #0344a8;
                        color: #f9f9f9;
}
.about-introduce2 .box .left{width: 50%;
                        float: right;

}
.about-introduce2 .box .right{width: 50%;
                         float: right;
}
.about-introduce2 .box2 .left{float: left;

}
.about-introduce2 .box2 .right{float: right;

}
.about-introduce2 .box .pic{height: 535px;
                            overflow: hidden;
}
.about-introduce2 .box .pic img{height: 100%;
                                max-width: inherit;
}
.about-introduce2 .box .text{width: 72%;
                            box-sizing: border-box;
                            padding: 30px;
                            padding-top: 100px;



}
.about-introduce2 .box .text2{float: right;}
.about-introduce2 .text p{font-size: 14px;
                          line-height: 26px;
}
.about-introduce2 .text ul li{float: left;
                              margin-top: 30px;
                              
                              text-align: center;
                              width: 25%;
}
.about-introduce2 .text ul li h1{font-size: 20px;
                                 margin-top: 14px;
}
.about-introduce2 .text ul li h1 em{font-size: 12px;
                                     margin-left: 4px;
}
.about-introduce2 .text ul li h4{font-size: 14px;}

.about-introduce3{height: 500px;
                  background: url(../images/ab_bg01.jpg) no-repeat center;
                  background-size: cover;
                  color: #fff;
                  text-align: center;

}
.about-introduce3 .text{width: 43%;
                        margin:auto;
                        padding-top:10%;
}
.about-introduce3 .text p{font-size: 14px;
                         line-height: 30px;
}
.about-visionmain .slick-dots{display: none;}
.about-visionmain .box{text-align: center;
                       box-sizing: border-box;
                       padding: 0 10px;
                       color: #333;
}
.about-visionmain .box img{width: 100%;
}
.about-visionmain .box .text{box-sizing: border-box;
                             padding: 30px;

}
.about-visionmain .box h1{font-size: 20px;
                          font-weight: bold;
                         

}
.about-visionmain .box p{font-size: 14px;
                         line-height: 30px;
                         margin-top: 10px;
}

.about-team{padding-bottom: 60px;
             background: url(../images/ab_bg02.jpg) no-repeat center;
             background-size: cover;

}
.teamTab{text-align: center;}
.teamTab ul li{text-transform : uppercase;
              display: inline-block;
              font-size: 18px;
              width: 200px;
              height: 45px;
              text-align: center;
              line-height: 45px;
              border: 1px solid #0344a8;
              border-radius: 50px;
              cursor: pointer;
              margin: 0 15px;
              box-sizing: border-box;


}
.teamTab ul li.on{background: #0344a8;
                  color: #fff;
}
.teambox{margin-top: 40px;
        margin-left: -50px;
        display: none;
        padding-bottom: 50px;
        
}
.teambox1{display: block;}


/*关于我们end*/

/*it系统*/
.it-con{position: relative;}
.it-system{padding-bottom: 60px;
           margin: 0 40px;


}
.it-system .swiper-pagination-bullet{background: #0344a8;
                         opacity: 1;
                         width: 6px;
                         height: 6px;
                         border:1px solid #0344a8; 
                         
}
.it-system>.swiper-pagination-bullets{bottom: 0;}
.it-system .swiper-pagination-bullet-active{background: none;}
.it-system .box{position: relative;
margin-left:24px;
margin-right:24px;
margin-top:20px;
                 overflow: hidden;
                 border-radius: 0px;
				 text-align:center;
				 line-height:35px;
				 padding-bottom:10px;
				 padding-top:0px;
				 background-color:#FFFFFF;
				 
           
		}

.it-system .box .t1{
	background-image: url(../jj/erp.jpg);
	background-repeat: no-repeat;
	height: 396px;
	background-position: center top;
}
.it-system .box .t1:hover{
	background-image: url(../jj/erp1.jpg);
	background-repeat: no-repeat;
	height: 396px;
	background-position: center top;
}

.it-system .box .t2{
	background-image: url(../jj/物联集成方案.jpg);
	background-repeat: no-repeat;
	height: 396px;
	background-position: center top;
}
.it-system .box .t2:hover{
	background-image: url(../jj/物联集成方案1.jpg);
	background-repeat: no-repeat;
	height: 396px;
	background-position: center top;
}

.it-system .box .t3{
	background-image: url(../jj/wrp.jpg);
	background-repeat: no-repeat;
	height: 396px;
	background-position: center top;
}
.it-system .box .t3:hover{
	background-image: url(../jj/wrp1.jpg);
	background-repeat: no-repeat;
	height: 396px;
	background-position: center top;
}

.it-system .box .t4{
	background-image: url(../jj/报价系统.jpg);
	background-repeat: no-repeat;
	height: 396px;
	background-position: center top;
}
.it-system .box .t4:hover{
	background-image: url(../jj/报价系统1.jpg);
	background-repeat: no-repeat;
	height: 396px;
	background-position: center top;
}

.it-system .box .t5{
	background-image: url(../jj/电子文控.jpg);
	background-repeat: no-repeat;
	height: 396px;
	background-position: center top;
}
.it-system .box .t5:hover{
	background-image: url(../jj/电子文控1.jpg);
	background-repeat: no-repeat;
	height: 396px;
	background-position: center top;
}

.it-system .box .t6{
	background-image: url(../jj/七星车间.jpg);
	background-repeat: no-repeat;
	height: 396px;
	background-position: center top;
}
.it-system .box .t6:hover{
	background-image: url(../jj/七星车间1.jpg);
	background-repeat: no-repeat;
	height: 396px;
	background-position: center top;
}





.it-system .box:hover{box-shadow: 0 0 30px rgba(0,0,0,0.1)}
.it-con .swiper-button-next, .it-con .swiper-button-prev{width: 50px;height: 50px;}
.it-con .swiper-button-prev{left: 0;background: url(../xwqh/arr03.png) no-repeat;background-size: 100%;}
.it-con .swiper-button-next{right: 0;background: url(../xwqh/arr04.png) no-repeat;background-size: 100%;}

/*it系统end*/

/*安全管理*/
.service-security .tit{padding: 0 30px;}
.service-security .tit p{font-size: 14px;
                           color: #333;
}
.service-security ul li{padding: 40px;
                        border-top: 1px solid #d2d2d2;

}
.service-security ul li:nth-child(1){border:none;}
.service-security ul li .icon{width: 16%;
                              float: left;
}
.service-security ul li .text{width: 84%;
                              float: left;

}
.service-security ul li .text h4{font-size: 18px;
                                 color: #0000ff;
                                 font-weight: bold;

}
.service-security ul li .text p{font-size: 14px;
                             color: #333;
                             margin-top: 16px;
                             line-height: 24px;
}
/*安全管理end*/

/*货物操作流程*/
.pr-wp{padding: 60px 0 10px 0;
       background: #f9f9f9;
}
.processTab{text-align: center;

}
.processTab ul li{display: inline-block;
                  width: 200px;
                  height: 45px;
                  border: 1px solid #0344a8;
                  color: #0344a8;
                  text-align: center;
                  line-height: 45px;
                  border-radius: 50px;
                  font-size: 14px;
                  cursor: pointer;
                  margin: 0 10px;
}
.processTab ul li:hover{background: #0344a8;color: #fff;}
.processTab ul li.on{background: #0344a8;color: #fff;}
.prTab{text-align: center;
       margin-top: 40px;
}
.prTab ul li{
	display: inline-block;
	cursor: pointer;
	text-align: center;
	width: 14%;
	padding: 14px 0;
	border-radius:25px;
	position: relative;
	color: #0344a8;
	border: 1px solid #CCCCCC;
}
.prTab ul li:after{content:"";
                   position: absolute;
                   background: #fff;
                   width: 7px;
                   height: 7px;
                   bottom:-4px;
                   transform: rotate(45deg);
                   opacity: 0;

}
.prTab ul li p{font-size: 14px;
               font-weight: bold;

}
.prTab ul li i{display: inline-block;
               width: 47px;
               height: 46px;
               background-size: 100%;

}
.prTab ul li .i2{display: none;}
.prTab ul li.on .i1{display: none;}
.prTab ul li.on .i2{display: inline-block;}
.prTab ul li.on{color: #fff;background: #0344a8;}
.prTab ul li.on:after{opacity: 1;}
.processMain{height: 0;overflow: hidden;}
.processMain.on{height: auto;}
.processBox{padding: 60px 0 80px 0;
            background: url(../images/pr_bg.jpg) no-repeat center bottom;
            background-size: cover;

}
.processBox .box{height: 0;overflow: hidden;}

.processBox .box.on{height: auto;}
.processBox .left{width: 50%;
                  float: left;

}
.processBox .left .text{position: absolute;
                        left: 0;
                        bottom: 0;
                        background: rgba(17,59,227,0.8);
                        width: 100%;
                        padding: 12px;
                        color: #fff;
                        font-size: 16px;
}
.processBox .left .text img{margin-right: 10px;}
.processBox .swiper-container-horizontal>.swiper-pagination-bullets{text-align: right;left: auto;right: 12px;}
.processBox .swiper-pagination-bullet{background: #fff;
    opacity: 1;
    width: 6px;
    height: 6px;
    border: 1px solid #fff;

}
.processBox  .swiper-pagination-bullet-active{background: none;}
.processBox .right{float: left;
                     width: 50%;
                     box-sizing: border-box;
                     padding: 40px;
}
.processBox .right p{font-size: 14px;
                     color: #333;
                     margin-bottom: 20px;
                     line-height: 24px;
}
/*货物操作流程end*/


/*设施设备*/
.service-equipment .open{display: block;
                         font-size: 12px;
                         color: #333;
                         cursor: pointer;
                         margin-top: 12px;
                         background: url(../images/open02.png) no-repeat left 26px center;
}
.service-equipment .open.on{color: #0000ff;
                            background: url(../images/open01.png) no-repeat left 26px center;
}
.service-equipment .box{box-sizing: border-box;
                        padding: 20px 20px 60px 20px;
                        background: #fff;
                        margin-bottom: 10px;

}
.service-equipment .box:hover{box-shadow: 0 0 20px rgba(0,0,0,.1)}

.service-equipment .box .left{padding-left: 40px;
                               position: relative;
                               width: 20%;
                               float: left;
                               box-sizing: border-box;
}
.service-equipment .left:after{content:"";
                              position: absolute;
                                width: 1px;
                                right:0;
                                top: 0;
                                height:94px;
                                border-left: 1px dashed #eee;

}
.service-equipment .left h4{position: relative;
                           font-size: 20px;
}
.service-equipment .left h4:before{content:"";
                                     position: absolute;
                                     width: 14px;
                                     height: 14px;
                                     background: url(../images/icon02.png);
                                     left: -10px;
                                     left: -32px;
                                     top: 8px;
}
.service-equipment .left p{font-size: 14px;
                          margin-top: 12px;

}
.service-equipment .right{box-sizing: border-box;
                               width: 80%;
                               float: left;
                               padding-left: 40px;
}
.service-equipment .right p{font-size: 14px;
                            line-height: 30px;
                            
                            overflow: hidden;
}
.service-equipment .right .re{height: 120px;}
.service-equipment .right p.on{height: auto !important;}
/*设施设备end*/

/*航空公司*/
.our-aviation ul li{float: left;
                    width: 20%;
                    height: 130px;
                    text-align: center;
}
.our-aviation ul li img{max-width: 90%;
                            -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}
.our-aviation ul li:hover img{-webkit-transform: scale(1.1);
                               -ms-transform: scale(1.1)
                               -moz-transform: scale(1.1)
                                transform: scale(1.1);

}
/*航空公司end*/
/*货运代理公司*/
.our-traffic ul li{float: left;
                    width: 20%;
                    height: 130px;
                    text-align: center;
}
.our-traffic ul li img{max-width: 90%;
                      -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}
.our-traffic ul li:hover img{-webkit-transform: scale(1.1);
                               -ms-transform: scale(1.1)
                               -moz-transform: scale(1.1)
                                transform: scale(1.1);

}
/*货运代理公司end*/
/*航空网络*/

/*航空网络end*/

/*加入我们*/
.joinus .tit{text-align: center;
}
.joinus .tit h1{font-size: 14px;
                 color: #ff0036;

}
.joinus .tit p{font-size: 14px;
               color: #4a4949;
               margin-top: 20px;
               line-height: 26px;
}

.joinus .con::-webkit-scrollbar {/*滚动条整体样式*/
        width: 3px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 4px;
        
    }
.joinus .con::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 10px;
         
        background: #0344a8;
    }
.joinus .con::-webkit-scrollbar-track {/*滚动条里面轨道*/
        background: #dcdcdc;
    }
.joinus .con h4{display: inline-block;
                 vertical-align: top;
                 font-size: 14px;
                 font-weight: bold;
}
.joinus .con p{/*display: inline-block;
               vertical-align: top;*/
               font-size: 14px;
               color: #4a4949;
               line-height: 26px;
}
.joinus ul li:hover h1{background: #0034a8;
                        color: #fff;
}
.joinus ul li:hover{box-shadow: 0 0 26px rgba(0,0,0,0.0)}

/*加入我们end*/

/*联系方式*/
.contactus-bg{background: #f9f9f9 url(../images/contactus_bg.jpg) no-repeat left bottom;}

.mapwp{border-bottom: 1px solid #eee;
       padding-bottom: 50px;
}
.contactus .m-map{width: 60%;
                 /* height: 400px;*/
                  float: left;

}
.contactus .mapwp .text{width: 40%;
                         float: left;
                         box-sizing: border-box;
                         padding-left: 26px;
}
.contactus .mapwp .text h1{font-size: 24px;
                          font-weight: bold;
                          color: #4a4949;

}
.contactus .mapwp .text p{font-size: 14px;
                            margin-top: 20px;
                            color: #4a4949;
                            line-height: 26px;
}
.contactus .mapwp .text a{width: 165px;
                          height: 45px;
                          background: #0000ff;
                          color: #fff;
                          font-size: 14px;
                          text-align: center;
                          line-height: 45px;
                          display: block;
                          border-radius: 50px;
                          margin-top: 60px;

}
.contactus .mapwp .text a:hover{opacity: 0.8}

.contactus-b{margin-top: 50px;
}
.contactus-b ul{margin-left: -2%;}
.contactus-b ul li{width: 31%;
                  background: #fff;
                  box-sizing: border-box;
                  float: left;
                  margin-left: 2%;
                  margin-bottom: 2%;
                  
}
.contactus-b ul li .tit{padding: 16px;
                      color: #0000ff;
                        border-bottom: 1px solid #0000ff;

}
.contactus-b .tit h1{font-size: 18px;
                      
                      font-weight: bold;

}
.contactus-b .tit p{font-size: 12px;
                   
                    margin-top: 3px;
}
.contactus-b .con{padding: 26px 16px;
                    box-sizing: border-box;

}
.contactus-b .con p{font-size: 14px;
                    color: #4a4949;
                    line-height: 30px;

}
.contactus-b .con strong{color: #1e1e1e;}
.contactus-b ul li:hover{box-shadow: 0 0 30px rgba(0,0,0,0.1)}
.contactus-b ul li:hover .tit{background: #0000ff;color: #fff;}
#dituContent{border:none;
                  width: 100%;
                  height: 400px;

}
#dituContent img{max-width: initial;
                  
}
.BMapLabel{display: none !important;}
/*联系方式end*/

/*客户满意度调查*/
.investigation .tit p{text-align: center;
                      font-size: 14px;
                      color: #4a4949;
                      margin-bottom: 20px;
                      line-height: 26px;

}
.investigation .tit p em{color: #ff0036;
}
.investigation dl dt{padding: 24px 20px;
                      font-size: 18px;
                      cursor: pointer;
                      background: #eee url(../images/arr01.png) no-repeat  right 20px center;                     
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    -ms-transition: all .3s;
                    transition: all .3s;
                    margin-top: 10px;
}
.investigation dl dt:hover{color: #fff;
                           background: #0000ff url(../images/arr01_on.png) no-repeat  right 20px center;

}
.investigation dl dt.on{color: #fff;
                           background: #0000ff url(../images/arr02.png) no-repeat  right 20px center;

}
.investigation dl dd{display: none;

}
.investigation dl .box{padding: 20px;
                     background: #fff;
                     margin-top: 3px;
                     font-size: 14px;
                     

}
     .lb1 {
    display: block;
    position: relative;
    overflow: hidden;
    padding-left: 18px;
    background: url(../images/g-check1.png) left 1px no-repeat;/*背景没有..*/
    line-height: 22px;
    cursor: pointer;
    display: inline-block;
    margin-left: 40px;
    }
    .lb1 input {
    position: absolute;
    left: -999px;
}
.lb1.checked {
    background-image: url(../images/g-check1-on.png);
}
.investigation .item{float: right;

}
.investigation .texta{background: #fff;
                      padding: 20px 20px 40px 20px;
                      box-sizing: border-box;
                      margin-top: 10px;

}
.investigation .texta h1{font-size: 18px;
                        color: #0000ff;
                        margin: 16px 0;

}
.investigation .texta textarea{width: 100%;
                               box-sizing: border-box;
                               padding: 20px;
                               height: 180px;
                               border: 1px solid #e5e5e5;

}
/*弹窗*/
.submain{    width: 490px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    box-sizing: border-box;
    z-index: 102;
    background: #fff;
    text-align: center;
    padding: 40px 40px 4px 40px;

}
.submain h1{font-size: 24px;
              color: #0000ff;
              font-weight: bold;
              margin: 10px 0;

}
.submain p{font-size: 14px;
}
/*客户满意度调查end*/

/*货物追踪*/
.information-query{text-align: center;}
.information-query .form-h1{margin-top: 0;}
.information-query .inpmain{margin: auto;
                            width: 66%;
}
.information-query h1{font-size: 26px;
                      color: #0344a8;
                      font-weight: bold;
                      margin-bottom: 30px;

}
.information-query .g-select2{width: 100%;}
.butDiv{
    width: 140px;
    height: 40px;
    border: none;
    background: #0344a8;
    color: #fff;
    cursor: pointer;
    border-radius: 3px;
    margin-top: 40px;
}
.butDiv img {
    margin-right: 10px;
}
.butDiv:hover {
    opacity: .9;
}
/*货物追踪end*/

/*新闻及通知*/
.latestnews .pic{width: 60%;
                float: left;
                position: relative;
                padding-top: 34.8%;

}
.latestnews .pic img{position: absolute;
                      width: 100%;
                      height: 100%;
                      top: 0;
                      left: 0;

}
.latestnews .text{width: 40%;
                float: left;
                box-sizing: border-box;
                padding: 40px;
                position: relative;

}
.latestnews .text h4{font-size: 14px;
                    color: #0344a8;

}
.latestnews .text h1{font-size: 20px;
                     font-weight: bold;
                     margin: 30px 0;
                         overflow: hidden;
                      text-overflow: ellipsis;
                      white-space: nowrap;
}
.latestnews .text p{font-size: 14px;
                    color: #333;
                    line-height: 24px;
                    max-height: 48px;
                    overflow: hidden;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                    overflow: hidden;
                    display: -webkit-box;

}
.latestnews .text a {
    font-size: 12px;
    color: #0344a8;
    display: block;
    margin-top: 40px;
}
.latestnews .text a img {
    margin-left: 14px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}
.latestnews .text a:hover img {
    margin-left: 20px;
}
.latestnews .text span{position: absolute;
                      top:124%;
                      font-size: 12px;
                      color: #0344a8;
}
.news ul{margin-left: -2%;}
.news ul li{width: 23%;
            float: left;
            margin-left: 2%;
            background: #fff;
            box-sizing: border-box;
            margin-top: 40px;

}
.news ul li .pic{
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;

}
.news ul li .pic a{position: relative;
                   display: block;
                   padding-top: 70%;

}
.news ul li .pic img{position: absolute;
                    width: 100%;
                    height: 100%;
                    top: 0;

}
.news ul li .text{box-sizing: border-box;
                  padding: 20px;
				  text-align:center;

}
.news ul li .text h4{font-size: 14px;
                   color: #0344a8

}
.news ul li .text h4 span{float: right;
                          font-size: 12px;
}
.news ul li .text h1{
	font-size: 16px;
	font-weight: bold;
	height: 40px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	display: -webkit-box;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;

}
.news ul li .text p {
	font-size: 14px;
	color: #333;
	line-height: 24px;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	display: -webkit-box;
}
.news ul li:hover{box-shadow: 0 0 30px rgba(0,0,0,0.1)}
.news ul li:hover .pic{transform: scale(.9);}
/*新闻及通知end*/

/*新闻详情*/

.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more {
  float: none !important;
  width: 15px !important;
    height: 12px !important;
    padding-left: 16px !important;
    margin: 6px 14px 14px 0 !important;
}
.bdshare-button-style0-16 .bds_tsina {
    background: url(../images/share01.png) no-repeat;
    background-position: 0 !important;
}
.bdshare-button-style0-16 .bds_weixin {
    background: url(../images/share02.png) no-repeat;
    background-position: 0 !important;
}

.news-details .tit{text-align: center;}
.news-details .tit h1{font-size: 32px;

}
.news-details .tit h4{position: relative;
                      font-size: 12px;

}
.news-details .tit h4 span{margin-left: 20px;}
.news-details .tit h4:before{width: 40%;
                            content:"";
                            position: absolute;
                            height: 1px;
                            background: #e5e5e5;
                            top: 10px;
                            left: 0;

}
.news-details .tit h4:after{width: 40%;
                            content:"";
                            position: absolute;
                            height: 1px;
                            background: #e5e5e5;
                            top: 10px;
                            right: 0;

}
.news-details .share{margin: 16px 0;}
.share span{font-size: 12px;}
.news-details .main img{display: block;
                        margin:auto;
}
.news-details .main p{font-size: 14px;
                      margin-top: 40px;
                      line-height: 24px;

}
.news-page{
    box-sizing: border-box;
    padding: 30px 40px 60px 40px;
    margin-top: 40px;
    background: #0000ff;
    color: #fff;
    
}
.news-page h1{font-size: 36px;
              font-weight: lighter;
              position: relative;

}
.news-page h1 a{font-size: 12px;
               position: absolute;
               right: 0;
               top: 15px;
}
.news-page h1 a:hover{text-decoration: underline;}
.news-page a{color: #fff;}
.news-page .pag p{font-size: 14px;
                  margin-top: 10px;

}
.news-page .pag p a{font-size: 12px;}
.news-page .pag p a:hover{text-decoration: underline;}
/*新闻详情end*/


/*月度货量报告*/
.volumereport .tit{border-bottom: 1px solid #eee}
.volumereport .tit h1{display: inline-block;
                      font-size: 20px;
                      color: #0000ff;
                      font-weight: bold;
                          padding-top: 36px;
}
.volumereport .tit .right{float: right;

}
.volumereport .tit ul li{float: left;
                        margin-left: 50px;
                            padding-top: 14px;
}
.volumereport .tit ul li .icon{display: inline-block;
                               position: relative;
                               padding-right: 20px;
}
.volumereport .tit ul li .icon:after{content:"";
                                      width: 1px;
                                      height: 25px;
                                      background: #d2d2d2;
                                      position: absolute;
                                      right: 8px;
                                      top: 8px;

}
.volumereport .tit ul li .icon p{font-size: 12px;
                                 margin-top: 6px;

}

.volumereport .tit ul li h4{display: inline-block;
                            vertical-align: top;
                            font-size: 20px;
                            color: #0000ff;
                            font-weight: bold;
                            line-height: 46px;

}
.volumereport .tit .total{padding: 30px 40px;
                          text-align: center;
                          color: #fff;
                          background: #0000ff;

}
.volumereport .tit .total h2{font-size: 12px;}
.volumereport .tit .total span{font-size: 20px;}
.volumereport-main .box{margin: 40px;
                       background: #fff;
                       box-sizing: border-box;

}
.volumereport-main .top{padding: 14px;
                       border-bottom: 1px solid #0000ff;
                       color: #0000ff;

}
.volumereport-main .top h1{font-size: 16px;
                           font-weight: bold;
                           
                           position: relative;

}
.volumereport-main .top h1:after{content:"";
                                  position: absolute;
                                  width: 10px;
                                  height: 10px;
                                  background: #0000ff;
                                  border-radius: 50%;
                                  top: 6px;
                                  right: 0;

}
.volumereport-main .con{border-bottom: 1px solid #eee;
                        margin: 0 14px;
}
.volumereport-main .con ul li{float: left;
                                width: 50%;
                                text-align: center;
                                padding: 30px 0;

}
.volumereport-main .con ul li i{width: 30px;
                                height: 28px;
                                display: block;
                                margin:auto;
                                background: url(../images/icon04.png) no-repeat;
}
.volumereport-main .con ul li .out{ background: url(../images/icon05.png) no-repeat;

}
.volumereport-main .con ul li p{font-size: 12px;
                                 margin-top: 6px;
}
.volumereport-main .con ul li h4{font-size: 20px;
                                 margin-top: 10px;
                                 font-weight: bold;
}
.volumereport-main .bot{text-align: center;
                         padding: 20px 0;

}
.volumereport-main .bot p{font-size: 12px;
}
.volumereport-main .bot p span{font-size: 20px;
                               font-weight: bold;
                               margin-left: 6px;
}
.volumereport-main .box:hover{box-shadow: 0 0 20px rgba(0,0,0,0.1)

}
.volumereport-main .box:hover .top{background: #0000ff;
                                   color: #fff;
}
.volumereport-main .box:hover .top h1:after{background: #fff;}
.volumereport-main .box:hover .con ul li i{    background: url(../images/icon04_on.png) no-repeat;}

.volumereport-main .box:hover .con ul li .out{    background: url(../images/icon05_on.png) no-repeat;}

.volumereport-main .box:hover .con ul li h4{color: #0000ff;}
.volumereport-main .box:hover .bot p span{color: #0000ff;}
/*月度货量报告end*/

/*收费标准*/
.download{display: inline-block;
          padding: 14px 48px;
          background: #0344a8;
          color: #fff;
          font-size: 12px;
          border-radius: 50px;
          margin-top: 26px;

}
.download:hover{opacity: .8;}
.download img{margin-right: 8px;}
.charge .tit{text-align: center;
             margin-bottom: 20px;
}
.charge .tit2{margin-top: 40px;}
.charge .tit p{font-size: 14px;
                color: #333;
                line-height: 24px;
}
.charge .tit p em{color: #ff0036;

}
.charge dl dt {
    padding: 20px;
    font-size: 18px;
    cursor: pointer;
    background: #eee url(../images/arr01.png) no-repeat right 20px center;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    margin-top: 10px;
}
.charge dl dt h1{font-size: 18px;
                 
                 display: inline-block;

}
.charge dl dt span{float: right;
                  font-size: 14px;
                  margin-right: 5%;

}
.charge dl dt:hover {
    color: #fff;
    background: #0000ff url(../images/arr01_on.png) no-repeat right 20px center;
}
.charge dl dt.on{ color: #fff;
    background: #0000ff url(../images/arr02.png) no-repeat right 20px center;

}
.charge dl dd{display: none;}
.charge ul li{padding: 16px 20px;
              border-top: 1px solid #e5e5e5

}
.charge ul li .left{width: 70%;
                   float: left;
}
.charge ul li .left p{font-size: 14px;
                      color: #333;

}
.charge ul li .left strong{margin-right: 30px;
                            display: inline-block;
                            min-width: 17px;
                            vertical-align: top;
}
.charge ul li .left span,.charge ul li .left .span{display: inline-block;
                         width: 80%;
}
.charge ul li .right{margin-right: 5%;
                     float: right;
}
.charge ul li .right p{font-size: 14px;
                       color: #333;
}
.charge ul li:nth-child(1){border: none;}
.charge .contwo{padding: 10px;

}
.charge .contwo p{font-size: 14px;
                   margin-top: 20px;
                   line-height: 26px;
}
.charge .li2 .left strong{vertical-align: middle;}
.charge .li2 .left img{margin-right: 20px;}
.charge .li2 .right{padding-top: 5%;}
/*收费标准end*/
@media screen and (max-width: 1400px){
.about-introduce2 .box .text{width: 95%;}
.about-introduce3 .text{width: 70%;}
.about-introduce3{height: 410px;}
}

@media screen and (max-width: 1200px){
.content{
       max-width:1000px;
       margin:auto;
}
 .form-h1{width: 100%;}
 .index-management .iconmain .bg{width: 174px;height: 174px;}
 .footer-nav dl{padding-left: 0;}
 .footer-t .left h1{font-size: 24px;}
 .service-security .tit{padding: 0;}
 .service-security ul li .icon{width: 20%;}
 .service-security ul li .text{width: 80%;}
 .latestnews .text span{top: 100%;}
  .charge .li2 .left img{max-width: 200px;}
  .about-introduce3{height: 360px;}
  .about-introduce2 .box .text{width: 100%;}
  
  
  
  
/*pc底部*/
.footer{overflow: hidden;
background-color:#262f38
}
.footer .content{
	background-repeat: no-repeat;
	background-position: left 80px;
	padding-top: 60px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
}
.footer-t .left{
	width:22%;
	float: left;
	padding-right:5%;
	margin-right:3%;
	color:#FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
.footer-t .left span{
width:70%;
float:right;
line-height:25px;
}

.footer-t .left1{width:25%;float: left; margin-right:3%; color:#FFFFFF;padding-right:3%;border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;}
.footer-t .left1 span{
width:75%;
float:right;
line-height:25px;
}

.footer-nav{width: 25%;
            float: left;
}

.footer-nav a{
color:#FFFFFF;
}

.footer-nav li{float: left; color:#FFFFFF; width:33%;
text-align:center;
line-height:30px;}

 .wei{ width:86px; float:right}
 .wei img{ float:right}
 .wei span{ line-height:30px; font-size:14px; color:#FFFFFF; display:block}

/*pc底部end*/

.footer-b{ width:1000px;}
.nav ul{display: inline-block;
       position: relative;
	   padding-right:0px;

}
  .nav ul li{float: left;          
           margin-right:20px;
           position: relative;           
          transition: all .5s;
}

}
@media screen and (max-width: 1024px){
   .nav ul li{margin-right: 20px;}
   .about-introduce1 .text h1{font-size: 20px;}
   .processBox .right{padding: 20px;}
   .processBox .right p{margin-bottom: 10px;}
}
@media screen and (max-width: 960px){
  .nav ul li{margin-right: 20px;}
  .index-join .more{position: static;margin: 40px 0;}
  .service-security ul li .icon{width: 16%;}
  .service-security ul li .icon img{max-width: 90%;}
  .service-security ul li .text{width: 84%;}
  .service-equipment .box .left{width: 26%;}
  .service-equipment .right{width: 74%;}
  .latestnews .text{padding: 10px;}
  .latestnews .text h1{margin: 24px 0;}
  .latestnews .text a{margin-top: 30px;}
  .volumereport .tit h1{display: block;padding-top: 0;}
  .volumereport .tit .right{float: none;}
  .volumereport .tit ul li{margin-left: 0;margin-right: 40px;}
  .charge ul li .left{width: 60%;}
  .charge .li2 .left img{max-width: 104px;}
  .about-introduce1 .text{    padding-top: 16px;width: 36%;}
  .about-introduce2 .box .text{padding-top: 70px;}
  .about-introduce3{height: 288px;}
  .about-visionmain .box p{line-height: 24px;}
  .prTab ul li{width: 19%;}
  .processBox .left{width: 100%;float: none;}
  .processBox .left img{width: 100%;}
  .processBox .left .text p img{width: auto;}
  .processBox .right{width: 100%;float: none;}


}
@media screen and (max-width: 768px){

.index-titlee{text-align: center;
            padding:0px 0 0px 0;
}
.index-titlee h1{font-size: 26px;
                padding: 2px 5px;
                display: inline-block;
            

}

.pc{ display:none}
.sj{ display:block}
.hd{display: none;}
.motop{display: block;}
.columnnav{display: none;}
.banner{margin-top: 70px;}
.inner-ban{margin-top: 70px;height: 240px;}
.inner-ban h1{padding-top: 103px; padding-left:20px;}
.form-h1 .g-select1{padding-top: 0;}
.index-management .iconmain .bg{display: none;}
.index-management .iconmain ul li:hover .img2{display: none;}
.index-management .iconmain ul li:hover .img1{display: block;}
.index-management .iconmain ul li:hover p{color: #1e1e1e;}
.index-video{height: 536px;}
.videopop{width: 82%;}
.footer-t .left h1{font-size: 22px;}
#dituContent{height: 300px;}

.prTab ul li{
	display: inline-block;
	cursor: pointer;
	text-align: center;
	width: 20%;
	padding: 12px 0;
	border-radius:25px;
	position: relative;
	color: #0344a8;
	border: 1px solid #CCCCCC;
	margin-left:5px; margin-right:5px;
}
.prTab ul li p{ font-size:12px}


}

@media screen and (max-width: 767px){


.inner-ban .zt{padding-top: 14px;
               font-size: 18px;
               font-weight: lighter;
			   color:#ffffff;
			   text-align:center;
			   padding-left:20px;
			   padding-right:20px;
		
	
    
}
.inner-ban .zt strong{
               font-size: 22px;
			   font-weight:bold;
			   display:block;
			   padding-bottom:20px;
			   padding-top:10px;
		
	
    
}



.inner-ban .zt1{padding-top: 34px;
               font-size: 14px;
               font-weight: lighter;
			   color:#ffffff;
			    width:300px;
			   margin-left:20px;
			   margin-right:auto;
		
	
    
}
.inner-ban .zt1 strong{
               font-size:18px;
			   font-weight:bold;
			   display:block;
			   padding-bottom:20px;
			   color:#0345a6;
		
	
    
}
.inner-ban .zt1 a{
	width:100px;
	height:30px;
	line-height:30px;
	border: 1px solid #0345a6;	
	border-radius:20px;
	display:block;
	float:left; margin-right:30px;
	text-align:center;
}
.inner-ban .zt1 a:hover{
background-color:#0345a6;
color:#FFFFFF
}


.index-nwes .text{box-sizing: border-box;
                  padding: 0 10px;
				  display:block;
				  overflow:hidden;
				  margin-bottom:20px;

}
.index-nwes .box {
    margin-left: 0%;
    width: 91%;
    float: left;
}
.index-title{
    text-align: center;
    padding: 40px 0 0px 0;
}
.index-title h1{font-size: 26px;
                padding: 2px 5px;
                display: inline-block;
            

}
.index-title h2{font-size: 16px;
               
            

}

  .form-h1 .g-select{float: none;}
  .form-h1 .g-select1{width: 100%;}
  .form-h1 .g-select1 span:after{display: none;}
  .g-select input{    padding: 0 12px;}
  .form-h1 .g-select2{width: 100%;}
  .form-h1 .g-select2 .inpdiv{display: block;width: 100%;}
  .form-h1 .g-select2 input{width: 43%;}
  .form-h1 .g-select3{width: 120px;margin-top: 20px;}
  .index-title h1{    letter-spacing: 1px;}
  .index-management{background-size: 386%;}
  .index-management .pic .box{padding-top: 11%;margin-left: 0;}
  .index-management .text{width: 90%;margin-top: 30px;}
  .index-management .iconmain ul li{width: 50%;}
  .index-management .iconmain p{font-size: 14px;}
  .index-video{height: 420px;}
  .index-video .text h1{font-size: 30px;}
  .index-nwes .box,.index-nwes .newsmain{margin-left: 0;}
  .index-our p{height: 92px;text-align: center;}
  .index-our p img{max-width: 90%;margin:auto;}
  .index-join p{font-size: 16px;}
  .footer-nav{display: none;}
  .photo-footer{display: block;}
  .footer-t .left h1{font-size: 30px;}
  .footer-t .left{width: 100%;float: none;}
  .footer .content{padding: 40px 0 0 0 ;}
  .footer .content{    background: url(../images/footer_bg.png) no-repeat left 0 bottom;}
  .service-security ul li{padding: 16px 0;}
  .service-security ul li .text h4{font-size: 14px;margin-top: 10px;}
  .service-security ul li .text p{font-size: 12px;line-height: 20px;margin-top: 10px;}
  .inner-ban h1{font-size: 26px;}
  .inner-ban{height: 160px;}
  .inner-ban h1 {padding-top: 63px;}
  .wp{padding: 50px 0;}
  .processTab ul li{font-size: 12px;height: 40px;line-height: 40px;width:130px;margin: 0 4px;}
  .service-process .bomain ul li .right{width: 58%;}
  .service-process .bomain ul li .right p{font-size: 12px;left: 4px;text-align: justify;}
  .service-process .bomain ul li.on{height: 163px;}
  .service-process .bomain ul li.on .left p{line-height: 163px;}
  .service-equipment .box .left{width: 100%;float: none;margin-bottom: 30px;}
  .service-equipment .left:after {
    width: 100%;
    right: auto;
    left: 0;
    top: auto;
    bottom: -18px;
    height: 1px;
    border-radius: none;
    border-bottom: 1px dashed #eee;
}
  .service-equipment .right{width: 100%;}
  .our-aviation ul li{width: 50%;height: 78px;}
  .our-traffic ul li{width: 50%;height: 84px;}
  .joinus ul{margin-left: 0;}
  .joinus .con{max-height: max-content;}
  .contactus .m-map{width: 100%;float: none;}
  .contactus .mapwp .text{width: 100%;float: none;margin-top: 30px;}
  .contactus .mapwp .text a{margin-top: 40px;}
  .contactus-b ul{margin-left: 0;}
  .contactus-b ul li{width: 100%;margin-left: 0;margin-bottom: 10px;}
  .investigation dl dt{font-size: 16px;padding: 20px;}
  .investigation .item{float: none;margin-top: 10px;}
  .lb1{margin-left: 0;margin-right: 20px;}
  .submain{width: 90%;}
  .information-query .inpmain{width: 100%;    }
  .latestnews .pic{width: 100%;float: none;padding-top: 56.3%;}
  .latestnews .text{width: 100%;float: none;}
  .latestnews .text h1{font-size: 16px;margin: 10px 0;}
  .latestnews .text span {top: 12px;right: 12px;}
  .news ul{margin-left: 0;}
  .news ul li{width: 48%;margin-left:1%; margin-right:1%;}
  .news ul li .text h1{font-size: 14px; height:45px;}
  
  .news-details .tit h1{font-size: 24px;}
  .news-details .tit h4:before,.news-details .tit h4:after{width: 20%;}
  
  
  .news ul li{
            margin-top: 1px;
			margin-bottom:10px;

}
.news ul li .pic{
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;

}
.news ul li .pic a{position: relative;
                   display: block;
                   padding-top: 70%;

}
.news ul li .pic img{position: absolute;
                    width: 100%;
                    height: 100%;
                    top: 0;

}
.news ul li .text{box-sizing: border-box;
                  padding: 10px;
				  text-align:center;

}


  .news-page{padding: 20px;}
  .news-page h1{font-size: 32px;}
  .volumereport .tit ul li{margin-right: 0;float: none;margin-top: 10px;}
  .volumereport-main .box{margin:0;margin-top: 20px;}
  .volumereport .tit h1{padding-top: 0;}
  .charge dl dt h1{font-size: 14px;font-weight: bold;}
  .charge dl dt{padding: 10px;}
  .charge dl dt span{font-size: 12px;padding-top: 6px;    margin-right: 0;display: block;float: none;}
  .charge ul li .left{width: 100%;float: none;}
  .charge ul li .right{float: none;margin-top: 20px;margin-left: 31px;margin-right: 0;}
  .charge ul li .left strong{    margin-right: 14px;}
  .charge ul li .left span{width: 87%;}
  .charge ul li .right p{color: #666;}
  .charge .li2 .left strong{vertical-align: top;}
  .charge .li2 .left img{display: block;max-width: 200px;margin-bottom: 6px}
  .charge .li2 .right{padding-top: 0;}
  .about-introduce1{padding: 50px 0;}
  .about-introduce1 .pic{width: 100%;}
  .about-introduce1 .text{width: 100%;}
  .about-introduce2 .box2 .left{float: none;width: 100%;}
  .about-introduce2 .box2 .right{width: 100%;float: none;}
  .about-introduce2 .box .pic{height: auto;}
  .about-introduce2 .box .pic img{height: auto;max-width: 100%;}
  .about-introduce2 .box .left,.about-introduce2 .box .right{width: 100%;float: none;}
  .about-introduce2 .box .text {padding: 10px;padding-top: 30px;}
  .about-introduce2 .text ul li h4{font-size: 12px;}
  .about-introduce3 .text{width: 96%;padding-top: 18%;}
  .about-introduce3 .text p{line-height: 24px;}
  .about-visionmain{padding-bottom: 40px;}
  .about-visionmain .box .text{padding: 10px;}
  .teambox{margin-left: 0;}
  .teambox .box{margin: 0 20px;}
  .teambox .text p{line-height: 20px;}
   #dituContent{height: 260px;}
  .teamTab ul li{width: 127px;line-height: 45px;margin: 0;}
  .it-system .box .text a{opacity: 1;}
  .it-con .swiper-button-next, .it-con .swiper-button-prev{width: 36px;height: 36px;}
  .it-system .box{margin: 0;}
  .prTab{width: 640px;text-align: left;}
  .prTab2{width: 100%;}
  .prTab2 ul li{width: 32%;}
  .processMain .content{overflow-x:auto;overflow-y:hidden;}
  .processBox{    padding: 50px 0 50px 0;}
}

.page{ clear:both; text-align:center; margin-top:40px;}
.page .pagination {margin:auto;}
.page .pagination a {margin: 0 5px 0 0;padding: 8px 14px;height:20px;margin-right:6px;line-height:20px;background:#ddd;color:#666;text-align:center;}
.page .pagination a:hover {margin: 0 5px 0 0;padding: 8px 14px;height:20px;margin-right:6px;line-height:20px;background:#0344a8;color:#fff;text-align:center;}
.page .pagination a.number {border: 1px solid #ddd; padding:8px 14px;}
.page .pagination a.current:hover {text-decoration: underline;}
.page .pagination .current {margin: 0 5px 0 0;height:20px;margin-right:6px;border:1px #cccccc solid;padding:8px 14px; background:#0344a8; color:#FFF;}