/*外部公共样式*/
@import "iconfont.css";
@import "bootstrap.min.css";
@import "../swiper/css/swiper.min.css";
/*END-外部公共样式*/
/*头部+导航+大图*/
.header{width:100%;top:0; z-index:999999;left: 0;position: fixed; background:rgba(1,87,176,0.4)}
.header_b{position: relative;}
.header_b::after{width: 100%;border-bottom: 0px solid #4d82fa;display: block;content: "";position: absolute;top: 90px;}
a{color:#222}
a:hover{ color:#f00}

.logo img{width:100%; max-width:360px; max-height:90px;padding: 20px 0;}
.header_R{width:64%;}

nav{position:relative;}
.nav{width:100%;/* display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap; */}
.nav>li{position:relative;width: 12.5%;}
.nav>li>a{width:100%; height:90px; line-height:90px; font-size:16px; color:#FFFFFF; text-align:center;font-family: "microsoft yahei";}
.nav>li:hover>a{color:#fff603;}
.nav>li>a.on{color:#fff603;}

.nav_sub{display:none; width:100%; float:left; padding-top:2px; position:absolute; left:0; top:100%; z-index:999999;background-color: #014efc;}
.nav_sub>dd{display:block; overflow:hidden;}
.nav_sub>dd>a{display:block; overflow:hidden; height:36px; line-height:36px; text-align:center; font-size:14px; color:#FFFFFF;}
.nav_sub>dd>a:hover{color:#fff603; background-color: #003fce;}

/*banner*/
.banner{width:100%; position:relative;}
.banner .banner-imgbox .swiper-slide img{width:100%;}
/*圆点*/
.banner .swiper-pagination {opacity:0; position: absolute; right:0; bottom:15px;}
.banner .swiper-pagination-bullet {width:14px; height:14px;  background:#706f6d; opacity:0.5; border-radius:50%; margin:0 6px;}
.banner .swiper-pagination-bullet-active{opacity:1; background:#706f6d;}
.banner:hover .swiper-pagination{opacity:1;} 
/*箭头*/
.banner .next{right:2%; position:absolute;top:50%; margin-top:-35px; width:38px; height:70px; background:url(../img/bibeiimg/next.jpg) no-repeat center center; overflow:hidden; opacity:0;  cursor:pointer; z-index:999999; transition:all 0.4s;}
.banner .prev{left:2%; position:absolute;top:50%; margin-top:-35px; width:38px; height:70px; background:url(../img/bibeiimg/prev.jpg) no-repeat center center; overflow:hidden; opacity:0; cursor:pointer; z-index:999999; transition:all 0.4s;}
.banner:hover .next{opacity:1;}
.banner:hover .prev{opacity:1;}
/*END-头部+导航+大图*/

/*首页内容*/
.cpzs{display: block;width: 100%;overflow: hidden;padding: 55px 10px 0px;}
.title{text-align: center;}
.title_t{font-size: 30px;color: #245cae;font-weight: bold;}
.title_p{font-size: 18px;font-family: arial;color: #666666;text-transform: uppercase;margin-top: 20px;}
.cpzs_m{margin-top: 45px;}
.cpzs_m .swiper-container{padding-bottom: 90px;}
.cpzs_m .swiper-slide{border: 1px solid #ccc;}
.cpzs_m .swiper-pagination{bottom: 40px;}
.cpzs_B{overflow: hidden;}
.cpzs_imgbg{background-position: center;background-size: cover;padding-top: 88%;transition: all 2s;}
.cpzs_xq{padding: 25px 40px;text-align: center;}
.cpzs_pt{font-size: 24px;color: #131313;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.cpzs_pp{font-size: 16px;color: #666666;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin: 20px 0;height: 50px;}
.cpzs_pbtn{width: 100%;height: 30px;line-height: 30px;background-color: #bcbcbc;color: #FFFFFF;font-size: 14px;border-radius: 15px;}
.cpzs_m .swiper-slide:hover .cpzs_imgbg{transform: scale(1.1);}
.cpzs_m .swiper-slide:hover .cpzs_pbtn{background-color: #245cae;}

.about{display: block;overflow: hidden;width: 100%;}
.about_m{width: 100%;display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;background-image: url(../img/images/aboout_bg_02.png);background-size: cover;}
.about_l{width: 980px;padding-left: 360px;}
.about_t1{font-size: 72px;color: #FFFFFF;font-family: arial;padding-top: 100px;text-align: right;}
.about_t1 span{font-size: 100px;color: #f4ef1d;text-transform: uppercase;}
.about_t2{font-size: 30px;color: #FFFFFF;line-height: 30px;margin-top: 60px;}

.about_tit{position: relative;}
.about_tit::after{display: block;content: "";width: 80px;height: 80px;background-color: rgba(146,174,215,0.7);position: absolute;left: -150px;top: 35px;z-index: 99;}
.about_tit::before{display: block;content: "";width: 30px;height: 30px;background-color: rgba(78,121,145,0.6);position: absolute;left: -40px;top: 120px;z-index: 99;}

.about_xq{background-image: url(../img/images/about_lbg_03.png);background-size: cover;width: 815px;padding: 35px 35px 35px 35px;position: relative;z-index: 99999;margin-top: 30px;}
.about_xqp{font-size: 16px;color: #131313;line-height: 30px;}
.about_btn{position: absolute;right: 35px;bottom: 30px;width: 145px;height: 36px;text-align: center;background-color: #FFFFFF;border: 1px solid #0157b0;line-height: 36px;border-radius: 18px;}
.about_btn a{color: #0157B0;}
.about_r{width: calc(100% - 980px);}
.about_rimg img{width: 100%;margin-top: -1px ;}
.about_rp{margin-left: 300px;}
.about_rt1{font-size: 14px;color: #FFFFFF;padding: 35px 0 40px 85px;background-image: url(../img/images/data_11.png);background-position: left center;background-repeat: no-repeat;line-height: 30px;}
.about_rt1 span{font-size: 30px;color: #FFFFFF;}

.ouys{display: block;overflow: hidden;width: 100%;padding: 60px 10px 0;}
.ys_m{padding-top: 80px;background-image: url(../img/images/ys_con_07.png);background-repeat: no-repeat;background-position: center center;padding-bottom: 80px;}
.ys_one{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.ys_onel{width: calc(100% - 630px);}
.ys_onel img{max-width: 100%;}
.ys_oner{width: 560px;}
.ys_tit{font-size: 30px;color: #131313;margin-top: 20px;}
.ys_tp{font-size: 14px;color: #999999;font-family: arial;text-transform: uppercase;padding: 15px 0 5px;}
.ys_p{font-size: 16px;color: #333333;display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;line-height: 30px;height: 60px;}
.ys_oner2{margin-top: 30px;}

.ys_two{margin-top: 40px;display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.ys_2tit{font-size: 30px;color: #131313;margin-top: 30px;}
.ys_2tp{font-size: 14px;color: #999999;font-family: arial;text-transform: uppercase;padding: 20px 0 10px;}
.ys_2p{font-size: 16px;color: #333333;line-height: 30px;}

.anli{display: block;overflow: hidden;width: 100%;background-image: url(../img/images/cpzs_bg_23.png);background-size: cover;padding: 50px 10px 0;}
.anli .title_t{color: #FFFFFF;}
.anli .title_p{color: #FFFFFF;}
.anli_tab{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: center;flex-wrap: wrap;margin-top: 40px;}
.anli_tab li{width: 200px;height: 40px;text-align: center;line-height: 40px;margin-right: 25px;}
.anli_tab li:last-child{margin-right: 0;}
.anli_tab li a{display: block;width: 100%;background-color: #FFFFFF;font-size: 20px;color: #131313;}
.anli_tab li:hover a{background-color: #f4ef1d;}
.anli_m{background-color: #FFFFFF;margin-top: 50px;padding: 5px 5px 0px;position: relative;}
.anli_B{overflow: hidden;}
.anli_imgbg{background-position: center;background-repeat: no-repeat;background-size: cover;padding-top: 100%;transition: all 2s;}
.anli_txt{ width:100%; text-align:center; font-size:15px; line-height:42px; border:1px solid #dedede; background:#f6f6f6}
.anli-next,.anli-prev{font-size: 36px;font-family: "宋体";color: #FFFFFF;position: absolute;top: 50%;transform: translateY(-50%);z-index: 99999;text-align: center;font-weight: bold;}
.anli-next{right: -30px;}
.anli-prev{left: -30px;}
.anli_m .swiper-slide:hover .anli_imgbg{transform: scale(1.1);}

.hz{display: block;overflow: hidden;width: 100%;padding: 60px 10px 20px;}
.hz_ul{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;margin-top: 55px;}
.hz_ul li{width: 260px;margin-bottom: 40px;}
.hz_B{overflow: hidden;border: 1px solid #CCCCCC;}
.hz_imgbg{background-position: center;background-repeat: no-repeat;background-size: cover;padding-top: 41%;transition: all 2s;}
.hz_ul .space{width: 260px;margin-bottom: 0;height: 0;}
.hz_ul li:hover .hz_imgbg{transform: scale(1.1);}

.footer{display: block;overflow: hidden;width: 100%;padding: 0px 0px 0;background-image: url(../img/images/footer_bg_02.png);background-size: cover;background-repeat: no-repeat;}
.f_m{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;padding: 0 10px;}
.f1{width: 400px;padding-right: 50px;}
.f_tit{margin-top: 35px;text-decoration: underline;font-size: 18px;color: #FFFFFF;}
.f1_ul{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;margin-top: 10px;}
.f1_ul li{width: 40%;line-height: 42px;border-bottom: 1px solid #FFFFFF;}
.f1_ul li a{font-size: 16px;color: #FFFFFF;}
.f1_ul li:hover a{color: #F4EF1D;}

.f2{padding-left: 40px;border-left: 1px solid #FFFFFF;border-right: 1px solid #FFFFFF;width: calc(100% - 800px);padding-bottom: 40px;}
.f2_p{margin-top: 16px;line-height: 34px;font-size: 16px;color: #FFFFFF;}

.f3{padding-left: 30px;width: 360px;}
.f3_xq{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;margin-top: 28px;}
.f3_img img{max-width: 100%; margin-right:8px;}
.f3_p{text-align: center;color: #FFFFFF;}

.bootom{border-top: 1px solid #FFFFFF;}
.bto{font-size: 14px;color: #FFFFFF;line-height: 60px;}
/* 产品展示 */
.proner{display: block;overflow: hidden;width: 100%;padding: 25px 10px ;}
.proner_m{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.proner_l{width: 220px;}
.proner_tit{background-color: #0e55bc;border-radius: 10px 10px 0 0;padding: 15px 20px 10px;}
.proner_t1{font-size: 22px;color: #FFFFFF;}
.proner_t2{font-size: 16px;font-family: arial;color: #FFFFFF;text-transform: uppercase;margin-top: 10px;}
.proner_lul{width: 100%;}
.proner_lul li{width: 100%;padding: 0 20px;line-height: 48px;background-color: #dddddd;border-bottom: 1px solid #FFFFFF;}
.proner_lul li a{font-size: 16px;color: #000000;position: relative;width: 100%;display: block;padding-right: 16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.proner_lul li a::after{display: block;content: "》";font-size: 16px;color: #000000;position: absolute;top: 50%;transform: translateY(-50%);right: 0;}
.proner_lul li:hover{background-color: #3e77c9;}
.proner_lul li:hover a{color: #FFFFFF;}
.proner_lul li:hover a::after{color: #FFFFFF;}
.proner_lul li.on{background-color: #3e77c9;}
.proner_lul li.on a{color: #FFFFFF;}
.proner_lul li.on a::after{color: #FFFFFF;}
.proner_boot{margin-top: 15px;}
.proner_lxq{border: 1px solid #CCCCCC;}
.proner_limg img{width: 100%;}
.proner_lianp{padding: 10px 10px 15px;line-height: 28px;font-size: 14px;color: #555555;}
.proner_r{width: calc(100% - 240px);}
.proner_rtit{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;padding-bottom: 10px;border-bottom: 1px solid #CCCCCC;margin-top: 15px;color: #666666;position: relative;}
.proner_rtit::after{width: 70px;height: 2px;display: block;content: "";position: absolute;left: 0;bottom: 0;background-color: #0157B0;}
.proner_rl{font-size: 18px;line-height: 18px;}
.proner_rr{font-size: 13px;line-height: 14px;margin-top: 4px;}
.proner_rcon{margin-top: 30px;}
.proner_ul{display: flex;display: -ms-flexbox;display: -webkit-flex;flex-wrap: wrap;}
.proner_ul::after{width: 24%;content: "";}
.proner_ul li{border: 1px solid #CCCCCC;margin-bottom: 20px;width:24%;margin-right: 10px;}
.proner_ul li:nth-child(4n){margin-right: 0;}
.proner_B{overflow: hidden;}
.proner_imgbg{background-position: center;background-repeat: no-repeat;background-size: cover;padding-top: 78%;transition: all 2s;}
.proner_p{line-height: 40px;text-align: center;font-size: 16px;color: #131313;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.proner_ul li:hover .proner_imgbg{transform: scale(1.1);}


.cpxq_tit{text-align: center;font-size: 20px;font-weight: bold;color: #131313;line-height: 30px;}
.cpxq_img{margin-top: 20px;text-align: center;}
.cpxq_img img{max-width: 100%;border: 1px solid #CCCCCC;}
.cpxq_p{font-size: 14px;color: #000000;line-height: 30px;margin-top: 20px;}
.cpxq_p img{ max-width:100%; height:auto;}
.cpxq_p table td{ border:1px #CCCCCC solid;}
/* 关于我们 */
.abner_p{font-size: 16px;color: #131313;line-height: 30px;}
.abner_p img{ max-width:100% !important; height:auto !important}
/* 合作伙伴 */
.hzner_ul{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.hzner_ul li{width: 24%;margin-bottom: 15px;border: 1px solid #CCCCCC;}
.hzner_B{overflow: hidden;}
.hzner_imgbg{background-position: center;background-repeat: no-repeat;background-size: cover;padding-top: 41%;transition: all 2s;}
.hzner_ul .space{width: 24%;height: 0;border: transparent;margin-bottom: 0;}
.hzner_ul li:hover .hzner_imgbg{transform: scale(1.1);}
/* 联系我们 */
.conner_m{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.conner_p{line-height: 30px;font-size: 14px;color: #555555;width: 50%;}
.map{width: 50%;height: 350px;}
.map iframe{width: 100%;height: 100%;border: none;}
.proner .message_form{display:block; overflow:hidden; max-width:600px;margin-top: 20px;}
.proner .message_B{width:100%; float:left; margin-bottom:20px;}
.proner .message_sp{width:70px; float:left; height:48px; line-height:48px; font-size:16px; color:#141414; padding-right:10px; text-align:right;}
.proner .message_inp1{width:calc(100% - 70px); float:left; height:48px; line-height:46px; border:1px solid #dfdfdf; padding:0 10px; font-size:16px; color:#141414;}
.proner .message_inp2{width:calc(100% - 70px); float:left; height:200px; line-height:26px; border:1px solid #dfdfdf; padding:10px; font-size:16px; color:#141414; outline:none;}
.proner .message_btn{width:42%; height:48px; font-size:16px; color:#fff;}
.proner .message_btn1{background:#192847;}
.proner .message_btn2{background:#E10602;}
@media (max-width:1220px) {
/*头部+导航*/
.topbox{padding:0 1%;}
.header{padding:0px 1%;}
nav{padding:0 1%;}
.banner .banner-imgbox .swiper-slide img{width:100%;height: auto !important;}
/*END-头部+导航*/


/*首页内容*/
.about_l{padding-left: 10px;width: 40%;}
.about_xq{width: 670px;}
.about_r{width: 59%;}
.about_rp{padding-right: 10px;display: block;}

.ys_m{background-image: none;}
.ys_onel{width: 48%;}
.ys_oner{width: 48%;}

.hz_ul li{width: 23%;}
.hz_ul .space{width: 23%;}

.f1{width: 370px;padding-right: 20px;}
.f2{width: calc(100% - 270px - 380px);}

}

@media (max-width:991px){
/*头部+导航*/
.header_b{position: static;}
.header_b::after{display: none;}
.icon-menu span{width:100%; height:6px; float:left;  background:#FFFFFF;}
.icon-menu{float:right; cursor:pointer; width:40px; height:30px; display:flex; flex-wrap:wrap; align-content:space-between; position:absolute;right:10px; top:50%; transform: translateY(-50%); z-index:9999999; background-size:100% 100%;}
.header{background:#0157B0;position: relative;}
.logo {width:100%;}
.nav {display:none; width:150px; padding:2px; position:absolute; right:0px;background:#0157B0;}
.nav>li{width:100%; border-bottom:1px solid #fff; margin:0; background:none;}

.nav>li>a{width:100%; text-align:center; height:40px; line-height:40px; color:#fff;}
/*END-头部+导航*/

/*首页内容*/
.about{padding: 0 10px;}
.about_l{width: 100%;padding-left: 0;}
.about_r{width: 100%;}
.about_t1{text-align: center;font-size: 40px;padding-top: 40px;}
.about_t1 span{font-size: 60px;}
.about_t2{text-align: center;margin-top: 20px;}
.about_xq{width: 100%;}
.about_rp{margin-left: 25px;}
.about_rt1{padding: 20px 0 20px 85px;}

.f1{width: 49%;}
.f2{width: 49%;border-left: transparent;border-right: transparent;padding-bottom: 0;}
/*新闻中心*/
.proner_ul{justify-content: space-between;}
.proner_ul::after{width: 32%;content: "";}
.proner_ul li{margin-right: 0;width: 32%;}
.proner_ul li:nth-child(4n){margin-right: 0;}
}

@media (max-width:767px){
/*头部+导航*/
.logo img{width:80%;padding: 10px;}
.icon-menu {right:10px; width:30px; height:18px;}
.icon-menu span{height:3px;}
/*END-头部+导航*/

/*首页内容*/
.cpzs{padding: 10px 10px 0;}
.title_t{font-size: 18px;}
.title_p{font-size: 16px;margin-top: 0;}
.cpzs_m{margin-top: 10px;}
.cpzs_xq{padding: 10px 20px;}
.cpzs_pt{font-size: 18px;line-height: 18px;}
.cpzs_pp{margin: 10px 0;}
.cpzs_m .swiper-container{padding-bottom: 40px;}
.cpzs_m .swiper-pagination{bottom: 10px;}
.proner_lul{ display:none}

.about{padding: 0;}
.about_m{padding: 10px 10px 12px;}
.about_t1{font-size: 24px;padding-top: 10px;}
.about_t1 span{font-size: 30px;}
.about_t2{font-size: 18px;margin-top: 0;}
.about_xq{margin-top: 5px;padding: 10px;}
.about_xqp{font-size: 13px;line-height: 26px;}
.about_rt1{display: none;}
.about_btn{position: initial;margin-top: 10px;}

.ouys{padding: 10px 10px 0;}
.ys_m{padding-top: 10px;padding-bottom: 10px;}
.ys_oner1{margin-top: 10px;}
.ys_onel{width: 100%;}
.ys_oner{width: 100%;}
.ys_tit{font-size: 18px;margin-top: 0;}
.ys_tp{padding: 0;}
.ys_p{font-size: 14px;line-height: 24px;height: 48px;}
.ys_oner2{margin-top: 10px;}
.ys_two{margin-top: 10px;}
.ys_2tit{margin-top: 0;font-size: 18px;}
.ys_2tp{padding: 0;}
.ys_2p{font-size: 14px;line-height: 26px;}

.anli{padding: 10px 10px 0;}
.anli_tab{margin-top: 10px;justify-content: space-between;}
.anli_tab li{width: 48%;margin-right: 0;margin-bottom: 10px;}
.anli_tab li a{font-size: 14px;}
.anli_m{margin-top: 0;padding: 5px 5px 3px;}

.hz{padding: 10px;}
.hz_ul{margin-top: 10px;}
.hz_ul li{width: 48.5%;margin-bottom: 10px;}

.f1{width: 100%;}
.f2{width: 100%;padding-left: 0;}
.bootom{padding: 0 10px;}
.bto{font-size: 13px;line-height: 40px;}
.f_tit{margin-top: 10px;}
.f1_ul{margin-top: 0;}
.f1_ul li{line-height: 40px;}
.f2_p{line-height: 30px;margin-top: 6px;}
/* 产品展示 */
.proner{padding: 10px;}
.proner_l{width: 100%;}
.proner_r{width: 100%;}
.proner_tit{line-height: 50px; text-align:left; background:url(../img/bibeiimg/sj_jiantou.png) no-repeat right center #1F468F; background-size:auto,cover;padding: 0 25px 0 20px;}
.proner_t1{font-size: 18px;}
.proner_rcon{margin-top: 10px;}
.proner_ul li{width: 48%;margin-bottom: 10px;}
.proner_p{line-height: 40px;}

.cpxq_tit{font-size: 18px;}
.cpxq_img{margin-top: 10px;}
.cpxq_p{margin-top: 0;}
/* 关于我们 */
.abner_p{font-size: 14px;line-height: 26px;}
/* 合作伙伴 */
.hzner_ul li{width: 48%;margin-bottom: 10px;}
/* 联系我们 */
.conner_p{width: 100%;}
.map{width: 100%;}
.proner .message_form{margin-top: 10px;}
.proner .message_B{margin-bottom:10px;}
.proner .message_sp{width:55px; height:36px; line-height:36px; font-size:14px; padding-right:5px;}
.proner .message_inp1{width:calc(100% - 55px); height:36px; line-height:34px; font-size:14px;}
.proner .message_inp2{width:calc(100% - 55px); height:150px; line-height:24px; padding:6px 10px; font-size:14px;}
.proner .message_btn{width:39%; height:40px; }
}
/*手机底部*/
.root_kong{width:100%; height:62px; float:left; background:#fff;}
.root{width:100%; height:60px; position:fixed; bottom:0; left:0; z-index:9999999999999; background:#0157B0;}
.root a{width:20%; float:left; height:60px; display:flex; align-content:center; align-items:center; flex-wrap:wrap; justify-content:center; line-height:20px; color:#fff; border-right:1px solid #fff; font-size:12px; font-weight:normal;}
.root a>div{width:100%; float:left;}
.root a>div:first-child span{ font-size:20px;}
.root a:last-child{border:none;}
.root a:hover{background:#04397C; color:#fff;}

.dbbox{ position: fixed; left: 0; bottom:65px; z-index:99999; width: 100%;}
.dbbox .dbs{ position: relative; padding: 0 15px; display:none; text-align:center;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px; border:2px solid #389e2e;}
.dbbox .dbs img{ max-width: 140px; }
/*End*/