body,  div,  p { margin: 0; padding: 0;}
ul { list-style: none;margin: 0; padding: 0;}
a:hover{cursor: pointer;}

.left{float: left;}
.right{float: right;}
.clear{clear: both}
body { width: 100%;  *cursor: default;
font: 16px/1.5 "Microsoft YaHei", Helvetica, STHeiti STXihei, Microsoft JhengHei, Arial;overflow-x:hidden;}
img{border:0px;}
a{text-decoration: none;outline: none}
div{outline: none}
ul,li{list-style-type: none}
*{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing: border-box;}
.main{width: 1200px;margin:0 auto;}
img{max-width: 100%}


.section{overflow: hidden;}
header{width: 100%;position: absolute;top:3%;left:0;z-index: 100;}
header .logo img{height:45px}
.section1_banner,.section1_banner .swiper-container,.section1_banner .swiper-slide {width: 100%;height: 100%;}
.nav img{height: 20px;}
.main{width: 94%;margin:0 auto;}
.logo{float: left;}
.nav{float: right;padding-top:10px}
.close{position: absolute;top:15px;right: 15px}
.close img{height: 20px}
.section1_banner .swiper-pagination{display: none;}
body.open #header {

    transform: translate3d(-400px, 0, 0);

    -webkit-transform: translate3d(-400px, 0, 0);

    -moz-transform: translate3d(-400px, 0, 0);

    -o-transform: translate3d(-400px, 0, 0);

    width: 100%;

}





#header ul li.navitem a {

    color: #fff;

    font-size: 14px;

}

#header ul li.navitem ul.subnav li a {
background: transparent;}


#header ul li.navitem ul.subnav li {

    border-bottom: 1px solid rgba(0, 0, 0, .02);

}



#header ul li.navitem ul.subnav li:last-child {
    border-bottom: none;

}

body #header {
    width: 400px;
    left: auto;
    background-color: #0e3c91;
    right: -400px;
    position: fixed;
    z-index: 99999999;
    transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
body.open #header {
    transform: translate3d(-400px, 0, 0);
    -webkit-transform: translate3d(-400px, 0, 0);
    -moz-transform: translate3d(-400px, 0, 0);
    -o-transform: translate3d(-400px, 0, 0);
    width: 100%;
    height: 100%;
}
#header .content {
    padding-top: 80px;
    background-color: #0e3c91;
    padding-bottom: 1000px;
    box-shadow: 0px 2px 26px rgba(0, 0, 0, 0.1);
}
#header ul#nav {
    float: right;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    width: 100%;
}
 #header ul li.navitem {
    text-align: center;
    border-bottom: 1px solid #054a8b;
    height: 60px;
    line-height: 60px;
}

body.open  .headSHBtn:hover {
    background-color: #262626;
}
body.open  .headSHBtn {

   right: 40px;
}
body.open .headSHBtn::before {
    transform: rotate(-45deg);
    top: 25px;
    background: #fff;
}
body.open .headSHBtn::after {
    transform: rotate(45deg);
    top: 25px;
    background: #fff;
}
body.open .headSHBtn {
    background-color: #4a4a4a;
}
body.open{width: 100%;height: 100%;overflow: hidden;}
#header ul li.navitem{
   opacity: 0;
  transition: 1s;
  transitino-delay: 1s;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
body.open #header ul li.navitem{
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}
body.open #header ul li.navitem:nth-child(2)  {
    transition-delay: 0.2s;
}

body.open #header ul li.navitem:nth-child(3)  {
    transition-delay: 0.4s;
}

body.open #header ul li.navitem:nth-child(4)  {
    transition-delay: 0.6s;
}

body.open #header ul li.navitem:nth-child(5)  {
    transition-delay: 0.8s;
}

body.open #header ul li.navitem:nth-child(6)  {
    transition-delay: 1s;
}

body.open #header ul li.navitem:nth-child(7)  {
    transition-delay: 1.2s;
}
body.open #header ul li.navitem:nth-child(8)  {
    transition-delay: 1.4s;
}
body.open #header ul li.navitem:nth-child(9)  {
    transition-delay: 1.6s;
}

/*第二屏*/
.section2{background: url('../images/bg2.jpg') no-repeat center;background-size: 100%}
.sec2_bot img{width: 100%;display: block;}
.sec2_bot{position: absolute;bottom: 0;left: 0;width: 100%}
.sec2_top_tit{width: 100%;background: url('../images/sec2_top_tit.png') no-repeat center top 0px;text-align: center;padding-top: 3px;background-size: 80%;}
.sec2_top_zh{font-size:25px;text-align: center;color: #545454;padding-bottom: 5px}
.sec2_top_zh span{color: #2370b2}
.sec2_top_eng{font-size: 10px;color: #2370b2;background: url('../images/tit.png') no-repeat center top;padding-top: 10px;text-transform: uppercase;}
.sec2_top_nr{padding-top:10%}
.data{width: 100%;border-bottom: 1px solid #e0e0e0;}

.data li{width: 33.3%;float: left;text-align: center;padding: 5% 0}
.data li .number{color:#404040;font-size: 13px;}
.data li .number span{color: #404040;font-weight: bold;font-size: 28px;display: inline-block;margin-right:3px}
.data li  p{text-align: center;font-size: 13px;color: #404040;}

.sec2_li_tit{color: #0670bf;font-size:18px;text-align: center;}
.sec2_li_info{color:#010101;line-height: 2;font-size: 13px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:6;-webkit-box-orient: vertical;}
.sec2_li_info span{line-height: 2!important;}
.more {
    width: 40px;
    margin: 30px auto 0;
}
.more img{width: 100%}
.sec2_list .swiper-slide{padding-top: 7%}
.sec2_li_tit{padding-bottom: 2%}
.sec2_list .swiper-container{padding-bottom:40px}
.sec2_list .swiper-pagination-bullet {width: 38px;height: 5px;display: inline-block;border-radius: 4px;opacity: 1;border:1px solid #687fae;background: transparent;}
.sec2_list .swiper-pagination-bullet-active {background: #687fae;}
.sec2_list .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px;}

/*第三屏*/
.section3{background: url('../images/bg3.jpg') no-repeat center;background-size:cover;}
.sec_lanmu{color: #fff;text-transform: uppercase;padding-top: 10%}
.sec_lanmu_eng{font-size: 14px;}
.sec_lanmu_eng span{font-size: 25px;font-weight: bold;display: inline-block;margin-right: 5px;}
.sec_lanmu_zh{font-size:22px;color: #fde200;display: block;line-height:20px;}
.sec3_type li{width: 33.3%;text-align: center;float: left;margin-bottom: 10px;padding-right: 2%;color: #fff;}
.sec3_type li a{color: #fff;font-size: 12px;display: block;background: #0f78f8;height: 35px;line-height: 33px;text-align: center;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sec3_type li:nth-child(3n){padding-right: 0}
.sec3_type{padding-top:7%}
.sec3_ul_list{padding-top: 10%}
.sec3_ul_list li{width: 48.7%;margin-bottom: 3%}
.sec3_ul_list li:nth-child(2n+1){float: left;}
.sec3_ul_list li:nth-child(2n){float: right;}
.sec3_ul_list li img{display: block;border:2px solid #fff;}
.sec3_more{display: block;width: 35%;height: 30px;line-height:25px;text-align: center;color: #fff;margin:10% auto 0;border:1px dashed #fff;text-transform: uppercase;border-radius: 20px;font-size: 13px;}

.sec3_type li a{
  -webkit-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
  background: -webkit-linear-gradient(180deg, #0f78f8, #0f78f8, rgba(34,34,34,0), rgba(34,34,34,0));
  background-position: 99% 50%;
  background-size: 300% 300%;
  border: 1px solid #0f78f8;
}
.sec3_type li.sec3_type_on a{
  color:#fff;
  border: 1px solid #fff;
  background-position: 1% 50%;
}

/*第四屏*/
.section4{background: url('../images/bg4.jpg') no-repeat center top;background-size: 100%}
.section4 ul{height:calc(100% - 13px);position: absolute;bottom: 0;left: 0;width: 100%}
.section4 ul li{width: 50%;height: 50%;float: left;}
.section4 ul li a{display: block;width: 100%;height: 100%;position: relative;}
.section4 li:nth-child(2n+1){float: left;padding:2px 2px 0 0;}
.section4 li:nth-child(2n){float: right;padding:2px 0px 0 0;}
.sec4_op_info{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);width: 100%}
.sec4_op_tit{color: #fff;text-align: center;font-size: 22px;padding: 5% 0;border-bottom: 1px solid #fff;width: 90px;margin:0 auto;}
.icon{width: 55px;height: 55px;border:1px solid #fff;border-radius: 100%;margin:0 auto;}
.section4 ul li:nth-child(1) .icon{background: url('../images/icon1.png') no-repeat center center;background-size:25px}
.section4 ul li:nth-child(2) .icon{background: url('../images/icon2.png') no-repeat center center;background-size:25px}
.section4 ul li:nth-child(3) .icon{background: url('../images/icon3.png') no-repeat center center;background-size:25px}
.section4 ul li:nth-child(4) .icon{background: url('../images/icon4.png') no-repeat center center;background-size:25px}

/*第五屏*/
.section5{background:#044e9e url('../images/bg5.jpg') no-repeat center bottom;background-size: 100%}
.sec_lanmu_zh span{color: #fff}
.section5 ul li{width: 100%;margin-bottom: 5%}
.section5 ul li .sec5_date{
  width: 60px;
  color: #fff;
  text-align: right;
  float: left;
  padding-top: 20px;
  font-style: italic;
}
.section5 .sec5_date .md {
    font-size: 21px;
}
.section5 .sec5_date .year {
    font-size: 15px;
    color: #7491c5;
}
.section5 li .sec5_r{
  float: right;padding: 10px 15px;width:calc(100% - 70px); 
}

.sec5_tit{font-size: 16px;color: #ffffff;padding-bottom:5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sec5_jian{font-size: 13px;line-height:2;color: #fff;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.sect5_ul{margin-top: 15%;position: relative;}
.sec5_line{width: 1px;height:350px;background: #1185fc;position: absolute;top:0;left: 70px}

.section5 li:nth-child(2) .sec5_r{background: #1185fc}
.sec5_more{width: 80px;height: 35px;line-height: 35px;border-bottom: 1px solid #fff;color: #fff;display: block;margin:0 auto;text-align: right;font-size: 13px;}

.section6{position: relative;}
.sec6_top{width:100%;height:calc(100% - 60px);position: relative;background: rgba(205,205,205,0.7);}
.sec6_bot{width: 100%;background: url('../images/sec6_bot.jpg') no-repeat;height: 60px;position:absolute;bottom: 0;left:0;overflow: hidden;}
#allmap {
  height: 100%;

}
#allmap .BMap_mask{
  background: url('../images/yy.png') no-repeat center!important;background-size:100% 100%!important;

}

/*底部*/
.foot{width: 100%;background: #333333;height:77px;position: absolute;bottom: 0px;left: 0;width: 100%;display: block;z-index: 12;background: url('../images/foot.jpg') no-repeat center bottom;background-size: cover}
.foot a{display: block;float: left;text-align: center;color: #fff;width: 25%;padding-top:50px;font-size: 14px;border-radius: 50%}
.foot a:nth-child(1){background: url('../images/home.png') no-repeat center top 10px;background-size: auto 35px;}
.foot a:nth-child(2){background: url('../images/tel.png') no-repeat center top 10px;background-size: auto 35px;}
.foot a:nth-child(3){background: url('../images/sms.png') no-repeat center top 10px;background-size: auto 35px;}
.foot a:nth-child(4){background: url('../images/contact.png') no-repeat center top 10px;background-size: auto 35px;}

.opacity{opacity: 0}