*{margin:0;padding:0;box-sizing: border-box;}
html{width:100%;overflow-x: hidden;}
body{width:100%;font:16px "微软雅黑","Arial,Microsoft YaHei";color:#333;line-height:24px;overflow-x: hidden;background: #fff;}
h1,h2,h3,h4,h5,p,div,span,ul,li,dl,dd,dt{margin:0;padding:0;} input,textarea{outline:none; font:16px "微软雅黑","Arial,Microsoft YaHei";}label{font-weight: normal;width:100%;}
a{text-decoration: none;outline:none;color:#333; } a:focus, a:hover{color:#333;text-decoration: none;outline: none;  outline-offset: 0;}
ul,li{list-style: none;} i,em{font-style:normal;}
.nav>li>a:focus, .nav>li>a:hover{background: none;}
.lt{float:left;}.rt{float:right;}.hide{display: none;}.show{display: block;} .imgMax{max-width:100%;max-height:100%;}
.tc{text-align:center;}.tr{text-align:right;}.tl{text-align:left;}.fwn{font-weight: normal}
.db{display: block;}.dib{display: inline-block;}.ma{margin: 0 auto;}.pr{position: relative;}.pa{position: absolute;}.pf{position: fixed;}.oh{overflow: hidden;}
.transition{-webkit-transition: all  0.3s linear;-moz-transition: all  0.3s linear;-o-transition: all  0.3s linear; transition: all  0.3s linear; }
img.desaturate { filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}
img.desaturate:hover { filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
}
img{vertical-align: middle;}
.slick-slide{outline: none;}
.slick-dots li button:before{display: none;}
.slick-dotted.slick-slider{margin:0;}
.slick-slide img{max-width: 100%;margin:0 auto;}
.container{ margin:0 auto;transition: all  0.3s linear;}
.clearAfter:after{content:"";clear: both;display: block;}


/*display: inline-flex;justify-content: space-between;*/


.mob_nav{position: fixed;top:0;right:-100%;background: rgba(0,0,0,.2);width:100%;z-index:100;height:0;
    height:100%;transition: all linear .3s;-webkit-transition: all linear .3s;}
.mob_nav.on{ right:0;}
.mob_nav_content{padding:20px 15px;position: absolute;top:0;right:0;background: #fff;width: 80%;height:100%;overflow-y: auto;
overflow-x: hidden;-webkit-overflow-scrolling: touch;}
.mob_close img{width: 25px;}
.mob_close{text-align: right;}
.mob_nav_one{padding:20px ;}
.mob_nav_one li {padding:10px 0;}
.mob_nav_one li a{position:relative;display: block;line-height:40px;height:40px;font-size: 16px;color:#1f1f1f;
    padding:0 20px 0 0;overflow: hidden;}
.mob_nav_one li em{display: block;width:20px;height:100%;position: absolute;right:0;top:0;
    background: url(../images/aa_03.png) no-repeat center center;background-size:9px;
transition: all linear .3s;}
.mob_nav_one .list_two{padding:10px 0;}    
.mob_nav_one .list_two li {margin:0;}    
.mob_nav_one .list_two li a {border:none;color:#636363;padding-left:35px;font-size: 14px;}
.mob_nav_one   li a.on,.mob_nav_one  li a:hover{color:#008fd7;}
.mob_nav_one li a.on em{transform: rotate(90deg);-webkit-transform: rotate(90deg);}
.mob_nav_one ul{display: none;}
.mob_nav_one li em{display: none;}
.mob_nav_one li em.in{display: block;}


.com_padding{padding:0 165px;}
 
.header{z-index:10;background: #fff;}
.header .box{display: flex ;width: 100%;justify-content: space-between;}
.logo{padding:10px 20px 10px 0;text-align: left;width:22%;}
.logo a{height:50px;display: inline-flex;align-items: center; 
    position: relative;vertical-align: top;}
.logo a img{max-width: 100%;max-height: 100%;}
.nav{display: flex;justify-content: space-between;flex: 1;}
.nav li{position: relative;transition: all linear .3s;}
.nav li a{height:70px;line-height: 70px;
    padding:0 20px; display: block;text-align: center;position: relative;color:#333;}
.nav li a span{display: block;}
.nav>li>a:after{content:"";display: block;opacity: 0; position: absolute;top:0;left:0;right:0;height:6px;background: #008fd7;}
.nav li .nav_child{display: none; position:absolute;top:70px;left:50%;transform: translateX(-50%);padding:10px  0;z-index: 2;}
.nav li .nav_child ul{position: relative; padding:15px 0;background:#fff;width: 166px;text-align: center;
    border-radius: 10px;box-shadow: 0 0  7px 0px rgba(0,0,0,.5);}
.nav li .nav_child ul li {float: none;z-index: 1;}
.nav li .nav_child ul li a{height:auto; font-size: 16px;color:#5a5a5a; line-height: 20px;padding:10px 10px;font-weight: normal;}
.nav li a:hover{color:#008fd7;}
.nav li.on>a{color:#008fd7;}
.nav>li.on>a:after{opacity: 1;}
.nav>li:hover>a:after{opacity: 1;}
.nav li:hover>a{color:#008fd7;}
.nav li .nav_child li:hover a{font-weight: bold;color:#008fd7;}
.nav li:hover .nav_child{display: block;}
.login_btn{display: flex;align-items: center;}
.login_btn a{ line-height:22px;display: inline-block;color:#fff;background: #008fd7;border-radius: 10px;
padding:10px 24px;}
 
.banner {position: relative;height:100%;}
.banner .swiper-slide a{display: block;width: 100%;height:100%;}
.banner .img{width: 100%;height:100%;
    transform: scale3d(1, 1, 1);
    transition: all 5s cubic-bezier(0.04, 0.79, 1, 1);}

body .swiper-pagination.swiper-pagination-bullets{bottom:30px;}
body .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px; width: 60px;height:3px;
    border-radius: 0;background: #abc8e2;opacity: 1;}
body  .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active{background: #008fd7;}
.banner  img{max-width: 100%;}
.banner_model{position: absolute;top:70px;left:0;right:0;bottom:0;
display: flex;align-items: center;padding-right:140px;}
.ban_mod_lt .ban_title{cursor: pointer; margin-bottom:20px;}
.ban_mod_lt .ban_title_btn{
    /* font-size: 24px;color:#282828;line-height: 50px;
  margin-top:25px; margin-bottom:0; border:1px solid #b9c2cf;
  padding:0 32px;margin-right:25px;border-radius: 25px; */
}

.ban_mod_lt .ban_title_btn span{}
.ban_mod_lt .ban_title:nth-child(3)::after{
width: 86px;height:10px;background: #008fd7;margin:65px 0 0;
}
.ban_mod_lt{width: 43%; padding:0 30px 0 40px;position: relative;z-index: 1;}
.ban_mod_rt{position: relative;flex:1;flex-wrap: wrap;height:100%;display: flex;align-items: center;}
.ban_mod_rt .ban_item{
    position: absolute;
    background: rgba(255,255,255,.4);
    border-radius: 30px;padding:15px;width: fit-content;transform: translateX(-20%);
    transition: all linear .5s;opacity: 0;
}
.ban_mod_rt .ban_item .ban_content{
    background: #fff;border-radius: 25px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);overflow: hidden;
}
.ban_mod_rt .ban_item .ban_content img{max-width: 100%;}
.ban_mod_rt .ban_item.on{opacity: 1; transform: translateX(0);transition: all linear .5s;}
.ban_mod_lt .ban_title span{ display: block; transition: all ease-in-out .3s;-webkit-transition: all linear .3s;}
.ban_mod_lt .ban_title:hover span{color:#008fd7;}

/* .ban_mod_lt .ban_title:hover span{transform: scale(1.15);} */
/* .ban_mod_lt .ban_title.on span{transform: scale(1.1);} */
/* .ban_mod_lt .ban_title.in span{transform: scale(0.9);} */

.ban_mod_lt .ban_title{
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateY(40px);
    transition: 1s ease-in-out;
}
.wel_con.active .banner  .swiper-slide-active .ban_mod_lt .ban_title{
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateY(0);
    transition: 1s ease-in-out;
  }
.wel_con.active .banner  .swiper-slide-active .ban_mod_lt  .ban_title:nth-child(2) ,
.wel_con.active .banner  .swiper-slide-active .ban_mod_lt  .ban_title:nth-child(4) 
{transform: translateX(30px);}
.wel_con.active .banner .swiper-slide-active .ban_mod_lt .ban_title.delay1{transition-delay: .5s;}
.wel_con.active .banner .swiper-slide-active  .ban_mod_lt .ban_title.delay2{transition-delay: .8s;}
.wel_con.active .banner .swiper-slide-active  .ban_mod_lt .ban_title.delay3{transition-delay: 1.1s;}
.wel_con.active .banner .swiper-slide-active .ban_mod_lt .ban_title.delay4{transition-delay: 1.4s;}
.wel_con.active .banner .swiper-slide-active .ban_mod_lt .ban_title.delay5 {transition-delay: 1.7s;}

@keyframes titleOn {
     0%{ transform: scale(1); }
     13% { transform: scale(1.3);}
     26%{ transform: scale(1); }
     100% { transform: scale(1); }
}
.wel_con.on .banner .swiper-slide-active .ban_mod_lt .ban_title span{
    animation: titleOn 10s ease-in-out infinite;
}
.wel_con .banner .swiper-slide-active .ban_mod_lt .ban_title.on span{
    transform: scale(1.3);
}
.wel_con .banner .swiper-slide-active .ban_mod_lt .ban_title.in span{
    animation: none;
}
.wel_con .banner .swiper-slide-active .ban_mod_lt .ban_title span img.animate{
    animation: titleOn 3s ease-in-out ;
}
.wel_con.on .banner .swiper-slide-active .ban_mod_lt .ban_title.delay1 span{
    animation-delay: 0;
}
.wel_con.on .banner .swiper-slide-active  .ban_mod_lt .ban_title.delay2 span{
   animation-delay:2s;
}
.wel_con.on .banner .swiper-slide-active  .ban_mod_lt .ban_title.delay3 span{
    animation-delay:4s;
}
.wel_con.on .banner .swiper-slide-active .ban_mod_lt .ban_title.delay4 span{
    animation-delay:6s;
}
.wel_con.on .banner .swiper-slide-active .ban_mod_lt .ban_title.delay5 span{
    animation-delay:8s;
}
.wel_con.on .banner .swiper-slide-active .ban_mod_lt .ban_title.delay1  span img{
    animation-delay: 0;
}
.wel_con.on .banner .swiper-slide-active  .ban_mod_lt .ban_title.delay2  span img{
   animation-delay:3s;
}
.wel_con.on .banner .swiper-slide-active  .ban_mod_lt .ban_title.delay3  span img{
    animation-delay:6s;
}
.wel_con.on .banner .swiper-slide-active .ban_mod_lt .ban_title.delay4  span img{
    animation-delay: 9s;
}
.wel_con.on .banner .swiper-slide-active .ban_mod_lt .ban_title.delay5  span img{
    animation-delay:12s;
}

.section_one{position: relative;height:100%;}
.secOne_img{height:100%;}
.secOne_img .img{width: 100%;height:100%;}
.secOne_content{position: absolute;top:19%;left:0;width: 49%;}
.secOne_line{width: 86px;height:3px;background: #6ecaf2;margin:70px 0;}
.secOne_des{font-size: 48px;line-height: 70px; color:#0c6fb8;margin-bottom:40px;}
.secOne_text{font-size: 22px;color:#283446;line-height: 50px;font-weight: lighter;}
.secOne_img img{max-width: 100%;width: 100%;}
.section_two{position:relative;height:100%;}
.secTwo_had{position: absolute;top:9.5%;left:0;right:0;z-index: 10;overflow: hidden;
display: flex; align-items: center; justify-content: space-between;}
.secCom_title span{font-size: 40px;font-weight: lighter;color:#282828;line-height: 50px;
    margin-right:30px;display: inline-block;vertical-align: text-bottom;}
.secCom_title .en{opacity: .2;line-height: 42px;}
.secTwo_des{font-size: 36px;font-weight: lighter;line-height: 50px;padding:10px 50px;border-radius: 35px;background: rgba(255,255,255,.3);}
.secTwo_swiper{height:100%;}
.secTwo_swiper .swiper-pagination.swiper-pagination-bullets{bottom:50px;}
.secTwo_swiper img{max-width: 100%;width: 100%;}
.secTwo_swiper .img{width: 100%;height:100%;}
.secTwo_swiper .img_title{position: absolute;top:9.5%;right:0;}
.secTwo_swiper .img_title span{font-size: 36px;font-weight: lighter;line-height: 50px;padding:10px 50px;border-radius: 35px;background: rgba(255,255,255,.3);}

.section_three{ padding-top:75px;padding-bottom:40px;width: 100%;}
.secThree_content{margin:0 -5px;padding:50px 0 50px;}
.secThree_list{float: left;width: calc(25% - 10px); background: #f3f3f3;border-radius:10px;
position: relative;margin:0 5px;overflow: hidden;}
.secThree_list img{max-width: 100%;width: 80%;}
.secThree_list .img{text-align: center;}
.secThree_list .box_f{position: absolute;bottom:0;left:0;right:0;padding:45px 50px;}
.secThree_list .box_f .title{font-size:22px;margin-bottom:13px;}
.secThree_list .box_f .more{font-size:14px;color:#1c7cdc;}
.secThree_list .box_f .more i{display: inline-block; font-family: "幼圆";margin-left:8px;transition: all linear .3s}
.secThree_content .secThree_list:nth-child(even) .box_f{bottom:auto;top:0;}
.secThree_list:hover .box_f .title{color:#1c7cdc;}
.secThree_list:hover{box-shadow:0 5px 4px  -1px rgba(40,40,40,.17);}
.secThree_list:hover .box_f .more i{transform: translateX(10px);}

.com_more{text-align: center;;}
.com_more a{display: inline-block;line-height: 24px;
    font-size: 18px;color:#282828;padding:15px 50px;border-radius: 28px;background: #f7f7f7;}
.com_more a:hover{color:#fff;background: #1c7cdc;}

.section_four{padding-top:110px;padding-bottom:386px;}
.secFour_title{font-size:40px;line-height: 60px;font-weight:lighter;
    margin-bottom:20px;}
.secFour_des{color:#525252; font-size:22px;line-height: 24px;
    font-weight:lighter;margin-bottom:30px;}
 .secFour_form input,
 .secFour_form select,
 .secFour_form textarea{line-height: 24px;  background: #f2f2f2;border-radius: 10px;
    padding:18px 30px;border:none;}
 .secFour_form .put_box {display: flex;align-items: center;justify-content: space-between;}
 .secFour_form .put_box input,
.secFour_form .put_box select{width: calc(25% - 7.5px);outline: none;}
 .secFour_form textarea{margin-top:10px;width: 100%;min-height:194px;;max-width: 100%;min-width: 100%;}
.secFour_form_btn{margin:25px auto 0;color:#fff;font-size: 18px;line-height: 28px;padding:10px 65px;background: #1c7cdc;border-radius: 24px;border:none;}
.secFour_form .put_box select{
    padding-right:40px;
    appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  background: url(../images/index_14.png) no-repeat right 25px center;  
  background-color: #f2f2f2;
}

.secFour_form select::-ms-expand { display: none; }

.company_cont{position: relative;width: calc(25% - 7.5px);cursor: pointer;}
.company_cont .val{width: 100%;display: block;position: relative; background: #f2f2f2;
    border-radius: 10px;padding:18px 40px 18px 30px;z-index: 1;color:#9f9f9f;}
.company_cont .val i{position: absolute;top:50%;right:20px;transform: translateY(-50%);}
.company_cont .val.on{color:#333;}
.company_cont .list{position: absolute;top:50px;border-radius: 0 0 10px 10px;background: #e7e7e7;
padding:20px 30px;width: 100%;display: none;}
.company_cont .list li{color:#6e6e6e;padding:8px 0;}
.company_cont .list li:hover,
.company_cont .list li.on{font-weight: bold;color:#282828;}

.secFour_form input::-webkit-input-placeholder, .secFour_form textarea::-webkit-input-placeholder { /* WebKit*/  
    color:    #9f9f9f;  
}  
.secFour_form input:-moz-placeholder,.secFour_form textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
    color:    #9f9f9f;  
}  
.secFour_form input::-moz-placeholder,.secFour_form textarea::-moz-placeholder { /* Mozilla Firefox 19+ */  
    color:    #9f9f9f;  
}  
.secFour_form input:-ms-input-placeholder, .secFour_form textarea:-ms-input-placeholder { /* IE 10+ */  
    color:    #9f9f9f;  
} 


.footer{background: #f2f2f2;}
.foot_one{padding:40px 0 20px;display: flex;justify-content: space-between;}
.foot_nav_list li{display: inline-block;margin:15px 0;line-height: 20px;width: 49%;}
.foot_nav_list li a:hover{font-weight: bold;}
.foot_nav .title{margin-bottom:25px;font-size: 16px; color:#fff;font-weight: bold;}
.foot_contact{}
.foot_contact  .title{margin-top:25px; margin-bottom:35px;font-size:20px; color:#008fd7;font-weight: bold;}
.foot_contact .tel{display: flex;margin:0 0 28px 0;}
.foot_contact .tel dt{margin-right:20px;font-weight: normal;}
.foot_contact .tel.num dd{font-weight: bold;font-size: 26px;color:#008fd7;}
.foot_contact .tel dd{flex: 1;}
.foot_contact {padding:0 9%;width: 47%;position: relative;}
.foot_ewm dt{ text-align: center;margin-left:60px; background:#fff;overflow: hidden;}
.foot_ewm  img {max-width: 120px;max-height: 120px;}
.foot_ewm dl{display: flex;align-items: center;}
.foot_ewm dl dd span{margin:15px 0;display: block;}
.foot_ewm dl dd{flex: 1;text-align: right;}
.foot_ewm {padding-top:108px;padding-left:20px;}
.foot_contact::before,
.foot_contact::after{content:"";position: absolute;bottom:0; display: block;width: 1px;
    height:55%;background:#7d7d7d;opacity: .2;}
.foot_contact::before{left:0;}
.foot_contact::after{right:0;}

.copy{padding:10px 0;text-align: center;color:#282828;font-size: 14px;
border-top:1px solid rgba(191,191,191,.2);}
.copy a{color:#282828;}
.copy a:hover{color:#008fd7;}


.det_banner img{max-width: 100%;width: 100%;}
.about_content{padding:170px 0 110px;}
.about_content .title{color:#008fd7;font-size: 38px;line-height: 50px;margin-bottom:40px;}
.about_content b{flex: 1;  display: inline-block;height:1px;background: #ececec;;}
.about_content span{flex: 1; display: inline-block;background: #fff; }
.about_content .title{display: flex;align-items: center;justify-content: space-between;}
.about_content .text{font-size: 22px;line-height: 50px;color:#353535;}
.about_content img{max-width: 100%;display: block;margin:0 auto;}
.about_content  .img{text-align: center;}
.about_content .text .img{text-align: center;}

.solution_content{position: relative;}
.soluCont_des{position: absolute;top:12%;left:0;right:0;text-align: center;
font-size: 46px;line-height: 70px;font-weight: lighter;z-index: 10;;}
.soluImg_title{position: absolute;top:12%;left:0;right:0;text-align: center;
font-size: 46px;line-height: 70px;font-weight: lighter;z-index: 10;;}
.soluImg_title em{display: block;font-size: 20px;margin-top:30px;line-height: 30px;}

.service_content img{max-width: 100%;}
.product_content img{max-width: 100%;}

.service_content{padding:160px 0 170px;}
.addUp{float: left;width: 25%;padding-right:80px;border-right:1px dotted #d8d8d8;}
.pro_sms{float: left;width: 75%;;padding-left:80px;}
.ser_title{font-size: 34px;line-height: 40px;margin-bottom:75px;}
.addUp_cont{display: flex;justify-content: space-between;}
.addUp_item{text-align: center;max-width: 110px;;}
.addUp_item img{max-width: 100%;}
.addUp_item dt{margin-bottom:35px;}
.addUp_cont .addUp_item:nth-child(1){padding-right:10px;}
.addUp_cont .addUp_item:nth-child(2){padding-left:10px;}
.pro_sms .list {overflow: hidden;}
.pro_sms .list li{float: left;display: flex;justify-content: space-between;align-items: center;
    width: calc(50% - 10px);margin-bottom:10px; ; background:#f5f5f5;padding:27px 25px;border-radius: 10px;}
.pro_sms .list li:nth-child(2n){margin-left:10px;}
.pro_sms .list li a{display:inline-flex;align-items: center;background: #e9e9e9;padding:11px 35px;border-radius: 25px;}
.pro_sms .list li a img{margin-right:10px;}
.pro_sms .list li .txt{padding-right:10px;flex: 1;height:24px;overflow: hidden;}

.product_content{padding:10px 0 0;}
.pro_list{padding-top:100px;padding-bottom:100px;overflow: hidden;}
.pro_list dt{float: left;width: 40%;height:745px;text-align: center; border-radius: 10px;
    background: #f3f3f3;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.pro_list dd{float: left;width: 60%;padding-left:9%;}
.product_content .pro_list:nth-child(2n){background: #f5f5f5;}
.pro_list dt img{max-width: 100%;max-height: 100% ;}
.pro_list dd .title{margin-bottom:50px;border-bottom:1px solid #bfbfbf;padding:30px 0 40px;position: relative;}
.pro_list dd .title span{position: relative; display:block;padding:0 30px;font-size:36px;line-height: 40px  ;}
.pro_list dd .title span::before{content:"";display: block;position: absolute;top:6px;left:0;
    width: 4px;height:34px;background: #d3d3d3;;}
.pro_list dd .txt{}
.pro_list dd .txt li{margin:14px 0;display:flex;}
.pro_list dd .txt .name{color:#787878; width: 150px;}
.pro_list dd .txt .des{flex: 1;}
.product_content .pro_list:nth-child(2n) dt{background: #fff;}



.section5_cont{overflow-y:scroll;height:100%;}
.section_four{position: relative;min-height:100%;}
.section4_cont{overflow-y:scroll;height:100%;display: flex;align-items: center;width: 100%;}
.section_four{display: flex;align-items: center;width: 100%;}
.section_four_box  {width: 100%;}

#myMenu{position: fixed;top:50%;right:60px;z-index: 20;transform: translateY(-50%);}
#myMenu li{padding:10px 0;}
#myMenu li a{display: block;width: 4px;height:4px;background: #a8b5bc;border-radius: 50% ;
margin:0 auto;transition: .3s  all linear;}
#myMenu li.active a{width: 14px;height:14px;background: #008fd7;}
.fp-scroller{height:100%;}
#fullpage .footer{position:absolute;bottom:0;left:0;right:0;}
.section5 .fp-tableCell{vertical-align:top;}

.banner .swiper-slide .ban_mod_lt .ban_title span img{max-width: 200px;}