@charset "utf-8";



/* html, body {padding: 0;margin: 0;background: #fff;width: 100%;min-height: 100%; filter:grayscale(100%);} */



* {margin: 0;padding: 0;font-family: Arial, Helvetica, Verdana, 'Microsoft YaHei';border: 0;outline: medium;text-shadow: none;text-decoration: none;}

@font-face {

    font-family: 'Conv_Montserrat-Bold';

    src:url("../Css/Conv_Montserrat-Bold.ttf");

}

@font-face {
  font-family: 'down';
  src:url('../fonts/down.ttf?t=1679899748711') format('truetype');
}

.down{font-family: "down" !important;
  font-size: 22px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; float: right;}



body {color: #444;font-size: 14px;position: relative;-webkit-text-size-adjust: none;-ms-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}



input {vertical-align: middle;}



textarea {resize: none;}



ul {list-style: none;}



img, {display: block;}



a{color: #444;text-decoration: none;}

a:hover{color: #444;text-decoration: none;}



i, em {font-style: normal;}



p{margin-bottom: 0px;}



ul{margin-bottom: 0px;}



/*input placeholder 样式 */



::-webkit-input-placeholder {color: #999;}



:-moz-placeholder {color: #999;}



::-moz-placeholder {color: #999;}



:-ms-input-placeholder {color: #999;}



/*修改滚动条*/



::-webkit-scrollbar{width:6px;height:6px ;}



::-webkit-scrollbar-track{box-shadow: inset 0 0 6px transparent;background: #f8f8f8;border-radius: 6px;}



::-webkit-scrollbar-thumb{border-radius: 6px;background: #bbb;}



.p30{ padding-top: 40px;}



.pf_12{font-size: 12px;line-height: 25px;}



.pf_16{font-size: 16px;line-height: 30px;}



.pf_18{font-size: 18px;line-height: 30px;}



.pf_17{font-size: 17px;line-height: 30px;}



.pf_22{font-size: 22px;line-height: 35px;}



.pf_24{font-size: 24px;line-height: 35px;}



.pf_28{font-size: 28px;line-height: 40px;}



.pf_30{font-size: 30px;line-height: 45px;}



.pf_32{font-size: 32px;line-height: 45px;}



.pf_34{font-size: 34px;line-height: 50px;}



.pf_36{font-size: 36px;line-height: 50px;}


.cler{clear:both;}
@font-face {font-family:fz;src: url('../css/bahnschrift.ttf');}

#dituContent label {max-width: unset!important;text-align: center;}



.home_sy{ font-size:16px; line-height: 32px; margin-top: 50px;}
.jw-controlbar{width: 100%;}



.sa{line-height: 40px;}



.btt{ margin-bottom: 3rem;}

.pf_21{ font-size: 19px;}  

/*top*/


@font-face {
  font-family: 'iconfont';  /* Project id 4010323 */
  src: url('//at.alicdn.com/t/c/font_4010323_mv8t5axgnq.woff2?t=1685520545998') format('woff2'),
       url('//at.alicdn.com/t/c/font_4010323_mv8t5axgnq.woff?t=1685520545998') format('woff'),
       url('//at.alicdn.com/t/c/font_4010323_mv8t5axgnq.ttf?t=1685520545998') format('truetype');
}

.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
/* CDN 服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: "siyuan";font-weight: 400;src: url("//at.alicdn.com/wf/webfont/ChRyxKy40OUu/8bkrC1wdXTdy.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/ChRyxKy40OUu/w9xMkDB4s4r8.woff") format("woff");
  font-display: swap;
}
/* CDN 服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: "puhui";font-weight: 500;src: url("//at.alicdn.com/wf/webfont/ChRyxKy40OUu/09unwnoSREgM.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/ChRyxKy40OUu/XgNRVpwgfpLI.woff") format("woff");
  font-display: swap;
}

.case-tii{text-align: center;
    font-size: 32px; color: #004da0;}

.warpp{width: 70%;
    margin: 0 auto;}

.top{z-index: 88;top:0;width: 100%;  position: fixed; background: rgba(255,255,255,.7);}  



.topa a{float: left;}



.topa a img{display: block;max-width: 100%;}



.topa span{display: block;color: #000;}



.topa p{line-height: 20px;letter-spacing: 5px;color: #000;}



.topb li a{display: block;color: #000;line-height: 20px;text-align: center;font-size: 20px;position: relative;transition:.4s;}



.topb li a i{margin-right: .25rem;font-size: 22px;}



.topb li a:hover {color: rgba(5,73,148,.7);}



.topb li:nth-of-type(1) a::after{position: absolute;content: "";right:0;top:20%;height: 15px;}

.imgBg {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.menu li a span{display: block;position: relative;transition:.4s;text-align: center;color: #000;font-size: 15px;line-height: 25px;}



.menu li a span:hover{color: rgba(5,73,148,.7);}



.menu li a span::after{position: absolute;content: "";right:0;top:20%;height: 15px;}



.menu li:last-child a span::after{width: 0px;}



.menu li.curr { transition: all 0.3s ease 0s; }



.menu li.curr .submenu{opacity: 1; }



.menu li .submenu{position:fixed;z-index: 8;top:78px;left:0; width:100%;height:0;overflow: hidden;opacity:0; text-align: center;transition: all 0.3s ease 0s;  
	background: rgba(255,255,255,.8); }



.navbga{background:url(../images/navbga.png) center bottom no-repeat;}



.navbgb{background:url(../images/navbgb.png) center bottom no-repeat;}



.navbgc{background:url(../images/navbgc.png) center bottom no-repeat;}



.navbgd{background:url(../images/navbgd.png) center bottom no-repeat;}



.navbge{background:url(../images/navbge.png) center bottom no-repeat;}



.navbgf{background:url(../images/navbgf.png) center bottom no-repeat;}



.navbgg{background:url(../images/navbgg.png) center bottom no-repeat;}



.navbgh{background:url(../images/navbgh.png) center bottom no-repeat;}



.menu li .submenu .left{float: left;width:51%;padding: 6% 0;text-align: left;}



.menu li .submenu .left span{display: block;line-height: 60px;font-size: 40px; color: #fff;font-weight: bold;}



.menu li .submenu .left p{line-height: 30px;color: rgba(255,255,255,.8);letter-spacing: 2px;font-family: fz;font-size: 22px;text-transform: uppercase;}



.menu li .submenu .left strong{display: block;font-weight: normal;font-size: 22px;color: rgba(255,255,255,.8);}



.menu li .submenu .left strong em{font-size:22px;color: #fff;}



.menu li .submenu .right{float: right;width: 31%;padding:2%;}



.menu li .submenu .right {text-align: left;}



.menu li .submenu .right  span{display: block;line-height: 20px;color: #999;text-transform: uppercase;}



.menu li .submenu .right  span b{font-size: 16px;color: #444;}



.menu li .submenu .right  span em{color: #054994;font-size: 30px;}



.menu li .submenu .right  dd a{display: block;line-height: 27px;font-size: 14px;transition:.4s;white-space: nowrap; text-overflow:ellipsis; overflow: hidden; margin-left: 10px;}



.menu li .submenu .right  dd a:hover{color: #054994;}



.menu li .submenu .right  dd a em{color: #054994;font-size:0px;}



.search-text{line-height: 53px;padding-left: 5px;width: 80%;}



.fdj{width: 55px;height: 40px; line-height: 40px;background: url(../images/fdj.png) center no-repeat #054994;outline: none;color: #fff;width: 20%;transition:.4s;}



.fdj:hover{background: url(../images/fdj.png) center no-repeat #444;}



.btn{border-radius: 0px !important;}







.mobmenu{position: relative;top:-24px;}



.mobmenu .flex-control-nav{background: #ddd;float: left;width: 3%;}



.mobmenu .code{-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;color:#000;font-family:'Fira mono', 'Courier New', Courier, monospace;font-size:85%;letter-spacing:.05em;padding:1em;}



.mobmenu .aligncontent-center {text-align: center;}



.mobmenu .main-header {text-align: center;font-weight:300;font-size: 90%;}



.mobmenu .menu-button {position: absolute;margin: 5px;height: 36px;width: 36px;right: 10px;top: 0;}



.mobmenu .menu-left {float: left;}



.mobmenu .sidebar{display: none;width: 100%;height: 100%;margin: 0;left:0; position: fixed;top: 0;z-index: 9999;}



.mobmenu .menu-button i{font-size: 24px;color:#444}



.mobmenu .sidebar > .bg-cover{display: block;position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;background: rgba(0,0,0,.5);}



.mobmenu .sidebar nav{float: left;width: 260px;height: 100%;margin-left: -260px;color: white;background:rgba(255,255,255,0.9);padding:6%;}



.mobmenu .sidebar ul{margin-top: 10%;border: 1px solid rgba(0,0,0,.1);border-bottom: none;border-right: none;height: auto;overflow: hidden;}



.mobmenu .sidebar li a{display: block;transition:.4s;border-bottom: 1px solid rgba(0,0,0,.1);border-right: 1px solid rgba(0,0,0,.1);text-align: center;padding: 5px;}



.mobmenu .sidebar li a:hover{background: #054994;}



.mobmenu .sidebar li a:hover i{color: #fff;}



.mobmenu .sidebar li a:hover span{color: #fff;}



.mobmenu .sidebar li a i{font-size: 26px;color: #777;}



.mobmenu .sidebar li span{display: block;line-height: 30px;color: #666;}



.moba img{display: block;margin:0 auto 2rem auto;}



.moba strong{display: block;line-height:50px;background:#333;text-align: center;font-size:18px;color:rgba(255,255,255,.8);letter-spacing: 2px;}



/*banner*/



/*index_banner*/



.banner {position: relative;height: auto !important;z-index: 1;top:0;}



.banner .swiper-container{height: auto;overflow: hidden;}



.banner .swiper-wrapper{height: auto !important;}



.banner .swiper-slide {position: relative;height: auto !important;float: left;}



.banner .swiper-slide img{ width: 100%; height: auto;}



.banner .swiper-pagination {position: absolute;font-size:0;left: 0;height: 20px;text-align: center;bottom: 6% !important;width: 100%;z-index: 9999;}



.banner .swiper-pagination-bullet{background: #fff;}



.banner .swiper-pagination-bullet-active{width:30px;height: 8px;border-radius: 10px;background: #006cbd;}



#swiper-slide1{position: relative;}



#swiper-slide1 .bannera{position: absolute;z-index: 3;width: 100%;height: 100%;background: rgba(0,0,0,.1);padding-top: 15%;}



#swiper-slide1 .bannera strong{display: block;font-size: 66px;line-height: 100px;color:#fff;margin-top: 2%;opacity: 0;



  -webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);transition: .2s ease .4s;}



#swiper-slide1 .bannera p{transition-delay: .6s !important;font-size: 36px;line-height: 60px;color: #fff;font-weight: 100;



	text-transform: uppercase;font-family: fz; margin:.5rem 0 1rem 0;opacity: 0;-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);transition: .2s ease .5s;}



#swiper-slide1 .bannera i{transition-delay: .9s !important;display: block;width: 32px;height: 28px;background: url(../images/bana.png) center no-repeat;



opacity: 0;-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);transition: .2s ease .5s;}



.banner .swiper-slide-active .bannera strong{opacity: 1 !important;-webkit-transform: translate3d(0, 0, 0) !important;transform: translate3d(0, 0, 0) !important;transition: .8s ease .4s !important;}



.banner .swiper-slide-active .bannera p{opacity: 1 !important;-webkit-transform: translate3d(0, 0, 0) !important;transform: translate3d(0, 0, 0) !important;transition: .8s ease .4s !important;}



.banner .swiper-slide-active .bannera i{opacity: 1 !important;-webkit-transform: translate3d(0, 0, 0) !important;transform: translate3d(0, 0, 0) !important;transition: .8s ease .4s !important;}







#swiper-slide1 .bannerb{position: absolute;z-index: 3;width: 100%;height: 100%;background: rgba(0,0,0,0);padding-top: 15%;}



#swiper-slide1 .bannerb strong{display: block;font-size: 66px;line-height: 100px;color:#fff;margin-top: 2%;opacity: 0;



  -webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);transition: .2s ease .4s;}



#swiper-slide1 .bannerb p{transition-delay: .6s !important;font-size: 36px; line-height: 60px;color: #fff;font-weight: 100;margin:.5rem 0 1rem 0;text-transform: uppercase;font-family: fz;



opacity: 0;-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);transition: .2s ease .5s;}



#swiper-slide1 .bannerb i{transition-delay: .9s !important;display: block;width: 32px;height: 28px;background: url(../images/bana.png) center no-repeat;



opacity: 0;-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);transition: .2s ease .5s;}



.banner .swiper-slide-active .bannerb strong{opacity: 1 !important;-webkit-transform: translate3d(0, 0, 0) !important;transform: translate3d(0, 0, 0) !important;transition: .8s ease .4s !important;}



.banner .swiper-slide-active .bannerb p{opacity: 1 !important;-webkit-transform: translate3d(0, 0, 0) !important;transform: translate3d(0, 0, 0) !important;transition: .8s ease .4s !important;}



.banner .swiper-slide-active .bannerb i{opacity: 1 !important;-webkit-transform: translate3d(0, 0, 0) !important;transform: translate3d(0, 0, 0) !important;transition: .8s ease .4s !important;}




.igt_btn{ position:relative; z-index:9; 
    bottom: 30px;
    width: 100%;
    height: 50px;
}
.igt_btn .igt_prev{}


.igt_btn::after {
    
    width: 88%;
  
    position: absolute;
    display: block;
    content: '';
    bottom: 0px;
    right: 0;
    z-index: 1;
}
.igt_btn .igt_next{}
.igt_btn .igt_prev, .igt_btn .igt_next{ border-radius: 50%;
    background: #fff;
    width: 60px;
    height: 60px;
    line-height: 999;
    overflow: hidden;
    color: #000;
    top: 50%;
    margin-top: -10px;
    font-size: 14px;
    text-transform: uppercase;
    margin-right: 18px;
    float: left;
    border: 2px solid #d9d9d9;
    cursor: pointer;
    position: relative;
    transition: .3s; }
.igt_btn .igt_prev{ left:0;}
.igt_btn .igt_next{ right:0;} 

.igt_btn .igt_prev:before{position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #d9d9d9;
    border-left: 2px solid #d9d9d9;
    left: 50%;
    top: 50%;
    margin: -5px 0 0 -3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);}

.igt_btn .igt_next:before{ transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    margin-left: -7px;
    border-bottom: 2px solid #d9d9d9;
    border-left: 2px solid #d9d9d9;}


 .igt_btn .igt_prev:before,.igt_btn .igt_next:before{ content: ''; position:absolute; width:10px; height:10px; text-align:center; top:50%; margin-top:-5px; left:50%; margin-left:-5px;}
.igt_btn .igt_prev:before{background:url(../images/prev2.png) no-repeat center;}
.igt_btn .igt_next:before{background:url(../images/next2.png) no-repeat center;}
 .igt_btn .igt_prev:hover, .igt_btn .igt_next:hover{background-color:#004ea0;  }



/*index_cp*/



.in_01{height: auto;overflow: hidden;background:url(../images/in01bg.jpg) center top no-repeat;}



.in01a img{display: block;max-width: 100%;}



.in01a_a i{font-size: 36px;}



.in01a_a span{display: block;color: #999;text-transform: uppercase;font-size: 16px;}



.in01a_a b{color: #054994;font-size: 42px;}



.in01a_a p{color: #777;}



.in01a_b p{line-height: 30px;color: #777;}



.in01a_b a{color: #054994;transition:.4s;}



.in01a_b a:hover{color: #444;}



.in01a_c li .in01a_d{padding:1rem 1.5rem 1rem 6rem;border: 1px solid #eeeff0;height: auto;overflow: hidden;} 



.in01a_c li .in01a_d span{display: block;line-height: 20px; color: #444; font-size: 14px;}  



.in01a_c li .in01a_d em{margin-top: 7px;color: #054994;} 



.in01a_c li .in01a_d em b{font-size: 50px;font-family: fz;color: #054994;} 



.in01a_c li:nth-of-type(1) .in01a_d{background:url(../images/in01b.png) 2rem center no-repeat #fff;} 



.in01a_c li:nth-of-type(2) .in01a_d{background:url(../images/in01c.png) 2rem center no-repeat #fff;} 



.in01a_c li:nth-of-type(3) .in01a_d{background:url(../images/in01d.png) 2rem center no-repeat #fff;} 



.in01a_c li:nth-of-type(4) .in01a_d{background:url(../images/in03b.png) 2rem center no-repeat #fff;} 

.in01a_c li:nth-of-type(5) .in01a_d{background:url(../images/in04b.png) 2rem center no-repeat #fff;} 

.in01b .row{position: relative;}



.in01b li a{display: block;text-align: center;transition:.4s;}



.in01b li a:hover {color: #054994;}



.in01b li i{font-size: 40px;}



.in01b li span{display: block;}



.in01b li p{line-height: 30px;color: #777;text-transform: uppercase;font-family: fz;}



.line{ width: 200px; height: 10px;position: absolute; top: 30px;}



.line span{display: block;border-top: 1px dashed #d8d8d8;width: 100%;position: relative;top:75%;}



.line:before{ animation: fwzcline1 3s infinite; position: absolute; top: 50%; left: 0px;z-index: 3;content: ''; width: 7px; height: 7px; background: #054994; border-radius: 50%; }



.line:after{ animation: fwzcline2 3s infinite; position: absolute; top: 50%; right: 0px;z-index: 3;content: ''; width: 7px; height: 7px; background: #054994; border-radius: 50%; }







.linea{margin-left: 10.6%;}



.lineb{margin-left: 27.2%;}



.linec{margin-left: 44%;}



.lined{margin-left: 60.5%;}



.linee{margin-left: 77%;}



@keyframes mfwzcline1 {



    0% {



       top: 0px;



    }



    50% {



       top: 50%;



    }



    100% {



       top: 100%;



    }



}



@keyframes mfwzcline2 {



    0% {



       bottom: 0px; 



    }



    50% {



       bottom: 50%;



    }



    100% {



       bottom:100%;



    }



}



@keyframes fwzcline1 {



    0% {



       left: 0px;



    }



    50% {



       left: 50%;



    }



    100% {



       left: 100%;



    }



}



@keyframes fwzcline2 {



    0% {



       right: 0px; 



    }



    50% {



       right: 50%;



    }



    100% {



       right:100%;



    }



}   



.in_02{height: auto;overflow: hidden;background: url(../images/in02bg.jpg) center no-repeat fixed;}



.intita {padding-left: 1rem;position: relative;}



.intita::before{position: absolute;content: "";width: 8px;height: 30px;background: #054994;top:10%;left:0;}



.intita span{color: rgba(255,255,255,.8);text-transform: uppercase;}



.intita span b{color: #fff;}



.intita a{display: block; border: 1px solid rgba(255,255,255,.4);text-align: center;line-height: 45px;width: 120px;color: #fff;transition:.4s;}



.intita a:hover{background: #054994;}



.intitb {border-bottom: 1px dashed rgba(255,255,255,.2)}



.intitb span{display: block;background: url(../images/intita.png) top left no-repeat;padding-top: 3rem;color: #fff;}



.intitb a{display: block;width:30px;line-height:30px;background: rgba(255,255,255,.2);color: rgba(255,255,255,.6);border: 1px solid rgba(255,255,255,.6);transition:.4s;text-align: center;height:30px;}



.intitb a:hover{background:rgba(255,255,255,.9);color: #444}



.in02a_a{height: auto;overflow: hidden; border: 1px solid rgba(255,255,255,.4)}



.in02a_a li {float: left;width: 48%;margin-right: 4%;}



.in02a_a li:nth-of-type(2n+0){margin-right: 0;}



.in02a_a li a{display: block;line-height: 45px;color: rgba(255,255,255,.8);transition:.4s;font-weight: bold;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}



.in02a_a li a:hover{color:#fff;}



.in02a_a li a i{float: right;}



.in02a_b .swiper-slide a{display: block;border: 1px solid rgba(255,255,255,.4);position: relative;}



.in02a_b .swiper-slide img{display: block;max-width: 100%;}



.in02a_b .swiper-slide span{display: block;line-height:52px;text-align: center;color: rgba(255,255,255,.8);white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}



.in02h{position:absolute;width:100%;opacity:0;filter:alpha(opacity=0)\9;height:100%;left:0;top:0;background:#000;background:rgba(0,0,0,0.9);transition:all 480ms;-moz-transition:all 480ms;-webkit-transition:all 480ms}



.in02h i{position:absolute;height:26px;width:26px;left:50%;top:50%;margin-left:-13px;margin-top:-50px;background:url(../images/in02a.png) no-repeat;transition:all 480ms;-moz-transition:all 480ms;-webkit-transition:all 480ms}



.in02h em{position:absolute;width:37px;height:9px;left:50%;top:50%;margin-left:-18px;margin-top:40px;background:url(../images/in02b.png) no-repeat;transition:all  480ms;-moz-transition:all 480ms;-webkit-transition:all 480ms}



.in02a_b .swiper-slide a:hover .in02h{opacity:1;filter:alpha(opacity=100)\9}



.in02a_b .swiper-slide a:hover .in02h i{margin-top:-22px}



.in02a_b .swiper-slide a:hover .in02h em{ margin-top:13px}



.in02a:nth-of-type(2) .intitb span{background: url(../images/intitb.png) top left no-repeat;}



/*in_03*/



.in_03{height: auto;overflow: hidden;background: url(../images/in03bg.jpg) center top repeat;}



.intitc {padding-left: 1rem;position: relative;}



.intitc::before{position: absolute;content: "";width: 8px;height: 30px;background: #054994;top:10%;left:0;}



.intitc span{color: #777;text-transform: uppercase;}



.intitc span b{color: #444;}



.intitc a{display: block;border: 1px solid rgba(4,4,4,.1);text-align: center;line-height: 45px;width: 120px;transition:.4s;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}



.intitc a:hover{background: #054994;color: #fff}



.intitd {border-bottom: 1px dashed rgba(4,4,4,.2)}



.intitd span{display: block;background: url(../images/intitd.png) top left no-repeat;padding-top: 3rem;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}



.intitd a{display: block;width:30px;line-height:30px;background: rgba(4,4,4,.1);color: rgba(4,4,4,.2);border: 1px solid rgba(4,4,4,.2);transition:.4s;text-align: center;height:30px;}



.intitd a:hover{background:#fff;color: #444}



.in03a:nth-of-type(2) .intitd span{background: url(../images/intitc.png) top left no-repeat;}



.in03a_a{height: auto;overflow: hidden; border: 1px solid rgba(4,4,4,.2)}



.in03a_a li {float: left;width: 48%;margin-right: 4%;}



.in03a_a li:nth-of-type(2n+0){margin-right: 0;}



.in03a_a li a{display: block;line-height: 45px;color:#777;transition:.4s;font-weight: bold;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}



.in03a_a li a:hover{color:#444;}



.in03a_a li a i{float: right;}



.in03a_b .swiper-slide a{display: block;border: 1px solid rgba(4,4,4,.2);height: auto;overflow: hidden;}



.in03a_b .swiper-slide img{display: block;max-width: 100%;}



.in03a_b .swiper-slide span{display: block;line-height:52px;text-align: center;color:#777;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}



.in03a_b .swiper-slide a:hover .in02h{opacity:1;filter:alpha(opacity=100)\9}



.in03a_b .swiper-slide a:hover .in02h i{margin-top:-22px}



.in03a_b .swiper-slide a:hover .in02h em{ margin-top:13px}



/*in_04*/



.in_04{height: auto;overflow: hidden;color: #fff;}



.in04a .mySwiper{position: relative;overflow: inherit;}



.in04a .mySwiper::before{position: absolute;content: "";left:-20%;top:5%;height: 1px;width: 140%;background: rgba(0,0,0,.8);}



.in04a .mySwiper .swiper-slide{text-align: center;line-height: 40px;font-size: 24px; color: #060606; cursor: pointer;}



.in04a .mySwiper i{display: block;width: 100px;height: 2px;margin:0 auto;}



.in04a .mySwiper i em{display: block;width: 100px;height: 2px;background:rgba(255,255,255,0);}



.in04a .swiper-slide-thumb-active i em{background: #054994;}



.in04b_a{border: 1px dashed rgba(255,255,255,.2)}



.in04b_a span{display: block;}



.in04b_a span em{font-size: 30px;font-family: fz;}



.in04b_a b{display: block;width: 40px;height: 1px;background: rgba(255,255,255,.9);margin:1rem 0;}



.in04b_a p{line-height: 30px;color: rgba(255,255,255,.8);}


.swiper-slide .right .in04b_b{position: absolute;bottom: 2%;right: 10%;}
.in04b_b a{display: block;line-height: 40px;width: 140px;background: #054994;border: 1px solid #054994;color: #fff;text-align: center;transition:.4s;}



.in04b_b a:hover{background: #fff;color: #054994;}



.in04b_b i{font-size: 60px;height: 40px;margin-top: -23px;}



/*in_05*/



.in05a li a{display: block;background: url(../images/in05a.png) center no-repeat rgba(252,252,252,1);border: 1px solid #e8e8e8;text-align: center;transition:.4s;position: relative;}



.in05a li a:hover{transform: translate3d(0,-10px,0);box-shadow: 0px 0px 8px 5px #eee;background: url(../images/in05a.jpg) center no-repeat;color: #fff;padding-top: 1rem !important;padding-bottom: 5rem !important}



.in05a li a:hover img{opacity: 0;}



.in05a li a:hover i{background: #fff;}



.in05a li a:hover p{color: #fff;}



.in05a li a img{display: block;margin:0 auto;transition:.4s;}



.in05a li a span{display: block;}



.in05a li a i{display: block;margin:1rem auto;width: 30px;height: 2px;background: #054994;transition:.4s;}



.in05a li a p{line-height: 30px;color: #777;transition:.4s; display: -webkit-box;



    -webkit-box-orient: vertical;



    -webkit-line-clamp: 2;



    overflow: hidden;}



/*in_06*/



.in_06{height: auto;overflow: hidden;background: url(../images/in06bg.jpg) center no-repeat fixed;}



.in_06 img{transition: all 1s ease;width: 100%;height: 100%;object-fit: cover;left: 0;position: absolute;}



.in06a a{display: block; height: auto;overflow: hidden;position: relative;}



.in06a a:hover .in06a_a{background: linear-gradient(to top, rgba(0,0,0,.5) 20%,rgba(0,0,0,.3)50%, rgba(0,0,0,0)100%);}



.in06a a:hover em{color: #fff;margin-bottom: 1rem;}



.in06a .in06a_a{position: absolute;z-index: 2;width: 100%; bottom: 0;background: linear-gradient(to top, rgba(0,0,0,.5) 10%,rgba(0,0,0,.3)30%, rgba(0,0,0,0)60%);transition:.4s;}



.in06a .in06a_a span{display: block;}



.in06a .in06a_a strong{display: block;color: #fff;}



.in06a .in06a_a p{color: rgba(255,255,255,.7);line-height: 30px;display: -webkit-box;



    -webkit-box-orient: vertical;



    -webkit-line-clamp: 1;



    overflow: hidden;}



.in06a .in06a_a em{display: block;transition:.4s;}



.in_06 li a{display: block;height: auto;overflow: hidden;border: 1px solid rgba(255,255,255,.3);transition:.4s;}



.in_06 li a:hover{background: #054994}



.in_06 li a span{display: block;color: rgba(255,255,255,.3);}



.in_06 li a strong{display: block;color: #fff;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}



.in_06 li a p{color: rgba(255,255,255,.7);line-height: 30px;display: -webkit-box;



    -webkit-box-orient: vertical;



    -webkit-line-clamp: 1;



    overflow: hidden;}



.in_06 li a em{display: block;transition:.4s;color: rgba(255,255,255,.3)}



.in06a_b{display: block;width: 100%;height: 0;padding-bottom: 124.5%;position: relative;overflow: hidden;}



.in06a_c{display: block;width: 100%;height: 0;padding-bottom: 81.5%;position: relative;overflow: hidden;}



/*in_07*/



.in07a a{display: block;position: relative;height: auto;overflow: hidden;}



.in07a a:hover span{line-height: 65px;background: rgba(0,0,0,.3)}



.in07a a img{display: block;width: 100%;}



.in07a a span{display: block;position: absolute;bottom: 0;width: 100%;line-height: 55px;background: rgba(0,0,0,.6);color: #fff;text-align: center;transition:.4s;}



.in07b{display: block;width: 100%;height: 0;padding-bottom: 33.8%;position: relative;overflow: hidden;}



/*脚步*/



.footer{height: auto;overflow: hidden;border-top: 6px solid #054994;  background: url(../images/foot.jpg) no-repeat center #004ea0;}



.foota {border-right: 1px solid rgba(255,255,255,.2)}



.foota li span{display: block;color: #fff;  font-weight: bold;}



.foota li p a{color: #fff;line-height: 35px;transition:.4s;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}



.foota li p a:hover{color: #fff;}



.footb img{display: block;max-width: 100%;margin:0 auto;}



.footba img{display: block;max-width: 100%;margin:0 auto;border: 1px dashed rgba(255,255,255,.4);padding: 7px;}



.footba span{display: block;line-height: 45px;color: rgba(255,255,255,.8);}



.ewm{width: 40%;text-align: center;}



.footc{line-height: 50px;border-top: 1px solid rgba(255,255,255,.2);border-bottom: 1px solid rgba(255,255,255,.2);color: #fff;}



.footc li{position: relative;text-align: right; margin-right: 5%;}



.footc li::after{position: absolute;content: "";width: 1px;height: 15px;background: rgba(255,255,255,.2);right:0;top:35%;}



.footc li:last-child::after{height: 0px;}



.footnav{left: 0;bottom:0;float: left;width: 100%;position: fixed;background:#054994;color:#fff;z-index: 888;}



.footnav li{float: left;text-align: center; color: #fff;}



.footnav li a{display: block;}



.footnav li:nth-of-type(1){width: 15%;}



.footnav li:nth-of-type(1) a{border-right: 1px solid #c2000b;}



.footnav li:nth-of-type(2){width: 15%;}



.footnav li:nth-of-type(2) a{border-right: 1px solid #c2000b;}



.footnav li:nth-of-type(3){background: #444;width: 35%;}



.footnav li:nth-of-type(3) a{border-right: 1px solid #333; }



.footnav li:nth-of-type(4){background: #444;width: 35%;}



.footnav li i{font-size: 20px;}



.footnav li span{display: block;line-height: 25px;}



.footnav li a{display: block; color: #fff !important;padding-top:4%;}



.footnav li a:hover{color: #ffb40b}



/*简介*/



.ban_green{background: url(../images/ban_com_green.jpg) top center no-repeat fixed;height: auto;overflow: hidden;}



.ban_com{background: url(../images/ban_com.jpg) top center no-repeat fixed;height: auto;overflow: hidden;}

.ban_comm{background: url(../images/tutu.jpg) top center no-repeat fixed;height: auto;overflow: hidden;}

.ban_pro{background: url(../images/ban_pro.jpg) top center no-repeat fixed;height: auto;overflow: hidden;}



.ban_case{background: url(../images/ban_case.jpg) top center no-repeat fixed;height: auto;overflow: hidden;}



.ban_xswl{background: url(../images/ban_xswl.jpg) top center no-repeat fixed;height: auto;overflow: hidden;}



.ban_kjyf{background: url(../images/ban_kjyf.jpg) top center no-repeat fixed;height: auto;overflow: hidden;}



.ban_news{background: url(../images/ban_news.jpg) top center no-repeat fixed;height: auto;overflow: hidden;}



.ban_job{background: url(../images/ban_job.jpg) top center no-repeat fixed;height: auto;overflow: hidden;}



.ban {padding:9.1% 0 8.9% 0;}



.ban i{font-size: 42px;color: #054994}



.ban strong{display: block;font-size: 42px;line-height: 50px;color: #054994}



.ban p{text-transform: uppercase;color: rgba(5,73,148,.1);font-family: fantasy;font-size: 36px;font-weight: bold;}



.location {height: auto;overflow: hidden; background: #fff;border-bottom: 1px solid #e6e6e6;}



.locationa {line-height: 70px;font-size: 20px;font-weight: bold;border-right: 1px solid #e6e6e6;text-align: center;color: #222;}



.locationa i{font-size: 22px;color: #054994;font-weight: normal;}



.locationb li{line-height: 70px;position: relative;text-align: center;}



.locationb li a{display: block;transition:.4s;}



.locationb li a:hover{color: #054994;}



.locationb li:after{position: absolute;content: "";width: 1px;height: 15px;background: #e6e6e6;right:0;top:38%;}



.locationb li:last-child:after{width: 0px;}



.locationc{text-align: right;line-height: 70px;}



.locationc i{color: #054994;font-size: 18px;}



.locationc a{color: #777;}



.locationc a:hover{color: #054994;}






._pord_MAG{   padding-bottom:136px;}



._pord_MAG ul{ float:left; width:100%; padding:0 5%;}



._pord_MAG ul li{ float:left; width:100%;}



._pord_MAG ul li i{ float:left; width:50%; line-height:0; overflow:hidden;}



._pord_MAG ul li i img{



-webkit-transition: all 0.5s ease-out 0s; 



-moz-transition: all 0.5s ease-out 0s; 



-o-transition: all 0.5s ease-out 0s; 



transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}



._pord_MAG ul li a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}



._pord_MAG ul li .text{ float:left; width:49%; padding:2% 25px 3% 25px;}

._pord_MAG ul li .trt{ padding-top: 1%;}

._pord_MAG ul li .text h4{ float:left; width:100%; color:#222a34; font-size:24px; line-height:34px; font-weight:bold; }



._pord_MAG ul li .text h4:hover{ color:#21acdd;}



._pord_MAG ul li .text h5{ float:left; width:100%; color:#444; font-size:16px; line-height:32px; overflow:hidden;/*word-break: break-all;*/ margin:20px 0 0px 0; text-align: left; }



._pord_MAG ul li .text h6{ float:left; padding-right:21px; color:#21acdd; font-size:14px; line-height:26px;  position:relative; }



._pord_MAG ul li .text h6:after{ float:left; width:8px; height:8px; content:''; position:absolute; right:0; top:9px; border-top:1px solid #21acdd; border-right:1px solid #21acdd; transform:rotate(45deg); -ms-transform:rotate(45deg);}


.djj p{ margin-bottom: 15px;}




._pord_MAG ul li:nth-child(2n) i{ float:right;}



._pord_MAG ul li:nth-child(2n) .text{ float:right; text-align:right;}



._pord_MAG ul li:nth-child(2n) .text h6{ float:right;}



@media  screen and (max-width:1600px){



._pord_MAG ul{ padding:0;}



._pord_MAG ul li .text{ padding:6% 45px 3% 45px;}



}



@media  screen and (max-width:1400px){



._pord_MAG ul li .text{ padding:4.5% 45px 3% 45px;}	



._pord_MAG ul li .text h5{ margin:15px 0 20px 0;}







}



@media  screen and (max-width:1024px){



._pord_MAG{ padding-top:30px; padding-bottom:30px;}	



._pord_MAG ul li .text{ width:50%; padding:20px 15px 25px 15px;}



._pord_MAG ul li .text h4{ font-size:16px; line-height:26px;}



._pord_MAG ul li .text h5{ font-size:14px; line-height:24px; height:72px; margin:6px 0 10px 0;}



._pord_MAG ul li .text h6{ padding-right:16px;}



._pord_MAG ul li .text h6:after{ width:9px; height:9px; top:10px;}



}



@media  screen and (max-width:767px){



._pord_MAG ul li i{ width:100%;}	



._pord_MAG ul li .text{ width:100%;}



}







.publicPadding {



    padding: 60px 0;



}















.history{background:url(../images/history_bg.jpg) no-repeat center;background-size:cover;position:relative;overflow:hidden;}



.history .title{text-align:center;color:#FFF;}



.history .title p{font-size:16px;line-height:24px;margin-top:10px;}







.historySwiper{margin-top:60px;overflow:hidden;}



.historySwiper .swiper-slide{padding:40px;border-radius:20px;background:rgba(0,78,161,0.8);box-shadow:0 0 4px rgba(0,0,0,0.1);overflow:hidden;cursor:pointer;



	-webkit-transform:scale(0.82);



	transform:scale(0.82);



	opacity:0.52;



	-webkit-transition: all 0.35s;



	transition: all 0.35s;



}



.historySwiper .swiper-slide-active{



	-webkit-transform:scale(1);



	transform:scale(1);



	opacity:0.9;



}



.historySwiper .num{height:120px;font-size:120px;color:#FFF;line-height:120px;overflow:hidden;font-family:bahnschrift;}



.historySwiper .wz{height:280px;font-size:14px;color:#FFF;line-height:28px;padding-right:20px;margin-top:20px;overflow-y:auto;}



.historySwiper .wz p{padding-left:20px;position:relative;}



.historySwiper .wz p:after {



	content:"";



	position:absolute;



	left:0;



	top:10px;



	width:8px;



	height:8px;



	background:#FFF;



	border-radius:50%;



}







.history .thumbBox{margin-top:60px;padding:0 42px;overflow:hidden;position:relative;}



.history .thumb{overflow:hidden;padding:20px 0;}



.historySwiperThumb{border-top:1px solid rgba(255,255,255,0.6);}



.historySwiperThumb .swiper-slide{font-size:16px;line-height:24px;padding:15px 0;color:rgba(255,255,255,0.4);text-align:center;position:relative;cursor:pointer;}



.historySwiperThumb .swiper-slide:after {



	content:"";



	position:absolute;



	left:50%;



	top:-4px;



	width:8px;



	height:8px;



	margin-left:-4px;



	background:rgba(255,255,255,0.4);



	border-radius:50%;



}



.historySwiperThumb .swiper-slide-thumb-active{color:#FFF;}



.historySwiperThumb .swiper-slide-thumb-active:after{background:#FFF;}







.history .thumbBox .next,.history .thumbBox .prev{width:42px;height:42px;border:1px solid #FFF;border-radius:50%;position:absolute;top:0;cursor:pointer;}



.history .thumbBox .next{right:0;background-image:url(../images/right.png);background-repeat:no-repeat;background-position:center;background-size:auto 18px;}



.history .thumbBox .prev{left:0;background-image:url(../images/left.png);background-repeat:no-repeat;background-position:center;background-size:auto 18px;}



@media screen and (max-width: 960px){



.f48 {



    height: 28px;



    font-size: 20px;



    line-height: 28px;



}



	.historySwiper .num {



    height: 40px;



    font-size: 40px;



    line-height: 40px;



}



}



/*简介*/



.companya {height: auto;overflow: hidden;background: url(../images/companya.jpg) center top no-repeat;}



.coma_a i{display: block;width: 30px;height: 4px;background: #054994;margin:2rem 0}



.coma_a strong{display: block;color: #054994;}



.coma_a strong em{font-size: 22px;}



.coma_a span{display: block;}



.coma_a ul li {color: #777;}



.home .hcon .main .about .content .intro .info .des em{color: #054994; margin-right: 5px;}



.coma_b strong{font-size: 40px;font-family: fz;}



.coma_b p{background: #c00505;color: #fff;width: 90px;text-align: center;line-height: 30px;}



.companya img{max-width: 100%;}



.comb{color: #777;}



.qywha li {height: auto;overflow: hidden;color: #fff;padding:20% 4%;text-align: center;transition:.4s; }



.qywha li:hover {box-shadow: rgba(0,0,0,0.2) 0 0 15px 0px;transform: translate3d(0,-4px,0);;}



.qywha li:nth-of-type(1) {display: block;background: url(../images/qywha.jpg) center no-repeat;border-radius: 0 20px 0 20px;}



.qywha li:nth-of-type(2) {display: block;background: url(../images/qywhb.jpg) center no-repeat;border-radius: 20px 0 20px 0;}



.qywha li:nth-of-type(3) {display: block;background: url(../images/qywhc.jpg) center no-repeat;border-radius: 0 20px 0 20px;}



.qywha li:nth-of-type(4) {display: block;background: url(../images/qywhd.jpg) center no-repeat;border-radius: 20px 0 20px 0;padding:17% 4%;}



.qywha i{display: block;background: url(../images/qline.png) center  no-repeat;width: 42px;height: 8px;margin:1rem auto;}



.qywhb li {height: auto;overflow: hidden;color: #fff;padding:20% 4%;text-align: center;transition:.4s; }



.qywhb li:hover {box-shadow: rgba(0,0,0,0.2) 0 0 15px 0px;transform: translate3d(0,-4px,0);;}



.qywhb li:nth-of-type(1) {display: block;background: url(../images/qywhba.jpg) center no-repeat;border-radius:20px;}



.qywhb li:nth-of-type(2) {display: block;background: url(../images/qywhbb.jpg) center no-repeat;border-radius:20px;}



.qywhb i{display: block;background: url(../images/qline.png) center  no-repeat;width: 42px;height: 8px;margin:1rem auto;}



.qywhc li {height: auto;overflow: hidden;color: #fff;padding:20% 4%;text-align: center;transition:.4s; }



.qywhc li:hover {box-shadow: rgba(0,0,0,0.2) 0 0 15px 0px;transform: translate3d(0,-4px,0);;}



.qywhc li:nth-of-type(1) {display: block;background: url(../images/qywhca.jpg) center no-repeat;border-radius: 20px 0 20px 0;}



.qywhc li:nth-of-type(2) {display: block;background: url(../images/qywhcb.jpg) center no-repeat;border-radius: 0 20px 0 20px;}



.qywhc li:nth-of-type(3) {display: block;background: url(../images/qywhcc.jpg) center no-repeat;border-radius: 20px 0 20px 0;}



.qywhc li:nth-of-type(4) {display: block;background: url(../images/qywhcd.jpg) center no-repeat;border-radius: 0 20px 0 20px;padding:20% 4% 26% 4%;}



.qywhc i{display: block;background: url(../images/qline.png) center  no-repeat;width: 42px;height: 8px;margin:1rem auto;}



.zzjg {height: auto;overflow: hidden;background: url(../images/zzjgbg.jpg) left top repeat;}



.zzjg p{line-height: 30px;color: #777;}



.zzjg p:nth-of-type(5){border-top: 1px solid #d4d4d4}



.zzjg img{ max-width: 100%;}



.companyc{height: auto;overflow: hidden;background: #fff;}



.comc li img{display: block;max-width: 100%;transition: all 0.6s ease 0s;}



.comc li a{display: block; position: relative;height: auto;overflow: hidden;}



.comc_a{position: absolute;z-index: 2;background: linear-gradient(to top, rgba(0,0,0,.7) 5%,rgba(0,0,0,.3)20%, rgba(0,0,0,0.2)40%,rgba(0,0,0,0.1)50%);



width: 100%;height: 100%;bottom: 0;padding-top: 45%;color: #fff;transition:.4s;}



.comc_a span{background: url(../images/comc_b.png) left center  no-repeat;padding-left: 4.5rem;}



.comc_a p{line-height: 20px;text-transform: uppercase;letter-spacing: 1px;}



.comc_a i{display: block;width: 70px;height: 70px;transition:.4s;padding: 5px;background: rgba(255,255,255,0);}



.comc_a i em{display: block;width: 100%;height: 100%;background: rgba(255,255,255,0);line-height: 30px;border: 1px solid #fff;text-align: center;transition:.4s;}



.comc li:hover i{background: rgba(5,73,148,.3);}



.comc li:hover em{background: rgba(5,73,148,.8);background: #054994;border: 1px solid #054994;}



.comc li:hover img{transform: scale(1.05);}



/*荣誉*/



.qyfca{height: auto;overflow: hidden;background: url(../images/qyfca.jpg) center no-repeat;padding: 10% 0;text-align: center;}



.qyfca_a{width:220px;height: 220px;background: rgba(206,0,12,.9);color: #fff;text-align: center; position: relative;border-radius: 120px;padding-top:2rem;margin:0 auto;



    -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;



    -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;



    transition: transform ease-out 0.1s, background 0.2s;transition:.4s;



    -webkit-transform: scale(0.93);



    -moz-transform: scale(0.93);



    -ms-transform: scale(0.93);



    transform: scale(0.93);



}



.qyfca_a em{font-size: 42px;}



.qyfca_a strong{display: block;}



.qyfca_a p{color: rgba(255,255,255,.8);text-transform: uppercase;line-height: 30px;}



.qyfca_a i{font-size: 34px;}



.qyfca_a:after{position: absolute;content: "";display: block;width: 220px;height: 220px;border-radius: 120px; 



    top:0px;



    left: 0px;



    z-index: -1;



    box-shadow: 0 0 0 2px rgba(205,0,0,0.1);



    opacity: 0;



    -webkit-transform: scale(0.96);



    -moz-transform: scale(0.96);



    -ms-transform: scale(0.96);



    transform: scale(0.96);



     -webkit-animation: sonarEffect 1.3s ease-out 75ms infinite;



    -moz-animation: sonarEffect 1.3s ease-out 75ms infinite;



    animation: sonarEffect 1.3s ease-out 75ms infinite;



}



@-webkit-keyframes sonarEffect {



    0% {



        opacity: 0.3;



        background: rgba(0,255,255,1);



    }



    40% {



        opacity: 0.5;



        background: rgba(0,255,255,1);



        box-shadow: 0 0 0 2px rgba(0,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(0,255,255,0.5);



    }



    100% {



        box-shadow: 0 0 0 2px rgba(0,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(0,255,255,0.5);



        -webkit-transform: scale(1.2);



        background: rgba(0,255,255,1);



        opacity: 0;



    }



}



@-moz-keyframes sonarEffect {



    0% {



        opacity: 0.3;



    }



    40% {



        opacity: 0.5;



        box-shadow: 0 0 0 2px rgba(0,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(0,255,255,0.5);



    }



    100% {



        box-shadow: 0 0 0 2px rgba(0,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(0,255,255,0.5);



        -moz-transform: scale(1.2);



        opacity: 0;



    }



}



@keyframes sonarEffect {



    0% {



        opacity: 0.3;



    }



    40% {



        opacity: 0.5;



        box-shadow: 0 0 0 2px rgba(0,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(0,255,255,0.5);



    }



    100% {



        box-shadow: 0 0 0 2px rgba(0,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(0,255,255,0.5);



        transform: scale(1.2);



        opacity: 0;



    }



}



.qyfclist li a{height: auto;overflow: hidden;position: relative;}



.qyfclist li img{display:block;height: auto;margin:0 auto;width: 100%;transition: all 1s ease;}



.qyfclist li:hover img{transform: scale3D(1.1, 1.1, 1.1)}



.qyfclist li:hover span{line-height: 330px;background: rgba(0,0,0,0);font-size: 24px;}



.qyfclist li:hover .qimga::before{-webkit-clip-path: polygon(0% 0%, -100% 0%, 100% 0%, 100% 100%);



    clip-path: polygon(0% 0%, -100% 0%, 100% 0%, 100% 100%);}



.qyfclist li:hover .qimga::after{transition: .4s; -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 100%);



    clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 100%);}



.qimga{display: block;width: 100%;height: 0;padding-bottom: 66%;position: relative;overflow: hidden;}



.qimga::before{position: absolute;content: "";



display: block;width: 100%;height: 100%;left:0;z-index: 1;



    -webkit-clip-path: polygon(0% -100%, -100% 0%, 100% 0%, 100% 0%);



    clip-path: polygon(0% -100%, -100% 0%, 100% 0%, 100% 0%);



    -webkit-transform: translateY(0%);



    transform: translateY(0%);background:rgba(206,0,12,.8); 



bottom: 0;transition: .4s}



.qimga::after{position: absolute;content: "";display: block;width: 100%;height: 100%;right:0;z-index: 1;



bottom: 0;transition: .4s; -webkit-clip-path: polygon(0% 100%, 0% 100%, 100% 100%, 0% 100%);



    clip-path: polygon(0% 100%, 0% 100%, 100% 100%, 0% 100%);



    -webkit-transform: translateY(0%);



    transform: translateY(0%);background:rgba(206,0,12,.8); }



.qimga span{display: block;width: 100%;position: absolute;left:0;bottom: 0;z-index: 2;line-height: 50px;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;



  background: rgba(0,0,0,.4);color:#fff;text-align: center;transition: .4s}



.qyzllist li a{display: block; height: auto;overflow: hidden;position: relative;border: 1px solid #eee;}



.qyzllist li img{display:block;height: auto;margin:0 auto;width: 100%;transition: all 1s ease;}



.qyzllist li:hover img{transform: scale3D(1.1, 1.1, 1.1)}



.qyzllist li:hover span{line-height: 80px;background: rgba(0,0,0,.4);}



.qyimga{display: block;width: 100%;height: 0;padding-bottom: 140%;position: relative;overflow: hidden;}



.qyimga span{display: block;width: 100%;position: absolute;left:0;bottom: 0;z-index: 2;line-height: 50px;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;



  background: rgba(0,0,0,.6);color:#fff;text-align: center;transition: .4s}



.qyzzlist li a{display: block; height: auto;overflow: hidden;position: relative;border: 1px solid #eee;}



.qyzzlist li img{display:block;height: auto;margin:0 auto;width: 100%;transition: all 1s ease;}



.qyzzlist li:hover img{transform: scale3D(1.1, 1.1, 1.1)}



.qyzzlist li:hover span{line-height: 80px;background: rgba(0,0,0,.4);}



.qzimga{display: block;width: 100%;height: 0;padding-bottom: 75%;position: relative;overflow: hidden;}



.qzimga span{display: block;width: 100%;position: absolute;left:0;bottom: 0;z-index: 2;line-height: 50px;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;



  background: rgba(0,0,0,.6);color:#fff;text-align: center;transition: .4s}



/*case*/



.caselist li a{display: block;transition:.4s;background:url(../images/casea.png) right bottom no-repeat #f5f5f5;}



.caselist li a:hover{background:url(../images/casea.png) right bottom no-repeat #fff;box-shadow: rgba(0,0,0,0.3) 0 5px 10px;transform: translate3d(0,-5px,0);transition: all linear 0.3s;}



.caselist li a:hover em{background:#054994;color: #fff}



.caselist li img{display: block;width: 100%;}



.case_a p{line-height: 40px;}



.case_a{width: 80%;}



.case_a strong{display: block;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}



.case_a em{display: block;width: 140px;line-height: 35px;border: 1px solid #d8d8d8;border-radius: 60px;background: #fff;color: #054994;transition:.4s;text-align: center;font-style: normal;}



/*network*/



.xswla img{display: block;max-width: 100%;margin:0 auto;}



.xswlb li{float: left;width: 10%;text-align: center;line-height: 40px;color: #777;transition:.4s;height: auto;overflow: hidden;}



.xswlb li a{display: block;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}



.xswlb li a:hover{color: #054994;}



.xswlb{height: auto;overflow: hidden;}



.xswlc strong{display: block;text-align: center;}



.xswld{height: auto;overflow: hidden;}



.xswld table { width: 100%!important;border-collapse: collapse;} 



.xswld table p{ width: 100%!important; border-collapse: collapse;border-left: 1px solid #a7a7a7} 



.xswld th,tr{width: 100%!important; border-collapse: collapse;border: 1px solid #a7a7a7;}



.xswld tr{border-right: 1px solid #a7a7a7;text-align: center;line-height: 45px;}



.xswld tr td{border-left: 1px solid #a7a7a7}



.xswld .firstRow tr td:nth-of-type(2)  p{border-right: none;border-left: none;}



.xswld .firstRow td{background: #054994;line-height: 55px;font-size: 18px;color: #fff;font-weight: bold;border-right: 1px solid #b90610;}



.xswld .firstRow td p{border-left:1px solid #fff;}



.shfwa li strong{display: block;font-family: fz;color: #054994;}



.shfwa li:hover .shfwb{background: #fff;box-shadow: rgba(174,174,174,.2) 0 2px 5px 5px;transform: translate3d(0,-5px,0);transition: all linear 0.3s;}



.shfwb{height: auto;overflow: hidden;border: 1px solid #e4e4e4;background: #fafafa;transition:.4s;}



.shfwb strong{display: block;}



.shfwb p{line-height: 30px;color: #777;}



/*content_product*/



.producta{height: auto;overflow: hidden;background: url(../images/producta.jpg) center center no-repeat;padding: 8% 0 6% 0;}



.cases{height: auto;overflow: hidden;background: url(../images/cases.jpg) center center no-repeat;padding: 8% 0 6% 0;}



.casetype{height: auto;overflow: hidden;}



.casetype li {height: auto;overflow: hidden;border-bottom: 1px solid #eeeeee;}



.casetype li strong{display: block; float: left;line-height: 60px;}



.casetype li p{float: left;padding: 0 1rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height: 60px;}



.casetype li p a{display: block;color: #777;transition:.4s;}



.casetype li p a:hover{color: #054994;}



.producta_a {text-align: center;color: #fff;}



.producta_a strong{display: block;font-size: 70px;line-height: 100px;}



.producta_a i{display: block;background: url(../images/pla.png)  center no-repeat;height: 5px;margin:2rem auto;}



.producta_a p{text-transform: uppercase;color: rgba(255,255,255,.8);letter-spacing: 3px;}


.producta_b_bg{ width:100%; height:auto; overflow:hidden; border-bottom:1px solid #ccc;}
.producta_b {width: 80%;margin:2rem auto;height: auto;overflow: hidden;}



.producta_b li a{display: block;color: #444;transition:.4s; text-align: center;}



.producta_b li a:hover{color: #054994;}



.producta_b li i{color: #054994;}



.producta_c{width: 50%;margin:3rem auto;}



.producta_c a{display: block;width: 45%;background: #054994;border: 1px solid #054994; line-height: 50px;border-radius: 60px;color: #fff;text-align: center;transition:.4s;}



.producta_c a:hover{background: #fff;color: #054994;}



.producta .mySwiper {padding-top: 5rem;position: relative;overflow: revert;}



.producta .mySwiper::before{position: absolute;content: "";width: 140%;left:-20%; height: 1px;background: rgba(255,255,255,.2);top:57.5%;}



.producta .mySwiper .swiper-slide{color: #fff;text-align: center;cursor: pointer;}



.producta .mySwiper .swiper-slide span{display: block;}



.producta .mySwiper .swiper-slide-thumb-active i{background: #054994 !important;}



.producta .mySwiper .swiper-slide i{display: block;width: 15px;height: 15px;border-radius: 60px;background: rgba(255,255,255,1);margin:0 auto;position: relative;



-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;



    -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;



    transition: transform ease-out 0.1s, background 0.2s;transition:.4s;



    -webkit-transform: scale(0.93);



    -moz-transform: scale(0.93);



    -ms-transform: scale(0.93);



    transform: scale(0.93);}



.producta .mySwiper .swiper-slide i:after{position: absolute;content: "";display: block;width: 15px;height: 15px;border-radius: 60px; 



    top:0px;



    left: 0px;



    z-index: -1;



    box-shadow: 0 0 0 2px rgba(205,0,0,0.1);



    opacity: 0;



    -webkit-transform: scale(0.96);



    -moz-transform: scale(0.96);



    -ms-transform: scale(0.96);



    transform: scale(0.96);



     -webkit-animation: sonarEffect 1.3s ease-out 75ms infinite;



    -moz-animation: sonarEffect 1.3s ease-out 75ms infinite;



    animation: sonarEffect 1.3s ease-out 75ms infinite;



}



.protita{text-align: center;}



.protita strong{display: block;font-size: 42px;}



.protita strong b{color: #054994}



.protita p{color: #777;width: 70%;margin:0 auto;}



.prolist li a{display: block;position: relative;height: auto;overflow: hidden;border: 1px solid #eee;}



.prolist li a:hover .plimga i{background: rgba(0,0,0,.3)}



.prolist li a:hover .pl_a{bottom: 5%;box-shadow: rgba(255,255,255,0.3) 0 5px 10px;}



.prolist li .pl_a{position: absolute;bottom: 4%;left:4%;width: 92%;background: rgba(255,255,255,.9);z-index: 3;transition:.4s; }



.prolist li .pl_b{background: url(../images/pl_a.png) left center no-repeat;padding-left: 10rem; }



.prolist li .pl_b strong{display: block;text-transform: uppercase;border-bottom: 1px dashed #e0e0e0;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}



.prolist li .pl_b strong b{color: #054994;font-family: impact;}



.prolist li .pl_b p{line-height: 25px;color: #777;}



.plimga{display: block;width: 100%;height: 0;padding-bottom: 75%;position: relative;overflow: hidden;}



.plimga img{display: block;max-width: 100%;}



.plimga i{position: absolute;z-index: 2;top:0;left:0; display: block;width: 100%;height: 100%;background: rgba(0,0,0,0);transition:.4s;}



/*产品详情*/



.proinfo{height: auto;overflow: hidden;background: url(../images/proa.jpg) top no-repeat;padding-top: 12%;}



.plocation{color: #fff;line-height: 50px;height: 50px;}



.plocation a{color: #fff;}



.proa {height: auto;overflow: hidden;background: #fff;z-index: 3;position: relative;}



.proa img{display: block;width: 100%;}



.proaa{height: auto;overflow: hidden;}



.proaa strong{display: block;font-size:30px;line-height: 60px;background: url(../images/intitb.png) left center no-repeat;padding-left: 3rem;border-bottom: 1px solid #e5e5e5;}



.proaa p{line-height: 30px; color: #777;display: -webkit-box;



    -webkit-box-orient: vertical;



    -webkit-line-clamp: 2;



    overflow: hidden;}



.proab li .proac{box-shadow:rgba(0,0,0,0.1) 0 0 10px 5px;text-align: center;}



.proab li .proac span{display: block;width: 65px;height: 65px;padding-top:15px;font-size: 22px;border-radius: 50px;text-align: center;background: #054994;color: #fff;



  margin:-3.5rem auto 0 auto}



.proab li .proac i{display: block;background: url(../images/proac.png)  center no-repeat;margin:1rem auto;height: 6px;}



.proab li .proac p{line-height: 30px;color: #777;}



.pmore {width: 60%;}



.pmore a{display: block;width:48%;line-height: 55px;font-size: 22px;text-align: center;background: #054994;color: #fff;transition:.4s;font-weight: bold;}



.pmore a:hover{background: #444;}



.pmore a i{font-size: 24px;font-weight: normal;}







.ptit{height: auto;overflow: hidden;background: url(../images/ptitbg.jpg) left -20px repeat-x;}



.ptit li{text-align: center;line-height: 40px;font-size: 15px;}



.ptit li a{display: block;transition:.4s;}



.ptit li:hover a{color: #054994}



.ptit li:hover i{background: #054994;border: 2px solid #fff;}



.ptit li:hover em{background: #fff;}



.ptit i{display: block;width: 20px;height: 20px;border-radius: 20px;padding: 4px;margin:0 auto;background: #fff;border: 2px solid #054994;transition:.4s;}



.ptit i em{display: block;width: 8px;height: 8px;background: #054994;border-radius: 20px;transition:.4s;}



.ptita{text-align: center;}



.ptita strong{display: block;font-size: 30px;}



.ptita strong b{color: #054994}





.ptita .pf_16{position: relative;width: 330px;text-align: center;margin: 0 auto;}
.ptita .pf_16 .pt_m_r{content: '';width: 116px;height: 1px;background: #004da0;position: absolute;top: 0;bottom: 0;margin: auto 0;right: -88px;}
.ptita .pf_16 .pt_m_l{content: '';width: 116px;height: 1px;background: #004da0;position: absolute;top: 0;bottom: 0;margin: auto 0;left: -88px;}



.ptitaa strong{display: block;font-size: 30px;}



.ptitaa strong b{color: #054994}








.ptita i{display: block;background: url(../images/ptita.png) center no-repeat;height: 5px;margin:1rem auto;}



.ptita p{color: #000;width: 70%;margin:0 auto;  font-size: 16px;}



.prob{height: auto;overflow: hidden;background: #f6f6f6;}



.prob_a{line-height: 30px;color: #777;}



.prob_a strong{display: block;position: relative; font-size: 20px;line-height: 50px;color: #444;padding-left: 1rem; border-bottom: 1px solid #e4e4e4;padding-bottom: .5rem;margin: 1.5rem 0;}



.prob_a strong::before{position: absolute;content: "";width: 5px;height: 25px;background: #054994;top:20%;left:0;}



.prob_a img{max-width: 100%;}



.proc{height: auto;overflow: hidden;background: url(../images/procbg.jpg) center no-repeat;}



.proc_a img{display: block;max-width: 100%;margin:0 auto;}







.prodtit i{display: block;width: 30px;height: 2px;background: #fff;margin:1rem 0;}



.prodtit strong{display: block;color: #054994}



.prodtit p{line-height: 30px;color: #777;}



.forma{width: 100%;margin-bottom: 1rem;height: auto;overflow: hidden;}



.forma input{float: left;width: 49%;padding-left: 1rem;margin-right: 2%; line-height: 45px;background: #f6f6f6;}



.forma input:nth-of-type(2){margin-right:0px;}



.formb {width: 100%;margin-bottom: 1rem;height: auto;overflow: hidden;}



.formb input{padding-left: 1rem;line-height: 45px;background: #f6f6f6;width: 100%;}



.formc {width: 100%;margin-bottom: 1rem;height: auto;overflow: hidden;}



.formc textarea{padding-left: 1rem;line-height: 45px;background: #f6f6f6;width: 100%;}



.formd .code input{float: left;padding-left: 1rem;line-height: 45px;background: #f6f6f6;width:20%;margin-right: 2%;}



.formd .code .verify{float: left;width:20%;margin-right: 2%;}



.formd .code .verify img{width:100%;height: 45px;}



.formd .code a{float: left;width: 20%;background: #054994;border-radius: 2px;border: 1px solid #054994;color: #fff;text-align: center;line-height: 45px;transition:.4s;}



.formd .code a:hover{background: #fff;color: #054994}



.prod_b{height: auto;overflow: hidden;background: url(../images/proda.jpg) center no-repeat;}



.prod_c li{height: auto;overflow: hidden;color: #fff;}



.prod_c li span{display: block;}



.prod_c li p{line-height: 35px;}



.proe{height: auto;overflow: hidden;background: url(../images/proebg.jpg) center top no-repeat;}



.proe li:hover .proe_a span{line-height: 65px;background: rgba(0,0,0,.2);font-size: 15px;}



.proe_a{height: auto;overflow: hidden;position: relative;}



.proe_a span{position: absolute;z-index: 2;bottom: 0;left:0;line-height: 50px;text-align: center;width: 100%;background: rgba(5,73,148,.7);color: #fff;transition:.4s;}



.proe_a img{max-width: 100%;}



.prof_a img{display: block;max-width: 100%;}



.prof_a strong{display: block;}



.prof_a p{line-height: 30px;color: #777;}



.prof_b {width: 60%;}



.prof_b li{text-align: center;}



.prof_b li em{display: block;width: 75px;line-height: 75px;margin:0 auto; border: 1px solid #e9e9e9;border-radius: 80px;text-align: center; font-family: impact;color: #054994;font-size: 32px;}



.prof_b li b{display: block;}



.prog{height: auto;overflow: hidden;background: url(../images/progbg.jpg) center no-repeat;}



.proga .swiper-slide {display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;}



.proga .swiper-slide  {display: block;border: 1px solid #d6d9dd;background: #fff;position: relative;}



.proga .swiper-slide  span{position: absolute;bottom: 0;width: 100%;line-height:80px;



  background: linear-gradient(to top, rgba(0,0,0,.8) 10%,rgba(0,0,0,.5)50%, rgba(0,0,0,.2)80%,rgba(0,0,0,0)100%);



  ;color: #fff;text-align: center;transition:.4s;}



.proga .swiper-slide  img{display: block;width: 100%;transition:all 0.6s ease 0s;}



.proga .swiper-slide:hover img{transform: scale(1.05);}



.proga .swiper-slide:hover span{line-height: 110px;}



.peimga{height: auto;overflow: hidden;}



/*新闻*/



.newslist{height: auto;overflow: hidden;}



.newslist li a{display: block;padding-bottom: 34%;position: relative;}



.newslist li:hover .nfonta{width: 80%;background:url(../images/newsbg.jpg) left bottom repeat-x #fff;height: 50%;left:10%;box-shadow: rgba(0,0,0,0.1) 0 5px 10px; }



.newslist li:hover .nfonta em{height: 42px;margin-top: 1rem;}



.newslist li:hover .nfonta em b{background: #054994;color: #fff;}



.newslist li:hover .nimga span{background: rgba(0,0,0,.4);opacity: 1;padding-top: 4.5rem;}



.newslist li:hover .nimga i{opacity: 1;}



.newslist li img{display: block;max-width: 100%;}



.nfonta{width: 100%;margin:0 auto;background:url(../images/newsbg.png) left bottom repeat-x;position: absolute;bottom: 0;left:0; height: 34%; z-index: 2;transition:.4s;border: 1px solid #e7e7e7;}



.nfonta strong{position: absolute;z-index: 0;top:0;left:4%;color: rgba(5,73,148,.1);font-size:44px;font-family: impact;}



.nfonta span{display: block;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}



.nfonta i{display: block;width: 35px;height: 2px;background: #1b94d3;margin:1.5rem 0;}



.nfonta p{color: #777;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}



.nfonta em{display: block;height:0px;overflow: hidden;transition:.4s;}



.nfonta em b{display: block;line-height: 40px;height: 40px; font-weight: normal;border: 1px solid #054994;border-radius: 40px;text-align: center;width: 160px;margin:0 auto;transition:.4s;}



.nimga{display: block;width: 100%;height: 0;padding-bottom: 66%;position: relative;overflow: hidden;}



.nimga span{display: block;background: rgba(0,0,0,0);color: #fff;opacity: 0; height: 100%;width: 100%;position: absolute;z-index: 2;text-align: center;padding-top: 3rem;transition:.4s;}



.nimga span i{font-size: 40px;opacity: 0;}



.nimga span p{font-family: fz;}



/*新闻详情*/



.sidetit{height: auto;overflow: hidden;background: #054994;color:#fff;font-size: 18px;text-align: center;padding: 1rem 0;text-transform: uppercase;font-family: impact;}



.sidetit span{font-size: 24px;line-height: 40px;font-weight: bold;color: #fff;}



.newsinfo{height: auto;overflow: hidden;background: #f4f6f8;}



.newsinfoa{height: auto;overflow: hidden;}



.newsinfoa strong{display: block;font-size: 18px;color: #4c4c4c;line-height:40px;} 



.meta{line-height: 35px;color: #777;border-bottom: 1px solid #dbdbdb;}



.newsaa {height: auto;overflow: hidden;}



.newsaa  img{margin:0 auto;max-width: 100%;}



.newsaa  p{line-height: 30px;}



.newsinfob{height: auto;overflow: hidden;}



.newsinfob strong{display: block;font-size: 1.375rem;line-height: 60px;}



.newsinfob li{height: auto;overflow: hidden;margin-bottom: 20px;background: #f1f1f1;transition:.4s;}



.newsinfob li:hover{background: #054994;color: #fff;}



.newsinfob li:hover span{color: #fff;}



.newsinfob li:hover p{color: #fff;}



.newsinfob li img{max-width: 100%;}



.newsinfob li span{display: block;line-height: 25px;margin:10px 0;color: #666;}



.newsinfob li p{line-height: 25px;color: #666;font-size: 13px;font-family: av;}



#prev_next{height: auto;overflow: hidden;border-top: 1px solid #dbdbdb;padding-top: 1rem;margin-top: 1rem;}



#prev_next li{line-height: 35px; color: #777;}



#prev_next li i{float: left;}



#prev_next li a{transition:.4s;}



#prev_next li:hover a{color: #0d4794 !important;}



/*gnwla*/



.gnwla{height: auto;overflow: hidden;}



.gnwltit strong{display: block;font-size: 42px;}



.gnwltit strong b{color: #054994}



.gnwltit p{color: #777;width: 70%;}



/*job*/



.joba li .j_a{height: auto;overflow: hidden;border: 1px solid #f4f4f4;text-align: center;transition:.4s;}



.joba li:hover .j_a{background: #054994; color: #fff; /* fallback for old browsers */



background: -webkit-linear-gradient(to left, #054994,  #1b94d3);  /* Chrome 10-25, Safari 5.1-6 */



background: linear-gradient(to left, #054994,  #1b94d3); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */



}



.joba li:hover .j_a i{background: -webkit-linear-gradient(left,#fff, #fff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}



.joba li:hover .j_a p{color: #fff;}



.joba li:hover .j_a em{-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);transform: rotateY(360deg);transition:.8s;}



.joba li .j_a i{font-size: 52px;background: -webkit-linear-gradient(left,#054994, #1b94d3);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}



.joba li .j_a em{display: block;width: 53px;height: 75px;margin:0 auto;transition:.8s;}



.joba li .j_a span{display: block;}



.joba li .j_a p{color: #777;transition:.4s;}



.jobb{height: auto;overflow: hidden;background: #f6f6f6}



.jobtita{background: #054994;line-height: 70px !important;color: #fff;height: auto;overflow: hidden;}



.jobtita dd{background: #054994;line-height: 70px !important;color: #fff;height: auto;overflow: hidden;}



.jobtit{background: #fff;height: auto;overflow: hidden;border-bottom: 1px dashed #eee;}



#jobs{background: #fff;border-bottom: none;height: auto;overflow: hidden;}



#jobs ul{height: auto;overflow: hidden; border: 1px solid #e1e1e1;}



#jobs li{height: auto;overflow: hidden;background: #f3f3f3;}



#jobs li dd{float: left;width: 25%;padding-left: 2rem;margin-bottom: 0px;line-height:60px;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}



#jobs li dd a{display: block;transition:.4s;}



#jobs li dd a:hover{color: #054994;}



.jobbox{height: auto;overflow: hidden; padding:2%;background: #fefefe;position: relative;display: none;color: #777;border-bottom: 1px solid #e1e1e1;}



.jobbox strong{display: block;color: #444;font-size: 18px;}



.jobbox p{line-height: 35px;}



.jobca{text-align: center;line-height: 30px;color: #777;}



.jobca img{display: block;max-width: 100%;margin:3rem auto 0 auto;}



.jobd{height: auto;overflow: hidden;background: url(../images/jsyfd.jpg) center no-repeat fixed;}



.jobd img{max-width: 100%;}



.jobd_a {color: #fff;line-height: 30px;}



.jobd_a li span{display: block;text-transform: uppercase;}



.jobd_a li p{line-height: 30px;color: rgba(255,255,255,.8);}







.jobdt{height: auto;overflow: hidden;background: url(../images/jsyfd1.jpg) center no-repeat fixed;}



.jobdt img{max-width: 100%;}



.jobd_a {color: #fff;line-height: 30px;}



.jobd_a li span{display: block;text-transform: uppercase;}



.jobd_a li p{line-height: 30px;color: rgba(255,255,255,.8);}







.jobe_a{position: relative;}



.jobe_a .swiper-container {padding-bottom: 4%;height: auto;overflow: hidden;}



.jobe_a .swiper-scrollbar-drag {background:#054994;}



.jobe_a .swiper-container-horizontal>.swiper-scrollbar{left:0;}



.jobe_a .swiper-slide {display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;}



.jobe_a .swiper-slide  {display: block;border: 1px solid #d6d9dd;background: #fff;position: relative;}



.jobe_a .swiper-slide  span{position: absolute;bottom: 0;width: 100%;line-height: 65px;background: rgba(0,0,0,.6);color: #fff;text-align: center;transition:.4s;}



.jobe_a .swiper-slide  img{display: block;width: 100%;transition:all 0.6s ease 0s;}



.jobe_a .swiper-slide:hover img{transform: scale(1.05);}



.jobe_a .swiper-slide:hover span{line-height: 80px;background: rgba(209,0,0,.6);}



.jobimga{height: auto;overflow: hidden;}







.jobf{height: auto;overflow: hidden;}



.jobf li{height: auto;overflow: hidden;padding: 0 7px;}



.jobf li:nth-of-type(1){margin-bottom: 1rem;}



.jobf li:nth-of-type(2){margin-bottom: 1rem;}



.jobf li a{display: block;position: relative;height: auto;overflow: hidden;}



.jobf li a:hover span{background: rgba(0,0,0,.4);opacity: 1;}



.jobf li a:hover img{transform:scale(1.05,1.05);}



.jobf li span{position: absolute;width: 100%;height: 100%;padding-top: 20%;text-align: center;opacity: 0;z-index: 3; background: rgba(0,0,0,0);color: #fff;transition:.4s;}



.jobf li i{font-size: 32px;}



.jobimgb{border: 1px solid #eee;display: block;width: 100%;height: 0;padding-bottom: 66%;position: relative;overflow: hidden;}



.jobimgb img{display: block;width: 100%;transition:all 0.6s ease 0s;}



.jobf_a a{display: block;position: relative;}



.jobf_a a:hover span{background: rgba(0,0,0,.4);opacity: 1; }



.jobf_a a:hover img{transform:scale(1.05,1.05);}



.jobf_a a span{position: absolute;width: 100%;height: 100%;padding-top: 25%;z-index: 3; opacity: 0;text-align: center; background: rgba(0,0,0,0);



  color: #fff;transition:.4s;}



.jobf_a a span i{font-size:40px;}



/*联系*/



.contacta{height: auto;overflow: hidden;position: relative;}



.cona_a{position: absolute;z-index: 2;width: 28%;right:15%; background: #fff;top:25%;}



.cona_a .code{width: 100%;}



.cona_a .code input{width: 33%;}



.cona_a .code .verif{width: 33%;}



.cona_a .code a{width: 33%;}



.conb_a li .conb_b{background: url(../images/conb_bg.jpg) center no-repeat;color: #fff;padding:10% 8%;}



.conb_a li .conb_b i{float: left;font-size: 42px;margin-right:.75rem;}



.conb_a li .conb_b span{display: block;line-height: 25px;}



.conb_a li .conb_b p{display: block;}



.conc_a li,.conc_a li a{font-size: 16px;line-height: 35px;color: #666;}



.conc_a li i{color: #054994;font-size: 22px;}











/*文化*/



.cultureaa li{border-right: 1px solid #dce6eb;}



.cultureaa li:last-child{border-right:none;}



.cultureaa li i{float: left;font-size: 28px;margin-right: 1rem;color: #555;}



.cultureaa li:nth-of-type(3) i{font-size: 36px;}



.cultureaa li span{display: block;font-size: 18px;line-height: 40px;}



.cultureaa li p{color: #777;line-height: 25px;}







.cultureac{background: rgba(255,255,255,.9);color: #777;height: auto;overflow: hidden;line-height: 30px;margin:14% 0;}



.cultureba {height: auto;overflow: hidden;background: #fafafa;}



.cultureba .slideTxtBox .hd{position:relative;height: auto;overflow: hidden;}



.cultureba .slideTxtBox .hd li{float: left;width: 32%;margin-right: 1%;line-height: 80px; cursor: pointer; background: #e8ebf0; padding:1.3rem;transition:.4s;}



.cultureba .slideTxtBox .hd li:hover{background:#054994;color: #fff;}



.cultureba .slideTxtBox .hd li:hover span{color: #fff;}



.cultureba .slideTxtBox .hd li:hover p{color: #fff;}



.cultureba .slideTxtBox .hd ul li.on{background: #054994;color: #fff;}



.cultureba .slideTxtBox .hd ul li.on span{color: #fff;}



.cultureba .slideTxtBox .hd ul li.on p{color: #fff;}



.cultureba .slideTxtBox .hd li span{float: right;font-size: 16px;text-align: right;line-height:40px;}



.cultureba .slideTxtBox .hd li span p{font-size: 14px;color: #777;}



.cultureba .slideTxtBox .hd li i{font-size: 24px;}



.cultureba .slideTxtBox .hd li:nth-of-type(3) i{font-size: 30px;}



.cultureba .slideTxtBox .hd li:last-child{margin-right: 0px;}



.cultureba .slideTxtBox .bd ul{zoom:1;margin-bottom: 0px;}



.culturebb{height: auto;overflow: hidden;background: url(../images/culturec.jpg) center no-repeat;text-align: center;color: #fff;padding:6.8% 0;}



.cultit {text-align: center;color: #fff;}



.cultit strong{display: block;font-size: 70px;line-height: 80px;color: rgba(255,255,255,.2);text-transform: uppercase;}



.cultit span{display: block;font-size:30px;line-height: 40px;margin-top: -35px;margin-bottom: 4%;}



.culturebb p{line-height: 50px;font-size: 22px;font-weight: 100;}



.culturec{height: auto;overflow: hidden;background: #fafafa}



.cultita {text-align: center;}



.cultita strong{display: block;font-size: 70px;line-height: 80px;color: #ebebeb;text-transform: uppercase;}



.cultita span{display: block;font-size:30px;line-height: 40px;margin-top: -35px;margin-bottom: 2%;}



.cul{position: relative;}



.cul:hover img{transform: scale(1.04, 1.04)}



.cula{height: auto;overflow: hidden;border-radius: 30px 0 0 0;}



.cula img{max-width: 100%;transition:.4s;}



.culd{height: auto;overflow: hidden;border-radius: 0 30px 0 0;}



.culd img{max-width: 100%;transition:.4s;}



.culb{position: absolute;z-index: 3;bottom: 0;left:0;background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.9));width: 100%;color: #fff;}



.culb span{display: block;font-size: 24px;line-height: 50px;transition:.4s;}



.culb p{line-height:30px;}



.cultureca{height: auto;overflow: hidden;background:url(../images/culc.png) center no-repeat #f3f3f3;}



.cultureca img{max-width: 100%;}



.cule span{display: block;font-size: 22px;line-height: 45px;}



.cule b{display: block;color: #004a9f;line-height: 30px;}



.cule p{line-height: 30px;color: #777;}



.cule p i{font-size: 12px;}



.cultured{height: auto;overflow: hidden;background:url(../images/cultured.jpg) center top repeat-y;}



.culf{height: auto;overflow: hidden;background: #fff;text-align: center;transition:.4s;} 



.culf:hover{background: #004a9f;color: #fff;} 



.culf:hover p{color: #fff;} 



.culf i{font-size: 40px;} 



.culf span{display: block;font-size: 24px;line-height: 50px;} 



.culf p{line-height: 30px;color: #777;height: 180px;transition:.4s;} 







.culturee li {text-align: center;padding-bottom: 3rem;}



.culturee li:nth-of-type(4){padding-bottom: 7rem;}



.culturee li:nth-of-type(5){padding-bottom: 7rem;}



.culturee li:nth-of-type(6){padding-bottom: 7rem;}



.culturee li p{line-height: 30px;color: #777;height: 90px;overflow: hidden;transition:.4s;}



.culturee li:hover p{height: 190px;background: #fff;padding-top: 10px;}



.cul_b{position: relative;padding-bottom:40%;}



.cul_b p{position: absolute;top: 70%;z-index: 3;transition:.4s;}



.cul_a{height: auto;overflow: hidden;background: url(../images/cule.png) center top no-repeat #fafafa;text-align: center;position: relative;transition:.4s;}



.culturee li:hover .cul_a{background: url(../images/culeh.png) center top no-repeat;}



.cul_a em{display: block;margin:12% auto;height: 80px;}



.cul_a i{font-size:50px;color: #fff;}



.cul_a span{display: block;line-height:60px;font-size: 16px;margin-bottom: 4%;}







.culturee li:nth-of-type(1) i{font-size: 56px;}



.culturee li:nth-of-type(4) i{font-size: 56px;}



.culturee li:nth-of-type(6) i{font-size: 56px;}



/* 无内容 */



@media (max-width: 576px) {  



.mf_12{font-size: 12px;line-height: 25px;}



.mf_14{font-size: 14px;line-height: 30px;}



.mf_16{font-size: 16px;line-height: 30px;}



.mf_18{font-size: 18px;line-height: 35px;}



.mf_22{font-size: 22px;line-height: 40px;}







.topa a{border-right: none;}



.topa a img{max-width: 60%;}



.topa span{display: none;}



.topa p{display: none;}



.in01a_a span{font-size: 14px;}



.in01a_a b{font-size: 22px;}



.in01a_c li .in01a_d span{width: 100%;}



.in01a_c li:nth-of-type(1) .in01a_d{background: none;padding:.5rem;}



.in01a_c li:nth-of-type(2) .in01a_d{background: none;padding:.5rem;}



.in01a_c li:nth-of-type(3) .in01a_d{background: none;padding:.5rem;}



.in01a_c li .in01a_d em b{font-size:22px;}



.line{display: none;}



.in01b li p{display: none;}



.intita i{display: none;}



.intitc i{display: none;}



.in_04 .intita a{width: 25%;font-size: 12px;}



.in04b_b a{line-height: 35px;width: 100px;}



.in_06 .intita a{width: 25%;font-size: 12px;}



.in05a .col-6{padding: 0 .25rem;}



.in01b li span{font-size: 14px;}



.in_05 .intitc{display: block !important;}



.in_05 .intitc span{display: block;line-height: 60px;}



.in_05 .intitc em{display: block !important;clear: both;height: auto;overflow: hidden;}



.in_05 .intitc a{float: left;width: 33%;font-size: 12px;}



.in_07 .intitc{display: block !important;}



.in_07 .intitc span{display: block;line-height: 60px;}



.in_07 .intitc em{display: block !important;clear: both;height: auto;overflow: hidden;}



.in_07 .intitc a{float: left;width: 33%;font-size: 12px;}



.in_07 .intitc a{float: left;width: 25%;font-size: 12px;}



.in05a li a:hover{padding-top: 1rem !important;padding-bottom: 1rem !important}



.footer{padding-bottom: 12%;}



.footc li{text-align: left;margin-left: 1rem;}



.footc li::after{height: 0px;}



.ban{padding: 25% 0 10% 0;}



.ban i{font-size: 32px;}



.ban strong{font-size: 30px;}



.ban p{font-size: 22px;}



.ban_com{background-size: 220%;}



.ban_pro{background-size: 220%;}



.ban_case{background-size: 220%;}



.ban_xswl{background-size: 220%;}



.ban_kjyf{background-size: 220%;}



.ban_news{background-size: 220%;}



.ban_job{background-size: 220%;}



.locationb li{line-height: 40px;}



.coma_b strong{font-size: 26px;}



.ptita strong{font-size: 22px;}



.comc_a{padding-top: 30%;}



.qyfclist li:hover span{line-height: 105px;font-size: 14px;}



.producta{padding: 26% 0 6% 0;}



.producta_a strong{font-size: 30px;line-height: 45px;}



.producta_a i{margin:1rem auto;}



.producta_b{width: 100%;margin:2rem auto;}



.producta_c{width: 100%;}



.producta .mySwiper{padding-top: 3rem;}



.producta .mySwiper::before{top:51%;}



.protita strong{font-size: 22px;}



.protita p{width: 100%;}



.prolist li .pl_b p{display: none;}



.prolist li .pl_b{background: none;padding-left: 0px;}



.prolist li .pl_b strong{border-bottom: none;}



.proaa strong{font-size: 22px;line-height: 40px;}



.proinfo{padding-top: 26%;}



.pmore{width: 80%;}



.pmore a{font-size: 14px;}



.ptit li a{font-size: 13px;}



.prof_b{width: 100%;}



.prof_a p{font-size: 13px;}



.producta_a p{letter-spacing: 0px;}



.case_a p{display: none;}



.xswlb li{width: 25%;}



.xswld .firstRow td{font-size: 14px;}



.in05a li a i{margin:.25rem auto;}



.nfonta i{display: none;}



.nfonta p{display: none;}



.newslist li:hover .nfonta em{height: 0px;}



.newslist li:hover .nimga span{padding-top: .5rem;}



.nimga span p{display: none;}



.joba li .j_a i{font-size: 32px;}



.joba li .j_a em{height: 53px;}



#jobs li dd{padding-left: .5rem;}



.jobe_a .swiper-slide span{line-height: 30px;}



.jobe_a .swiper-slide:hover span{line-height: 40px;}



.jobf li i{font-size: 26px;}



.cona_a{width: 80%;right:4%;}



.qyfca_a em{font-size: 30px;}



.in_02{ height: auto;overflow: hidden; background: #131b32 !important;}



.in_06{height: auto;overflow: hidden;background: #131b32 !important;}



}



@media (min-width: 576px) and (max-width: 768px) {  



.topa a{border-right: none;}



.topa a img{max-width: 60%;}



.topa span{display: none;}



.topa p{display: none;}



.in01a_a span{font-size: 14px;}



.in01a_a b{font-size: 22px;}



.in01a_c li:nth-of-type(1) .in01a_d{background: none;padding:.5rem;}



.in01a_c li:nth-of-type(2) .in01a_d{background: none;padding:.5rem;}



.in01a_c li:nth-of-type(3) .in01a_d{background: none;padding:.5rem;}



.in01a_c li .in01a_d em b{font-size: 22px;}



.line{display: none;}



.in01b li p{display: none;}



.intita i{display: none;}



.intitc i{display: none;}



.in_04 .intita a{width: 25%;font-size: 12px;}



.in04b_b a{line-height: 35px;width: 100px;}
.ipro-md .mySwiper2 .in04b_b{position: absolute;right: 0;bottom:5%;}


.in_06 .intita a{width: 25%;font-size: 12px;}



.in05a .col-6{padding: 0 .25rem;}



.in01b li span{font-size: 14px;}



.in_05 .intitc{display: block !important;}



.in_05 .intitc span{display: block;line-height: 60px;}



.in_05 .intitc em{display: block !important;clear: both;height: auto;overflow: hidden;}



.in_05 .intitc a{float: left;width: 33%;font-size: 12px;}



.in_07 .intitc{display: block !important;}



.in_07 .intitc span{display: block;line-height: 60px;}



.in_07 .intitc em{display: block !important;clear: both;height: auto;overflow: hidden;}



.in_07 .intitc a{float: left;width: 33%;font-size: 12px;}



.in_07 .intitc a{float: left;width: 25%;font-size: 12px;}



.in05a li a:hover{padding-top: 1rem !important;padding-bottom: 1rem !important}



.footer{padding-bottom: 12%;}



.footc li{text-align: left;margin-left: 1rem;}



.footc li::after{height: 0px;}



.ban{padding: 25% 0 10% 0;}



.ban i{font-size: 32px;}



.ban strong{font-size: 30px;}



.ban p{font-size: 26px;}



.ban_com{background-size: 175%;}



.ban_pro{background-size: 175%;}



.ban_case{background-size: 175%;}



.ban_xswl{background-size: 175%;}



.ban_kjyf{background-size: 175%;}



.ban_news{background-size: 175%;}



.ban_job{background-size: 175%;}



.locationb li{line-height: 40px;}



.coma_b strong{font-size: 26px;}



.ptita strong{font-size: 22px;}



.comc_a{padding-top: 40%;}



.qyfclist li:hover span{line-height: 105px;font-size: 14px;}



.producta{padding: 26% 0 6% 0;}



.producta_a strong{font-size: 30px;line-height: 45px;}



.producta_a i{margin:1rem auto;}



.producta_b{width: 100%;margin:2rem auto;}



.producta_c{width: 100%;}



.producta .mySwiper{padding-top: 3rem;}



.producta .mySwiper::before{top:51%;}



.protita strong{font-size: 22px;}



.protita p{width: 100%;}



.prolist li .pl_b p{display: none;}



.prolist li .pl_b{background: none;padding-left: 0px;}



.prolist li .pl_b strong{border-bottom: none;}



.proaa strong{font-size: 22px;line-height: 40px;}



.proinfo{padding-top: 16%;}



.pmore{width: 80%;}



.pmore a{font-size: 14px;}



.ptit li a{font-size: 13px;}



.prof_b{width: 100%;}



.prof_a p{font-size: 13px;}



.producta_a p{letter-spacing: 0px;}



.case_a p{display: none;}



.xswlb li{width: 25%;}



.xswld .firstRow td{font-size: 14px;}



.in05a li a i{margin:.25rem auto;}



.nfonta i{display: none;}



.nfonta p{display: none;}



.newslist li:hover .nfonta em{height: 0px;}



.newslist li:hover .nimga span{padding-top: .5rem;}



.nimga span p{display: none;}



.joba li .j_a i{font-size: 32px;}



.joba li .j_a em{height: 53px;}



#jobs li dd{padding-left: .5rem;}



.jobe_a .swiper-slide span{line-height: 30px;}



.jobe_a .swiper-slide:hover span{line-height: 40px;}



.jobf li i{font-size: 26px;}



.cona_a{width: 80%;right:4%;}



.intita span{width: 30%;}



.intita em{width: 70%;}



.in04a{height: auto;overflow: hidden;}



.in_06 li a p{display: none;}



.in_06 li a span{display: none;}



.producta .mySwiper{height: auto;overflow: hidden;}



.prolist li .pl_b strong{font-size:18px;}



.in_02{height: auto;overflow: hidden; background: #131b32 !important;}



.in_06{height: auto;overflow: hidden;background: #131b32 !important;}















}



@media (min-width: 768px) and (max-width:992px) { 



.topa a{border-right: none;}



.topa a img{max-width: 60%;}



.topa span{display: none;}



.topa p{display: none;}



.in01a_a span{font-size: 14px;}



.in01a_a b{font-size: 22px;}



.in01a_c li .in01a_d em b{font-size: 20px;}



.line{display: none;}



.in01b li p{display: none;}



.intita i{display: none;}



.intitc i{display: none;}



.in_04 .intita a{width: 25%;font-size: 12px;}



.in04b_b a{line-height: 35px;width: 100px;}



.in_06 .intita a{width: 25%;font-size: 12px;}



.in05a .col-6{padding: 0 .25rem;}



.in01b li span{font-size: 14px;}



.in_05 .intitc{display: block !important;}



.in_05 .intitc span{display: block;line-height: 60px;}



.in_05 .intitc em{display: block !important;clear: both;height: auto;overflow: hidden;}



.in_05 .intitc a{float: left;width: 33%;font-size: 12px;}



.in_07 .intitc{display: block !important;}



.in_07 .intitc span{display: block;line-height: 60px;}



.in_07 .intitc em{display: block !important;clear: both;height: auto;overflow: hidden;}



.in_07 .intitc a{float: left;width: 33%;font-size: 12px;}



.in_07 .intitc a{float: left;width: 25%;font-size: 12px;}



.in05a li a:hover{padding-top: 1rem !important;padding-bottom: 1rem !important}



.footc li{text-align: left;margin-left: 1rem;}



.footc li::after{height: 0px;}



.ban{padding: 25% 0 10% 0;}



.ban i{font-size: 32px;}



.ban strong{font-size: 30px;}



.ban p{font-size: 26px;}



.ban_com{background-size: 156%;}



.ban_pro{background-size: 156%;}



.ban_case{background-size: 156%;}



.ban_xswl{background-size: 156%;}



.ban_kjyf{background-size: 156%;}



.ban_news{background-size: 156%;}



.ban_job{background-size: 156%;}



.locationb li{line-height: 40px;}



.coma_b strong{font-size: 26px;}



.ptita strong{font-size: 22px;}



.comc_a{padding-top: 30%;}



.qyfclist li:hover span{line-height: 105px;font-size: 14px;}



.producta{padding: 12% 0 6% 0;}



.producta_a strong{font-size: 30px;line-height: 45px;}



.producta_a i{margin:1rem auto;}



.producta_b{width: 100%;margin:2rem auto;}



.producta_c{width: 100%;}



.producta .mySwiper{padding-top: 3rem;}



.producta .mySwiper::before{top:51%;}



.protita strong{font-size: 22px;}



.protita p{width: 100%;}



.prolist li .pl_b p{display: none;}



.prolist li .pl_b{background: none;padding-left: 0px;}



.prolist li .pl_b strong{border-bottom: none;}



.proaa strong{font-size: 22px;line-height: 40px;}



.proinfo{padding-top: 14%;}



.pmore{width: 80%;}



.pmore a{font-size: 14px;}



.ptit li a{font-size: 13px;}



.prof_b{width: 100%;}



.prof_a p{font-size: 13px;}



.producta_a p{letter-spacing: 0px;}



.case_a p{display: none;}



.xswlb li{width: 25%;}



.xswld .firstRow td{font-size: 14px;}



.in05a li a i{margin:.25rem auto;}



.nfonta p{display: none;}



.newslist li:hover .nfonta em{height: 0px;}



.newslist li:hover .nimga span{padding-top: .5rem;}



.nimga span p{display: none;}



.joba li .j_a i{font-size: 32px;}



.joba li .j_a em{height: 53px;}



#jobs li dd{padding-left: .5rem;}



.jobe_a .swiper-slide span{line-height: 30px;}



.jobe_a .swiper-slide:hover span{line-height: 40px;}



.jobf li i{font-size: 26px;}



.cona_a{width: 80%;right:4%;}







.in01a_c li .in01a_d{padding:1rem 1rem 1rem 4rem;}



.in01a_c li:nth-of-type(1) .in01a_d{background:url(../images/in01b.png) .5rem center no-repeat #fff;} 



.in01a_c li:nth-of-type(2) .in01a_d{background:url(../images/in01c.png) .5rem center no-repeat #fff;} 



.in01a_c li:nth-of-type(3) .in01a_d{background:url(../images/in01d.png) .5rem center no-repeat #fff;}



.intita span{width: 20%;}



.intita em{width: 70%;}



.in04a{height: auto;overflow: hidden;}



.in05a li a span{font-size: 18px;}



.in_06 li a p{display: none;}



.comc_a span strong{font-size: 22px;}



.comc_a p{font-size:12px;font-family: fz;}



.qywha li span{font-size: 18px;line-height: 35px;}



.qywha li p{font-size: 14px;line-height: 25px;}



.qywhb li span{font-size: 18px;line-height: 35px;}



.qywhb li p{font-size: 14px;line-height: 25px;}



.qywhc li span{font-size: 18px;line-height: 35px;}



.qywhc li p{font-size: 14px;line-height: 25px;}



.producta .mySwiper{height: auto;overflow: hidden;}



.prolist li .pl_b strong{font-size:18px;}



.prof_a strong{font-size: 22px;}



.prof_b{display: none;}



.conb_a .col-md{padding: 0 .15rem;}



.conb_a li .conb_b p{font-size: 13px;}











 }







@media (min-width: 992px) and (max-width:1200px) {



.topa a{border-right: none;}



.topa span{display: none;}



.topa p{display: none;}



.in01a_a b{font-size: 30px;}



.line{width: 110px;}



.in01b li p{font-size: 12px;}



.intitb span{font-size: 18px;}



.in02a_a li a i{display: none;}



.in02a_a li a{font-size: 14px;line-height: 37px;}



.in03a_a li a i{display: none;}



.in03a_a li a{font-size: 14px;line-height: 37px;}



.intitc span i{display: none;}



.in05a li a span{font-size: 22px;}



.in_06 li a p{display: none;}



.in_06 li a em{display: none;}



.in06a_b{padding-bottom: 139%;}



.in06a_c{padding-bottom: 90%;}



.in06a .in06a_a span{display: none;}



.in07a a img{width: 107%;}



.foota{border-right: none;}



.footbc{display: none !important;}



.footc {text-align: center;}



.ban_com{background-size: 140%;}



.ban_pro{background-size: 140%;}



.ban_case{background-size: 140%;}



.ban_xswl{background-size: 140%;}



.ban_kjyf{background-size: 140%;}



.ban_news{background-size: 140%;}



.ban_job{background-size: 140%;}



.coma_a strong{font-size: 30px;}



.coma_b strong{font-size: 22px;}



.coma_a ul li{font-size: 14px;}



.ptita strong{font-size: 30px;}



.qyfclist li:hover span{line-height: 200px;background: rgba(0,0,0,0);font-size: 24px;}



.qywhc li span{font-size: 30px;}



.qywhc li p{font-size: 14px;}



.qywhb li span{font-size: 30px;}



.qywhb li p{font-size: 14px;}



.qywha li span{font-size: 30px;}



.qywha li p{font-size: 14px;}



.producta_a strong{font-size: 42px;line-height:60px;margin-top: 3rem;}



.producta_a i{margin:1rem auto;}



.producta_b{width: 100%;margin:3rem auto;}



.producta_b li a{font-size: 22px;}



.protita strong{font-size: 30px;}



.prolist li .pl_b strong{font-size: 22px;}



.proaa p{display: none;}



.pmore a{font-size: 17px;}



.proaa strong{font-size: 22px;line-height: 40px;}



.proab li .proac p{font-size: 13px;}



.prof_a strong{font-size: 30px;}



.prof_b{width: 90%;}



.prof_a p{font-size: 14px;line-height: 25px;}



.producta .mySwiper .swiper-slide span{font-size: 22px;}



.in05a li a:hover{padding-top: 1rem !important;padding-bottom:1rem !important}



.nfonta p{display: none;}



.newslist li:hover .nimga span{padding-top: 1.5rem;}



.joba li .j_a span{font-size: 22px;}



.joba li .j_a p{font-size: 14px;}



.locationa {font-size: 17px;}



.cona_a{width: 50%;right:4%;}



.conb_a li .conb_b p{font-size: 16px;}



.navbga{background:url(../images/navbga.png) 82% bottom no-repeat;}



.navbgb{background:url(../images/navbgb.png) 82% bottom no-repeat;}



.navbgc{background:url(../images/navbgc.png) 82% bottom no-repeat;}



.navbgd{background:url(../images/navbgd.png) 82% bottom no-repeat;}



.navbge{background:url(../images/navbge.png) 82% bottom no-repeat;}



.navbgf{background:url(../images/navbgf.png) 82% bottom no-repeat;}



.navbgg{background:url(../images/navbgg.png) 82% bottom no-repeat;}



.navbgh{background:url(../images/navbgh.png) 82% bottom no-repeat;}



.menu li .submenu .left{width: 40%;}



.menu li .submenu .right{width: 60%;}



 }



@media (min-width: 1200px) {



.container{max-width: 1600px;}



 }



@media (min-width: 1200px) {



.inner_container{max-width: 1430px;}



 }







@media (min-width: 1200px) and (max-width:1630px) {



.topa a{border-right: none;}



.topa span{display: none;}



.topa p{display: none;}



.topb li a{font-size: 14px;}



.in01a_b p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}



.in01a_c li .in01a_d em b{font-size: 24px;}



.in01a_c li .in01a_d{padding: .5rem 1rem .5rem 4.5rem;}



.in01a_c li:nth-of-type(1) .in01a_d{background: url(../images/in01b.png) .5rem center no-repeat #fff;}



.in01a_c li:nth-of-type(2) .in01a_d{background: url(../images/in01c.png) .5rem center no-repeat #fff;}



.in01a_c li:nth-of-type(3) .in01a_d{background: url(../images/in01d.png) .5rem center no-repeat #fff;}



.in01a_c li .in01a_d span{width: 30px;font-size: 13px;}



.line{width: 130px;}



.in01b li p{font-size: 12px;}



.in02a_a li{font-size: 14px;}



.in02a_a li a{height: 35px;line-height: 35px;overflow: hidden;}



.in03a_a li{font-size: 14px;}



.in03a_a li a{height: 35px;line-height: 35px;overflow: hidden;}



.in_06 li a p{display: none;}



.coma_b strong{font-size: 30px;}



.proab li .proac{padding: 1rem !important;}



.proaa p{line-height: 25px;}



.prof_b{width: 80%;}



.nfonta p{white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}



 }















.Ispic {



    background-repeat: no-repeat;



    background-position: center center;



    background-size: cover;



}



/*Floor001844 */



.auto_1500 {





}



.Floor001844{background-color:#2d2d37;padding:6% 0;background: url(../images/bg3.jpg) no-repeat center bottom;background-size: cover;}



.Floor001844 .text{color:#fff;line-height: 32px;margin-bottom: 4%;text-align: center;}



.Floor001844 .text h1{padding: 0 0 8px;font-size: 30px;font-weight: normal;}



.Floor001844 .team{ float:right; width:29%;}



.Floor001844 .team li{ text-align:center; color:#fff; }



.Floor001844 .team li img{ border-radius:50%; width:82px; height:82px;}



.Floor001844 .team li span{ padding-top:5%;}



.Floor001844 .team li p{ line-height:22px; overflow:hidden; height:66px; filter:alpha(opacity=50);opacity: 0.5;-moz-opacity:0.5;-khtml-opacity: 0.5;padding:0 3%;}



.Floor001844 .team .bx-pager{ text-align:center;}



.Floor001844 .team .bx-pager div{ display:inline-block; width:8px; height:8px; margin:0 5px;}



.Floor001844 .team .bx-pager div a{ display:block; height:8px;background:#000; border-radius:50%; overflow:hidden; line-height:100px;}



.Floor001844 .team .bx-pager div a.active{ background:#c94645;}







.Floor001844 .link{/* float:left; *//* width:68%; */position:relative;overflow: hidden}



.Floor001844 .link i{/* display:none; */position:absolute;left:0;top: 47%;width:100%;height:1px;background-color: rgba(255,255,255,0.2);z-index:2;}



.Floor001844 .link dl {overflow:hidden;transform: translateY(1px)}



.Floor001844 .link dd{float:left;width: 20%;padding: 1% 0;border-right: 1px solid rgba(255,255,255,0.2); border-bottom:1px solid rgba(255,255,255,0.2); margin-bottom:-1px;}







.Floor001844 .link dd:nth-child(5n){ border-right:0;}



.Floor001844 .link dd a{display:block;padding-bottom:44%;background-size:contain;filter:alpha(opacity=60);opacity: 0.8;-moz-opacity:0.6;-khtml-opacity: 0.6;transition:0.3s;}



.Floor001844 .link dd a:hover{filter:alpha(opacity=100);opacity: 1;-moz-opacity:1;-khtml-opacity: 1;}



.Floor001844 .link dd a img{ display:none;}



@media(max-width:1000px){



.Floor001844 .bx-wrapper{ max-width:640px !important; margin:0 auto;}



.Floor001844 .team,



.Floor001844 .link{ float:none; width:auto;}



.Floor001844 .team{ padding-bottom:5%;}



}



@media(max-width:480px){



.Floor001844 .link dd{ width:50%;border-right:0; position:relative;}



.Floor001844 .link dd:nth-child(2n-1)::after{ position:absolute; content:''; right:0; top:0; height:100%; width:1px; background-color:rgba(255,255,255,0.2);}



.Floor001844 .link i{ top:auto; bottom:0; background-color:rgba(255,255,255,0.2);}



}















.jsyftype{width: 60%;margin:0 auto;}



.jsyfa{height: auto;overflow: hidden;background: url(../images/jsyfa.png) center 100px no-repeat;}




.jsyfa li:hover img{transform: scale(1.04, 1.04)}



.jsyfb i{font-size: 54px;color: #004a9f;}



.jsyfb img{max-width: 100%;transition:.4s;}



.jsyfimga{height: auto;overflow: hidden;}



.jsyfb strong{display: block;font-size: 24px;line-height: 55px;color: #004a9f;}



/*.linea{display: block;width: 1px;height: 60px;background: #004a9f;margin:1rem 0;}*/



.jsyfb span{display: block;line-height: 40px;font-size: 16px;}



.jsyfb p{line-height: 30px;color: #777;}



.jsyfb b{display: block;font-weight: normal;color: #054994;font-size: 16px;}



.jsyfb b em{font-size: 22px;}



.jsyfb_a{width: 73%;float: right;}



.jsyfb_b{width: 73%;float: left;}



.jsyfc{height: auto;overflow: hidden;background: url(../images/jsyfd.jpg) center no-repeat fixed;}



.jsyfc img{max-width: 100%;}



.jsyfc_a{color: #fff;line-height: 30px; text-align: left;}



.jsyfc_a strong{display: block;line-height: 60px;font-size: 22px;}



.jsyfc_a p{display: block;background: url(../images/jsyftipa.png) left 8px no-repeat;padding-left: 2rem;color: #d8d8d8;font-size: 16px;line-height: 32px;}



.jsyfd .swiper-container {width: 100%;height: 100%;padding: 6rem 0;}



.jsyfd .swiper-slide {text-align: center;background: #fff;overflow: hidden;



/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;



      -webkit-box-pack: center;



      -ms-flex-pack: center;



      -webkit-justify-content: center;



      justify-content: center;



      -webkit-box-align: center;



      -ms-flex-align: center;



      -webkit-align-items: center;



      align-items: center;



    transition: 300ms;



    transform: scale(1);



    }



.jsyfd .swiper-slide-active,.jsyfd .swiper-slide-duplicate-active{transform: scale(1.4);z-index: 6;position: relative;}



.jsyfd .swiper-slide img{display: block;max-width: 100%;}



.jsyfd .swiper-slide-prev {position: relative;}



.jsyfd .swiper-slide-prev::before {position: absolute;content: "";width: 100%;height: 100%;z-index: 2;background: rgba(0,0,0,0.7);}



.jsyfd .swiper-slide-next {position: relative;}



.jsyfd .swiper-slide-next::before {position: absolute;content: "";width: 100%;height: 100%;z-index: 2;background: rgba(0,0,0,0.7);}



.jsyfd .swiper-button-next::after {display: none;}



.jsyfd .swiper-button-prev::after {display: none;}



.jsyfd .swiper-button-prev {left:10%;}



.jsyfd .swiper-button-prev:hover span{color: #999;border-bottom: 1px solid #999;}



.jsyfd .swiper-button-prev span{display: block;color: #fff;font-size: 20px;line-height: 40px;border-bottom: 1px solid #fff;transition:.4s;}



.jsyfd .swiper-button-prev i{color: #fff;}



.jsyfd .swiper-button-next span{display: block;color: #fff;font-size: 20px;line-height: 40px;border-bottom: 1px solid #fff;transition:.4s;}



.jsyfd .swiper-button-next:hover span{color: #999;border-bottom: 1px solid #999;}



.jsyfd .swiper-button-next {right:10%;}



.jsyfd .swiper-button-next i{color: #fff;}



.fwzxa_a img{max-width: 100%;}



.fwzxa_b{height: auto;overflow: hidden;}



.fwzxa_b strong{display: block;font-size: 50px;line-height: 60px;text-transform: uppercase;}



.fwzxa_b span{display: block;font-size: 32px;line-height: 60px;}



.fwzxa_b p{line-height: 40px;color: #777;}



.fwzxb{height: auto;overflow: hidden;background: url(../images/fwzxb.jpg) center no-repeat fixed;padding: 13rem 0;text-align: center;color: #fff;}



.fwzxb span{display: block;font-size: 30px;line-height: 50px;text-transform: uppercase;width: 70%;margin:0 auto;}



.fwzxb p{display: block;font-size: 24px;line-height: 60px;}



.fwzxc{height: auto;overflow: hidden;background:#f1f4f8;}



.fwzxc_a{position: relative;}



.fwzxc_a:hover .fwzxc_b{background: #016adb;color: #fff;}



.fwzxc_a:hover .fwzxc_b span{color: #fff;}



.fwzxc_a:hover .fwzxc_b i{background: #fff;}



.fwzxc_a:hover .fwzxc_b p{color: #fff;}



.fwzxc_a img{width: 100%;}



.fwzxc_b{background: #fff;box-shadow: rgba(0,0,0,0.2) 0 5px 10px;transition:.4s;}



.fwzxc_b span{display: block;font-size: 24px;line-height: 45px;}



.fwzxc_b i{display: block;width: 30px;height: 3px;background: #004a9f;margin: 1rem 0;}



.fwzxc_b p{line-height: 30px;color: #777;}



.fwzxd{height: auto;overflow: hidden;background: #004a9f;}



.fwzxda img{display: block;max-width: 100%;margin:0 auto;}







@media (max-width: 576px){



	



.jsyfb_a {



    width: 100%;



    padding: 0 15px;



}







}







.section {



    width: 100%;



    height: 100vh;



    position: relative;



    overflow: hidden;



}



.fp-section {



    position: relative;



    -webkit-box-sizing: border-box;



    -moz-box-sizing: border-box;



    box-sizing: border-box;



}



.i-part4 .bg .swiper-slide a{ display: none;}



.more {



    display: flex;



    align-items: center;



    justify-content: center;



    font-size: 14px;



    color: #fff;



    width: 200px;



    height: 48px;



    border-radius: 24px;



    border: 1px solid rgba(255, 255, 255, 0.3);



    position: relative;



    overflow: hidden;



    transition: all .3s;



}



.more::before {



    content: '';



    display: block;



    width: 0;



    height: 100%;



    background-color: #113575;



    position: absolute;



    left: 50%;



    transform: translateX(-50%);



    top: 0;



    transition: all .3s;



    z-index: -1;



}



.layout {



    width: 85.8%;



    margin: 0 auto;



    position: relative;



}







/* 第四屏 */



.i-part4{background-size: cover;position: relative;}







.i-part4 .bg{width: 100%;z-index: 2;position: relative;}



.i-part4 .bg .swiper-slide{height: 100vh;position: relative;}



.i-part4 .bg .img{position: absolute;top: 0;left: 0;background: no-repeat center;background-size: cover; width: 100%;height: 100%;}



.i-part4 .bg .img.mimg{display: none;}



.i-part4 .layout{position: absolute;left:50%;height: 100%; transform: translateX(-50%);top:0;padding-top: 270px; z-index: 3;}



.i-part4 .layout .word{margin-bottom: 125px;margin-left: 100px;width: 450px;}



.i-part4 .layout .word .swiper-slide{opacity: 0!important;}



.i-part4 .layout .word .swiper-slide .more{border-color: transparent;}



.i-part4 .layout .word .swiper-slide .more:before{width:100%;}



.i-part4 .layout .word .swiper-slide-active{opacity: 1!important;}



.i-part4 .layout .word h3{color: #fff;font-size: 50px;font-family: hb; line-height: 60px;margin-bottom: 70px; font-weight: bold;}



.i-part4 .layout .word h3 span{display: block;font-family: hb; font-size: 24px;}



.i-part4 .layout .tabs{position: absolute;bottom: 2.4vw;left: 0;width: 100%;}



.i-part4 .layout .tab{position:relative;overflow:hidden;}



.i-part4 .layout .tab a.item{display: flex;position: relative; height: 122px; width: 25%;justify-content: center;align-items: center;border: 1px solid rgba(255, 255, 255, 0.3);transition: all .3s;background-color: rgba(0, 0, 0, 0.5);}



.i-part4 .layout .tab a.item::before{content: '';display: block;width: 0;height: 100%;position: absolute;left:50%; transform: translateX(-50%); top:0;background-color: #113575;z-index: 2;transition: all .3s;}







.i-part4 .layout .tab a.item .ico{width: 57px;margin-right: 25px;position: relative;z-index: 3;}



.i-part4 .layout .tab a.item .ico img{display: block;width: 100%;}



.i-part4 .layout .tab a.item .ico img.svg{display:none}



.i-part4 .layout .tab a.item h3{color: #fff;font-size: 16px;line-height: 20px;width: 144px;position: relative;z-index: 3;}



.i-part4 .layout .tab a.item h3 span{display: block;}







.i-part4 .layout .tab a.item:nth-child(4n){border-right: none;}



.i-part4 .layout .tab a.item.active::before{width: 100%;}











@media (max-width:1560px) {



	



.i-part4 .layout .word{margin-bottom: 95px;}



	.i-part4 .layout .word h3{font-size: 38px;line-height: 45px;margin-bottom: 55px;}



	.i-part4 .layout .tab a.item h3{font-size: 14px;}	



	



	.i-part4 .layout{padding-top: 200px;}



	.i-part4 .layout .tab a.item{height:110px;}



	



	



}















@media (max-width:1440px) {



	.ab_con .ab2 .solid_box{-webkit-clip-path: url(#menu-clip-path3);clip-path: url(#menu-clip-path3);}



	.i-part4 .layout{padding-top: 180px;}











}







@media (max-width:1366px) {







	.i-part4 .layout{padding-top: 150px;}



	



}







@media (max-width:1024px) {







	.i-part4 .layout{width:calc(100% - 30px);border: none;padding-top: 130px;position:relative;}



	.i-part4 .layout .word{margin-left: 0;margin-bottom:50px;}



	.i-part4 .layout .tabs{width: calc(100% + 15px);overflow: auto;position: absolute;bottom: 12vh;left: 0; }



	.i-part4 .layout .tab{flex-wrap: nowrap;border-bottom: none;width:94%;margin:0 3%; display:inline-block;}



	.i-part4 .layout .tab a.item{float:left; width: 195px;margin-right: 15px;border: 1px solid rgba(255, 255, 255, 0.3)!important;padding: 17px;height: auto;margin-bottom: 16px;}



	.i-part4 .layout .tab a.item .ico{width: 33px;height: 33px;margin-right: 10px;}



	.i-part4 .layout .tab a.item h3{font-size: 13px;}



	.i-part4 .layout .word h3{font-size: 23px;line-height: 28px;margin-bottom: 38px;}



	



	.i-part4 .bg .img.pimg{height:50vw;}



	.i-part4 .layout{width: 100%;height:auto;padding-top:50px;}



	.i-part4 .bg .swiper-slide{height: 50vw;}



	.i-part4 .layout .tabs{position: static;width:100%!important;}



	.i-part4 .layout .word .swiper-slide{padding: 0 3%;}



	.i-part4 .layout .tab a.item{font-size: 0;width: 56px!important;height: 56px;padding:0!important;border:none!important;border-radius:50%;margin:4px calc(12.5% - 28px)!important;}



	.i-part4 .layout .tab a.item h3{font-size: 0;display:none;}



	.i-part4 .layout .tab a.item .ico{margin-right:0;border-radius:50%;width: 56px!important;height: 56px;display:flex;justify-content:center;align-items:center;}



	.i-part4 .layout .tab a.item::before{border-radius:50%;}



	.i-part4 .layout .tab a.item .ico img{display: block!important;}



/* 	.i-part4 .layout .tab a.item .ico svg{display: block!important;} */



	



	.i-part4 .layout .tab a.item .ico svg{display: block;position: absolute;top:50%;left:50%;transform:translate(-50%,-50%); width: 50px;height: 50px;cursor: pointer;}



    .i-part4 .layout .tab a.item .ico svg {transform:translate(-50%,-50%) rotate(-180deg);opacity: 0;}



    .i-part4 .layout .tab a.item .ico svg .circle1 {stroke: #113575;stroke-dasharray: 260 371}



    



    .i-part4 .layout .tab a.item.active .ico svg{opacity: 1;}



    .i-part4 .layout .tab a.item.active .ico svg .circle1 {-webkit-animation: svgCircleAnmi1 5s linear forwards;animation: svgCircleAnmi1 5s linear forwards}



	



	



	  @-webkit-keyframes svgCircleAnmi1 {



    0% {stroke-dasharray:0 371}



    to {stroke-dasharray:371 371}



    }



    @keyframes svgCircleAnmi1 {



    0% {stroke-dasharray:0 371}



    to {stroke-dasharray:371 371}



    }



	



	.i-part4 .layout .tab a.item .ico img.svg{display: block;max-width:25px;max-height:25px;}



	.i-part4 .layout .tab a.item .ico img.svg2{display: none;}



	/*.i-part4 .layout .tab a.item .ico.active{*/



	.i-part4 .layout .tab a.item.active .ico img.svg2{display: block;}



	.i-part4 .layout .tab a.item.active .ico img.svg1{display: none;}



	.i-part4 .layout .tab a.item .ico{background-size:100% 100%;position:relative:z-index:2;}



	.i-part4 .layout .tab a.item.active img{opacity: 1;}



	.i-part4 .layout .tab a.item.active .ico{background:none!important;}



	.i-part4 .layout .tab a.item::before{height:0%;top:50%;transform:translate(-50%,-50%);z-index:-1;}



	.i-part4 .layout .tab a.item::after{content:"";position:absolute;left:50%; top:50%;transform:translate(-50%,-50%);border-radius:50%;}



	.i-part4 .layout .tab a.item::before{height:50px;width:50px;box-sizing:border-box; background-color:transparent;border:1px solid rgba(4,38,161,1);opacity:1;}



	.i-part4 .layout .tab a.item::after{height:42px;width:42px;box-sizing:border-box; background-color:transparent;border:1px dashed rgba(4,38,161,1);opacity:1;}



	.i-part4 .layout .tab a.item.active::before{height:50px;width:50px;opacity:1;background-color:rgba(4,38,161,1);}



	.i-part4 .layout .tab .swiper-wrapper{flex-wrap:wrap;justify-content:space-between;}



	.i-part4 .layout .word h3{margin-bottom: 12px;font-size:20px; margin-top: 10px;color:#000;}



	.i-part4 .layout .word p{line-height: 20px;height:60px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 3;-webkit-box-orient: vertical;display:block;margin-bottom:10px;}



	.i-part4 .layout .tit{text-align: center;font-family:hb;color:#000;font-size:23px;margin-bottom:20px;display:block!important;}



	.i-part4 .more{border-color:#000; color:#000;}



	.i-part4 .more i{background-image: url(../image/more1.png);}



	.i-part4 .layout .word .more{display: none;}



	.i-part4 .layout .word{width: 100%;padding:0 3%; margin-bottom:10px;}



	.i-part4 .bg{padding-bottom: 60px;}



	.i-part4 .more{position: absolute;bottom: -60px;left: 50%;transform: translateX(-50%);}



	.i-part4 .more:before{background-color:transparent;}



	.i-part4 .layout .word h3 span{display: none;}



	



	.i-part4 .bg .swiper-slide a{ display: block; line-height: 48px; text-align: center;}



	



	}







@media (min-width:1950px) {



    .i-part4 .layout .word{margin-bottom: 22vh;}



}



.network{ width:100%; height:auto; overflow:hidden; background:#f2f2f2; padding-bottom:60px; padding-top: 60px;}



.network_l{ width:21%; }



.net_work_mid{ margin-top:50px; line-height:30px;}
.net_work_mid .net_work_line{margin-top: 20px;}



.network_r{  width:78%;}



#e-main{width: 1200px; height:600px; margin: 30px 0 0 0; min-width: 1200px !important;}







.clear:after {



    content: "";



    clear: both;



    display: block;



}











.fl{ float: left;}



.fr{ float: right;}











@media (min-width: 992px) and (max-width:1200px) { 







#swiper-slide1 .bannera {padding-top:15%;}



#swiper-slide1 .bannera strong{font-size: 36px !important;line-height: 50px;}



#swiper-slide1 .bannera p{font-size: 24px !important;line-height: 30px;}



.banner .swiper-slide-active .bannera strong{font-size: 36px !important;line-height: 50px;}



.banner .swiper-slide-active .bannera p{font-size: 24px !important;line-height: 30px;}



#swiper-slide1 .bannerb {padding-top:15%;}



#swiper-slide1 .bannerb strong{font-size: 36px !important;line-height: 50px;}



#swiper-slide1 .bannerb p{font-size: 24px !important;line-height: 30px;}}







.hls-page-container {overflow: hidden;position: relative; margin-top: 90px; }

.hls-page-container img{display: block;width: 100%;height: auto;}

.hls-iacase {position: relative;}

.icase-nav {height: 40px;position: absolute;right: 0px;bottom:0px; width: 60%;}

.icase-nav .swiper-slide li{width: 100%; font-size: 15px;color: #0e0e0e;cursor: pointer;position: relative;margin: auto 3%;text-align: center; list-style: none;}

.icase-nav .swiper-slide li:hover {color: #104280;}

.icase-nav .swiper-slide li::after {content: '';width: 80%;height: 2px;background: #104280;position: absolute;left: 10%;bottom: -10px;display: none;}

.icase-nav .swiper-slide-thumb-active li{color: #104280;}

.icase-nav .swiper-slide-thumb-active li::after {display: block;}

.iacaselist { padding-top:3.5%;overflow: hidden;position: relative;}

.iacaselist .swiper-slide {padding-bottom:63px;}

.iacaselist .imore{width: 220px;overflow: hidden;position: absolute;left:50%;margin-left: -92px;bottom: 0;z-index: 3;}

.iacase {position: relative;width:95%; margin-left: 5%;overflow: hidden;}

.iacase li{overflow: hidden; list-style: none;} 

.iacase li a{display: block;position: relative;}

.iacase li a h4{position: absolute;font-size: 20px;left: 0;bottom: 0;padding: 5%;width: 90%;color: #fff; z-index: 3;}

.iacase li a .mark {position: absolute;bottom: 0;left: 0;width: 100%;height:70%;z-index: 1; background:linear-gradient(to top,#000,rgba(0,0,0,0));opacity: .6;}

.iacase li a:hover img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}

a *{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 



.hls-page-container {overflow: hidden;position: relative;background-color: #f5fafd; padding-top: 60px;}

.hls-page-container img{display: block;width: 100%;height: auto;}

.d-table {display: table;width: 100%;height: 100%;}

.d-table-cell {display: table-cell;vertical-align: middle;}

.container1 {margin:auto 5%;position: relative;overflow: hidden;}

.ptb5 {padding:5% 0;}

.title {}

.title h2{font-size: 44px;font-family: 'Conv_Montserrat-Bold';text-transform: uppercase; color: #004ea0; }

.title h3{font-size: 30px;font-weight: normal;}

.title h3 line{width: 40px;height: 2px;background: #004ea0;margin: 0 15px;display: inline-block;vertical-align: middle;}

.title h6 {font-size: 14px;line-height: 28px; color: #999999;font-weight: normal;padding:30px 0;overflow: hidden;width: 60%;}

.tmore {position: absolute;width: 115px;right: 0;top:55%;}

.tmore a {display: block;position: relative;font-size: 14px;padding-bottom: 20px; font-family: 'Conv_Montserrat-Bold';text-transform: uppercase;}

.tmore a i{display: block;width: 16px;height: 10px;position: absolute;right: 0;top: 4px;background: url("../images/right-h.svg") center no-repeat;background-size: 100%;}

.tmore a::after {content: '';width: 100%;height: 2px;background: #000;position: absolute;left: 0;bottom:0px;}

.tmore a:hover {color: #000;letter-spacing: 1px;}

.tmore a:hover i{right: 10%;}

.tmore a:hover::after {background: #000;}

.dtable {display: table;width: 100%;height: 100%;}

.dtable-cell {display: table-cell;vertical-align: middle;}

.imore{}

a {

    text-decoration: none;

    color: #1a1a1a;

    -webkit-transition: all .4s ease;

    -moz-transition: all .4s ease;

    transition: all .4s ease;

}

.imore a{display: block;font-size: 14px;width: 220px;height: 52px;line-height: 52px; font-family: 'Conv_Montserrat-Regular';position: relative;border: 2px solid #004ea0;text-align: center; color: #004ea0;}

.imore a:hover {background: #004ea0;color: #FFFFFF;}



 .pabout-title { margin-bottom:4%; text-align:center;}

.pabout-title h1{ font-size:60px;line-height:64px;text-transform:uppercase;color:#fff; font-weight:bold; padding-bottom:1%;display:block;}

.pabout-title i{ width:60px; height:2px; background:#666; display:block; margin:auto;}

 



.imain {

    width: 100%;

    overflow: hidden;

    margin: auto;

    clear: both;

    position: relative;

    background-repeat: no-repeat;

    background-position: center bottom;

    position: relative;

    clear: both;

}

.ptb180 {
    padding:42px 0;

	padding-bottom: 56px;

	 overflow: hidden;

}

/* 图片切换 */

.slick-slider { display: block;/* box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent;*/ }

.slick-slider *:focus { outline: none;}

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-loading .slick-list { background: white url(../images/loading.gif) center center no-repeat; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

.slick-slide img { display: block; max-width:100%; height:auto;}

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto;   }

/* Arrows */

.slick-prev, .slick-next { position:absolute;display:block;height:119px;width:65px;cursor:pointer;z-index:80;top:50%; margin-top:-59.5px;padding:0;outline:none;text-indent:-9999px;  border-radius:0px; background-color: transparent; background-repeat:no-repeat; background-position:center;opacity: 1;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease; border:none;}

.slick-prev:focus, .slick-next:focus { outline: none; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before {  font-size: 20px; line-height: 1; color: white; opacity: 1.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left:5%; background-image:url(../images/arrowleft.png);}

.slick-next { right:5%; background-image:url(../images/arrowright.png);}

.slick-prev:hover {opacity: 1.0;}

.slick-next:hover {opacity: 1.0;}

/* Dots */

.slick-slider { }

.slick-dots { position: absolute; bottom:40px; list-style: none; display: block;padding: 0px; width: 100%; text-align:center; left:0;}

.slick-dots li { position: relative; display: inline-block; height:14px; width: 14px; margin: 0px 3px; padding: 0px; cursor: pointer; }

.slick-dots li button { background:#CCC; display: block; height:10px;width: 10px; padding: 0px; cursor: pointer; outline: none; text-indent:-9999px;-moz-opacity:0.4; opacity:0.4;filter:alpha(opacity=40);border-radius:100px;border: none; overflow:hidden;}

.slick-dots li button:focus { outline: none; }

.slick-dots li.slick-active button {background: #00705a;border: none; opacity:1.5;}





.min500 { }

.phistory {background:url(../images/xline1.jpg) left center repeat-x;position:relative; padding-top: 79px;}

.slick8 { width:1400px; margin:auto;}

.slick8 li{ width:450px;height:180px;border-left:rgba(0,79,158,0.5) 1px solid;position:relative;}

.slick8 li *{ display:block; overflow:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}

.slick8 li i { width:15px; height:15px; position:absolute; left:-8px; bottom:-10px; z-index:3; background:#004f9e; border-radius:100px; }

.slick8 li img{width:140px;height:100px;float:left;border-radius:10px; margin-left:8px;}

.slick8 li span{width:230px;float:left; padding:10px 0px 0px 20px;}

.slick8 li span h1{font-size:26px; font-weight:bold; color:#000;}

.slick8 li span h3{font-size:14px; line-height:24px;color:#000; }

.slick8 li:hover img {}

.slick8 li:hover span{height:90px;border-radius:0px 10px 10px 0px;}

.slick8 li:hover span h1{color:#004f9e; }

.slick8 li:hover span h3{color:#000; }

.ls1 {margin-left:40px;}

.ls2 {margin-top:175px;margin-left:-60px!important;height:100px!important;padding-top:90px;}

.ls2 i{ bottom:0px ;top:0px; }

.slick8 .slick-slide.slick-current.slick-active h1{color:#004f9e;}



.pceo { color:#FFF; width:55%;}

.pceo h1{ font-size:60px;line-height:64px;text-transform:uppercase;color:#fff; font-weight:bold; padding-bottom:2%;display:block;}

.pceo i{ width:60px; height:2px; background:#666; display:block; }

.pceo h3 {color:#CCC;font-size:16px; line-height:26px; padding:30px 0 20px 0; overflow:hidden;}

.pceo h6 {color:#919191;font-size:12px; line-height:22px;}

.mceopic { display:none !important;width:100%; height:auto;}







@media screen and (max-width: 860px) {



/*common*/	

.nav_mobile { display:block!important; z-index:890; }	

.aside-wrap .topcontrol { display:none!important;}

.header{display:none;}	

.h88 { height:50px;}

.slick-dots {bottom: 10px;}

.footer {padding:50px 0 0px 0;}

.footer .footer_main{width:100%;text-align: center; padding-bottom:40px;}

.footer .footer_main ul{ display:none;}

.footer .footer_main ul h1 i { margin:10px auto;}

.footer .footer_main ul.footer_r {margin-right:0;float:none;display:block;width:100%;}

.footer .footer_main ul.footer_r li i{display:none;}

.footer .footer_main ul.footer_r .fcontact li h6 {padding-left:0px; line-height:20px;}

.copyright ul {width:96%;line-height:20px;height:auto;text-align: center; padding:2%;}

.copy { float:none; width:100%;line-height:20px;}

.follow { padding-top:5px;float:none; width:100%; text-align: center;}

.footer .footer_main ul.footer_r .fcontact li {margin-bottom:2px!important;}



/*index*/	

.editorial {width:200%;left:-30%;}

.btxt,.bproduct {display: none!important;}

.ptb110 { padding:40px 0;}

.ptb130 { padding:0;}

.ptb180 { padding:60px 0;}

.ptb220 { padding:100px 0;}

.pt80 { padding-top:0px;}

.pt150 { padding-top:0px;}

.pt200 { padding-top:100px;}

.pb80 { padding-bottom:0px;}

.mt20{ margin-top:20px;}

.mt80{ margin-top:30px; }

.mt-80 { margin-top:-30px;}

.pcimg { display: none!important;}

.mbanner { display: block!important;}

.imain_content {width:100%;}

.iabout3 {margin-top:2%; text-align:center;}

.iabout3 ul {float:none;border:#d9d9d9 1px solid; width:31%; min-height:140px; margin:0.1%;padding:5% 0; display:inline-block; vertical-align:top;}

.iabout3 ul li { margin-left:0;}

.iabout3 ul li i{ float:none;width:50px; height:50px; margin:auto;}

.iabout3 ul li span{ float:none; padding:2% 2%; text-align:center;}

.iabout3 ul li span h1{font-size:30px; line-height:30px; }

.iabout3 ul li span h1 strong{font-size:30px; line-height:30px; }

.iabout3 ul li span h1 em{ font-size:20px; }

.iabout3 ul li span h6{ font-size:8px; text-align:center;}

.ia {width:50px; height:50px; }

.ia span{width:50px; height:50px;}

.iproduct4  li{float:none; width:100%;}

.isolution {margin-top:60px;}

.isolution  li{ width:30%;}

.isolution  li a i{ width:70px; height:70px; margin:20px auto;}

.isolution  li a span h3{ font-size:12px; min-height:30px}

.isolution  li a span h6 { display:none;opacity:1;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;font-size:10px; width:90%;height:40px; line-height:40px; margin-top:30px;}

.yline {min-height:180px;}

.ititle h2{ font-size:22px;}

.ititles {width:100%; margin:0; text-align:center;}

.ititles h1{ font-size:22px;}

.ititles h6{ font-size:14px; width:90%; margin:20px auto;}

.ititles a { margin:20px  auto;width:150px;height:40px; line-height:40px;font-size:14px;}

.iservice span.animate_i1  { width:85px;height:85px;bottom:300px;left:5%; margin-left:0px; background-size:60%; background-color: rgba(255,255,255,0.8);}

.iservice span.animate_i2  { width:50px;height:50px;bottom:100px;left:20%;margin-left:0px;background-size:100%;}

.iservice span.animate_i3  { width:100px;height:100px;bottom:200px;left:40%;margin-left:0px;background-size:50%;}

.iservice span.animate_i4  { width:70px;height:70px;bottom:50px;left:60%;background-size:100%;}

.iservice span.animate_i5  { width:50px;height:50px;bottom:300px;left:80%;background-size:100%;}

.itb h6 {margin: 20px auto; width:90%; font-size:14px;}

.iviewmore,.iviewmore2,.ititles a{width:100px;height:30px; line-height:30px;font-size:12px;}

.iproduct4 li a span h3 {font-size:18px;}

.ip1 a span {padding-top: 30%;}

.ip2 a span {padding-top:12%;text-align: center;}

.ip3 a span {padding-top: 15%;padding-left:0;width: 100%!important; text-align: center;;}





/*about*/	

.minh800{min-height:600px;}

.pabout1 {  padding-top:25%;}

.pabout1 h2{ font-size:20px; font-weight:bold; }

.pabout1 .pabouttopdate{ padding:10% 0; width:100%; margin:5% auto 0 auto; text-align:center;}

.pabout1 .pabouttopdate li{ float:none; padding:10% 0; width:46%; min-height:80px;text-align:center; border:#333 1px solid;display:inline-block; vertical-align:top; margin-bottom:1%;}

.pabout1 .pabouttopdate li h1 strong{ font-size:48px; line-height:48px;} 

.pabout1 .pabouttopdate li *{display:inline-block; vertical-align: middle;}

.pabout1 .pabouttopdate li em i { display:block; line-height:30px;}

.pabout1 .pabouttopdate li h1 i { font-size:40px;}

.pabout1 .pabouttopdate li h6{font-size:12px; padding:0 2%;}	

.pabout-mpic {display: block!important;}

.addhidempic {display: none!important;}

.mt50 { padding-top:50%;}

.pabout-video { background:none !important;}

.slick-lr { height: auto; background:#000; }

.pabout2 { width:100%; overflow:hidden;}

.pabout2top img{float:none; width:100%; height:auto; margin:auto;}

.pabouttxt {float:none;width:90%; padding:5%; line-height:20px;}

.pabouttxt h4{padding:2% 0;}

.pabouttitle { margin-bottom:2%;}

.pabouttitle h1{ font-size:40px;line-height:44px;padding-bottom:2%;}

.pabouttitle i{ width:60px; height:2px;}

.pabout2c3 { display: block;margin:5%; overflow:hidden;}

.pabout2c3 li{ float: none;width:97%;padding:2% 2% 1% 4%; border-right:none; }

.pabout2c3 li i { float:left;width:14%;min-height:50px;background-size:100%;}

.pabout-video {height: auto; overflow:hidden;padding-bottom: 20%;}

.pabout-video span{position: relative; left: auto; top: auto;padding-top:5%; overflow:hidden; display:block;}

.pabout-video span em{width:80px; height:80px;margin:10px auto; display: block; }

.pabout-video span h1{ font-size:20px;}

.pabout-video span h6{ font-size:12px; line-height:18px;width:90%;}

.pabout-video video {width:100%; height: auto; max-height:100%;position: relative;left: auto; top: auto;object-fit: cover; display:none;}

.hidevideo { display: block !important;}

.pabout-pic {width:100%; padding-bottom:20%;height: auto;overflow:hidden; background-size:100%;}

.pabout-pic span{position: relative; left: auto; top: auto; padding-top:5%; width:90%; margin-left:0px; margin:auto !important;height: auto;text-align:center;}

.pabout-pic span * {text-align:center !important;}

.pabout-pic span h1{ font-size:20px;}

.pabout-pic span i{ margin:20px auto;}

.pabout-pic span h6{ font-size:12px; line-height:18px;width:100%;}

.pabout-pic video {width:100%; height:100%; max-height:100%; position:absolute;left:0px; top:0;}

.ptc span{ margin-left:0px!important;margin:auto !important;}

.ptr span{ margin-left:0px!important;margin:auto !important;}

span.w900 { width:90%!important; margin:0 auto!important;}

span.w900  h6{width:100%;}

.pa-partner { width:90%; margin:4% auto;}

.pa-partner img { width:98%; }

.pabout-title { margin-bottom:4%; }

.pabout-title h1{ font-size:40px;line-height:44px;}

.min500 { height:500px;}

.phistory {background: url(../images/xline1.jpg) left center repeat-x;}

.slick8 { width:100%;height:auto; padding:0 0 20px 0;margin-top:50px;}

.slick8 li span h1 { display:block;}

.slick8 li span h3 {width:90%; margin:auto; font-size:12px;}

.slick8 li{ width:100%;height:auto !important; border-left:none;margin:0px auto auto auto;overflow:visible;text-align:center; position:relative; padding-bottom:30px; }

.slick8 li img {float:none;margin-left:0px;}

.slick8 li span {float:none;margin-left:0px;padding:10px 0; width:100%;background:none;}

.slick8 li * { display:inline-block; }

.slick8 li i {width:15px; height:15px; position:absolute; left:50%; bottom:0px; margin-left:-7.5px; display:none !important;}

.slick8 li:hover img {border-radius:10px;}

.slick8 li:hover span{ background:none;height: auto;border-radius:10px;}

.slick8 li:hover span h1{color:#fff; }

.slick8 li:hover span h3{color:#fff; }



.ls1 {margin-left:0px;}

.ls2 {margin-top:0px;margin: auto!important;padding-top:0px; border-left:none !important;}

.ls2 i{ bottom:0px;top:auto; }

.pceo { width:90%; margin:auto; padding:5% 0 15% 0;}

.mceopic { display:block!important;}

.pceo h1{ font-size:40px;line-height:44px;padding-bottom:2%;}

.pceo h3 {font-size:16px; line-height:26px; padding:30px 0 20px 0; }

.pceo h6 {font-size:12px; line-height:18px;}

.bgnone { background:#000 !important;}

.pvideo em { display:none!important;}

#history { height:400px;}



.pnewslist { overflow:hidden;width:96%; margin:auto;} 

.pnewslist li{ width:100%; float:none; margin:0 0 1% 0;}

.pnewslist li a i{width:100%; float:none;}

.pnewslist li a span{width:90%; float:none; padding:5%;}

.pnews_detail {padding: 50px 2%;}

.pagefaye a.fl, .pagefaye a.fr {width:100%; float:none; text-align:left;}

.pagefaye a i { display:none}

.pagefaye a.fh {position: relative;width:auto;height: auto;left:auto;margin-left:auto;top:auto;text-align: left;}





/*solutions*/

.psolution { width:90%; position:absolute; left:5%; margin-left:0px; top:20%;}

.psolution a h1{font-size:40px;line-height:44px;padding-bottom:2%;}

.psolution a h6{font-size:12px; line-height:20px; padding:20px 0 20px 0;}

.psolution a h5 { width:100px; height:30px; line-height:30px; font-size:12px;}

.psection_scroll { bottom:10px;}

.psection_scroll .chevron { margin-top:0;}

.solutionlists {margin:0px auto ; width:96%;}

.solutionlists div li{margin-bottom:20px;}

.solutions { background-image: url(upload/s01.jpg); }

.solutionlist { position: relative; left: auto; top: auto; width:100%; height:100%; padding-top:5%; background:url(../upload/casebg.jpg) center top no-repeat; background-size: auto 100%;}

.solutiontitle { width:96%; margin:auto;}

.solutiontitle h1{font-size:40px;line-height:44px;padding-bottom:2%;}

.solutiontitle h6{font-size:12px; line-height:18px; padding:20px 0 20px 0; width:100%; display:none}

.solutionlists { margin-top:3%;}

.solutionlists .slick-list li { width:90%; margin:auto; }

.solutionlists li a i{ width:100%;float:none;}

.solutionlists li a span h6 {padding: 2% 0;}

.solutionlists li a span{width:90%;float:none; padding:5% 0 5% 0;}

.mopicbg {height:850px; width:110%; margin-left:-5%; margin-top:-5%; display:none;}

.solutions_detail { width:100%;background: url(../upload/sbg1.jpg) center  center no-repeat #000; background-size:100% 100%;}

.sd-img {float:none; width:100%;}

.sd-txt {float:none; width:90%; padding:5%;}

.sd-txt h1{font-size:26px;}

.sd-txt h3{font-size:18px; padding-top:20px; padding-bottom:5px;}

.sd-txt h5{font-size:12px; line-height:24px;}

.sd-txt ul{ padding-top:30px;}

.sd-txt ul li{ float:none; width:100%; margin-bottom:20px; margin-right:0; border-bottom:#303047 1px solid;}

.sd-txt ul li strong{ font-size:14px;}

.sd-txt ul li h6{ padding:10px 0 ; color:#CCC;}

.tab_main {padding-top:0px; background:#000;}

.tab{ width:100%;}

.tab li{ padding:5% 6%; width:21.333%; font-size:14px;}

.con_main{width:90%; margin:auto; padding:50px 5%;}

.con_main img { max-width:100%; height:auto;}

.pproductlist {padding-bottom:50px; margin:auto;}

.pproductlist li {width:100%;float:none; margin-bottom:20px; border-bottom:#f1f1f1 1px solid;}

.pproductlist li a{ padding-top:0px;border:none;}

.pproductlist li a img{ display:block;width:40%; height:auto; float:left;}

.pproductlist li a span{ position: relative; left: auto; top: auto; width:50%;float:left; padding:5% 5% 5% 5%; text-align:left;}

.pproductlist li a span h2{ font-size:18px; font-weight:bold; color:#333;}

.pproductlist li a span h5{ width:100%; margin:1% auto; font-size:12px; line-height:22px;}

.pproductlist li a span i { float:left;}

.mt1{margin-top:0px;}

.ml1{ margin-left:0px;}

.pcaselist {padding-bottom:50px;}

.pcaselist div{width:100%;float:none;  margin:0 0 2% 0;}

.pcaselist div ul h2{ font-size:18px; min-height:auto; height:auto;padding-bottom:3%;}

.pcaselist div ul span { padding:5%;}

.pcaselist div ul li{ width:100%; float:none;padding-top:3%;}

.solution-mnav { display: block!important;}



/*products*/

.ptopbg { height:160px; padding-top:35px;}

.ptopbg h1 { font-size:44px;}

.ptopbg li { text-align:center;}

.ptopbg li a{font-size:12px;margin:2.5px; border:#4f5067 1px solid; width:42%; padding:2% 0; text-transform:capitalize; font-weight:normal; overflow:hidden;}

.pproductlists { padding-top:5%;}

.pproductlists li {width:100%;float:none;margin-bottom:20px; border-bottom:#333 1px solid;background: #1c1c1c;}

.pproductlists li a{ padding-top:0px;border:none;}

.pproductlists li a img{ display:block;width:40%; height:auto; float:left;}

.pproductlists li a span{ position: relative; left: auto; top: auto; width:50%;float:left; padding:1% 5% 1% 5%; text-align:left;}

.pproductlists li a span h2{ font-size:18px; font-weight:bold; color:#fff;}

.pproductlists li a span h5{ width:100%; margin:1% auto 3% auto; font-size:12px; line-height:22px;}

.pproductlists li a span i{float:left;} 

.pnav .pnavtop { width:100%;}

.pnav .pnavtop ul{width:100%; text-align:center;padding:10px 0;}

.pnav .pnavtop ul.pnav-l a{height: auto;line-height: normal;}

.pnav .pnavtop ul a{display: inline-block; }

.pnav .pnavtop ul.pnav-l{float:left; text-align:left; display:none;}

.pnav .pnavtop ul.pnav-r{float:none;text-align: center; width:100%;}

.pnav .pnavtop ul.pnav-r li a { font-size:12px; margin:0 10px;}

.pnav .pnavtop ul.pnav-r a.return {  padding:5px 20px; margin:10px 0 0 20px;}

.top80 { top:0px !important;}

.pdetail_txt1 { padding-top:5%;}

.pdetail_txt1 h1{ font-size:32px; }

.pdetail_txt1 h6{ font-size:14px; line-height:24px; width:90%;margin:0px auto;}

.pdetail_img1 {max-width:100%; height:auto; padding:2% 0 0 0 ;}

.pdetail_img1 img{ display:inline-block; width:80%; height:auto; margin:50px auto auto auto;}

.products_detail_bg {min-height: 690px;}

.pd-left {width:100%;float:none;}

.pd-right {width:90%;float:none; padding:5%;}

.pd-left img {max-width:100%; height:auto; display:block;}

.pdetail_txt2 {text-align:left; margin-top:20px;}

.pdetail_txt2 h1{ font-size:42px; }

.pdetail_txt2 h6{ font-size:14px; line-height:24px;margin:0px;}

.pdetail_txt2 ul {padding-top:30px;}

.pdetail_txt2 li { margin-bottom:30PX;}

.pdetail_txt2 li h5{font-size:14px; padding-bottom:5px;}

.pdetail_txt2 li h6{ font-size:12px; line-height:24px;width:80%; padding-left:17px;}

.pdetail_title {margin-top:17%;}

.pdetail_title h1{ font-size:42px}

.pdetail_title h6{font-size:14px; line-height:24px; margin:0px auto; width:90%;}

.gifpic { margin:37px auto auto auto; background:#000;}

.gifpic img {max-width:100%; height:auto; display:block;}

.tpoint li{ display:none;}

.main3 { background:#000!important;min-height:650px !important;}

.pdetail_pic1 img,.pdetail_pic2 img { width:100%; height:auto; display:block;}

.pdetail_pic1 {width:100%; height:auto; position:absolute;left:-50%;bottom:-20px;}

.pdetail_pic2 {width:100%; height:auto; position:absolute;right:-50%;top:-20px;} 

.mt350 { margin-top:60% !important;}

.tab_main1 { padding-top:20px; padding-bottom:0px;}

.tab1{ width:100%;padding-bottom:20px;}

.tab1 li{ padding:8px 2%;font-size:12px; margin:1%;border-radius:10px;border:#4c4c4c 2px solid; width:33%;}

.con1{ margin:-4px auto 0px auto; background:#FFF;}

.con_main1{width:90%;padding:5%;}

.con_main1 img { max-width:100%;}

.pdetail_download { width:100%;}

.pddownload { width:96%; float:none; margin:100px auto auto auto;}

.pddownload h1{font-size:42px;}

.tab_main2 { padding-top:20px;}

.tab2{ text-align:left;}

.tab2 li{ padding:3% 3%;font-size:14px; margin:0.5%; width:25%; display:inline-block; border-radius:10px;border: #ccc 1px solid;}

.con_main2{ padding:20px 0 50px 0;}

.pddownload_list li{ height: auto; line-height: normal; }

.pddownload_list li i{ width:50px;height:60px; }

.pddownload_list li h4{ color:#FFF; font-size:14px; width:70%;}

.pddownload_list li h5 { display:none;}

.pddownload_list li a{ float:right;}

.tab1 li:nth-child(7) {width:73%;}

.pd-other { display: none!important; }
}  


.warp{width: 89.66%; margin: 0 auto;}


.num-change{margin-top: 40px; margin-bottom: 40px; height: auto; overflow: hidden;}
.num-change ul li{float: left;  text-align: center; width: 19%; 
    border: 1px solid #eeeff0; margin-right: 1.2%; padding-bottom: 15px; height:auto; overflow: hidden;}
.num-change ul li .shuzi p:first-child{font-size: 16px;color: #004ea0;}
.num-change ul li .shuzi p:first-child span{font-size: 60px;font-weight: bold;}
.num-change ul li .shuzi p:last-child{color: #444;font-size: 14px;}

.num-change ul li:nth-of-type(5){ margin-right: 0px;  }






.pages {font-size:14px;color: #646464;margin:20px 0px;text-align: center;}
.pages a{margin:0px 6px;padding:4px 10px;font-size: 14px;color: #646464;border:1px solid rgb(220,220,220);}
.pages span {margin:0px 6px;padding:4px 10px;font-size: 14px;color: #fff;background: rgb(5,73,148);border: rgb(5,73,148) solid 1px;}
.pages a:hover{background: rgb(5,73,148);border: rgb(5,73,148) solid 1px;color: #fff;}


.shzr{ margin-top: 80px;}
.biaoge{ margin-top: 30px; line-height: 32px; text-align: center;}

.xbt{display: block;
    position: relative;
    transition-duration: .5s;
    padding: 8px 0; text-align: left;font-size: 16px;
    color: #444; font-weight: bold;}  



/*解决方案 */
.body_f5f5f5{background: #f7f7f7;}
.PicList002953{padding: 0 0 4%}
.PicList002953 li{float: left;width: 32.334%;background: #fff;margin-bottom: 3.332%;border-radius: 20px; margin-right: 1.4%;}
.PicList002953 li .atm{display: block;padding: 1.56vw;}

.PicList002953 li aside.dot{font-size: 24px;line-height: 1em;border-left: 5px solid #054994;margin-bottom: 20px;padding-left: 20px;font-weight: bold;}
.PicList002953 li a:hover aside.dot{color: #1e50ae;}
.PicList002953 li .txt{padding: 20px 20px 0;}
.PicList002953 li p{margin: 0;line-height: 1.625em;font-size: 16px;color: #666;}
.PicList002953 li .pic{overflow: hidden;border-radius: 5px;}
.PicList002953 li .Ispic{padding-bottom: 57.077%; transition: 0.3s;}
.PicList002953 li a:hover .Ispic{transform: scale(1.2);-webkit-transform: scale(1.2);-ms-transform: scale(1.2);}
.PicList002953 li .more{overflow: hidden;}
.PicList002953 li .more span{float: right;width: 40px;height: 40px;border: solid 2px #e5e5e5; border-radius: 50%;position: relative; transition: 0.3s;}
.PicList002953 li .more span:after{position: absolute; content: ''; width: 10px; height: 10px; border-top: 2px solid #666; border-right: 2px solid #666; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg); margin: -5px 0 0 -7px; left: 50%; top: 50%;}
.PicList002953 li a:hover .more span{border-color: #4ab344;background: #4ab344;}
.PicList002953 li a:hover .more span:after{border-color: #fff;}
@media(min-width:1025px){
.PicList002953 li:nth-child(3n+3){ margin-right: 0px;}
}
@media(max-width:1024px){
.PicList002953 li a{padding: 4vw;}
.PicList002953 li .txt{padding: 1vw 1vw 0;}
}
@media(max-width:640px){
.PicList002953 li{float: none;width: 100%;margin-bottom: 10px}
.PicList002953 li aside.dot{font-size: 4vw; margin-bottom: 2vw;}
.PicList002953 li p{font-size: 3.5vw;}
.PicList002953 li .more{padding-top: 2vw;}
.PicList002953 li .more span{width: 26px;height: 26px;}
}



/*
 .多媒体中心
 */
.PicList002796{padding: 2% 0 0%;background: #f7f7f7}
.PicList002796 ol{ position: relative; margin-bottom: 4%; border-bottom: 1px solid #eee; }
.PicList002796 ol figure em{padding-bottom: 33%;}
.PicList002796 ol p{ margin: 35px 0 25px; font-size: 18px; color: #333; line-height: 28px; text-align: justify; }
.PicList002796 ol time{ float: right; margin-top: 21px; }

.PicList002796 li{ position:relative; }
.PicList002796 .video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.PicList002796 .video_files video{width:100%; height:100%; background-color:#000;}
.PicList002796 .video_files .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background-color: #761b1b;cursor: pointer;}
.PicList002796 .video_files .close::before,
.PicList002796 .video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;}
.PicList002796 .video_files .close::before{ transform:rotate(45deg);}
.PicList002796 .video_files .close::after{ transform:rotate(-45deg);}
.PicList002796 figure{ position:relative;}
.PicList002796 figure em{ display:block; padding-bottom: 67%; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.PicList002796 figure a{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.5); }
.PicList002796 figure a::before,
.PicList002796 figure a::after{position: absolute; content:'';z-index: 5;top: 50%;left: 50%;}
.PicList002796 figure a::before{width: 60px;height: 60px;border: 2px solid #fff;margin-left: -35px;margin-top: -35px;border-radius: 50%;}
.PicList002796 figure a::after{width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 14px solid #fff;margin-left: -9px;margin-top: -15px;}
.PicList002796 li p{margin-bottom: 25px;/* height: 56px; */font-size: 16px;color: #333;line-height: 28px;text-align: justify;overflow: hidden;}
.PicList002796 time{background: #054994;display: inline-block;padding: 5px 20px;color: #fff;border-radius: 99px;font-family: "DINCond-Bold";}


.PicList002796_video{ position:fixed; z-index:999; left:0; top:0; height:100%; width:100%; background:rgba(0,0,0,0.5);}
.PicList002796_video .close{ cursor:pointer; position:absolute; right:5%; top:5%; width:40px; height:40px; z-index:9999;}
.PicList002796_video .close::before,
.PicList002796_video .close::after{ position:absolute; content:''; transform:rotate(-45deg); width:100%; height:3px; background:#fff;}
.PicList002796_video .close::after{ transform:rotate(45deg);}
.PicList002796_video .ytable{height: 100%;}
.PicList002796_video .files{ margin:70px auto; width:96%; max-width:1000px; max-height:70%;}
.PicList002796_video .files video{ background:#000;}

@media(min-width:769px){
.PicList002796 li{float: left;width: 29.75%;margin-right: 5.25%;margin-bottom: 4%;} 
.PicList002796 li:nth-of-type(3n){ margin-right: 0; }
.PicList002796 li:nth-of-type(3n+1){clear:left;}
}
@media(max-width:768px){
.PicList002796 li{ width: 100%; margin-right:0; margin-bottom: 5%;}
.PicList002796 ol figure em{ padding-bottom: 47%; background-size:cover;}
.PicList002796 figure em{ padding-bottom: 47%; background-size:cover;}
}
@media(max-width:480px){
.PicList002796 li figure a::before{width: 50px;height: 50px;margin-left: -25px;margin-top: -25px;}
.PicList002796 li figure a::after{border-top-width: 10px;border-bottom-width: 10px;border-left-width: 15px;margin-left: -3px;margin-top: -7px;}
}
@media(max-width:375px){
.PicList002796 li figure a::before{width: 40px;height: 40px;margin-left: -20px;margin-top: -20px;}
}

@media(max-width:1362px){
	.network_l{ width: 100%;}
	.network_r{ display: none;}
	.net_work_mid{ margin-top: 0px;}
}


@media(max-width:1818px){
	.in01a_c li .in01a_d em b{ font-size: 35px;}
}


@media(max-width:984px){
	.producta_b li { max-width: 33%;}
	
	}


.cor_bg{ height: 156px;width: 40%;} 
.cor_bg1{ background: rgba(36,54,100,0.5); width: 100%; padding-bottom: 10px; padding-top: 15px;}

.banner_word_ch{ color: #fff; font-size: 60px;letter-spacing:6px;}
.banner_word_eng{ color: #fff; font-size: 30px; letter-spacing:4.9px; margin-top: -10px;}
.cor_bg_tit{ width: 90%; margin: 0px auto;}

.cor_bg_bot_word{color: #fff; font-size: 30px; margin-top: 10px; }
.just{ text-align: justify;}



@media(max-width:1774px){
	.cor_bg{ width: 55%;}
	
}
@media(max-width:1344px){
	.cor_bg{ width: 60%;}
	
}
@media(max-width:1120px){
	.cor_bg{ width: 70%;}
	
}

@media(max-width:966px){
	.cor_bg{ width: 80%;}
	
}
@media(max-width:838px){
	.cor_bg{ width:90%;}
	.banner_word_ch{ font-size: 40px;}
	.banner_word_eng{  font-size: 20px; letter-spacing:1px;}
	.cor_bg_bot_word{ font-size: 20px;}
	
}

@media(max-width:554px){
	
	.banner_word_ch{ font-size: 30px;}
	.cor_bg_bot_word{ font-size: 18px;}
	}

.btn, [data-fancybox] {
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0,0,0,0.03);
}

.btn.btn-arrowCircle.skin-fff {
    -webkit-filter: grayscale(100%) brightness(500%);
    filter: grayscale(100%) brightness(500%);
}

.btn.btn-arrowCircle {
    display: inline-block;
    vertical-align: top;
    position: relative;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    color: #e72028;
    white-space: nowrap;
}

.btn.btn-arrowCircle:before {
    content: " ";
    position: absolute;
    right: -16px;
    top: -2px;
    width: 40px;
    height: 40px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-width: 2px;
    border-style: solid solid none none;
    border-color: rgba(231,32,40,0.2) rgba(231,32,40,0.2) transparent transparent;
    border-radius: 50%;
}

.btn.btn-arrowCircle:after {
    margin-left: .24rem;
    content: " ";
    display: inline-block;
    vertical-align: top;
    width: 30px;
    height: 36px;
    background-image: url(../images/arrowi-bdmore-c1.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.inner_about_by{ height: 135px; width: 100%; background: #f2f2f2; margin-bottom: 54px; margin-top: 54px;}
.inner_about_bg_mid{ width: 94.55%; margin: 0px auto;}
.xin_word{ line-height: 32px; padding-top: 35px; color: #0e0e0e; font-size: 16px;letter-spacing: 0.08rem;}



.zy_nav{ margin: 0 auto !important; border-bottom: 1px solid #dddddd; padding-bottom: 2%; padding-top: 2%;}
.zy_nav li{ text-align: center; color: #666666; border-right: 1px dashed rgba(0,0,0,0.1); cursor: pointer;}
.zy_nav li i{ color: #bababa; font-size: 40px; transition: 0.3s;}
.zy_nav li p{}
.zy_nav li span{ transition:0.3s;}
.zy_nav li:last-of-type{ border: none;}
.zy_nav li:hover span,.zy_nav li:hover i{ color: #054994;}
@media screen and (max-width:768px){
    .zy_nav li{ margin-top: 5%;}
}





/* 20220302 */
.Floor001054 ul.slick-slider {
    display: block;
}
.NewsList.update0302 { text-align: center; margin: 0px auto;}
.NewsList.update0302 .left,.NewsList.update0302 .right {
    width: auto;float: left;
}

.NewsList.update0302 .left img {
    display: inline-block;
    margin-right: 15px;
}

.NewsList.update0302 ul li a:hover {
    padding: 3vw 4vw;
}

.NewsList.update0302 ul li a:hover .h3 {
    margin-top: 0;
}

/*.NewsList.update0302 ul .ptm{ margin-right:1%;}*/
.NewsList.update0302 ul li:nth-child(1n) {
    margin-right: 1%;
	margin-left: 1%;
}
.NewsList.update0302 ul li:nth-child(2n) {
    margin-right: 1%;
}
.NewsList.update0302 ul li:nth-child(3n) {
    margin-right: 1%;
}

.NewsList.update0302 ul li:nth-child(4n) {
    margin-right: 0;
	
	
}

.photoMask {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    z-index: 1020;
    text-align: center;
    opacity: 0;
    left: 120%;
    -webkit-transition: opacity .3s .3s;
    transition: opacity .3s .3s;
}
.photoMask.active{
    opacity: 1;
    left: 0;
}

.photoMask .popInner {
    display: inline-block;
    vertical-align: middle;
    width: 1500px;
    margin: auto;
    padding: 30px 0;
    background: #fff;
    position: relative;
    max-width: 96%;
}

.photoMask:before {content: "";display: inline-block;vertical-align: middle;height: 100%;}

.photoMask .popInner .close {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 30px;
    height: 30px;
    z-index: 40;
    background: url(../images/fancybox_sprite.png) no-repeat center;
    cursor: pointer;
    background-position: -3px -3px;
}

.photoslider .item {
    padding: 0 20px;
    text-align: center;
}

.photoslider .item h3 {
    font-size: 14px;
    margin: 10px;
    white-space: nowrap;
    overflow: hidden;
}
.photoslider  .slick-prev {
    position: absolute;
    font-size: 0;
    width: 30px;
    height: 30px;
    background:url(../images/fancybox_sprite.png) no-repeat center;
    left: 5px;
    top: 50%;
    margin-top: -10px;
    border-radius: 50%;
    background-position: -3px -38px;
}
.photoslider  .slick-next {
    position: absolute;
    font-size: 0;
    width: 30px;
    height: 30px;
    background:url(../images/fancybox_sprite.png) no-repeat center;
    right: 5px;
    top: 50%;
    margin-top: -10px;
    border-radius: 50%;
    background-position: -3px -74px;
}
.photoslider {
    padding: 0 40px;
}
@media(max-width:960px){
    .NewsList.update0302 ul li {
        width: 100% !important;
        margin-right: 0 !important;
    }
    
    .NewsList.update0302 ul li a {
        height: auto;
    }
    
}


/* 新闻列表 */
.NewsList {  }
.NewsList .ny_title{font-size: 36px;color: #0088d1;margin-bottom: 2vw;text-align: center;}
.NewsList .left { position: relative; z-index: 2;}
.NewsList .left .time { color: #333; background: rgba(255, 255, 255, 0.8); position: absolute; top:0; left: 1vw; padding: 0 0.6vw 6px 0.6vw; text-align: center; transition: all 0.5s; font-size: 12px;  }
.NewsList .left .time span { display: block; }
.NewsList .left .time .date { font-size: 20px; margin: 0; }
.NewsList .right { position: relative;z-index: 2;}
.NewsList .right .h3 { font-size:16px;color: #333;  margin: 0;line-height: 50px; }
.NewsList .right .p { color: #999; font-size: 14px; line-height: 2em;}
.NewsList .right .more { color: #999;font-size: 12px;line-height: 34px;padding: 0 1vw;display: inline-block; 
transition: .3s; background: #F5F5F5;border-radius: 50px;}
.NewsList ul li { float: left;
    width: 32%; margin-right: 3%;
    }
.NewsList ul li:nth-type(4){ margin-right: 0px;}
.NewsList ul li:nth-child(3n){margin-right: 0;}

.NewsList ul li a{position:relative;display: block;/*background: #eee;*/ padding-top: 3vw;
    padding-right: 3vw;
    padding-bottom: 3vw;
    padding-left: 3vw;/*transition: .3s;*/ height: 176px;}
.NewsList ul li a:before {position:absolute;content:'';width: 100%;height:100%;top:0;left:0;background: #eee;transition: 0.3s;animation-duration: 3s;z-index: 1;}
.NewsList ul li a img{display: block;}
.NewsList ul li a img:nth-child(2){display:none;}

.NewsList ul li a:hover {box-shadow: 0px 0 10px rgba(0,0,0,0.1); /*transform: rotatey(360deg) ;*/ padding:1vw; }
.NewsList ul li a:hover .time { color: #fff; background-color: #0088d1;}
.NewsList ul li a:hover .more { color: #0088d1; }
.NewsList ul li a:hover .more span { background-position: center bottom; }
.NewsList ul li a:hover img{display: none;}
.NewsList ul li a:hover img:nth-child(2){display:inline-block; height: 130px;}
.NewsList ul li a:hover .right{width: 50%;}
.NewsList ul li a:hover .h3{margin-top: 40px;color: #fff;}
.NewsList ul li a:hover .dott{margin-top: 20px;color: #fff;}
.NewsList ul li a:hover{background-color: rgba(0,0,0,0.7); }
.NewsList ul li a:hover:before {background-color: rgba(0,0,0,0.7); transform: rotatey(180deg) ;}



/*product*/
.producta{height: auto;overflow: hidden;background: #f5f5f5;}
.pltit_a{color: #999;text-transform: uppercase;} 
.pltit_a span{color: #d10000;} 
.pltit_b{height: auto;overflow: hidden;padding-left: 5.5rem;}
.pltit_b strong{display: block;}
.pltit_b p{color: #999;}
.prolist li a{display: block;transition:.4s;}
.pimga{display: block;width: 100%;height: 0;padding-bottom: 68%;position: relative;overflow: hidden;}
.pimga i{position: absolute;z-index: 2;height: 100%;width: 100%;background: rgba(0,0,0,0);padding-top: 10%;text-align: center;transition:.4s;}
.pimga i em{font-size: 60px;color: #fff;opacity: 0;transition:.4s;}
.pimga i p{color: #fff;opacity: 0;transition:.4s;}
.pimga img{display: block;max-width: 100%;transition: all .5s ease 0s;}
.pfonta{height: auto;overflow: hidden;background: #fff;transition:.4s;}
.pfonta p{display: block;color: #999;line-height: 35px;transition:.4s;}
.pfonta span{display: block;color: #222;transition:.4s;}
.prolist li a:hover {box-shadow: rgba(0,0,0,0.1) 0px 0px  7px 4px;transform: translate3d(0,-10px,0);}
.prolist li a:hover img{transform: scale(1.03)}
.prolist li a:hover .pfonta{background:#054994;color: #fff; }
.prolist li a:hover .pfonta p{color: #fff; }
.prolist li a:hover .pfonta span{color: #fff; }
.prolist li a:hover .pimga i{background: rgba(0,0,0,.6);padding-top: 30%;}
.prolist li a:hover .pimga em{opacity: 1;}
.prolist li a:hover .pimga p{opacity: 1;}
.icon-24gf-plusCircle:before {
  content: "\e891";
}

.tishi{ text-align: center; margin-bottom: 40px; font-size: 16px;}

.allmbox1{
    position: relative;
    overflow: hidden;
    height: 100%;
}
.home-next{
    position: absolute;
    bottom: 0;
    left: 40px;
    z-index: 1;
}
.allmoreButton {
    display: block;
    width: 217px;
    height: 60px;
    background: #2f7ef0;
    color: #FFF;
    font-size: 17px;
    line-height: 60px;
    text-align: center;
}

.allmoreButton i,.allmoreButton span,.allmoreButton strong {
    display: inline-block;
    vertical-align: middle
}
.allmoreButton i{
    font-size:30px;
}
.allmoreButton strong{
    margin-right: 22px;
    letter-spacing: 2px;
    font-weight: 500;
}
.allmoreButtonDot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #FFF;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.allmoreButton:hover .allmoreButtonDot{
    margin:0 3px;
}
.allmoreButtonLine {
    width: 46px;
    height: 1px;
    background: #FFF;
    transition: all .5s ease 0s
}

.allmoreButton:focus,.allmoreButton:hover {
    color: #FFF
}

.allmoreButton:hover .allmoreButtonLine {
    width: 60px
}



/*home banner*/
.section .warpper{
    height: 100%;
}
.section-home .swiper-container{
    width: 100%;
    height: 100%;
}
.section .swiper-container .swiper-wrapper{
    width: 100%;
    height: 100%;
}
.section .swiper-container .swiper-slide{
    width: 100%;
    height: 100%;
}
.section-home .bannerImg{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.section-home .bannerImg .imgBg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.section-home .slide1 .imgBg{
    background: url("../images/banner2-bg.jpg") no-repeat center / cover;  
}



.section-home .slide1 .bannerText{
    position: absolute;
    bottom: 49%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
    width: 90%;
    text-align:center;
}
.section-home .slide1 .bannerText .banTextfir{
    font-size:54px;
    letter-spacing: 8px;
    color:#fff;
    font-weight: 700;
}
.section-home .slide1 .bannerText .banner2Line{
    display: block;
    margin: 20px auto;
    width: 45%;
    height: 1px;
    background: rgba(255,255,255,.2);
    transition: all .5s ease 0s;
}
.section-home .slide1 .bannerText .banner2Text{
    font-size: 26px;
    color: #fff;
    margin-bottom: 10px;
    letter-spacing: 2px;
}
.section-home .slide1 .bannerText .banner2Textlast{
    font-size:18px;
    color:rgba(255,255,255,0.7);
}

/*.section-home .slide1 .bannerText{
    position: absolute;
    width: 100%;
    text-align:center;
    top:50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color:#fff;
    z-index: 3;
}
.section-home .slide1 .bannerText .fir{
    font-size: 54px;
    font-weight: 700;
    text-shadow: 0px 0px 10px #353535;
    letter-spacing: 8px;
}
.section-home .slide1 .bannerText .sec{
    font-size:26px;
    margin-top: 1%;
}
.section-home .slide1 .bannerLine{
    z-index: 2;
    position: absolute;
    width: 100%;
    text-align:center;
    top:50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.section-home .slide1 .bannerLine img{
    max-width: 100%;
    margin:0 auto;
}*/
.section-home .slide2 .imgBg{
    background: url("../images/banner1-bg.jpg") no-repeat center / cover;
}
@keyframes bannerimgAnimate {
    0% {
        transform: scale(1.1);
        animation-timing-function: ease-in;
    }
    100% {
        transform: scale(1);
        animation-timing-function: ease-out;
    }
}
.bannerimgAnimate {
    -webkit-animation-name: bannerimgAnimate;
    animation-name:bannerimgAnimate;
}
.allmbox1 .swiper-slide-active .imgBg {
    animation: bannerimgAnimate 6s linear 0s;
}
.section-home .slide2 .bannerText{
    position: absolute;
    bottom: 49%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
    width: 90%;
    text-align:center;
}
.section-home .slide2 .bannerText .banTextfir{
    font-size:54px;
    letter-spacing: 8px;
    color:#fff;
    font-weight: 700;
}
.section-home .slide2 .bannerText .banner2Line{
    display: block;
    margin: 20px auto;
    width: 45%;
    height: 1px;
    background: rgba(255,255,255,.2);
    transition: all .5s ease 0s;
}
.section-home .slide2 .bannerText .banner2Text{
    font-size: 26px;
    color: #fff;
    margin-bottom: 10px;
    letter-spacing: 2px;
}
.section-home .slide2 .bannerText .banner2Textlast{
    font-size:18px;
    color:rgba(255,255,255,0.7);
}

.section-home .slide3 .imgBg{
    background: url("../images/banner3-bg.jpg") no-repeat center / cover;
}
/*.section-home .slide3 .bannerText{
    position: absolute;
    width: 100%;
    text-align: center;
    top: 22%;
    color: #fff;
    z-index: 3;
}
.section-home .slide3 .bannerText .fir{
    font-size: 54px;
    font-weight: 700;
    text-shadow: 0px 0px 10px #717171;
    letter-spacing: 8px;
}
.section-home .slide3 .bannerText .sec{
    font-size: 26px;
    margin-top: 1%;
    text-shadow: 0px 0px 7px #717171;
}*/



.section-home .slide3 .bannerText{
    position: absolute;
    bottom: 49%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
    width: 90%;
    text-align:center;
}
.section-home .slide3 .bannerText .banTextfir{
    font-size:54px;
    letter-spacing: 8px;
    color:#fff;
    font-weight: 700;
}
.section-home .slide3 .bannerText .banner2Line{
    display: block;
    margin: 20px auto;
    width: 45%;
    height: 1px;
    background: rgba(255,255,255,.2);
    transition: all .5s ease 0s;
}
.section-home .slide3 .bannerText .banner2Text{
    font-size: 26px;
    color: #fff;
    margin-bottom: 10px;
    letter-spacing: 2px;
}
.section-home .slide3 .bannerText .banner2Textlast{
    font-size:18px;
    color:rgba(255,255,255,0.7);
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}
.swiper-container-banner .swiper-pagination{
    bottom: 5%;
    margin: 0;
}
.swiper-container-banner .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    background: #fff;
    opacity: 1;
    /* border-radius: 0; */
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s; margin: 0 4px;
}
.swiper-container-banner .swiper-pagination-bullet-active{
    width: 36px;
    background: #2f7ef0;
    border-radius: 6px;
}

.foot_contact{ width: 90%; margin-bottom: 20px; }
.foot_contact li{ color: #fff; font-size: 16px;margin-left: 10.22%;}
.foot_contact li .icon-dianhua12{ font-size: 18px;}
.foot_contact li .icon-icon-mail{ font-size: 18px;}





/*ipro*/
.ipro{ margin-top: 80px; }
.ipro-md{margin-top: 45px;}
.ipro-md .hdd{padding:0 50px;position: relative;}
.ipro-md .mySwiper{overflow: hidden;width:100%}
.ipro-md .mySwiper .swiper-slide{font-size: 15px;display: flex;flex-direction: column;align-items: center;justify-content: center;height: 42px;transition: all .5s;cursor: pointer;}
.ipro-md .mySwiper .swiper-slide i{font-size: 45px;line-height: 1.5}
.ipro-md .mySwiper .swiper-slide p{font-size: 16px;}
.ipro-md .mySwiper .swiper-slide-thumb-active,.ipro-md .mySwiper .swiper-slide:hover{ color:#104280;background-size:100% 100%;}


.ipro-md .mySwiper .swiper-slide::after {
    content: '';
    width: 80%;
    height: 2px;
    background: #104280;
    position: absolute;
    left: 10%;
    bottom: 1px;
    display: none;
}
.ipro-md .mySwiper .swiper-slide-thumb-active::after {
    display: block;
}

.ipro-md .hdd .next{position: absolute;right:0px;top:0px;z-index: 2}
.ipro-md .hdd .prev{position: absolute;left:0px;top:0px;z-index: 2}
.ipro-md .hdd .next i,.ipro-md .hdd .prev i{color:#474747;font-size: 30px;cursor: pointer;}
.ipro-md .hdd .next:hover i,.ipro-md .hdd .prev:hover i{color:var(--zhu-color);}
.ipro-md .mySwiper2{overflow: hidden;margin-top: 45px;}
.ipro-md .mySwiper2 .swiper-slide{display: flex;flex-direction: row;}
.ipro-md .mySwiper2 .swiper-slide .left{width:776px;height: 472px}
.ipro-md .mySwiper2 .swiper-slide .left img{width:100%;height: 100%;object-fit: cover;}
.ipro-md .mySwiper2 .swiper-slide .right{width:calc(100% - 776px);position: relative;padding:45px;}
.ipro-md .mySwiper2 .swiper-slide .right .hd{position: relative;}
.ipro-md .mySwiper2 .swiper-slide .right .hd .t1{font-size: 24px;color:#333;}
.ipro-md .mySwiper2 .swiper-slide .right .hd .t2{color:#999999;text-transform: uppercase;}
.ipro-md .mySwiper2 .swiper-slide .right .hd:before{content:'';width:85px;height: 3px;background: var(--zhu-color);position: absolute;bottom:10px;left:0;transition: all .5s}
.ipro-md .mySwiper2 .swiper-slide .right .hd:after{content:'';width:40px;height: 3px;background: var(--zhu-color);position: absolute;bottom:0px;left:0;transition: all .5s}
.ipro-md .mySwiper2 .swiper-slide .right .md{font-size: 16px;color:#666666;line-height: 36px;margin:30px 0;-webkit-line-clamp:4;}
.ipro-md .mySwiper2 .swiper-slide .right .bd a{width:164px;height: 50px;border-radius: 3px;background: var(--zhu-color);color:#fff;text-align: center;line-height: 50px;margin-right:45px;display: block;float: left;position: relative;overflow: hidden;}
.ipro-md .mySwiper2 .swiper-slide .right .bd a:before{content:'';width:0;height: 100%;position: absolute;left:50%;transform: translateX(-50%);background: var(--pei-color);transition: all .5s}
.ipro-md .mySwiper2 .swiper-slide .right .bd a span{position: relative;z-index: 2;}
.ipro-md .mySwiper2 .swiper-slide .right .bd a:hover:before,.ipro-md .mySwiper2 .swiper-slide .right .bd a.active:before{width:100%;}
.ipro-md .mySwiper2 .swiper-slide .right .flag{width:44px;height: 67px;background: url(../images/ipro-md-flag.png);line-height: 60px;font-size: 16px;color:#fff;position: absolute;top:0;right:45px;text-align: center;}
.ipro-md .mySwiper2 .swiper-slide .right:hover .hd:before{width:100px;}
.ipro-md .mySwiper2 .swiper-slide .right:hover .hd:after{width:50px;}

.ipro-cate{padding:15px 5px;display: none}
.ipro-cate a{padding:3px 10px;border:solid 1px #eee;display: inline-block;margin:3px;color:#333;}



@media(max-width: 1400px){
	.ipro-md .mySwiper2 .swiper-slide .left{width:700px;}
	.ipro-md .mySwiper2 .swiper-slide .right{width:calc(100% - 700px);}
	.ipro-md .mySwiper2 .swiper-slide .right .bd{display: flex;flex-direction: row;justify-content: space-between;}
	.ipro-md .mySwiper2 .swiper-slide .right .bd a{margin-right:0;}
}
@media(max-width: 1200px){
	.ipro-md .mySwiper2 .swiper-slide .left{width:600px;height: 400px}
	.ipro-md .mySwiper2 .swiper-slide .right{width:calc(100% - 600px);}
	.ipro-md .mySwiper2 .swiper-slide .right .md{line-height: 28px}
}
@media(max-width: 992px){
	.ipro-md .mySwiper2 .swiper-slide{flex-direction: column;}
	.ipro-md .mySwiper2 .swiper-slide .left{width:100%;text-align: center;height: auto}
	.ipro-md .mySwiper2 .swiper-slide .left img{width:100%;height: auto;}
	.ipro-md .mySwiper2 .swiper-slide .right{width:100%;}
}
@media(max-width: 576px){
	.ipro-md{display: none;}
	.ipro-cate{display: block;}
	.ipro-md .hdd{padding:0;}
	.ipro-md .hdd .next,.ipro-md .hdd .prev{display: none;}
	.ipro-md .mySwiper .swiper-slide{height: 80px}
	.ipro-md .mySwiper .swiper-slide i{font-size: 30px;}
	.ipro-md .mySwiper .swiper-slide p{font-size: 14px;}
	.ipro-md .mySwiper2{margin-top:15px;}
	.ipro-md .mySwiper2 .swiper-slide .right{padding:45px 15px 30px;}
	.ipro-md .mySwiper2 .swiper-slide .right .md{font-size: 14px;line-height: 24px}
	.ipro-md .mySwiper2 .swiper-slide .right .bd a{width:45%;height: 40px;line-height: 40px;}
	.ipro-bd{padding:15px 30px;}
	.ipro-bd .swiper-slide .txt .t1 p{font-size: 14px;}
	.ipro-bd .swiper-slide .txt .t1 i{font-size: 24px}

}







.case-listt li {

    float: left;
    margin: 0 0.5% 25px;

    width: 10%;

}

 .case-listt li h1 {

   overflow: hidden;

    }

.case-listt li h1 img {

 display: block;

  transition-duration: .5s;

  }


.case-listt li p {

    



        font-size: 14px;



        font-weight: bold;



        text-align: center;



        line-height: 32px;



        white-space: nowrap;



        overflow: hidden;



        text-overflow: ellipsis;



        padding: 0 10px;



    }

    /*.case-list li:nth-child(3n) {margin-right: 0;}*/


    .case-listt li:hover h1 img {

        transform: scale(1.1)

    }

.sx{ font-size: 30px; text-align: center; color: #004da0; margin-bottom: 40px;}
.case_red_word{ text-align: center; color: #cc3479;}
.new_high{ margin-top: 45px;}