@font-face{font-family:sans;src:url(../fonts/SourceSansPro-Regular.woff)}
@font-face{font-family:sans_b;src:url(../fonts/SourceSansPro-Bold.woff)}
.show{display:block!important}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes fadeIn{0%{opacity:0}
to{opacity:1}
}
@keyframes fadeIn{0%{opacity:0}
to{opacity:1}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
.nav_ul._flex li{position:relative}
.nav_ul._flex li:hover .erji{opacity:1;height:auto;max-height:200px}
.erji{position:absolute;top:20px;left:-15px;z-index:200;background:#fff;padding:6px 15px;width:max-content;line-height:1.5;opacity:0;max-height:0;transition:all .5s}
.bg-section4_2{background:url(../images/ggsprites.png) -167px -175px}
.bg-section4_3{background:url(../images/ggsprites.png) -5px -175px}
.bg-section4_1{background:url(../images/ggsprites.png) -86px -175px}
.bg-section4_1,.bg-section4_2,.bg-section4_3{width:71px;height:67px;margin:0 auto 20px}
.bg-last_logo{width:147px;height:160px;background:url(../images/ggsprites.png) -5px -5px;margin:0 auto}
.bg-section1_1,.bg-section1_2,.bg-section1_3,.bg-section1_4{width:45px;height:45px}
.bg-section1_4{background:url(../images/ggsprites.png) -288px -102px}
.bg-section1_3{background:url(../images/ggsprites.png) -343px -102px}
.bg-section1_1{background:url(../images/ggsprites.png) -398px -102px}
.bg-section1_2{background:url(../images/ggsprites.png) -453px -102px}
.bg-section3_1{width:450px;height:46px;margin:0 auto;background:url(../images/ggsprites.png) -162px -5px}
.bg-section3_2{width:58px;height:58px;margin:0 auto;background:url(../images/ggsprites.png) -162px -102px}
.bg-nav_tb{width:34px;height:27px;background:url(../images/ggsprites.png) -472px -61px;margin:20px;display:none}
a,body,dd,div,dl,dt,h1,h2,h3,h4,h5,li,p,table,td,tr,ul{padding:0;margin:0;list-style:none}
html{font-size:50px;height:100%}
body{font-family:sans;font-size:14px;color:#000;height:100%}
a{color:#666;text-decoration:none}
a:hover{text-decoration:none}
img{border:0;max-width:100%;vertical-align:middle}
._flex{display:flex;display:-ms-flexbox;display:-webkit-flex}
.clear{clear:both}
.icon{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}
.wid{width:1400px;margin:0 auto}
.wid:after{content:"";display:block;clear:both}
.mid{width:1200px;margin:0 auto;box-sizing:border-box}
.mid:after{content:"";display:block;clear:both}
.sid{width:1100px!important;margin:0 auto}
.sid:after{content:"";display:block;clear:both}
.switch{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:9999;box-shadow:0 0 6px rgba(0,0,0,.25)}
.switch-panel{background:#fff}
.switch-panel li{display:flex;align-items:center}
.switch-panel li:hover{margin-right:0}
.switch-panel li>a{display:inline-block;padding:12px;border-bottom:solid 1px #dedede}
.switch-panel li>a:hover{background:#106acf}
.switch-panel li>a:hover i{color:#fff}
.switch-panel i{font-size:25px}
.switch-panel span{position:absolute;display:none;white-space:nowrap;box-shadow:0 0 6px rgba(0,0,0,.25);background:#fff;width:auto;padding:15px;box-sizing:border-box;align-items:center;right:0}
.switch-panel span i{padding-right:5px}
.switch-panel:hover span{display:flex}
.search h2{font-size:35px;padding-bottom:35px;text-align:center}
#search_bt{cursor:pointer}
.input-group{position:relative;border-bottom:1px solid #000}
.input-group input::-webkit-input-placeholder{color:#666;font-size:14px}
.input-group input:-moz-placeholder{color:#666;font-size:14px}
.input-group input::-moz-placeholder{color:#666;font-size:14px}
.input-group input:-ms-input-placeholder{color:#666;font-size:14px}
.input-group .btn{background:#fff;border:none;position:absolute;right:0;outline:0}
.form-control{border:none;outline:0}
.header{width:100%;z-index:99}
.header::before{content:'';background:#fff;height:75px;width:100%;top:0;left:0;position:absolute;z-index:-1}
.header_bk{background:#fff;padding:5px 0}
.header_part{justify-content:space-between}
.header_nav{width:70%}
.header_logo{align-items:flex-end;position:relative;justify-content:space-between}
.header_logo img{padding:8px 0;width:160px;padding-right:25px;position:relative;max-width:160px}
.header_bt{position:absolute;right:0;top:15px}
.header_bt ol{margin:0;padding:0 15px}
.header_bt i{color:#8b8989;display:inline-block;font-size:16px}
.header_bt li{margin:0 8px}
.header_logo_msg{padding-left:15px;border-left:solid 1px #ccc}
.header_logo_msg h4{color:#f10c0c;padding-bottom:5px;font-size:23px}
.header_logo_msg p{color:#f10c0c}
.nav_ul{justify-content:space-between;align-items:center}
.nav_ul a{font-size:16px;display:block}
.nav_ul a:hover{color:#dd333c}
.nav_title{color:#dd333c;font-size:25px;padding:5px 20px}
.header_nav .nav1{position:absolute;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);padding-top:15px;display:none;z-index:99}
.header_nav .nav1 a{display:block!important;padding:13px 20px!important;color:#666!important;background:#fff}
.header_nav .nav1 a:hover{color:#86b7e4!important;background:#fff!important}
.banner{position:relative}
.banner_part{height:800px;background-position:center;background-size:cover!important}
.banner_title{width:620px;padding:45px 30px 25px 30px;box-sizing:border-box;position:absolute;top:45%;transform:translate(-18%,-45%);z-index:9;left:18%}
.banner_title h2{font-family:sans_b;color:#fff;font-size:48px;font-style:oblique;padding-bottom:13px}
.banner_title .h3{font-family:sans_b;color:#106acf;font-size:38px;padding-bottom:20px;text-transform:uppercase}
.banner_title span{color:#fff;font-size:20px;display:block;line-height:27px;padding-bottom:45px}
.banner_title a{display:inline-block;padding:15px 40px;background:linear-gradient(#dcdcdc,#fff,#dcdcdc);background:-ms-linear-gradient(#dcdcdc,#fff,#dcdcdc);background:-webkit-linear-gradient(#dcdcdc,#fff,#dcdcdc);background:-moz-linear-gradient(#dcdcdc,#fff,#dcdcdc);border-radius:6px;color:#106acf;font-style:oblique;font-family:sans_b}
.swiper-bt .swiper-pagination-bullet{width:30px;border-radius:5px;height:5px}
.swiper-bt .swiper-pagination-bullet-active{background:#cecece}
.swiper-project{padding:0 80px}
.swiper-project2{padding:0 80px}
.section1{padding:4% 0}
.section1 .section_item{width:25%;padding:30px 35px 50px 35px;box-sizing:border-box;text-align:center}
.section1 .section_item .item_img{background:#fff;width:87px;height:87px;border-radius:100%;margin:auto;display:flex;justify-content:center;align-items:center}
.section1 .section_item h3{font-size:23px;letter-spacing:2px;padding:18px 0;color:#fff}
.section1 .section_item p{color:#fff;text-align:left;font-family:sans_l;font-size:15px;line-height:25px}
.section3{background-image:url(../images/banner3.jpg);padding:5% 0;text-align:center;position:relative;background-attachment:fixed;background-size:cover}
.section3::before{content:'';position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(83,152,216,.7)}
.section3 .section_part{z-index:99;position:relative}
.section3 .section_item:first-child{padding-bottom:4%}
.section4{padding:4% 0}
.section4 .section_part{justify-content:space-between}
.section4 .section_item{text-align:center;width:25%}
.section4 .section_item .h2{font-size:55px;color:#042854;font-family:sans_b;padding-bottom:20px;border-bottom:solid 3px #a7a7a7}
.section4 .section_item span{display:block;color:#13d1fa;padding:25px 0;font-size:15px}
.section5{padding:2% 0}
.section5 .section_item{width:100%;flex-wrap:wrap}
.section5 .section_pc{width:calc(100%/3);box-sizing:border-box;text-align:center;padding:15px}
.section5 .section_pc img{width:100%}
.section5 .section_pc h3{font-family:sans_b;font-weight:700;padding:5px 0;font-size:23px;font-style:oblique}
.section5 .section_pc_part{position:relative}
.section5 .section_pc_img{position:absolute;top:0;z-index:-1;width:100%}
.section5 .section_pc_top{opacity:1;z-index:99;transition:.6s}
.nabber_text p{color:#fff;padding-bottom:10px;font-weight:400;font-size:16px;line-height:24px}
.footer{padding-bottom:400px;background-image:url(../images/2020.jpg);background-position:bottom;padding-top:4%;position:relative;background-repeat:no-repeat}
.footer .footer_item{width:33%}
.footer .footer_item .h3{color:#19a3d1;font-size:20px;padding-bottom:20px;text-transform:uppercase}
.footer .footer_item li{color:#255c89;font-size:15px;padding-bottom:10px;line-height:25px}
.footer .footer_item a{color:#255c89;text-transform:uppercase}
.footer .footer_last{width:100%;text-align:center;position:absolute;bottom:0;left:0}
.footer .footer_last span{background:#21345e;color:#fff;display:block;padding:10px 0;text-align:center;margin-top:15px}
.nbanner{background-position:center;position:relative}
.nbanner_part{display:flex;height:500px;text-align:center;align-items:center;justify-content:center;box-sizing:border-box}
.nbanner_part h3,.nbanner_part h3 a{padding-bottom:10px;color:#86b7e4;font-weight:bolder;font-size:14px;font-family:zb_b}
.nbanner_part h3 li{display:inline-block}
.nbanner_part h2{font-size:38px;color:#fff;font-weight:700;text-transform:uppercase}
.nbanner_nav{position:absolute;bottom:20px;left:3%}
.feedback1{background:rgba(0,0,0,.04);padding:3% 0}
.feedback1 .feedback_part{justify-content:space-between}
.feedback1 .feedback_center{width:30%;text-align:center;padding:40px 20px;background:#fff;box-sizing:border-box}
.feedback1 .feedback_center:hover{box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}
.feedback1 .feedback_center i{font-size:45px;color:#427aae;padding-bottom:20px;display:block}
.feedback1 .feedback_center h5{margin-bottom:20px;word-spacing:normal;color:#85868c;font-weight:lighter;font-size:20px}
.feedback1 .feedback_center p{font-size:16px;line-height:18px;padding-bottom:13px;list-style:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;-o-user-select:none;user-select:text!important}
.feedback1 .feedback_center .feedback_msg{font-size:21px;list-style:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;-o-user-select:none;user-select:text!important}
.feedback2{padding-top:3%}
.feedback2 h2{text-align:center;font-size:35px;line-height:44px;font-weight:700;color:#222;padding-bottom:40px;position:relative}
.feedback2 h2::before{content:'';position:absolute;width:30px;height:3px;background:#427aae;bottom:20px;left:50%;transform:translateX(-50%)}
.feedback2 h3{margin-bottom:3%;color:#9e9e9e;text-align:center}
.pro_send{padding:2% 0}
.pro_send h2{text-align:center;font-size:35px;line-height:44px;font-weight:700;color:#222;padding-bottom:40px;position:relative}
.pro_send h2::before{content:'';position:absolute;width:30px;height:3px;background:#427aae;bottom:20px;left:50%;transform:translateX(-50%)}
.pro_send p{margin-bottom:3%;color:#9e9e9e;text-align:center}
.pro_send input{width:100%;font-size:14px;line-height:25px;padding:5px 12px;border:#e0e1e1 solid 1px;border-radius:1px;color:#8b8d94;margin-bottom:10px;box-sizing:border-box}
.pro_send textarea{width:100%;font-size:14px;line-height:25px;padding:5px 12px;border:#e0e1e1 solid 1px;border-radius:1px;color:#8b8d94;margin-bottom:10px;box-sizing:border-box}
.form_send a{display:inline-block;padding:9px 25px;background:#427aae;color:#fff}
.content{padding:5% 0}
.content .content_l{width:50%;padding:0 25px;box-sizing:border-box}
.content .content_r{width:50%;padding:0 25px;box-sizing:border-box}
.content h3{color:#333;margin-bottom:15px;font-size:40px}
.content p{color:#7f7f7f;font-weight:400;font-size:16px;line-height:24px;padding-bottom:10px}
.about1{padding-bottom:5%}
.about1 ._flex{align-items:center}
.about1 .content_l{border-right:3px solid #427aae}
.about1 .content_r{padding-left:50px}
.about1 h2{font-size:33px;line-height:40px;letter-spacing:1px}
.about1 h5{color:#333;font-size:24px;font-weight:400;line-height:32px}
.about2{padding-bottom:5%}
.about2 ._flex{align-items:center}
.about3{background:#f5f5f5;padding:3% 0;background-position:center;position:relative}
.about3 .wid{padding:0 25px;box-sizing:border-box;z-index:3;position:relative}
.about3 .content_item{width:30%;padding-top:25px;position:relative}
.about3 ._flex{justify-content:space-between}
.about3 .content_center{text-align:center;position:relative;padding-bottom:35px;width:80%;margin:auto}
.about3 .content_center::before{content:'';position:absolute;width:15px;height:3px;background:#427aae;bottom:15px}
.about3 .part h4{font-size:33px;text-transform:uppercase;line-height:40px;letter-spacing:2px;width:50%;padding-right:25px}
.about3 .part ul{width:50%}
.about3 .part li{font-size:25px;padding-bottom:10px;padding-left:20px;color:#666;position:relative}
.about4{padding-top:3%;background:#f5f5f5}
.about4 .content_center{text-align:center;position:relative;padding-bottom:35px;margin-bottom:4%}
.about4 .content_center::before{content:'';position:absolute;width:15px;height:3px;background:#427aae;bottom:15px}
.about4 .content_center p{width:80%;margin:auto}
.about4 h4{color:#333;margin-bottom:15px;font-size:30px}
.about4 ._flex p{font-size:18px}
.about4 ol{margin:0;padding:25px}
.about4 li{margin-bottom:25px}
.about4 li strong{font-size:25px;font-weight:700;display:block}
.about5{padding:3% 0}
.about5 .content_center{text-align:center;position:relative;padding-bottom:35px;margin-bottom:2%}
.about5 .content_center::before{content:'';position:absolute;width:15px;height:3px;background:#427aae;bottom:15px}
.about5 .content_center p{width:80%;margin:auto}
.about5-swiper{padding:0 80px}
.about5 .swiper-button-next{height:100%}
.about5 .swiper-button-prev{height:100%}
.rd1{padding-bottom:4%}
.rd1 .content_center p{width:80%;margin:auto}
.rd1 .content_center{text-align:center;position:relative;padding-bottom:35px;margin-bottom:4%}
.rd1 .content_center::before{content:'';position:absolute;width:35px;height:3px;background:-webkit-linear-gradient(bottom left,#e3000f,#ef7c00);bottom:15px}
.rd1 ._flex{align-items:center}
.rd1 ._flex h3{font-size:35px}
.rd2{padding:3% 0 3% 0;background:rgba(0,0,0,.04)}
.rd2 ._flex{padding:0 25px;justify-content:space-between}
.rd2 .content_item{width:30%}
.content_item_msg{text-align:center;padding:0 20px;box-sizing:border-box}
.content_item_msg h4{font-size:30px;padding:15px 0}
.content_item_msg p{line-height:28px}
.rd3{padding:3% 0;align-items:center;background:rgba(0,0,0,.04)}
.rd3 .rd_part{flex-wrap:wrap}
.rd3_part{width:50%;padding:25px;box-sizing:border-box}
.rd3_part i{line-height:32px;font-size:32px;border-radius:0;margin:0 0 25px 0}
.rd3_part h2{font-size:24px;margin-bottom:15px}
.rd3_part i{padding-bottom:20px;line-height:34px;font-family:proppnsbr;font-size:30px;color:#6787bf}
.prolist{background:#f5f5f5;padding-top:5%}
.prolist_part{display:flex;flex-wrap:wrap}
.prolist dl{width:calc(100%/3);padding-right:25px;padding-left:25px;padding-bottom:5%;box-sizing:border-box}

.prolist dt{position:relative; }
.prolist_a{position:absolute;bottom:0;left:0;width:100%;height:0%;opacity:0;background:rgba(0,0,0,.7);align-items:center;display:flex;transition:.6s;justify-content:center}
.prolist_a i{color:#fff;width:40px;height:40px;background:#666;border-radius:100%;text-align:center;line-height:40px;transition:.6s;display:block}
.prolist dt:hover .prolist_a{height:100%;opacity:1}

.prolist dd h3,.prolist dd h2{font-size:16px;text-align:center;padding:10px 0;background:#000;transition:.6s;color:#fff;font-weight:lighter}
.prolist dd h3:hover,.prolist dd h2:hover{background:#86b7e4}
.news_list{padding-bottom:.5rem;margin:5% 0;border-bottom:solid 1px #f3f3f3;align-items:center}
.news_list_pic{width:35%;padding:0 .4rem;text-align:center;overflow:hidden}
.news_list_text{width:65%;padding:0 .4rem}
.news_list_text h2{font-size:24px;font-weight:700;padding-bottom:1rem;position:relative}
.news_list_text h2::before{content:'';width:30px;height:2px;position:absolute;bottom:.6rem;background:#5c0c0c}
.des{font-size:15px;color:#6b6b6b;line-height:30px;padding-bottom:15px}
.new_bt{justify-content:space-between;padding-top:20px}
.time{font-size:15px;font-weight:700;color:#888}
.newcont_title{text-align:center;font-size:20px;font-weight:700}
.newcont_time{text-align:center;padding:15px 0;color:#d6d6d6;font-size:15px}
.mid_text{padding:2% 5%;line-height:1.5;color:#666}
.mid_text ul{padding-left:3%;margin-bottom:10px}
.mid_text ul li{font-size:16px;list-style:disc}
.mid_text p{font-size:16px;margin-bottom:10px;color:#7f7f7f}
.mid_text strong{color:#333}
.pro{margin:auto;width:90%}
.procont{padding-top:3%}
.procont_pic{padding:25px 25px 25px 0;box-sizing:border-box;width:55%}
.procont_pic img{width:100%;border:solid 1px #dcdcdc}
.pro_title{padding:25px 0 25px 25px;box-sizing:border-box;width:45%}
.pro_title h1{font-size:35px;padding-bottom:25px;text-transform:capitalize}
.procont_cont{font-size:15px;line-height:1.5}
.procont_cont p{padding-bottom:10px;line-height:1.5}
.procont_cont ul{padding-left:30px;margin:-10px auto 10px auto}
.procont_cont li{line-height:1.5}
.procont_cont span{font-size:17px;font-weight:700;margin-right:15px}
.pro_part{justify-content:space-between;padding-bottom:25px}
.pro_bt a{font-size:18px;align-items:center;display:flex;padding:5px 25px;border:solid 1px #eaeaea;font-size:16px;align-items:center;display:flex;border-radius:99px;transition:.6s}
.pro_bt i{font-size:25px}
.pro_bt a:hover{background:#c2191f;color:#fff}
.procont_title2{text-align:center;font-size:40px;margin-bottom:2vw}
.neirong{padding-right:25px;padding-left:25px;padding-bottom:2%;box-sizing:border-box}
.neirong p{color:#7f7f7f;font-weight:400;font-size:16px;line-height:24px;padding-bottom:10px}
.neirong strong{color:#333}
.pagelist{clear:both;font-size:12px;padding:20px 0;text-align:center}
.pagelist a{padding:5px 9px;border:solid 1px #ddd;background:#fff;text-decoration:none;margin:3px;color:#666}
#nowpage,.pagelist a:visited{padding:3px 8px;margin:3px;border:solid 1px #ddd;background:#fff;text-decoration:none}
#nowpage,.pagelist a:hover{color:#97262a;background:#fff;border-color:#97262a;text-decoration:none}
.mid_nav{padding:3% 25px;box-sizing:border-box}
.mid_nav_r{font-size:25px;font-weight:bolder;padding-right:25px}
.mid_nav_l{position:relative}
.mid_nav h3{min-width:350px;font-weight:lighter;border:solid 1px rgba(204,204,204,.5);padding:8px 16px 8px 16px;justify-content:space-between;align-items:center;cursor:pointer}
.mid_nav h3:hover{border:solid 1px rgba(146,146,146,.5)}
.mid_nav_ul{margin-top:15px;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04)}
.mid_nav_div{position:absolute;display:none;z-index:55;width:100%}
.mid_nav a{transition:.6s;display:block;font-family:proppns;color:#000;font-size:16px;margin:5px 0;padding:8px 16px 8px 16px}
.mid_nav a:hover{color:#e71538}
.mid_nav .act{color:#e71538}
.rd2 .swiper-bt{position:absolute;z-index:9;top:40%;transform:translateY(40%)}
.rd2 .swiper-bt i{font-size:30px;background:#3e5275;color:#fff;padding:2px 20px;cursor:pointer;transition:.6s}
.rd2 .swiper-bt i:hover{background:#6787bf}
.rd2 .swiper-eq-prev{left:0}
.rd2 .swiper-eq-next{right:0}
.swiper-eq2{padding:0 25px}
.eq2_center h4{font-size:20px}
.sv1{padding-top:3%}
.sv1 .content_center{text-align:center;position:relative;padding-bottom:35px}
.sv1 .content_center::before{content:'';position:absolute;width:15px;height:3px;background:#427aae;bottom:15px}
.sv1 .content_center p{width:60%;margin:auto}
.sv2{padding:3% 0}
.sv2 ._flex{justify-content:space-between}
.sv2 .content_item{width:23%;text-align:center;padding:25px;box-sizing:border-box;background:#fafafa}
.sv2 .content_item i{font-size:68px;color:#1574cc}
.sv2 .content_item h4{font-size:24px;font-weight:bolder;line-height:2em;margin-top:20px}
.sv2 .content_item p{font-size:16px;opacity:.8;margin:0;line-height:1.5}
.sv4 ._flex{justify-content:space-between;flex-wrap:wrap}
.sv4 .content_item{width:49%;margin:2% 0;text-align:center;position:relative}
.sv4 .content_item img{width:100%}
.sv4 .content_item_txt{position:absolute;bottom:0;left:0;width:100%;padding:15px 0 20px 0;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8))}
.sv4 .content_item_txt h4{font-size:26px;color:#fff}
.sv4 .content_item_txt p{color:#fff;opacity:.8}
.projects{margin:10px auto;padding:30px 0}
.projects_part{text-align:center}
.projects_part h1{color:#19a3d1;font-size:40px;text-align:center;padding-bottom:30px}
.projects_part h2{color:#19a3d1;font-size:30px;text-align:center;line-height:25px;padding-bottom:30px;text-transform:capitalize}
.projects_part p{color:#7f7f7f;font-weight:400;font-size:16px;line-height:24px;padding-bottom:10px;text-align:left}
.projects_center h3{font-size:16px;color:#353535;text-align:center;line-height:20px;height:50px;line-height:50px;margin:0}
.project_img{position:relative}
.project_img span{position:absolute;left:0;top:0;width:100%;height:100%;display:block;opacity:0;transition:320ms}
.project_img span:before{content:"";width:100%;height:0;border-left:2px solid #19a3d1;border-right:2px solid #19a3d1;box-sizing:border-box;position:absolute;left:0;top:0;transition:320ms}
.project_img span:after{content:"";width:0;height:100%;border-top:2px solid #19a3d1;border-bottom:2px solid #19a3d1;box-sizing:border-box;position:absolute;left:0;top:0;transition:320ms}
.project_img:hover span{opacity:1;transition:320ms}
.project_img:hover span:before{height:100%;transition:330ms .2s}
.project_img:hover span:after{width:100%;transition:330ms .2s}
.swiper-button-next,.swiper-button-prev{width:60px;top:0;margin-top:0;height:calc(100% - 50px);background-color:rgb(0,0,0,.5)}
.swiper-button-next{right:0}
.swiper-button-prev{left:0}
.project_bt{font-size:18px}
.project_bt a:hover{color:#19a3d1}
.video_ul{justify-content:space-between;flex-wrap:wrap}
.video_ul li{width:25%;padding-bottom:4%}
.video_title{text-align:center;font-size:20px;font-weight:700;display:none}
.video_part{text-align:center}
.video_part img{display:none}
.video_part video{width:300px;height:300px;background:#000}
.pageleft{position:absolute;bottom:0;width:100%;background:rgba(0,0,0,.5)}
.pageleftul{display:flex;justify-content:space-around;flex-wrap:wrap}
.pageleftul li a{color:#fff;display:block;padding:10px}

@media screen and (max-width:1399px){.mid,.wid{width:1200px;margin:0 auto}
.header_logo_msg{display:none}
#home-slider{display:none}
}
@media screen and (max-width:1199px){.mid,.wid{width:100%;padding:15px;box-sizing:border-box}
}
@media screen and (max-width:1100px){.sid{width:94%!important}
}
@media screen and (max-width:768px){.erji{display:none!important}
.header_nav{width:100%;display:none;position:absolute;left:0}
.input-group{left:0}
.switch{display:none}
.header_part{margin-top:15px;flex-wrap:wrap}
.nav_ul{flex-direction:column;align-items:baseline;width:100%;position:absolute;top:20px;left:0;background:#fff;z-index:200}
.header_bt{right:50%;transform:translateX(50%)}
.banner_part{height:400px}
.banner_title{width:80%;padding:20px 8px 15px 15px}
.banner_title .h3{font-size:18px;padding-bottom:12px;font-family:sans}
.banner_title a{padding:6px 15px}
.section5 .section_pc{width:50%;padding:0;margin:8px 0}
.section5 .section_pc h3{font-size:16px}
.section1 .section_part{flex-wrap:wrap}
.section1 .section_item{width:100%}
.section3{padding:100px 0}
.bg-section3_1{width:300px;height:31px;background:url(../images/ggsprites.png) -162px -61px}
.bg-section3_2{width:48px;height:48px;background:url(../images/ggsprites.png) -230px -102px}
.section4 .section_item{width:30%}
.section4 .section_item .h2{font-size:30px;padding-bottom:10px}
.section4 .section_item span{padding:15px 0}
.footer .footer_item .h3{padding:15px 0 3px 0;font-size:20px}
.footer .footer_item li{padding-bottom:3px;line-height:1.5}
.footer_part{flex-wrap:wrap}
.footer .footer_item{width:100%}
.sid{width:100%!important;overflow-x:hidden}
.bg-nav_tb{display:block;position:absolute;right:15px}
.input-group,.nav_ul a{padding:5px 0}
.about3 .part h4,.about3 .part ul,.content .content_l,.content .content_r{width:100%;padding:0}
.about1 ._flex,.about2 ._flex,.about3 ._flex,.about6._flex{flex-wrap:wrap}
.about1 h2{font-size:20px;line-height:1.5;letter-spacing:0;padding-bottom:8px;border-bottom:3px solid #427aae}
.about1 h5{font-size:16px;line-height:1.5;margin-top:8px}
.content .content_l{border-right:none}
.about3 .wid{padding:0}
.about3 .part{padding:0 15px}
.content p{font-size:16px;line-height:1.5}
.content h3,.rd1 ._flex h3{font-size:22px;margin-bottom:8px}
.about3 .part h4{font-size:17px;line-height:1.5;letter-spacing:0}
.about3 .part li{font-size:16px;padding:0;margin-top:8px}
.about5 .content_center{padding-bottom:18px}
.about4 .content_center p{width:82%}
.about4 ol{padding:16px}
.about4 li strong{font-size:22px}
.about4 ._flex p{font-size:16px;padding:0}
.content{padding:0}
.nbanner_part{height:400px}
.projects_part h2{font-size:26px}
.rd1 ._flex,.sv2 ._flex{flex-wrap:wrap}
.rd3_part{width:100%;padding:8px 0}
.sv1 .content_center p{width:90%}
.sv2 .content_item{width:100%;padding:15px}
.news_list_pic,.news_list_text{width:100%;padding:0}
.news_list{flex-wrap:wrap;padding:15px 0}
.feedback1 .feedback_center{width:100%}
.feedback1 .feedback_part{flex-wrap:wrap}
.pro,.pro_title,.procont_pic{width:100%;padding:0}
.procont{flex-wrap:wrap}
.prolist dl{width:100%}
.header_bt{display:none}
}