* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    line-height: 1.5;

}

input,textarea{outline: none;}



body{color:#333;font-size:14px;  font-family:Arial,'微软雅黑',"Microsoft Yahei"; font-family: arial,"微软雅黑" !important;}

ul {
	list-style-type: none;
}

a {
	color: #333;
	text-decoration: none;
}



@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.eot');
  src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../fonts/iconfont.woff') format('woff'),
  url('../fonts/iconfont.ttf') format('truetype'),
  url('../fonts/iconfont.svg#iconfont') format('svg');
}


/** =======================
 * Contenedor Principal
 ===========================*/

.top{width: 100%; height: auto; position: relative;}
.top .banner{position: relative; left: 0px; top: 0px; width: 100%; height: 100%;  z-index: 100;}


.top .banner .swiper-slide { background-size: cover;
   background-position: center center; position: relative;}
.top .banner .swiper-slide img{ width: 100%; height: auto;display: block;}



.top .banner h3{color: #fff; font-size:50px; transition: all 0.3s ease; padding: 0 10%; text-align: center; 
       display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center; width: 100%; height: 100%; 
  position: absolute; left:0px; top:0px;  padding: 0 10%;}
.top .banner .swiper-button-prev, 
.top .banner .swiper-button-next{

    width: 24px;
    height: 60px;
    margin-top: -30px;
    background-size: 24px 60px;}
.top .banner .swiper-button-prev{background-image: url(../img/prev.png); 
  background-color: rgba(0,0,0,0.5); left: 0px;right: auto; border: 1px solid rgba(255,255,255,0.3)}
.top .banner .swiper-button-next{background-image: url(../img/next.png); 
  background-color: rgba(0,0,0,0.5); left: auto;right: 0px; border: 1px solid rgba(255,255,255,0.3)}


.top-index{display: block;}
.top-index2{display: none; margin-top: 60px;}


/* 以下为轮播图样式 */
.carousel-content{

  position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;  z-index: 100;
}
.carousel{
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
   
}
.carousel li{  background-size: cover;
   background-position: center center; background-attachment: fixed;
  float: left; 
  position: absolute;
  display: none;

     padding: 0 10%; text-align: center; 
       display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}
.carousel li,.carousel li img{
  width: 100%;
  height: 100%;
}
.carousel-index{ 
  position: absolute;
    bottom: 8px;
    width: 100%;
    display: flex;display: none;
    justify-content: center;
}
.carousel-index li{
  float: left;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border-radius: 10px;
    background-color: rgba(0,0,0,0.3);
    font-size: 12px;
    cursor: pointer;
    margin: 0 3px;
    color: #fff;
}
.carousel-index li.current-index{
  background-color: rgba(0,0,0,0.7);
}
.carousel-index li:hover{
  background-color: rgba(0,0,0,0.7);
}
.carousel-prev,.carousel-next{
  position: absolute;
  top: 50%;margin-top: -40px;
  
  cursor: pointer;
  margin: auto;
   width: 34px;
    height: 80px; background-color: rgba(0,0,0,0.5);  border: 1px solid rgba(255,255,255,0.3)
}
.carousel-prev img,.carousel-next img{
  width: 100%;
  height: 100%;
}
.carousel-prev{
  left: 0;
}
.carousel-next{
  right: 0;
}
.top-arr{position: absolute; 
    z-index: 110; bottom: 0px;  left: 0px;

        background-image: url(../img/down.png);
    -webkit-animation: cloudy 5s ease-in-out infinite;
            animation: cloudy 5s ease-in-out infinite;

  border: 1px solid #fff; border-radius: 50%;
    height: 50px;
    width: 50px; 
    margin-left: -30px;
    
    left: 50%;
    bottom: 120px; }


    @-webkit-keyframes cloudy {
    50% { -webkit-transform: translateY(-20px); transform: translateY(-20px); }
}
@keyframes cloudy {
    50% { -webkit-transform: translateY(-20px); transform: translateY(-20px); }
}


#cssmenu{position: fixed;width: 100%; height: 100px;left: 0px; top: 0px;  z-index: 500; 
    background: rgba(0,0,0,0.2); border-bottom: rgba(255,255,255,0.5) 1px solid; transition: all 0.3s ease;}
#cssmenu ul{text-align: center; width: 1100px; margin: 0 auto; transition: all 0.3s ease;}
#cssmenu ul li.menu1{width: 150px; display: block;   text-align: center; height: 100px; float: left; transition: all 0.3s ease;}
#cssmenu ul li.logo{width: 200px; display: block;  position: relative; transition: all 0.3s ease;}

#cssmenu .submenu-button{display: none;}
#cssmenu #menu-line {display: none;}
#cssmenu > ul > li > a{color: #fff; line-height: 100px; padding: 0px; font-size: 13px; font-family: arial; padding-right: 0px !important;transition: all 0.3s ease;}
#cssmenu > ul > li.logo > a{color: #fff;display: block;width: 100%; height: 100px;position: relative;transition: all 0.3s ease;}

#cssmenu > ul > li.has-sub > a::after{display: none;}
#cssmenu ul li.logo .logo-box{width:84px; height: 43px; overflow: hidden; 
    position: absolute; transition: all 0.3s ease;
    left: 50%;top: 50%; margin-top: -21px; margin-left: -42px;}
#cssmenu ul li.logo .logo-box img{display: block;width: 100%; position:absolute; left:0px; top: 0px;transition: all 0.3s ease;}
#cssmenu ul li.logo .logo-box img.logo1{filter:alpha(opacity:100); opacity:1;  -moz-opacity:1;-khtml-opacity: 1;}
#cssmenu ul li.logo .logo-box img.logo0{filter:alpha(opacity:0); opacity:0;  -moz-opacity:0;-khtml-opacity: 0;}

#cssmenu ul li.logo .logo-box:hover{transform:scale(1.1);}
#cssmenu .lag{position: absolute;height: 100px; right: 130px;top: 0px; transition: all 0.3s ease; min-width: 100px;}
#cssmenu .lag span{position: absolute; display: block;width: 1px; height: 14px;background: #fff;
 right: -10px; top: 50%; margin-top: -7px;}
#cssmenu .lag a{font-size: 13px; font-family: arial; color: #fff;}
#cssmenu .lag a.cut{font-size: 13px; font-family: arial;line-height: 100px; transition: all 0.3s ease;
padding-right: 20px; background-position: right center; background-repeat: no-repeat;  float: right; 
background-image: url(../img/down2.png);}
#cssmenu .lag .lagbox{padding: 0px 0; line-height: 1.5;  position: absolute;  background: rgba(0,0,0,0.2);
 top: 100px; right: 0px; display: none;
    border: 1px solid rgba(255,255,255,0.5);
    border-top-width: 0px;}
#cssmenu .lag:hover .lagbox{display: block;}
#cssmenu .lag .lagbox a{color: rgba(255,255,255,0.9);transition: all 0.3s ease; display: block;padding:5px 25px;}
#cssmenu .lag .lagbox a:hover{color: rgba(255,255,255,1);background:  #0d2b4f;}

.header1  .lag .lagbox{top: 70px !important; background: rgba(255,255,255,1) !important;
    border: 1px solid rgba(0,0,0,0.5) !important;
    border-top-width: 0px !important; }
.header1  .lag .lagbox a{ color: #333 !important; }
.header1 .lag .lagbox a:hover{color: rgba(255,255,255,1) !important;}





.sarch {position: absolute;height: 30px; right: 80px;top: 50%; 
    margin-top: -15px; width: 30px;  }
.sarch form{position: absolute; display:none; width: 250px; height: 80px; right: 0px; top: 65px;
background: rgba(0,0,0,0.2); z-index: 50; border: 1px solid rgba(255,255,255,0.5); border-top-width: 0px;}
.header1 .sarch form{top: 50px; background: rgba(255,255,255,1); border: 1px solid rgba(0,0,0,0.5); border-top-width: 0px;}

.sarch .open{display: block;width:30px; height:30px; background: url(../img/so1.png) no-repeat center;
content: " "; position: absolute; right: 0px; top: 0px;  }

.header1 .sarch .open{ background-image: url(../img/so.png); }

.sarch input{ outline:none;}

.sarch .key{ width:169px; height:30px;
 border:none; background:#fff; border:1px  solid #bbb;
  padding:0 10px 0 10px; position:absolute; top:25px; left: 25px; color: #333;}

.sarch .btn{ width:30px; height:30px; background: url(../img/so1.png) no-repeat center; border:none;
 position:absolute; top:25px; right:25px; cursor:pointer; background-color: #0d2b4f;}


.header1{height: 70px !important;
    background: rgba(255,255,255,1) !important; border-bottom: rgba(0,0,0,0.5) 1px solid !important;}
.header1 > ul > li > a{color: #0d2b4f !important; line-height: 70px !important;}
.header1 ul li.logo .logo-box img.logo0{filter:alpha(opacity:100) !important; opacity:1 !important;  -moz-opacity:1 !important;-khtml-opacity: 1 !important;}
.header1 ul li.logo .logo-box img.logo1{filter:alpha(opacity:0) !important; opacity:0 !important;  -moz-opacity:0 !important;-khtml-opacity: 0 !important;}

.header1 ul li.menu1{height: 70px !important; }
.header1 > ul > li.logo > a{height: 70px !important;}
.header1 .lag span{background: #0d2b4f !important;}
.header1 .lag a.cut{ color: #0d2b4f !important; background-image: url(../img/down3.png) !important;}
.header1 .sarch .btn{ background-image: url(../img/so1.png); background-repeat: no-repeat; background-position: center;}
.header1 .sarch .key{background:rgba(255,255,255,0.9); border:1px  solid #aaa;
  color: #333;}
.header1 > ul > li.logo > a{ height: 70px;}
.header1 .lag{height: 70px !important; }
.header1 .lag a.cut{line-height: 70px !important; }
.header1 ul ul li a{ background: rgba(0,0,0,0.4);!important; }

.header{position:fixed;height:60px;background:rgba(255,255,255,0.8); z-index: 120; left: 0px;top: 0px; width: 100%; display: none; border-bottom: 1px solid #aaa;}
.header .logo2{display:block;width:84px; height: 43px; position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -21px;}
.header .logo2 img{display:block;width:100%;}


.header .back{position:absolute;top:0;left:0;display:block;width:50px;height:50px;text-indent:-9999em;
  background:url(../images/icon-back.png) no-repeat center center;background-size:12px 20px;}

.dl-menuwrapper{width: 100%; max-width: 1000px;  padding-top: 60px;}

.dl-menuwrapper .dl-menu{z-index: 300; margin: 0px;}
.dl-menuwrapper li{width: 100%; max-width: 600px;  margin: 0 auto;}


.dl-menuwrapper li a {
    display: block;
    position: relative;
    padding: 15px 20px;
    font-size: 13px;
    line-height: 20px;
    font-weight: 300;
    color: #fff;
    border-top: 0px solid #0576ec;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    outline: none;
    background-color: transparent !important; 
}

.dl-menuwrapper ul{background: rgba(13,43,79,0.8);}









.dl-menuwrapper button {
   
    border: none;
    width: 60px;
    height: 60px;
    text-indent: -900em;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: calc(50% - 300px);
    cursor: pointer;
    outline: none;
    background: url(../img/n-m.png) no-repeat center center;
    background-size: 100%;
}


.dl-menuwrapper #dl-menu-sar {
   
    border: none;
    width: 60px;
    height: 60px;
    text-indent: -900em;
    overflow: hidden;
    position: absolute;
    top: 0; right: auto;
    left: calc(50% - 300px);
  
    background: url(../img/so2.png) no-repeat center center;
    background-size: 100%;
    cursor: pointer;
    outline: none;
    
}

.dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active {
    background: url(../img/n-m.png) ; 
     background-color: transparent; 
}



.dl-menuwrapper li.lag2  a {float: left; border-bottom: 0px;}
.dl-menuwrapper li.lag2  a:after {display: none;}

.dl-menuwrapper li.lag2  a span{display: block; width: 6px; height: 6px; margin-right: 10px; background: #fff; 
 display: none; position: absolute; left: 20px; top: 50%; margin-top: -3px; border-radius: 3px;}
.dl-menuwrapper li.lag2  a.cut span{ display:block;}
.dl-menuwrapper li.lag2  a.cut{padding-left:40px; }


.sar-box{width: 100%; height: 60px; background: #0d2b4f; overflow: hidden; position: fixed; top: -80px; left: 0px; z-index: 550; transition: all 0.3s ease;}
.sar-box form{width: 100%; max-width: 600px; margin: 0 auto; display: block; height: 60px; overflow: hidden; position: relative;}
.sar-box form .key-01{width:calc(100% - 160px); margin: 10px auto; display: block; height: 40px; border:0px solid #fff;   outline:none;
    border-bottom: 1px solid #fff; background-color: transparent;  color: #fff;  padding: 0 10px; line-height: 40px; font-size: 14px; }


.sar-box .btn-01{ width:60px; height:60px; background: url(../img/so3.png) no-repeat center; border:none; position:absolute; top:0; right:0; cursor:pointer;}
.sar-box .clo-01{ width:60px; height:60px; background: url(../img/so4.png) no-repeat center; border:none; position:absolute; top:0; left:0; cursor:pointer;}
@media (max-width: 1420px) {
#cssmenu ul{ width: 900px; }

#cssmenu ul li.menu1{width: 125px;}
#cssmenu ul li.logo{width: 150px; }

.sarch { right: 10px;}

#cssmenu .lag{right: 60px;}
.top .banner h3{ font-size:40px;}
}



@media (max-width: 1000px) {
#cssmenu{ display: none; }

.header{display: block;}
.top .banner  h3{ font-size:34px;}

.top-index2{display: block;}
.top-index{display: block;}

}

@media (max-width: 800px) {

   
.top .banner .carousel li{ background-attachment: scroll;}
.top .banner  h3{ font-size:28px;}

}


@media (max-width: 600px) {
.dl-menuwrapper #dl-menu-sar {
   

    left: 0px;

    
}

.dl-menuwrapper button {
   

    right:0px;
  
}
.top .banner  h3{ font-size:22px;}

}

@media (max-width: 400px) {

.top .banner  h3{ font-size:18px; display: none;}

}

.title{width: 100%; height: auto; overflow: hidden; text-align: center;}
.title h2{width: 100%; height: auto; overflow: hidden; text-align: center; font-size: 36px; font-family: arial; color: #0d2b4f;}

.title  span{display: block; background: #eb7d1e;width: 80px; height: 2px; margin:  0 auto;  margin-top: 20px;}
.h80{height: 80px; width: 100%; clear: both;}
.more{width: 160px; height: 50px; text-align: center; font-size: 16px;   line-height: 50px; display: block;
  border: 1px solid #0d2b4f; transition: all 0.3s ease; color: #0d2b4f;}
.more:hover{background: #0d2b4f ;color: #fff;}
.more b{font-size: 20px; height: 50px; line-height: 50px; font-weight: 100; font-family: Arial;}







.abo{width: 100%; max-width: 1400px; height: auto; margin: 0 auto;}
.abo .txt{ width: calc(100% - 530px); margin-right: 50px; float: left;}
.abo .txt .title h2{text-align: left;}

.abo .txt .title  span{margin-left: 0px;}
.abo .txt .hang1{width: 100%; height: 140px; overflow: hidden; margin-top: 25px; margin-bottom: 25px;}
.abo .txt .hang1 p{font-size: 14px; line-height: 2; color: #0d2b4f;}
.abo .pic{ width: 480px;float: left; padding: 3px; }
.abo .film{ width: 480px;float: left; height: 360px;}
.abo .pic img{ width: 100%;display: block; box-shadow: 3px 3px 3px rgba(0,0,0,0.3);}



@media (max-width: 1420px){ 
.abo{width: 90%; }
.abo .txt{ width: calc(60% - 40px); margin-right: 40px; float: left;}

.abo .pic{ width: 40%;float: left; padding: 3px;}
}


@media (max-width: 1000px){ 
.abo{width: 90%; }
.abo .txt{ width: calc(55% - 30px); margin-right: 30px; float: left;}

.abo .pic{ width: 45%;float: left; padding: 3px;}
}




@media (max-width: 800px){

.abo .txt{ width: calc(100% - 0px); margin-right: 00px; float: left; margin-bottom: 40px;}

.abo .pic{ width: 100%;float: left; padding: 3px; display: block;}



}

@media (max-width: 600px){

.abo{width: calc(100% - 40px); }
.title h2{font-size: 28px; }


}



#wrap {clear:both;width:94%;height:auto;margin:0 auto;max-width:1400px;}
.wrap-b {width:25%;float:left;height:auto;overflow:hidden;position:relative;}
.wrap-b1 {width:100;height:auto;overflow:hidden;position:relative;}
.wrap-b .pic2 {width:70px;height:70px;margin:0 auto;margin-bottom:20px;border-radius:10px;transition:all 0.3s ease; float: left;}
.wrap-b .pic2 img {display:block;width:100%}
.wrap-b .shuzi{width: calc(100% - 70px); float: left; padding-left: 20px;}
.wrap-b {text-align:left;}
.wrap-b h2{font-weight:900;color:#0d2b4f;font-size:20px;font-family: Arial;}
.wrap-b span {font-weight:900;color:#0d2b4f;font-size:36px;font-family: Arial; padding-right: 10px; }
.wrap-b b {font-weight:500;color:#0d2b4f;font-size:14px; display: block;}

@media (max-width:1000px) {

.wrap-b {width:50%;}
.wrap-b h2{font-size:18px;font-family: Arial;}
.wrap-b span {font-size:28px;font-family: Arial;  }
}
@media (max-width:600px) {
.wrap-b .lin2 {display:none;}
.wrap-bt {padding-bottom:20px;}
.wrap-bb {padding-top:20px;}
.wrap-b .lin3 {display:block;}

#wrap {width:100%;padding-left:20px;padding-right:20px;}
.wrap-b .pic2 {float: none;}
.wrap-b {text-align:center;}
.wrap-b .shuzi {
    width: calc(100% - 00px); padding-left: 5px; padding-right: 5px; }
    .wrap-b span {padding-right: 0px; }
}



.pro{width: 100%;height: auto; margin: 0 auto;position: relative;}
.pro-box{width: 100%; max-width: 1400px; height: auto; margin: 0 auto; position: relative;z-index: 110;}
.pro-b{width: 100%; height: calc(100% - 255px); position: absolute; left: 0px; top: 0px;
z-index: 1; background: url(../img/a02.jpg); background-size: cover; background-attachment: fixed; }
.pro-box .title h2{color: rgba(255,255,255,0.7);}

.pro-box .title span{background: rgba(255,255,255,0.7);}
.pro-nav{width: 100%;  text-align: center; margin-top: 40px;}
.pro-btn{width: 180px;  text-align: center; height: 36px; font-size: 14px; display: inline-block; margin: 0 10px; margin-bottom: 10px; color: #fff;
 line-height: 36px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; border: 1px solid rgba(255,255,255,0.3);transition: all 0.3s ease;
}
.pro-btn:hover{border: 1px solid rgba(255,255,255,1); background: #fff;color:#0d2b4f;  }
.pro-btn-cut{border: 1px solid rgba(255,255,255,1); background: #fff;color:#0d2b4f;  }
.pro-aa {margin-top: 40px;}
.pro-aa .swiper-container .swiper-wrapper .pic{width: 100%; display: block; height: auto;}
.pro-aa .swiper-container .swiper-wrapper img{width: 100%; display: block;}

.pro-aa .swiper-container .swiper-wrapper .txt{width: 100%; display: block; height: auto; padding: 20px; background: #8d9cad;
 transition: all 0.3s ease;}
 .pro-aa .swiper-container .swiper-wrapper .swiper-slide:hover .txt{ background: #eb7d1e;}

.pro-aa .swiper-container .swiper-wrapper .txt h2{width: 100%; height: auto; overflow: hidden;text-overflow:ellipsis;
  white-space: nowrap; font-size: 18px; color: #fff;text-align: center;}
  
  
  
.pro-aa .swiper-container .swiper-wrapper .hang2{width: 100%; height: 56px; overflow: hidden;}
.pro-aa .swiper-container .swiper-wrapper .hang2 p{ font-size: 14px; color: #fff; line-height: 2}
.pro-aa .more{margin: 0 auto; margin-top: 40px; }
.pro-aa .swiper-container .swiper-wrapper .txt span{ display: block;width: 80px; height: 2px ;background:#fff; margin: 20px 0;   }
.pro-aa .swiper-container .swiper-button-prev,
.pro-aa .swiper-container .swiper-button-next{

    width: 34px !important;
    height: 80px !important;
    margin-top: -40px !important;
    background-size: 34px 80px !important;}
.pro-aa .swiper-container .swiper-button-prev{background-image: url(../img/prev.png); background-color: rgba(0,0,0,0.5); left: 0px;right: auto; border: 1px solid rgba(255,255,255,0.2)}
.pro-aa .swiper-container .swiper-button-next{background-image: url(../img/next.png); background-color: rgba(0,0,0,0.5); left: auto;right: 0px; border: 1px solid rgba(255,255,255,0.2)}

@media (max-width: 1420px){
.pro-box{width: 90%; }

}

@media (max-width:1000px) {
.pro-box .swiper-container .swiper-wrapper .txt h2{ font-size: 16px;}
}
@media (max-width:800px) {
  .pro-b{ background-attachment: scroll; }

}


@media (max-width: 600px){

.pro-box{width: calc(100% - 40px); }


}



.sol{width: 100%; height: auto;  max-width: 1400px; margin: 0 auto;}
.sol-big{width: 100%; height: auto; overflow: hidden; margin-top: 50px;} 
.sol-r{width: calc(25% - 9px); height: auto; overflow: hidden; position: relative; float: left; margin-right: 12px;}
.sol-r img.tm{width: 100%; display: block; }
.sol-r .back{position: absolute; width: 100%; height: 100%; left: 0px;top: 0px;  z-index: 50; background-size: cover;}
.sol-r .blue{position: absolute; width: 100%; height: 100%; left: 0px;top: 0px;  z-index: 51; background: rgba(13,43,79,0.8);}
.sol-r .txt{position: absolute; width: calc(100% - 10px); height: calc(100% - 10px);
 top: 5px; left: 5px; border: 1px solid rgba(255,255,255,0.5);z-index: 52;}
.sol-r .txt-box{width: 100%; position: absolute; left: 0px; top: 50%; text-align: center; height: 80px; margin-top: -40px;}
.sol-r .txt-box h3{font-size: 20px; font-family: arial; color: rgba(255,255,255,0.7);} 
.sol-r .txt-box .more2{width: 136px; height: 38px;  display: block; border: 1px solid rgba(255,255,255,0.3);
 color: #fff; line-height: 38px;margin: 0 auto; margin-top: 25px;transition: all 0.3s ease; }
.sol-r .txt-box .more2:hover{background: #fff; color:#0d2b4f;  }
.sol-box{margin-bottom: 12px; width: 100%; height: auto; overflow: hidden;}
.sol-box .swiper-container{width: calc(75% - 3px); height: auto; overflow: hidden; position: relative; float: left; }
.sol-box .s5{width: calc(100% - 0px); height: auto; overflow: hidden; position: relative; float: left; }




.sol-box .swiper-slide img.tm{width: 100%; display: block; }
.sol-box .swiper-slide .back{position: absolute; width: 100%; height: 100%; left: 0px;top: 0px;  z-index: 50; background-size: cover;}
.sol-box .swiper-slide .blue{position: absolute; width: 100%; height: 100%; left: 0px;top: 0px; 
 z-index: 51; background: rgba(0,0,0,0.6);transition: all 0.3s ease;}
.sol-box .swiper-slide .txt{position: absolute; width: calc(100% - 10px); height: calc(100% - 10px);
 top: 5px; left: 5px; border: 0px solid rgba(255,255,255,0.5);z-index: 52;transition: all 0.3s ease;}
.sol-box .swiper-slide .txt-box{width: 100%; position: absolute; left: 0px; top: 50%; text-align: center; height: 80px; margin-top: -40px;}
.sol-box .swiper-slide .txt-box h3{font-size: 20px; font-family: arial; color: rgba(255,255,255,1);overflow: hidden;} 
.sol-box .swiper-slide .txt-box .more2{width: 136px; height: 38px;  display: block; border: 1px solid rgba(255,255,255,0.3);
 color: #fff; line-height: 38px;margin: 0 auto; margin-top: 25px;transition: all 0.3s ease; }
.sol-box .swiper-slide .txt-box .more2:hover{background: #fff; color:#0d2b4f;  }
.sol-box .swiper-slide:hover .blue{background: rgba(235,125,30,0.9);}
.sol-box .swiper-slide:hover .txt{border: 1px solid rgba(255,255,255,0.5);}
.sol-box .swiper-slide .txt .jia{display: block; margin: 0 auto; margin-bottom: 20px;}


.sol-g .sol-r{ padding-bottom:60px;  }
.sol-g .sol-box .swiper-slide .back{position: static; width: 100%; height: 100%; left: 0px;top: 0px;  z-index: 50; background-size: cover;}
.sol-g .sol-box .swiper-slide h3{width: 100%; background: #8d9cad; color: #fff; line-height: 60px; padding: 0 20px; transition: all 0.3s ease;text-align: center; }
.sol-g .sol-box .swiper-slide:hover h3{ background: #eb7d1e;}





@media (max-width: 1420px){
.sol{width: 90%; }

}

@media (max-width: 1000px){

.sol-r{width: calc(33.3% - 8px); }
.sol-box .swiper-container{width: calc(66.6% - 4px); }
.sol-box .s5{width: calc(100% - 0px); }
}



@media (max-width: 900px){

.sol-r{width: calc(50% - 6px); }
.sol-box .swiper-container{width: calc(50% - 6px); }
.sol-box .s5{width: calc(100% - 0px); }
}

@media (max-width: 600px){

.sol{width: calc(100% - 40px); }


}

@media (max-width: 500px){

.sol-r{width: calc(100% - 0px); margin-right: 0px; }
.sol-box .swiper-container{width: calc(100% - 0px); }
.sol-box{margin-bottom: 0px; }
}

.sol-box .swiper-container .swiper-button-prev,
.sol-box .swiper-container .swiper-button-next{

    width: 34px !important;
    height: 80px !important;
    margin-top: -40px !important;
    background-size: 34px 80px !important;}
.sol-box .swiper-container .swiper-button-prev{background-image: url(../img/prev.png); background-color: rgba(0,0,0,0.5); left: 0px;right: auto; border: 1px solid rgba(255,255,255,0.2)}
.sol-box .swiper-container .swiper-button-next{background-image: url(../img/next.png); background-color: rgba(0,0,0,0.5); left: auto;right: 0px; border: 1px solid rgba(255,255,255,0.2)}



.project {width: 100%; max-width: 1920px;}
.project .sol-box:first-child .sol-r{float: right; margin-right: 0px; margin-left: 12px;}
.project .sol-r .txt-box{padding: 0 30px; height: 180px; margin-top: -90px;}
.project .sol-r .txt-box h3{font-size: 20px; font-family: arial; color: rgba(255,255,255,1); text-align: left; margin-bottom: 20px;} 
.project .sol-r .txt-box .hang3{font-size: 14px; color: rgba(255,255,255,1); text-align: left;
 margin-bottom: 20px; line-height: 1.5; height: 63px; overflow: hidden;} 
.project .sol-r .txt-box .more2{margin-left: 0px;}

.project  .sol-r .txt{border: 1px solid rgba(255,255,255,0);  width: 100%; height: 100%; top: 0px; left: 0px;}
.project  .sol-r .blue{background: rgba(0,0,0,0);}

.project .swiper-slide .txt-box{padding: 0 30px; height: 120px; margin-top: -60px;}
.project .swiper-slide .txt-box h3{font-size: 20px; font-family: arial; color: rgba(255,255,255,0); margin-bottom: 20px;} 
.project .swiper-slide .txt-box .hang3{font-size: 14px; color: rgba(255,255,255,0); 
 margin-bottom: 20px; line-height: 1.5; height: 63px; overflow: hidden;} 
.project .swiper-slide .txt-box .more2{margin-left: 0px;}

.project  .swiper-slide .txt{border: 1px solid rgba(255,255,255,0);width: calc(100% - 10px); height: calc(100% - 10px);
 top: 5px; left: 5px;}
.project  .swiper-slide .blue{background: rgba(0,0,0,0);}
.project  .swiper-slide:hover .hang3{color: rgba(255,255,255,1);}
.project  .swiper-slide:hover h3{color: rgba(255,255,255,1);}
.project  .swiper-slide:hover .txt{border: 1px solid rgba(255,255,255,1);}
.project .sol-box .swiper-slide:hover .blue{background: rgba(0,0,0,0.6);}

.project .sol-box ul{width: calc(100% + 12px); height: auto; overflow: hidden; margin-left: -6px;}
.project .sol-box ul li{width: calc(25% - 12px); height: auto; overflow: hidden; margin: 6px; float: left; position: relative;}
.project .sol-box ul li img.tm {
    width: 100%;
    display: block;
}

.project  .sol-box ul li .back {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 50;
    background-size: cover;
}

.project  .sol-box ul li .blue {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 51;
    background: rgba(0,0,0,0);
    transition: all 0.3s ease;
}

.project  .sol-box ul li .txt {
    position: absolute;

    z-index: 52;
    transition: all 0.3s ease;

    border: 1px solid rgba(255,255,255,0);
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    top: 5px;
    left: 5px;
}

.project  .sol-box ul li .txt-box {
    width: 100%;
    position: absolute;
    left: 0px;
    top: 50%;
    text-align: center;

padding: 0 30px; height: 120px; margin-top: -60px;
}

.project .sol-box ul li .txt-box h3{font-size: 20px; font-family: arial; color: rgba(255,255,255,0); margin-bottom: 20px;} 
.project .sol-box ul li .txt-box .hang3{font-size: 14px; color: rgba(255,255,255,0); 
 margin-bottom: 20px; line-height: 1.5; height: 63px; overflow: hidden;} 
.project .sol-box ul li .txt-box .more2{margin-left: 0px;}

.project  .sol-box ul li .txt{border: 1px solid rgba(255,255,255,0);width: calc(100% - 10px); height: calc(100% - 10px);
 top: 5px; left: 5px;}

.project  .sol-box ul li:hover .hang3{color: rgba(255,255,255,1);}
.project  .sol-box ul li:hover h3{color: rgba(255,255,255,1);}
.project  .sol-box ul li:hover .txt{border: 1px solid rgba(255,255,255,1);}
.project .sol-box ul li:hover .blue{background: rgba(0,0,0,0.6);}





@media (max-width: 1200px){
.project .sol-r .txt-box .hang3{height: 42px;} 
.project .swiper-slide .txt-box .hang3{ height: 42px; }
.project .sol-r .txt-box{padding: 0 30px; height: 160px; margin-top: -80px;}
.project .swiper-slide .txt-box{padding: 0 20px; height: 100px; margin-top: -50px;}



}
@media (max-width:1000px){
.project .sol-box ul li{width: calc(50% - 12px); }

}

@media (max-width:600px){
.project .sol-box ul li{width: calc(100% - 12px); }

}


.news{width: 100%; height: auto;  max-width: 1424px; margin: 0 auto;}

.news ul{width: 100%; height: auto;  margin: 0 auto; overflow: hidden; margin-top: 50px}
.news ul li{width: calc(33.3% - 24px); height: auto;  margin: 0 auto; float: left; overflow: hidden; margin: 0 12px;} 
.news ul li .pic{width: 100%; height: auto; overflow: hidden; position: relative;}
.news ul li .pic img{width: 100%;display: block;}
.news ul li .pic span{display: block;width: 120px; height: 36px; line-height: 36px;background: rgba(235,125,30,0.9); position: absolute; 
bottom: 5px; left: 5px;  color: #fff; font-size: 16px; text-align: center; font-family: Arial;}
.news ul li .txt{width: 100%; height: auto; overflow: hidden; padding-top: 30px;padding-bottom: 15px;}
.news ul li .txt h3{font-size: 18px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; 
  color: #0d2b4f;transition: all 0.3s ease; margin-bottom: 20px; font-family: arial;}
.news .hang4{font-size: 14px; 
 margin-bottom: 20px; line-height: 1.5; height: 63px; overflow: hidden;} 

.news .more3{width: 100px; height: 36px; text-align: center; font-size: 16px;   line-height: 36px; display: block;
  border: 1px solid #0d2b4f; transition: all 0.3s ease; color: #0d2b4f;}
.news .more3:hover{ background: #eb7d1e;color: #fff; border: 1px solid #eb7d1e;}
.news ul li .txt h3:hover{ color: rgba(235,125,30,1); }


@media (max-width: 1420px){
.news{width: 90%;  }

}

@media (max-width: 800px){

.news ul li{width: calc(100% - 0px); margin: 12px 0px;} 
.news ul li .pic{width: 200px; margin-right: 15px; float: left; }
.news ul li .pic span{display: none;}
.news ul li .txt{width: calc(100% - 215px); height: auto; overflow: hidden; padding-top: 0px; float: left;}
}

@media (max-width: 600px){
.news ul li{width: calc(100% - 0px); margin: 20px 0px;} 
.news{width: calc(100% - 40px); }
.news ul li .pic{width: 100%; margin-right: 0px; float: left; }
.news ul li .pic span{display: block;}
.news ul li .txt{width: calc(100% - 0px); height: auto; overflow: hidden; padding-top: 20px;}


}



.rz{width: 100%;  height: auto; overflow: hidden;  max-width: 1200px; text-align: center; margin: 0 auto}
.rz li{width: 18%;  height: auto; overflow: hidden;  display: inline-block; border-right: 1px solid #666;  margin-bottom: 12px; }
.rz li:last-child{border-right: 0px solid #666;  }
.rz li img{max-width: 100%;  display: block;  margin: 0 auto; }
.rz li:nth-child(5n+5){border-right: 0px solid #666;  }


@media (max-width:1400px){
.rz{width: 90%;}


}


@media (max-width:600px){
.rz li{width: 29%;  }

.rz li:nth-child(3n+3){border-right: 0px solid #666;  }


}


.foot{width: 100%; height: auto; overflow: hidden;padding-top: 80px; background: #0d2b4f;}
.foot-box{width: 100%; height: auto; overflow: hidden; max-width: 1400px; margin: 0 auto ; margin-bottom: 60px;}
.foot-box .logo-b{width: 200px; height: auto; overflow: hidden;  margin-right: 100px; margin-top: 40px; float: left;}
.foot-box ul{width: calc(100% - 300px); float: left; height: auto; overflow: hidden; }
.foot-box ul li{width: 23%; float: left; height: auto; overflow: hidden; padding-left: 20px; }
.foot-box ul li:nth-child(4n){width: 31%;}
.foot-box ul li h1{color: rgba(255,255,255,0.7); font-size: 20px; font-family: arial;transition: all 0.3s ease; }
.foot-box ul li .link1 p{color: rgba(255,255,255,0.7); font-size: 14px; display: block; line-height: 2;}
.foot-box ul li .link1 p a{color: rgba(255,255,255,0.7); transition: all 0.3s ease;  }
.foot-box ul li .link1{width: 100%; height: auto; overflow: hidden;padding-top: 15px; }

.foot-box ul li h1:hover{color: rgba(255,255,255,1); }
.foot-box ul li .link1 p:hover a{color: rgba(255,255,255,1); }
.foot-box ul li .link2 p{padding-left: 30px; position: relative;}
.foot-box ul li .link2 span{width: 20px; height: 20px; position: absolute; left: 0px; top: 4px; display: block;}
.foot-box ul li .link2 span img{width: 100%; display: block;}

 .foot-2{width: 100%; height: auto; overflow: hidden; max-width: 1400px; margin: 0 auto ; text-align: center;
  line-height: 1.5; font-size: 14px; padding: 30px 0; border-top: 1px solid #fff;position: relative;}
 .foot-2 p{color: #fff; font-size: 14px; font-family: Arial;}
 .foot-2 p a{color: rgba(255,255,255,1); font-size: 14px; font-family: Arial;}
 .foot-2 p span{color: rgba(255,255,255,1); font-size: 14px; font-family: Arial;}


@media only screen and (max-width:1680px) {
	.foot-box{width: 90%;}
	.foot-2{width: 90%;}
}


@media (max-width:1400px){
.foot-box{width: 90%;}
 .foot-2{width: 90%;}

}

@media (max-width:900px){
.foot-box .logo-b {display: none;}
.foot-box ul{width: calc(100% - 00px);}
}

@media (max-width: 600px){

.foot{padding-top: 0px;}
.foot-box{display: none;}
.foot-box{width: calc(100% - 40px); }
 .foot-2{width: calc(100% - 40px);border-top: 0px solid #fff; }


}

  .banner2{ width: 100%; height: 550px; background-size: cover; background-position: center; overflow: hidden; }

  .banner2 h2{font-size: 72px; text-align: center; color: #fff; margin-top: 200px; font-family: arial;}
  .banner2 p{font-size: 18px; text-align: center; color: #fff; margin-top: 60px; transition: all 0.3s ease; }
  .banner2 p a{padding-left: 20px; padding-right: 20px; color: #fff;}
.banner2  p a:hover{ color: #eb7d1e;}
.title-in h2{text-align: left; font-size: 36px;}
.title-in span{margin-left: 0;}



.in-nav{  width: 100%; height: auto; overflow: hidden; max-width: 1400px; margin: 0 auto; }

.in-nav .in-nav-b{  height:40px; text-align:center; padding:0 20px;  border-radius: 5px; font-size: 14px;color: #fff; background:#0d2b4f;
 line-height:40px;  border:1px solid #0d2b4f;cursor:pointer; float: left; margin-right: 20px; transition: all 0.3s ease; }
.in-nav .in-nav-b.on{/*  background:#0d2b4f;border:1px solid #0d2b4f; color: #fff; */}
.in-nav .in-nav-b:hover{ background:#fff;border:1px solid #ccc; color: #0d2b4f;}

.in-nav  p{font-size: 16px; color: #0d2b4f; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; display: none; clear: both; }
  .in-nav  p a{padding-left: 10px; padding-right: 10px; color:#0d2b4f; }
.in-nav  p a:hover{ color: #eb7d1e;}
.in-nav  p a:first-child{ padding-left: 0; }



.in-nav-box{  width: 100%; height: auto; overflow: hidden; max-width: 1400px; margin: 0 auto; }

.wenzhang{  width: 100%; height: auto; overflow: hidden; font-size: 14px; color: #0d2b4f; }
 .wenzhang p{font-size: 14px; color: #0d2b4f; line-height: 2 ; }

.in-nav-box .wenzhang{ margin-top: 50px; }


ul.fac{width: calc(100% + 24px); height: auto; overflow: hidden; margin-left: -12px; margin-top: 50px;}
ul.fac li{width: calc(25% - 24px); height: auto; overflow: hidden; margin:0 12px; margin-bottom: 20px; float: left; border: 1px solid #0d2b4f; }
ul.fac li img{display: block; width: 100%;}
ul.fac li h3{font-size: 18px; font-weight: 500; color: #333; text-align: center; height: 30px; line-height: 30px; width: 100%;
    transition: all 0.3s ease; margin-top: 10px; }
ul.fac li:hover h3{color: #f97f00;}

.fac-b{width: 100%; overflow: hidden; background: rgba(0,0,0,0.8); position:fixed; top: 0px; left: 0px; z-index: 9999;  }
.fac-box{width: 100%; height: 420px; left: 0px; top: 50%; margin-top: -210px; position: absolute;  }
.fac-box .swiper-slide{text-align: center; }
.fac-box .swiper-slide img{display: inline-block; height: 420px;}
.fac-b .close{width: 30px; height: 30px; position: absolute; right: 5px; top: 5px; z-index: 99999}
.fac-box .swiper-slide h1{width: 100%; position: absolute; font-size: 16px; left: 0px; bottom: 20px; color: #fff;text-shadow: 2px 2px 2px #333;}


.get-touch{width: 50%; height: auto; overflow: hidden; padding-right: 60px; float: left;}
.cont{width: 50%; height: auto; overflow: hidden; max-width: 460px;  float: right;}
.cont1{font-size: 36px;color: #0d2b4f;  font-family: arial; margin-bottom: 20px}
.cont2{font-size: 18px;color: #999;  font-family: arial; margin-bottom: 30px}
.get-touch form{width: calc(100% + 24px); height: auto; overflow: hidden;display: block; margin-left: -12px;}
.get-touch form input{width: calc(50% - 24px); margin:0 12px;margin-bottom: 20px; outline:none; float: left; padding: 0 10px;
 background: #fff; border: 1px solid #c4c4c4; height: 40px; line-height: 40px; font-size: 14px; }
.get-touch form input.mail{width: calc(100% - 24px); }
.get-touch form textarea{width: calc(100% - 24px); margin:0 12px;margin-bottom: 20px; outline:none; float: left; padding:10px 10px;
 background: #fff; border: 1px solid #c4c4c4; height: 120px; line-height: 1.5; font-size: 14px; font-family:arial,Arial,'微软雅黑',"Microsoft Yahei";  }
.get-touch form input.btn{transition: all 0.3s ease;}
.get-touch form input.btn:hover{background: #0d2b4f; color: #fff;}

.cont ul{width: 100%; height: auto; overflow: hidden;}
.cont ul li{width: 100%; height: auto; overflow: hidden; position: relative; margin-bottom: 20px; padding-left: 70px; min-height: 50px;}
.cont ul li span{display: block;width: 50px; height: 50px; position: absolute; left: 0px; top: 0px; }
.cont ul li span img{display: block;width: 100%; }
.cont ul li h1{font-size: 20px;color: #0d2b4f;  font-family: arial; margin-top: 15px ; margin-bottom: 20px;}
.cont ul li .txt{width: 100%; word-wrap: break-word;  color: #666; font-size: 14px; font-family:Arial,'微软雅黑',"Microsoft Yahei";}

      #container1{
            width:100%;
            height:400px;
            float:left;
            overflow: hidden;
           
        }
       
        #map1{
         width: 100%;
            height:100%;
        }

@media (max-width:1400px){
.in-nav{width: 90%;}
.in-nav-box{width: 90%;}

 .banner2 h2{font-size: 60px; }
}

@media (max-width:1000px){

.touch form input.tel{width: calc(100% - 24px); }
.touch form input.name{width: calc(100% - 24px); }
.get-touch {width: 100%;padding-right: 0;}
 .banner2 h2{font-size: 50px; }
}
@media (max-width:800px){
.in-nav .in-nav-b{display: none; 
    height: 30px;
   
    padding: 0 15px;
    border-radius: 5px;

    line-height: 30px;
    border: 1px solid #ccc;
    cursor: pointer;
    float: left;
    margin-right: 10px;
    transition: all 0.3s ease; margin-bottom: 10px;}
.in-nav  p{display: block;}
.banner2 p{display: none;}
 .banner2 h2{font-size: 42px; }

   .banner2{  height: 450px;  }

.touch{width: 100%;  padding-right: 0px; float: none; /*margin-bottom:50px; */}
.cont{width: 100%;  max-width: 1000px;  float: none;  }
}



 @media (max-width: 640px){
.fac-box{width: 100%; height: 100%; left: 0px; top: 0px; margin-top: 0px; }
.fac-box .swiper-slide{    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: box;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;}
.fac-box .swiper-slide img{display: block;  width: 100%; height: auto;    }
.fac-box .swiper-slide h1{ bottom: 20px; }
ul.fac li{width: calc(50% - 24px); }

.banner2 h2{font-size: 36px; }

 .banner2{  height: 400px;  }
}


@media (max-width: 600px){

.in-nav{width: calc(100% - 40px); }
.in-nav-box{width: calc(100% - 40px); }

}

@media (max-width: 400px){

.banner2{  height: 300px;  }
.banner2 h2{ margin-top: 150px; font-size: 30px; }


.in-nav  p{font-size: 16px;  }
  .in-nav  p a{padding-left: 10px; padding-right: 10px;}

.in-nav  p a:first-child{ padding-left: 0; }

}










.in-nav-box ul.in-new {width:100%;height:auto;overflow:hidden;}
.in-nav-box ul.in-new li {width:100%;height:auto;overflow:hidden;padding:25px 5px;border-bottom:1px #999 dashed;}
.in-nav-box ul.in-new li:first-child {padding-top:0;}
.in-nav-box ul.in-new li .pic {width:200px;height:auto;overflow:hidden;float:left;}
.in-nav-box ul.in-new li .pic img {display: block;width: 100%}
.in-news-a {width:160px;height:40px;line-height:40px;text-align:center;
  font-size:14px;display:block;float:right;margin-top:60px; border: 1px solid #0d2b4f;
 color:#0d2b4f;transition:all 0.3s ease;}
.in-news-a:hover {background:#0d2b4f; color: #fff;}
.in-nav-box ul.in-new li .box {width:calc(100% - 360px);height:auto;overflow:hidden;float:left;padding:0 40px;  max-width: 900px;}
.in-nav-box ul.in-new li .box h2 {font-size:20px;font-weight:900;margin-top:15px;transition:all 0.3s ease;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap;margin-bottom:15px; color: #0d2b4f;}
.in-nav-box ul.in-new li .box h2:hover {color:#f97f00;}
.in-nav-box ul.in-new li .box p.tim {font-size:14px;text-align:left;color:#999;height:30px;line-height:30px;margin-top:15px;}
.in-nav-box ul.in-new li .box p.tim span {display:inline-block;padding-left:40px;margin-right:20px;background-repeat:no-repeat;
  background-position:center left; font-family: Arial;}
.in-nav-box ul.in-new li .box .in-news-main {font-size:14px;height:44px;overflow:hidden;line-height:2;}

.in-news-a b{font-weight: 500; line-height: 10px; font-family: Arial;}

.in-nav-box ul.in-pro{width: calc(100% + 24px); height: auto; overflow: hidden;display: block; margin-left: -12px;}
 .in-nav-box-pro ul.in-pro{margin-top: 40px;}

.in-nav-box ul.in-pro li{width: calc(25% - 24px); margin:12px;height: auto; overflow: hidden; float: left;}
.in-nav-box ul.in-pro li .pic{width: 100%;height: auto; overflow: hidden; position: relative;}
.in-nav-box ul.in-pro li .pic img{width: 100%;display: block;}
.in-nav-box ul.in-pro li .pic .blue{width: 100%;height: 100%; position: absolute; top: 0px; left: 0px;
 background: rgba(13,43,79,0.7); transition: all 0.3s ease;  top: -100%}
.in-nav-box ul.in-pro li .pic .blue .pro-txt{width: calc(100% - 40px); height: 84px; overflow: hidden; line-height: 2; color: #fff; 
position: absolute; left: 20px; top: 20%;  }
.in-nav-box ul.in-pro li:hover .pic .blue{top: 0px;}

.in-nav-box ul.in-pro li .pic .blue span{ height: 28px; text-align: center; font-size: 14px;   line-height: 28px; display: block;
   transition: all 0.3s ease; color: #fff; position: absolute; bottom: 15%; left: 25px;}
.in-nav-box ul.in-pro li .pic .blue span:hover{padding-left: 10px;}
.in-nav-box ul.in-pro li .pic .blue span b{font-size: 20px; font-weight: 100; font-family: Arial;}
.in-nav-box ul.in-pro li h1{font-size: 18px; width: 100%; color: #333; padding: 0 10px;transition: all 0.3s ease; 
 height: 50px; line-height: 50px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.in-nav-box ul.in-pro li:hover h1{color: #fff; background:#0d2b4f; }

.in-nav-box ul.in-jec{width: calc(100% + 24px); height: auto; overflow: hidden;display: block; margin-left: -12px;}
.in-nav-box-pro ul.in-jec{margin-top: 40px;}
.in-nav-box ul.in-jec li{width: calc(33.3% - 24px); margin:12px;height: auto; overflow: hidden; position: relative;
display: inline-block;vertical-align: top; border: 1px solid #bbb;}
.in-nav-box ul.in-jec li .pic{width: 100%;height: auto; overflow: hidden; position: relative;}
.in-nav-box ul.in-jec li .pic img{width: 100%;display: block;}
.in-nav-box ul.in-jec li .txt {width: 100%; height: auto; overflow: hidden; text-align: center; margin-top: 20px; margin-bottom: 20px; padding: 0 20px;}
.in-nav-box ul.in-jec li .txt h2{ font-size: 18px; color: #0d2b4f; margin-bottom: 5px; }
.in-nav-box ul.in-jec li .txt .jec-txt{width: calc(100% - 0px); height: auto; overflow: hidden; line-height: 2; color: #666;  }
.in-nav-box ul.in-jec li .txt .jec-txt p{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.in-nav-box ul.in-jec li span{position: absolute; width: 56px; height: 56px; left: 50%; margin-left: -28px; bottom: 175px; 
  background-color: #fff; box-shadow: 1px 1px 8px rgba(0,0,0,0.3); border-radius: 28px; background-image: url(../img/018.png);transition: all 0.3s ease; }

.in-nav-box ul.in-jec li:hover span{background-image: url(../img/019.png); background-color: #f5821f;}


.page {margin-top:30px;text-align:center;width:100%;height:auto;overflow:hidden;}
.page a {display:inline-block;padding:0 12px;height:34px;line-height:34px;font-family: Arial; color: #0d2b4f;
  text-align:center;margin:0 5px;border:1px solid #0d2b4f;}
.page a:hover {background:#0d2b4f;border:1px solid #0d2b4f;color:#fff;}
.page a.cut {background:#0d2b4f;border:1px solid #0d2b4f;color:#fff;}

@media (max-width:1200px) {
.in-nav-box ul.in-pro li{width: calc(33.3% - 24px); }
}
@media (max-width:900px) {
.in-nav-box ul.in-new li .in-news-a {display:none;}
.in-nav-box ul.in-new li .box {width:calc(100% - 225px);padding-right:0px;}
.in-nav-box ul.in-pro li{width: calc(50% - 24px); }


.in-nav-box ul.in-jec li{width: calc(50% - 24px);}
}
@media (max-width:700px) {
.in-nav-box ul.in-new li .pic {display:none;}
.in-nav-box ul.in-new li .box {width:calc(100% - 0px);padding-left:0px;}
}
@media (max-width:600px) {
  .in-become {width:100%;padding:0 20px;}
.in-nav-box {width:100%;padding:0 20px;}
.in-nav-box ul.in-pro li .pic .blue .pro-txt{ height: 64px;  }
.in-nav-box ul.in-jec li{width: calc(100% - 24px);}

.h80{height: 50px;}

.title-in h2 {

    font-size: 24px;
}

}
@media (max-width:500px) {
  .in-news ul.in-new li .box h2 {font-size:17px;}
}


@media (max-width:450px) {
.in-nav-box ul.in-pro li{width: calc(100% - 24px); }
}





.pd-1{width: 100%; height: auto; overflow: hidden; }
.pd-1 .pic{width: 500px; height: auto; overflow: hidden; float: left;}
.pd-1 .txt{width: calc(100% - 550px) ; height: auto; overflow: hidden; float: right; max-width: 550px;}


.pd-1 .pic .ban{ width:500px; height:480px; position:relative; overflow:hidden;}
.pd-1 .pic .ban2{ width:500px; height:375px; position:relative; overflow:hidden;}
.pd-1 .pic .ban2 ul{ position:absolute; left:0; top:0;}
.pd-1 .pic .ban2 ul li{ width:500px; height:375px; border: 1px solid #ccc;}
.pd-1 .pic .ban2 ul li img{ width:499px; height:374px; display: block;}
.pd-1 .pic .prev{ float:left; cursor:pointer;}
.pd-1 .pic .num{ height:88px;overflow:hidden; width:500px; position:relative;float:left;}
.pd-1 .pic .min_pic{ padding-top:10px; width:500px;}
.pd-1 .pic .num ul{ position:absolute; left:0; top:0;}
.pd-1 .pic .num ul li{ width:116px; height:88px; margin-right:12px; padding:0px; border: 1px solid #ccc;}
.pd-1 .pic .num ul li img{ width:100%;display: block;}
.pd-1 .pic .num ul li.on{ border:1px solid #f5821f; padding:0;}
.pd-1 .pic .prev_btn1{ width:16px; text-align:center; height:18px; margin-top:40px; margin-right:20px; cursor:pointer; float:left;}
.pd-1 .pic .next_btn1{  width:16px; text-align:center; height:18px; margin-top:40px;cursor:pointer;float:right;}
.pd-1 .pic .prev1{ position:absolute; top:160px;background-color: rgba(0,0,0,0.2); background-image: url(../img/prev.png);  left:0px; width:34px; height:80px;z-index:9;cursor:pointer;}
.pd-1 .pic .next1{ position:absolute; top:160px; background-color: rgba(0,0,0,0.2); background-image: url(../img/next.png); right:0px; width:34px; height:80px;z-index:9;cursor:pointer;}
.pd-1 .pic .mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;}
.pd-1 .pic .pop_up{ width:500px; height:500px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-255px; margin-top:-255px; display:none; z-index:99;}
.pd-1 .pic .pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;}
.pd-1 .pic .pop_up2{ width:500px; height:500px; position:relative; overflow:hidden;}
.pd-1 .pic .pop_up2{ width:500px; height:500px; position:relative; overflow:hidden; float:left;}
.pd-1 .pic .pop_up2 ul{ position:absolute; left:0; top:0;}
.pd-1 .pic .pop_up2 ul li{ width:500px; height:500px; float:left;}

.pds{width: 100%; clear: both; display: none;}
.pds img{width: 100%; display: block;}


.pds  .swiper-button-prev,
.pds  .swiper-button-next{

    width: 34px !important;
    height: 80px !important;
    margin-top: -40px !important;
    background-size: 34px 80px !important;}
.pds  .swiper-button-prev{background-image: url(../img/prev.png); background-color: rgba(0,0,0,0.5); left: 0px;right: auto; border: 1px solid rgba(255,255,255,0.2)}
.pds  .swiper-button-next{background-image: url(../img/next.png); background-color: rgba(0,0,0,0.5); left: auto;right: 0px; border: 1px solid rgba(255,255,255,0.2)}


.pd-1 .txt .txt-t{width: 100%; padding: 20px 0; border-bottom: 1px #ccc dashed;}
.pd-1 .txt .txt-t h1{font-size: 24px; color: #0d2b4f ; font-family: arial; line-height: 1.5}

.pd-1 .txt .txt-b{margin-top: 40px; line-height: 2; font-size: 14px; margin-bottom: 40px;}
.pd-1 .txt .txt-b p{ line-height: 2; font-size: 14px; word-wrap: break-word;}


.pd-btn{width: calc(100% + 48px); height: auto; overflow: hidden; margin-left: -24px;}
.pd-btn li{width: calc(50% - 48px); height: auto; overflow: hidden;  margin: 0 24px; height: 48px; float: left;
 line-height: 48px;text-align: center; transition: all 0.3s ease; border: 1px solid rgba(13,43,79,0.3);}
.pd-btn li span{display: inline-block;height: 48px; line-height: 48px; padding-left: 36px; font-size: 16px; color: #0d2b4f; 
  background-repeat: no-repeat; background-position: left center;  }
.pd-btn li .pd-btn1{background-image: url(../img/020.png);}
.pd-btn li .pd-btn2{background-image: url(../img/021.png);}
.pd-btn li:hover{border: 1px solid rgba(13,43,79,1);background:rgba(13,43,79,1); }
.pd-btn li:hover .pd-btn1{background-image: url(../img/022.png); color: #fff;}
.pd-btn li:hover .pd-btn2{background-image: url(../img/023.png); color: #fff;}


.maim-pd .in-nav{  width: 100%; height: auto; overflow: hidden; max-width: 1200px; margin: 0 auto; }
.maim-pd .in-nav-box{  width: 100%; height: auto; overflow: hidden; max-width: 1200px; margin: 0 auto; }



@media (max-width:1300px) {
.maim-pd .in-nav{  width: 90%;  }
.maim-pd .in-nav-box{  width: 90%;  }
}

@media (max-width:1200px) {
.pd-btn li{width: calc(100% - 48px); margin-bottom: 20px;}
}


@media (max-width:1000px) {
.pd-1 .pic{width: 400px;}
.pd-1 .txt{width: calc(100% - 430px) ; }


.pd-1 .pic .ban{ width:400px; height:480px;}
.pd-1 .pic .ban2{ width:400px; height:300px; }

.pd-1 .pic .ban2 ul li{ width:400px; height:300px;}
.pd-1 .pic .ban2 ul li img{ width:399px; height:299px; }

.pd-1 .pic .num{ height:66px;width:400px; }
.pd-1 .pic .min_pic{ padding-top:10px; width:400px;}

.pd-1 .pic .num ul li{ width:88px; height:66px;}



.pd-1 .pic .prev1{  top:160px;}
.pd-1 .pic .next1{  top:160px;}



.pds{width: 100%; clear: both; display: none;}
.pds img{width: 100%; display: block;}
}




.hh-essay {width:100%;height:auto;overflow:hidden;max-width:1400px;padding:0px 0px;margin:0 auto;position:relative;}

.hh-essay-t {width:100%;height:auto;overflow:hidden;margin-bottom:40px;}
.hh-essay-t h2 {font-size:32px;text-align:left;margin-bottom:20px;}
.hh-essay-t p {font-size:14px;text-align:center;color:#999;height:30px;line-height:30px;}
.hh-essay-t p span {display:inline-block;padding-left:40px;margin:0 10px;background-repeat:no-repeat;background-position:center left;}
.hh-essay-t p span a {color:#999;transition:all 0.3s ease;}
.hh-essay-t p span a:hover {color:#f97f00;}
.hh-essay-c {width:100%;height:auto;overflow:hidden;padding-bottom:40px;border-bottom:1px solid #999;line-height:2;font-size:14px;margin-bottom:40px;color:#666;word-wrap:break-word;}
.hh-essay-c2 {border-width:0px;margin-bottom:0px;}
.hh-essay-b {width:100%;height:auto;overflow:hidden;margin-top:40px;}
.hh-essay-b-l {width:100%;height:auto;overflow:hidden;float:left;}
.hh-essay-b-l p {width:100%;height:auto;overflow:hidden;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5;font-size:15px;color:#333;}
.hh-essay-b-l p a {transition:all 0.3s ease;}
.hh-essay-b-l p a:hover {color:#f97f00;}

.hh-essay-a {height:50px;line-height:50px;float:left;display:block;border-radius:3px;background:#f97f00;padding-left:50px;padding-right:20px;background-repeat:no-repeat;background-position:20px  center;color:#fff;background-image:url(../img/060.png);}
.hh-essay-a0 {height:50px;float:left;display:block;margin-right:20px;}
.hh-essay-a0 a {height:27px;width:27px;display:block;float:left;margin-right:10px;margin-top:11px;transition:all 0.3s ease;}
.hh-essay-a0 a img {display:block;width:100%;}
.hh-essay-a0 a:hover {margin-top:6px;}





.hh-essay .hh-essay-t p {text-align:left;height:40px;line-height:40px;}
.hh-essay .hh-essay-t p span {margin-left:0px;}
.hh-essay .hh-essay-t p.hh-essay-a0 {text-align:left;float:right;}

.in-nav-box .sol-box .swiper-container {
    width: calc(100% - 0px);
 
}

@media (max-width:800px) {
.pd-1 .pic{display: none;}
.pds{ display: block;}
.pd-1 .txt{width: calc(100% - 0px); max-width:800px; }
.hh-essay-t h2 {font-size:24px;}
}


.shejiao{display: block;width: 100%; margin-top: 20px;}
.shejiao a{display: block;width: 30px; height: 30px; margin-right: 10px; margin-bottom: 10px; float: left; background: #fff;}
.shejiao a .icon {
   width: 30px; height: 30px;
   vertical-align: -0.15em; font-size: 16px;
   fill: currentColor;
   overflow: hidden; color: red;
}

.shejiao a .iconfont{
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale; 
  color: #fff; font-size: 16px; line-height: 30px; text-align: center; display: block;width: 30px; line-height: 30px;
}

.shejiao a.sj1{background: #1da1f2;}
.shejiao a.sj2{background: #0077b5;}
.shejiao a.sj3{background: #3b5998;}
.shejiao a.sj4{background: #dc4e41;}
.shejiao a.sj5{background: #cb2027;}
.shejiao a.sj6{background: #ff6550;}


.wenzhang-img{width: 50%; max-width: 500px; float: right; display: block; margin-left: 20px; margin-bottom: 20px; height: auto; overflow: hidden;}
.wenzhang-img img{width: 100%;  display: block; height: auto;}


@media (max-width:600px) {
.wenzhang-img{width: 100%; margin: 0 auto; margin-bottom: 20px;}
}



.form-box{width: 100%;padding-bottom:45px; height: auto;max-width: 1400px; margin: 0 auto;}
.form-box form{width: 100%;height: auto;font-size: 0;font-family: arial;overflow: hidden;}
.form-box form .c1{width: calc(33.3% - 12px);border-radius: 5px;margin-bottom: 10px; margin-right: 16px; display: inline-block;border: none;color: rgba(255,255,255,0.9);font-size: 16px;font-family: arial; background: #797d8f;border: 1px solid rgba(255,255,255,0.1); line-height: 25px;padding: 10px;}
.form-box form .c3{margin-right: 0;}
.form-box form .c4,.form-box form .c5{width: calc(50% - 8px);margin-right: 16px;}
.form-box form .c5{margin-right: 0;}
.form-box form .c6{width:calc(100% - 135px);margin-right: 15px; height:120px; margin-right: 0;float: left;}
.form-box form .c7{font-family: arial; width:120px;height: 120px;border-radius: 5px; border: none;background: #2f5085;float: right;font-size: 16px;  color: #fff;display: inline-block;}





.form-box form .c1::-moz-placeholder{color: rgba(255,255,255,0.65);}
.form-box form .c1:-ms-input-placeholder{color: rgba(255,255,255,0.65);} 
.form-box form .c1::-webkit-input-placeholder{color: rgba(255,255,255,0.65);}








@media only screen and (max-width:1680px ) {
	.form-box{width: 90%;}
	
}
@media only screen and (max-width:1440px) {
	.form-box{width: 90%;}
}
@media only screen and (max-width:1280px) {
	
}
@media only screen and (max-width:1024px) {
	.form-box form .c1{width:calc(50% - 5px);margin-right: 10px;line-height: 20px;font-size: 15px;}
	.form-box form .c2{margin-right: 0;}
	.form-box form .c4{margin-right: 0;}
	.form-box form .c5{width: 100%;}
	.form-box form .c6{width: calc(100% - 110px);margin-right: 10px;height: 100px;}
	.form-box form .c7{height: 100px;width: 100px;font-size: 15px;}
	
	
}
@media only screen and (max-width:720px) {
	.form-box{padding-top:35px;padding-bottom: 0;}
		.form-box form .c1{font-size: 14px;}
		.form-box form .c7{height: 100px;width: 100px;font-size: 14px;}
	
}