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: 1283px;margin:0 auto;}
/*头部*/
.header{width: 100%;position: absolute;top:0;left: 0;width: 100%;background: rgba(0,3,43,0.7);height: 113px;line-height: 113px;}
.logo{float: left;width: 240px;padding-top: 20px}
.logo img{width: 100%}
.nav{float: right;}
.nav li{float: left;width: 125px;text-align: center;}
.nav li a{display: block;color: #fff}

.lanmu{padding-top: 50px;padding-bottom: 35px}
.lanmu_info span{font-size: 26px;color: #000000;background: url('../images/line.jpg') no-repeat center left 106px;display: block;}
.lanmu_info p{font-size:38px;font-weight: bold;color: #000000;text-transform: uppercase;}
.nail{font-size: 16px;color: #006bd8;background: url('../images/home.png') no-repeat center left;padding-left: 32px;margin-top: 35px}
.nail a{color: #006bd8}

/*关于我们*/
.about1{background: url('../images/lanmu.jpg') no-repeat right top;}
.type{text-align: center;padding-bottom: 60px}

.type a.on{background: #006bd8;color: #fff}
.about1_nr{display:none;padding-bottom: 100px}
.about1_left{width: 746px;float: left;padding-top: 20px;font-size: 16px;color: #010101;line-height: 48px;}
.about1_right{float: right;width: 505px;background: url('../images/fang.jpg') no-repeat right bottom;padding-bottom: 40px}

/*荣誉资质*/
.about2{width: 100%;height: 624px;background: url('../images/about2.jpg') no-repeat center bottom;}
.title{text-align: center;}
.title_zh{font-size: 26px;}
.title_eng{font-size: 38px;font-weight: bold;text-transform: uppercase;}
.about2 .title{padding-top: 70px;color: #fff;padding-bottom: 90px}
.about3 .title{padding:80px 0;color: #000}
.proListIndexCo{height:370px; position:relative;}
.proRollBox{ width:100%; height:370px; position:absolute; overflow:hidden;  top:0px; left:0px;}
.proListIndex{position:absolute; width:9999px; left:0; top:0;}
.about2_list li{ width:310px; float:left; text-align:center;margin-left:15px;height: 199px}
.about2_list li img{display: block;}
.about2_list li p{color: #ffffff;font-size: 20px;margin-top: 15px}

/*发展历程*/
.about3{width: 100%;padding-bottom: 45px}
.about3 .swiper-slide{/*background: url('../images/bor.png') no-repeat center left;*/height: 331px;padding: 0 25px;position: relative;}
.about3_tit{font-size: 26px;color: #101419;padding: 10px 0 15px 0}
.about3_jian{font-size: 14px;color: #010101;line-height: 40px;}
.about3 .swiper-container{padding-bottom: 80px}
.about3 .swiper-pagination-bullet{width: 12px;height: 12px;background: #006bd8;opacity: 1}
.about3 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px;}
.about3 .swiper-pagination-bullet-active{background: #f81f48}
.about3 .line{height: 331px;width: 1px;background: #b1b1b1;position: absolute;top:0;left:0;}
.about3 .line1{width: 3px;height: 68px;background: #006bd8;position: absolute;top:0;left:0;z-index: 1;transition: all 1s;}
.about3 .swiper-slide:hover .line1{height: 331px}
/*新闻列表*/
.news{width: 100%;background: url('../images/lanmu.jpg') no-repeat right top;}
.news_list li{width: 405px;height: 383px;float: left;margin-right: 33px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);margin-bottom: 64px;position: relative;transition: all 0.5s;overflow: hidden;}
.news_list li:nth-child(3n){margin-right: 0}
.news_list li .news_pic img{width: 100%}
.news_info{padding: 0 12px;height: 189px;position: absolute;bottom: 0;left: 0;width: 100%;background: #fff}
.news_bt{font-size: 18px;color: #010101;padding: 15px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_jian{font-size: 14px;color: #636363;line-height: 26px;}
.news_more{background: url('../images/news_more.png') no-repeat center right 20px;height: 23px;position: absolute;bottom: 23px;right: 0;width: 100%;transition: all 0.5s;}
.news_list li:hover{box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);transition: all 0.5s;transform: translateY(-10px);}
.news_list li:hover .news_more{background: url('../images/news_more2.png') no-repeat center right 30px;}
.page{margin-bottom: 80px;margin-top:30px;text-align: center;}
.page a{display:inline-block;width: 34px;height: 28px;line-height: 25px;text-align: center;border:1px solid #006bd8;color: #535353;font-size: 16px;margin:0 5px;}
.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: 45px;font-size: 19px;color: #000000;text-align: center;}
.ns_date{text-align: center;font-size: 14px;color: #828282;padding: 20px 0 40px 0}
.ns_nr{font-size: 15px;color: #010101;line-height: 44px;padding-bottom: 30px}
.back{width: 120px;height: 40px;line-height: 40px;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: 78px 0 120px;overflow: hidden;}
.fenye li{width: 615px;height: 60px;line-height: 60px;padding: 0 20px;background: #dfdfdf;font-size: 19px;color: #402d2d}
.fenye li:nth-child(1){float: left;}
.fenye li:nth-child(2){float: right;}

.fenye li a{color: #402d2d}
.fenye li:hover a,.fenye li:hover{color: #fff}
.ns_nr{overflow: hidden;}

/*产品列表*/
.prod{background: url('../images/prod.jpg') no-repeat center top;}
.prod_list li{width: 315px;background: #efefef;border:3px solid #efefef;text-align: center;float: left;margin-right: 7px;margin-bottom: 40px}
.prod_list li a{font-size: 18px;color: #000000}
.prod_list li:nth-child(4n){margin-right: 0}
.prod_list li img{width: 100%}
.prod_bt{display: block;height: 45px;line-height: 42px;}
.prod_list li:hover {background: #006bd8;border:3px solid #006bd8;}
.prod_list li:hover a{color: #fff}
.type a.active{background: #006bd8;color:#fff}

/*案例展示*/
.case{padding-top: 25px}
.case li{width: 396px;float: left;margin-right: 47px;margin-bottom: 70px}
.case li img{width: 396px;height: 265px;display: block;}
.case li:nth-child(3n){margin-right: 0}
.case_bt{display: block;width: 100%;height: 53px;line-height: 52px;background: #6b6a6a;text-align: center;padding: 0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 18px;color: #fff;border-top: 1px solid #fff}

/*产品详情*/
.prods_left{width: 665px;float: left;overflow: hidden;}
.prods_left img{width: 100%}
.prods_right{width: 550px;float: right;margin-right: 15px;overflow: hidden;}
.prods_bt{font-size: 26px;color: #000000;padding: 20px 0 40px}
.prods_jianjie{font-size: 16px;color: #010101;line-height: 40px;}
.prods_jianjie span{font-weight: bold;}
.prods_top{padding-bottom: 60px}
.prods_bot_p{font-size: 19px;color: #000000;border-bottom: 1px solid #b9b9b9;padding-bottom: 15px}
.prods_tj{padding-top: 33px}
.prods_fenye{border-top: 0px}

/*在线留言*/
.message_ban{width: 100%;height: 914px;}
.message{width: 1074px;height: 604px;background:url('../images/mes.png') no-repeat top 47px left 37px rgba(255,255,255,0.9);margin:0 auto;}
.h210{height: 210px}
.message form{width: 824px;margin-left: 160px;padding-top: 30px;}
.message form li{border-bottom:1px solid #aeafb1;height: 55px;line-height: 55px;margin-top: 40px;font-size: 18px;color: #414141}
.message form li.input1{width: 389px;}
.message form li.input2{width:100%;}
.message form li span{float: left;}
.message form li input{line-height: 55px;border:0px;width: calc(100% - 90px);background: transparent;float: left;font-size: 16px;}
.tip{font-size: 14px;color: #f80000;padding-top: 25px;padding-bottom: 40px}
.subbtn{width: 147px;height: 40px;line-height: 40px;text-align: center;background: #006bd8;color: #fff;font-size: 18px;border:0px;float: right;margin-right: 5px}

/*联系我们*/
.contact_top{padding: 35px 0 70px;display: block;overflow: hidden;}
.contact_top li{width: 33.33%;float: left;}
.contact_top_tit {font-size: 14px;color: #333232;display: block;line-height: 30px;text-align: center;margin-bottom: 10px;}
.contact_top_des {font-size: 16px;color: #333232;display: block;line-height: 30px;text-align: center;}
.contact_top_des p {display: block;color: #808080;font-size: 14px;line-height: 24px;}
.contact_img{display: block;margin:0 auto;}
.contact_bot{padding: 70px 0 140px;display: block;overflow: hidden;}
.contact_bot li{width: 412px;float: left;padding: 32px 25px;box-shadow: 0 0 24px rgba(0,0,0,0.1);height: 203px;margin-right: 20px;}
.contact_bot li:nth-child(3){margin-right: 0}
.contact_bot_tit {font-size: 20px;color: #333232;line-height: 40px;margin-bottom: 30px;}
.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}
/*底部*/
.sec6_bot{width: 100%;background: url('../images/sec6_bot.jpg') no-repeat;height: 370px;overflow: hidden;}
.sec6_bot_main{width: 1400px;margin:0 auto;}
.sec6_bot1{padding-top: 75px}
.sec6_bot1_l1{color: #ffffff;font-size: 19px;text-transform: uppercase;}
.sec6_bot1_l2{font-size: 35px;color: #ffffff}
.sec6_bot1_l3{color: #ffffff;font-size: 16px;letter-spacing: 13px;margin-top: 5px}
.sec6_bot1_right li{float: left;min-width: 267px;background: url('../images/bor1.png') no-repeat center right;padding-left: 26px;}
.sec6_bot1_left{float: left;}
.sec6_bot1_right{float: right;padding-top: 30px}
.sec6_bot1_bt{font-size: 10px;color: #ffffff;text-transform: uppercase;}
.sec6_bot1_bt span{font-size: 18px;}
.sec6_bot1_nr{font-size: 16px;color: #fff;height: 35px;line-height: 35px;margin-top:7px}
.sec6_bot1_nr b{font-family: Impact;font-size: 31.8px;}
.sec6_bot1_right li:nth-child(3){background: transparent;} 
.sec6_bot1_right li:nth-child(1) .sec6_bot1_bt{background: url('../images/tel.png') no-repeat center left;padding-left: 39px}
.sec6_bot1_right li:nth-child(2) .sec6_bot1_bt{background: url('../images/email.png') no-repeat center left;padding-left: 39px}
.sec6_bot1_right li:nth-child(3) .sec6_bot1_bt{background: url('../images/addr.png') no-repeat center left;padding-left: 39px}

.form-control{transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:block;width: 100%;height: 35px;line-height: 35px;padding-left: 5px;background: transparent;border:0;border-bottom: 1px solid #2b58a5;color:#fff;padding-right: 15px;}
.sec6_bot2 form li{position: relative;height: 35px;line-height: 35px;float: left;margin-right: 30px}
.sec6_bot2 form li label {
    color: #fff;
    font-size: 16px;
    position: absolute;
    left: 5px;
    top: -3px;
    transition: 0.1s ease all;
    -moz-transition: 0.1s ease all;
    -webkit-transition: 0.1s ease all;
}
.sec6_bot2 form li i{color: #fff;position: absolute;right: 5px;top: 2px;font-style: normal;}
/*.sec6_bot2 form li .form-control:focus ~ label, .sec6_bot2 form li .form-control[value]:not([value=""]) ~ label {
  top: -25px;
  font-size: 14px;
  color: #fff;
  font-weight: 500; 
}*/

.sec6_bot2 form li label.focus_label{
  top: -27px;
  font-size: 14px;
  color: #fff;
  font-weight: 500; 

}
.sec6_bot2 form li .form-control{width: 313px;}

.sec6_bot2 form li .form-control:focus, .sec6_bot2 form li .form-control[value]:not([value=""]) {
    border-bottom-color: #007bff;
    color: #fff;
}

.sec6_bot2{padding-top:80px;}
.sub_btn{width: 116px;height: 36px;text-align: center;line-height: 34px;background: #fff;border-radius: 30px;color: #2455a5;font-size: 16px;border:0px;}
.sec6_bot2 form li #lc_content{width: 460px}

.contact_bot li{transition: 1s}
.contact_bot li:hover{ transform:translateY(-10px);box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);}
.contact_top li{transition: 1s}
.contact_top li:hover{ transform:translateY(-10px);}
.sub_btn{
  -webkit-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
  background: -webkit-linear-gradient(180deg, white, white, rgba(34,34,34,0), rgba(34,34,34,0));
  background-position: 99% 50%;
  background-size: 300% 300%;
  border: 1px solid white;
  cursor: pointer;
}
.sub_btn:hover{
  color:#fff;
  background-position: 1% 50%;
}
.subbtn{
  -webkit-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
  background: -webkit-linear-gradient(180deg, #006bd8, #006bd8, rgba(34,34,34,0), rgba(34,34,34,0));
  background-position: 99% 50%;
  background-size: 300% 300%;
  border: 1px solid #006bd8;
  cursor: pointer;
}
.subbtn:hover{
  color:#006bd8;
  background-position: 1% 50%;
}






.nav li {
    overflow: hidden
}

.nav li:hover a {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.nav li:hover a:before  {
    background: #027be1;color: #fff;
}

.nav li a {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear
}

.nav li a:before {
    content: attr(data-title);
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 13px;
    text-transform:uppercase;
}


.case_bt{
  -webkit-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
  background: -webkit-linear-gradient(180deg, #6b6a6a, #6b6a6a,#ccc,#ccc,#027be1,  #027be1);
  background-position: 99% 50%;
  background-size: 300% 300%;
  cursor: pointer;
}
.case li:hover .case_bt{
  background-position: 1% 50%;
}



.fenye li{
  -webkit-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
  background: -webkit-linear-gradient(180deg,#dfdfdf,  #dfdfdf,#027be1, #027be1);
  background-position: 99% 50%;
  background-size: 300% 300%;
  cursor: pointer;
}
.fenye li:hover{
  background-position: 1% 50%;
}


.case li .prod_pic{overflow: hidden;}
.case li img{
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
  transition:all 1s;
}

.case li:hover img{
  -webkit-transform: scale(1);
  transform: scale(1);
}

.prod_list li .prod_pic{overflow: hidden;width: 309px;height: 187px;}
.prod_list li img{
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
  transition:all 1s;
  width: 309px;height: 187px;
}
.prod_list li{ transition: all 1s;}
.prod_list li:hover{transform: translateY(-10px);}
.prod_list li:hover img{
  -webkit-transform: scale(1);
  transform: scale(1);
}



.set_2_button span{display: block;width: 100%}
.set_2_button { 
  overflow: hidden;
  position: relative;
  transition: all 1s;
  cursor: pointer;
}
.set_2_button:before {
  left: 48%;
}
.set_2_button:active {
  background: #cccccc;
  color: #000000;
  top: 2px;
  transition: all 1s;
}
.set_2_button > span {
  display: inline-block;
  transition: all 0.5s;
}
.icon-forward:before {
  content: "→";
  position: absolute;
}
.set_2_btn-1:before {
  left: -100%;
  transition: all 0.5s;
}
.case li:hover .set_2_btn-1:before {
  left: 48%;
  transition: all 1s;
}
.case li:hover .set_2_btn-1 > span {
  transform: translateX(100%);
  transition: all 1s;
}
.back:hover{background:#027be1;color: #fff;border:1px solid #027be1 }
.back:hover:before {
  left: 48%;
  transition: all 1s;
}
.back:hover > span {
  transform: translateX(100%);
  transition: all 1s;
}

.type a{display:inline-block;width: 160px;height: 40px;line-height: 40px;text-align: center;background: #e6e6e6;font-size: 16px;color: #000000;border-radius: 20px;margin:0 10px;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;}

.about2_list li .about2_pic{position: relative;overflow: hidden;width: 310px;height: 199px}
.about2_list li img{transition: all 1s;}
.about2_list li:hover img{transform: scale(1.2,1.2);
 -ms-transform: scale(1.1,1.1);  /* IE 9 */
 -webkit-transform: scale(1.1,1.1);  /* Safari 和 Chrome */
 -o-transform: scale(1.1,1.1); /* Opera */
 -moz-transform: scale(1.1,1.1); /* Firefox */}

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

@media  (max-width:1400px){
 
  .sec6_bot_main{width: 1200px}
  .sec6_bot1_left{width: 400px}
  .sec6_bot1_right {width: 800px}
  .sec6_bot1_l2{font-size: 28px;}.sec6_bot1_l3{font-size: 12px;}
  .sec6_bot1_right li:nth-child(2){min-width: 180px;padding-right: 20px}
  .sec6_bot2 form li .form-control{width: 280px}
  .sec6_bot2 form li #lc_content{width: 380px}
}

.prods_bot_con{padding: 45px 0;overflow: hidden;}
.prods_mid img{max-width: 100%}

.sec6_bot1_nr a{color: #fff}