/* *{-webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;} */
/*====================头部*********/
.header{width:100%;position: relative;top:0;left:0;z-index:999;height:90px;background: #fff;box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.header.on{position: fixed;top: 0;left: 0;}
.header .logo{height: 90px;position: relative;display: flex;align-items: center;}
.header .logo h1{font-size: 0;}
.header .logo a img{max-height: 90px;max-width: 100%;}
.header .top_r .top{text-align: right;margin:10px 0 10px;height: 20px;line-height: 20px;}
.header .top_r .top i{color: #999;padding: 0 6px;font-size: 16px;}
.header .top_r li{display: inline-block;padding: 0 20px;line-height: 50px;height: 50px;position: relative;}
.header .top_r li:last-child{padding-right: 0;}
.header .top_r li i{font-size: 20px;color: #999;display: inline-block;vertical-align: middle;}
.header .top_r li span{font-size: 13px;margin: 0 6px;}
.header .top_r li.search::after{content: '';position: absolute;width: 1px;height: 18px;top: 50%;transform: translateY(-50%);right: 0;background: #ccc;}
.header .top_r li.search form{position: absolute;right: 0;top:100%;display: none;padding: 10px;background: #004ea2;width: 240px;height: 50px;font-size: 14px;}
.header .top_r li.search form .key{line-height: 30px;padding: 0 0 0 15px;width: 180px;float: left;}
.header .top_r li.search form .search-btn{line-height: 30px;height: 30px;;width: 40px;text-align: center;background: #fff;background: #fff url(../png/ser_icon.png)center no-repeat;}
.header .top_r .lang .cont{font-size: 14px;box-shadow: 0 0 8px rgba(0,0,0,0.2);padding: 10px;display: none;position: absolute;top: 100%;background: #fff;text-align: center;line-height: 1.5;width: 100px;left: 50%;transform: translateX(-50%);}
.header .top_r .lang .cont a{display: block;}
/*导航*/
.nav{height: 100%;display: block;z-index: 999;transition: all 0.5s ease 0s;}
.nav.scroll{position: fixed;animation:fadeInDown 0.5s linear forwards;top: 0; left: 0;}
.navbar_nav .dropdown{float:left;position: relative;display: block;padding: 0 25px;margin-top: 40px;}
.navbar_nav li .leve1{text-decoration: none;height: 100%;display: block;color: #222;font-size: 16px;line-height: 50px;text-align: center;text-transform: capitalize;font-weight: bold;}
.navbar_nav li .leve1 .icon{padding-right: 10px;vertical-align: middle;font-size: 16px;vertical-align: middle;}
.navbar_nav{display: flex;}
.navbar_nav li.dropdown .dropdown_menu,.bot .lang .dropdown_menu{width: 180px;text-align: center;padding: 5px 0;background: rgba(0,78,162,0.75);position: absolute;left: 50%;top: 100%;transform: translateX(-50%);color: #fff;position: absolute;z-index: 5;display: none;}
.navbar_nav li.dropdown .dropdown_menu li,.bot .lang .dropdown_menu li{padding:10px 0;} 
.navbar_nav li.dropdown .dropdown_menu  a,.bot .lang .dropdown_menu a{color: #fff;display: block;line-height: 1.2;font-size: 14px;padding: 15px 0;}
.bot .lang .dropdown_menu{ text-align:left; padding-left:25px;}
.navbar_nav li .leve1.active{color: #004ea2;}
.navbar_nav li.dropdown:nth-child(3) .dropdown_menu,.navbar_nav li.dropdown:nth-child(5) .dropdown_menu{width: 235px;}
.navbar_nav li.dropdown .dropdown_menu a:hover{background:rgba(1, 180, 237,0.8);}
.navbar_nav .dropdown:hover{background: #01b4ed;}
.navbar_nav .dropdown:hover .leve1{color:#fff;}
/*homemain */
.wrapper{max-width: 1600px;margin:  0 auto;}
.homemain h3.title{font:600 40px/1 'Lato'; position: relative;margin-bottom: 20px;color: #333;}
.homemain .rec{width: 35px;height: 5px;background: #004ea2;margin: 20px auto;}
.imgarea{overflow: hidden;display: block;}
.imgarea img{width: 100%;transition: all 0.5s ease;height: 100%;}
.imgarea:hover img, li:hover .imgarea img{transform: scale(1.1);}
#owl-banner{position: relative;}
#owl-banner .item{height: 800px;text-align: center}
#owl-banner .owl-controls {margin-top: 0; position: absolute; bottom: 15px; left: 50%;margin-left: -30px;}
#owl-banner .owl-controls .owl-buttons{display: none;}
#owl-banner .owl-controls .owl-page span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity:1; background: #fff;transition: all .5s;}
#owl-banner  .owl-controls .owl-page.active span,
#owl-banner  .owl-controls.clickable .owl-page:hover span{background: #01b4ed;text-decoration: underline}
/*mod1*/
.homemain .mod1{padding: 3% 0;}
.homemain .mod1 p{margin-bottom: 10px;color: #777;padding-right: 15px;}
.homemain .more1{display: inline-block;color: #fff;padding: 6px 30px;border-radius: 5px;background: #01b4ed;}
.homemain .more2{display: inline-block;color: #fff;padding: 6px 30px;border-radius: 5px;border: 1px solid #fff;}
.homemain .mod1 .more1{margin-top: 30px;}
.homemain .mod1 .botcont{margin-top: 2%;color: #fff;margin-left: -5px;margin-right: -5px;}
.homemain .mod1 .wrap{position: relative;font-family: 'Lato';width: 100%;}
.homemain .mod1 .wrap a{color: #fff;}
.homemain .mod1 .pic1::after{content: '';position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.3);left: 0;top: 0;opacity: 0;transition: all 0.3s;z-index: 1;}
.homemain .mod1 .wrap img{width: 100%;}
.homemain .mod1 .wrap .cover{position: absolute;width: 80%;height: 70%;left: 10%;top: 15%;z-index: 3;}
.homemain .mod1 h4{font:600 36px/1 'Lato';margin-bottom: 15px;padding-bottom: 15px;position: relative;display: inline-block;transition: all 0.3s;}
.homemain .mod1 h4::after{content: '';position: absolute;width: 0;height: 2px;background: #01b4ed;transition: all 0.3s;left: 0;bottom: 0;}
.homemain .mod1 .wrap:hover h4{color: #01b4ed;}
.homemain .mod1 .wrap:hover h4::after{width: 100%;}
.homemain .mod1 .pic1:hover::after{opacity: 1;}
.homemain .mod1 .more2{position: absolute;bottom: 0;}
.homemain .mod1 .wrap.bg{background: #004ea2;width: 100%;text-align: center;}
.homemain .mod1 .row{margin-left: -5px;margin-right: -5px;}
.homemain .mod1 .col-md-5,.homemain .mod1 .col-md-6,.homemain .mod1 .col-md-7,.homemain .mod1 .col-md-12{padding-left: 5px;padding-right: 5px;}
.homemain .mod1 li .wrap{height: 240px;}
.homemain .mod1 li img{height: 100%;}
.homemain .mod1 li:last-child{margin-top: 10px;}
.homemain .mod1 .more3{color: #fff;bottom: 0;position: absolute;}
.homemain .mod1 li i{font-size: 36px;margin-bottom: 20px;line-height: 1;}
.homemain .mod1 h5{font-size: 24px;}
.homemain .mod1 img.auto{width: auto;height: auto;}
.homemain .jz{display: flex;justify-content: center;align-items: center;flex-direction: column;}
.homemain .mod2{padding: 3% 0;background: url(../jpg/pro_bg.jpg) center no-repeat;background-size: cover;}
.homemain .mod2 h3.title{color: #fff;}
.homemain .mod2 h3.title a{float: right;font-size: 14px;color: #fff;}
.homemain .mod2 .wrap{background: #fff;padding: 30px 25px;border: 6px solid #fff;}
.homemain .mod2 h5{font-size: 22px;font-family:'Lato';font-weight: bold;margin-bottom: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.homemain .mod2 i{display: inline-block;line-height: 1;font-size: 24px;color: #004ea2;transform: rotate(45deg);margin-top: 20px;margin-bottom: 30px;top: -72px;position: relative;transition: all 0.5s;}
.homemain .mod2 .des{height:72px;line-height: 24px;color: #777;position: relative;overflow: hidden;}
.homemain .mod2 .des p{height:72px;line-height: 24px;color: #777;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow : hidden;position: absolute;top: -100%;left: 0;transition: all 0.5s;}
.homemain .mod2 .imgarea{height: 235px;}
.homemain .mod2 li:hover .wrap{border-color: #01b4ed;transition: all 0.5s;}
.homemain .mod2 li:hover h5{color: #01b4ed;}
.homemain .mod2 li:hover .des p{top: 0;}
.homemain .mod2 li:hover i{top: 0;color: #01b4ed;}
.homemain .mod2 ul{padding: 30px 0;}
.homemain .mod3{padding: 3% 0;}
.homemain .mod3 h3.title .case_nav{float: right;font-size: 14px;font-weight: normal;vertical-align: middle;padding-bottom: 10px;border-bottom: 1px solid #ddd;}
.homemain .mod3 h3.title .case_nav a{padding:0 20px;display: inline-block;line-height: 15px;border-left: 1px solid #ddd;position: relative;}
.homemain .mod3 h3.title .case_nav a:first-child{border-left: none;}
.homemain .mod3 h3.title .case_nav a:hover{font-weight: bold;transition: all 0.5s;}
.homemain .mod3 h3.title .case_nav a::after{content: '';position: absolute;width: 0;height: 2px;bottom: -11px;left: 0;background: #01b4ed;}
.homemain .mod3 h3.title .case_nav a:hover::after{width: 100%;}
.homemain .mod3 li .imgarea{position: relative;height: 255px;}
.homemain .mod3 li .imgarea .cover{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 3;opacity: 0;transition: all 0.5s;}
.homemain .mod3 li .imgarea::after{content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(1,75,162,0.6);z-index: 1;opacity: 0;transition: all 0.5s;}
.homemain .mod3 li:hover .imgarea .cover,.homemain .mod3 li:hover .imgarea::after{opacity: 1;}
.homemain .mod3 li .tit{margin-top: 10px;text-transform: capitalize;line-height: 24px;height: 48px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow : hidden;}
.homemain .mod3 li{margin-bottom: 30px;}
.homemain .mod3 li:hover .tit{color: #01b4ed;}
.homemain .mod4{padding: 4% 0 5%;background: url(../jpg/serv_bg.jpg)center no-repeat;color: #fff;    background-size: cover;}
.homemain .mod4 h3.title{color: #fff;}
.homemain .mod4 .tit_des{margin-bottom: 60px;}
.homemain .mod4 h4{font-size: 60px;font-style: italic;width: 80%;}
.homemain .mod4 li .wrap{border: 1px solid #fff;padding: 25px 0 25px;font-size: 18px;font-family: 'Lato';margin-bottom: 30px;}
.homemain .mod4 li .wrap a{color: #fff;}
.homemain .mod4 li i{display: inline-block;width: 50px;height: 50px;line-height: 48px;border: 1px solid #fff;border-radius: 50%;text-align: center;font-size: 30px;margin:0 30px;vertical-align: middle;}
.homemain .mod4 li i.icon-weixiu{font-size: 24px;}
.homemain .mod4 li i.icon-jiantou{border: none;transform: rotate(-90deg);vertical-align: middle;margin-left: 10px;}
.homemain .mod4 li:hover i.icon-jiantou{transform: translateX(10px) rotate(-90deg);transition: all 0.5s;}
.homemain .mod5{padding: 3% 0;}
.homemain .mod5 h3.title{position: relative;padding-bottom: 15px;}
.homemain .mod5 h3.title::after{position: absolute;width: 50px;height: 4px;background: #01b4ed;left: 0;bottom: 0;content: '';}
.homemain .mod5 .news li{margin-bottom: 20px;}
.homemain .mod5 .news .wrap{padding: 20px;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.homemain .mod5 .news .imgarea{width: 180px;float: left;margin-right: 20px;height: 135px;}
.homemain .mod5 .news h5{font-size: 18px;line-height: 1.5;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow : hidden;}
.homemain .mod5 .news .more{color: #004ea2;margin-top: 20px;display: inline-block;}
.homemain .mod5 .blog .des{color: #777;margin-bottom: 15px;}
.homemain .mod5 .blog li{margin-bottom: 20px;}
.homemain .mod5 .blog h5{padding: 15px 20px;font-size: 18px;color: #333;background: #f4f7fb;border-radius: 5px;}
.homemain .mod5 .blog h5 .tit{display: inline-block;width: 80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 30px;vertical-align: middle;}
.homemain .mod5 .blog .icon{position: relative;width: 30px;height: 30px;background: url(../png/jia.png) center no-repeat;float: right;}
.homemain .mod5 .blog .cont{overflow: hidden;padding: 15px 0;display: none;}
.homemain .mod5 .blog .imgarea{width: 120px;margin-right: 20px;float: left;height: 80px;}
.homemain .mod5 .blog .txt{color: #777;height: 72px;line-height: 24px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow : hidden;}
.homemain .mod5 .blog .show h5{background: #01b4ed;color: #fff;}
.homemain .mod5 .blog .show .icon{background: url(../png/jian.png) center no-repeat;}
.homemain .mod5 .mess form{background: #f3f3f3 url(../jpg/mess_bg.jpg)bottom right no-repeat;padding:25px 20px ;}
.homemain .mod5 .mess input,.homemain .mod5 .mess select{display: inline-block;padding: 5px;border: 1px solid #ddd;margin-bottom: 10px;font-size: 14px;color: #999;width: 100%;background: #fff;}
.homemain .mod5 .mess textarea{display: block;padding: 5px;border: 1px solid #ddd;margin-bottom: 20px;font-size: 14px;color: #999;width: 100%;}
.homemain .mod5 .mess .last{text-align: center;}
.homemain .mod5 .mess .last input{width: auto;padding: 5px 30px;border-radius: 3px;border: none;color: #fff;margin: 0 10px;}
.homemain .mod5 .mess .last input.ui-btn1{background: #004ea2;}
.homemain .mod5 .mess .last input.ui-btn2{background: #01b4ed;}
.homemain .mod6{padding-bottom:3%;}
.homemain .mod6 .wrap{background: #fff;border: 1px solid #ddd;text-align: center;height: 95px;}
.homemain .mod6 .wrap img{max-height: 100%;}
/*foot*/
.foot{background: url(../jpg/foot_bg.jpg);padding: 3% 0 20px;color: #fff;}
/* .foot .flex{justify-content: space-between;} */
.foot .flogo{float: left;width: 30%;padding-top: 30px;line-height: 1.5;margin-right: 10%;}
.foot .flogo img{float: left;margin-right: 20px;}
.foot .flogo p{margin-bottom: 10px;}
.foot .flogo i{display: inline-block;width: 30px;height: 30px;line-height: 30px;border-radius: 50%;background: #01b4ed;color: #fff;text-align: center;font-size: 18px;margin-right: 8px;}
.foot .f_nav {width: 20%;float: left;margin-right: 10%;}
.foot .f_nav li{width: 50%;float: left;font-size: 14px;}
.foot .f_nav li a{color: #fff;}
.foot h5{font-size: 17px;font-weight: bold;margin-bottom: 15px;}
.foot h5  i{font-size: 18px;display: inline-block;line-height: 1;vertical-align: middle;margin-right: 10px;}
.foot ul{line-height: 2.5;}
.foot .f_lx{width: 30%;}
.foot .f_lx i{float: left;color: #01b4ed;font-size:18px;line-height: 1;}
.foot .f_lx p{padding-left: 30px;margin-bottom: 20px;font-size: 14px;}
.foot .copy{text-align: center;font-size: 14px;line-height: 30px;color: rgba(255,255,255,0.8);padding-top: 20px;}
.foot .copy span{padding: 0 10px;color: #fff;}
.foot .copy a{color: #fff;}
.fixed-r{position:fixed;width:60px;height:275px;right:0;top:50%;transform: translateY(-50%);z-index:100;z-index: 999;}
.fixed-r ul li{width:60px;height:60px;float:left;position:relative;margin-bottom: 1px;}
.fixed-r ul li .sidebox{position:absolute;width:60px;height:60px;top:0;right:0;transition:all 0.3s;background:#646577;color:#fff;font:15px/60px;overflow:hidden;}
.fixed-r ul li .sidetop,.fixed-r  ul li .wx{width:60px;height:60px;display:block;background:#646577;transition:all 0.3s;}
.fixed-r ul li i{display: inline-block;width: 60px;line-height: 60px;color: #fff;font-size: 30px;text-align: center;vertical-align: middle;}
.fixed-r .wx{position: relative;}
.fixed-r .wx .wx_code{position: absolute;width: 100px;height: 100px;background: rgba(20,38,78,0.5);padding: 4px;left: -110px;top: 50%;display: none;transform: translateY(-50%);text-align: center;}
.fixed-r .wx .wx_code img{max-width: 100%;}
.fixed-r .wx:hover .wx_code{display: block;}
.fixed-r ul li .sidetop:hover,.fixed-r ul li .sidebox:hover,.fixed-r .wx:hover{background:rgba(20,38,78,0.5);}
.fixed-b {width: 100%; background: #004ea2; bottom: 0; left: 0;z-index: 999; font-size: 14px;position: fixed;padding: 15px 0;display: none;}
.fixed-b li{ width: 25%; text-align: center; color: #fff; float: left;border-right: 1px solid #eee;box-sizing: border-box;}
.fixed-b li:last-child{ border-right: none;}
.fixed-b li a{color: #fff;}
.fixed-b li a i{font-size: 22px;padding-right: 5px;color: #fff;vertical-align: middle;line-height: 1;}
.fixed-b li a .icon-home{font-size: 18px;}

.contain_bg{width: 100%;height: 100%;position: fixed;background: rgba(0,0,0,0.7);top: 0;left: 0;z-index: 999;display: none;}
.contain_bg .video{width: auto;width: 55%;height: auto;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);padding: 20px;background: #fff;}
.contain_bg i{display: inline-block;right: -15px;top: -15px;position: absolute;width: 40px;height: 40px;line-height: 38px;border: 1px solid #01b4ed;border-radius: 50%;background: #01b4ed;color: #fff;text-align: center;}
.contain_bg .video iframe{height:35vw;}