body,  div,  p { margin: 0; padding: 0;}
ul { list-style: none;margin: 0; padding: 0;}
a:hover{cursor: pointer;}
html {width: 100%;overflow-x: hidden;}
.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;max-width: 100%}
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: 92%;margin:0 auto;}

.header{width: 100%;position: absolute;top:0;left:0;z-index: 100;height: 50px;background: rgba(0,3,43,0.7);color: #fff;font-size: 22px;}
.header .fanhui img{height:25px;display: block;}
.header .fanhui{position: absolute;top:13px;left:4%;}
.nav img{height: 20px;display: block;}
.nav{position: absolute;top:16px;right:4%;height: 20px;}
.close{position: absolute;top:15px;right: 15px}
.close img{height: 20px}
.dh_lanmu{width: 100%;text-align: center;line-height: 50px;}
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%;

}

.body{background: #fff}



#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;
}

.lanmu_info span {
    font-size:22px;
    color: #000000;
}
.lanmu_info p {
    font-size:21px;
    font-weight: bold;
    color: #000000;
    text-transform: uppercase;
    margin-top: -5px;
}
.nail{font-size: 14px;color: #006bd8;background: url('../images/nail.png') no-repeat center left;padding-left:20px;margin-top:15px;background-size: 15px;position: absolute;top:5%;right: 0}
.nail a{color: #006bd8}
/*关于我们*/
.about1{background: url('../images/about1.jpg') no-repeat center top;background-size: 100%}
.about1 .type{text-align: center;}
.lanmu{padding-top:4%;position: relative;}
.type{padding-top: 5%}
.type a.on{background: #006bd8;color: #fff}
.type a {
    display: inline-block;
    width: 32%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #e6e6e6;
    font-size: 14px;
    color: #000000;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}
.type a i{position: relative;z-index: 2;font-style: normal;}

.type a:before {
  position: absolute;
  content: '';
  background: #006bd8;
  transition-duration: 0.3s;
  z-index: 1;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 0;
  height: 100%;
  opacity: 1;

}

.type a:hover:before {
  width: 100%;
  height: 100%;
  opacity: 1;
}
.type a:hover{color: #fff;}
.type a.active{background:#006bd8;color: #fff }

.about1_nr{display: none;padding: 5% 0}
/*荣誉资质*/
.about2{width: 100%;background: url('../images/about2.jpg') no-repeat center bottom;padding-bottom: 5%;background-size: cover;}
.title{text-align: center;color: #fff;padding-top:7%}
.title_zh{font-size: 22px;}
.title_eng{font-size:22px;font-weight: bold;text-transform: uppercase;}
.about2_list li{width: 49%;padding-bottom: 5%}
.about2_list li:nth-child(2n+1){float: left;}
.about2_list li:nth-child(2n){float: right;}
.about2_list li .about2_pic{position:relative;width:100%;height:0;padding-top:64%;}
.about2_list li .about2_pic img{position:absolute;top:0;left:0;width:100%;height:100%;}
.about2_list li p{color:#fff;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;line-height: 2.5;}
.about2_list{padding-top: 5%}

.about3 .title{padding:10% 0;color: #545454}
.about3 .swiper-slide{background: url('../images/bor.png') no-repeat top left;min-height:250px;padding: 0 15px;position: relative;}
.about3_tit{font-size: 22px;color: #101419;}
.about3_jian{font-size: 13px;color: #010101;line-height:2.5;padding-top: 3%}
.about3 .swiper-container{padding-bottom: 15%}
.about3 .swiper-pagination-bullet{width:8px;height:8px;background: #006bd8;opacity: 1}
.about3 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px;}
.about3 .swiper-pagination-bullet-active{background: #f81f48}
.about3{width: 100%;padding-bottom:7%}
.about3{position: relative;overflow: hidden;}
.about3_bg {
   background: url('../images/about3.jpg') left bottom repeat-x;
    width: 500%;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: 0.5;
    animation: color1 200s linear infinite;

}
@keyframes color1{0%{left: 0;}50%{left: -400%;}100%{left: 0;}}

/*底部*/
.foot{width: 100%;background: #333333;height:77px;position: fixed;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;}

/*新闻列表*/
.news_list{padding-top:8%}
.news_list li{width:49%;box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);margin-bottom: 5%;position: relative;transition: all 0.5s;overflow: hidden;}
.news_list li:nth-child(2n+1){float: left;}
.news_list li:nth-child(2n){margin-right: 0;float: right;}
.news_list li .news_pic{position:relative;width:100%;height:0;padding-top:55%;}
.news_list li .news_pic img{position:absolute;top:0;left:0;width:100%;height:100%;}
.news_info{padding: 0 4% 15% 4%;width: 100%;background: #fff}
.news_bt{font-size: 15px;color: #010101;padding:4% 0 2%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_jian{font-size: 13px;color: #636363;line-height:1.7;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.news_more{background: url('../images/news_more.png') no-repeat center right 15px;height: 23px;position: absolute;bottom:5px;right: 0;width: 100%;transition: all 0.5s;background-size: 50px}

.page{margin-bottom:15%;margin-top:7%;text-align: center;}
.page a{display:inline-block;width: 27px;height: 25px;line-height: 23px;text-align: center;border:1px solid #006bd8;color: #535353;font-size: 13px;margin:0 2px;}
.page a.pre_page{border:0px;margin-right:10px}
.page a.next_page{border:0px;}
.page a.select{background:#006bd8;color: #fff }

/*新闻详情*/
.ns_tit{padding-top:7%;font-size:22px;color: #000000;text-align: center;}
.ns_date{text-align: center;font-size: 13px;color: #828282;padding:2% 0 5%}
.ns_nr{font-size: 15px;color: #010101;line-height: 44px;padding-bottom: 30px}
.back{width:90px;height:35px;line-height:35px;text-align: center;border:1px solid #c3c3c3;font-size: 14px;color: #262626;display: block;float: right;margin-bottom: 14px}
.fenye{border-top: 1px dotted #000;padding: 7% 0 10%;overflow: hidden;}
.fenye li{width: 100%;height:35px;line-height:35px;padding: 0 5%;background: #dfdfdf;font-size: 14px;color: #402d2d;margin-bottom: 3%}
.ns_nr{overflow: hidden;}
.fenye li a{color: #1b1b1b}
.ns_nr img{max-width: 100%}

/*产品列表*/
.prod{background: url('../images/prod.jpg') no-repeat center top;}
.prod_list{padding-top: 5%}
.prod_list li{width: 49%;background: #efefef;text-align: center;float: left;margin-bottom:5%;}
.prod_list li a{font-size: 15px;color: #000000}
.prod_list li:nth-child(2n){float: right;}
.prod_list li img{width: 100%}
.prod_bt{display: block;height: 32px;line-height:29px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/*产品详情*/
.prods_bt{text-align: center;font-size: 22px;padding:5% 0 2%}
.prods_bot_p{font-size:16px;color: #000;font-weight: bold;padding-top:6%;border-bottom: 1px solid #5f8dc0;padding-bottom: 2%}
.prods_bot_con{padding: 5% 0;overflow: hidden;}

/*在线留言*/
.message_ban{padding-top: 80px;padding-bottom:7%}
.message{width: 94%;background: rgba(255,255,255,0.9);padding-bottom:5%;margin:0 auto;}
.banner img{display: block;}
.message ul{width: 90%;margin: 0 auto}
.messt{padding: 5% 0 5% 3%}
.messt img{height: 35px}
.message ul li{position: relative;border-bottom:1px solid #a4a6aa;margin-bottom: 5%;line-height: 35px;}
.message ul li span{float: left;color: #414141}
.message ul li input{width: calc(100% - 90px);float: left;background: transparent;border:0px;height: 35px;line-height: 35px;}
.tip{font-size: 12px;color: #f80000}

.subbtn{width: 90px;height: 30px;line-height: 30px;margin:5% auto;text-align: center;background:#006bd8;color:#fff;border:0px;display: block;}
.contact_top li{width: 49%;float: left;}
.contact_top li:nth-child(2){float: right;}
.contact_top_tit {font-size: 14px;color: #333232;display: block;text-align: center;margin:2% 0 5%;}
.contact_top_des {font-size: 12px;color: #333232;display: block;line-height: 1.7;text-align: center;}
.contact_img{display: block;margin:0 auto;}
.contact_top {padding:10% 0 7%}
.contact_map iframe{width: 100%;height: 450px}

.contact_bot li{width:100%;float: left;padding:5%;box-shadow: 0 0 24px rgba(0,0,0,0.1);height: 180px;background: #fff}
.contact_bot li:nth-child(3){margin-right: 0}
.contact_bot_tit {font-size: 20px;color: #333232;line-height: 40px;margin-bottom:5%;}
.contact_bot_info{font-size: 14px;color: #525252;display: block;line-height: 27px;padding-left: 35px;}
.contact_bot_tel{background: url('../images/c_tel.jpg') no-repeat center left;padding-left: 35px;margin-bottom: 13px;}
.contact_bot_email{background: url('../images/c_email.jpg') no-repeat center left;padding-left: 35px}

.contact_bot{padding: 7% 0 10%}