*{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;}



.loading{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index:101;}
.loadimg{width: 100vw;position: absolute;top: 0;height: 100%;overflow: hidden;}
.loadimg img{width: 100vw;max-width: none;position: absolute;top: 50%;transform:translateY(-50%);}
.loadimg_yes{left: 0;animation:timer 4s linear forwards;}
.loadimg_yes img{left: 0;}
.loadimg_no{right: 0;animation:timer 4s linear reverse forwards;}
.loadimg_no img{right: -15px;}

.loading_bg{width: 100%;height: 100%;position: fixed;left: 0;top: 0;overflow: hidden;
    animation:load_Bg 4.5s  linear  forwards;
}
.loading_bg_item{width: 12.5%;height: 100%;background: #fff;float: left;
    animation:load_Bg_item 1s 4.5s linear  forwards;
    transform-origin:0 0;}
@keyframes load_Bg{
    0%{background-color: #fff;}
    99%{background-color: #fff;}
    100%{background-color: transparent;}
}
@-webkit-keyframes load_Bg{
    0%{background-color: #fff;}
    100%{background-color: transparent;}
}
@keyframes load_Bg_item{
	0%{transform: scale(1,1);}
	100%{transform: scale(0,1);}
}
@-webkit-keyframes load_Bg_item{
	0%{transform: scale(1,1);}
	100%{transform: scale(0,1);}
}
@keyframes timer{
	0%{width: 0;}
	100%{width: 100%;}
}
@-webkit-keyframes timer{
	0%{width: 0;}
	100%{width: 100%;}
}

body{padding-top:100px;}
.header{position: fixed;top:0;left:0;width: 100%;z-index:100;
    width: 100%;; background: #0f2a3d;display: inline-flex;justify-content: space-between;}
.logo{width: 17%; height:100px;padding:0 50px;text-align: left; transition: all .3s ease-in-out;}
.logo a{height:100px;display: inline-flex;align-items: center; position: relative;}
.logo a img{max-width: 100%;max-height: 100%;}

.hone_line{width: 340px; height:100px;background-color: #093852; font-size:26px;font-weight: bold; color:#7bd6e9;line-height: 100px;text-align: center;}
.hone_line img{margin:-3px 15px 0 0;vertical-align: middle;}

.nav{display: inline-flex;width: calc(100% - 24% - 340px);justify-content: space-between;}
.nav li{text-align: center;position: relative;padding:0 20px;}
.nav li a{line-height: 100px;height:100px;font-size: 16px;color:#fff;display: block;padding:0;
    overflow: hidden;position: relative;}
.nav li.on>a{font-weight: bold;}
.nav li.on:after{content:"";display: block;width:100%;height:3px;background: #7bd6e9;
    position: absolute;top:0;left:0;}
.nav_child {display:none;position: absolute;top:100px;left:10px;width:246px;border-top:4px solid #7bd6e9;
    padding:10px 30px 20px;background: #fff;z-index:10;box-shadow: 0 5px 13px 0 rgba(0,0,0,.1);}
.nav_child li {float:none;padding:0;width:100%;text-align: left;  }
.nav_child li a{line-height: 36px;height:36px;color:#363636;}
.nav_child li a:hover{color:#7bd6e9;}

.banner .slick-dots{bottom:45px;}
.banner .slick-dots li button{display: none;}
.banner .slick-dots li{width:50px;height:4px;background: #fff;opacity: .5;border-radius: 2px;padding:0;margin:0 10px;}
.banner .slick-dots li.slick-active{background: #98cfdc;opacity: 1;}

.right_f{position: fixed;right:0;top:40%;z-index: 100;}
.right_f li{margin:1px 0;position: relative;}
.right_f li a{display: block;width:58px;height:58px;background: rgba(15,42,61,.8);text-align: center;}
.right_f li a img{max-height: 100%;max-width: 100%;}
.right_f li .f_box{position: absolute;right:100%;top:0;padding-right:10px;display: none;}
.right_f li .f_box .f_cont{background: rgba(0,0,0,.15);border-radius: 10px;padding:12px;}
.right_f li.tel .f_cont{padding: 17px;}
.right_f li.tel span{color:#fff;font-size: 18px;line-height: 22px; white-space:nowrap;}
.right_f li.wx .wxImg{width:84px;text-align: center;overflow: hidden;}
.right_f li.wx .wxImg i{display: block;background: #fff;padding:3px;width:84px;height:84px;}
.right_f li.wx .wxImg img{max-height: 100%;max-width: 100%;}
.right_f li.wx .wxImg p{color:#fff;font-size: 16px;margin-top:3px;}
.right_f li.search .search_box{display: inline-flex;justify-content: space-between;}
.right_f li.search .search_box input{height:34px;line-height: 34px;font-size: 14px;border:none;padding:0 10px;}
.right_f li:hover .f_box{display: block;}

.mob_nav{position: absolute;top:50px;left:0;background: #fff;width:100%;z-index:100;height:0;
    overflow-x: hidden;-webkit-overflow-scrolling: touch;transition: all linear .3s;-webkit-transition: all linear .3s;}
.mob_nav.on{height:auto;}
.mob_nav_list{padding:10px 0 0;}
.mob_nav_list li {padding:0 10px;margin-bottom:10px;}
.mob_nav_list li a{position:relative;display: block;line-height:46px;height:46px;font-size: 18px;color:#0f2a3d;
    border-bottom:1px solid #dedede;padding:0 60px 0 20px;overflow: hidden;}
.mob_nav_list li i{display: block;width:20px;height:100%;position: absolute;right:15px;top:0;
    background: url(../images/index-m_07.png) no-repeat center center;background-size:9px;}
.mob_nav_list .list_one{padding:10px 0;}    
.mob_nav_list .list_one li {margin:0;}    
.mob_nav_list .list_one li a {border:none;color:#636363;padding-left:35px;font-size: 16px;}
.mob_nav_list .list_one li a.on,.mob_nav_list .list_one li a:hover{color:#7bd6e9;}
.mob_nav_list li a.on i{transform: rotate(90deg);-webkit-transform: rotate(90deg);}
.mob_nav_list ul{display: none;}
.mob_nav_list li i{display: none;}
.mob_nav_list li i.in{display: block;}
.mob_nav_tel{width: 100%; height: 75px;line-height: 75px;text-align: center;background-color: #093852;display: inline-flex;align-items: center;justify-content: center;font-size: 18px;font-weight: bold;color:#7cd4e8;}
.mob_nav_tel img{width: 40px;margin-right:10px;}
 
.s_title{text-align: center;}
.s_title .cn{font-size: 46px;line-height: 50px;color:#282828;margin-bottom:20px;}
.s_title .des{font-size: 22px;line-height: 30px;margin-bottom:45px;}
.s_title .des p{display: inline-block;margin-left:5px;color:#0f2a3d;}

.section_one{padding:130px 0 205px; background: url(../images/bg_03.png) no-repeat center center;background-size: cover;}
.one_title{width: 100%;display: inline-flex;justify-content: space-between;align-items: flex-end;}
.one_title .s_title{text-align: left;}
.one_title .cn{color:#fff;} 
.one_title .des p{color:#7bd6e9;}
.one_title .s_more{width: 148px;height:48px;background-color: #fff;color:#868686;font-size: 18px;margin-bottom:45px;
    border-radius: 24px;padding:0 30px;line-height: 48px;display: inline-flex;justify-content: space-between;align-items: center;}
.one_title .s_more .hov{display: none;}
.one_title .s_more:hover .no_h{display: none;}
.one_title .s_more:hover .hov{display: inline-block;}
.one_title .s_more:hover{background: #7bd6e9;color:#fff;}
.one_slider_item .slick-slide{transition: all .3s ease-in-out;margin-right:40px; border-radius: 40px;padding:6px;background: #fff;overflow: hidden;}
.one_list{position: relative;border-radius: 40px;overflow: hidden;}
.one_list img{max-width: 100%;}
.one_list dd{position: absolute;bottom:-100%;left:0;width: 100%;transition: all .3s ease-in-out;}
.one_list dd a{width:100%; display: inline-flex;align-items: center;justify-content: space-between; padding:80px 50px 20px 30px;
background:linear-gradient(to bottom,rgba(116,209,232,.01),#74d1e8);}
.one_list dd a .title{color:#fff;font-size: 19px;line-height: 30px;height:30px;width: calc(100% - 20px);
    overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;}
.one_slider_item .slick-track{padding:30px 0 50px;}
.one_slider_item .slick-slide:hover dd{bottom:0;}
.one_slider_item .slick-slide:hover{transform: translateY(-30px);}
.one_cont .slider-for>.slick-list{margin-right:-23%;}
.one_cont .slider-nav{ margin:0 60px;background: #fff;padding:10px;border-radius: 44px;}
.one_cont .slider-nav .slick-list{border-radius: 44px;}
.one_slider_tab{text-align: center;line-height: 68px;border-radius: 34px;}
.one_slider_tab .icon{display: inline-block;vertical-align: middle;margin:-5px 10px 0 0;} 
.one_slider_tab .icon img{max-width: 100%;}
.one_slider_tab .icon .hov{display: none;}
.one_slider_tab .title{display: inline-block;vertical-align: top;;} 
.one_slider_tab:hover,
.one_slider_tab.slick-current{background: #0b3a58;}
.one_slider_tab:hover .title,
.one_slider_tab.slick-current .title{color:#fff;font-weight: bold;}
.one_slider_tab:hover .icon .no_h,
.one_slider_tab.slick-current .icon .no_h{display: none;}
.one_slider_tab:hover .icon .hov,
.one_slider_tab.slick-current .icon .hov{display: block;}
.one_cont .slider-nav .slick-prev,
.one_cont .slider-nav .slick-next{width: 38px;height:38px;border-radius: 50%; background: #bababa;z-index:1;}
.one_cont .slider-nav .slick-prev:before,
.one_cont .slider-nav .slick-next:before{content:"";display: block; width: 100%;height:100%;
background: url(../images/index_34.png) no-repeat center center;opacity: 1;}
.one_cont .slider-nav .slick-prev:before{background: url(../images/index-h_34.png) no-repeat center center;}
.one_cont .slider-nav .slick-prev{left:22px;}
.one_cont .slider-nav .slick-next{right:22px;}
.one_cont .slider-nav .slick-prev.slick-disabled,
.one_cont .slider-nav .slick-next.slick-disabled{opacity: 0;}
.one_cont .slider-nav .slick-prev:hover,
.one_cont .slider-nav .slick-next:hover{background:#74d1e8 ;}

.section_two{background-color: #0b3a58;padding:90px 0;}
.section_two .s_title .cn{color:#fff;}
.section_two .s_title .des p{color:#7bd6e9;}
.two_cont{text-align: center;}
.two_cont img{margin:0 auto;max-width: 100%;}

.section_three{background: #e4e4e4;padding:70px 0 120px;}
.three_cont{margin:0 -4%;}
.three_slider{padding:45px 0 140px;}
.three_slider .slick-list{padding:30px 0;}
.three_list{position: relative;transition: all .3s ease-in-out;margin:0 50px;}
.three_list  a {display: block;; transform: skewX(-7deg);}
.three_list .fl_box{position: absolute;bottom:0;left:0;width: 100%;padding:50px 30px 30px 40px;
display: inline-flex;align-items: center;justify-content: space-between;
background: linear-gradient(to bottom,rgba(0,0,0,.01),rgba(0,0,0,.4));}
.three_list .fl_box dt{width: calc(100% - 110px); color:#fff;font-size: 18px;line-height: 26px;height:52px;font-weight: normal;
    transform: skewX(7deg);  padding-right:10px; overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:2;}
.three_list .fl_box dd{transform: skewX(7deg);width: 105px;text-align: right;position: relative;}
.three_list .fl_box dd .year{font-size: 18px;font-weight: lighter;color:#fff;opacity: .6;font-style: italic;}
.three_list .fl_box dd .days{font-size: 26px;font-weight: bold;color:#fff;font-style: italic;}
.three_list .fl_box dd::before{content:"";display: block;position: absolute;top:4px;left:0;width: 1px;height:55px;background: #57575d;transform: skew(-8deg);}
.three_list:hover{transform: translateY(-30px);}
.three_list:hover .fl_box{background:linear-gradient(to bottom,rgba(116,209,232,.01),#74d1e8);;}
.three_list:hover  a{box-shadow: 20px 20px 15px 0 rgba(0,0,0,.1);}
.three_list:hover .fl_box dt{color:#282828;}
.three_list:hover .fl_box dd .year{color:#434343;}
.three_list:hover .fl_box dd .days{color:#2e484f;}
.three_list:hover .fl_box dd:before{background-color: #fff;opacity: .3;}
.three_slider .slick-prev,
.three_slider .slick-next{width: 42px;height:42px;border-radius: 50%;background-color:rgba(15,42,61,.5);
bottom:0;top:auto;transform: translate(0,0);}
.three_slider .slick-prev{left:43%;margin-left:-21px;}
.three_slider .slick-next{right:43%;margin-right:-21px;}
.three_slider .slick-prev::before,
.three_slider .slick-next::before{opacity: 1;content:"";display: block;width: 100%;height:100%;}
.three_slider .slick-prev::before{background: url(../images/index_61.png) no-repeat center center;}
.three_slider .slick-next::before{background: url(../images/index_58.png) no-repeat center center;}
.three_slider .slick-prev:hover,
.three_slider .slick-next:hover{background-color: #0f2a3d;box-shadow: 0 12px 15px 0 rgba(88,223,255,.3);}

.section_four{height:auto;verflow: hidden;position: relative;}
.video_img{position: absolute;top:0;left:50%;transform: translateX(-50%);}
.video_img2{display: none;}
.video_img_icon{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 20;}
.section_four .img{max-width: 100%;}
.section_four .video_cont{vertical-align: top;width: 100%;height:100%;}
#videoContainer{height:100%;width: 100%;}
#videoContainer iframe{height:100%;width: 100%;}

.section_five{background-color: #e4e4e4;position: relative;padding:150px 0 160px;}
.section_five .bg{display: block;position: absolute;top:178px;left:50%;transform: translateX(-50%);max-width: 100%;}
.section_five .container{position:relative;z-index:1;}
.five_cont{margin:0 -15px;}
.five_cont a{display: inline-block;width: calc(25% - 30px);margin:15px;float: left;overflow: hidden;
    border-radius: 10px;box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);}
.five_cont a img{max-width: 100%;}
.five_cont a:hover{box-shadow: 0 5px 10px 0 rgba(88,223,255,.3);}

.section_consult{padding:75px 0; background: url(../images/bg_05.png) no-repeat center center;background-size: cover;}
.section_consult .title{margin-bottom:45px; color:#7bd6e9;font-size: 26px;font-weight: bold;line-height: 34px;text-align: center;}
.consult_form {margin:0 -15px;}
.consult_form .put{overflow: hidden; float: left;display: inline-flex;justify-content: space-between;align-items: center;  width: calc(25% - 30px);margin:0 15px;height:60px;border-radius: 10px;background: rgba(0,0,0,.4);}
.consult_form .put span{width:70px;text-align: center;display: inline-block;position: relative;}
.consult_form .put span::after{content:"";display: inline-block;position: absolute;top:50%;right:-1px;transform: translateY(-50%);
width: 1px;height:28px;background: rgba(89,145,158,.4);}
.consult_form .put input{color:#fff; padding:0 40px 0 20px;font-size: 18px;height:100%; width: calc(100% - 70px);background: none;border:none;text-align: right;}
.consult_form .put input::-webkit-input-placeholder,
.consult_form .put textarea::-webkit-input-placeholder { /* WebKit*/  color:  #fff;  }  
.consult_form .sub button{background: #fff;width: 100%;height:100%;border:none;font-size: 20px;font-weight: bold;color:#61a6b6;
text-align: center;}

.footer{background: #0f2a3d;padding:65px 0 0;}
.foot_one{display: inline-flex;justify-content: space-between;width: 100%;}
.foot_logo{width:24%;padding:10px 20px 10px 0;}
.foot_logo img{max-width: 100%;}
.foot_nav{width: 50%;}
.foot_nav  ul{width: 100%;display: inline-flex;justify-content: space-between;}
.foot_nav li a{display: block; color:#fff;font-size: 14px;color:#9eb2b6;line-height: 34px;margin:5px 0;}
.foot_nav li a span{font-size: 16px;font-weight: bold;color:#fff;}
.foot_nav li a:hover span{color:#7bd6e9;}
.foot_nav li a:hover{color:#7bd6e9;}
.foot_ma dl{margin-left:30px;width: 107px;text-align: center;display: inline-block;}
.foot_ma dl img{max-width: 100%;}
.foot_ma dl dd{font-size: 14px;color:#9eb2b6;line-height: 28px;margin-top:20px;}
.foot_tel{color:#7bd6e9;font-size: 26px;font-weight: bold;padding-bottom:40px;}
.foot_tel img{vertical-align: middle;margin:-6px 10px 0 0;}
.copy{color:#9eb2b6;font-size: 14px;position: relative; padding:45px 90px 30px;border-top:1px solid #6f777b;text-align: right;}
.copy a{color:#9eb2b6;}
.copy .top{position:absolute;top:24px;right:0;width: 54px;height:54px;border-radius: 50%;background-color: #7cd5ea;text-align: center;
    box-shadow: 0 10px 15px 0 rgba(88,223,255,.34);}
.copy .top img{max-width: 100%;}


.det_banner{position: relative;}
.det_banner img{max-width: 100%;}
.det_banner .det_title{position: absolute;bottom:15%;left:0;padding:0 8%;}
.det_banner .det_title .cn{font-size: 30px;font-weight: bold;color:#434343;line-height: 40px;}
.det_banner .det_title .en{font-size:36px;font-weight: lighter;color:#c3c3c3;line-height: 40px;}

.det_nav{text-align: center;padding:50px 0;}
.det_nav  a{vertical-align: top; margin:10px 0;font-size: 18px;color:#434343;display: inline-block;line-height: 34px;padding:0 20px;border-radius: 17px;}
.det_nav  a.on,
.det_nav  a:hover{background-color: #0f2a3d;color:#fff;}

.qyjs_cont .ab_logo{float: left;padding-top:75px;position: relative; width:23%;padding-right:50px;position: relative;text-align: right;}
.qyjs_cont .ab_logo::after{content:"";display: block;position: absolute;top:30px;right:0;width:1px;height:280px;background-color: #dcdcdc;}
.qyjs_cont .ab_logo p{font-size: 18px;color:#969696;}
.qyjs_cont .ab_logo img{max-width: 100% ;}
.qyjs_cont .txt{margin-left:23%;padding-left:50px;font-size: 16px;color:#969696;line-height: 32px;}
.qyjs_cont .txt img{max-width: 100%;}

.qyjs_yj{padding:40px 0;margin:70px 0 60px;border-bottom:1px solid #b1b1b1;}
.qyjs_yj .title{font-size: 24px;font-weight: bold;color:#7bd6e9;line-height: 30px;margin-bottom:15px;}
.qyjs_yj .des{font-size: 22px;font-weight: bold;color:#7a7a7a;line-height: 30px;}

.about_ryzz{margin-bottom:130px; padding:65px 0 50px; background: url(../images/about_04.png) no-repeat center center;background-size:cover;}
.ryzz_title{font-size: 36px;color:#343434;line-height: 40px;margin-bottom:10px;}
.ryzz_des{font-size: 16px;color:#343434;line-height: 24px;margin-bottom:10px;}
.ryzz_list{padding:35px 70px 0;}
.ryzz_list span{margin:30px;float: left;width: calc(25% - 60px);}
.ryzz_list  img{max-width: 100%;}

.case_cont{background: #f2f7fa;padding:70px 0 100px;}
.case_list{margin:0 -20px;}
.case_list .case_item{float: left;width: calc(33.33% - 40px);margin:18px 20px;}
.case_list dl{text-align: center;transition: all .3s ease-in-out;}
.case_list img{max-width: 100%;}
.case_list dt{padding:5px;border-radius: 6px;}
.case_list dd a{display: block; color:#747474;line-height: 65px;height:65px;font-size: 18px; overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;}
.case_list dl:hover{transform: translateY(-15px);}
.case_list dl:hover dt{background: #fff;box-shadow: 0 20px 35px 0 rgba(124,213,234,.36);}

.page_list{text-align: center;margin:90px 0;}
.page_list li{display: inline-block;margin:0 5px;}
.page_list li a{display: block;color:#093852;font-size: 18px;width:47px;height:47px;line-height: 47px; border:1px solid #cbcdce;}
.page_list li a i{font-family: "幼圆";}
.page_list li.on a,
.page_list li a:hover{color:#fff;background-color: #093852;border-color:#093852;}

html.on{overflow: hidden;}
.case_det_model{ position: fixed;top:0;left:0;right:0;width: 100%; height:100%;overflow-x: hidden; overflow-y: auto;
    display: none;text-align: center; margin:auto;background: rgba(0,0,0,.6);z-index: 102;}
.case_det_model .mo_body{width: 100%; max-width: 100%;text-align: left;  margin:10% auto; height:max-content;display: inline-block;}
.case_det_model .mo_imgTitle{max-width: 1100px;position: relative;margin:0 auto;}
.case_det_model .mo_imgTitle .mo_colse{position: absolute;top:-52px;right:-60px;color:#fff;
    font-size: 70px;font-family: "宋体";cursor:pointer;line-height: 60px;;}
    .case_det_model .mo_imgTitle img{max-width: 100%;width: 100%;}
    .case_det_model .mo_imgTitle .title{line-height: 40px;padding:15px;color:#fff;text-align: center;background-color: #093852;font-size: 18px;;}
.case_det_model .mo_txt{margin:0 auto;font-size: 14px;color:#666;line-height: 36px; background: #fff;padding:95px 70px 65px;max-width: 1238px;margin-top:-70px;}

.contact_us{background-color: #f2f7fa;}
.contact_title{border-bottom:1px solid #e5e5e5;padding:50px 0 25px;}
.contact_title .cn{font-size: 30px;line-height: 34px;color:#1d1d1d;font-weight: bold;}
.contact_title .des{font-size: 14px;line-height: 30px;color:#636363;margin-top:15px;}
.us_cont{width: 100%;text-align: center;  padding:50px 70px 50px 40px;display: inline-flex;align-items: center;justify-content: space-between;}
.us_cont .us_list{width: 54%;; display: inline-flex;align-items: flex-start;justify-content: space-between;}
.us_cont .us_list dt{margin-bottom:18px;}
.us_cont .us_list dd .ti{font-size: 18px;color:#3f3f3f;font-weight: bold; margin-bottom:12px;}
.us_cont .us_list dd .des{font-size: 14px;color:#6f6f6f;}
.us_cont .us_ma{display: inline-flex;align-items: flex-start;justify-content: space-between;}
.us_cont  img{max-width: 100%;}
.us_cont .us_ma dt{max-width: 210px;margin:0 auto;}
.us_cont .us_ma dd{font-size: 14px;color:#6f6f6f;padding:3px 0;}
.us_cont .us_ma dl{margin:0 30px;}
.map{margin-bottom:100px;}

.contact_sw{background: url(../images/cont_22.png) no-repeat center center;background-size: cover;}
.contact_sw .contact_title .cn{color:#fff;}
.contact_sw .contact_title .des{color:#fff;}
.contact_sw .contact_title {border-color: #cacaca;}
.sw_message{width: 610px;margin:0 auto;padding:85px 0 130px;}
.sw_message .box{display: inline-flex;justify-content: space-between;width: 100%;}
.sw_message  .put{width: 47%;margin-bottom:10px;display: inline-flex;justify-content: space-between;align-items: center;;}
.sw_message  .put .ti{display: inline-block;width: 60px;font-size: 14px;color:#636363;text-align: center;
    text-shadow: 0 3px 2px rgba(0,0,0,.3);color:#fff;}
.sw_message  .put input{width: calc(100% - 60px);padding:0 10px; background-color: #fff;border:1px solid #cecece;line-height: 35px;font-size: 14px;}
.sw_message .text{width: 100%;;}
.sw_message .text textarea{width: calc(100% - 60px);height:135px;min-height: 135px;
    max-width: calc(100% - 60px);min-width:calc(100% - 60px); max-height:135px; overflow-y: auto;
    border:1px solid #cecece;font-size: 14px;line-height: 20px;padding:5px 10px;;}
.sw_message .yzm  button{height:38px;color:#fff;font-size: 18px;text-align: center;background-color: #093852;width: 142px;border:none;;}

.contact_zp{background-color: #f2f7fa;padding-top:25px;}
.zp_cont{width: 890px;margin:80px auto;position: relative;}
.zp_cont .gallery-thumbs{background-color: #fff;padding:6px;border-radius: 10px;}
.zp_cont .gallery-thumbs .item{width: auto;cursor: pointer;  padding:0 40px;line-height: 36px;font-size: 18px;color:#434343;border-radius: 8px;}
.zp_cont .gallery-thumbs .swiper-slide-active{color:#fff;background-color: #093852;}
.zp_cont .gallery-thumbs .item:hover{color:#fff;background-color: #093852;}
.zp_cont .gallery-top{width:100%;margin:80px auto 0;}
.zp_cont .content{padding-bottom:80px;width: 550px;margin:0 auto;}
.zp_cont .content .ti{font-size: 16px;color:#093852;font-weight: bold;line-height: 30px;}
.zp_cont .content .ti:first-child{margin-bottom:30px;}
.zp_cont .content .txt{font-size: 16px;color:#636363;margin-bottom:30px;line-height: 30px;}
.zp_cont .swiper-button-next,
.zp_cont .swiper-button-prev{position:absolute;top:0;width: 27px;height:50px;margin:0;}
.zp_cont .swiper-button-prev{left:-60px;background: url(../images/cont_25.png) no-repeat center center;}
.zp_cont .swiper-button-next{right:-60px;background: url(../images/cont_27.png) no-repeat center center;}

.news_cont{background-color: #f2f7fa;padding:50px 0;}
.news_list dl{margin:35px 0;display: inline-flex;align-items: center;width: 100%;
padding:35px;}
.news_list dl dt{width: 35%;border:6px solid transparent;border-radius: 6px;}
.news_list dl img{max-width: 100%;}
.news_list dl dd{width: 75%;padding:0 30px 0 80px;}
.news_list dl:nth-child(2n){background: #fff;}
.news_list dl .ti a{display: block;color:#093852;font-size: 18px;font-weight: bold; line-height: 24px;height:24px;
    overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;}
.news_list dl .des{color:#8f8f8f;font-size: 18px;line-height: 36px;height:108px;margin-top:25px;
        overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:3;}
.news_list dl  .time{font-size: 14px;font-weight: lighter;color:#acacac;margin-top:12px;}
.news_list dl .more{display: block;width: 113px;height:34px;line-height: 34px;background-color: #093852;font-size: 14px;
    color:#fff;border-radius: 8px;text-align: center;margin-top:60px;}
.news_list dl dt:hover{border-color: #fff; box-shadow: 0 20px 26px 0 rgba(124,213,234,.3);}
.news_list dl .more:hover{ box-shadow: 0 20px 26px 0 rgba(124,213,234,.3);}

.product_cont{background-color: #f2f7fa;padding:90px 0;}
.product_list{margin:0 -20px;}
.product_list dl{margin:25px 20px;float: left;width: calc(25% - 40px);text-align: center;}
.product_list dl dt img{max-width: 100%;border-radius: 20px;}
.product_list dl dt{border-radius: 20px;border:8px solid transparent;overflow: hidden;transition: all .3s ease-in-out;}
.product_list dl dd {padding:20px 0;}
.product_list dl  dd .ti{font-size: 18px;color:#747474;margin-bottom:12px;line-height: 32px;height:32px; overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;}
.product_list dl  dd .more{display: inline;border-bottom:1px solid #747474; font-size: 14px;color:#747474;}
.product_list dl:hover dt{border-color: #fff; box-shadow: 0 20px 30px 0 rgba(124,213,234,.3);
transform: translateY(-22px);}
.product_list dl:hover dd .ti{ color:#053351;}
.product_list dl:hover .more{ color:#7bd5ed;border-color:#7bd5ed;}


.news_det{padding:0 10px;}
.news_det .title{margin-bottom:10px; text-align: center;font-weight: bold; font-size: 24px;color:#2b2b2b;line-height: 30px;}
.news_det .time{margin-bottom:35px;text-align: center;font-size: 14px;color:#acacac;line-height: 20px;font-weight: lighter;}
.news_det .text{font-size: 14px;color:#8f8f8f;line-height: 24px;}
.news_det img{max-width: 100%;margin:0 auto;}
.news_det .back{font-size: 18px;text-align: center;margin:20px 0;}
.news_det .back a{color:#0f2a3d;}
.news_det .back a:hover{color:#7bd6e9;}

.pro_det_one{background: #f2f7fa;padding:70px 70px 130px;}
.pro_one_slider{float: left;width: 41.5%;text-align: center;border:1px solid #747474;}
.pro_one_slider .slick-dots{bottom:10px;}
.pro_one_slider .slick-dots li button{width: 8px;height:8px;border-radius: 50%; background-color: #fff;}
.pro_one_slider .slick-dots li.slick-active button{background-color:#7bd5ed ;}
.pro_one_right{margin-left:44.5%;padding:35px 70px;}
.pro_one_right .title{border-bottom:1px solid #bfbfbf;}
.pro_one_right .title span{display: inline-block;margin-bottom:-1px; font-size: 24px;font-weight: bold;color:#343537;line-height:30px;padding:20px 0;border-bottom:2px solid #7dd5eb;}
.pro_one_right .txt{padding:30px 10px 60px;font-size: 14px;line-height: 36px;color:#9b9b9b;}
.pro_one_right .img img{max-width: 100%;}

.pro_det_two{padding:50px 0 100px; }
.pro_two_tab{text-align: center;margin-bottom:50px;}
.pro_two_tab span{display: inline-block;cursor: pointer; font-size: 18px;color:#434343;padding:0 20px;line-height: 36px;border-radius: 18px;}
.pro_two_tab span.on{color:#fff;background: #0f2a3d;}
.pro_two_box{padding:50px ;}
.pro_two_item{display: none; width: 100%;}
.pro_two_list{padding:0 35px;float: left;width: 25%;text-align: center;}
.pro_two_list img{max-width: 160px;}
.pro_two_list dt{margin-bottom:30px;}
.pro_two_list .ti{font-size: 18px;color:#575757;margin-bottom:30px;}
.pro_two_list .des{font-size: 12px;color:#9e9e9e;}
.pro_two_box .pro_two_item.on{display: block;}

.pro_nav_one{display: inline-block;vertical-align: top;position: relative;}
.pro_nav_two{position: absolute;top:44px;left:50%;transform: translateX(-50%);padding:30px 0 10px;
    min-width: 145px;z-index: 10;display: none;}
.pro_nav_two li{text-align: center;position: relative;padding:10px 0;
    background: rgba(255,255,255,.8);box-shadow:0 2px 24px 0px rgba(15,41,61,.1)}
.pro_nav_two a{border-radius: 0;margin:10px 0; border-bottom:1px solid transparent;
     line-height: 30px; color:#747474;font-size: 16px;display: inline-block;padding:0;}
.pro_nav_two a:hover{background: none;color:#0f2a3d;border-color: #0f2a3d;}
.pro_nav_two li::before{content:"";position: absolute;top:-10px;left:50%;margin-left:-10px;display: block;
    border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent;}